/* Minification failed. Returning unminified contents.
(3621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3625,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3626,18): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3628,25): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3642,29): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3652,30): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3653,31): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3654,38): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3665,45): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3665,60): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3693,29): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3693,45): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3702,41): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3702,56): run-time error CSS1039: Token not allowed after unary operator: '-height'
(3707,41): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3707,56): run-time error CSS1039: Token not allowed after unary operator: '-height'
 */
/*
    =Fonts
    =Typography
    =HelperClases
    =Colors
    =Components
        =dropdown-1
        =buttons
        =dialog
    =Pages
        =page-payroll




*/




/*  =Fonts
================================================== */
/* Font Faces Start */
@font-face {
    font-family: 'Roboto Bold';
    src: url('fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('fonts/Roboto-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Light';
    src: url('fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoSlab Regular';
    src: url('fonts/RobotoSlab-Regular.ttf') format('truetype');
}
/* Font Faces End*/
/* Media Queries Start*/
/* Media Queries End*/
/* Typography Start */
h1, .h1 {
    font-family: 'RobotoSlab Regular';
    font-size: 30px;
    color: #4c4d4f;
    line-height: 39px;
    margin: 0;
}

h2, .h2, .k-window-title {
    font-family: 'Roboto';
    font-size: 17px;
    color: #01416E;
    line-height: 28px;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.regular-roboto {
    font-family: 'Roboto Regular';
}

h3, .h3 {
    font-family: 'Roboto Regular';
    font-size: 13px;
    color: #01416E;
    line-height: 14px;
    font-weight: bold;
    margin: 0;
    letter-spacing: normal;
    text-transform: none;
}

h4, .h4 {
    font-family: 'Roboto Regular';
    font-size: 18px;
    color: #01416E;
    font-weight: 300;
    margin: 0;
}

h5, .h5 {
    font-family: 'Roboto Regular';
    font-size: 16px;
    color: #01416E;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
}

h6, .h6 {
    font-family: 'Roboto Regular';
    font-size: 13px;
    color: #4C4D4F;
    line-height: 16px;
    font-weight: 300;
    margin: 0;
}

h7, .h7 {
    font-family: 'Roboto Regular';
    font-size: 16px;
    color: #4C4D4F;
    line-height: 16px;
    font-weight: 300;
    margin: 0;
}

h2.white, h3.white, h4.white, h5.white, h6.white, .h2.white, .h3.white, .h4.white, .h5.white, .h6.white {
    color: #FFFFFF;
}

h5.lightgray, h6.lightgray, .h5.lightgray, .h6.lightgray {
    color: #9B9B9B;
}

p {
    font-family: 'Roboto Regular';
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #4C4D4F;
    margin: 0px;
    padding: 0px;
}

    p.italic {
        font-style: italic;
    }

    p.bold {
        font-weight: bold;
    }

    p.small {
        font-size: 12px;
        line-height: 14px;
        color: #B9B9B9;
    }

    p.smaller {
        font-size: 12px;
        line-height: 12px;
        color: #C0C0C0;
    }

    p.ad-searcg-msg {
        font-size: 13px;
        color: #001B2D;
        margin: 5px 0;
    }

    p.ad-search-msg {
        font-size: 12px;
        color: #001B2D;
        margin: 5px 0;
    }
/* Typography End */

/*  =HelperClases
================================================== */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
    font-family: 'Roboto Regular';
    font-size: 12px;
    background-color: #E4EBF4;
    overflow: hidden;
}

input::-ms-clear {
    /*IE Clear Icon in text boxes*/
    display: none;
}

/*.main-content {
    visibility: hidden;
}*/

.row {
    margin-left: 0;
    margin-right: 0;
}

.row-custom {
    margin-left: -15px;
    margin-right: -15px;
}

.row-custom-home {
    margin-left: 0px;
    margin-right: -15px;
}

/* Display Table classes */
.d-table {
    display: table;
}

.d-table-row {
    display: table-row;
}

.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.tabel-cell-fit-content {
    width: 1%;
    white-space: nowrap;
}

/* Margins */
.mr-n16 {
    margin-left: -16px;
    margin-right: -16px;
}

.m-0 {
    margin: 0;
}

.mr-10 {
    margin-right: 10px;
}


/*.pl-0 {
    padding-left: 0px !important;
}*/

.p-0 {
    padding: 0 !important;
}

.mt-4 {
    margin-top: 4px;
}


.pr-0 {
    padding-right: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pd-3 {
    padding-top: 4px !important;
}

.pd-10 {
    padding-top: 10px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-16 {
    margin-right: 16px;
}

.ml-0 {
    margin-left: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.border-0 {
    border: 0 !important;
}

.padding-top-16 {
    padding-top: 16px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-16 {
    margin-bottom: 12px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.pd-16 {
    padding: 8px 16px 8px 16px;
}

.pr-16 {
    padding-right: 16px;
}

.layout-1 {
    margin-bottom: 140px;
}

a {
    cursor: pointer;
}

    a:hover, a:focus {
        color: #01416E;
    }

    a:active {
        color: #719BBE;
    }

    a:hover, a:active, a:visited, a:focus {
        text-decoration: none;
    }

.m-16-r0 {
    margin: 16px 16px 16px 0;
}



body > section.main-content {
    margin: 44px 0 106px;
    padding: 16px;
}

body > nav.nav-sidebar + section.main-content {
    margin-left: 40px;
}

.gray1 {
    color: #4c4d4f !important;
}

.error-notification {
    border: #E11C23 solid 1px;
    font-family: 'Roboto Light';
    font-size: 16px;
    line-height: 20px;
    color: #EB5757;
    padding: 16px;
    margin-right: 8px;
}

/* No Gutter */
.gutter-0 {
    margin-right: 0;
    margin-left: 0;
}

    .gutter-0 > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

/*Colors */
.gray-1 {
    color: #4C4D4F;
}

.font-bold {
    font-weight: bold;
}


/* common classes end*/


/* Header Start */
header .ablnavbar-inverse {
    background-color: #ffffff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

header .header-container {
    margin-right: 12px;
    width: auto;
}

header .navbar-header {
    float: left;
    padding: 7.29px 7.34px;
}

/*header .navbar .aon-logo img {
    width: 280.91px;
    height: 45.43px;
}*/

header .navbar .aon-logo img {
    height: 24px;
    width: auto;
    margin-top: 4px;
}

header ul.navbar-nav li {
    border-left: 2px solid #E0E0E0;
    height: 50px;
}

header .navbar-nav li a {
    padding: 15px 20px 20px 20px;
    line-height: 20px;
    font-family: Roboto Regular;
    font-size: 14px;
    color: #028EB2;
    height: 50px;
}

    header .navbar-nav li a .fa, header .navbar-nav li a .fas, header .navbar-nav li a .far, header .navbar-nav li a .fal,
    header .dropdown-menu .k-menu .k-item > .k-link .fas {
        font-size: 14px;
        /*color: #028EB2;*/
        margin-right: 8px;
        vertical-align: middle;
    }

header .navbar-nav li.nav-item-last a {
    padding-right: 0px;
    padding-bottom: 8px;
    padding-top: 4px;
}

header .navbar-nav li .navbar-username {
    margin-bottom: 4px;
    height: 16px;
}

header .navbar-nav li a p.nav-item-info-text {
    line-height: 15px;
    margin-top: 8px;
}

header .navbar-nav li.nav-item-last a .fas, header .dropdown-menu .k-menu .k-item > .k-link .fas {
    margin-left: 4px;
    color: inherit;
}

header .navbar-nav li ul.dropdown-menu {
    position: absolute;
    top: 51px;
    left: 0;
    border: 0;
    width: 235px;
    padding: 0;
    max-height: 335px;
    overflow-y: auto;
}

    header .navbar-nav li ul.dropdown-menu li {
        border: 0;
        height: auto;
    }

header ul.dropdown-menu ul.k-menu {
    border: 0;
}

header .navbar-nav li ul.dropdown-menu li a, header .dropdown-menu .k-menu > .k-item > .k-link, header .dropdown-menu .k-menu-group .k-item .k-link a {
    padding: 10px;
    font-size: 12px;
    line-height: 10px;
    color: #028EB2;
    height: auto;
    font-weight: bold;
    border-bottom: 2px solid #E0E0E0;
    display: block;
    white-space: normal;
}

header .dropdown-menu .k-menu-group .k-item .k-link {
    padding: 0;
}

header .navbar-nav li .dropdown-menu .k-menu .k-item > .k-link .k-icon {
    display: none;
}

header .navbar-nav li ul.dropdown-menu li:last-child a, header .dropdown-menu .k-menu .k-menu-group .k-item:last-child > .k-link, header .dropdown-menu .k-menu .k-menu-group .k-item:last-child > .k-link a {
    border-bottom: 0;
}

header .navbar-nav li .dropdown-menu > li > a:focus, header .navbar-nav li .dropdown-menu li a:hover,
header .dropdown-menu .k-menu .k-link.k-state-active, header .dropdown-menu .k-menu-group .k-item.k-state-hover > .k-link, header .dropdown-menu .k-menu-group .k-item.k-state-hover > .k-link a {
    background-color: #028EB2;
    color: #FFFFFF;
    transition: all 0.1s;
}

    header .dropdown-menu .k-menu .k-link.k-state-active a {
        color: #FFF;
    }

header .dropdown-menu .k-menu .k-animation-container .k-menu-group {
    top: -1px;
    box-shadow: 3px 4px 11px #4C4D4F;
    background-color: #fff;
    border: 0;
}

.menu-item-border {
    border-bottom: 2px solid #E0E0E0;
}
/* Header End */
/* Side nav start */
nav.nav-sidebar {
    width: 240px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #719BBE;
    color: #fff;
    transition: all 0.3s;
    padding-top: 50px;
    padding-bottom: 60px;
}

.lang-fr nav.nav-sidebar {
    width: 320px;
}

.sidebar {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #FFFFFF;
}

nav.nav-sidebar.active {
    width: 40px;
}
/*nav.nav-sidebar.active .sidebar-list-item{
    display: none;
}*/
nav.nav-sidebar .sidebar .sidebar-toggle {
    padding: 12px 0px 12px 12px;
}

nav.nav-sidebar .sidebar .sidebar-toggle {
    box-sizing: content-box;
    height: 12px;
}

    nav.nav-sidebar .sidebar .sidebar-toggle > span {
        display: inline-block;
        height: 16px;
        cursor: pointer;
    }

.sidebar ul.sidebar-list {
    padding: 0px;
    margin: 0px;
    height: calc(125vh - 156px);
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    margin-right: -6px;
}

    .sidebar ul.sidebar-list::-webkit-scrollbar {
        width: 0 !important;
    }

    .sidebar ul.sidebar-list li {
        list-style-type: none;
        margin-bottom: 8px;
    }

        .sidebar ul.sidebar-list li a i {
            color: inherit;
            font-size: 18px;
            width: 24px;
            text-align: center;
        }

            .sidebar ul.sidebar-list li a i.fa-hands-usd {
                font-size: 19px;
                height: 24px;
            }

        .sidebar ul.sidebar-list li a {
            color: #FFFFFF;
            font-family: 'Roboto Regular';
            line-height: 20px;
            padding: 8px;
            font-size: 14px;
            height: 24px;
            box-sizing: content-box;
            display: block;
            position: relative;
        }

            .sidebar ul.sidebar-list li a .sidebar-list-item {
                color: inherit;
                font-family: 'Roboto Regular';
                font-size: 14px;
                position: absolute;
                top: 8px;
                left: 48px;
            }

            .sidebar ul.sidebar-list li a:hover, .sidebar ul.sidebar-list li a:focus, .sidebar ul.sidebar-list li.active a {
                background-color: #E4EBF4;
                color: #01416E;
                font-weight: bold;
                transition: all 0.1s;
            }

                .sidebar ul.sidebar-list li a:hover i, .sidebar ul.sidebar-list li a:focus i {
                    font-weight: 500;
                }
/* Side nav End */
/* Footer Start */
footer {
    background-color: #ffffff;
    padding: 12px 32px;
    height: 60px;
    z-index: 1030;
}

    footer .footer-bottom-line p {
        display: inline;
        padding-right: 5px;
        padding-left: 2px;
    }

    footer .footer-bottom-line-details p {
        display: inline;
        padding-right: 8px;
        padding-left: 4px;
    }

    footer .footer-bottom-line {
        /*position: absolute;*/
        left: 0px;
        top: 0px;
        line-height: 14px;
        font-size: 13px;
    }

    footer .footer-bottom-line-details {
        position: absolute;
        right: 85px;
        top: 13px;
        line-height: 14px;
        font-size: 13px;
    }

    footer .footer-logo {
        margin-bottom: 23.44px;
        position: absolute;
        right: 0;
    }

    footer .footer-link-container p {
        margin-bottom: 8px;
    }

        footer .footer-link-container p:last-child {
            margin-bottom: 0px;
        }

    footer .footer-link-container:nth-child(1), footer .footer-link-container:nth-child(2) {
        width: 40%;
    }

    footer .footer-link-container:last-child {
        position: relative;
        top: 29px;
    }

    footer .h4, footer .h6 {
        color: #4C4D4F;
    }

    footer a {
        color: inherit;
    }
/* Footer End */



/* Label Start */
label, .form-label {
    color: #001B2D;
    font-family: 'Roboto Regular';
    font-size: 12px;
    margin-bottom: 4px;
    font-weight: bold;
    line-height: 15px;
}

.view label, .view .form-label {
    margin-bottom: 0;
}

label.required-label:after {
    color: #001B2D;
    content: '\00a0\002A';
}

label.view-colon:after {
    color: #001B2D;
    content: '\00a0\003A';
}

.content label, .content a {
    display: table-cell;
    white-space: nowrap;
}

span.view-slash:after {
    color: #001B2D;
    content: '\00a0\002F';
}

span.SlashRemoval:after {
    color: #001B2D;
    content: "" !important;
}

.left-strip {
    padding-right: 0px !important;
}

.padding-strip {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.view-content {
    font-size: 13px;
    color: #4C4D4F;
    line-height: 18px;
    padding-left: 4px;
    padding-right: 4px;
    display: table-cell;
    word-break: break-word;
}

.view-radiolabel {
    font-size: 13px;
    color: #4C4D4F;
    line-height: 18px;
    padding-left: 4px;
    word-break: break-word;
}

.selectedSuretylbl {
    margin-bottom: 16px;
}
/* Label End */
/* Textbox Start */
input.k-textbox, .k-ie input.k-textbox, .k-grid-edit-row > td > .text-box, .k-numerictextbox .k-numeric-wrap .k-input {
    height: 24px;
    border: 1px solid #4C4D4F;
    border-radius: 2px;
    font-weight: 300;
    font-size: 12px;
    color: #4c4d4f;
    text-indent: 0;
    padding: 6px 15px 6px 8px;
    line-height: 14px;
    outline: 0;
    box-shadow: none;
}

.k-multiselect-clearable .k-input {
    height: 22px;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    color: #4C4D4F;
    text-indent: 8px;
    padding: 6px 8px 6px 0px;
    line-height: 14px;
    width: 100% !important;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.textarea {
    /*border: 1px solid #4C4D4F;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    color: #4C4D4F;
    text-indent: 8px;
    padding: 8px 8px 8px 0px;
    line-height: 14px;
    outline: 0;
    box-shadow: inset 1px 1px #c0c0c0;
    resize:none;*/
    min-width: 100%;
    max-width: 100%;
    height: 44px;
    position: relative;
    left: 0;
    outline: none;
    background-color: #ffffff;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    box-shadow: inset 1px 1px #c0c0c0;
}

textarea.k-textbox {
    padding: 8px;
    height: 200px;
    font-size: 12px;
    font-weight: 300;
    color: #4c4d4f;
    line-height: 19px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

textarea.k-gridtextarea {
    height: 60px;
}

.h-100 {
    height: 60px !important;
}

.k-ff input.k-textbox {
    height: 24px;
}

.k-input::-webkit-input-placeholder {
    color: #9B9B9B;
    font-family: Font Awesome\ 5 Pro, 'Roboto Regular';
    font-size: 13px;
    font-weight: 300;
}

.k-ie .k-input:-ms-input-placeholder {
    color: #9B9B9B;
    font-family: Font Awesome\ 5 Pro, 'Roboto Regular';
    font-size: 13px;
    font-weight: 300;
}

.k-textbox::-webkit-input-placeholder {
    color: #9B9B9B;
    font-family: Font Awesome\ 5 Pro, 'Roboto Regular';
    font-size: 12px;
    font-weight: 300;
}

.k-ie input.k-textbox:-ms-input-placeholder {
    /* Keep this class separately as vendor 
       specific pseudo classes should not be combined with
        other classes using ","
    */
    color: #9B9B9B;
    font-family: Font Awesome\ 5 Pro, 'Roboto Regular';
    font-size: 11px;
    font-weight: 300;
}

input.k-textbox, .k-dropdown-wrap, .k-dropdown:not(.k-editor-widget) {
    width: 100%;
}


    input.k-textbox:focus, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .abl-textarea:focus {
        box-shadow: 0px 0px 4px rgba(2, 142, 178, 0.7);
    }
    /* Textbox End */
    /* Dropdown Start */
    .k-dropdown-wrap, .k-multiselect-wrap, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-default {
        height: 24px;
        min-height: 24px;
        border: 1px solid #4c4d4f;
        border-radius: 2px;
        /*padding: 0;*/
        width: 100%;
        box-sizing: border-box;
        background-color: #FFFFFF;
    }

        .k-dropdown-wrap .k-input, .k-picker-wrap .k-input {
            height: 24px;
            box-sizing: border-box;
            font-size: 12px;
            padding: 4px 0 6px 8px;
            line-height: 16px;
            color: #001B2D;
            text-indent: 0px;
            background-color: transparent;
        }

        .k-dropdown-wrap .k-select {
            width: 20px;
            height: 14px;
            top: 8px;
            right: 8px;
            min-height: auto;
        }

            .k-dropdown-wrap .k-select .k-icon {
                width: 12px;
                height: 6px;
                vertical-align: top;
                font-family: Font Awesome\ 5 Pro;
                font-size: 16px;
                font-weight: bold;
                text-align: left;
            }

                .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down::before {
                    content: "\f0d7";
                }

.k-popup.k-list-container {
    background-color: #ffffff;
    padding: 0;
}

.k-list-optionlabel {
    font-size: 13px;
    font-family: 'Roboto Light';
    line-height: 26px;
    box-sizing: border-box;
    height: 30px;
    border-radius: unset;
    min-height: 0;
    color: #001B2D;
    border: 0;
    border-bottom: 1px solid #4C4D4F;
}

.k-list-container ul.k-list .k-item {
    box-sizing: border-box;
    height: 30px;
    line-height: 27px;
    font-family: 'Roboto Light';
    font-size: 13px;
    border-radius: unset;
    min-height: 0;
    color: #001B2D;
    border-bottom: 1px solid #4C4D4F;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .k-list-container ul.k-list .k-item:last-child {
        border-bottom: 0;
    }

    .k-item.k-state-hover, .k-list-optionlabel.k-state-hover, .k-list-optionlabel.k-state-focused.k-state-hover, .k-list-container ul.k-list .k-item.k-state-hover {
        background-color: #E0E0E0;
        cursor: pointer;
    }

    .k-list-optionlabel.k-state-focused, .k-list-container ul.k-list .k-item.k-state-selected {
        color: #FFFFFF;
        background-color: #028EB2;
        border-color: transparent;
        border-bottom: 1px solid #028EB2;
        background-image: unset;
    }

.k-list-container ul.k-list[aria-multiselectable='true'] .k-item.k-state-selected {
    color: #001B2D;
    background-color: #FFF;
    border-color: transparent;
    border-bottom: 1px solid #4C4D4F;
    background-image: unset;
}

/* Dropdown End */
/* Multi Select */
.k-multiselect-wrap {
    height: auto;
}

    .k-multiselect-wrap .k-input {
        width: auto !important;
        height: 27px;
        top: -0.7px;
    }

    .k-multiselect-wrap ul.k-reset {
        padding-right: 22px;
    }

.k-item .multiselect-text-desc {
    display: inline-block;
    position: relative;
    top: -3px;
    line-height: 18px;
}

.k-item .multiselect-checkbox {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;
    margin-right: 8px;
    font-size: 21px;
}

    .k-item .multiselect-checkbox::before {
        content: "\f0c8";
    }

.k-item.k-state-selected .multiselect-checkbox::before {
    content: "\f14a";
    font-weight: 900;
    color: #01416E;
}

.k-multiselect-wrap .k-icon {
    font-family: Font Awesome\ 5 Pro;
}

.k-multiselect-wrap li.k-button {
    border: 0;
    border-radius: 2px;
    padding: 0 24px 0 4px;
    margin: 3px 0 3px 8px;
    height: 22px;
    line-height: 21px;
    background-color: #E0E0E0;
    font-size: 13px;
    color: #001B2D;
    display: inline;
    text-transform: none;
}

.k-multiselect-wrap .k-button .k-select .k-i-close {
    font-weight: bold;
    color: #01416E;
    font-size: 12px;
}

.multiselect-1 .k-i-close:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f00d" !important;
    color: #01416E;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

/* Numeric Text Box */
.k-numerictextbox {
    width: 100%;
    border: 0;
}

    .k-numerictextbox .k-numeric-wrap {
        height: 100%;
        border: 0;
        padding: 0;
    }

        .k-numerictextbox .k-numeric-wrap .k-input {
            position: relative;
            top: 0px;
            padding: 6px 8px;
            left: 0px;
            height: 24px;
            border: 1px solid black;
            width: 100%;
            border-radius: 2px;
        }

        .k-numerictextbox .k-numeric-wrap .k-select {
            display: none;
        }
/* Radio button, Check box Start */
ul.radio-group li {
    list-style-type: none;
}

.k-radio, input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden;
}

.k-checkbox-label, .k-radio-label {
    display: inline-block;
    position: relative;
    padding-left: 26.2px;
    vertical-align: top;
    cursor: pointer;
    border-style: solid;
    border-width: 0;
    font-weight: 100;
    line-height: 20px;
    margin-bottom: 0;
}

.k-checkbox-label {
    /* font-weight: bold !important;*/
}

.k-radio:checked + .k-radio-label:before, .k-radio:checked:not(.radiobutton-readonly) + .k-radio-label:hover:before {
    border-color: #01416E;
}

.k-radio-label:before {
    border-color: #4C4D4F;
    border-radius: 50%;
    background-color: #FFFFFF;
    border-width: 2px;
}

.k-radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-style: solid;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #01416E;
    border-radius: 50%;
}

.k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
}

.k-radio:checked + .k-radio-label:after {
    top: 4px;
    left: 4px;
}

.k-radio:disabled + .k-radio-label, .k-radio.radiobutton-readonly + .k-radio-label {
    color: #9b9b9b;
    cursor: default;
    pointer-events: none;
}


.k-radio:disabled:checked + .k-radio-label:after, .k-radio.radiobutton-readonly:checked + .k-radio-label:after {
    background-color: #9b9b9b;
    cursor: default;
    pointer-events: none;
}

.k-radio:disabled + .k-radio-label:before, .k-radio.radiobutton-readonly + .k-radio-label:before {
    border-color: #9b9b9b;
    cursor: default;
    pointer-events: none;
}

.tableCell {
    height: 30px;
    vertical-align: middle;
    display: table-cell;
}

a {
    font-size: 13px;
    color: #028eb2;
}

.radio-container label:not(:nth-of-type(1)) {
    margin-left: 16px;
}

.k-checkbox-label {
    padding-left: 26px;
    font-size: 13px;
}

    .k-checkbox-label:before {
        width: 18px;
        height: 18px;
        text-align: center;
        border-color: #01416E;
        border-radius: 1px;
        background-color: #ffffff;
    }

.k-checkbox:checked + .k-checkbox-label:before {
    content: "\e118";
    font: normal normal 600 normal 14px/1.3 'WebComponentsIcons';
    color: #fff;
    background-color: #01416E;
    border-radius: 2px;
}

.k-checkbox:disabled + .k-checkbox-label:before, .k-checkbox:disabled + .k-checkbox-label, .k-checkbox.checkbox-readonly + .k-checkbox-label:before, .k-checkbox.checkbox-readonly + .k-checkbox-label {
    border-color: #9b9b9b;
    color: #9b9b9b;
    cursor: default;
}

.k-checkbox:disabled:checked + .k-checkbox-label:before, .k-checkbox.checkbox-readonly:checked + .k-checkbox-label:before {
    border-color: #9b9b9b;
    background-color: #9b9b9b;
    color: #fff;
    cursor: default;
}

.k-checkbox:not(.checkbox-readonly):focus + .k-checkbox-label:before, .k-radio:not(.checkbox-readonly):focus + .k-radio-label:before {
    box-shadow: 0px 0px 4px rgba(2, 142, 178, 0.7);
}
/* Radio Button, Check box End */
/* Invalid Input Styles Start*/
input.k-textbox.k-invalid, .k-grid-edit-row > td > .text-box.k-invalid, span .k-picker-wrap.k-state-default.k-invalid {
    border: 1px solid #E11C23;
    color: #E11C23;
}

span.k-tooltip.k-invalid-msg, .k-grid .field-validation-error {
    color: #E11C23;
    padding-left: 0px;
    font-size: 12px;
    line-height: 15px;
    padding-top: 2px;
    display: flex;
    white-space: normal;
    text-align: left;
    margin: 0 !important;
    /*float:left;*/
}

.checkbox-invalid {
    color: #E11C23;
    padding-left: 0px;
    font-size: 13px;
    padding-top: 8px;
    display: flex;
    white-space: normal;
    text-align: left;
    margin: 0 !important;
}

.k-invalid-msg .k-icon {
    display: none;
}

.invalid-label, .aon-red, label.required-label.invalid-label:after {
    color: #E11C23;
}

.aon-redrole {
    color: #E11C23 !important;
}

.k-dropdown-wrap.k-dropdown-invalid, .k-invalid, span .k-picker-wrap.k-state-default.k-invalid, .k-numeric-wrap.k-numeric-wrap-invalid .k-input {
    border: 1px solid #E11C23;
    color: #E11C23;
}

    input.k-textbox.k-invalid:focus, .k-dropdown-wrap.k-dropdown-invalid.k-state-focused, .k-picker-wrap.k-invalid.k-state-focused {
        box-shadow: 0px 0px 4px rgba(225, 28, 35, 0.7);
    }
/* Invalid Input Style End*/

/* Buttons Start */
.k-button, .btn {
    font-family: Roboto Bold;
    font-size: 11px;
    padding: 6px 16px;
    margin: 16px 16px 16px 0;
    box-sizing: border-box;
    border: 1px solid;
    line-height: 14px;
    transition: all .25s;
    border-radius: 4px;
    text-transform: uppercase;
    float: left;
    height: 26px;
    min-width: 50px;
}

.btn-icon {
    background: transparent;
    border: 0;
    padding: 0;
    width: auto;
    min-width: auto;
}

.NotesSelectAll.btn-select-all {
    padding-top: 6px;
    padding-bottom: 2px;
}


.btn.default-btn, .k-filter-menu .k-button, .k-window .k-button {
    background-color: #fff;
    color: #01416e;
    border-color: #01416e;
}

.k-window .k-dialog-buttongroup .k-button {
    width: auto !important;
    min-width: 50px;
}

.btn.default-btn:hover, .k-button k-primary:hover {
    color: #028EB2;
    border-color: #028EB2;
}

.btn.primary-btn, .k-filter-menu .k-button.k-primary, .k-window .k-button.k-primary, .k-upload-button {
    background-color: #01416e;
    color: #fff;
    border-color: #01416e;
}


    .btn.primary-btn:hover, .k-window .k-button.k-primary:hover, .k-upload-button:hover, .btn.primary-btn:focus, .upload-list .k-upload-button.k-state-focused {
        background-color: #028EB2;
        border-color: #028EB2;
    }

.btn.secondary-btn, .k-grid-toolbar .k-button.k-grid-add, .k-grid-toolbar .k-button.k-grid-save-changes, .k-grid-toolbar .k-button.k-grid-cancel-changes {
    background-color: #9B9B9B;
    color: #fff;
    border-color: #9B9B9B;
}

    .btn.secondary-btn:hover {
        background-color: #4C4D4F;
        border-color: #4C4D4F;
    }

.btn.primary-btn:disabled, .btn.primary-btn[disabled='disabled'], .btn.primary-btn.k-state-disabled {
    background-color: #9B9B9B;
    border: 1px solid #9B9B9B;
    color: #FFFFFF;
    opacity: 0.65;
    pointer-events: none;
}

/* Buttons End */


/*date picker*/
.k-datepicker {
    width: 100%;
}

.k-calendar-container {
    background-color: #fff;
    font-size: 14px;
}

.k-widget.k-calendar > .k-header {
    background-color: #01416E;
    height: 32px;
    margin-left: -2px;
    margin-top: -2px;
    margin-right: -2px;
}

.k-widget > .k-header > a, .k-calendar .k-state-selected > .k-link, .k-calendar .k-header .k-icon::before {
    color: #fff;
}

.k-widget > .k-header > a {
    margin-top: 4px;
    text-transform: uppercase;
}

.k-calendar td.k-state-selected {
    background-color: #028EB2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-calendar td.k-state-focused, .k-calendar td.k-state-selected.k-state-focused {
        -webkit-box-shadow: inset 0 0 0 1px grey;
        box-shadow: inset 0 0 0 1px grey;
    }

.k-calendar .k-link {
    color: #444;
}

.k-calendar td {
    border-radius: 50%;
}

    .k-calendar .k-content .k-link, .k-calendar td > span.k-state-disabled {
        min-height: 24px;
        line-height: 24px;
        padding: 0;
        text-align: center;
        display: block;
        overflow: hidden;
        font-size: 13px;
    }

    .k-calendar td > span.k-state-disabled {
        background-color: transparent;
        color: #E0E0E0;
    }

    .k-calendar td.k-state-disabled, .k-calendar td.k-state-disabled a.k-link {
        background-color: transparent;
        color: #E0E0E0;
    }

.k-calendar-container.k-popup {
    -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.2);
    box-shadow: 0 0 6px 1px rgba(0,0,0,.2);
    padding: 0px;
}

.k-calendar-container.k-group {
    border: 1px solid #4C4D4F;
}

.k-calendar-container .k-calendar {
    padding: 2px;
    width: 272px;
}

.k-calendar th {
    border-bottom-width: 0;
    padding: .714em .45em .714em 0;
}

.k-calendar .k-footer {
    border-top: 1px solid #9B9B9B;
    margin: 0 -5px;
    text-transform: uppercase;
}

    .k-calendar .k-footer .k-link {
        padding: 8px 0 6px;
        font-size: 13px;
        line-height: 20px;
        color: #01416E;
    }

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    top: 2px;
    margin-top: 0;
}

.k-link.k-state-disabled {
    background-color: inherit;
}

.k-picker-wrap.k-state-border-down {
    border-bottom-width: 1px;
    padding-bottom: 0;
}

.ml-16 {
    margin-left: 16px;
}

.mr-16 {
    margin-right: 16px !important;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-8 {
    padding-bottom: 8px;
}

.k-picker-wrap {
    background-color: #ffffff;
    color: #4c4d4f;
    border: 1px solid #4C4D4F;
    height: 24px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 34px;
}

    .k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
        border-width: 0;
        background: transparent;
        line-height: unset;
        width: unset;
    }

.k-i-calendar:before {
    content: "\f073";
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
}

.k-i-clock:before {
    content: "\f017";
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    font-size: 12px;
}

.k-icon.k-i-calendar {
    font: 11px WebComponentsIcons;
    position: absolute;
    top: 5px;
    right: 8px;
}


.k-widget.k-calendar .k-nav-fast {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    height: auto;
}

/* Grid table*/
.k-grid table {
    table-layout: fixed;
}

.k-grid-header th.k-header {
    padding: 8px !important;
    border-width: 2px 2px 2px 0px;
    color: #C0C0C0;
}

    .k-grid-header th.k-header .k-grid-filter {
        margin: 0;
        padding: 0;
    }

    .k-grid-header th.k-header:last-child {
        border-right-width: 0px;
    }

    .k-grid-header th.k-header > .k-link {
        font-family: Roboto Bold;
        font-size: 12px;
        color: #001b2d;
        line-height: 20px;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-width: 1px 1px 1px 0px;
    }

.k-grid-header .k-link .k-icon.k-i-sort-asc-sm, .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    font-size: 12px;
    font-weight: bold;
    font-family: Font Awesome\ 5 Pro;
    margin-left: 8px;
    color: #01416e;
    overflow: hidden;
}

    .k-grid-header .k-link .k-icon.k-i-sort-asc-sm::before {
        content: "\f062";
    }

    .k-grid-header .k-link .k-icon.k-i-sort-desc-sm::before {
        content: "\f063";
    }

.k-grid-filter .k-icon {
    color: #9b9b9b;
}

.k-popup {
    background-color: white;
    width: 250px;
    border-style: none;
    border-width: 0px;
}

.k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget {
    margin: .19em 0 0;
    color: #01416E;
    font-family: 'Roboto Bold';
}

.k-filter-menu .k-textbox {
    color: #001B2D;
}

.k-block, .k-draghandle, .k-inline-block, .k-widget, .k-grid td {
    border-style: none;
    border-width: 0;
}

.k-grid tbody tr {
    background-color: #E4EBF4;
}

    .k-grid tbody tr.k-alt {
        background-color: #FFFFFF;
    }

    .k-grid tbody tr td {
        font-size: 13px;
        padding: 8px 16px;
        line-height: 18px;
        position: relative;
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 0.25px;*/
    }

        .k-grid tbody tr td a {
            font-size: 13px;
        }

        .k-grid tbody tr td .k-radio-label {
            padding-left: 0px;
            display: inline-block;
        }

            .k-grid tbody tr td .k-radio-label + span {
                margin-left: 34px;
                display: inline-block;
            }

#ASGrid.k-grid tbody tr td .k-radio-label + span,
#ClientToDivisionGrid.k-grid tbody tr td .k-radio-label + span {
    display: none;
}


.no-wrap .k-grid tbody tr td .k-radio-label + span {
    display: inline;
}

.k-grid .k-pager-wrap.k-grid-pager {
    box-sizing: content-box;
    position: relative;
    width: calc(30% - 16px);
    font-size: 12px;
    color: #4C4D4F;
    right: calc(-70% + 16px);
    padding: 32px 16px 16px;
    height: 32px;
}

.k-window .k-grid .k-pager-wrap.k-grid-pager, .lookup-search-results .k-grid .k-pager-wrap.k-grid-pager {
    width: calc(50% - 16px);
    right: calc(-50% + 16px);
}

.ad-search-result-panel .lookup-search-results .k-grid .k-pager-wrap.k-grid-pager {
    width: calc(30% - 16px);
    right: calc(-70% + 16px);
}

.lookup-search-results.half-width .k-grid .k-pager-wrap.k-grid-pager,
.lookup-search-results.no-pagerBottom-buttons .k-grid .k-pager-wrap.k-grid-pager {
    width: calc(60% - 16px);
    right: calc(-40% + 16px);
}

.k-grid .k-pager-wrap.k-grid-pager a.k-link.k-pager-first,
.k-grid .k-pager-wrap.k-grid-pager a.k-link.k-pager-last,
.k-grid .k-pager-wrap.k-grid-pager ul.k-pager-numbers {
    display: none;
}

.k-grid .k-pager-wrap.k-grid-pager > .k-link.k-pager-nav {
    position: absolute;
    border: 0;
}

.k-grid .k-pager-wrap.k-grid-pager > .k-link.k-pager-first + .k-link.k-pager-nav {
    right: 32px;
}

.k-grid .k-pager-wrap.k-grid-pager > ul.k-pager-numbers + .k-link.k-pager-nav {
    right: 4px;
}

.k-grid .k-pager-wrap.k-grid-pager .k-pager-info.k-label {
    float: none;
    position: absolute;
    right: 64px;
    line-height: 30px;
}

.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label {
    display: inline-flex;
    flex-direction: row-reverse;
    position: absolute;
    left: 0;
    padding-left: 16px;
}

#TemplateBond .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label, #BondAttachmentGrid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label {
    display: inline-flex;
    flex-direction: row-reverse;
    position: absolute;
    left: 0;
    padding-left: 16px;
    right: 185px;
}



.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label > .k-widget.k-dropdown {
    margin-top: 0px;
    height: 30px;
    width: 4.5em;
}

.k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label .k-dropdown-wrap .k-i-arrow-60-down:before {
    content: "\f0d7";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 600;
    font-size: 14px;
    color: #4c4d4f;
    margin-left: 4px;
    margin-right: 4px;
}

.k-grid:not(#ASGrid):not(#divisionGrid):not(#ClientLookupGrid) tbody tr td.hierarchy-column .k-radio-label {
    padding-left: 0px;
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -9px;
    margin-left: -9px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .k-grid:not(#ASGrid):not(#divisionGrid):not(#ClientLookupGrid) tbody tr td.hierarchy-column .k-radio-label {
        padding-left: 0px;
        position: absolute;
        top: auto;
        left: 25px;
        margin-top: 3px;
        margin-left: -9px;
    }
}


/*@-moz-document url-prefix() {
    #ASGrid .k-radio-label {
        vertical-align: middle;
    }
}*/

.k-grid tbody tr td.hierarchy-column .intend-2 ~ .k-radio-label {
    left: 59px !important;
}

.k-pager-wrap > .k-link > .k-icon {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    font-size: 20px;
    color: #4C4D4F;
}

    .k-pager-wrap > .k-link > .k-icon.k-i-arrow-w::before {
        content: "\f053";
    }

    .k-pager-wrap > .k-link > .k-icon.k-i-arrow-e::before {
        content: "\f054";
    }

.k-grid .k-grid-toolbar {
    box-sizing: content-box;
    position: absolute;
    width: calc(70% - 16px);
    font-size: 14px;
    display: inline-block;
    bottom: 0;
    left: 0;
    padding: 32px 4px 16px;
    height: 32px;
    border: 0;
}

.k-window .k-grid .k-grid-toolbar, .lookup-search-results .k-grid .k-grid-toolbar {
    width: calc(50% - 16px);
}

/*.ad-search-result-panel .lookup-search-results .k-grid .k-grid-toolbar {
    width: calc(70% - 16px);
}
*/
.lookup-search-results.half-width .k-grid .k-grid-toolbar {
    width: calc(30% - 16px);
}

.k-grid .k-grid-toolbar .grid-toolbar-item {
    line-height: 32px;
    display: inline-block;
    float: left;
}

    .k-grid .k-grid-toolbar .grid-toolbar-item .btn {
        margin: 0 16px 0 0;
    }

    .k-grid .k-grid-toolbar .grid-toolbar-item .save-as-excel,
    .k-grid .k-grid-toolbar .grid-toolbar-item .partial-save-as-excel {
        font-size: 18px;
        vertical-align: middle;
        cursor: pointer;
        margin: 10px 32px 0 0;
    }

div.k-grid-header {
    border-bottom: 2px solid #CBCBCB;
    border-top: 2px solid #CBCBCB;
}

.k-grid-header-wrap.k-auto-scrollable {
    border: 0;
}

    .k-grid-header-wrap.k-auto-scrollable th.k-header {
        border-width: 0px 2px 0px 0px;
    }

        .k-grid-header-wrap.k-auto-scrollable th.k-header:last-child {
            border-width: 0;
        }

.k-grid .k-grid-content {
    height: auto !important;
    max-height: 465px;
}
/*Grid End*/

.text-capital {
    text-transform: uppercase;
}

#tabstrip h2:not(.search-result-count) span {
    background: none;
    padding-left: 5px;
    font-size: .3em;
    vertical-align: top;
}

#tabstrip p {
    margin: 0;
    padding: 0;
}

.CreateClientProfile {
    border: 0;
    margin-top: 15px;
    border-radius: 0;
    margin-bottom: 0;
}

.m-0, .k-tabstrip-items, .k-tabstrip > .k-content {
    margin: 0 !important;
}

.k-tabstrip-items, .k-tabstrip > .k-content {
    border-width: 0;
}

    .k-tabstrip-items .k-item {
        border-width: 0;
        width: 14.2857142857%;
        margin: 0;
    }

    .k-tabstrip-items .k-loading {
        display: none;
    }

.pd-0, .k-tabstrip-items {
    padding: 0 !important;
}

ul.k-tabstrip-items {
    box-shadow: 0 4px 2px 0px #e0e0e0;
}

.k-tabstrip-items .k-link {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    border-bottom-width: 0;
    padding: 16px 0 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #9b9b9b;
}

.k-tabstrip-top .k-tabstrip-items .k-state-active {
    border-bottom-width: 4px;
    border-color: #01416e;
}

.k-tabstrip-items .k-item.k-state-hover {
    background-color: transparent;
}

.k-state-active .k-link {
    color: #01416e;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: transparent;*/
}

.k-tabstrip > .k-content {
    padding: 16px 0 0;
}

ul.k-tabstrip-items li.k-item.k-state-disabled .k-link {
    color: #E0E0E0;
}

[class*='col-'] {
    padding-right: 16px;
    padding-left: 16px;
}

.inner-content > [class*='col-'] {
    padding-left: 0;
    margin-bottom: 16px;
    padding-right: 16px;
}

.principal-info > [class*='col-'] {
    /*margin-bottom: 16px;*/
    padding-right: 16px;
    overflow: hidden;
}

.section-info > [class*='col-'] {
    margin-bottom: 16px;
    padding-right: 16px;
    overflow: hidden;
}

.inner-content > [class*='col-xs-4']:nth-child(3n+1), .k-window-content [class*='col-xs-4']:nth-child(3n+1) {
    clear: left;
}

.bond-link {
    clear: left;
}

.inner-content > .panel-collapse > [class*='col-'] {
    padding-left: 0;
    margin-bottom: 16px;
    padding-right: 16px;
}

.inner-content > .panel-collapse > .row [class*='col-'] {
    padding-left: 0;
    margin-bottom: 16px;
    padding-right: 16px;
}

.inner-content > .panel-collapse > [class*='col-xs-4']:nth-child(3n+1) {
    clear: left;
}

form .grid-panel [class*='col-'] {
    margin-bottom: 16px;
}

.sub-grid > [class*='col-'] {
    padding: 0;
    width: 48%;
}

    .sub-grid > [class*='col-']:first-child {
        padding-left: 0;
        margin-right: 4%;
    }

.col-xs-12.panel-collapse {
    overflow: hidden;
}

.collapsed ~ .fa-minus-circle {
    display: none;
}

.collapsed ~ .fa-plus-circle {
    display: inline-block;
}

.multiple-surities-upload {
    margin-left: 4px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    top: -12px;
    left: -4px;
}

.multiple-surities.fa-plus {
    margin-left: 4px;
    font-size: 12px;
    cursor: pointer;
}

.fa-minus-circle.collapsed:before, .collapsed > .fa-minus-circle:before {
    content: "\f055";
}

.inner-content {
    margin-left: 16px;
    overflow: hidden;
}

hr {
    border-top: 1px solid #c0c0c0;
    margin-bottom: 8px;
    margin-top: 8px;
    clear: both;
}

.h3-title {
    position: relative;
    font-size: 16px;
    padding: 16px;
}

.view .h3-title {
    font-size: 18px;
    line-height: 24px;
}

.custom-title {
    position: relative;
    font-size: 16px;
    padding-top: 16.33px;
    padding-bottom: 12.67px;
}

.h3-title > a {
    font-family: 'Roboto Regular';
    font-size: 16px;
    color: #01416E;
    line-height: 22px;
    font-weight: bold;
    margin: 0;
    padding: 15px;
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

    .h3-title > a.inner-content {
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
    }

.h3-title > .fas {
    margin-right: 16px;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 1;
    cursor: pointer;
    font-size: 18px;
}

.helper-link {
    color: #028eb2;
}

    .helper-link:hover {
        color: #01416E;
    }

    .helper-link:active {
        color: #719bbe;
    }

    .helper-link i {
        font-size: 18px;
        font-weight: 100;
        margin-right: 5px;
    }

.k-popup {
    width: auto;
}

.checkboxPlusTexbox > span {
    display: inline-block;
    float: left;
    width: calc(100% - 26px);
}

    .checkboxPlusTexbox > span:first-child {
        margin-top: 5px;
        width: 26px;
    }

.k-grid-filter {
    margin: 0;
    display: inline-flex;
    padding: 0;
}

.k-filter-menu {
    border: 1px solid #C0C0C0;
    box-shadow: 0 2px 2px rgba(192, 192, 192, 0.5);
    top: 22px;
    right: 7%;
    min-width: 180px;
}

    .k-filter-menu .k-dropdown-wrap {
        /*display: none;*/
    }
/* Modal Dialog */
.k-window.k-dialog {
    background-color: #ffffff;
    width: 34%;
    text-align: center;
    position: fixed;
    top: 30% !important;
    left: 66% !important;
}

.k-window.k-dialog1 {
    background-color: #ffffff;
    width: 34%;
    text-align: center;
    position: fixed;
    top: 30% !important;
    left: 7% !important;
}

.k-dialog .k-dialog-titlebar {
    z-index: 1;
    background-color: transparent;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    padding: 0;
}

    .k-dialog .k-dialog-titlebar .k-dialog-title {
        display: none;
    }

    .k-dialog .k-dialog-titlebar .k-dialog-actions {
        top: 0;
        right: 0;
        display: inline;
    }

.k-dialog a.k-dialog-action.k-dialog-close {
    margin: 0;
}

.k-overlay {
    background-color: #4C4D4F;
    opacity: 0.8 !important;
}

.k-dialog .k-dialog-buttongroup {
    flex-direction: row-reverse;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    width: 100%;
}

input:disabled, .k-state-disabled, input.k-textbox.input-disabled,
.k-picker-wrap.k-state-disabled, .datepicker-readonly .k-picker-wrap, .timepicker-readonly .k-picker-wrap,
.k-multiselect.k-state-disabled .k-multiselect-wrap,
textarea:disabled, input[readonly], textarea[readonly],
.k-dropdown.dropdown-readonly .k-dropdown-wrap {
    color: #001B2D;
    background-color: #E0E0E0;
    cursor: default;
}

li.k-state-disabled {
    background-color: #fff;
}
/* Kendo Window */
div.k-window {
    background-color: #FFFFFF;
    width: 67%;
    top: 100px;
    left: 50%;
    margin-left: -33.5%;
    padding: 32px;
    border: 1px solid #C0C0C0;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    border-radius: 0;
}

    div.k-window.clientLookupWrapper {
        width: 95%;
        margin-left: -47.5%;
    }

    div.k-window.centerWindowVertically {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

.k-window .k-window-titlebar {
    background-color: #FFFFFF;
    padding-top: 32px;
    padding-left: 32px;
    padding-bottom: 0;
    border: 0;
    margin: 0;
    height: 55px;
    left: 0;
}

.k-window-title {
    left: 32px;
    top: 32px;
    padding: 0;
    text-transform: none;
}

.k-window-titlebar .k-window-actions {
    padding: 0;
    float: right;
    top: 32px;
    right: 32px;
    z-index: 1;
}

.k-dialog-buttongroup button {
    margin-bottom: 0;
}

.k-window-titlebar .k-window-action {
    margin: 0;
}

div.k-window-content {
    margin-top: 0px;
    padding: 0;
    overflow: hidden;
}

#DialogSubmit .k-window-content {
    margin-top: 6px;
}

.k-dialog.k-alert .k-content, .k-dialog.k-confirm .k-content {
    padding: 32px 0 0 0;
}

.k-widget.k-window.modal-window {
    width: 30%;
    margin-left: -15%;
}

    .k-widget.k-window.modal-window .k-window-titlebar .k-window-actions {
        display: none;
    }

    .k-widget.k-window.modal-window .btn {
        float: none;
    }

.k-widget.k-window.modal-window-with-form {
    width: 50%;
    margin-left: -25%;
}

.k-widget.k-window.modal-window-with-BondSubmit {
    width: 40%;
    margin-left: -22%;
    padding: 32px !important;
}

.k-widget.k-window.modal-window-with-SuretyTaskME {
    width: 25%;
    /*height: 196px;*/
    margin-left: -15%;
    margin-top: 12%;
    padding: 32px !important;
}

.k-widget.k-window.modal-window-with-clientAttachPopup {
    width: 46%;
    margin-left: -23%;
    margin-top: 12%;
    padding: 32px !important;
}

.attachPopup {
    margin-top: 50px;
}

.k-widget.k-window.modal-window-with-SuretyTaskMEMultiChk {
    width: 28%;
    /*height: 28%;*/
    margin-left: -15%;
    margin-top: 12%;
    padding: 32px !important;
}

.k-widget.k-window.modal-window-with-CAQ {
    width: 34%;
    margin-left: -17%;
    margin-top: 12%;
    padding: 32px !important;
}

.k-widget.k-window.modal-window-with-TaskInfoDialog {
    margin-top: 12%;
}

.k-widget.k-window.modal-window-with-BondSubmit .k-window-content, .k-widget.k-window.modal-window-with-BondSubmit .k-window-titlebar {
    margin-top: 0 !important;
}

.BondSubmit-button {
    margin-top: 32px !important;
}

/* Window Normal Style*/
.k-window.window-normal {
    width: 60%;
    margin-left: -28%;
}

.bond-attachment {
    height: auto !important;
}

.k-window.modal-normal-attachment {
    margin-left: -23%;
    margin-top: 13%;
}

.k-window.window-normal .k-window-title {
    font-family: 'Roboto Regular';
    text-transform: none;
}
/* Window Style End */

/* Look up Search DIalog Window */
.search-criteria-card {
    background-color: #E0E0E0;
    padding: 16px 0 16px 16px;
    margin-top: 16px;
}

    .search-criteria-card .k-radio-label {
        float: left;
        width: 33%;
    }

.as-search-checkbox-div, .as-search-radio-div {
    height: 30px;
    padding: 6px 0;
}

.search-criteria-card .search-criteria-action button {
    margin: 0 16px 0 0;
}

.k-editable:not(#searchResults).k-grid tbody tr td:last-child {
    text-align: center;
}

.fa-times.remove {
    color: #01416e;
    cursor: pointer;
    font-size: 18px;
}

.lookup-search-results {
    margin-top: 0px;
}

    .lookup-search-results .table-action-header {
        display: table;
        width: 100%;
    }

        .lookup-search-results .table-action-header > div {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }

            .lookup-search-results .table-action-header > div:first-child {
                width: 35%;
            }

.advance-search-grid-container.lookup-search-results .table-action-header > div:first-child, .ad-search-result-panel .lookup-search-results .table-action-header > div:first-child {
    width: 45%;
}

.lookup-search-results .filter-items {
    text-align: right;
    margin-bottom: 0px;
    height: 60px;
    padding-right: 16px;
    float: none;
    width: 70%;
}

.lookup-action {
    text-align: center;
    clear: both;
}

    .lookup-action button {
        float: none;
    }
/*Specific to Client Profile */
.parentCompanyClear-icon {
    position: absolute;
    right: 16px;
    top: 22px;
    cursor: pointer;
}

.parentCompanyIcon {
    display: inline-block;
    padding-right: 12px;
    font-size: 13px;
}

.DivisionProfile, .division-details-grid {
    margin-top: 16px;
    border-radius: 0;
}

    .DivisionProfile .panel-body {
        margin-top: 16px;
    }

div.k-window .grid-bottom-btns {
    position: absolute;
    bottom: 0;
    left: 75px;
    z-index: 999;
}

.k-window h3 {
    margin-bottom: 16px;
}

.division-details-grid {
    box-shadow: 0 0px 5px 2px #e0e0e0;
    margin: 3px !important;
    width: calc(100% - 6px);
}

    .division-details-grid .filter-items {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.k-pager-wrap.k-grid-pager {
    border-width: 0;
}

.division-details-grid .k-pager-sizes select {
    margin-left: 15px;
}

#divisionDetails .audit-details {
    padding: 0;
}

.k-button.k-bare .k-icon {
    overflow: visible;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    color: #01416e;
    font-size: 16px;
    margin-left: -2px;
}

.k-button.k-bare {
    opacity: 1;
}

.k-icon.k-i-close:before {
    content: "\f00d";
}

.grid-panel {
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px #C0C0C0;
    margin-top: 8px;
}

.division-details-grid .k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label {
    left: 0;
}

.btnWithSpan {
    margin-bottom: 4px !important;
    overflow: hidden;
}

#tabstrip-7 {
    padding: 0;
}

.btnWithSpan span {
    margin-top: 6px;
    margin-left: 0px;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #4C4D4F;
}

.btnWithSpan.reverse span {
    margin-left: 0;
    margin-right: 16px;
    float: left;
}

.btnWithSpan .btn[style*="display: none"] ~ span {
    margin-left: 0;
}

.pdt-0 {
    padding-top: 0 !important;
}

.advanced-search, .search-gary-wrapper {
    padding-top: 16px;
    margin-top: 4px;
    background-color: #e0e0e0;
    overflow: hidden;
}

.ad-search-result-panel {
    border: 0;
    margin-top: 16px;
}

    .ad-search-result-panel .panel-body {
        padding: 0;
    }

.ad-search-results {
    margin: 16px 0;
    text-transform: none;
    font-family: 'Roboto Regular';
}

hr.mlr-15 {
    margin: 0 16px;
    clear: both;
}

.advanced-search-btns p, .search-msg {
    margin: 16px 0;
    font-size: 13px;
    line-height: 16px;
    color: #001B2D;
}

.white-bg {
    background-color: #ffffff;
}

.advance-search-grid-container {
    margin-top: 16px;
    box-shadow: 0 0 2px 2px #e0e0e0;
}

.grid-wrapper {
    position: relative;
}

.grid-bottom-btns {
    bottom: 10px;
    left: 0px;
    position: absolute;
}

    .grid-bottom-btns .fas {
        float: left;
        margin: 20px;
        font-size: 22px;
        cursor: pointer;
    }

        .grid-bottom-btns .fas.disabled, .fa.disabled {
            color: #9B9B9B;
            ;
            cursor: no-drop !important;
        }

/*.advance-search-grid-container .table-action-header {
    padding: 15px 0;
}*/
.advance-search-grid-container .k-grid .k-grid-toolbar {
    width: calc(60% - 16px);
}

.advance-search-grid-container .k-grid .k-pager-wrap.k-grid-pager {
    width: calc(40% - 16px);
    right: calc(-60% + 16px);
}

.search-result-count + input {
    float: left;
    width: 50%;
    margin: 15px 16px 15px 20px;
}

h2.text-capital input {
    float: right;
    width: 20%;
}

.filter-items {
    color: #9b9b9b;
    line-height: 30px;
}
/*Hierarchy Grid*/
.k-grid tr > .k-hierarchy-cell:first-child, .k-grid .k-hierarchy-col {
    display: none;
}

.k-hierarchy-cell .k-icon {
    font-family: Font Awesome\ 5 Pro;
    cursor: pointer;
    font-weight: bold;
    color: #01416E;
}

.k-hierarchy-cell .k-i-collapse:before {
    content: "\f056";
}

.k-hierarchy-cell .k-i-expand:before {
    content: "\f055";
}

.k-grid .k-detail-row .k-detail-cell {
    padding: 0;
}

    .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-header {
        display: none;
    }

    .k-grid .k-detail-row .k-detail-cell .k-grid tr.k-master-row td:nth-child(2) {
        padding-left: 56px;
    }

    .k-grid .k-detail-row .k-detail-cell > .k-grid .k-detail-row .k-detail-cell .k-grid tr td:first-child {
        padding-left: 96px;
    }

.removableTxtBox {
    padding-right: 22px;
    position: relative;
}

    .removableTxtBox .fa-times {
        color: #01416e;
        font-size: 18px;
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 99;
        cursor: pointer;
        width: 14px;
        height: 14px;
    }

.surety-grid {
    margin: 0 !important;
    box-shadow: none;
    width: 100%;
}

.label-title {
    font-size: 16px;
    color: inherit;
}

.view label {
    margin-bottom: 0;
    display: table-cell;
    white-space: nowrap;
}

.intend-1 {
    margin-left: 16px;
}

.k-grid tbody tr td.hierarchy-column .intend-2 ~ .k-radio-label + span {
    margin-left: 76px;
}

.grid-filters, .fa-times-circle {
    color: #028EB2;
    cursor: pointer;
}

    .grid-filters .fa-times-circle {
        padding-left: 12px;
        padding-right: 8px;
    }

.allChecked {
    color: #FFF;
    background-color: #028eb2;
    padding: 3px 6px;
    font-weight: 900;
    border-radius: 4px;
}

.FASpan {
    text-align: center;
}

.allSpan {
    cursor: pointer;
}

.k-window .k-grid .k-pager-wrap.k-grid-pager {
    overflow: visible;
}

/*.k-window .k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label {
        margin-left: 10%;
    }*/
/*Bond Request Worksheet Specific Styles Statr*/

.padding-zero {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-right2 {
    padding-right: 2px !important;
}

.padding-left2 {
    padding-left: 2px !important;
}

.padding-top-bottom {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.tabpadding-top-bottom {
    padding-top: 6px !important;
    padding-bottom: 16px !important;
}

.pullContent-right {
    float: right;
}

.margin-zero {
    margin: 0;
}

.margin-20 {
    margin-right: 20px !important;
}

.margin-16 {
    margin-right: 16px !important;
}

.margin-10 {
    margin-top: 10px;
}

.margin-bot10 {
    margin-bottom: 10px;
}

.margin-fifteen {
    margin-top: 15px;
}

.margin-rightZero {
    margin-right: 0 !important;
}

.min-window {
    float: right;
    cursor: pointer;
    color: #01416E;
}



.action-container {
    float: right;
    margin-right: 16px;
    margin-left: 16px;
}

.create-header {
    color: #01416E;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-align: Left;
    letter-spacing: 1px;
}

.draft-label {
    background-color: #001B2D;
    border-radius: 12px;
    color: #fff;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.inactive-label {
    background-color: #9B9B9B;
    border-radius: 12px;
    color: #fff;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.active-label {
    background-color: #7AB800;
    border-radius: 12px;
    color: #fff;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.pending-label {
    background-color: #FFE289;
    border-radius: 12px;
    color: #001B2D;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.closed-label {
    background-color: #E11C23;
    border-radius: 12px;
    color: #fff;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.canceled-label {
    background-color: #BF4C4A;
    border-radius: 12px;
    color: #fff;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.audit-label {
    background-color: #fff;
    border: 1px solid #001B2D;
    border-radius: 12px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    color: #001B2D;
    padding: 4px 16px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
}

.base-container {
    margin-top: 16px;
    background-color: #FFFFFF;
}

/*navigation styles*/
.nav-container {
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5);
}

.nav-tabs {
    border-bottom: none !important;
    background-color: #fff;
}

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        color: #9b9b9b !important;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #01416E !important;
        cursor: default;
        background-color: #fff;
        border: none !important;
        border-bottom: 4px solid #01416E !important;
    }

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.428571429;
        border: none !important;
        border-bottom: 4px solid transparent !important;
        border-radius: 0 !important;
        padding-top: 17px;
        padding-bottom: 13px;
        line-height: 1.3;
        font-size: 16px;
        text-transform: uppercase;
        font-family: Roboto Bold;
    }

    .nav-tabs > li {
        margin-right: 40px !important;
    }

