/*@import url("Button.css");

@import url("kGrid.css");*/

/* Font Awesome CSS */
/*@import url("/Content/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("/Content/font-awesome-5.12.2/css/fontawesome.min.css");
@import url("/Content/font-awesome-5.12.2/css/all.min.css");*/

html, body, form {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    height: 100%;
    --ih-dark-blue: #313A4A;
    --ih-dark-green: #547D43;
    --ih-dark-grey: #ADADAD;
    --ih-dark-red: #7C1919;
    --ih-flag-green: #76AF5F;
    --ih-flag-orange: #FB9A65;
    --ih-flag-red: #D5465D;
    --ih-gold: #C19E11;
    /*    --ih-green: #76AF5F;*/
    --ih-green: #75deb9;
    --ih-grey: #D9DCE1;
    --ih-light-blue: #75B9DE;
    --ih-light-green: #9ed887;
    --ih-light-grey: #F9F9F9;
    --ih-light-red: #DE7474;
    --ih-orange: #F2BA59;
    --ih-red: #9E0B0F;
}

a {
    color:var(--ih-dark-blue);
    text-decoration:none;
}

h1 {
    font-size:2em;
    font-weight:700;
}

/* Header */

#o19head {
    border-top: none;
    border-bottom: solid;
    border-bottom-color: var(--ih-dark-blue);
    border-bottom-width: 5px;
}

#o19logo {
    max-height: 40px;
    max-width: 495px;
}

#o19_freetrial {
    /*max-width:200px;*/
}

#o19_freetrial_label {
    display: inline-block;
    vertical-align: middle;
}

#o19_nav {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin:auto;
    text-transform: uppercase;

}

    #o19_nav > span {
        padding-left: 6px;
        padding-right: 6px;
    }

        #o19_nav > span > a:hover {
            color: var(--ih-light-blue);
            text-decoration: none;
        }

.o19_nav_selected {
    color: var(--ih-light-blue);
}

    .o19_nav_selected > a {
        color: var(--ih-light-blue);
    }


#o19_AIBStatus {
    padding: 6px;
    padding-bottom: 8px;
    border-radius: 4px;
}

    #o19_AIBStatus:hover {
        background-color: var(--ih-light-blue);
        text-decoration: none;
    }

    #o19_AIBStatus > a:hover{
        text-decoration: none;
    }

#o19_settings {
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: left;
    max-height: 45px;
}

/* Menus */

#o19_head_right{
    text-align: right;
}

#o19_empemp {
    max-width: 180px;
}

    #o19_empemp > i {
        font-size: 19px;
        color: var(--ih-light-blue);
    }

#o19_empemp_container {
    display: none;
    position: absolute;
    /*left: 10px;*/
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ih-dark-grey);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 10px;
    line-height: unset;
    max-width: 300px;
    z-index: 100;
    right:10px;
}

#o19empMenu {
    border:none;
}

    #o19empMenu > div {
        cursor:pointer;
        font-weight:700;
        text-align: center;
        padding: 5px;
    }

#o19empMenu > div:hover {
    color: var(--ih-light-blue);
}

#o19_adminmenu_container {
    display: none;
    position: absolute;
    left: 10px;
    /*right: 10px;*/
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ih-dark-grey);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 10px;
    line-height: unset;
    z-index: 100;
}

    #o19_adminmenu_container > a {
        color: var(--ih-light-blue);
    }

#o19_adminmenu_wrapper {
}

    #o19_adminmenu_wrapper > i {
        font-size: 19px;
        color: var(--ih-light-blue);
    }

#o19_notification_history {
    background: white;
    border: 1px solid var(--ih-dark-blue);
    color: black;
    display: none;
    position: absolute;
    right: 117px;
    width: 314px;
    z-index: 9999;
}

#o19_notification_history_head {
    background-color: var(--ih-dark-blue);
    color:white;
    font-size:14px;
    font-weight:700;
    text-align:center;
}

.o19_notification_history_item {
    border-top-color:black;
    border-top-style:solid;
    border-top-width:1px;
    height:47px;
    line-height:1.1em;
    overflow:hidden;
    padding:10px;
}

#o19_acctcontainer {
    display: none;
    position: absolute;
    right: 10px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: var(--ih-dark-grey);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 10px;
    line-height: unset;
    color: var(--ih-dark-blue);
    font-family: Verdana,sans-serif;
    font-size: 14px;
    font-weight: 700;
    z-index: 100;
}
    #o19_acctcontainer > table > tbody > tr > td > a > i {
        text-align:center;
        width:18px;
    }

    #o19_acctcontainer > table > tbody > tr:not(:last-child) > td {
        padding-bottom: 16px;
    }

.o19-employer-select-item {
    margin: 10px;
    color: black;
}

    .o19-employer-select-item:hover {
        color:var(--ih-light-blue);
    }


    /* Body */
    .body-container {
        min-height: 100%;
        position: relative;
    }

.body-content {
    min-height: 100%;
    position: relative;
}

#o19_body_content {
    padding-left: 0px;
    padding-right: 0px;
}

/* Footer */

#o19foot {
    position: absolute;
    bottom: 0px;
    min-height: 40px;
    width: 100%;
    background-color: var(--ih-dark-blue);
    color: white;
}

    #o19foot > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #o19foot > div > div > div > a:visited {
            color: white;
        }

#o19_footerlink {
    color:white;
}

#o19_footerlink:hover {
    color:white;
}

#o19_notification {
    font-size: 22px;
    /*font-weight: 400;*/
    vertical-align: middle;
}

#o19_notification:hover{
    color:var(--ih-light-blue);
}

#o19_acct {

}

#o19_acct > i {
    font-size:19px;
    color:var(--ih-light-blue);
}

.k-dialog-buttongroup .k-button {
    height:unset;
}

.k-autocomplete, .k-block, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views, .k-gantt-views > .k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-numeric-wrap, .k-numerictextbox, .k-slider-selection, .k-slider-track, .k-timepicker, .k-touch-scrollbar, .k-treeview .k-in, .k-upload {
    border-radius: 12px;
}

    .k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
        border-radius: 12px;
    }

    .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
        border-radius: 12px 0 0 12px;
    }