.tabs-1-list-container .tabs-1-list li.disabled a {
    color: #E0E0E0;
    pointer-events: none;
}

.listbox-disabled {
    color: #9b9b9b !important;
    pointer-events: none;
}
/*Bond Info section*/
.bond-details, .ClientShow-info, .principal-info, .currency-info, .required-info {
    background-color: #fff;
    border-bottom: 2px solid #c0c0c0;
    margin-left: 0;
    padding-left: 16px;
}

.cancelBond-Info {
    background-color: #fff;
    margin-left: 0;
    padding-left: 16px;
}

    .cancelBond-Info > [class*='col-'] {
        padding-right: 16px;
        overflow: hidden;
    }


.client-label {
    color: #01416E;
    margin-right: 12px;
}

.look-label {
    color: #01416E;
    font-weight: normal;
    font-size: 16px;
    margin-left: 10px;
}


.icon-color {
    color: #01416E;
    font-size: 13px;
}

.as-icon-color {
    color: #01416E;
    font-size: 13px;
    margin-right: 4px;
}

.selected-client {
    color: #01416E;
}

.selected-client-info, .division-info {
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}

.div-code {
    margin-top: 25px;
}

.principal-label {
    color: #01416E;
    /*font-weight:normal;*/
    font-size: 16px;
    margin-bottom: 16px;
}

.zip-container {
    margin-top: 29.8%;
}

.add-check {
    font-weight: normal;
    padding-left: 20.2px;
}

.action-button-container {
    float: right;
}

.custom-button {
    font-size: 14px;
    border: none !important;
    background: none !important
}

.k-timepicker.k-input {
    padding: 0;
}

.k-timepicker {
    width: 100%;
}

.k-i-clock {
    margin: 0;
    position: absolute;
    top: 6px;
    right: 9px;
    font-size: 12px;
}

/*.custom-label{
    font-size:13px !important;
    margin-bottom:5px;
}*/

.fa fa-plus-circle {
    display: block !important;
}

.draft-shell {
    margin-left: 70%;
}

.text-container {
    margin-bottom: 16px;
}

.form-group {
    margin-bottom: 0;
}

#bond-tab, #add-tab, #custom-tab, #attach-tab {
    font-size: 16px;
}

.draft-button {
    border: none !important;
    background-color: #9b9b9b !important;
    color: #fff;
}

.add-h3 {
    font-size: 16px !important;
}

.table-container {
    background-color: #fff;
}

.grid-revise {
    position: absolute;
    bottom: 10px;
    left: 177px;
}

.grid-add {
    position: absolute;
    /* top: -68px; */
    bottom: 10px;
}

.grid-remove {
    position: absolute;
    bottom: 10px;
    left: 75px;
}



.draft-active {
    background-color: #7AB800;
    border-radius: 16px;
    color: #fff;
    padding: 4px 16px;
    font-size: 12px;
    margin-top: 3px;
}


/*Bond Create Styles*/
/*===========================================================================================================================================*/

/*
    Generic styles
*/

.collapse-content {
    margin-top: 16px;
}

/*This removes the arrows in inputs that are of type number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.disabled-input {
    border: 1px solid #4C4D4F;
    background-color: #E0E0E0;
}

.message-container {
    display: flex;
    justify-content: space-between;
}

.system-messages {
    padding: 16px;
    margin: 16px 0;
}

#error-dialog {
    /*margin: 35px;*/
    padding: 32px 0px 0px 0px;
    text-align: left;
    width: fit-content;
    margin: auto;
}

#cancel-confirm {
    /*margin: 35px;*/
    padding: 32px 0px 0px 0px;
}

/*
    Client/Obligee Screen styles
*/
/*View Bond Styles*/

#bondRecordButton {
    display: none;
    margin-right: 24px;
}

.full-padding {
    padding: 10px;
}

.client-label {
    color: #01416E;
}

.popup-icons {
    cursor: pointer;
}

#client-icon {
    margin-left: 32px;
}

#obligee-icon {
    margin-left: 32px;
}

.client-container {
    display: flex;
}

#obligee-name {
    border: 1px solid #4C4D4F;
    background-color: #E0E0E0;
}

/*
    to get radio buttons on the grid to center
*/
#clientResultGrid td:nth-of-type(2) {
    text-align: center;
}

#obligeeResultGrid td:nth-of-type(2) {
    text-align: center;
}

/*
    Contract Info Styles
*/
.project-info {
    background-color: #fff;
}

.bid-result-button {
    padding-top: 32px;
    cursor: pointer;
}

.counter-grid {
    margin: 0 16px;
}

error-dialog .counter-grid td {
    height: 40px;
}

#countersigGrid th {
    padding: 10px 5px 3px 5px;
}

#notaryGrid th {
    padding: 10px 5px 3px 5px;
}

#agencyGrid th {
    padding: 10px 5px 3px 5px;
}

#bidResultContainer {
    left: 67% !important;
}

/*
    Bond Info Styles
*/

#BondInfo\.BondAmount_validationMessage {
    white-space: normal;
}

#bond-amount-container .k-numerictextbox {
    width: 100%;
}

#bond-foreignamount-container .k-numerictextbox {
    width: 100%;
}


#createBondAmount1 {
    margin-left: 3%;
}

#createBondAmount2 {
    margin-left: 3%;
}

#bond-amount-container {
    padding-left: 8px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

#bond-foreignamount-container {
    padding-left: 8px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

#bond-amount-container .k-numeric-wrap::before {
    content: "";
    display: none;
}

#bond-foreignamount-container .k-numeric-wrap::before {
    content: "";
    display: none;
}

#currency-symbol {
    padding-top: 4px;
    padding-right: 4px;
    display: none;
}

#currency-symbol-exchange {
    padding-top: 4px;
    padding-right: 4px;
    display: none;
}
/*Styles - Create Bond Description Tab*/

#bondRenewalDate {
    margin-bottom: 0;
}

#bondRenewalDate2 {
    padding-bottom: 55px;
}

/*Misc Tab*/

i[href=\#CustomCurrency], i[href=\#CustomInformation] {
    cursor: pointer;
}

/* Execution Tab*/

#bondCreateExecutionRemovedialog {
    padding: 32px 0px 0px;
}

/*Bond Create Styles END*/
/*===========================================================================================================================================*/
.wrap-next-span {
    float: left;
    margin-right: 4px;
}



/*Bond Request Worksheet Style END*/


.customDropZone {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 230px;
    height: 110px;
    text-align: center;
}

    .customDropZone:hover {
        background-color: #4C4D4F;
    }

    .customDropZone.k-dropzone-active {
        border: 1px solid yellow;
    }

        .customDropZone.k-dropzone-active.k-dropzone-hovered {
            border: 1px solid green;
        }

.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    float: right;
    margin-left: 0;
    position: absolute;
    height: 100%;
    left: 100%;
}

.k-listbox .k-list-scroller {
    width: 300px;
    border-color: #E0E0E0;
    height: 150px;
}

.k-listbox.k-widget {
    width: 300px;
    height: 150px;
    margin-right: 46px;
}

.k-button-icon {
    margin: 8px !important;
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 0;
    background: #E4EBF4;
    border: 0;
    box-shadow: 0 4px 4px rgba(192, 192, 192, 0.5);
    padding: 12px;
}

    .k-button-icon.k-state-disabled {
        background: #E0E0E0;
    }

.k-i-arrow-60-right:before, .k-i-arrow-60-left:before {
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    font-size: 22px;
    width: unset;
    color: #01416E;
}

.k-button-icon.k-state-disabled .k-icon:before {
    color: #C0C0C0;
}

.k-i-arrow-60-right:before, .k-i-arrow-60-left:before {
    content: "\f0da";
}

.k-i-arrow-60-left:before {
    content: "\f0d9";
}

.k-listbox-toolbar ul {
    margin-top: 27px;
}

.k-listbox-toolbar li {
    overflow: hidden;
    margin: 0 !important;
}

    .k-listbox-toolbar li:last-child a {
        margin-top: 0 !important;
    }

    .k-listbox-toolbar li a.k-button-icon {
        padding: 0;
    }

    .k-listbox-toolbar li a .k-icon {
        width: 22px;
        height: 22px;
    }

.k-listbox .k-item {
    text-transform: none;
    font-size: 13px;
    line-height: 16px;
    height: 30px;
    padding: 7px;
}

    .k-listbox .k-item:hover:not(.k-state-disabled), .k-listbox .k-item.k-state-selected {
        background-color: #E4EBF4;
        border-color: transparent;
        color: #01416E;
    }

.empLabel {
    width: 345px;
}

.view .empLabel {
    width: 350px;
}

#suretyGrid .k-grid-toolbar {
    width: 70%;
}

.gray-color {
    color: gray !important;
}

#example span.k-icon.k-i-arrow-60-right {
    margin-left: -3px;
}

#example span.k-icon.k-i-arrow-60-left {
    margin-left: -6px;
}



/*bondinfo styles*/



.disp-block {
    display: block;
}

.disp-auto {
    height: auto;
}

.exchangeCurrency {
    margin-left: 27%;
}

.add-margin {
    margin-top: 30px;
}

.padding-rightZero {
    padding-right: 0px;
}

.margin-top15 {
    margin-top: 15px;
}

.button-alignment {
    padding-top: 33px;
}

.padding-top15 {
    padding-top: 15px;
}

.margin-buttonZero {
    margin-right: 0;
}

.paddingL-Zero {
    padding-right: 0px !important;
    padding-left: 15px;
}

.paddingR-Zero {
    padding-right: 15px !important;
    padding-left: 0px;
}

.margin-calculate {
    margin-top: 11px;
}

.adjust-width {
    width: 100%;
}
/* New toggle switch*/

.toggleSwitch {
    --width: 50px;
    --height: calc(var(--width) / 2);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
}

    .toggleSwitch input {
        display: none;
    }

    .toggleSwitch .slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--height);
        background-color: #ccc;
        transition: all 0.4s ease-in-out;
    }

        .toggleSwitch .slider::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: calc(var(--height));
            height: calc(var(--height));
            border-radius: calc(var(--height) / 2);
            background-color: #fff;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
            transition: all 0.4s ease-in-out;
        }

    .toggleSwitch input:checked + .slider {
        background-color: #7Ab800;
    }

        .toggleSwitch input:checked + .slider::before {
            transform: translateX(calc(var(--width) - var(--height)));
        }

    .toggleSwitch .labels {
        position: absolute;
        top: 6px;
        left: 1px;
        width: 100%;
        height: 100%;
        font-size: 11px;
        font-family: Roboto;
        transition: all 0.4s ease-in-out;
        overflow: hidden;
    }

        .toggleSwitch .labels::after {
            content: attr(data-off);
            position: absolute;
            right:3px;
            color: #4d4d4d;
            opacity: 1;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
            transition: all 0.4s ease-in-out;
        }

        .toggleSwitch .labels::before {
            content: attr(data-on);
            position: absolute;
            left: calc(var(--height) - var(--width) + 2px);
            color: #ffffff;
            opacity: 0;
            text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
            transition: all 0.4s ease-in-out;
        }

    .toggleSwitch input:checked ~ .labels::after {
        opacity: 0;
        transform: translateX(calc(var(--width) - var(--height)));
    }

    .toggleSwitch input:checked ~ .labels::before {
        opacity: 1;
        transform: translateX(calc(var(--width) - var(--height)));
    }

/*Toggle Switch end*/

/*//styles form toggle switch*/
.jointVent {
    margin-top: 33px;
}

.exhangeCurrency {
    margin-top: 27px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 25px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9B9B9B;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        /*left: 4px;*/
        /*bottom: 4px;*/
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        top: 1px;
    }

input:checked + .slider {
    background-color: #7AB800;
}

    /*input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}*/

    input:checked + .slider:before {
        -webkit-transform: translateX(21px);
        -ms-transform: translateX(21px);
        transform: translateX(21px);
    }

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    padding: 1px;
    top: 2px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.joint-vent-ext {
    margin-top: 23px;
    margin-left: 52px;
}

.exchange-vent-ext {
    margin-top: 17px;
    margin-left: 20px;
}

.h3-title.inner-content {
    padding-left: 0;
    padding-right: 0;
}

.selct-writingto-grid {
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5);
    margin: 0 3px 3px !important;
    width: calc(100% - 6px);
}

.surety-search-grid {
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5);
    margin: 16px 2px 2px !important;
    width: calc(100% - 4px);
}

.k-window-titlebar .k-window-action {
    margin: 0 !important;
    padding: 0;
    width: 14px;
    height: 14px;
    min-width: auto;
}

#lookupForSurety .advanced-search-btns {
    overflow: hidden;
    margin-left: 16px;
    margin-right: 16px;
}

.h5.dragDropText {
    font-weight: normal;
    color: #4C4D4F;
    margin-bottom: 16px!important;
}

    .h5.dragDropText:first-child {
        margin-top: 32px;
    }

.DragDropContainer {
    border: dashed 1px #000;
    background-color: #E4EBF4;
    text-align: center;
    height: 166px;
    width: 100%;
}

.upload-list .k-dropzone {
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}

.upload-list .k-upload .k-upload-button {
    float: none;
    margin: 0;
    top: -112px;
}

.upload-list ul.k-upload-files {
    text-align: left;
    padding-top: 16px;
    border: 0;
    margin: 0 -16px;
}

h3.upload-list-title {
    margin-top: 30px;
}

.upload-list .k-upload-files .k-file {
    padding: 10px 16px;
    border-bottom: 2px solid #C0C0C0;
}

    .upload-list .k-upload-files .k-file:first-child {
        border-top: 2px solid #C0C0C0;
    }

.upload-list .k-progress {
    display: inline-block;
    background-color: #7AB800;
    height: 63px;
    border-radius: 0;
    top: 0;
    opacity: 0.2;
}

.upload-list .k-upload-files .k-upload-status {
    top: 0;
    right: 0;
    opacity: 1;
}

.upload-list .k-upload-action.k-button {
    margin: 16px 0;
    opacity: 1;
}

.upload-list .k-upload-action .k-icon {
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    color: #01416E;
    font-size: 16px;
}

.uploaded-file {
    color: #989898;
    font-size: 32px;
    margin-right: 16px;
    vertical-align: middle;
    font-weight: 500;
}

.k-upload .k-clear-selected, .k-upload .k-upload-selected {
    display: none;
}

.k-upload .k-upload-files .k-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 10px;
}

.upload-list .k-upload .k-upload-files .k-progress {
    display: inline-block;
    background-color: #7AB800;
    opacity: 1;
    height: 8px;
    top: auto;
}

.upload-list .k-upload-pct {
    float: left;
    line-height: 4;
}

.upload-list .k-file-extension-wrapper, .k-file-invalid-extension-wrapper {
    vertical-align: middle;
    border: 0;
    color: #989898;
}

    .upload-list .k-file-extension-wrapper .k-file-extension {
        font-size: 6px;
        margin-bottom: 5px;
        margin-left: 0;
        display: inline-block;
        text-align: center;
        width: 24px;
    }

    .upload-list .k-file-extension-wrapper::before, .k-file-invalid-extension-wrapper::before {
        font-family: Font Awesome\ 5 Pro;
        font-weight: 500;
        font-size: 32px;
        content: "\f15b";
        border: 0;
        margin: 0;
        left: 0;
        top: -26px;
    }

.upload-list .k-file-name-size-wrapper {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 0px;
}

    .upload-list .k-file-name-size-wrapper .k-file-name {
        min-width: 40%;
        margin-right: 12px;
    }

.upload-list .k-file-name-invalid {
    min-width: 45%;
    width: 45%;
}

.upload-list .k-file-comment-textbox {
    position: absolute;
    right: 48px;
    width: 30%;
}

    .upload-list .k-file-comment-textbox label {
        width: auto;
    }

        .upload-list .k-file-comment-textbox label + .k-textbox {
            display: inline-block;
            width: calc(100% - 90px);
            margin-left: 12px;
        }

.upload-list .k-file-progress-container {
    position: relative;
    width: 50%;
    display: inline-block;
    background-color: #E0E0E0;
    height: 9px;
    margin-right: 16px;
    border-radius: 45px;
}

.upload-list .k-file-name-size-wrapper .k-file-size, .k-file-name-size-wrapper .k-file-name, .k-file-name-size-wrapper .k-file-percentage {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #4C4D4F;
}

.upload-list .k-file-progress-container .k-upload-custom-progress {
    background-color: #7AB800;
    border-radius: 45px;
    height: 9px;
    display: inline-block;
    position: absolute;
    transition: width 0.25s;
}

/*.k-file-success .k-file-name-size-wrapper .k-file-size::before {
    content: "Done (";
}

.k-file-success .k-file-name-size-wrapper .k-file-size::after {
    content: ")";
}*/

.upload-list .k-upload-status-total {
    display: none;
}

.upload-list .k-file-invalid-icon {
    position: absolute;
    margin: 0;
    width: 24px;
    text-align: center;
    bottom: 2px;
}

.upload-list .k-file-validation-message {
    display: inline-block;
    color: #E11C23;
    font-size: 13px;
    line-height: 16px;
}

    .upload-list .k-file-validation-message::before {
        content: "\f071";
        font-family: "Font Awesome\ 5 Pro";
        font-weight: 600;
        margin-right: 12px;
    }

.upload-list .k-file-validation-message, .upload-list .k-file-success .k-file-validation-message {
    /*display: none;*/
}

.upload-list .k-file-invalid .k-file-name-size-wrapper .k-file-size, .upload-list .k-file-invalid .k-file-name-size-wrapper .k-file-percentage,
.upload-list .k-file-invalid .k-file-comment-textbox, .upload-list .k-file-comment-textbox, .upload-list .k-file-invalid .k-file-comment-textarea,
/*.upload-list textarea, .upload-list textarea.with-counter ~ .text-area-counter, .upload-list .UserValidation, .upload-list #checkboxvalidationmessage,*/
.upload-list .k-file-success.k-file-error span.k-tooltip.k-invalid-msg {
    display: none;
}

.upload-list .k-file-success:not(.k-file-error) .k-file-comment-textbox, .upload-list .k-file-success:not(.k-file-error) textarea, .upload-list .k-file-success:not(.k-file-error) .UserValidation, .upload-list .k-file-success:not(.k-file-error) #checkboxvalidationmessage {
    display: inline-block;
}

    .upload-list .k-file-success:not(.k-file-error) textarea.with-counter ~ .text-area-counter {
        display: block;
    }

.upload-list .k-file-invalid .k-file-validation-message {
    display: inline-flex;
    position: absolute;
    left: 25%;
    top: 24px;
    white-space: normal;
}

.upload-list .k-file-invalid .k-file-progress-container {
    display: none;
}

.upload-list .k-file-invalid .k-file-name-size-wrapper {
    width: calc(100% - 76px);
}

/*.upload-list .k-file-invalid .k-file-validation-message {
    left: 0;
}*/

.upload-list .k-file-invalid .k-file-name {
    min-width: 27%;
}

.grid-text {
    padding: 8px;
}

.attachmenttext {
    text-transform: capitalize;
}

.pd-4 {
    padding: 4px !important;
}

.filter-items .k-i-filter {
    font-weight: normal;
    margin-top: -3px;
    margin-right: 8px;
}

#lookupDialog_wnd_title.k-window-title, #SuretyAddqw_wnd_title.k-window-title, #TaskInfo_wnd_title.k-window-title {
    text-transform: capitalize;
}

.client-lookup {
    color: #01416E;
    font-weight: normal;
    font-size: 16px;
}

/*Advance Search Styles*/
.ad-search-form [class*='col-'] {
    padding-left: 0;
    margin-bottom: 16px;
}

.primary-header-page {
    margin-bottom: 16px;
}

.km-switch-handle {
    border-radius: 35px;
    width: 19px;
}

.km-switch-background, .km-switch-container, .km-switch-wrapper {
    border-radius: 10px;
}

.km-switch-background, .km-switch-handle {
    color: #28a745;
}

.k-switch {
    width: 44px;
    height: 23px;
    margin-left: 4px;
}

#DialogSubmit_wnd_title + .k-window-actions, #DialogDraft_wnd_title + .k-window-actions, #DialogSurety_wnd_title + .k-window-actions {
    display: none;
}

.dialog-toggle-container {
    text-align: center;
}

.toggleClass {
    display: inline;
}

.popupHeading {
    text-align: center;
    padding: 0px 0px 15px 0px;
}

.toggleText {
    font-weight: 900;
    color: #001B2D;
    margin-right: 4px;
}

.k-invalid::placeholder {
    color: #E11C23;
}

.k-dropdown-invalid .k-input, .k-picker-wrap.k-state-default.k-invalid .k-input {
    color: #E11C23;
}

.k-picker-wrap.k-invalid:not(.k-state-disabled) {
    margin-bottom: 24px;
}

.k-timepicker.timeAutoFormat .k-picker-wrap.k-invalid:not(.k-state-disabled) {
    margin-bottom: 34px;
}

#bondRequestWorksheetView .inner-content > .col-xs-6:last-child,
#bondRequestWorksheetView .inner-content > .col-xs-6:nth-last-child(2) {
    margin: 0;
}

.h3-title.brws {
    font-size: 18px;
    line-height: 24px;
    color: #001B2D;
}

.view-table {
    margin: 0;
}

.table.view-table tbody > tr > td {
    padding: 0px 0 16px;
    margin: 0;
    width: 50%;
    border: 0;
    vertical-align: top;
    line-height: 14px;
}

    .table.view-table tbody > tr > td label {
        margin: 0;
    }

.table.view-table tbody > tr:last-child td {
    padding-bottom: 0;
}

.table.view-table.BondDescription tbody > tr > td:first-child {
    width: 16%;
}

.table.view-table.BondDescription tbody > tr > td:last-child {
    width: 84%;
}

.grid-card {
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5);
    border-right: 1px solid rgba(192, 192, 192, 0.2);
    border-left: 1px solid rgba(192, 192, 192, 0.2);
    border-radius: 4px;
}


.k-window.k-dialog.k-alert, .k-window.k-dialog.k-confirm {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0;
    width: 50% !important;
}

.k-dialog.k-alert .k-content, .k-dialog.k-confirm .k-content {
    font-size: 14px;
    line-height: 18px;
    color: #001B2D;
}

.k-alert .k-button-group .k-button {
    background-color: #01416e;
    color: #fff;
    border-color: #01416e;
}

input.k-textbox.k-invalid::-webkit-input-placeholder, .k-numeric-wrap-invalid input::-webkit-input-placeholder {
    color: #E11C23;
    opacity: 1;
}

input.k-textbox.k-invalid::-moz-placeholder, input.k-input.k-invalid::-moz-placeholder, .k-numeric-wrap-invalid input::-moz-placeholder {
    color: #E11C23;
    opacity: 1;
}

input.k-textbox.k-invalid:-ms-input-placeholder, .k-numeric-wrap-invalid input:-ms-input-placeholder {
    color: #E11C23;
}

textarea.k-invalid::-webkit-input-placeholder {
    color: #E11C23;
}

textarea.k-invalid::-moz-placeholder {
    color: #E11C23;
    opacity: 1;
}

textarea.k-invalid:-ms-input-placeholder {
    color: #E11C23;
}

.k-numerictextbox .k-numeric-wrap-invalid input.k-input.k-invalid:-ms-input-placeholder {
    color: #E11C23 !important;
    font-family: Font Awesome\ 5 Pro, 'Roboto Regular';
    font-size: 13px;
    font-weight: 300;
}

.k-dropdown-invalid {
    color: #E11C23;
}

.k-button.k-primary {
    float: right;
    margin-right: 1%;
}

.tagPossition {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    line-height: 20px;
    position: relative;
    top: 2px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-16 {
    margin-top: 8px !important;
}

.mt-16-minus {
    margin-top: -16px !important;
}

.disp-none {
    display: none;
}

.search-result-count {
    margin: 0px !important;
    font-size: 13px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-16 {
    padding-top: 16px;
}


.contactsGridWrapper .k-grid-header th.k-header:last-child {
    display: none;
}

.k-grid.k-editable tbody tr td {
    padding: 5px 8px;
    height: 30px;
}

#filter_count {
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    margin-right: -4px;
}

#ASGrid .k-radio-label {
    padding: 0px;
}

/*.search-result-count {
    font-family: 'Roboto Bold';
    color: #01416e;
    position: relative;
    top: 0.5em;
}*/

p.search-result-count {
    color: #01416E;
    font-family: Roboto Bold;
    margin: 20px 0;
}

.advanceSearchFilter {
    color: #9b9b9b;
    line-height: 60px;
}

a.fa-times {
    color: #01416E;
}

.lookup-action .k-button, .lookup-action .btn {
    margin-bottom: 0;
}

.fa-minus-circle, .fa-plus-circle {
    font-size: 18px;
}

.pdl-0 {
    padding-left: 0;
}

.alert-container {
    float: right;
    position: relative;
    top: 10px;
    margin-right: 16px;
    padding: 8px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(192, 192, 192, 0.5);
    border-radius: 2px;
    font-size: 16px;
    line-height: 20px;
    min-width: 350px;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Roboto Light';
}

    .alert-container .success-alert, .alert-container.success .fa-times {
        color: #7AB800;
    }

    .alert-container .success-alert, .alert-container .error-alert {
        margin-right: 32px;
    }

    .alert-container .error-alert, .alert-container.error .fa-times {
        color: #BF4C4A;
    }

    .alert-container.success .fa-times, .alert-container.error .fa-times {
        font-size: 16px;
        line-height: 20px;
        cursor: pointer;
    }

.action-button-style {
    width: 110%;
    margin-top: -32px;
    margin-left: 50px;
}
/*Tooltip Start*/
.k-tooltip.k-popup {
    background-color: #4C4D4F;
    color: #FFFFFF;
    min-height: 30px;
    height: auto !important;
    border-radius: 4px;
    top: -10px;
    left: -10px;
    white-space: nowrap;
    /*word-wrap: break-word;*/
}

    .k-tooltip.k-popup .k-tooltip-content {
        width: 100%;
        vertical-align: middle;
        font-size: 13px;
        text-align: left;
        line-height: 15px;
        font-family: 'Roboto Regular';
    }

        .k-tooltip.k-popup .k-tooltip-content hr {
            margin: 4px 0 8px 0;
        }

        .k-tooltip.k-popup .k-tooltip-content::before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            border-bottom: 4px solid #4C4D4F;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
            left: calc(50% - 4px);
            top: -4px;
        }
/*.k-tooltip.k-popup .k-tooltip-content::after {
    font-family: Font Awesome\ 5 Pro;
    content : "\f24d";
    position: absolute;
    font-weight: 300;
    font-size: 25px;
    right: 8px;
    top: 18px;
}*/
.k-animation-container.custom-tooltip-wrapper .k-tooltip {
    top: 7px;
    left: auto;
    padding: 8px;
}

    .k-animation-container.custom-tooltip-wrapper .k-tooltip .k-icon.k-i-close {
        font-family: Font Awesome\ 5 Pro;
        position: absolute;
        right: 8px;
        font-size: 13px;
        line-height: 15px;
        top: 8px;
        font-weight: bold;
    }

        .k-animation-container.custom-tooltip-wrapper .k-tooltip .k-icon.k-i-close:hover, .k-animation-container.custom-tooltip-wrapper .k-tooltip .k-icon.k-i-close:focus {
            color: #FFF;
        }

    .k-animation-container.custom-tooltip-wrapper .k-tooltip .k-tooltip-content {
        width: 100%;
        padding-right: 0;
    }

        .k-animation-container.custom-tooltip-wrapper .k-tooltip .k-tooltip-content hr {
            margin: 4px 0 4px 0;
        }
/* Tooltip Ends */

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: 4px;
}

.pdlr-16 {
    padding-left: 16px;
    padding-right: 16px;
}

#WritingCompanyGrid.k-grid tbody tr td {
    padding: 13px 16px 12px 14px;
}

#WritingCompanyGrid.k-grid .k-grid-header .k-checkbox + label {
    display: none;
}

.marginTopStyle {
    margin-top: 15px;
}

.gridStyleButton {
    position: absolute;
    margin-top: -16px;
    margin-left: 50px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-right: 16px;
    padding-left: 16px;
}

.col-sm-4 {
    padding-right: 16px;
}

.custom-padding {
    padding-top: 24px;
    padding-bottom: 24px;
}

.footer-input {
    font-size: 15px !important;
}

#clientsuretycontact .k-grid-header th.k-header:last-child {
    display: none;
}

.watermark-container, watermark-container .watermark-container1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 80%;
    z-index: 100000000;
}

.bond-preview-watermark {
    color: #9B9B9B;
    position: relative;
    font-size: 140px;
    transform: rotate(-45deg);
    opacity: 0.1;
    display: block;
}

.bond-preview-watermark2 {
    color: #9B9B9B;
    position: absolute;
    font-size: 140px;
    transform: rotate(-43deg);
    opacity: 0.1;
    display: block;
    left: 30%;
}

.bond-preview-watermark.watermark-1 {
    top: 16%;
}

.bond-preview-watermark1.watermark-2 {
    top: 74%;
}

.bond-preview-watermark.Pdfwatermark-1 {
    top: 40%;
    right: 15%
}

.bond-preview-watermark2.Pdfwatermark-2 {
    top: 35%;
    left: 15%;
}

.K-WindowPdf {
    padding: 0px !important;
    border: none !important;
    border-style: none !important;
    border-width: 0px !important;
}


.previewLabelMargin {
    margin-right: 142px !important;
    width: 100%;
}

.previewWordWrap {
    word-break: break-all;
    overflow-wrap: break-word;
}

.division-grid-wrapper.lookup-search-results {
    margin: -16px 0 0 !important;
    box-shadow: none;
    width: 100%;
}

.req-msg {
    font-size: 13px !important;
}

#suretyGrid.k-grid .k-pager-wrap.k-grid-pager {
    width: calc(40% - 16px);
    right: calc(-60% + 16px);
}

.FormEditSearchBtns {
    margin-left: 66px;
}

#FormEditSearchGrid div:nth-child(4) {
    width: 32%;
    margin-left: 185px;
}

.formEditSearchEXicon {
    margin-top: -4px;
}

.formEditCheck {
    display: inline-block;
    margin-right: 55px;
}

.search-text {
    text-transform: none;
}

.k-grid-pager .k-icon:before {
    color: #000000;
    font-size: 16px;
}

.k-pager-sizes .k-dropdown-wrap {
    border: none;
    padding-right: 20px;
}

    .k-pager-sizes .k-dropdown-wrap .k-select {
        right: 8px;
    }

.brw-view-custom-data .h3-title > a {
    padding: 0;
}

.mt--10 {
    margin-top: -10px;
}

.k-widget.k-window.modal-window.change-role .k-window-title {
    font-size: 18px;
    font-family: 'Roboto Bold';
    text-transform: none;
    line-height: 24px;
}

.k-widget.k-window.modal-window.change-role .btn {
    margin-bottom: 0;
}

textarea.abl-textarea {
    width: 100%;
    height: 90px;
    resize: none;
    border: 1px solid #4C4D4F;
    border-radius: 4px;
    line-height: 20px;
    font-size: 13px;
    padding: 6px;
}

textarea.k-invalid {
    border: 1px solid #E11C23;
}
/*.upload-list-title[style*="display: none"] + .upload-list .k-dropzone .k-upload-button {
    top: -62px;
}*/
.formEditorFile ul.k-upload-files li.k-file {
    margin-left: -16px;
    margin-right: -16px;
}

.inner-content > .formEditorPanel {
    padding-left: 16px;
    padding-right: 0;
}

.abl-modal .modal-dialog {
    width: auto;
    max-width: 67%;
}

.abl-modal .modal-body {
    padding: 32px;
}

.abl-modal .modal-content {
    border-radius: 0;
    box-shadow: none;
}

.abl-modal .k-window-title {
    font-family: 'Roboto Regular';
    text-transform: none;
    position: static;
}

.abl-modal-close {
    position: absolute;
    top: 22px;
    right: 32px;
    font-size: 16px;
    height: 14px;
    width: 14px;
    color: #01416E;
    cursor: pointer;
}

.audit-fields label {
    margin-bottom: 0;
}

.BTPmodeltitle {
    margin-bottom: 16px;
}

.inputTextBoxAlign {
    margin-bottom: 16px;
}

.containerAlignment {
    padding: 16px 0 16px 0px;
}

.hrAlign {
    margin-left: 16px;
    margin-right: 16px;
}

.upload-list.formEditorUpload .k-upload .k-upload-button {
    top: -62px;
}

.upload-list .k-upload-sync {
    text-align: center;
}

.upload-list.client-attachments .k-upload-files .k-file-invalid .k-file-name-size-wrapper {
    width: calc(100% - 78px);
}

.upload-list.client-attachments .k-upload-files .k-file-name-size-wrapper {
    width: 55%;
}

.upload-list.client-attachments .k-upload-files .k-file-comment-textbox {
    width: 40%;
}

    .upload-list.client-attachments .k-upload-files .k-file-comment-textbox .access-dropdown {
        width: 45%;
        display: inline-flex;
        margin-right: 12px;
    }

    .upload-list.client-attachments .k-upload-files .k-file-comment-textbox .access-checkbox-container {
        display: inline-block;
        vertical-align: middle;
        height: 30px;
        padding: 6px 0;
    }

.upload-list.client-attachments .k-file-invalid .k-file-name {
    min-width: 23%;
}

.upload-list.client-attachments .k-upload-files .k-file-comment-textbox .access-checkbox-container .k-checkbox-label:not(:last-of-type) {
    margin-right: 12px;
}

.clear-left {
    clear: left;
}

.clear-both-float {
    clear: both;
}

/*view Bond Screen styles*/

.label-13 {
    font-size: 13px !important;
}

.margin-renew {
    margin-left: 40px;
}

.margin-contractnumber {
    margin-left: 6px;
}

.margin-contractdate {
    margin-left: 24px;
}

.margin-contractCountry {
    margin-left: 6px;
}

.margin-contractCounty {
    margin-left: 10px;
}

.margin-contract2 {
    margin-left: 22px;
}

.margin-contractstate {
    margin-left: 50px;
}

.margin-contract {
    margin-left: 36px;
}

.margin-contractcity {
    margin-left: 72px;
}

.margin-description {
    margin-left: -25px;
}

.margin-contractcompl {
    margin-left: 19px;
}

.margin-contractsub {
    margin-left: 22px;
}

.margin-memo {
    margin-left: 4px;
}

.padding-memo2 {
    padding-bottom: 25px;
}

.margin-renewalBy {
    margin-left: 13px;
}

.margin-checkDate {
    margin-left: 17px;
}

.margin-misc {
    margin-left: 17px;
}

.margin-Bnum {
    margin-left: 50px;
}

.margin-add {
    margin-left: 27px;
}

.lineOfCredit-padding {
    padding-left: 6px;
}

.view-switch {
    margin-left: 40px;
    margin-top: -8px;
}

.view-ex-switch {
    margin-left: 9px;
    margin-top: -6px;
}

.margin-extra {
    margin-left: 25px;
}

.ml-name {
    margin-left: 22px;
}

.ml-city {
    margin-left: 36px;
}

.ml-ref-add {
    margin-left: 38px;
}

.ml-state-p {
    margin-left: 67px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    .clientWarningCancel {
        padding-right: 50px !important;
    }

    .k-state-disabled {
        color: #001B2D;
        background-color: #E0E0E0;
    }

    .k-window.k-dialog {
        background-color: #ffffff;
        width: 34%;
        text-align: center;
        position: fixed;
        top: 39% !important;
        left: 67% !important;
    }

    .k-window .k-dialog-buttongroup .k-button {
        width: auto !important;
        min-width: 50px;
    }

    [readonly] {
        pointer-events: none;
    }

    .UserManual {
        margin-left: 0px !important;
        display: inline-table;
        text-align: left;
    }

    .content #checkBoxDiv1 {
        margin-bottom: 0px !important;
    }
}

.dropdown-readonly * {
    cursor: default;
    background-color: #E0E0E0;
}

.datepicker-readonly * {
    cursor: default !important;
}

.dollarSign:before, .dollarSign-2:before {
    content: '$';
    position: absolute;
    z-index: 9;
    height: 30px;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;
    color: #4c4d4f;
    text-indent: 0;
    padding: 8px;
    line-height: 14px;
    outline: 0;
}

.dollarSign-2:before {
    position: static;
}

.dollarSign-2 {
    position: absolute;
    z-index: 9;
    top: 3px;
    left: 0;
}

.invalid-label + .dollarSign:before {
    color: rgb(225, 28, 35);
}

.k-grid .k-edit-cell .k-tooltip {
    position: static;
}
/*Loader Styles*/
.loader, .k-grid .k-loading-mask {
    position: fixed;
    z-index: 999999;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.4);
    left: 0;
}

.spinner {
    position: absolute;
    top: calc(50% - 48px);
    left: 50%;
}

.spinnerblock {
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    color: #aaa;
    opacity: 0.6;
}

.spinner-icon { /* , .k-grid .k-loading-mask .k-loading-image {*/
    font-size: 50px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    font-family: Font Awesome\ 5 Pro;
    font-weight: 100;
}

/*.k-grid .k-loading-mask .k-loading-image {
    width: auto;
    height: auto;
}

.k-grid .k-loading-mask .k-loading-image {
    -webkit-animation: a 2s infinite ease-in-out;
    animation: a 2s infinite ease-in-out;
}

    .k-grid .k-loading-mask .k-loading-image:before {
        content: "\f110";
    }*/


.loader[style*='display: block'] ~ .main-content .k-grid .k-loading-mask, .loader[style*='display: block'] ~ .k-widget.k-window .k-grid .k-loading-mask {
    display: none;
}

.popup-text {
    padding-top: 8px;
    padding-bottom: 16px;
}

.paddingTextarea {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 16px;
}

.paddingTextareadropdown {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 16px;
    width: 50%;
}

.lookup-button {
    margin-right: 156px;
}

#addNote_wnd_title.k-window-title, #editNote_wnd_title.k-window-title, #viewNote_wnd_title.k-window-title, #ReassignSingle_wnd_title.k-window-title, #ReassignMulti_wnd_title.k-window-title, #ReassignSingleSearch_wnd_title.k-window-title, #ReassignMultiSearch_wnd_title.k-window-title, #ReassignMultiMe_wnd_title.k-window-title, #ReassignMultiMyTeam_wnd_title.k-window-title, #ReassignMyTeam_wnd_title.k-window-title, #bondCreateAttachmentsEditWindow_wnd_title.k-window-title, #EditAttachment_wnd_title.k-window-title, #TaskEditAttachment_wnd_title.k-window-title {
    font-family: 'Roboto Regular';
    font-size: 18px;
    color: #01416E;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
    letter-spacing: normal;
    text-transform: none;
}

#multiselect_wnd_title.k-window-title, .modal-window-with-clientAttachPopup .k-window-title, #editAttachmentSuretyMultiselectWindow_wnd_title.k-window-title {
    font-family: 'Roboto Regular';
    font-size: 18px;
    color: #001b2d;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
    letter-spacing: normal;
    text-transform: none;
}

#quickView_wnd_title.k-window-title, #quickViewNote_wnd_title.k-window-title {
    font-family: 'Roboto Regular';
    font-size: 18px;
    color: #01416e;
    line-height: 20px;
    margin: 0;
    letter-spacing: normal;
    text-transform: none;
}

.label-text {
    display: table-cell;
}

.no-wrap, .k-grid.wrap-cells tr td:not(:first-child) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.AS-Grid .priority-new, .fa-circle.priority-3, .fa-circle.priority-new {
    color: #7AB800;
}

.AS-Grid .priority-upcoming, .fa-circle.priority-2, .fa-circle.priority-upcoming {
    color: #FFE289;
}

.AS-Grid .priority-urgent, .fa-circle.priority-1, .fa-circle.priority-urgent {
    color: #BF4C4A;
}

.AS-Grid .priority-completed, .fa-circle.priority-4, .fa-circle.priority-completed {
    color: silver;
}

.AS-Grid .priority-header, .fa-circle.priority-header {
    color: #01416E;
}

.tdAlignNone {
    float: none;
    padding-right: 0px;
    padding-left: 0px;
}

.textPadAlign {
    padding-right: 0px;
    padding-left: 0px;
}

.alignCenter {
    margin-left: 45%;
}

.k-space-align {
    margin-bottom: 16px;
}

.k-space-mrgbottom {
    margin-bottom: 71px;
}

.disableexcel {
    cursor: not-allowed !important;
    color: #9B9B9B;
}
/*Surety Task Me*/
#taskrestore {
    display: none;
}

.textPadAlignTM {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 16px;
}

.suretyHeadTaskMe {
    float: right;
    margin-top: -29px;
}

.MyTeamLeftFields {
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 985px;
    display: flex;
}

.MyTeamFilter {
    float: right;
}

.MyTeamCount {
    float: right;
    padding: 7px 7px 0px 28px;
}

.modelbtnTM {
    margin: 8px 0px 0px 15px;
}

.modellable {
    display: block;
}

.popheading {
    padding-bottom: 16px;
}

.popradiobtn {
    padding-bottom: 10px;
}

.MEtab {
    z-index: 2;
}

.k-dropdown.MYTtabdrpdwn {
    width: 180px;
    text-align: left;
}

.popupdrpdwn {
}

.taskcomment {
    display: inline;
    float: left;
    padding-right: 1%;
}

.fcolor {
    color: #001B2D;
}

.grid-header-text.no-sort-filter + .k-icon.k-i-sort-asc-sm, .grid-header-text.no-sort-filter + .k-icon.k-i-sort-desc-sm {
    display: none;
}

.checkbox-invalidForm, .checkbox-invalidForm:before {
    border-color: #E11C23;
    /*background-color:#E11C23;*/
    color: #E11C23;
}

.greyHierachy .k-grid tbody tr td.hierarchy-column .k-radio-label {
    color: #9b9b9b;
    font-size: 14px;
    padding-left: 24px !important;
}

.taskPopWindow {
    margin: 8px 0px 0px 236px;
    display: inline-flex;
}

.Ebtncolor {
    background-color: #9B9B9B !important;
    border-color: #9B9B9B !important;
}

.not-avail {
    padding-bottom: 16px;
}

.align-buttons-center {
    display: block;
    text-align: center;
}

    .align-buttons-center .btn {
        float: none;
    }

.primary-header-page.clientAdvSearch {
    margin-bottom: 4px;
}

.bondGridFormatCell {
    text-align: left !important;
}

.k-grid-header.no-sortable th.k-header {
    font-family: Roboto Bold;
    color: #001b2d;
    text-decoration: none;
    border-color: #C0C0C0;
}

.attachment-move-msg {
    font-size: 13px;
    color: #001B2D;
    margin-bottom: 16px;
}

#clientGeneralLookup_wnd_title {
    text-transform: capitalize;
    font-family: 'Roboto Regular';
}

.fa-clone {
    transform: rotate(180deg);
}

.calc-ta + .fa-clone {
    position: absolute;
    right: 22px;
    bottom: 8px;
}

.k-grid.custom-ablGrid:not(#ASGrid) tbody tr td.hierarchy-column .k-radio-label {
    padding-left: 26px;
}

.k-grid.custom-ablGrid .k-grid-header th.k-header, .k-grid.custom-ablGrid tbody tr td, .k-grid.custom-ablGrid .k-grid-header th.k-header > .k-link {
    padding: 8px 16px;
    font-size: 13px;
}

    .k-grid.custom-ablGrid .k-grid-header th.k-header > .k-link {
        padding: 0;
    }

    .k-grid.custom-ablGrid tbody tr td input.k-textbox {
        padding: 8px;
    }

    .k-grid.custom-ablGrid tbody tr td.hierarchy-column .k-radio-label .helper-link i {
        margin-right: 8px;
        font-size: 16px;
        margin-top: 2px;
    }

.calculateTxtBox {
    float: left;
    display: block;
    width: calc(100% - 114px);
}

    .calculateTxtBox input.k-textbox {
        width: calc(100% - 19px);
        float: left;
    }

        .calculateTxtBox input.k-textbox + span {
            padding: 6px 0 0 2px;
            float: left;
        }

.addWrCoPercentage {
    font-size: 13px;
    padding-right: 5px;
}

    .addWrCoPercentage + input {
        width: calc(100% - 19px);
    }

input.k-textbox.addWrCoBtn {
    width: calc(100% - 122px);
    margin-right: 16px;
}

.labelPlusSwitch {
    margin-top: 22px;
}

    .labelPlusSwitch label {
        display: inline-block;
        white-space: initial;
        width: 115px;
        float: left;
    }

    .labelPlusSwitch .view-content {
        float: left;
        display: inline-block;
        padding-left: 6px;
        margin-top: 4px;
    }

.gray-effectivedate-container {
    background: #E5E5E5;
    padding: 8px;
    border-radius: 2px;
}

    .gray-effectivedate-container .fa-expand {
        color: #028EB2;
        margin-left: 12px;
    }

    .gray-effectivedate-container .fa-expand, .gray-effectivedate-container .fa-clone {
        margin-top: 8px;
    }

.gray-effectivedate label {
    margin-right: 12px;
}

.custom-scroll-container {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 4px 8px 8px;
}

.custom-scroll {
    overflow-y: scroll;
    height: 84px;
    padding-right: 12px;
}

#scrollstyle {
    height: 142px;
    padding-right: 0px;
}

.tooltip-with-scroll .k-tooltip-content::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #E0E0E0;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #01416E;
    border-radius: 2px;
}

    .custom-scroll::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.custom-scroll span {
    display: block;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 5px;
}

    .custom-scroll span:last-child {
        margin-bottom: 0;
    }

#ExecuteBondGrid th .k-checkbox-label {
    display: none !important;
}
/*tooltip-scroll*/
.tooltip-with-scroll .k-tooltip-content {
    overflow-y: scroll;
    max-height: 130px;
    min-height: 22px;
    padding-right: 12px;
}

    .tooltip-with-scroll .k-tooltip-content::-webkit-scrollbar-corner {
        display: none;
    }

    .tooltip-with-scroll .k-tooltip-content::-webkit-scrollbar-track {
        background: transparent;
    }

    .tooltip-with-scroll .k-tooltip-content::-webkit-scrollbar-thumb {
        background: #FFFFFF;
        border-radius: 2px;
    }

        .tooltip-with-scroll .k-tooltip-content::-webkit-scrollbar-thumb:hover {
            background: #FFFFFF;
        }
/*Overriding Grid Pager spacings for Form Editor Search*/
.form-editor-searcher-wrapper .k-grid .k-grid-toolbar .grid-toolbar-item .save-as-excel {
    margin-right: 16px;
}

.form-editor-searcher-wrapper .action-button-style {
    margin-left: 34px;
}

.form-editor-searcher-wrapper .k-grid .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label {
    left: 20px;
}

.form-editor-searcher-wrapper .k-grid .k-pager-wrap.k-grid-pager .k-pager-info.k-label {
    right: 56px;
}

#viewNoteDetail .audit-details {
    padding: 0;
}

.tooltip-zero-top .k-tooltip.k-popup {
    top: 4px;
}

/*#EditAttachment {
    height: 350px;
}*/

/*#editMultiselect {
    height: 178px;
}*/


.verification-head {
    width: 60% !important;
}

.horizontalline-hr {
    margin-top: -16px;
    margin-bottom: 50px;
}

.horizontalline-hr0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

#BondCreateExecutionBondCustomField .k-grid-filter {
    display: none;
}

.templateView {
    width: auto;
}

.pdf-dialog {
    width: 100%;
    height: 600px;
}

a.back-arrow-button {
    font-size: inherit;
    color: inherit;
    margin-right: 8px;
}

.calendartime, .k-datetimepicker .k-i-calendar {
    right: 28px;
}

.fa-clone {
    transform: rotate(180deg);
}

.calc-ta + .fa-clone {
    position: absolute;
    right: 22px;
    bottom: 8px;
}

.k-grid.custom-ablGrid:not(#ASGrid) tbody tr td.hierarchy-column .k-radio-label {
    padding-left: 26px;
}

.k-grid.custom-ablGrid .k-grid-header th.k-header, .k-grid.custom-ablGrid tbody tr td, .k-grid.custom-ablGrid .k-grid-header th.k-header > .k-link {
    padding: 8px 16px;
    font-size: 13px;
}

    .k-grid.custom-ablGrid .k-grid-header th.k-header > .k-link {
        padding: 0;
    }

    .k-grid.custom-ablGrid tbody tr td input.k-textbox {
        padding: 8px;
    }

    .k-grid.custom-ablGrid tbody tr td.hierarchy-column .k-radio-label .helper-link i {
        margin-right: 8px;
        font-size: 16px;
        margin-top: 2px;
    }

.calculateTxtBox {
    float: left;
    display: block;
    width: calc(100% - 114px);
}

    .calculateTxtBox input.k-textbox {
        width: calc(100% - 19px);
        float: left;
    }

        .calculateTxtBox input.k-textbox + span {
            padding: 6px 0 0 2px;
            float: left;
        }

.addWrCoPercentage {
    font-size: 13px;
    padding-right: 5px;
}

    .addWrCoPercentage + input {
        width: calc(100% - 19px);
    }

input.k-textbox.addWrCoBtn {
    width: calc(100% - 122px);
    margin-right: 16px;
}

.labelPlusSwitch {
    margin-top: 22px;
}

    .labelPlusSwitch label {
        display: inline-block;
        white-space: initial;
        width: 115px;
        float: left;
    }

    .labelPlusSwitch .view-content {
        float: left;
        display: inline-block;
        padding-left: 6px;
        margin-top: 4px;
    }

.gray-effectivedate-container {
    background: #E5E5E5;
    padding: 8px;
    border-radius: 2px;
}

    .gray-effectivedate-container .fa-expand {
        color: #028EB2;
        margin-left: 12px;
    }

    .gray-effectivedate-container .fa-expand, .gray-effectivedate-container .fa-clone {
        margin-top: 8px;
    }

.gray-effectivedate label {
    margin-right: 12px;
}

.custom-scroll-container {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 4px 8px 8px;
}

.custom-scroll {
    overflow-y: scroll;
    height: 84px;
    padding-right: 12px;
}

    .custom-scroll::-webkit-scrollbar {
        width: 4px;
        border-radius: 2px;
    }

    .custom-scroll::-webkit-scrollbar-track {
        background: #E0E0E0;
    }

    .custom-scroll::-webkit-scrollbar-thumb {
        background: #01416E;
        border-radius: 2px;
    }

        .custom-scroll::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .custom-scroll span {
        display: block;
        line-height: 18px;
        font-size: 13px;
        margin-bottom: 5px;
    }

        .custom-scroll span:last-child {
            margin-bottom: 0;
        }

.radio-padding {
    padding-bottom: 6px;
}

.Date-picker {
    width: 100%;
}

.grid-result-text {
    font-family: 'Roboto Regular';
    text-transform: none;
}

.bidResultLayout {
    width: 100% !important;
}

.bidResultHover {
    padding-bottom: 15px;
}

.footwid {
    width: 54%;
}

.footerwid {
    width: 46%;
}

.taxSurchDropdown {
    height: 30px;
    width: 100%;
    border: 1px solid #4C4D4F;
    border-radius: 2px;
    font-family: 'Roboto Regular';
    font-size: 13px;
}

/*cancel-bond styles*/
.checkbox-align {
    margin-top: -6px;
}

.tooltip-with-copy .copy-tooltip {
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

.tooltip-with-copy .k-i-close {
    display: none;
}


/*Width common classes*/
.adjust-inputWidth {
    width: 40% !important;
}


.width-auto {
    width: auto;
}

.width-350 {
    width: 350px;
    max-width: 350px;
}

.width-175 {
    width: 175px;
    max-width: 175px;
}

.width-238 {
    width: 238px;
}



.width-200 {
    width: 200px;
}

.width-100p {
    width: 100%;
}

.width-50p {
    width: 50%;
}

.width-65p {
    width: 65% !important;
}

.width-300 {
    width: 300px;
}
/*Width class end*/

#riderAttachment .k-checkbox {
    padding-right: 16px;
}

.colorTemplate {
    color: #01416e;
}

    .colorTemplate i {
        font-size: 18px;
        font-weight: 100;
        margin-right: 5px;
    }



/*BondRate Module Styles*/
.checkbox-align {
    margin-top: -6px;
}



.icon-caret {
    position: absolute;
    top: 28px;
    right: 24px;
    cursor: pointer;
}


.tooltip-with-copy .copy-tooltip {
    font-family: Font Awesome\ 5 Pro;
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
}

.abl-dropDown .btn .caret {
    margin-left: 4px !important;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.abl-dropDown .dropdown-menu {
    z-index: 1000;
    padding: 6px 0;
}

    .abl-dropDown .dropdown-menu.dropdown-menu-top {
        top: -555px;
    }

    .abl-dropDown .dropdown-menu > li:not(:last-child) {
        margin-bottom: 4px;
    }

    .abl-dropDown .dropdown-menu > li > a {
        padding: 4px 16px;
        line-height: 14px;
        font-size: 13px;
        color: #001B2D;
        font-weight: bold;
    }

        .abl-dropDown .dropdown-menu > li > a:hover, .abl-dropDown .dropdown-menu > li > a:focus {
            background-color: #E0E0E0;
        }

.tooltip-with-copy .k-i-close {
    display: none;
}

.custom-table th {
    background-color: #fff !important;
}

/*  Define the background color for all the ODD background rows  */
.custom-table tr:nth-child(odd) {
    background-color: #E4EBF4 !important;
}

.containerbox {
    margin-left: -86px;
    margin-top: -10px;
    border: 1px solid #414042;
    border-radius: 2px;
}

.containerinside {
    padding: 0px;
    font-size: 13px;
}

.copyiconaddcompany {
    margin-left: -52px;
    margin-top: 142px;
}

.pb12 {
    padding-bottom: 12px;
}

.abl-dropDown .btn .caret {
    margin-left: 4px !important;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.abl-dropDown .dropdown-menu {
    z-index: 1000;
    padding: 6px 0;
}

    .abl-dropDown .dropdown-menu > li:not(:last-child) {
        margin-bottom: 4px;
    }

    .abl-dropDown .dropdown-menu > li > a {
        padding: 4px 16px;
        line-height: 14px;
        font-size: 13px;
        color: #001B2D;
        font-weight: bold;
    }

    .abl-dropDown .dropdown-menu > li.bond-action-disabled > a {
        color: #C0C0C0;
    }

    .abl-dropDown .dropdown-menu > li > a:hover, .abl-dropDown .dropdown-menu > li > a:focus {
        background-color: #E0E0E0;
    }

    .abl-dropDown .dropdown-menu > li.bond-action-disabled > a:hover, .abl-dropDown .dropdown-menu > li.bond-action-disabled > a:focus {
        background-color: #f2f2f2;
    }

.action-button-menu {
    /*min-height: 185px;*/
    height: auto;
}

.form-content-text {
    font-size: 13px;
    color: #4C4D4F !important;
}

.rate-align {
    display: inline-block;
}

.client-rate-infoview {
    background: #E5E5E5;
    width: 100%;
    position: relative;
}

.line-adjust {
    border: none;
}

.table-wrap td {
    white-space: nowrap;
}

.bond-action-disabled {
    background-color: #f2f2f2;
    pointer-events: none;
}

.client-rate-infoview .info-header .k-datepicker {
    width: 40%;
}

.client-rate-infoview .info-content {
    background: #fff;
    height: 100px;
    overflow-y: scroll;
}

    .client-rate-infoview .info-content .copy-to-clipboard {
        position: absolute;
        top: 14px;
        right: 26px;
    }

.info-content::-webkit-scrollbar-track {
    background-color: #E0E0E0;
    margin: 4px;
    border-radius: 2px;
}

.info-content::-webkit-scrollbar {
    width: 4px;
    margin: 4px;
    background-color: #E0E0E0;
    border-radius: 2px;
}

.info-content::-webkit-scrollbar-thumb {
    background-color: #01416E;
    border-radius: 2px;
}

.add-shift {
    margin-left: 43px;
}

.k-grid tbody tr td.grid-cell-radio-normal .k-radio-label {
    padding-left: 26px;
}
/*favourite checkbox*/
.checkbox-as-star.k-checkbox + .k-checkbox-label:before {
    content: "\f005";
    font-family: Font Awesome\ 5 Pro;
    font-size: 13px;
    color: #01416E;
    border-color: transparent;
    background-color: transparent;
    font-weight: 300;
}

.checkbox-as-star.k-checkbox:checked + .k-checkbox-label:before {
    font-size: 13px;
    line-height: 14px;
    font-family: 'Font Awesome\ 5 Pro';
    background-color: transparent;
    font-weight: 900;
}

.checkbox-as-star.k-checkbox + .k-checkbox-label:before {
    width: 20px;
    height: 20px;
}

.checkbox-as-star.k-checkbox:focus + .k-checkbox-label:before {
    box-shadow: none;
}

td.favourite-cell .fa-star {
    font-size: 18px;
}

.button-adjust {
    margin-left: 18px !important;
}

.rateFlat {
    padding-top: 5px !important;
    display: block !important;
}

.widercolumnH {
    width: 266px;
}

.height-adjust {
    height: 100px !important;
    resize: none;
}

.resize-none {
    resize: none;
}

.icon-text {
    position: absolute;
    right: 20px;
    top: 30px;
}

.pop-header {
    width: 100px !important;
}

.adjust-padd {
    padding-top: 15px;
    padding-left: 5px !important;
}

.ss-class {
    font-size: 12px;
}

.ss-margin {
    margin-left: 20px;
}

.ss-margin1 {
    margin-left: 20px;
}

.ss-margin2 {
    margin-left: 9px;
}

.ss-margin3 {
    margin-left: 10px;
}

.leftnav-tooltip-wrapper .k-tooltip .k-tooltip-content {
    line-height: 20px;
    font-size: 12px;
}

.UpperCase {
    text-transform: uppercase;
}

    .UpperCase::placeholder {
        text-transform: none;
    }

    .UpperCase:-ms-input-placeholder {
        text-transform: none;
    }



.k-numerictextbox.numericWidth {
    width: 91%;
}

.pl-34 {
    padding-left: 34px;
}

div.currencyIndicator {
    width: 48px;
    line-height: 30px;
    float: left;
    margin-top: 23px;
    padding-right: 8px;
    text-align: center;
    font-size: 13px;
}

    div.currencyIndicator + div.bondCurrencyField {
        width: calc(100% - 48px);
        float: left;
    }

    div.currencyIndicator.withDollar {
        width: 16px;
    }

        div.currencyIndicator.withDollar + div.bondCurrencyField {
            width: calc(100% - 16px);
        }

.preview-divleft {
    float: left;
}

.preview-divright {
    float: right;
    width: 93%;
}

.preview-div2right {
    float: right;
    width: 83%;
}

.USD {
    color: #4c4d4f;
    font-size: 12px;
    font-weight: inherit;
}

#SuretyWritingCompany_listbox li {
    height: auto !important;
    line-height: normal !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    padding: 5px;
}

.top-adjustbond {
    top: -572px;
}

.mr-4 {
    margin-right: 4px;
}

.add-shadow {
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5);
}

.exec-progress-container {
    width: 100%;
    height: 9px;
    position: relative;
    background-color: #fff;
    margin-top: 5px;
}

.exec-progressbar {
    background-color: #7AB800;
    height: 100%;
    position: absolute;
    line-height: inherit;
}

.exec-round-xlarge {
    border-radius: 16px !important;
}

.NotesSelectAll #selectAll + [for="selectAll"] {
    font-family: "Roboto Light";
}

.NotesSelectAll .cm-checkbox:checked + .cm-checkbox-label:before,
.NotesSelectAll .cm-checkbox + .cm-checkbox-label:before {
    margin-right: 8px;
}

.NotesSelectAll .cm-checkbox:checked + .cm-checkbox-label:after {
    font-weight: 900;
}

.text-container-no-margin .text-container {
    margin: 0;
}

.disp-inline {
    display: inline-block;
}

.supercede-adjust {
    margin-left: 30px;
}

.width-adjust {
    width: 100% !important;
}

.check-template {
    margin-left: 0px !important;
}


.switch-position {
    margin-top: 33px;
}

.width-27 {
    width: 27%;
}

.k-grid.no-cell-wrap td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.k-filter-selected-items {
    display: none;
}

.kendo-alert-icon {
    display: inline-block;
}

    .kendo-alert-icon::before {
        font-family: Font Awesome\ 5 Pro;
        font-weight: 900;
        font-size: 18px;
        position: relative;
        margin-right: 340px;
        bottom: -23px;
    }

    .kendo-alert-icon.color-success::before {
        content: "\f058";
        color: #7AB800;
    }

    .kendo-alert-icon.color-warning::before {
        content: "\f071";
        color: #FFE289;
    }

    .kendo-alert-icon.color-error::before {
        content: "\f057";
        color: #E11C23;
    }

.k-alert .fa-check-circle, .k-dialog .fa-check-circle {
    color: #7AB800;
    font-size: 24px;
    padding-right: 8px;
}

.k-alert .fa-times-circle, .k-dialog .fa-times-circle {
    color: #E11C23;
    font-size: 24px;
    padding-right: 8px;
}

.k-alert .fa-exclamation-triangle, .k-dialog .fa-exclamation-triangle {
    color: #FFE289;
    font-size: 18px;
    padding-right: 8px;
}

.dropdown-grid-footerwid .k-input {
    padding-right: 24px;
}

.width-30 {
    width: 30%;
}

.k-widget.k-window.centeredWindow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.no-scrollbar .k-grid-content {
    overflow: visible;
}

.line-height-26 {
    line-height: 26px;
}

#error-dialog p {
    text-align: center;
}

.as-search-checkbox-div label {
    font-size: 13px;
}

.k-multicheck-wrap label {
    color: #01416e;
}

    .k-multicheck-wrap label > span {
        position: relative;
        bottom: 2px;
        left: 4px;
    }

.leftnav-tooltip-wrapper .k-tooltip .k-callout {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    border-right: 5px solid rgb(76, 77, 79);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -10px;
    top: calc(50% - 5px) !important;
}

.leftnav-tooltip-wrapper .k-tooltip .k-tooltip-content::before {
    display: none;
}

.leftnav-tooltip-wrapper .k-tooltip {
    top: 0;
    left: -15px;
}

#carrierConfirmation.k-window-content {
    margin-top: 0px;
}

#carrierConfirmation .popupHeading {
    padding-bottom: 0%;
}

.clearboth {
    clear: both;
}

.dollar-in-text input.k-textbox, .dollar-in-text span.k-input {
    padding-left: 36px;
}

.dollar-in-text::after {
    content: attr(data-after);
    font-size: 13px;
    color: #01416E;
    position: absolute;
    top: calc(100% - 29px);
    width: 28px;
    background-color: #E4EBF4;
    line-height: 28px;
    text-align: center;
    left: 1px;
    font-weight: 600;
}

span.currency-code-exchange {
    font-size: 13px;
    font-weight: 600;
}

span.currency-code-color {
    font-size: 13px;
    font-weight: 600;
    color: #719bbe;
}

.transaction-details.surety-search-grid {
    margin-top: 0 !important;
}

.cancelBondText {
    padding-left: 16px;
    width: 100%;
}

.pl-16 {
    padding-left: 16px;
}

#IsReleaseReceived + label.k-checkbox-label {
    margin-bottom: 4px;
}

.floatright {
    float: right;
}

.quick-search-wrapper {
    float: right;
    top: -36px;
    padding: 0;
    width: 20%;
}

.quick-filter-wrapper {
    margin-top: 16px;
    display: inline-block;
    width: 300px;
}
/*Auto Complete Widget Styles*/
/*----------------------------------------------------------------*/
.k-widget.k-autocomplete {
    width: 100%;
    border: 1px solid #4c4d4f;
    height: 24px;
    border-radius: 2px;
}

    .k-widget.k-autocomplete .k-input {
        height: 21px;
        border-radius: 2px;
        font-size: 11px;
        color: #4c4d4f;
        text-indent: 0;
        padding: 6px 27px 6px 8px;
    }

    .k-widget.k-autocomplete .k-icon {
        font-family: Font Awesome\ 5 Pro;
        font-size: 12px;
    }

        .k-widget.k-autocomplete .k-icon::before {
            content: "\f00d";
        }

.radioInputText input.k-textbox {
    padding: 6px 21px 6px 8px;
}

.AutoCloselook-label {
    color: #01416E;
    font-weight: normal;
    font-size: 13px;
}

div.k-window.abl-window-centered {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

div.k-window.abl-WindowWithProgressBar {
    width: 700px;
}

.abl-progressBar.k-progressbar-horizontal > .k-progress-status-wrap, .abl-progressBar.k-progressbar-horizontal > .k-reset {
    background-color: #E0E0E0;
    border-radius: 14px;
    height: 20px;
    line-height: 20px;
    top: 4px;
    left: 0;
}

.abl-progressBar.k-progressbar-horizontal > .k-state-selected, .abl-progressBar.k-progressbar-horizontal .k-item.k-state-selected {
    background-color: #7AB800;
    height: 20px;
    line-height: 20px;
    border: 0;
    top: 4px;
    left: 0;
}

    .abl-progressBar.k-progressbar-horizontal > .k-state-selected:not(li) {
        border-radius: 14px;
    }

.abl-progressBar.k-progressbar-horizontal .k-item:first-child {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.abl-progressBar.k-progressbar-horizontal .k-item:last-child {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.abl-progressBar .abl-progress-bar-helper-text {
    position: relative;
    left: 52px;
    height: 20px;
    line-height: 20px;
}

.abl-progressBar.k-progressbar-horizontal > .k-progress-status-wrap .k-progress-status {
    position: absolute;
    left: calc(100% + 8px);
    line-height: 18px;
}

.abl-progress-bar-helper-text {
    position: relative;
    left: 70px;
}

.abl-progress-percentage {
    margin-left: 16px;
}

.k-state-selected .k-progress-status {
    display: none;
}

.audit-content {
    padding-bottom: 16px;
    padding-left: 0;
}

.add-leftPad {
    padding-left: 40px;
}

.add-rightPad {
    padding-left: 52px;
}

.radio-as-label + .k-radio-label {
    margin-right: 3px;
    margin-top: 3px;
}

#viewTransactionDetail_wnd_title {
    text-transform: uppercase;
}

.checkbox-vertical-1[style*="display: none;"] + .checkbox-vertical-2, .checkbox-vertical-1[style*="display:none;"] + .checkbox-vertical-2 {
    padding-top: 15px;
}


#ASGrid [role="tooltip"] {
    visibility: hidden;
}

.alert-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .alert-content-wrapper .alert-content {
        text-align: left;
    }

.alert-icon-custom {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    font-size: 15px;
    margin-right: 8px;
}

.number {
    font-size: 24px;
    color: red;
    font-weight: bold;
}

.numbertext {
    font-size: 15px;
    color: red;
    font-weight: bold;
}


    .alert-icon-custom.icon-success {
        color: #7AB800;
    }

    .alert-icon-custom.icon-error {
        color: #E11C23;
    }

    .alert-icon-custom.icon-warning {
        color: #FFE289;
    }

    .alert-icon-custom.icon-success:before {
        content: "\f058";
    }

    .alert-icon-custom.icon-error:before {
        content: "\f057";
    }

    .alert-icon-custom.icon-warning:before {
        content: "\f071";
    }

.surety-center-category .dropdown-1 {
    width: auto;
    max-width: none;
    min-width: 270px;
}

.view-radiolabel {
    font-size: 13px;
    color: #4C4D4F;
    line-height: 18px;
    padding-left: 4px;
    padding-right: 4px;
    word-break: break-word;
    position: absolute;
    top: 4px;
}

.adjust-errorMsg {
    float: right;
}

.adjust-shipfrom {
    margin-left: 350px;
    color: red;
}

.shipstatuscolor {
    color: red;
}

.adjust-shipto {
    float: right;
    color: red;
}

.icon-eff {
    margin-top: -2px;
}

#TransactionAddPanelBar.panelBar1 .panelBar1 li a.k-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.k-dropdown.dropdown-grid-footer {
    width: 300px;
}

.icon-space {
    text-align: center;
    padding-left: -2px;
}

.tax-surges-header-type {
    width: 120px;
}

.text-align-center {
    text-align: center;
}

div.k-window.bondPremiumTransactionAddWindow, div.k-window.bondPremiumTransactionAdminAddWindow {
    width: 80%;
    margin-left: -40%;
}

input.k-textbox.tax-surges-rate {
    width: calc(100% - 20px);
}

td.calcDropdown {
    width: 200px;
    max-width: 200px;
}

.mt-15 {
    margin-top: 15px;
}

label.colon-with-asterik:after {
    color: #001B2D;
    content: '\00a0\002A\00a0\003A';
}

label.invalid-label.colon-with-asterik:after {
    color: #E11C23;
}

.inline-label {
    display: table-cell;
    vertical-align: top;
    padding-top: 8px;
}

.page-premium-transaction-detail label {
    min-width: auto;
}

.page-premium-transaction-detail #taxSurcharches label {
    min-width: 56px;
}

.page-premium-transaction-detail .table-with-fixed-rate-field td label {
    width: auto;
}

.removableTxtBoxIcon {
    width: 25px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .removableTxtBoxIcon:before {
        cursor: pointer;
    }

    .removableTxtBoxIcon.removeValue {
        position: absolute;
        right: 16px;
        bottom: 7px;
    }

.fields-with-inline-errors {
    position: relative;
    width: 100%;
}

    .fields-with-inline-errors input.k-textbox {
        width: 175px;
    }

    .fields-with-inline-errors span.k-tooltip.k-invalid-msg {
        position: absolute;
        top: 0;
        left: 183px;
        padding-top: 0;
        width: calc(100% - 200px);
    }

input.k-textbox.textbox-prefixed-with-dollar {
    padding-left: 12px;
}

.dollar-prefix-for-textbox {
    position: absolute;
    top: 30px;
    font-size: 13px;
    left: 4px;
}

.pos-rel {
    position: relative;
}

.ml-20 {
    margin-left: 20px;
}

.k-radio[style*="display:none"] + .k-radio-label, .k-radio[style*="display:none"] + span.k-tooltip-validation.k-invalid-msg + .k-radio-label, .k-checkbox[style*="display:none"] + .k-checkbox-label,
.roleManage-hidden + label, .roleManage-hidden + .dollarSign-2, input.k-textbox.k-invalid[style*="display:none"] + span.k-tooltip-validation.k-invalid-msg, input:disabled + span.k-tooltip.k-invalid-msg, input[type='hidden']:not([data-role]) + span.k-tooltip.k-invalid-msg {
    display: none !important;
}

.roleManage-hidden ~ label.k-radio-label {
    display: none;
}

.text-area-wrapper::before, .text-area-wrapper::after {
    display: table;
    content: " ";
}

.text-area-wrapper::after {
    clear: both;
}

.text-area-wrapper textarea.with-counter + span.k-tooltip.k-invalid-msg {
    float: left;
    width: calc(100% - 70px);
}

.text-area-wrapper textarea.with-counter ~ .text-area-counter {
    text-align: right;
    font-size: 11px;
    padding-top: 8px;
    line-height: 16px;
    float: right;
    width: auto;
    max-width: 70px;
}

.text-area-wrapper textarea.with-counter[style*="display: none"] ~ .text-area-counter, .text-area-wrapper textarea.with-counter[style*="display: none"] ~ span.k-tooltip.k-invalid-msg {
    display: none;
}

.k-grid input.k-checkbox.checkbox-as-star + label.k-checkbox-label {
    cursor: pointer;
}

.width-25 {
    width: 25% !important;
}

#BondWorkSheetForm .k-numeric-wrap::before {
    content: none;
}

.page-premium-transaction-detail.admin-add-form .form-content {
    width: 175px;
    max-width: 175px;
}

.page-premium-transaction-detail .form-content {
    padding-bottom: 16px;
}

.page-premium-transaction-detail.admin-add-form .k-picker-wrap.k-invalid:not(.k-state-disabled) {
    margin-bottom: 0;
}

.view label.label2span {
    display: inline;
    font-weight: normal;
}


tr.inline-form-row td {
    width: 50%;
    padding-bottom: 16px;
    padding-right: 16px;
}

    tr.inline-form-row td label {
        display: inline;
        white-space: normal;
    }

.contactMinusUDP {
    top: 0px;
}

.error-view {
    padding: 16px;
    min-height: 20vh;
}

.margin-vertical-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.width-23p {
    width: 23%;
}

td div.subtotal-textbox {
    display: inline-block;
    width: calc(100% - 30px);
}

    td div.subtotal-textbox input.k-textbox {
        padding-right: 8px;
    }

.bottombuttons {
    position: fixed;
    width: calc(100% - 72px);
    z-index: 998;
    background-color: #E4EBF4;
    height: 62px;
}

.clearNone {
    clear: none !important;
}

input.k-textbox.currencyTextBoxTaxSurge.input-disabled {
    color: #001B2D;
    background-color: #E0E0E0 !important;
}

.writing-label {
    font-size: 29px !important;
}

/*Help css*/
.help-container {
    margin-right: -16px;
    margin-top: 12px;
}

.about-abl {
    font-size: 14px;
    line-height: 18px;
    color: #028EB2;
}

.help-box {
    min-height: 164px;
    box-shadow: 4px 4px 4px rgba(2, 142, 178, 0.25);
    overflow: hidden;
}

.hex-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -15px;
    left: 20px;
}

.hex {
    margin-top: 30px;
    width: 80px;
    height: 48px;
    background: #E11C23;
    position: relative;
}

    .hex:before, .hex:after {
        content: "";
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        position: absolute;
    }

    .hex:before {
        top: -29px;
        border-bottom: 30px solid #E11C23;
    }

    .hex:after {
        bottom: -29px;
        border-top: 30px solid #E11C23;
    }

    .hex.inner {
        background-color: #fff;
        -webkit-transform: scale(.975, .975);
        -moz-transform: scale(.975, .975);
        transform: scale(.975, .975);
        z-index: 1;
    }

        .hex.inner:before {
            border-bottom: 30px solid #fff;
        }

        .hex.inner:after {
            border-top: 30px solid #fff;
        }

.help-container .fal.fa-book {
    font-size: 30px;
    color: #E11C23;
}

.help-box .fa-long-arrow-right {
    transform: rotate(90deg);
    font-size: 30px;
    float: left;
}

.hex-help-text.manual {
    float: left;
    margin-left: 112px;
    margin-top: 55px
}

.help-title-font {
    font-family: 'RobotoSlab Regular';
    font-size: 18px;
    line-height: 30px;
    text-transform: none;
}

.hex-video {
    margin-top: 50px;
    width: 80px;
    height: 48px;
    background: #E11C23;
    position: relative;
    margin-bottom: 25px;
}

    .hex-video:before, .hex-video:after {
        content: "";
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        position: absolute;
    }

    .hex-video:before {
        top: -29px;
        border-bottom: 30px solid #E11C23;
    }

    .hex-video:after {
        bottom: -29px;
        border-top: 30px solid #E11C23;
    }

    .hex-video.inner {
        background-color: #fff;
        -webkit-transform: scale(.975, .975);
        -moz-transform: scale(.975, .975);
        transform: scale(.975, .975);
        z-index: 1;
    }

        .hex-video.inner:before {
            border-bottom: 30px solid #fff;
        }

        .hex-video.inner:after {
            border-top: 30px solid #fff;
        }


/*icon css start*/
.hex-icon {
    margin-top: 34px;
    width: 80px;
    height: 46px;
    background: #E11C23;
    position: relative;
    margin-bottom: 31px;
}

    .hex-icon:before, .hex-icon:after {
        content: "";
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        position: absolute;
    }

    .hex-icon:before {
        top: -29px;
        border-bottom: 30px solid #E11C23;
    }

    .hex-icon:after {
        bottom: -29px;
        border-top: 30px solid #E11C23;
    }

.AZ-txt-container {
    margin-left: 0px;
    color: #E11C23;
}

.hex-icon.inner {
    background-color: #fff;
    -webkit-transform: scale(.975, .975);
    -moz-transform: scale(.975, .975);
    transform: scale(.975, .975);
    z-index: 1;
}

    .hex-icon.inner:before {
        border-bottom: 30px solid #fff;
    }

    .hex-icon.inner:after {
        border-top: 30px solid #fff;
    }
/*icon css end*/

.video-uploadedtime {
    margin-left: -8px;
}

.video-title {
    margin-left: -8px;
}

.video-uploadedtime {
    position: absolute;
    bottom: 0;
    line-height: 34px;
    color: #001B2D;
    font-size: 11px;
}

.k-list-container.playlist ul.k-list .k-item {
    width: 100%;
}

.AZ-txt-container {
    z-index: 9999;
}

.m-left-30 {
    margin-left: 45px;
}

.center-align-hv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.center-align-v {
    position: absolute;
    top: 50% !important;
    left: inherit;
    transform: translateY(-50%);
}

.center-align-h {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*.hex-help-text {
    width: calc(100% - 170px);
    float: right;
    margin-top: 32px;
}*/

.hex-help-text.glossary {
    margin-top: 95px;
}

.hex-help-text.manual {
    margin-top: 65px;
}

.help-title {
    font-family: 'RobotoSlab Regular';
    font-size: 18px;
    line-height: 30px;
    text-transform: none;
}

.help-icons .help-icon {
    margin-right: 16px;
    margin-top: 16px;
}

.help-icon {
    font-size: 32px;
}

.help-icons .fal.fa-file {
    color: #9B9B9B;
}

.docx {
    font-size: 6px;
    position: absolute;
    left: 4px;
    bottom: 2px;
}

.help-box .fa-long-arrow-right {
    transform: rotate(90deg);
    font-size: 55px;
    float: left;
}



.AZ-txt {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-top: -5px;
    margin-left: -5px;
}

    .AZ-txt span {
        display: inline-block;
        font-size: 25px;
    }

        .AZ-txt span:nth-last-of-type(1) {
            margin-top: -5px;
        }

.abl-help-accordion {
    margin-top: 16px;
}

    .abl-help-accordion.panel-group .panel {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom-width: 2px;
        box-shadow: none;
    }

        .abl-help-accordion.panel-group .panel + .panel {
            margin-top: 0;
        }

    .abl-help-accordion .panel-default > .panel-heading {
        background-color: transparent;
        padding: 0;
    }

    .abl-help-accordion .panel-heading > h3 {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 0;
    }

        .abl-help-accordion .panel-heading > h3 > .fas {
            margin: 0;
        }

.title-span {
    width: 100%;
    display: inline-block;
    color: #4C4D4F;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px;
}

.abl-help-accordion .panel-body {
    padding: 0;
    border: 0 !important;
    font-size: 13px;
    line-height: 4px;
    color: #001B2D;
    padding-bottom: 16px;
    padding-right: 40px;
    font-weight: normal;
}

.help-box .nav-pills > li > a {
    padding: 8px;
    font-size: 13px;
    line-height: 14px;
    color: #028EB2;
    font-weight: bold;
}

.help-box .nav-pills > li + li {
    margin-left: 16px;
}

.help-box .nav > li > a:hover, .help-box .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #028EB2;
}

.help-box .nav-pills > li.active > a, .help-box .nav-pills > li.active > a:hover, .help-box .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #028EB2;
}

.k-mediaplayer {
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.mediaplayer-wrapper {
    display: none;
}

.mediaplayer-inner-wrapper {
    overflow: hidden;
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(2, 142, 178, 0.25);
}

.playlist {
    /*float: left;*/
    overflow: auto;
    width: 100%;
}

.k-list-container.playlist ul.k-list .k-item {
    margin-bottom: 16px;
    border: none;
    height: 50px;
    width: 70%;
    padding-top: 3px;
    border: 1px solid #dedede;
}

.video-poster, .video-description {
    width: 54px;
    float: left;
}

.video-description {
    width: 70%;
    position: relative;
    padding-bottom: 25px;
    /*display: flex;*/
}

.selected-video-description {
    width: 100%;
    padding: 0;
    margin: 8px 0 0;
    float: none;
}

.video-title {
    /*white-space: normal;*/
    font-size: 14px;
    line-height: 22px;
    color: #4C4D4F;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-uploadedtime {
    position: absolute;
    bottom: 0;
    line-height: 25px;
    color: #001B2D;
    font-size: 11px;
}

.selected-video-uploadedtime {
    margin: 8px 0 16px;
    font-size: 13px;
    line-height: 14px;
}

#AboutABLWindow {
    margin: -24px 0 0;
}

div.k-window.AboutABLWindow {
    width: 425px;
    margin-left: -212.5px;
    top: 50% !important;
    margin-top: -212.5px;
}

.abl-aboutWindow-content p {
    font-size: 13px;
    line-height: 16px;
    color: #001B2D;
}

.k-list-container.playlist ul.k-list .k-item.k-state-hover, .k-list-container.playlist ul.k-list .k-item.k-state-selected {
    background-color: transparent;
}

.search-result-count.counter, .search-result-count.help-title, .glossary-filter {
    display: none;
}

.UserGlossary {
    padding: 0;
    margin-top: 16px;
}

    .help-container .search-result-count.help-title,
    .UserGlossary .search-result-count.counter,
    .UserGlossary .glossary-filter {
        display: block;
    }

.helpdate {
    width: 100%;
}

.k-mediaplayer-toolbar-wrap {
    background: #C0C0C0;
}

.k-i-play:before {
    content: "\f04b";
}

.k-i-pause:before {
    content: "\f04c";
}

.k-i-volume-up:before {
    content: "\f028";
}

.k-i-full-screen:before {
    content: "\f065";
}

.k-i-full-screen-exit:before {
    content: "\f066";
}

.k-mediaplayer .k-button.k-bare .k-icon {
    color: #001B2D;
}
/*Help css*/
/*VideoCSS*/
.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    top: 74%;
    left: 0;
    height: 2px;
    margin-top: -4px;
    background-repeat: repeat-x;
    background-color: #C0C0c0;
}

.k-slider-horizontal .k-draghandle {
    top: -6px;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    background-color: rgb(0, 27, 61);
}

.k-mediaplayer-toolbar {
    background-color: #ffffff;
    box-shadow: inset -1px 1px 16px 4px rgba(0, 0, 0, 0.25);
}
/*VidoeCSS*/


.pl-40 {
    padding-left: 55px !important;
}

.text-white {
    background-color: #e0e0e0;
    width: 90px;
    height: 62px;
}

.videoTutorialAlign {
    display: inline-table;
    padding: 16px;
    top: -16px;
    position: relative;
    width: 60%;
    vertical-align: middle;
}

.mt-5 {
    margin-top: 5px;
}

.curs-pointer {
    cursor: pointer;
}

.inner-content.two-col > [class*='col-']:nth-child(2n+1) {
    clear: left;
}

.no-mab [class*='col-']:not(.exclude-no-mab), .no-mab > .panel-collapse [class*='col-']:not(.exclude-no-mab), .no-mab .text-container {
    margin-bottom: 0px;
}

    .no-mab [class*='col-']:not(.exclude-no-mab) .k-textbox:not(.k-invalid),
    .no-mab [class*='col-']:not(.exclude-no-mab) .k-datepicker,
    .no-mab [class*='col-']:not(.exclude-no-mab) .k-timepicker,
    .no-mab [class*='col-']:not(.exclude-no-mab) .k-dropdown,
    .no-mab [class*='col-']:not(.exclude-no-mab) .k-numerictextbox,
    .no-mab [class*='col-']:not(.exclude-no-mab) textarea:not(.k-invalid),
    .no-mab .text-container .k-textbox:not(.k-invalid),
    .no-mab .text-container .k-datepicker,
    .no-mab .text-container .k-dropdown,
    .no-mab .text-container .k-numerictextbox,
    .no-mab .text-container textarea:not(.k-invalid) {
        margin-bottom: 16px;
    }

    .no-mab [class*='col-']:not(.exclude-no-mab) .k-textbox.k-invalid + span.k-tooltip.k-invalid-msg,
    .no-mab [class*='col-']:not(.exclude-no-mab) textarea.k-invalid + span.k-tooltip.k-invalid-msg {
        margin-bottom: 16px !important;
    }

.view .no-mab [class*='col-']:not(.exclude-no-mab) label + .view-content, .no-mab.view label + .view-content, .no-mab .view label + .view-content,
.view .no-mab [class*='col-']:not(.exclude-no-mab) label, .no-mab.view label, .no-mab .view label {
    padding-bottom: 16px;
}

.no-mab [class*='col-'] .k-upload-files .k-textbox:not(.k-invalid), .no-mab [class*='col-'] .k-upload-files .k-dropdown, .no-mab [class*='col-'] .k-upload-files .k-datepicker, .no-mab [class*='col-'] .k-upload-files .k-numerictextbox {
    margin-bottom: 0;
}

.adjust-message {
    margin-right: 45px;
}

.k-window.k-dialog.k-alert .k-button, .k-window.k-dialog.k-confirm .k-button {
    transition: none;
}

.posistion-change > .k-window-titlebar {
    position: static;
}

.layout-2-header .navbar-nav li ul.dropdown-menu.header-surety-menu {
    width: 245px;
}

.k-editor-toolbar-wrap {
    padding-bottom: 12px;
}

.kendo-editor-invalid {
    border-color: red;
}

.k-editor .k-editable-area .k-content {
    border: none;
}

.k-editor-toolbar-wrap {
    border-bottom: 1px solid gray !important;
    padding-bottom: 7px !important;
}

.k-button-group .k-tool {
    border-style: none;
    margin-right: 5px;
    color: #4c4d4f;
}

.k-list-container ul.k-list .k-item {
    color: #4c4d4f;
}

.inner-content [class*='col-'] textarea.with-counter {
    margin-bottom: 0 !important;
}

    .inner-content [class*='col-'] textarea.with-counter ~ .text-area-counter {
        margin-bottom: 16px;
    }

textarea.with-counter[style*="display: none;"] ~ .text-area-counter, textarea.with-counter[style*="display:none;"] ~ .text-area-counter, textarea.with-counter.hide ~ .text-area-counter, textarea.with-counter.hidden ~ .text-area-counter {
    display: none;
}

.fixed-height {
    height: 543px !important;
}

.match-margin {
    padding-top: 108px;
}
/*Do not remove this*/
/*.demo-section.k-content >.k-widget.k-upload.k-header>.k-button.k-upload-button{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: -134px;
    margin-right: 513px;
}
li.k-file{
    border-style: solid;
    border-width: 0 0 2px;
    border-color: #c0c0c0;
    padding: .65em .17em .65em 1em;
}
ul.k-upload-files{
    margin-top:62px;
    line-height: 2.66;
    border-style: solid;
    border-width: 2px 0 0;
    border-color:#c0c0c0;
    padding-bottom: 5px;

}*/
span[contenteditable="true"]:focus {
    padding: 6px;
    background-color: #ffffff;
    color: #4c4d4f;
    border: 1px solid #4C4D4F;
    height: 30px;
}

.k-icon k-i-pause {
    content: "\f04b";
    font-family: Font Awesome\ 5 Pro;
}


.pad-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.view-only-editor table.k-editor tr[role="presentation"] {
    display: none;
}

table.k-editor {
    border-radius: 4px;
}

    table.k-editor .k-button-group .k-tool.k-state-selected {
        color: #fff;
        background-color: #01416E;
        border-radius: 4px;
    }

.k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close {
    display: none;
}

.k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close {
    display: none;
}

.editor-readonly * {
    background-color: #c0c0c0 !important;
    cursor: default;
}

textarea.texteditor-readonly {
    background-color: #c0c0c0 !important;
}

table.EditorReadonly {
    pointer-events: none;
    cursor: none;
}

.ext-Adjust {
    bottom: 6px !important;
}

.rateTextCounter {
    color: #E11C23;
    padding-left: 0px;
    font-size: 13px;
    line-height: 15px;
    padding-top: 8px;
    display: flex;
    white-space: normal;
    text-align: left;
    margin: 0 !important;
}

.video-fluid {
    width: 40%;
    height: auto;
    position: relative;
    top: 4px;
    left: -17px;
}

.Helpattach * > .k-file.k-file-success {
    padding: 10px 16px;
}

.checkboxtop {
    top: 38px;
}

.rateTextCounter {
    color: #E11C23;
    padding-left: 0px;
    font-size: 13px;
    line-height: 15px;
    padding-top: 8px;
    display: flex;
    white-space: normal;
    text-align: left;
    margin: 0 !important;
}

.checkboxvalidationmessage {
    font-size: 12px;
    color: #e11c23;
    position: absolute;
    top: 15px;
    left: 16px;
}

.upload-list .k-file-success .access-dropdown.manual-attachment-help {
    width: 100% !important;
    display: inline-block !important;
}

.fa-download {
    z-index: 4;
    cursor: pointer;
}

.close-home {
    z-index: 4;
    cursor: pointer;
    color: #01416E;
    position: relative;
    float: right;
}

.OptionalSearchParameters {
    overflow: hidden;
}
/* Styles for Advanced Search with Sections*/
.with-section.search-criteria-card {
    padding: 0px;
}

.k-list-container.playlist ul.k-list .k-item {
    margin-bottom: 16px;
    border: none;
    height: 50px;
    width: 70%;
    padding-top: 3px;
    border: 1px solid #dedede;
}

.k-list-container ul.k-list .k-item {
    box-sizing: border-box;
    height: 30px;
    line-height: 27px;
    font-family: 'Roboto Light';
    font-size: 13px;
    border-radius: unset;
    min-height: 0;
    color: #001B2D;
    border-bottom: 1px solid #4C4D4F;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.with-section .ad-search-fields-wrapper {
    padding: 8px;
}
/*.with-section .col-xs-12 {
    float: left;
}*/
.with-section .ad-search-form [class*='col-'] {
    padding: 8px;
    margin: 0;
}

.with-section .ad-search-fields-wrapper > [class *= col-] {
    padding: 0;
    margin: 0;
}

    .with-section .ad-search-fields-wrapper > [class *= col-].grouped-fields {
        border: 1px solid #4C4D4F;
        border-radius: 2px;
        margin-bottom: 4px;
    }

.with-section .search-action-block {
    margin: 0px 16px 16px;
}

#VideoTutorials .k-grid tbody tr td {
    padding: 0px 16px !important;
    line-height: 0px !important;
}

.fa-angle-left {
    display: inline-block;
    font-size: 32px;
}

.link-h2 {
    display: inline;
    margin-top: 2px;
    position: absolute;
    margin-left: 11px;
}

#ExtendRenewalDateinfo {
    margin-top: 0;
}

.help-title a {
    font-size: inherit;
    color: inherit;
}

.checkbox-readonly, .checkbox-readonly + label {
    pointer-events: none;
}

.helper-posistion {
    position: absolute;
    top: 16px;
    left: 88px;
}

.k-i-volume-down, .k-i-volume-off {
    font: 16px/1 WebComponentsIcons !important;
}

.link-inactive, .link-inactive .fa-address-card {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: gray !important;
}

#teamName_tt_active {
    white-space: nowrap;
}

    #teamName_tt_active > .k-tooltip-content::-webkit-scrollbar {
        width: 4px;
        border-radius: 2px;
        height: 4px;
    }

html:not(.k-webkit) .tooltip-with-copy #teamName_tt_active > .copy-tooltip {
    right: 30px;
}

.width-21 {
    width: 21% !important;
}

.search-icon {
    position: absolute !important;
    top: 4px !important;
    left: 6px !important;
}

.codeTable .search-icon {
    position: absolute !important;
    top: 4px !important;
    left: 12px !important;
    color: #9b9b9b;
}

.searchtextpd {
    padding-left: 35px !important;
    width: 200px !important;
}

.searchinputleft {
    left: 100%;
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
    transform: translateX(-100%);
}

.adjust-suretylabel {
    position: absolute;
    left: 30px;
    top: 50px;
}

.surety-link {
    font-size: 11px;
    font-style: italic;
    color: #01416e;
}

.adjust-arrowIcon {
    position: absolute;
    top: 81px;
    z-index: 999999999999999;
    left: 265px;
}

span.mandatory-indicator:after {
    color: #E11C23;
    content: '\00a0\002A';
}

span.tab-indicator {
    font-weight: bold;
    color: #01416e;
}

span.non-tab-indicator {
    display: inline-block;
    border-bottom: 2px solid #01416e;
}

span.action-indicator {
    font-weight: bold;
    color: #028EB2;
}


.client-activity-wrap {
    white-space: normal !important;
}

.input-group-addon {
    font-size: 14px;
    font-weight: normal;
    line-height: 2.3;
    text-align: center;
    background-color: #E4EBF4;
    border: 1px solid #1f1e1e;
    border-radius: 4px;
    position: absolute;
    display: inline-block;
    height: 30px;
    padding: 0px;
    width: 35px;
    z-index: 2;
}

.input-group {
    display: block;
}

.custom-cell .input-group {
    display: contents;
    /*display:inline;*/
}

.input-group .k-numerictextbox .k-numeric-wrap .k-input {
    margin-left: 33px;
    width: calc(100% - 35px);
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    text-indent: 0 !important;
}

    .input-group .k-numerictextbox .k-numeric-wrap .k-input.k-invalid {
        border: 1px solid #e11c23 !important;
    }

.webkit-right {
    text-align: -webkit-right;
}

#SuretyCenterRenewalsTab ul.k-tabstrip-items {
    box-shadow: inset 2px -4px 2px 0px #e0e0e0;
}

.teamListBox .k-listbox .k-item {
    text-transform: none;
}


/*#executionHistoryGrid .k-checkbox-label {
    margin-top: -10px !important;
}*/

.none-border {
    border: none !important;
    width: 210% !important;
}

.adjust-display {
    margin-left: -2% !important;
    background: #E4EBF4;
}

.ReadOnlyTaxGrid td input, .ReadOnlyTaxGrid td select {
    background-color: #e0e0e0;
}

.width-autogrid {
    width: auto !important;
}

.mr-32 {
    margin-right: 32px !important;
}

.k-grid .k-master-row .FontWeight {
    font-weight: 600;
}

.obligee-wrap {
    white-space: normal !important;
}


div.info-content > table, div.info-content tr, div.info-content td {
    border: 1px solid #001B2D !important;
    border-style: dotted !important;
}

.fa-trash-alt:before {
    margin-left: 16px;
}

.displaycontent {
    display: contents;
}

.helper-linkcopy, .helper-linkremove {
    color: #028eb2;
}

.footer-container {
    bottom: -10px !important;
    width: calc(100% - 30px) !important;
}

.input-group > .k-textbox, .k-ie .input-group > .k-textbox {
    text-indent: 30px;
}

.UserManual {
    border: none;
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    /* height: 27px; */
    margin-top: -6px;
    margin-left: -40px;
    background-color: transparent;
    text-transform: none;
    display: contents;
}

.pal-8 {
    padding-left: 8px !important;
}

.input-group-addon.k-numericbox-invalid {
    border: 1px solid #e11c23;
    border-right: none;
}

#cancel-add-surety {
    padding-bottom: 0px !important;
}

    #cancel-add-surety .k-button-group .k-dialog-buttongroup {
        margin-top: 0 !important;
    }

.cancel-warning {
    position: absolute;
    right: -55px;
}

.white-pre {
    /*white-space:pre-wrap;*/
    padding-left: 10px !important;
}

#currencycode .k-dropdown-wrap .k-input {
    text-indent: 32px;
}

.ml-7 {
    margin-left: 7px !important;
}

.edit-button {
    border: none !important;
    background: none !important;
}


@-moz-document url-prefix() {
    #nav-sidebar_tt_active {
        margin-left: 18px;
    }

    .agency-alert {
        display: flex;
    }
}

.IE-wordwrap table tr td p {
    display: flex;
    flex-direction: column;
    word-break: break-word;
    word-wrap: break-word;
}

.IE-wordwrap table {
    table-layout: fixed;
}

.printBtn {
    float: right;
    top: -16px;
    position: relative;
    margin-right: 50px;
    z-index: 999;
}

.printBtnClose {
    position: relative;
    top: 8px;
}

#nav-sidebar_tt_active {
    margin-left: 18px;
}

#ASGrid .k-radio-label {
    vertical-align: top !important;
}

.WritingCompanySearchResult {
    margin: 0 16px 16px 16px !important;
}

.alert-container.error .agency-times {
    position: absolute;
    top: 8px;
    right: 4px;
}

.edit-button {
    border: none !important;
    background: none !important;
}

.ActualAmtWidth {
    width: 30%;
}

.text-right {
    text-align: right;
}

#BondShippingCarrier table tr td:last-child {
    padding-left: 1px !important;
}

#BondShippingCarrier table tr td:nth-child(n + 4) {
    padding-left: 1px !important;
    padding-right: 0px !important;
}

/*.k-radio-label{
    vertical-align:top !important;
}*/



@-moz-document url-prefix() {
    #nav-sidebar_tt_active {
        margin-left: 18px;
    }
}


.IE-wordwrap table tr td p {
    display: flex;
    flex-direction: column;
    word-break: break-word;
    word-wrap: break-word;
}

.IE-wordwrap table {
    table-layout: fixed;
}

.printBtn {
    float: right;
    top: -16px;
    position: relative;
    margin-right: 50px;
    z-index: 999;
}

.printBtnClose {
    position: relative;
    top: 8px;
}

#nav-sidebar_tt_active {
    margin-left: 18px;
}

.WritingCompanySearchResult {
    margin: 0 16px 16px 16px !important;
}

.alert-container.error .agency-times {
    position: absolute;
    top: 8px;
    right: 4px;
}

.alert-width {
    width: 58%;
    white-space: normal;
    top: 0px;
}

.ml-256 {
    margin-left: 256px;
}

.EditHorizontal {
    display: none;
}

.ClientRadioHide table tr td label.k-radio-label {
    display: none;
}

.SpanHelperLink {
    color: #028eb2 !important;
    cursor: default !important;
}

.suretypad {
    padding: 3px;
}

.k-invalidMultiSelect {
    border: 1px solid #BF4C4A;
    background-color: rgba(211, 18, 69, 0.07) !important;
    color: #BF4C4A
}

.content #checkBoxDiv1 {
    margin-bottom: 8px;
}

.SecurityprofileButton {
    display: flex !important;
    width: auto !important;
}

.agency-alert {
    display: flex;
}

.cell-groupedItems {
    display: contents;
    display: inline;
}

.k-grid tbody tr td.hierarchy-column .intend-4 ~ .k-radio-label {
    left: 96px !important
}

    .k-grid tbody tr td.hierarchy-column .intend-4 ~ .k-radio-label + span {
        margin-left: 108px !important
    }

.inner-content.audit-details label {
    display: table-cell;
}

.inner-content.audit-details span {
    white-space: pre;
}

.content-right-align {
    float: right !important;
}

.PrintWordWrap {
    line-height: 13px !important;
}

.k-pdf-export .printBtn {
    display: none;
}

.k-pdf-export .k-icon.k-i-close {
    display: none;
}

.k-pdf-export .k-window {
    padding: 0px !important;
    border: none !important;
    border-style: none !important;
    border-width: 0px !important;
}

.k-pdf-export .k-window-title {
    left: 0px !important;
    top: 50px !important;
}

.k-pdf-export .noPdfExport {
    display: none;
}

.k-pdf-export .bond-preview-watermark {
    top: 40%;
    right: 15%
}

.k-pdf-export .bond-preview-watermark2 {
    top: 20%;
    left: 25%;
}

.k-pdf-export h3 {
    font-weight: 100;
}

.hierarchyClient .k-grid tbody tr td .k-radio-label + span {
    margin-left: 0px;
}

.mar-align {
    margin-left: 26px;
    margin-top: -31px;
}

th[data-title="Obligee Name"] {
    border-right: 2px solid !important;
}

.k-pdf-export div#PremiumCommissionPDF {
    display: block !important;
}

.pdfrateName {
    color: #01416E;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: normal;
}

.ratePdfTitle {
    font-family: 'Roboto';
    font-size: 20px;
    color: #01416E;
    line-height: 28px;
    letter-spacing: 1px;
    margin: 0;
}

#sidenavUserPreferences > sidebar-list > ul {
    color: black !important;
}

.pdfRateLabels {
    font-family: sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
}


@media (min-width: 992px) {
    .modal-lg {
        width: 1200px;
    }
}

/*bootstrap accordian added*/

/*.panel-title > a:before {
    float: right !important;
    font-family: Font Awesome\ 5 Pro;
    content: "\f056";
    color: #428bca;
    font-weight:bold;
    
}

.panel-title > a.collapsed:before { 
    font-family: Font Awesome\ 5 Pro;
    float: right !important;
    color: #428bca;
    content: "\f055";
    font-weight: bold;
}*/

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

.m-r-0 {
    margin-right: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-0 {
    padding: 0px !important;
}

.boxContainer {
    background-color: #f0f0f0;
    text-align: center;
    height: 145px;
    width: 100%;
    padding-top: 25px;
}

.width-80 {
    width: 80%;
    float: left;
}

.width-20 {
    width: 17%;
    float: right;
    margin: 26px 0px 0px 0px;
}

.width-19 {
    width: 20%;
    margin: 10px auto;
}

.width-50 {
    margin: 26px 0px 0px 0px;
    width: 50%;
}

.width-95 {
    width: 92%;
}

.text-left {
    text-align: left !important;
}

.width-5 {
    width: 5%;
    margin: 26px 0px 0px 0px;
}

.width-66 {
    width: 66%;
}

.m-top {
    margin-top: 24px
}

.m-top-10 {
    margin-top: 10px
}

.m-t-b-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.m-space {
    margin-right: 15px;
    margin-top: 6px;
}

.m-l-33 {
    margin-left: 33px;
}

.m-left {
    margin-left: 12px !important;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.bdr {
    border: 1px solid #000;
    overflow: hidden;
}

    .bdr img {
        background-size: cover;
        width: 100%;
    }

.m-r-15 {
    margin-right: -15px !important;
}

.m-rs-15 {
    margin-right: 15px !important;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.space {
    height: 6px;
    width: 100%;
    display: block;
}

.no-mar {
    margin-left: -15px;
    margin-right: 15px;
}

.no-brd {
    border-style: none !important;
}

.close {
    color: #01416E !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 1 !important;
}

.no-bg {
    background-color: none !important;
}

.panel-default > .panel-heading-new {
    padding: 10px 0px;
    border-bottom: none !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.no-pad {
    padding: 0px !important;
}

.panel-body-new {
    padding: 0px;
}

.modal-body {
    position: relative;
    padding: 10px !important;
}

.sub-panel-heading {
    margin: 0px 15px 10px 0px;
}

.panel-title a {
    font-size: 16px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-14 {
    font-size: 13px;
}

/*.modal-header {
    padding: 22px 22px 5px 22px !important;
}*/

.Height125 {
    height: 125px !important;
}

.icon-mar {
    margin: 0px 4px 0px 4px;
}



.h3-normal {
    font-weight: 300;
    color: #4C4D4F;
}

.h3-bold {
    font-weight: bold;
    color: #4C4D4F;
}

.footer-left-link {
    margin-right: 8px;
}

#footer {
    padding: 9px 10px 12px 0px !important;
}

.logo-footer {
    /*position: absolute;*/
    top: -13px;
    height: 20px;
    width: auto;
    margin-right: 5px;
}

.FormsDropDown {
    max-height: 400px;
    overflow-y: auto;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #footer {
        height: 80px !important;
    }

    .logo-footer {
        right: 0;
        top: 0;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    #footer {
        height: 100px !important;
    }

    .logo-footer {
        right: 0;
    }
}

.d-inline-block {
    display: inline-block;
}

.level-display-toggle {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: flex-end;
    padding: 16px;
    background: #E4EBF4;
}

    .level-display-toggle .h3-normal {
        margin-right: 30px;
    }

.cursor-pointer {
    cursor: pointer;
}

.font-size-18 {
    font-size: 14px;
}

.form-sublevel-heading {
    margin-bottom: 15px;
}

.form-sublevel-subheading {
    margin-bottom: 10px;
}

.form-section {
    margin-bottom: 15px;
}

.form-content {
    padding: 20px;
}

.level-actions {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 30px;
}

.card {
    background: #FFFFFF;
}

.label1 {
    line-height: 22px !important;
    height: 22px;
    margin-bottom: 0px !important;
}

.content {
    margin: 15px
}

.form-group {
    margin-bottom: 15px;
}

.heading-with-button-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heading-with button-container button {
    margin: 0px;
}

.m-l-34 {
    margin-left: -82px
}

.m-l-5 {
    margin-left: 5px
}

.font-weight-none {
    font-weight: 100;
}

.more-less {
    float: right;
    color: #212121;
}

.default-link {
    font-weight: bold;
    color: #777 !important;
}

.active-link {
    font-weight: bold;
    color: #01416e !important;
}

.m-r-16 {
    margin-right: 16px;
}


@media screen and (min-width: 768px) {

    div.k-window {
        right: auto;
        left: 50%;
        width: 600px !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {

    div.k-window {
        width: 1190px !important;
    }

    .k-grid .k-grid-pager.k-pager-wrap .k-label.k-pager-sizes {
        left: -17px;
    }
}

.p-l-none {
    padding-left: 0px !important;
}

.p-r-none {
    padding-right: 0px !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4C4D4F;
}

.tooltip .tooltip-inner {
    background-color: #4C4D4F;
}

.password-tooltip {
    position: absolute;
    background: #4C4D4F;
    color: white;
    right: 0;
    display: none;
    transform: translateX(100%) translateX(8px) translateY(-50%);
    top: 50%;
    padding: 8px;
    border-radius: 4px;
    font-size: 13px;
    border-color: #4C4D4F;
}

.password-tooltip-trigger.k-invalid ~ .password-tooltip {
    transform: translateX(100%) translateX(8px) translateY(-50%) translateY(-12px)
}

.password-tooltip ul {
    padding: 0px;
    margin: 0px;
}

    .password-tooltip ul li {
        list-style: none;
    }

.password-tooltip:after {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    border: 6px solid #4C4D4F;
    border-left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.password-tooltip-trigger:focus ~ .password-tooltip {
    display: inline;
}

.password-tooltip-trigger:hover ~ .password-tooltip {
    display: inline;
}


/*  =page-payroll
================================================== */
.page-payroll {
}

/*  =dialog
================================================== */
.k-widget.k-window.k-dialog.dialog-2 {
    width: 60% !important;
    top: 50% !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #C0C0C0 !important;
    box-sizing: border-box !important;
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5) !important;
    padding: 32px 36px !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

    .k-widget.k-window.k-dialog.dialog-2 .k-window-titlebar {
        display: none;
    }

    .k-widget.k-window.k-dialog.dialog-2 .k-content {
        padding: 0;
        position: relative;
    }

        .k-widget.k-window.k-dialog.dialog-2 .k-content h4 {
            font-weight: 300;
            font-size: 18px;
            line-height: 24px;
            color: #001B2D;
            padding-left: 50px;
        }

    .k-widget.k-window.k-dialog.dialog-2 #deleteConfirmationDialog h4 {
        padding-left: 0;
    }

    .k-widget.k-window.k-dialog.dialog-2 .fa-exclamation-triangle, .k-widget.k-window.k-dialog.dialog-2 .fa-check-circle,
    .k-widget.k-window.k-dialog.dialog-2 .fa-times-circle {
        position: absolute;
        top: 10px;
        left: 0;
    }

        .k-widget.k-window.k-dialog.dialog-2 .fa-exclamation-triangle:before {
            font-size: 29px;
            color: #F0A800;
        }

    .k-widget.k-window.k-dialog.dialog-2 .k-button-group button {
        margin-right: 16px;
    }

/*  =dialog
================================================== */
.k-widget.k-window.k-dialog.dialog-3 {
    width: 50% !important;
    top: 50% !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #C0C0C0 !important;
    box-sizing: border-box !important;
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5) !important;
    padding: 32px 36px !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

    .k-widget.k-window.k-dialog.dialog-3 .k-window-titlebar {
        display: none;
    }

    .k-widget.k-window.k-dialog.dialog-3 .k-content {
        padding: 0;
        position: relative;
    }

        .k-widget.k-window.k-dialog.dialog-3 .k-content h4 {
            font-weight: 300;
            font-size: 18px;
            line-height: 24px;
            color: #001B2D;
            padding-left: 50px;
        }

    .k-widget.k-window.k-dialog.dialog-3 #deleteConfirmationDialog h4 {
        padding-left: 0;
    }

    .k-widget.k-window.k-dialog.dialog-3 .fa-exclamation-triangle, .k-widget.k-window.k-dialog.dialog-2 .fa-check-circle,
    .k-widget.k-window.k-dialog.dialog-3 .fa-times-circle {
        position: absolute;
        top: 10px;
        left: 0;
    }

        .k-widget.k-window.k-dialog.dialog-3 .fa-exclamation-triangle:before {
            font-size: 29px;
            color: #F0A800;
        }

    .k-widget.k-window.k-dialog.dialog-3 .k-button-group button {
        margin-right: 16px;
    }

/*  =dialog
================================================== */
.k-widget.k-window.k-dialog.dialog-1 {
    width: 408px !important;
    top: 50% !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #C0C0C0 !important;
    box-sizing: border-box !important;
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5) !important;
    padding: 32px 36px !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

    .k-widget.k-window.k-dialog.dialog-1 .k-window-titlebar {
        display: none;
    }

    .k-widget.k-window.k-dialog.dialog-1 .k-content {
        padding: 0;
        position: relative;
    }

        .k-widget.k-window.k-dialog.dialog-1 .k-content h4 {
            font-weight: 300;
            font-size: 18px;
            line-height: 24px;
            color: #001B2D;
            padding-left: 50px;
        }

    .k-widget.k-window.k-dialog.dialog-1 #deleteConfirmationDialog h4 {
        padding-left: 0;
    }

    .k-widget.k-window.k-dialog.dialog-1 .fa-exclamation-triangle, .k-widget.k-window.k-dialog.dialog-1 .fa-check-circle,
    .k-widget.k-window.k-dialog.dialog-1 .fa-times-circle {
        position: absolute;
        top: 10px;
        left: 0;
    }

        .k-widget.k-window.k-dialog.dialog-1 .fa-exclamation-triangle:before {
            font-size: 29px;
            color: #F0A800;
        }

    .k-widget.k-window.k-dialog.dialog-1 .k-button-group button {
        margin-right: 16px;
    }

.m-r-32 {
    margin-right: 40px !important;
}

.width-48 {
    width: 48%;
}

.m-top-common {
    margin: 28px 0px 0px 0px;
    display: block;
}

.m-top-common-aonstaffind {
    margin: 24px 0px 0px 0px;
    display: block;
}

.txt-sm {
    font-size: 12px;
}

.txt-md {
    font-size: 14px;
}

.block {
    display: block;
}

.subHeading_color {
    color: #428bca;
    font-size: 14px;
}

dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #01416e;
}

.m-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footer-btn {
    width: 50%;
    margin: 0px auto
}

#expandAll.k-button, #collapseAll.k-button {
    font-size: 14px;
    border-color: transparent;
    border-style: none;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 6px 0px 6px;
    margin: 0px;
}

a:focus {
    outline: none;
}

.caret_white {
    border-bottom: 4px solid #fff !important;
}

.dropdown-menu > li > a {
    text-transform: uppercase;
}

.m-top-22 {
    margin-top: 22px;
}

.inline-display {
    display: inline-block;
}

ul#lblInfo {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul#lblInfo li {
        padding: 4px 0px 4px 0px;
    }

.lbl-w-120 {
    width: 120px;
}

.lbl-w-100 {
    width: 100px;
}

.lbl-w-150 {
    width: 150px;
}

.noBorder {
    border-width: 0px 2px 0px 0px !important;
    border-color: #CBCBCB;
}

.card-box {
    box-shadow: 0px 4px 6px rgba(0,0,0,0.25);
    background: #fff;
    height: 160px;
    margin: 10px 0px 10px 0px;
    text-align: center;
    padding: 10px;
}

    .card-box p {
        line-height: 1.4;
        color: #001b2d;
    }

    .card-box h2 {
        text-transform: capitalize;
        line-height: 1.8;
    }

    .card-box h4 {
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
        color: #001b2d;
    }

        .card-box h4 a {
            font-style: normal;
            font-weight: 300;
            font-size: 18px;
            text-decoration: underline;
        }

.par-style {
    font-size: 11px;
    height: 32px;
}

.footer-left-link a {
    font-size: 16px;
}

/*New default css*/

/*.k-i-loading {
    position: relative;
    background-image: url(Kendo/Default/loading.gif);
    background-color: transparent;
  
}

.k-i-loading::before, .k-loading-image::before {
    margin-top: -.8em;
    margin-left: -.8em;
    width: 1.8em;
    height: 1em;
    -webkit-animation: k-loading-animation .7s linear infinite;
    animation: k-loading-animation .7s linear infinite
}

.headerBold {
    color: #001b2d !important;
    font-weight:bold !important;
}
}*/
.headerBold {
    color: #001b2d !important;
    font-weight: bold !important;
}

.k-icon, .k-tool-icon {
    cursor: pointer;
}

.k-progressbar-horizontal {
    width: 72% !important;
    height: 13px;
    background-color: lightgray;
    top: 8px;
}

.k-progress-status-wrap {
    line-height: 1em !important;
    font-size: 10px !important;
    top: 2px !important;
}

.file-status {
    margin-right: 0px;
    font-size: 10px;
}

.normal {
    font-weight: normal !important;
}

.k-progressbar > .k-state-selected {
    border-style: none !important;
    color: #000;
    background-color: #95bf15;
}

.k-state-selected .k-progress-status {
    display: block !important;
}
/*#actionButtons {
    margin-left: 100%
}*/
.doc-size-decor {
    font-size: 10px;
    margin-top: 6px;
}

.mat-15 {
    margin-top: 15px;
}

.icon-style {
    position: absolute;
    margin-top: -45px;
}

.m-r-65 {
    margin-right: 65px !important;
}

.w-50 {
    width: 50%;
}

.w-46 {
    width: 46%;
}

.hgt-98 {
    height: 82px !important;
}

.m-l-34 {
    margin-left: 34%;
}

.m-r-l {
    margin: 10px -13px 10px -13px !important;
}
/*.btn-style {
    position: absolute;
    margin-top: 86px !important;
   
}

div#frmcompanysearch, div#frmcompanysearch, form#frmcwcclasslookup, div#frmcwcclassesslookup, div#frmlevelreferenceslookup, div#frmtradesearch, div#frmprojecttypeslookup, div#frmsoc, div#frmlevelreferenceslookup, div#frmrulecategorylookup, div#frmsearchpackage {
    background-color: #fff;
    margin-top: 34px;
}
    */

.m-t {
    margin-top: -15px;
}

.w-flex {
    width: 100%;
}

.width-75 {
    width: 75% !important;
}

.m-a {
    margin: 6px 0px 0px 3px;
}

.m-l-22 {
    margin-left: -22px;
}

.h-126 {
    height: 126px !important;
}

#dataTable tbody tr td {
    font-size: 14px;
    padding: 12px 0px;
    line-height: 18px;
    position: relative;
}

#dataTable thead tr th {
    font-size: 14px;
    padding: 12px 0px;
    line-height: 18px;
    position: relative;
}

.font-12 {
    font-size: 12px;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.bottom-bar-style {
    position: absolute;
    margin-top: -45px;
}

.k-maskedtextbox input {
    text-align: left !important;
}

.mar-none {
    margin: none !important;
}

div#uploadBtn div.k-upload div.k-upload-button {
    min-width: 12.16em !important;
    background-color: #01416e !important;
    color: #fff;
}

.mar-btn-style {
    margin-left: -2px;
    margin-top: -18px;
}

.mar-sigbtn-style {
    margin-left: -2px;
    margin-top: -13px;
}

div#uploadCompany div.k-upload div.k-upload-button {
    min-width: 10.16em !important;
    background-color: #01416e !important;
    color: #fff;
}

div#uploadCompany2 div.k-upload div.k-upload-button {
    min-width: 10.16em !important;
    background-color: #01416e !important;
    color: #fff;
}

.action-btn-custom {
    margin-top: 16px;
    margin-left: -18px;
}

.mar-combtn-style {
    margin-left: 11px;
    margin-top: -14px;
}

.m-t-13 {
    margin-top: 13px;
    font-size: 14px;
}

.m-t-14 {
    margin-top: -14px;
}

.m-t-7 {
    margin-top: 7px;
}

.m-t-28 {
    margin-top: 28px;
}

div#excecutivesummarygrid .k-grid-content {
    overflow-y: auto !important;
}

.COIHead {
    background: aliceblue;
    margin-left: 0px;
    border-top-style: outset;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    shading: #FFFF99;
    pattern: gray-50 white;
}

.button-container .dropdown-1 .caret {
    transform: none !important;
}

.uploadDoc-style-mar {
    margin-top: 55px;
}

div#uploadDoc div.k-upload-button {
    margin-top: 55px;
}

div#UploadFilesNOA div.k-upload-button {
    margin-top: 55px;
}


.h-122 {
    height: 122px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-b-12 {
    font-size: 13px !important;
    margin-bottom: 12px !important;
}

div#UploadDocumentGrid table td span.validation-message {
    white-space: normal;
    width: 100%;
    /*-ms-word-break: break-all;
    -webkit-word-break: break-all;
    word-break: break-all;*/
}

div#UploadDocumentGrid table td {
    -ms-word-break: break-word;
    -webkit-word-break: break-word;
    word-break: break-word;
}

div#UploadDocumentGrid div.k-grid-content {
    overflow-y: auto;
    /*height: 250px !important;*/
    max-height: 220px !important;
}

-webkit-k-header {
    margin-top: -79px;
}


.contactLookUpHidden {
    display: none
}

.text-left {
    text-align: left !important;
}


div#uploadDoc div.k-button {
    background-color: #01416e;
    color: #fff;
    border-color: #01416e;
}

div#UploadFilesNOA div.k-button {
    background-color: #01416e;
    color: #fff;
    border-color: #01416e;
}

input.k-textbox.k-invalid, .k-grid-edit-row > td > .text-box.k-invalid, span .k-picker-wrap.k-state-default.k-invalid {
    border: 1px solid #E11C23;
    color: #E11C23;
}

.k-window-titlebar {
    margin-top: -65px !important;
}

.negativenumber {
    color: #FF0000 !important;
}

/*Notification Css*/

/*left nav Tooltip Start*/

.leftnav-tooltip-wrapper .k-tooltip.k-popup {
    background-color: #4C4D4F;
    color: #FFFFFF;
    min-height: 25px;
    height: 25PX !important;
    border-radius: 4px;
    top: 0px;
    left: -10px;
    word-wrap: break-word;
}

    .leftnav-tooltip-wrapper .k-tooltip.k-popup .k-tooltip-content {
        width: 100%;
        vertical-align: middle;
        font-size: 13px;
        text-align: left;
        line-height: 15px;
        font-family: 'Roboto Regular';
    }

        .leftnav-tooltip-wrapper .k-tooltip.k-popup .k-tooltip-content hr {
            margin: 4px 0 8px 0;
        }

        .leftnav-tooltip-wrapper .k-tooltip.k-popup .k-tooltip-content::before {
            display: none;
        }
/* left nav Tooltip Ends */
.noti-pill {
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: 14px;
    right: 10px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #E11C23;
    border-radius: 10px;
}

.navbar-nav li ul.navnotidropdown-1 {
    position: absolute;
    top: 70px;
    right: 0;
    left: auto;
    border: 0;
    border-radius: 0px;
    width: 400px;
    height: 488px;
    padding: 0;
    padding-bottom: 50px;
}

    .navbar-nav li ul.navnotidropdown-1:after {
        bottom: 100%;
        right: 8%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136,183,213,0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .navbar-nav li ul.navnotidropdown-1 li.navnotidropdown-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 18px;
        top: 0px;
        border-radius: 8px 8px 0 0;
        background: #fff;
    }

        .navbar-nav li ul.navnotidropdown-1 li.navnotidropdown-header .heading-4 {
            margin: 0px;
            color: #01416E;
        }

        .navbar-nav li ul.navnotidropdown-1 li.navnotidropdown-header .p-small {
            margin: 0px;
            text-transform: uppercase;
            color: #001B2D;
            cursor: pointer;
        }

.head-nav-container > li > a > span.noti-pill {
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: 14px;
    right: 10px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #E11C23;
    border-radius: 10px;
}


.navbar-nav > li .navnotidropdown-1 > li, .navbar-nav > li .navnotidropdown-1 > li > ul > li.notification-important {
    border-bottom: 2px solid #E4EBF4;
    padding: 10px 8px 10px 19px;
}

.navbar-nav li ul.navnotidropdown-1 .priority-high {
    border-left: 2px solid #E11C23;
}

.navbar-nav li ul.navnotidropdown-1 .notification-important .title {
    color: #E11C23;
    pointer-events: none;
    display: flex;
    justify-content: flex-start;
}

    .navbar-nav li ul.navnotidropdown-1 .notification-important .title h6 {
        margin: 0px;
        text-transform: uppercase;
        color: inherit;
        line-height: 28px;
        margin-left: 16px;
    }

.navbar-nav li ul.navnotidropdown-1 .notification-important p, .navbar-nav li ul.navnotidropdown-1 .notification-important a, .navbar-nav li ul.navnotidropdown-1 .notification-important .title {
    font-size: small;
    line-height: 20px;
    word-break: break-all;
}

.navbar-nav li ul.dropdown-menu.navnotidropdown-1 {
    min-width: 375px;
}

.navbar-nav li ul.navnotidropdown-1 > li.navnotidropdown-header h4 {
    font-size: medium;
    color: #028eb2;
}

.navbar-nav li ul.navnotidropdown-1 .notification-important .time {
    color: #9B9B9B;
    text-align: right;
    margin: 0px;
    font-size: small;
}

.navbar-nav li ul.navnotidropdown-1 .notification-content ul {
    height: 350px;
    overflow-y: auto;
    list-style: none;
    padding-left: 0px;
}

.navbar-nav li.dropdown > ul.dropdown-menu > li.notification-content {
    padding-left: 0px;
}

.min-h {
    min-height: 426px !important;
}

div#layerInfoDisplayGrid div.k-grid-content {
    max-height: 200px !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.width-84 {
    width: 84%;
}

div#column4_1 span {
    float: left;
    /*width:100%;*/
}

    div#column4_1 span.k-valid {
        width: 100%;
    }

    div#column4_1 span.k-state-default {
        width: 100%;
    }

.footer-link ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .footer-link ul li {
        float: left;
        padding: 0px 2px 0px 2px;
    }

        .footer-link ul li h6 {
            color: #4c4d4f;
            font-size: 13px;
        }

        .footer-link ul li p a {
            font-size: 13px !important;
        }

        .footer-link ul li p i {
            font-size: 13px !important;
        }

        .footer-link ul li p {
            font-size: 13px !important;
        }

.width-41 {
    width: 41% !important;
}

.width-54 {
    width: 54% !important;
}

.m-t-3 {
    margin-top: 3px;
}

.social-link {
    margin-top: -3px;
    margin-right: -13px;
    float: right;
}

div#lftFooterLink span {
    font-size: 13px !important;
}

.footer-left-link a {
    font-size: 13px !important;
}

.width-7 {
    width: 7%;
    margin: 26px 0px 0px 0px;
    float: right;
}

.width-91 {
    width: 91%;
    float: left;
}

.width-79 {
    width: 79%;
    float: left;
}

.widths-21 {
    width: 21%;
    float: right;
}

.text-overflow {
    overflow: auto !important;
}

.m-r-48 {
    margin-right: 48px !important;
}

.m-r-21 {
    margin-right: 21px !important;
}

.m-l-21 {
    margin-left: 21px !important;
}

.h-79 {
    height: 90px;
}

.overflow-hid {
    overflow: hidden;
}

.w-48 {
    width: 48%;
}

.m-t-20 {
    margin-top: 20px;
}

.m-l-12 {
    margin-left: 12px !important;
}

.mp_div {
    max-height: 200px;
    overflow-y: auto;
}

.notetodo-unread {
    background-position: 0px -1px !important;
}

.notetodo-notdone {
    background-position: -31px -1px !important;
}

.notetodo-cancelled {
    background-position: -64px -2px !important;
}

.notetodo-failed {
    background-position: -100px -1px !important;
}

.notetodo-inprogress {
    background-position: -165px -1px !important;
}

.notetodo-done {
    background-position: -133px -1px !important;
}

.notetodo-unread, .notetodo-notdone, .notetodo-done, .notetodo-cancelled, .notetodo-failed, .notetodo-inprogress {
    background: url(/Images/NoteToDo-sprite.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
}

.m-space {
    margin: 6px 0px 0px 10px;
}

.p-b-90 {
    padding-bottom: 90px;
}

.primary-color {
    color: #01416e;
}

.p-b-30 {
    padding-bottom: 30px;
}

.m-l-10 {
    margin-left: -10px;
}

.border-style {
    border-bottom: 1px solid #01416e;
    padding-bottom: 9px;
    margin-left: 11px;
}

.text-style {
    color: #01416e;
    font-size: 14px !important;
    font-weight: bold;
}

.border-radius-none {
    border-radius: 0px !important;
    box-shadow: none !important
}

.font-size14 {
    font-size: 13px;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

div#divForm3ContactContacts div.k-grid-content {
    height: 200px !important;
}

.about-aonwrap {
    font-size: 14px;
    line-height: 18px;
    color: #028EB2;
}

.video-fluid {
    width: 35px !important;
    height: auto;
    position: relative;
    top: 4px;
    left: 6px !important;
}

audio, canvas, video {
    display: inline-block;
}

.video-poster, .video-description {
    /*width: 54px;*/
    float: left;
}

div#Form3WCInformation table tr.k-footer-template {
    font-family: Roboto Bold;
    color: #001b2d;
    font-size: 14px;
}

    div#Form3WCInformation table tr.k-footer-template td {
        padding-left: 0px;
        padding-right: 0px;
    }

.aonWrap-logo {
    margin-left: 8px;
}

#AboutABLWindow {
    overflow: hidden;
    padding: 20px;
}

div#AboutABLWindow p {
    text-align: justify;
}

.overflow-auto {
    overflow: auto;
}

.TextBoxAsLabel {
    border: none;
    background-color: #fff;
    background: transparent;
}

div#carrierWcClassesGrid div.k-grid-content {
    overflow-y: auto;
}

div#ContactGrid div.k-grid-content {
    overflow-y: auto;
}

    div#ContactGrid div.k-grid-content div.k-grid-content-expander {
        height: auto !important;
    }

.w-49 {
    width: 49%;
}

.m-l-7 {
    margin-left: 7px !important;
}

.font-size15 {
    font-size: 13px;
    color: #028EB2;
}

div#carrierWcClassesGrid div.k-grid-content {
    overflow-y: auto !important;
}

div#carrierWcClassesGrid div.k-grid-content-expander {
    overflow-y: auto !important;
    height: 0px !important;
}

div#excecutivesummarygrid div.k-grid-header {
    padding-right: 0px !important;
}

div#excecutivesummarygrid div.k-grid-header-wrap {
    border-style: none !important;
}

.page-insurancecost {
    background: #fff;
    box-shadow: 0px 4px 4px rgba(192, 192, 192, 0.5);
    overflow: hidden;
}

    .page-insurancecost .form-content {
        padding: 0 16px !important;
    }

    .page-insurancecost div.form-content div.common-sub-heading-child {
        font-weight: bold;
    }


    .page-insurancecost #source-list .k-listbox.k-widget {
        width: 376px;
    }

/*.numTextBox {
    padding: 6px 8px;
    font-size: 13px;
    width: 100%;
    height: 30px;
    border: 1px solid #4C4D4F;
}*/
.p-l-22 {
    padding-left: 22px !important;
}

.m-r-12 {
    margin-right: 12px;
}
/*.k-textbox .k-icon {
    margin: 0px !important;
}*/
#coiProcessingLetterWindow {
    margin: -20px;
}

.modal-header {
    padding: 12px 22px 5px 9px !important;
    border-bottom: 0px solid #e5e5e5 !important;
}

.modal-content {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.modal {
    top: 25% !important;
    overflow: auto !important;
}

/*.notestodosInfoWindow {
    padding-top: 30px;
    max-width: 600px;
    min-height: 50px;
    display: block;
    top: 250px !important;
}*/
.m-left-10 {
    margin-left: -10px;
}

.p-b-15 {
    padding-bottom: 5px;
}

.negative-value {
    color: red !important;
}

.child-radio-style {
    padding-left: 30px !important;
    font-size: 12px;
    color: #9b9b9b;
}

.m-bottom-10 {
    margin-bottom: -10px !important;
}

.font-11 {
    font-size: 11px;
}

.m--r-7 {
    margin-right: 7px;
}

.p-t-b-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 1px solid #E4EBF4;
}

.color-text {
    color: #001B2D !important
}

.m-top-7 {
    margin-top: -7px;
}

/*div#ActivityGrid div.k-grid-footer {
    margin-top: -74px !important;
}*/
.pad-none {
    padding: 0px !important;
}

.dialog-content {
    font-size: 18px;
    line-height: 24px;
    color: #001B2D;
}
/*.p-r-6{
    padding-right:7px;
}*/
@media screen\0 {
    .p-r-6 {
        padding-right: 10px;
    }
}

div#ActivityGrid div.k-grid-footer-wrap {
    padding-left: 0px;
}

.m-left-10 {
    margin-left: 10px !important;
}

.k-chart-tooltip {
    text-align: left;
}

div#noScrolling div.k-grid-footer {
    margin-top: -30px !important;
    padding-right: 0px !important;
}

div#WorkerCompensation div.k-grid-content {
    padding-bottom: 50px !important;
}

div#OtherInsurance div.k-grid-footer-wrap table tbody tr td {
    height: 32px !important;
    padding-right: 5px !important;
}

.topbar {
    padding-top: 4px;
}

.p-bot-20 {
    padding-bottom: 20px;
}

div#formEditorFile-list span.k-file-name-size-wrapper {
    width: 70% !important;
}

div#formEditorFile-list span.k-file-comment-textbox {
    width: 28% !important;
}

div#formEditorFile-list span.k-file-progress-container {
    width: 22% !important;
}

.height140 {
    height: 140px !important;
}

.p-left-15 {
    padding-left: 15px !important;
}

.text-color {
    color: #333 !important;
}

.pad-top-8 {
    padding-top: 8px !important;
}

.font-26 {
    font-size: 26px !important;
}

.width-96 {
    width: 96% !important;
}

.m-style {
    margin-top: 50px !important;
    margin-left: 34px !important;
}

.w-53 {
    width: 52%;
}

.w-42 {
    width: 42% !important;
}
.w-36 {
    width:36% !important;
}


/*new sub menu css*/

.menu-wrapper {
    position: relative;
    width: 290px;
    padding: 0px;
}

    .menu-wrapper ul {
        width: 290px;
        max-height: 490px;
        overflow-x: hidden;
        overflow-y: auto;
        list-style: none;
        padding: 0px;
        background-color: white;
    }

    .menu-wrapper li {
        height: 34px !important;
    }

        .menu-wrapper li a {
            position: static;
            text-transform: uppercase !important;
            padding: 10px;
            font-size: 14px;
            line-height: 20px;
            color: #028EB2;
            height: auto;
            font-weight: bold;
            border-bottom: 2px solid #E0E0E0;
            white-space: normal;
        }

        .menu-wrapper li i {
            margin-right: 9px !important;
            margin-left: 2px;
            width: 25px;
        }

        .menu-wrapper li i, .fas {
            font-size: 14px !important;
            width: 16px;
        }


li .menu-wrapper {
    position: absolute;
    z-index: 9999;
    display: none;
}

.menu-wrapper li:hover > .menu-wrapper {
    display: block;
}

.menu-wrapper li ul {
    margin: 0;
    box-shadow: 3px 4px 11px #4C4D4F;
}

li .menu-wrapper {
    cursor: auto;
}

    li .menu-wrapper li a {
        position: static;
        text-transform: uppercase !important;
        padding: 10px 10px 8px 10px;
        font-size: 12px;
        line-height: 10px;
        color: #028EB2;
        height: auto;
        font-weight: bold;
        border-bottom: 2px solid #E0E0E0;
        display: block;
        white-space: normal;
    }


li.subMenu1 div.k-animation-container {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: 3px 4px 11px #4C4D4F;
}

li.subMenu div.k-animation-container {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: 3px 4px 11px #4C4D4F;
}

div.menu-wrapper ul li {
    border-left: 0px !important;
    height: auto;
}

.navbar-right .dropdown-menu {
    left: 0;
}

div#ReportManagementGrid div.bottom-bar {
    position: relative !important;
    margin-top: 30px;
}

div#ReportPackagetGrid div.bottom-bar {
    position: relative !important;
    margin-top: 25px;
}

div#CoiTrackingList div.bottom-bar {
    margin-left: 35px !important;
}

.textArea-h-80 {
    height: 80px !important;
}

.k-grid td {
    text-overflow: inherit !important;
}

.m-left-15 {
    margin-left: 15px;
}

div.mp_div p {
    text-align: center !important;
}

div.k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused {
    -webkit-box-shadow: inset 0 0 1px 1px #7ec6e3;
    box-shadow: inset 0 0 1px 1px #7ec6e3;
}

.custom-label-multiselect {
    padding: 3px 10px 3px 6px !important;
}

div.k-list-container ul.k-list .k-item {
    padding-top: 2px !important;
}

.custom-label-multiselect span {
    margin-left: 20px;
}

.div-custom-label-multiselect {
    margin: 6px 0px 0px 5px;
}

* {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
}

div#noteManagementGrid_actionWindow1 span.k-pager-sizes {
    right: 180px !important;
}

.p-top30 {
    padding-top: 30px;
}

div#FollowupCcGridVM span.k-pager-sizes {
    left: -13px !important;
}

div#FollowupCcGridVM span.k-pager-info {
    right: 40px !important;
}

.arrow-btn {
    position: fixed;
    /* top: -64px; */
    /* border: 1px solid #333; */
    width: 30px;
    height: 30px;
    margin-left: -34px;
    margin-top: -18px;
}

.navbar-nav li ul.navnotidropdown-1 .notification-important p, .navbar-nav li ul.navnotidropdown-1 .notification-important a, .navbar-nav li ul.navnotidropdown-1 .notification-important .title {
    word-break: normal !important;
}

.w-80 {
    width: 80%;
}

.k-grid-header th.k-header > .k-link {
    white-space: normal;
    text-overflow: initial !important;
}

.w-88 {
    width: 88%;
}

div#column4_1 span.k-i-calendar {
    top: 14px !important;
}

.pt-27 {
    padding-top: 27px;
}

.pt-35 {
    padding-top: 35px;
}

.m-left-74 {
    margin-left: -73px !important;
}

#RequestInfoForm_Help.k-invalid {
    border: 1px solid #E11C23 !important;
}

div#DeliquencyAddRuleGrid div.k-grid-content-expander {
    width: 0px !important;
}

.delinquencylisboxbgcolor {
    background-color: #E0E0E0 !important;
}

div#Form3WCInformation div.k-grid-footer {
    padding-right: 0px !important;
}

div#Form3WCInformation div.k-grid-footer {
    padding-right: 0px !important;
    margin-left: 1px !important;
}

div#ExistingMasterPolicies div.topbar {
    padding: 0px !important;
}

div#deliquencRulesGridVM div.k-grid-header th.k-header > .k-link {
    font-size: 13px !important;
}

.page-deliquency #DeliquencyRuleGrid #deliquencRulesGridVM.k-grid .k-grid-content .k-reset {
    font-size: 13px !important;
}

.page-deliquency #DeliquencyRuleGrid #deliquencRulesGridVM.k-grid .k-grid-content tbody tr td[role="gridcell"] {
    font-size: 12px !important;
}

button.btn-icon.k-state-focused {
    border: 1px dashed #4C4D4F;
}

div#otherInsuranceGridVM div.k-grid-footer {
    padding-right: 0px !important;
}

.grid-with-total .k-grid-footer tbody tr td {
    font-size: 12px !important;
}

.fz-18 {
    font-size: 13px !important;
}

.t-lower {
    font-size: 14px !important;
}

#resultCount {
    font-size: 14px !important;
    margin-left: -16px;
}

.panel-title {
    font-size: 14px !important;
}

div#contractSearchGridWrapper span {
    font-size: 13px;
}

div#search-result-panel span {
    font-size: 13px;
}

.width-85 {
    width: 85% !important;
    margin-bottom: 4px;
}

.space-parent {
    height: 4px;
    width: 100%;
    display: block;
}

.k-grid-content {
    overflow-y: auto !important;
}

div#reports-in-package-panel div.k-grid-content-expander {
    width: 0px !important;
}

div#reports-in-package-panel div.k-grid-norecords {
    overflow-y: hidden !important;
}

div#reports-in-package-panel div.k-grid-norecords-template {
    overflow-y: hidden !important;
}
/*div#wcBudgetGrid div.k-grid-content table{
    padding-bottom:40px !important;
}*/
.k-ff .k-radio, .k-ff input.k-checkbox {
    position: relative !important;
}

div#ActivityGrid div.k-grid-footer {
    margin-right: 6px !important;
}

div#worker-compensation-panel {
    padding-bottom: 15px;
}

div#other-insurance-panel {
    padding-bottom: 15px;
}

div.k-grid-footer-wrap table tr td {
    padding-right: 6px !important;
}

div#search-information-panel {
    margin-bottom: 10px;
}

div#Form3WCInformation div.k-grid-footer {
    margin-top: -30px !important;
}

.k-widget.k-window.k-dialog.dialog-1.dialog-external {
    width: 608px !important;
}

.footer-btn-contactdetails {
    width: 70%;
    margin: 0px auto
}

.k-header.doctype > .k-link {
    color: #E11C23 !important;
}

.poweredByOktaDecor {
    background-color: silver;
    margin-bottom: 2px;
    padding: 4px 0px 4px 0px;
    color: #001B2D;
    font-size: 14px;
}

div.poweredByOktaDecor div a {
    color: #001B2D;
    font-size: 14px;
}

.padSpace {
    padding: 0px 0px 0px 19px !important;
}

.sectionClass {
    margin-top: 67px;
}

.txtAlignJustify {
    text-align: justify;
}

.width240 {
    width: 240px;
}


.width155 {
    width: 155px;
}

.width80 {
    width: 80px;
}

.float-left {
    float: left;
}

.pad-10 {
    padding: 5px 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.pad-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px !important;
}

.subTitle {
    font-size: 14px;
    font-weight: 400;
}

.subSection {
    margin-top: 30px !important;
}

div.okta-panel {
    width: 500px;
    clear: both;
}

    div.okta-panel ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        div.okta-panel ul li {
            float: left;
            padding-right: 10px;
        }

            div.okta-panel ul li:first-child {
                float: left;
                width: 45px;
                margin-top: 18px;
            }

div.formGroup ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    div.formGroup ul li {
        float: left;
    }

.pad-t-20 {
    padding-top: 20px !important;
}

.m-top-38 {
    margin-top: 38px;
    margin-left: -4px;
}


div.textList ul li {
    list-style-type: decimal;
}

.ml-10 {
    margin-left: 10px;
}

.colorGray {
    color: #4C4D4F !important;
    font-size: 26px;
    margin-bottom: 15px;
}

.font-13 {
    font-size: 13px;
}

.footer-btnMFA {
    width: 98%;
    margin: 0px auto
}