body {
    font-family: 'Open Sans', sans-serif !important;
    background-color: #f3f3f4;
    padding: 0px !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif !important;
}

.color-white {
    color: white !important;
}
.color-d-blue {
    color: #041e42 !important;
}
.color-l-blue {
    color: #2985c3 !important;
}
.color-d-purple{
      color: #484c66 !important;
    
}
.color-dyellow {
    color: #d26f04 !important;
}

#printSection, #printModel {
    vertical-align: top !important;
    top: 0 !important;
    margin-top: 0 !important;
}

.policy-name-list {
    font-weight: 600;
    margin-bottom: 15px;
    color: black;
}

.policy-header, .policy-body, .policy-comment {
    position: relative;
    padding: 5px 15px;
    overflow-x: auto;
    overflow-y: hidden;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.policy-body {
    border: 1px solid #e6e6e6;
}

    .policy-body > .row {
        width: 900px;
    }

    .policy-body .table th {
        background-color: #1c3a70;
        color: white;
    }

/*.policy-body .table td {
    border:none;
}*/

.Loading-content{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 15%);
    bottom: 0;
    z-index: 9999;
}

.Loading-content .sk-spinner{
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.policy-header {
    background-color: rgba(255, 174, 0, 0.15);
    border: 1px solid rgba(255, 174, 0, 0.21);
    border-bottom: 0;
}

.policy-comment {
    background-color: #e6e6e6;
}

.policy-body::before {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    font-size: 40px;
    color: rgba(254, 151, 152, 0.5);
    text-align: center;
    transform: translateY(-50%);
    font-weight: 400;
    z-index: 0;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #72b772;
    border-color: #72b772;
}

.policy-body-watermark-empty::before {
    content: 'LAPSED POLICY';
}

.color-red {
    color: rgba(245, 67, 57, 0.87) !important;
}

.color-drkred {
    color: rgba(230, 12, 0, 0.87) !important;
}

.color-drkgry {
    color: darkgrey !important;
}

.color-drkblu {
    color: #3a4e6b !important;
}

.color-blue {
    color: #009FFF !important;
}

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

.color-dgreen {
    color: #449d44 !important;
}

.color-black {
    color: #333333 !important;
}
.color-darkblack {
    color: black !important;
}

.color-orange {
    color: #F3A049 !important;
}
.color-white {
    color: #ffffff !important;
}

.color-lightgreen {
    background-color: #CDF9C8 !important;
}

    .color-lightgreen.odd td:nth-child(1) {
        background-color: #f9f9f9;
    }

    .color-lightgreen.even td:nth-child(1) {
        background-color: #fff;
    }

h2 {
    font-size: 20px;
}

h3, h4, h5 {
    font-weight: 400;
}

.circle-unhighlighted {
    border: 2px solid rgba(0,0,0,0.26);
}

a {
    color: #1c84c6;
    text-decoration: none;
}

.loginColumns {
    padding-left: 15px;
    padding-right: 15px;
    padding-top:50px;
}

.certificate {
    background: #CBE5CB;
    padding: 5px;
    border: 2px solid green;
    overflow: hidden;
    color: #444;
    text-transform: uppercase;
    margin: 5px;
    font-size: 70%;
    font-weight: bold;
    line-height: normal !important;
    box-sizing: border-box;
}

.certificate-hd {
    font-size: 11px;
    text-align: center;
    padding: 0;
    line-height: 12px;
    margin: 0;
}

.multiLikes .popover-title {
    margin: 0px;
    line-height: normal;
    font-size: 14px;
}

.multiLikes a {
    text-decoration: none;
    float: none !important;
}

.multiLikes .btn-small {
    border-radius: 3px !important;
}

    .multiLikes .btn-small i {
        display: none;
    }

    .multiLikes .btn-small[data-dismiss="confirmation"] {
        background-color: #e8e8e8;
        color: #6d6d6d;
        border: 1px solid #dedddd;
    }

.multiLikes .btn-danger {
    border: none;
    margin-right: 10px;
}

.multiLikes i {
    font-size: 16px;
}

.multistarColor {
    color: #909090;
}


.line-control {
    background: transparent !important;
    display: block;
    width: 100%;
    padding: 0px 0 5px 0 !important;
    font-size: 100% !important;
    color: #222 !important;
    vertical-align: middle;
    border: 0 !important;
    margin-bottom: 3px;
    border-bottom: 1px solid #000 !important;
    text-transform: uppercase !important;
    height: auto !important;
    line-height: normal !important;
    font-weight: bold;
    cursor: none;
    pointer-events: none;
}

.certificate .row {
    overflow: auto;
    margin: 8px -5px 5px -5px;
}

.certificate [class*='col-xs'] {
    padding: 0px 5px;
}

.altig-logo {
    font-family: serif;
}

.nav-header span {
    padding-right: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

button.showhidebtn.collapsed:before {
    content: "\f067";
}

button.showhidebtn:before {
    content: "\f068";
}

.buttons-excel {
    background-color: #1d7044 !important;
}

.buttons-pdf {
    background-color: #c9141b !important;
}

.buttons-lock {
    background-color: #1c84c6 !important;
    float:right;
}
.buttons-csv {
    background-color: #ffa500 !important;
}

.buttons-print {
    background-color: #1c84c6 !important;
}


.buttons-excel, .buttons-csv, .buttons-pdf, .buttons-print,.buttons-lock {
    border: 0 !important;
    background-image: none !important;
    color: #fff !important;
    padding: 6px 15px !important;
}

.scroller200px {
    height: auto !important;
    max-height: 200px !important;
}

.scroller600px {
    height: auto !important;
    max-height: 600px !important;
}

.circle-blueColor {
    background-color: rgba(72, 112, 232, 0.65);
    border: 1px solid rgb(72, 112, 232);
}

.circle-green {
    background-color: #5cb85c;
    border: 1px solid #348a34;
}

.circle-red {
    background-color: rgba(255, 0, 0, 0.6);
    border: 1px solid #9e1b1b;
}

.circle-purple {
    background-color: rgba(128, 0, 128, 0.6);
    border: 1px solid #8c168c;
}

.circle-yellow {
    background-color: rgb(243, 243, 77);
    border: 1px solid #d8d81d;
}

.circle-unhighlighted {
    border: 2px solid rgba(0,0,0,0.26);
}
/*.circle-navblue {
    background-color: rgba(72, 112, 232, 0.65);
    border: 1px solid rgb(72, 112, 232);
}*/

.circle-black {
    background-color: rgba(0, 0, 0, 0.65);
    border: 1px solid #000000;
}

.circle-grey {
    background-color: rgba(105, 105, 105, 0.45);
    border: 1px solid rgb(154, 154, 154);
}

.circle-brown {
    background-color: #D2B48C;
    border: 1px solid #b19978;
}

.circle-orange {
    background-color: rgba(255, 165, 0, 0.8);
    border: 1px solid #ce8706;
}

.circle-placeholder {
    width: 30px;
    height: 30px;
    border: 1px solid #black;
    border-radius: 50%;
    display: inline-block;
}

.circle-placeholdersmall {
    width: 15px;
    height: 15px;
    border: 1px solid #black;
    border-radius: 50%;
    display: inline-block;
}

.username i {
    font-size: 10px;
    margin-left: 5px;
    margin-right: 0px;
}

.section {
    /*height: 200px;
    overflow: hidden;*/
}

/*.sorting-right .dataTables_wrapper > .row > .col-sm-6:last-child
{
    display:none;
}

.sorting-right .dataTables_wrapper > .row > .col-sm-6
{
    float:right;
    margin-bottom: 10px;
}

.sorting-right .dataTables_wrapper > .row > .col-sm-6 .dataTables_length
{
    float:right;
}*/

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
    background: #5cb85c;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: #5cb85c;
    opacity: 1;
    box-shadow: none;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.userProfileDropdown .dropdown-menu a {
    margin: 0px !important;
    padding: 5px 25px 5px 15px !important;
}

    .userProfileDropdown .dropdown-menu a i {
        margin-right: 10px;
    }

.userProfileDropdown .dropdown-menu {
    padding: 0px !important;
}

    .userProfileDropdown .dropdown-menu li {
        border: none !important;
        margin: 0px;
        height: auto !important;
    }

.userProfile {
    padding: 10px 0px 10px 0px;
    cursor: pointer;
    margin-left: 10px;
    color: white;
}

    .userProfile .userPic {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: silver;
        position: relative;
        overflow: hidden;
    }

        .userProfile .userPic i {
            font-size: 16px;
            color: #333333;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%);
            text-align: center;
        }

        .userProfile .userPic img {
            position: absolute;
            top: 50%;
            bottom: 0px;
            left: 50%;
            width: auto;
            height: 100%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

.search-box i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    color: #ffffff;
}

.pop-search .arrow {
    /* padding-left: 10px; */
    margin-left: 10px;
    /* border-left: 1px solid #a7a5a5; */
    margin-top: 1px;
    float: none !important;
}

    .pop-search .arrow > i {
        margin-right: 0px;
    }

#popularSearches {
    background: rgba(234, 0, 0, 0.61);
}

li#popularSearches:hover {
    background: rgba(234, 0, 0, 0.7) !important;
}

.search-bar {
    width: 220px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #1c84c6;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 2px;
}

.search-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #1c84c6;
}
.red {
    color:red;
}

#notes {
    min-height: 100px;
    box-sizing: border-box;
    border-color: rgb(229, 230, 231);
    border-width: 1px;
    border-style: solid;
}

    #notes li {
        list-style: none;
        padding: 0px 15px;
        margin-bottom: 10px;
        word-wrap: break-word;
    }

        #notes li:last-child {
            border-bottom: 0;
        }

        #notes li label {
            font-weight: 600;
            display: block;
            background: #f7f7f7;
            padding: 5px 15px;
            margin-bottom: 10px;
            color: #233645;
            border-bottom: 1px solid rgba(192, 192, 192, 0.6);
        }

.tab-content h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

ul.activity-list {
    padding: 0px;
    margin: 0px;
}

.activity-list li {
    list-style: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

    .activity-list li:last-child {
        border-bottom: 0;
    }

.btn-theme {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: white;
}

    .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open .dropdown-toggle.btn-theme, .btn-theme:active:focus, .btn-theme:active:hover, .btn-theme.active:hover, .btn-theme.active:focus {
        background-color: #116da7;
        border-color: #116da7;
        color: white;
    }

.stick-header {
    transition: cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.stick-fixed-header {
    position: fixed;
    z-index: 9;
    top: 0px;
    width: 100%;
    padding-bottom: 0px !important;
    transition: cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

    .stick-fixed-header h2 {
        margin: 18px 0px !important;
    }

    .stick-fixed-header .breadcrumb {
        display: none;
    }

table a {
    color: #333333;
    text-decoration: underline;
}

    table a:hover, table a:focus, table a:active {
        color: #000000;
        text-decoration: underline;
    }


.page-heading {
    padding: 0 10px 0px 10px;
}

    .page-heading h2 {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 16px;
        font-weight: 500;
    }

    .page-heading h3 {
        float: left;
        margin-bottom: 0px;
        margin-top: 0px;
        color: white;
        font-size: 16px;
        font-weight: 300;
    }

.detail-heading {
    padding: 15px 10px 15px 10px;
    color: white;
}

    .detail-heading h2 {
        margin: 0px;
    }

    .detail-heading h3 {
        font-weight: 400;
        margin-top: 11px;
        margin-bottom: 0px;
    }

    .detail-heading .inline-section {
        display: inline-block;
        margin-right: 30px;
        padding-right: 35px;
        border-right: 1px solid white;
        vertical-align: middle;
    }

        .detail-heading .inline-section:last-child {
            font-size: 24px;
            vertical-align: middle;
            border-right: 0;
            margin-right: 0px;
            padding-right: 0px;
        }

            .detail-heading .inline-section:last-child h2 {
                font-weight: 400;
            }

.noteList {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedcdc;
    word-wrap: break-word;
}

    .noteList .date {
        color: grey;
        font-weight: 600;
        margin-bottom: 5px;
        font-style: italic;
        margin-top: 5px;
    }

.colorList span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.colorList .colorName {
    padding: 5px 20px;
    margin-left: 10px;
    border-radius: 3px;
}

    .colorList .colorName label {
        color: white;
        margin: 0px;
        font-weight: normal;
    }

.profile-pic {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    background: #1e2d3a;
}

    .profile-pic img {
        position: absolute;
        top: 50%;
        bottom: 0px;
        left: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.check-list {
    background: #041e42;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}

    .check-list label, .check-list h3 {
        color: white !important;
    }

    .check-list a, .check-list li, .check-list a:hover, .check-list a:focus {
        color: white;
    }

    .check-list input {
        border: 0px;
        background-color: transparent;
    }

    .check-list li {
        margin-right: 15px;
    }

        .check-list li:last-child {
            margin-right: 0px;
        }

    .check-list select {
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid white;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 20px !important;
    }

        .check-list select::-ms-expand {
            display: none;
        }

    .check-list .select {
        position: relative;
    }

        .check-list .select:after {
            content: "\f107";
            position: absolute;
            color: white;
            top: 50%;
            right: 5px;
            font-size: 16px;
            font-family: FontAwesome;
            transform: translateY(-50%);
            pointer-events: none;
        }

    .check-list select:focus {
        border-bottom: 1px solid white;
    }

    .check-list option {
        color: #333333;
    }

.leadMap {
    height: 300px;
}


.ticker {
    color: white;
}

    .ticker .tooltip-inner {
        white-space: nowrap;
    }

    .ticker .text-success {
        color: #5bb708;
    }

    .ticker .carousel-inner .item {
        opacity: 0;
        transition-property: opacity;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .ticker .carousel-inner .active {
        opacity: 1;
    }


.icon-text a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.icon-text i {
    font-size: 20px;
}

.icon-text span {
    font-size: 11px;
}

.changepass {
    width: 340px;
    margin: auto;
    margin-top: 50px;
}

.DailyEntryPart input[type="tel"] {
    border: 0;
    border-bottom: 1px solid silver;
    padding-right: 5px !important;
}

.DailyEntryPart input:focus {
    outline: 0;
}

.DailyEntryPart .fbold {
    font-weight: 600;
}

.DailyEntryPart .panelbody-title {
    font-weight: bold;
    color: #1c84c6;
    margin-top: 0px;
}

tr[style="background-color:#777;color:white"] a, tr[style="background-color:#777;color:white"] label {
    color: #333333 !important;
}

tr[style="background-color:#777;color:white"] {
    color: #333333 !important;
    background-color: #cccccc !important;
}

tr[style="background-color:#CCCCCC"] {
    color: #333333 !important;
    background-color: #e2e2e2 !important;
}

.home .ibox {
    margin-bottom: 15px !important;
}

.home .ibox-content {
    padding: 0px;
    /*height: 295px;*/
}

.home .ibox-content {
    padding: 0px;
    /*overflow:hidden;*/
    position: relative;
}

    .home .ibox-content .box-detail {
        padding: 10px 15px;
        background: white;
    }

/*.banner {
    padding: 12.4%;
    background: #e6e6e6;
}*/

.profile-pic-box {
    width: 100%;
    /* height: 200px; */
    /* overflow: hidden; */
    /* border-radius: 50%; */
    position: relative;
    background: #e6e6e6;
    padding: 26%;
}

    .profile-pic-box img {
        position: absolute;
        top: 50%;
        bottom: 0px;
        left: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.profile-pic-box-detail {
    position: relative;
    padding: 12.222% 15px;
}

.box-list li {
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid #e2e2e2;
}

    .box-list li:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: 0;
    }


.profile-box, .profile-box .ibox-content, .profile-img img {
    border-radius: 9px;
}

    .profile-box .box-detail {
        background: transparent !important;
    }

    .profile-box .profile-img {
        background: #c5c5c5;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 9px 9px 0px 0px;
    }

        .profile-box .profile-img img {
            margin-top: -10px;
            box-shadow: 0px 3px 16px 0px rgba(119, 119, 119, 0.75);
        }

    .profile-box .box-detail h3 {
        padding-bottom: 7px;
        border-bottom: 1px solid #1c84c6;
        margin-top: 0px;
    }

    .profile-box .box-detail span {
        padding-bottom: 5px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 5px;
    }

        .profile-box .box-detail span:last-child {
            border-bottom: 0;
            margin-bottom: 0px;
        }

    .profile-box .profile-bages {
        background-color: rgba(189, 189, 189, 0.49);
        padding: 5px;
        margin: 10px 10px 15px 10px;
        border-radius: 5px;
    }

        .profile-box .profile-bages li {
            width: 30px;
            height: 30px;
            margin: 0px 5px;
        }

.news-feed-box .ibox-title {
    background: #1c84c6;
    padding: 10px;
    height: auto;
    min-height: initial;
    display: inherit;
    clear: both;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    border-radius: 9px;
}

.news-feed-box, .news-feed-box .ibox-content {
    border-radius: 9px;
}

    .news-feed-box .ibox-title h3, .news-feed-box .ibox-title i {
        color: white !important;
    }

.box-title {
    position: absolute;
    bottom: 0;
    padding: 1px 15px;
    background: rgba(28, 132, 198, 0.9);
    width: 100%;
}

    .box-title h3 {
        color: white !important;
    }

.search-doc .dataTables_wrapper > .row:first-child {
    float: right;
    margin-top: 25px;
}

.resume_map-list li {
    margin: 10px 10px 0px 0px;
}

.resume_map-list .circle-xs {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.resume_map-list span {
    display: inline-block;
    vertical-align: middle;
}

.rendered-form {
    padding: 0px 15px;
}

    .rendered-form header {
        font-size: 23px;
        font-weight: 400 !important;
        margin-bottom: 10px;
        display: block;
        color: black;
        margin-top: 10px;
    }

    .rendered-form label {
        font-weight: 600 !important;
    }

    .rendered-form textarea {
        resize: none !important;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1c84c6 !important;
}

.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #1c84c6 !important;
}

.rendered-form header span, .rendered-form header b {
    font-weight: 400 !important;
}

.rendered-form .form-group {
    margin-left: 0;
    margin-bottom: 15px;
    width: 33.3333333%;
    display: inline-block;
    padding: 0px 15px;
    vertical-align: top;
}

/* Mod List */

.ModInnerList {
    margin-bottom: 5px;
}
.OldVersion .ModInnerList {
    margin-bottom: 0px;
}

    .ModInnerList > div {
        padding: 0px;
    }

.ModCheckBox {
    /* position: absolute; */
    /* height: 100%; */
    background: rgba(28, 132, 198, 0.79);
    text-align: center;
    /* border: 1px solid #3f51b5; */
    padding: 5px 10px 5px 10px !important;
}

    .ModCheckBox input[type="checkbox"], .ModSelectAll input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }

.ModHeading:first-child {
    border-left: 0;
}

.ModHeading {
    background-color: rgb(123, 184, 222);
    padding: 5px 10px;
    color: #333333;
    font-weight: 500;
    border: 1px solid #1c84c6;
    font-weight: 600;
}

.ModSelectAll {
    padding: 8px 10px 8px 10px;
    background: rgba(47, 64, 80, 0.75);
    border: 1px solid #2f4050;
    margin-top: 1px;
    font-weight: 500;
}

.ModHeading:last-child {
    border-right: 1px solid #009788;
}

.ModContent {
    padding: 5px 10px;
    font-size: 12px;
    border-right: 1px solid silver;
    /* border-bottom: 1px solid silver; */
    height: 100%;
    /*min-height: 231px;*/
}

.OldVersion  .ModContent {
    padding: 5px 10px;
    font-size: 12px;
    border-right: 1px solid silver;
    /* border-bottom: 1px solid silver; */
    height: 100%;
    min-height: 150px;
}

.ModNote {
    padding: 5px 10px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    height: 100%;
    display: inline-block;
    width: 100%;
    border-top: 1px solid silver;
}

    .ModNote .Note {
        border-right: 1px solid silver;
        display: inline-flex;
        padding: 0px 20px;
    }

        .ModNote .Note:last-child {
            border-right: 0;
        }

/* ########## */


/* Lead Inbox Table Grid */

.table-th-heading th {
    background-color: #dedede;
}

.header-background {
    background-color: #F5F5F6;
    height: 31px;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 9;
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid silver;
}

#LeadTable_wrapper .row:nth-child(2) > .col-sm-12 {
    position: initial;
}

#LeadTable .odd, .candidatetablecls .odd {
    background-color: rgba(28, 132, 198, 0.15) !important;
}

.candidatetablecls .even {
    background-color: #ffffff !important;
}

/*#LeadTable_wrapper .row:nth-child(3) {
    position: absolute;
    bottom: -55px;
    left: 15px;
    right: 15px;
    background: white;
    margin-left: -20px;
    margin-right: -20px;
}*/
/* Commented becase of comments issue in Lead Grid on expansion **/

/* Lead inbox Table Sorting icon */

#CandidateTable .headerItem:after {
    top: auto !important;
}

.sorting-icons::after {
    top: auto !important;
}

table.dataTable.table-condensed > thead > tr > th {
    padding-right: 5px;
}

.dataTables_scrollHead {
    background: #f5f5f6;
    border: 1px solid #d8d8d8 !important;
}

    .dataTables_scrollHead th {
        border-right: 1px solid #d8d8d8;
    }

        .dataTables_scrollHead th:last-child {
            border-right: none;
        }

/*#LeadTable .sorting-icons:after {
    top: -13px;
    right: 0px;
    left: 0;
    z-index: 99;
    opacity: .2;
}*/

#LeadTable th:last-child .th-inner {
    line-height: 26px;
}

.th-inner span.tableth {
    padding-left: 20px;
}

.select-all .th-inner {
    border-left: none;
    padding-left: 6px;
}

.th-inner {
    position: -ms-page !important;
    position: absolute;
    top: 50px;
    line-height: 30px;
    text-align: left;
    border-left: 1px solid #cacaca;
    padding-left: 5px;
    margin-left: -5px;
    z-index: 9;
}

#ExamTable_wrapper > .row > .col-sm-6 {
    width: 100%;
}

@media all and (-ms-high-contrast:none) {
    .th-inner {
        top: auto;
        margin-top: -24px;
    }
    /* IE10 */

    *::-ms-backdrop, .th-inner {
        top: auto;
        margin-top: -24px;
    }
    /* IE11 */
}

@supports (-ms-ime-align:auto) {


    .th-inner {
        position: absolute !important;
    }
}

div.dataTables_wrapper div.dataTables_processing {
    z-index: 9;
}

.hitscrollbar .slimScrollDiv {
    padding-top: 16px;
}

.hitscrollbar .slimScrollBar {
    margin-top: 50px !important;
}

.hitscrollbar .commentssection .slimScrollDiv {
    padding-top: 0px !important;
}

.hitscrollbar .commentssection .slimScrollBar {
    margin-top: 0px !important;
}


/* ############### */

/* Boostrap Carousel */

.carousel-caption {
    right: 0px;
    left: 0px;
    padding: 10px 15px;
    bottom: 0;
    background: rgba(28, 132, 198, 0.9);
}

    .carousel-caption h3 {
        color: white !important;
        text-shadow: none;
        text-align: left;
        margin: 0px;
    }

.carousel-indicators {
    bottom: 8px;
    margin-bottom: 0px;
}

.carousel-control {
    width: 5%;
    background-image: none !important;
}

    .carousel-control span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 40px;
        left: 0;
        right: 0;
    }

.carousel-indicators li {
    margin-right: 5px !important;
}

/* ############### */

/* Dashboard Css Controller */

.box-controller .ibox-content {
    padding: 26%;
    overflow: hidden;
}




/* ##################### */



/* AIL code */

#popularSearchList {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.42);
}

    #popularSearchList ul {
        margin: 0;
    }

    #popularSearchList li {
        list-style: none;
        margin: 0 0;
        transition: all 0.1s;
        padding: 8px 10px;
        display: block;
        height: auto;
    }

        #popularSearchList li a {
            display: block;
            padding: 0px !important;
            color: #333333;
            min-height: auto !important;
        }

        #popularSearchList li:hover a {
            color: white;
        }

.printview {
    background-color: rgba(192,192,192,.19);
    border: 1px solid rgba(192,192,192,.44);
    padding: 5px 15px;
    margin: 10px 0px 5px 0px;
}

.mapping span {
    color: #1c84c6;
    text-decoration: underline;
    padding: 0 5px;
    cursor: pointer;
    text-transform: capitalize;
}

.mapprint {
    position: absolute;
    right: 0;
    z-index: 9;
    background: #1c84c6;
    padding: 10px 12px;
    border-right: 0;
    border-top: 0;
    top: 0 !important;
    display: block !important;
    left: auto !important;
}

    .mapprint i, .mapprint a {
        color: #fff;
        display: block;
        cursor: pointer;
        font-size: 24px;
    }

#lnkPrintMap.mapprint {
    top: 22% !important;
}

#map_wrapper {
    height: 400px !important;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.mapping {
    height: 400px !important;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading {
    border-radius: 0 !important;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.webgrid-header {
    background-color: #adadad;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.webgrid-table a {
    cursor: pointer;
}

.webgrid-header-inner {
    background-color: #e0e0e0;
    color: #000;
}

.webgrid-table td, .webgrid-table th, td {
    border: 1px solid #c5c5c5;
    padding: 5px 10px;
    border-top: 1px solid #c5c5c5 !important;
}

table.dataTable {
    margin: 0px !important;
}

/*.TabHead th {
    border: 1px solid #d8d8d8 !important;
}*/

.table-detail td {
    border: none !important;
}

.circle-placeholder-highlight {
    border-radius: 50% !important;
    background-color: #1678b7 !important;
    color: #fff !important;
    text-decoration: none !important;
    margin-left: 15px;
    width: 15px;
    margin-right: 0px;
    display: inline-block;
    height: 15px;
    position: relative;
}

    .circle-placeholder-highlight span {
        position: absolute;
        left: 0;
        right: 0;
        top: 45%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 11px;
    }

.certificate-circle {
    width: 15px;
    margin-left: 12px;
    display: inline-block;
    position: relative;
    text-align: center;
}

.crossLine {
    width: 20px;
    height: 23px;
    border-bottom: 2px solid red;
    -webkit-transform: translateY(20px) translateX(5px) rotate(-35deg);
    -ms-transform: translateY(20px) translateX(5px) rotate(-35deg);
    position: absolute;
    top: -33px;
    left: -13px;
}

.circle-placeholder-disabled {
    border-radius: 50% !important;
    background-color: #D3D3D3 !important;
    color: #fff !important;
    text-decoration: none !important;
    margin-left: 6px;
    width: 15px;
    margin-right: 0px;
    display: inline-block;
    height: 15px;
    position: relative;
    cursor: not-allowed !important;
}

    .circle-placeholder-disabled span {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 11px;
    }

.circle-navblue {
    border: 2px solid #3ebe20;
}

.circle-placeholder {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: 0px auto;
    margin-right: 0;
}

button.showhidebtn.collapsed {
    background-color: #5cb85c;
}

button.showhidebtn {
    background-color: red;
}

    button.showhidebtn.collapsed:before {
        content: '+';
    }

    button.showhidebtn:before {
        content: '-';
    }

button.showhidebtn {
    display: inline;
    width: 19px !important;
    border-radius: 10px;
    padding: 0;
    height: 19px;
    color: #fff;
    font-weight: 200;
    border: none !important;
    outline: none !important;
    line-height: 0;
    border: 2px solid #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.34) !important;
    transition: box-shadow .5s ease !important;
}

#LeadTable td, #CandidateTable td {
    border: 0;
    text-align: left;
}

.table-bdr-btm > tbody > tr {
    border-bottom: 1px solid rgba(47,47,47,.2) !important;
}
#divLicenseInformation label{
        margin-bottom: 15px;
}
#LeadTable_wrapper > .row > .col-sm-6, #CandidateTable_wrapper > .row > .col-sm-6, #resolvedLeadTable_wrapper > .row > .col-sm-6, #tblLicenseInfo_wrapper > .row > .col-sm-6, #PolicyColumn_wrapper > .row > .col-sm-6 {
    width: auto !important;
    float: right;
}

#LeadTable_wrapper > .row > .col-sm-6,#resolvedLeadTable_wrapper > .row > .col-sm-6 {
    position: absolute;
    top: 2px;
    z-index: 9;
    right: 15px;
}
 #tblLicenseInfo_wrapper > .row > .col-sm-6 {
    position: absolute;
    top: 23px;
    z-index: 9;
    right: 35px;
}
#LeadTable_wrapper > .row,#resolvedLeadTable_wrapper > .row {
    margin-bottom: 10px !important;
}

    #LeadTable_wrapper > .row > .col-sm-6 > .dataTables_length, #CandidateTable_wrapper > .row > .col-sm-6 > .dataTables_length, #resolvedLeadTable_wrapper > .row > .col-sm-6 > .dataTables_length {
        float: right;
    }

#ChildSafeList_wrapper > .row > .col-sm-6 {
    width: 100%;
    position: absolute;
    top: 10px;
    z-index: 0;
}

.company-product table td, .company-product table th {
    font-size: 11px !important;
    padding: 3px 5px !important;
    border: 1px solid rgba(169, 169, 169, 0.50) !important;
}

.data-select {
    padding-left: 0;
    margin-top: 5px;
    margin-bottom: 15px;
    z-index: 9;
}

.dataTables_length label {
    float: right !important;
}

.dataTables_length {
    float: right;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

#agentList_wrapper .row:first-child [class*='col-']:first-child {
    width: 100%;
}

.lead-popup-width {
    width: 800px;
}

#LeadTable input {
    vertical-align: middle;
}

/* AO News Feeds */

.socialwall {
    /*width: 33.3333%;*/
    float: left;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

    .socialwall ul {
        padding: 0px;
        margin: 0px;
    }

        .socialwall ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
            padding-right: 15px;
            padding-left: 15px;
        }

.wall {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background: white;
    box-shadow: 0px 1px 1px rgb(222, 222, 222);
}

    .wall:hover {
        background-color: #f3f3f3;
        cursor: pointer;
    }

    .wall .heading {
        font-weight: 500;
        font-size: 13px;
        padding: 5px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.heading i {
    font-size: 19px;
}

.icon-facebook, .icon-facebook-sign {
    color: #3b5998;
}

.video-thumb {
    position: relative;
    cursor: pointer;
}

.video-thumb-icon {
    background-image: url('../Content/Images/play.png');
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.video-thumb audio {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    width: 100%;
    padding: 0px 20px;
}

.description {
    padding: 10px 10px;
}

.hashTags label {
    margin-bottom: 8px;
    margin-right: 5px;
}

    .hashTags label a {
        padding: 2px 10px;
        background: #1c84c6;
        color: white;
        font-weight: normal;
        font-size: 12px;
        border-radius: 3px;
        margin-right: 2px;
    }

        .hashTags label a:hover {
            opacity: 0.8;
        }


/* ################ */

/* Right Bar */

ul.right_nav {
    padding: 0px;
    margin: 0px;
}

.right_nav > li {
    list-style: none;
    background-color: #f3f3f3;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 5px;
    clear: both;
}

.right_nav li a {
    padding: 7px 15px;
    display: block;
    color: #333;
}

    .right_nav li a:hover {
        background-color: #1c84c6;
        color: #ffffff;
    }

.right_nav .dropdown-menu {
    position: relative;
    width: 100%;
    box-shadow: none;
    margin: 0px;
    margin-bottom: 10px;
    background-color: #f3f3f3;
    border-radius: 0;
    border-bottom: 1px solid #d6d6d6;
    z-index: 1;
}

    .right_nav .dropdown-menu li a:hover {
        background-color: #1c84c6;
        color: #ffffff;
    }

    .right_nav .dropdown-menu a:hover {
        color: #ffffff;
    }

    .right_nav .dropdown-menu a {
        padding: 7px 0px;
        margin: 0px;
        line-height: normal;
        margin-left: 15px;
        border-top: 1px solid #d6d6d6;
        border-radius: 0;
        padding-left: 10px;
    }


/* ########### */


/* Home Page Boxes css  */

.cropbanner {
    overflow: hidden;
    padding: 30.55555555% 0 0 0;
}

.cropbanner2 {
    overflow: hidden;
    padding: 35% 0 0 0;
}

.cropbanner3 {
    overflow: hidden;
    padding: 55% 0 0 0;
}

.cropbanner, .cropbanner2, .cropbanner3 {
    background: #efefef;
}

.cropcontent {
    overflow: hidden;
    padding: 55% 0 0 0;
}

.cropbanner img, .cropbanner2 img, .cropbanner3 img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


/* ################## */

/* Profile Image Setting */

.prof-img {
    margin: auto;
    position: relative;
    overflow: hidden;
}

.prof-img2 > img {
    max-width: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    width: auto !important;
}

.prof-img2 {
    padding: 70% 0px 0px 0px;
}

.prof-img .fa-microphone {
    font-size: 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
}

/*#jcrop img, .jcrop-active
{
    width:280px !important;
    height:380px !important;
}*/

#jcrop img, .jcrop-active {
    /*max-width: 100% !important;*/
    /* max-height: 100% !important; */
    /* width: auto !important; */
    /* height: auto !important; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.jcrop-active, .jcrop-box {
    position: absolute !important;
}

.prof-img .canvas-box {
    position: absolute;
    top: 0;
    width: 100px;
    left: 25px;
}

#canvas {
    max-width: 100%;
    max-height: 100%;
}

.prof-img .box-bottom {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

/* ##################### */


/* BreadCrumb start */

.default-breadcrumb a {
    color: #333333;
}

    .default-breadcrumb a:last-child {
        color: #1c84c6;
    }

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 7px solid white;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: '\f105';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 0px;
    z-index: 3;
    right: 7px;
    font-size: 19px;
    font-family: FontAwesome;
}

/** The Spacing **/

.btn-breadcrumb .btn:last-child {
    padding: 7px 20px 7px 15px;
    font-weight: 600;
}

.btn-breadcrumb .btn {
    padding: 7px 20px 7px 15px;
    border-radius: 0 !important;
    border: 0 !important;
}

    .btn-breadcrumb .btn:first-child {
        padding: 7px 20px 7px 5px !important;
        font-size: 18px;
    }

.prodrept .btn-breadcrumb .btn:first-child {
    padding: 7px 20px 7px 0px !important;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff;
}

.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}



/* ########## */



.mrlftrht10p {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mrgrht5p {
    margin-right: 5px !important;
}




/**/


/* Junk Code */

.p-margin-0 p {
    margin: 0px;
}

.col2Width > span {
    overflow-y: auto;
}


/* ########### */


/* Theme OverRide*/
.radio, .radio input, .radio label {
    outline: none;
}






/* Theme OverRide*/

.btn-default {
    border: 1px solid #c5c5c5;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    transform: translateY(-50%);
    line-height: 2px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 3px 8px;
}

div.dataTables_wrapper div.dataTables_processing {
    top: -10px !important;
    left: 0px !important;
    width: 100% !important;
    padding: 40px 0 !important;
    border: 0 !important;
    bottom: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    background: rgba(255, 255, 255, 0.85) !important;
}

.form-control {
    font-size: 13px;
    padding: 5px !important;
}

.select-dropdown .select2-container {
    width: 100% !important;
}

.single-selection .select2-container {
    width: 100% !important;
}

    .single-selection .select2-container .select2-selection--single {
        height: 34px;
        border-radius: 0px;
    }

    .single-selection .select2-container .select2-selection__rendered {
        line-height: 32px;
    }

    .single-selection .select2-container .select2-selection__arrow {
        height: 32px;
        width: 25px;
    }

    .single-selection .select2-container .select2-selection__clear {
        padding: 0px 5px;
        font-size: 18px;
    }

.modal {
    overflow-y: visible;
}

/* Jquery-UI Changes */

table.webgrid-table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

li.eventCalendar-day.today a:hover {
    background: #1574b1 !important;
}

.eventCalendar-list li .eventCalendar-eventTitle {
    color: #1c84c6 !important;
}

.eventCalendar-list li time small {
    background-color: #1c84c6 !important;
}

.eventCalendar-subtitle {
    color: #1c84c6 !important;
}

.ui-widget-header .ui-icon {
    background-image: url(/Content/themes/base/images/ui-icons_222222_256x240.png) !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/Content/themes/base/images/ui-icons_222222_256x240.png) !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 2px 0px;
    background: rgba(28, 132, 198, 0.60);
    margin: -4px;
    border: 1px solid rgba(28, 132, 198, 0.60);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    line-height: 15px !important;
    color: #676a6c !important;
    font-size: 11px !important;
    padding: 3px 5px !important;
    text-decoration: none !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #f3f3f4 !important;
    border-collapse: separate;
    border: 0 !important;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 0px 0;
    padding: 2px 5px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #dddddd !important;
    background: #1c84c6 !important;
    font-weight: normal !important;
    color: #ffffff !important;
    border: 1px solid #0b649c !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
    top: 3px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
    top: 3px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border: 1px solid #1c84c6;
}

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
    font-size: small !important;
}

/* ############### */

.navbar-right {
    margin-right: 0px !important;
}

.fixed-sidebar .nav-box {
    width: 100%;
    /*display: flex;*/
}

.fixed-sidebar.mini-navbar .nav-box {
    width: auto;
    display: flex;
    align-items:center;
    text-align: left;
}

.bx-wrapper .bx-pager {
    padding: 0px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 10px !important;
}

.bx-wrapper .bx-caption {
    background: rgba(28, 132, 198, 0.9) !important;
}

    .bx-wrapper .bx-caption span {
        font-size: 14px !important;
    }

.bx-wrapper .bx-controls-direction a.disabled {
    display: block !important;
}

.bxslider li {
    background: #e6e6e6;
}

.bx-wrapper {
    margin-bottom: 0px !important;
    border: 0px solid #fff !important;
}

    .bx-wrapper .bx-prev {
        background: none !important;
        background-image: url('/content/Images/left32.png') !important;
    }

    .bx-wrapper .bx-next {
        background: none !important;
        background-image: url('/content/Images/right32.png') !important;
    }

    .bx-wrapper .bx-pager {
        padding-top: 0px !important;
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
            background: #2f4050 !important;
            border: 1px solid #2f4050 !important;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #cecece !important;
        }

.navbar-default {
    background-color: #2f4050;
    height: 100%;
}

body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
    background: #2f4050;
}

body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
    width: 80px;
}

#page-wrapper {
    margin: 0 0 0 80px;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 220px;
}

body.mini-navbar .navbar-form-custom {
    width: 130px;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
}

body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper {
    margin-top: 0px !important;
}

/*body.mini-navbar .navbar-default .nav > li > a {
    text-align: center;
}*/

body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span, body.canvas-menu.mini-navbar .nav-label, body.canvas-menu.mini-navbar .navbar-default .nav li a span, body.fixed-sidebar.mini-navbar .navbar-default .nav li div span {
    display: inline;
}

body.fixed-sidebar .profile-element, body.fixed-sidebar .nav-label, body.fixed-sidebar .navbar-default .nav li a span, body.fixed-sidebar .navbar-default .nav li div span {
    display: none;
}

body.fixed-sidebar .navbar-default .nav li div span.AOLogotext
{
    display: none !important;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav li div span.AOLogotext {
    display: block !important;
    margin-top:5px;
}


body.fixed-sidebar.mini-navbar .navbar-default .nav li a {
    text-align: center;
    display: block;
}

body.fixed-sidebar .navbar-default .nav li a {
    text-align: center;
    display: inline-flex;
    padding: 15px 0px;
    width: 100%;
    padding-right: 4px;
}

body.fixed-sidebar .nav-box > span {
    display: block !important;
    font-size: 10px;
    font-weight: 400;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

body.fixed-sidebar.mini-navbar .nav-box > span {
    display: inline-block !important;
    vertical-align: middle;
    font-size: 13px;
    margin-top: 0px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav li a {
    text-align: left;
    padding: 14px 10px 14px 15px !important;
}

body.fixed-sidebar .nav-header > div:first-child {
    margin: 0px;
}

body.fixed-sidebar.mini-navbar .nav-header > div:first-child {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
}

body.fixed-sidebar.mini-navbar .nav-header .logo span {
    padding-right: 5px !important;
}

body.fixed-sidebar .nav-header .logo span {
    padding-right: 0px;
}

.mini-navbar .nav .navs-second-level {
    padding-left: 0px !important;
}

body.mini-navbar .navbar-default .nav-header span {
    padding-right: 0px;
}


/*FixedSidebar & mini-navbar Dropdown*/

/*body:not(.fixed-sidebar):not(.canvas-menu).fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level, .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level {
    min-width: 190px !important;
}

body:not(.fixed-sidebar):not(.canvas-menu).fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level, .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto;
}

body:not(.fixed-sidebar):not(.canvas-menu).fixed-sidebar.mini-navbar .nav-second-level {
    display: none;
}

.fixed-sidebar.mini-navbar .nav .nav-second-level {
    padding-left: 0px !important;
}

.fixed-sidebar.mini-navbar .nav .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    background-color: #2f4050;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
}*/

.fixed-sidebar.mini-navbar .nav .navs-second-level {
    position: relative;
    left: 0px;
    padding: 0px;
    min-width: initial;
    top: 0px !important;
}

.fixed-sidebar.mini-navbar .nav .navs-third-level {
    left: 0px !important;
}


/*###########*/

/* Left menu Scroller Issue */

.fixed-sidebar .navbar-default .slimScrollDiv, .fixed-sidebar .navbar-default .sidebar-collapse {
    overflow-x: visible !important;
    height: 100% !important;
    position: static !important;
}

.fixed-sidebar.mini-navbar .navbar-default .slimScrollDiv, .fixed-sidebar.mini-navbar .navbar-default .sidebar-collapse {
    overflow: hidden !important;
}

body.fixed-sidebar .navs-second-level li a {
    padding: 12px 10px 12px 10px !important;
    padding-left: 10px;
}

.fixed-sidebar .navbar-default li .inner-sidebar-collapse {
    overflow-x: hidden !important;
    background-color: #2f4050;
    padding: 0px;
    font-size: 12px;
    min-width: 180px;
    height: auto !important;
    max-height: 200px;
}

.fixed-sidebar.mini-navbar .navbar-default li .inner-sidebar-collapse {
    position: relative !important;
    bottom: auto !important;
    left: 0;
    top: auto !important;
    max-height: initial !important;
}

.fixed-sidebar .navbar-default li .inner-sidebar-collapse.levelbilal {
    overflow: visible;
    position: initial;
}

    .fixed-sidebar .navbar-default li .inner-sidebar-collapse.levelbilal .navs-second-level {
        left: 180px;
        display: none;
    }

    .fixed-sidebar .navbar-default li .inner-sidebar-collapse.levelbilal .navs-second-level {
        left: 180px;
        display: none;
    }

/*.fixed-sidebar .navbar-default li .inner-sidebar-collapse.levelbilal .nav-box {
    display: flex;
}*/

.fixed-sidebar.mini-navbar .navbar-default li .inner-sidebar-collapse.levelbilal .nav-box {
    display: block;
}

.fixed-sidebar .navbar-default li .inner-sidebar-collapse.levelbilal .nav-box > span {
    font-size: 12px;
    display: inline-block !important;
}

.fixed-sidebar #side-menus .inner-sidebar-collapse.levelbilal .nav-box .right-icon {
    display: inline-block !important;
    width: auto;
}

.fixed-sidebar .navbar-default li .inner-sidebar-collapse.levelbilal .navs-second-level.in {
    display: block;
}

.inner-sidebar-collapse ul, .inner-sidebar-collapse ul li {
    padding: 0px;
    list-style: none;
    color: white;
}

    .inner-sidebar-collapse ul li a:hover, .inner-sidebar-collapse ul li a:focus, .inner-sidebar-collapse ul li a:active {
        background-color: #293846;
        color: white;
    }

    .inner-sidebar-collapse ul li a {
        color: #a7b1c2;
    }

body.fixed-sidebar.mini-navbar #side-menus .fa {
    display: inline-block !important;
    margin-top: 0px;
    width: 31px;
    vertical-align: middle;
    margin-right: 5px;
}

body.fixed-sidebar #side-menus .fa {
    display: block !important;
    margin-top: 0px;
    font-size: 24px;
    width: 100%;
    margin-right: 0px;
}

body.fixed-sidebar #side-menus .right-icon {
    display: none !important;
}

body.fixed-sidebar #side-menus .levelThree .nav-box {
    display: flex;
    align-items: center;
}

    body.fixed-sidebar #side-menus .levelThree .nav-box span:first-child {
        margin: 0;
        font-size: 12px;
        display: flex !important;
        white-space: normal;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

body.fixed-sidebar.mini-navbar #side-menus .levelThree .navs-third-level li a {
    padding: 14px 10px 14px 25px !important;
}

body.fixed-sidebar #side-menus .levelThree .nav-box span.right-icon {
    display: block !important;
    font-size: 16px;
    float: none !important;
    text-align: right;
    width: auto;
}

body.fixed-sidebar.mini-navbar #side-menus .right-icon {
    display: block !important;
    width: auto;
    font-size: 17px;
    line-height: 24px;
}


/* ########### */

/* Switch btn css */

#container {
    width: 100%;
    height: 26px;
    margin: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}

.inner-container {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    text-transform: uppercase;
}

    .inner-container:first-child {
        background: #e9e9e9;
        color: #a9a9a9;
    }

    .inner-container:nth-child(2) {
        background: #1c84c6;
        color: white;
        transform: translateX(-50%);
        transition: .2s cubic-bezier(0,0,0,1);
    }

.toggle {
    width: 50%;
    position: absolute;
    height: inherit;
    display: flex;
    box-sizing: border-box;
    font-size: 12px;
}

    .toggle p {
        margin: 5px auto;
    }

    .toggle:nth-child(1) {
        right: 0;
    }

/* ############## */

/*FixedSidebar Dropdown*/

body:not(.fixed-sidebar):not(.canvas-menu).fixed-sidebar .nav li:hover > .navs-second-level, .fixed-sidebar .nav li:focus > .navs-second-level {
    min-width: 190px !important;
}

body:not(.fixed-sidebar):not(.canvas-menu).fixed-sidebar .nav li:hover > .navs-second-level, .fixed-sidebar .nav li:focus > .navs-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto;
}

body:not(.fixed-sidebar):not(.canvas-menu).fixed-sidebar .navs-second-level {
    display: none;
}

.fixed-sidebar .nav .navs-second-level {
    padding-left: 0px !important;
    display: none;
}

.fixed-sidebar .nav .navs-third-level {
    left: 180px !important;
}

.fixed-sidebar .nav .navs-second-level.show-panel {
    display: block;
}

.fixed-sidebar .nav .navs-second-level {
    position: absolute;
    left: 80px;
    background-color: #2f4050;
    padding: 0px;
    font-size: 12px;
    min-width: 180px;
}

    .fixed-sidebar .nav .navs-second-level li a {
        display: block !important;
    }



/*###########*/

/*body.mini-navbar .navbar-default .nav-header > div
{
    margin:0px;
}*/

.navs-second-level li:last-child {
    margin-bottom: 0px !important;
}

.fixed-sidebar.mini-navbar .nav li:last-child .navs-second-level {
    max-height: initial !important;
    overflow: initial !important;
}

.navs-second-level li a, .nav-third-level li a {
    text-align: left !important;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .navs-second-level, .mini-navbar .nav li:focus > .navs-second-level {
    min-width: 190px !important;
}

.wrapper-content {
    padding: 20px 10px 15px;
}

.table-condensed tbody > tr > td {
    padding: 2px 5px;
}

.slimScrollBar, .slimScrollRail {
    width: 5px !important;
    border-radius: 0px !important;
}

.eventCalendar-monthWrap, .eventCalendar-list-wrap {
    width: 100% !important;
}

.eventCalendar-wrap {
    width: 100% !important;
}

.arrow, .arrow-down {
    margin-top: 2px;
}

.arrow-down {
    margin-top: 2px;
}

.arrow-down {
    float: right;
}

.slimScrollDiv {
    width: 100% !important;
}

.minimalize-styl-2 {
    margin: 10px 5px 5px 20px;
}

.navbar-right {
    height: 50px;
}

    .navbar-right li {
        border-left: 1px solid #cccccc;
        font-weight: 600;
        height: 50px;
        margin-left: -4px;
        vertical-align: middle;
    }

.ibox-content h3 {
    font-size: 16px;
    font-weight: 400;
}

.nav .caret {
    border-top-color: #f3f3f4;
    border-bottom-color: #f3f3f4;
}

.nav a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.pace .pace-progress {
    background: #2f4050;
}

.nav-header {
    padding: 6px 15px !important;
    background-color: #2f4050;
    background-image: url(/Content/patterns/header-profile.png);
    background-size: cover;
}

.btn-group {
    width: 100% !important;
}

    .btn-group button {
        width: 100% !important;
    }

    .btn-group ul {
        width: 100%;
    }

    .btn-group > .btn:first-child {
        text-align: left;
        font-size: 13px;
        padding: 7px 10px;
    }

    .btn-group > .btn .caret {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

select.input-sm {
    height: 30px;
    line-height: 30px;
    padding: 0px 5px;
    margin: 0px 5px;
}

.tabs-container .nav-tabs {
    border-bottom: 0;
    box-shadow: inset 0 -2px 0 0 #e6edf1;
    margin: -15px -20px 10px -20px;
}

.nav-tabs > li > a {
    color: #A7B1C2 !important;
    padding: 15px 20px 15px 20px;
    margin: 0px;
}

    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        background-color: #eee;
        outline: 0;
        border-radius: 0;
    }

.nav-tabs > li.active > a {
    border: 1px solid transparent !important;
}

.nav-tabs > li.active {
    border-left: none;
}

.nav-tabs li.active a:after {
    background: #1c84c6;
}

.nav-tabs li.active a {
    color: #1c84c6 !important;
    border-radius: 0;
}

.nav-tabs li a:after {
    content: " ";
    left: 0;
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.nav-tabs li.active a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 0px solid #e7eaec;
}

.tabs-container .nav-tabs > li {
    border-left: 0 !important;
}

.ibox-content {
    box-shadow: 0px 1px 1px rgb(222, 222, 222);
}

.ibox {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
}

.middle-box {
    padding-top: 100px;
}

.loginscreen.middle-box {
    width: 400px;
}

.btn-primary {
    background-color: #3a4e6b;
    border-color: #3a4e6b;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled]:focus {
        background-color: #2e3d54;
        border-color: #2e3d54;
    }

.form-control:focus, .single-line:focus {
    border-color: #2e3d54;
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
    color: #2e3d54;
}

.home .ibox h3 {
    color: #1c84c6;
}

label {
    color: #293846;
}

.nav > li.active {
    border-left: 4px solid #1c84c6;
    background: #293846;
}

.nav > li:hover {
    border-left: 4px solid #293846;
}

.nav > li.active:hover {
    border-left: 4px solid #1c84c6;
}

.nav > li.dropactive {
    border-left: 4px solid #1c84c6;
    background: #293846;
}

.nav > li {
    border-left: 4px solid transparent;
    position: static;
}

.fixed-sidebar .nav#side-menus > li:last-child {
    margin-bottom: 20px;
}

.fixed-sidebar.mini-navbar .nav#side-menus > li:last-child {
    margin-bottom: 20px;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    color: #293846;
}

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        background: #F5F5F6;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 1px;
}

.white-bg {
    background-color: #1c84c6;
}

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

.minimalize-styl-2 {
    margin: 11px 15px 5px 0px;
    padding: 0px;
    width: 33px;
    height: 27px;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

    .minimalize-styl-2:focus, .minimalize-styl-2:hover, .minimalize-styl-2:active {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
    }

.navbar-minimalize .hamburger {
    color: #1c84c6;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 6px;
}

    .navbar-minimalize .hamburger > div {
        background-color: #1c84c6;
        width: 100%;
        height: 2px;
        margin-bottom: 4px;
    }

        .navbar-minimalize .hamburger > div:last-child {
            margin-bottom: 0px;
        }

.closethin {
    position: absolute;
    right: 20px;
    top: 40px;
    height: 30px;
    width: 30px;
}

    .closethin > div {
        background-color: #ffffff;
        width: 100%;
        height: 2px;
        margin-top: -2px;
    }

    .closethin .first-bar {
        transform: rotate(45deg);
    }

    .closethin .second-bar {
        transform: rotate(-45deg);
    }

.breadcrumb {
    background-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .breadcrumb > .active, .breadcrumb > li a {
        color: white;
    }

.dataTables_wrapper {
    padding-bottom: 0px;
}

.sk-spinner-wave div {
    background-color: #1c84c6;
    height: 100%;
    width: 7px;
    margin: 1px;
}

.sk-spinner-wave.sk-spinner {
    width: 60px;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #FFFFFF;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.panel-theme {
    border-color: #1c84c6;
}

    .panel-theme > .panel-heading {
        background-color: #1c84c6;
        border-color: #1c84c6;
    }

        .panel-theme > .panel-heading h3 {
            color: white;
        }

.navbar-top-links li > ul > li:last-child {
    margin-right: 0px !important;
}

.navbar-top-links a {
    padding: 15px !important;
    min-height: initial !important;
    font-size: 13px !important;
    display: block;
}

.navbar-static-side {
    position: fixed;
}

.navbar-top-links li:last-child {
    margin-right: 0px !important;
}

.nav.navbar-right > li > a {
    color: white !important;
}

.nav.navbar-right > li ul {
    padding-left: 0px;
}


.nav.navbar-right li:hover {
    border: 0px !important;
}

.navbar-right li {
    position: relative;
}

.navbar-form-custom {
    display: block !important;
    height: 40px;
}

.navbar-form-custom {
    width: 200px;
    border-bottom: 1px solid #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

    .navbar-form-custom .form-control {
        padding-right: 30px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        font-size: 14px;
        height: 45px;
        margin: 0;
        z-index: 2000;
        padding-left: 5px;
        color: white;
    }

        .navbar-form-custom .form-control::placeholder {
            color: white;
        }

.top-search {
    position: absolute;
    top: 15px;
    right: 10px;
}

.top-search {
    font-size: 18px;
}

.text-primary {
    color: #337ab7;
}

.modal-footer {
    padding-top: 0px;
    border: 0;
}

input[type=checkbox], input[type=radio] {
    margin: 0px 0 0;
    width: 17px;
    height: 17px;
}

.multiselect-container > li > a > label.checkbox {
    line-height: normal;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    opacity: 1;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 1px;
}

.multiselect-container a {
    padding: 5px 0px !important;
    font-size: 11px;
    border-radius: 0 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #1c84c6;
}

    .dropdown-menu > .active > a > label, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
    }

/* Print View Page */

.printviewContainer {
    height: auto !important;
    border-radius: 0px !important;
    cursor: auto !important;
    user-select: auto !important;
}

@media print {
    .color-white {
        color: white !important;
        text-shadow: 0 0 0 #fff !important;
    }

    @media print and (-webkit-min-device-pixel-ratio:0) {
        body {
            color: white !important;
        }

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

/*Custom Loader*/

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../Content/Images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

/* ########## */

/* Altig TV Popup */

.AltigTV {
    background-color: RGB(16,40,75);
}

    .AltigTV h1 {
        font-weight: 700;
        text-align: center;
    }

    .AltigTV .modal-header {
        background: white;
        border-bottom: 0;
    }

.btn-download, .btn-watch {
    display: inline-block;
    text-decoration: none;
    color: white;
    background-color: transparent;
    padding: 10px 20px;
    font-size: 18px !important;
    border: 3px solid white;
    margin-right:60px;
    min-width: 240px;
    transition: 0.1s ease-in;
}
.downloadaotv .btn-download, .downloadaotv .btn-watch {
        margin-right:90px;
}

a:hover.btn-download, a:focus.btn-download, a:hover.btn-watch, a:focus.btn-watch {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.20);
    color: white;
}

.episode {
    padding-top: 10px;
    color: white;
    font-size: 18px;
}

    .episode i {
        font-size: 24px;
    }

    .episode .inline-list {
        margin-bottom: 5px;
    }

    .episode a {
        color: white !important;
    }


/* ############# */

/* Browser Default Setting OverRide */

input:-webkit-autofill, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 35px #ffffff inset !important;
    -webkit-text-fill-color: #333333 !important;
}

.search-box input:-webkit-autofill, .search-box input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 35px #1c84c6 inset !important;
    -webkit-text-fill-color: #fff !important;
    border-bottom: 1px solid white !important;
    height: 40px !important;
}


/* ########### */


/* Certificate Template */

.certificate-template table {
    color: black;
    font-weight: 600;
    font-size: 13px !important;
    padding: 10px 15px !important;
    border-collapse: initial !important;
    margin: auto;
    width: 100% !important;
    border: 3px solid #e3e3e3;
    height: auto !important;
    table-layout: fixed;
}
.CertificateSubHeading td {
    font-size: 15px !important;
}

    .certificate-template table span, .certificate-template table label {
        font-size: 13px !important;
    }

    .certificate-template table td {
        padding-bottom: 10px !important;
        padding-top: 0px !important;
    }

    .certificate-template table tr:last-child td {
        padding-bottom: 0px !important;
    }

    .certificate-template table td[align] {
        text-align: center !important;
    }

    .certificate-template table hr {
        border-color: black;
        margin: 5px 0px;
    }

    .certificate-template table img {
        height: auto !important;
        width: 100% !important;
    }

/* ################### */

/* Enlarge Production Report */

.company-product.active .inner-productContainer {
    position: fixed !important;
    left: 0;
    right: 0;
    margin: 0px;
    z-index: 99;
    background: white;
    overflow: scroll !important;
    top: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
}

.company-product.active .mob-enlarge {
    position: fixed !important;
}

/* ################### */

.progresscmp .progress {
    width: 100%;
}

/*.progressinfo {
    position: relative;
    left: 3px;
    height: 17px;
    top: 1px;
    cursor: pointer;
    width: 19px;
    background: #3a4e6b;
    border-radius: 50%;
    text-align: center;
}
.progressinfo i{
    font-size: 11px;
    color: #fff;
}*/

.completedata {
    position: relative;
    left: -8px;
    top: 8px;
}

.newwidth .modal-lg {
    width: 1000px;
}

.newwidth td:nth-child(3) {
    white-space: normal;
}

.newwidth td, .newwidth th {
    white-space: nowrap;
}

.nav.navbar-right .popularsearch li:hover {
    border-left: 1px solid #cccccc !important;
    background: #f5f5f5;
}

    .nav.navbar-right .popularsearch li:hover a {
        color: #333333 !important;
    }

.nav.navbar-right li.policy-alert:hover {
    border-right: 1px solid #cccccc !important;
}

.nav.navbar-right .policy-alert ~ li.mobSearchView:hover {
    border-left: 1px solid #cccccc !important;
    padding-left: 3px;
}
.nav.navbar-right .policy-alert ~ li.mobSearchView.switch-border:hover {
    border-left: 0px solid #cccccc !important;
    padding-left: 0px !important;
}

.PiplineUsersgrid a#btnEditNotes {
    float: right;
    width: 17px;
}

.PiplineUsersgrid #agencyNotesLabel {
    display: block;
    float: left;
    width: 76%;
    word-break: break-word;
}

.TrainingTab a#btnEditNotes {
    float: right;
    width: 17px;
}

.TrainingTab #agencyNotesLabel {
    display: block;
    float: left;
    width: 76%;
    word-break: break-word;
}


.PiplineUsersgrid .pipelinetestdate {
    width: 81px;
    float: left;
}

.PiplineUsersgrid .pipelinetesteditbtn {
    width: 10px;
    float: right;
}

.PiplineUsersgrid .pipelinetest, .PiplineUsersgrid .testdateth {
    width: 85px !important;
    min-width: 85px !important;
}

.PiplineUsersgrid .pipelinecnclbtn {
    position: relative;
    top: 8px;
}

.PiplineUsersgrid .pipelineinputdate input {
    width: 100%;
}

.candidatephone {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
}

.assigneddate {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
}

.DisplayBlock {
    display: block;
}

.DailyEntryPart.dailyprod .panelbody-title {
    margin: 0;
    padding: 10px 6px;
    /*color: #676a6c;*/
    background: #efefef;
}

.dailyprod .m-b-xs {
    margin-bottom: 0;
    padding: 7px 6px 3px;
}

.dailyprod .p-l-0 {
    padding-top: 5px !important;
}

.company-product .prdctrepgrid td, #reportcontent .prdctrepgrid td, .company-product .prdctrepgrid th, #reportcontent .prdctrepgrid th {
    padding: 5px 5px !important;
}

.dailyprodreptgrid thead tr th {
    text-align: center;
}

.company-product table .prdctreptopheader th, #reportcontent .prdctreptopheader th, .dailyproductgrid th {
    font-size: 13px !important;
    padding: 7px 5px !important;
    color: #000 !important;
    text-align: center;
}

.dailyprodreptgrid {
    border-collapse: separate !important;
}

    .dailyprodreptgrid tr th, .dailyprodreptgrid tr td {
        color: #293846;
        border: 1px solid rgba(169, 169, 169, 0.50) !important;
    }

#reportcontent .prdctrepgrid .webgrid-header-inner th, .prdctrepgrid .webgrid-header-inner th {
    text-align: center;
    padding-right: 22px !important;
}

.leadnotedetail div, .hiringnotedetail {
    color: #1c84c6;
}

.validationgriheading {
    font-size: 13px;
    font-weight: bold;
    color: #293846;
}

.progresstooltip {
    color: rgb(28, 132, 198);
    margin-left: 5px;
    font-size: 14px;
    height: 18px;
}

    .progresstooltip:hover {
        color: rgb(35, 82, 124);
    }

.jcropsize {
    width: 280px;
    height: 380px;
}

.altiglogo {
    width: 60px;
}

.colorred {
    color: #f00 !important;
}

.canditateicon {
    width: 14px;
}

.commenthistorysep {
    border-bottom: 1px dashed #D1D3D4;
}

.candidateresetbtn {
    padding-left: 8px;
}

.setappt {
    margin-top: 5px !important;
    padding: 10px !important;
}

    .setappt.collapse {
        border: 1px solid rgba(192, 192, 192, 0.258824);
    }

.interviewchart {
    width: 100%;
    height: 400px;
    background-color: #FFFFFF;
}

.agencytotal {
    color: #333333 !important;
    background-color: #cccccc !important;
}

.width100prct {
    width: 100% !important;
}

.totalassociate {
    text-align: left;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.terminatedatacon {
    padding: 20px !important;
}

.medicalbdrbottom {
    border-bottom: 1px dashed #D1D3D4 !important;
}

.notfoundpolicy {
    overflow-y: scroll;
    font-weight: bold;
}

.policyicon {
    border-left: 0 !important;
    border-right: 1px solid #cccccc !important;
}

#ProgressMain .progress {
    position: relative;
    width: 400px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
}

#ProgressMain .bar {
    background-color: #44B544;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

#ProgressMain .percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.monthlyreptbdr-r0 {
    border-right: 0px solid #f5f5f6 !important;
}

.historyView {
    overflow: overlay;
}

.historycontentdiv {
    margin: 10px 0px;
}

.historycontentbdr {
    border-bottom: 1px dashed #D1D3D4;
}

.leadapptchart, .leadresolutionchart {
    height: 400px;
    background-color: #FFFFFF;
}

.nonverfiedheading, .verfiedheading {
    width: 100% !important;
    background-color: #d08702 !important;
}

    .nonverfiedheading > td, .verfiedheading > td {
        font-weight: 600 !important;
        color: white !important;
        text-align: center !important;
    }

.vernonverheading {
    float: right;
    font-size: 13px;
    color: black;
}

.dailyprodcmt {
    display: block;
    width: 150px !important;
    font-size: 12px;
    max-height: 50px;
}

.alpData, .closingRationData, combinedData {
    height: 400px !important;
    background-color: #FFFFFF !important;
}

.alternatelsrrpt {
    background-color: #CCCCCC !important;
}

.certificate-circle .tooltip.fade {
    width: 100px !important;
}

.policyinfodiv {
    overflow: hidden;
    margin-bottom: 14px;
    box-shadow: 0px 3px 3px 0px #aaa;
    padding-bottom: 10px;
}

.PnumColor {
    color: #D57876 !important;
}

.weeklydatalisting {
    margin-left: -1.7em !important;
}

    .weeklydatalisting li {
        color: red !important;
        font-size: 12px !important;
    }

.weeklydatasuccess {
    color: green !important;
    font-weight: bold !important;
}

.weeklygridheading {
    background-color: #d08702;
    width: 100%;
}

    .weeklygridheading td {
        font-weight: 600;
        color: white;
        text-align: center;
    }

.inboxnorecord {
    text-align: center;
    background-color: lightgray;
}

.pagesizeselection {
    width: 50px;
    height: 26px;
    text-align: justify;
}

.leadinboxtbl tr.odd + tr > td, .candidatetablecls tr.odd + tr > td {
    background: rgba(28, 132, 198, 0.15);
    padding: 0;
}

.leadinboxtbl tr.even + tr > td, .candidatetablecls tr.even + tr > td {
    padding: 0;
}

.leadinboxtbl tr.odd + tr > td .summary {
    background: #fff;
}

.leadinboxtbl tr.even + tr .leadnotedetail div, .leadinboxtbl tr.even + tr .hiringnotedetail,
.leadinboxtbl tr.odd + tr .leadnotedetail div, .leadinboxtbl tr.odd + tr .hiringnotedetail {
    padding: 2px 5px;
}

.appcaldiv .eventCalendar-subtitle {
    background: #263949;
    color: #fff !important;
    text-align: center;
    margin: 0;
    padding: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.appcaldiv .eventCalendar-list li.eventCalendar-noEvents {
    border: 0px solid #CCCCCC;
}

.appcaldiv .eventCalendar-daysList li.eventCalendar-current a {
    font-weight: bold;
    font-size: 11px;
}

.appcaldiv .eventCalendar-list li time {
    font-size: 11px;
}

    .appcaldiv .eventCalendar-list li time em {
        color: #263949;
        font-weight: bold;
    }

.DailyEntryPart .hiringdataform input[type="tel"] {
    background-color: #f7f5f6;
}

.hiringdataform .form-group {
    margin-bottom: 30px;
}

.briefcaseimg img {
    width: 18px;
    cursor: pointer;
}

.canditatatbl div.dt-buttons {
    position: absolute;
    right: 10px;
    top: 0;
}

.canditatatbl .dataTables_length {
    position: absolute;
    right: 15px;
    top: 40px;
}

.canditatatbl table#CandidateTable {
    margin-top: 30px !important;
}

.multiLikes i {
    cursor: pointer;
    display: inline-block;
}

.hiringmoduletable.monthlydatapopup div.dataTables_length {
    position: absolute;
    right: 0;
    top: 0px;
}

.hiringdatafilter label {
    margin-bottom: 0;
}

.supporttoparea .phonearea {
    border-left: 2px solid #fff;
}

.formsection .form-group {
    margin-bottom: 25px;
}

.formsection {
    border-bottom: 2px solid #2f4050;
    padding-bottom: 30px;
}

.notesections {
    border-left: 2px solid #2f4050;
    min-height: 295px !important;
}

.noteslisting ul {
    list-style: none;
}

.noteslisting li {
    border-bottom: 1px solid silver;
    padding: 10px 0px;
}

.faqsection a {
    display: block;
    color: #252525;
    font-weight: 600;
}

.faqsection .panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.faqsection i.glyphicon {
    float: right;
    font-size: 12px;
}

.faqsection .panel-heading {
    background: #fff !important;
    padding: 15px 3px;
}

.faqsection .panel-default {
    border-bottom: #707070 1px solid !important;
    border: 0px;
    border-radius: 0;
}

.supportheading {
    position: absolute;
    left: 0;
    right: 0;
    top: 145px;
}

.supportarea .headerparent {
    background: #2F4050;
}

.supportarea .headerdiv {
    background: url("../Content/support.png");
    opacity: 0.2;
    height: 300px;
    background-position: center bottom;
}

#Apptdropdown {
    position: relative;
    cursor: pointer;
    margin-right: 12px;
}

#Apptdropdowndiv ul {
    padding: 0;
    display: block;
}

#Apptdropdowndiv {
    position: absolute;
    z-index: 111;
    background: #041e42;
    top: 30px;
    width: 184px;
    left: -6px;
}

    #Apptdropdowndiv li {
        display: block;
        padding: 10px 8px;
        width: 100% !important;
    }

.ExportModOpt {
    position: absolute;
    background: #63707c;
    z-index: 1;
    width: 148px;
    top: 40px;
    color: #fff;
    padding: 0;
}

.ModAgentExport {
    background:#1c84c6;
       top: 31px;
}


    .ExportModOpt a {
        color: #fff;
        padding: 10px;
    }

        .ExportModOpt a:hover {
            background: #7c858d;
        }
        .ModAgentExport a:hover {
            background: #1574b1
        }


.zoomstatus:before {
    content: "";
    height: 13px;
    width: 13px;
    display: inline-block;
    background: #339933;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.status-online:before {
    background: #339933;
}

.status-offline:before {
    background: #a2a2a2;
}

.documentscontent img {
    margin: 10px auto;
    display: block;
    max-width: 100%;
}

.supportloader {
    right: 0;
    position: absolute;
    z-index: 1111;
    width: calc(100% - 30px);
    background: rgba(51, 51, 51, 0.12);
    text-align: center;
    left: 15px;
    padding: 0 15px;
}

.docsubmenu li {
    padding: 15px 0px 0;
    border: 0;
}

ul.docsubmenu {
    padding-left: 8px;
    font-size: 13px;
}

    ul.docsubmenu.level2 {
        padding-left: 23px;
    }

    #reportcontent .prdctrepgrid td.associatetd 
    {
        padding: 10px 15px !important;
    }

    #signAmendmentSignPopupModal 
    {
        max-width:400px;
    }

    .formsteps .step {
      height:4px;
      width: 18px;
      margin: 0 2px;
      background-color: #4cae4c;
      border: none;  
      display: inline-block;
      opacity: 0.5
    }
    
    .formsteps .step.active {
      opacity: 1;
    }

 .signAmendmentLetterTable  {
    border: 1px solid !important;
}
.signAmendmentLetterTable td {
    border: 0px !important;
}

#listPolicyHousehold {
    max-height: 250px;
    overflow-y: auto;
}

.objpos-cover {
    object-fit: cover;
}

.signAmendmentLetterTable mark {
    padding: 0;
}

 

.signAmendmentLetterTable pre {
    background: #fcf8e3;
    border: 0px;
    color: inherit;
    width: 100%;
    white-space: break-spaces;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    border-radius: 0px !important;
}
.modfilter {
    position: absolute;
    z-index: 1;
    top: 74px;
    width: calc(100% - 20px);
    box-shadow:0px 5px 10px rgba(0, 0, 0, 0.4);
}
.spandropdown.convert-input {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #e5e6e7;
border-radius: 1px;
color: inherit !important;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}

 

.spandropdown i {
color: inherit !important;
font-weight: 700;
}

.filledstatus {
    width: 100%;
    height: 14px;
    display: inline-block;
}
.MODlegends:after {
    content: " ";
    width: 14px;
    margin-left:2px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.MODlegends.bg-greenlegend:after{
    background-color: #caff87 !important;
}  
.MODlegends.bg-yellowlegend:after{
    background-color: rgb(243, 243, 77) !important
}  
.MODlegends.bg-dangerlegend:after{
    background-color: #ffc9c9 !important;
}  
.precallbtn{margin-top: 7px;
    padding: 3px 10px;}

.spandropdown.convert-input {
background-color: #FFFFFF;
background-image: none;
border: 1px solid #e5e6e7;
border-radius: 1px;
color: inherit !important;
display: block;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}

.spandropdown i {
color: inherit !important;
font-weight: 700;
}

.ModInnerList a {
    font-weight:bold;
}

.modred {
    background-color: #ffc9c9 !important;
}

.modgreen {
    background-color: #caff87 !important;
}

.bg-heldyellow {
     background-color: #FFFF00 !important;
}

.bg-heldgreen {
     background-color: #caff87 !important;
}

.bg-heldred {
     background-color: #FF0000 !important;
}

.bg-transparent {
     background-color: transparent !important;
}

.bg-ldanger {
     background-color: #f2dede !important;
}
.bg-lsuccess {
     background-color: #d4edda !important;
}
.bg-lwarning {
     background-color: #f1dfcb !important;
}
.bdrsuccess{
    border:1px solid #5cb85c !important;
}
.bdrdanger{
    border:1px solid #ed5565 !important
}
.bdrwarning{
    border:1px solid #f8ac59 !important
}
.boxshadow0{
    box-shadow:none !important
}

.businesslegend span.MODlegends {
    border-radius: 50%;
    margin-bottom: 5px;
    display: inline-block;
}

.businesslegend .MODlegends:after {
    width: 16px;
}
.zoomemail .modal-dialog{
    max-width: 390px;
    margin-top: 110px;
    text-align: center;
}
.zoomemail .modal-body{
    padding-bottom: 20px;
}
.zoomemail .bootbox-close-button{
        display: none;
}
.zoomemail .modal-footer{
    text-align: center;
}
.requestcod h5.modal-title {
    font-size: 14px;
}
.modmessageleftarea{
    font-size: 13px;
        /*margin: 0 !important;*/
    padding: 10px 0;
    cursor:pointer;
      border-bottom: solid 1px #e5e5e6;
}
.modmessageleftarea.selected{
   background-color: #f6f7f8 !important
}
.emailsub{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.emailcontent{
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.messagetoparea{
     border: solid 1px #e2e2e2;
     margin: 0px !important;
  background-color: #f8f8f8;
      padding: 11px 0;
}
.modmessagerightarea {
    margin-top: 31px;
}
.messagecontentarea{
      padding: 20px;
    margin: 0px !important;
    line-height: 25px;
    box-shadow: 1px 2px 4px 0px #0003;
    height: calc(100% - 25px);
        background: #f3f3f4 !important;
    overflow-y: auto;
}
.modmsgleftparent {
    max-height: calc(100% - 40px);
    overflow-y: auto;
    margin-left: -20px;
    margin-right: -20px;
}
.messagefilter span {
    cursor: pointer;
    border-bottom: 3px solid #fff;
    padding: 8px 0px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    border-bottom:3px solid;
}

.messagefilter .selected{ 
    font-weight: 900;
}

.messagefilter .selected.all{
    background-color: rgba(217, 217, 217, 0.45);
}

.messagefilter .selected.appointment{
    background-color: rgba(251, 199, 141, 0.45);
}

.messagefilter .selected.activity{
    background-color: rgba(168, 222, 224, 0.45);
}

.messagefilter span.all{
    border-color: #D9D9D9;
}

.messagefilter span.appointment{
    border-color: #FBC78D;
}

.messagefilter span.activity{
    border-color: #A8DEE0;
}

.leadApptSchedule .eventCalendar-list li.all{
    border-left:3px solid #D9D9D9;
}

.leadApptSchedule .eventCalendar-list li.appointment{
    border-left:3px solid #FBC78D;
}

.leadApptSchedule .eventCalendar-list li.activity{
    border-left:3px solid #A8DEE0;
}


.dl-horizontal.bankverification dt {
    width: 190px;
    text-align: left;
    margin-bottom: 6px;
}

.dl-horizontal.bankverification dd {
    margin-bottom: 15px;
    overflow: auto;
}

ul#ulLiveTime {
    color: #3a4e6b;
    list-style: none;
    margin: 0px;
    padding: 0;
    display: block;
    text-align: center;
}

ul#ulLiveTime li {
    display: inline-block;
}

ul#ulLiveTime li span {
    font-size: 60px;
    font-weight: 300;
    line-height: 70px;
}

ul#ulLiveTime li.seperator {
    font-size: 40px;
    line-height: 70px;
    vertical-align: top;
}

ul#ulLiveTime li p {
   color: #3a4e6bde;
   font-size: 25px;
   margin:0px;
}

.MessageFilterSelect {
    border: 1px solid #bbb !important;
}
.tblRetention{
        padding-bottom: 50px !important;
        padding-top:50px !important;
}
.tblRetention .dataTables_length {position: absolute;    right: 40px;    z-index: 11;    top: 21px;}
.tblRetention #tblRetentionReport {position: relative;}

.tblRetention .dataTables_paginate{
    position: absolute;
    right: 45px;
    bottom: 50px;
}

.tblRetention .dataTables_info{
    position: absolute;
    left: 50px;
    bottom: 60px;
}
.tblRetention table th  {
    white-space: nowrap;    padding: 9px !important;
}
.tblRetention table td {
       padding: 9px !important;
}
.tblRetention table td.tblwordwrap {
      white-space: nowrap; 
}


.tblRetention table td.tblwordwrap {
      white-space: nowrap; 
}

.tblRetention table th.planName  {
   min-width:180px ;
   max-width:180px;
}

.tblRetention table td.planName  {
  word-break:break-word;
}



.tblRetention table th{
    padding-right:27px !important
}

.tblRetention  table.dataTable thead th:after{
    bottom:14px !important
}

.dailBox{
    width:400px;
    margin: auto;
    margin-top:50px;
}

.dailBox h2{
    font-size: 22px;
    font-weight: 600;    
}

.dailBox .ibox-content{
    padding:15px 40px 20px 30px;
}


/* Generic Css */


.switches{
    display: flex;
    background: #f3f3f3;
    border-radius: 6px;
    height: 26px;
    overflow: hidden;
}

.switches .switchToggle{
    flex:1 1 auto;
    height: 100%;
    cursor:pointer;
}

.switches .switchToggle.switchActive{
    background: #1c84c6;
    color:white;
}

.switches .switchToggle p{
    margin: 0px;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.text-center{
    text-align:center !important;
}
.btn-primary-outline {
    color: #3a4e6b;
    border-color: #3a4e6b !important;
    background: #fff;
}

/*.show-panel
{
    display:block;
}*/

.ds-flex {
    display: flex;
}

.flex-layout {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.flex-col {
    display: flex;
    flex: 1 1 auto;
}

.align-baseline {
    align-items: baseline;
}

.align-center {
    align-items: center;
}

.convert-input {
    border-bottom: 1px solid;
    padding: 5px 25px 5px 5px;
    height: 34px;
    position: relative;
}

    .convert-input i {
        margin-left: 0px;
        float: right;
        font-size: 16px;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
    }

.marker-label {
    width: 38px;
    text-align: center;
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
}

.mob-enlarge {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 15px;
    background-color: rgba(4, 30, 66, 0.80);
    color: #ffffff;
    z-index: 999;
}

.mob-enlarge {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 15px;
    background-color: rgba(4, 30, 66, 0.80);
    color: #ffffff;
    z-index: 999;
}

    .mob-enlarge.fullview {
        bottom: 10px;
        left: 170px;
        right: auto;
    }

        .mob-enlarge.fullview.active {
            left: auto;
            right: 10px;
        }

.showSearch {
    display: block !important;
}

.progressbar {
    position: relative;
    margin-top: 10px;
}

    .progressbar, .progressbar .ui-progressbar {
        height: 20px;
        border: 0px !important;
    }

        .progressbar #labelProg {
            text-align: center;
            position: absolute;
            z-index: 9;
            left: 0;
            right: 0;
            height: 100%;
            vertical-align: middle;
            margin: auto;
            font-weight: 700;
        }

        .progressbar .ui-progressbar-value {
            margin: 0px;
            height: 100%;
            position: absolute;
            top: 0;
            background: #4cae4c;
            border: 0px !important;
        }

        .progressbar .progresscancel {
            cursor: pointer;
            position: absolute;
            right: 0;
            z-index: 9999;
            top: 50%;
            color: #b00000;
            transform: translateY(-50%);
            padding: 5px;
        }

/*.modal-open {
    overflow: auto;
}*/

.aspect-center-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 100%;
}

.aspect-center-div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.aspect-size-div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.field-validation-error {
    color: red !important;
}

.red-error {
    color: red !important;
}

textarea {
    resize: none !important;
}

table {
    font-size: 12px;
}

.modal-header .modal-title {
    font-weight: bold;
    color: #757575;
}

.message-show {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    top: 80px;
    width: 25%;
    margin: auto;
}

    .message-show .alert {
        text-align: center;
    }

    .message-show .alert-danger {
        background-color: rgba(242, 222, 222, 1) !important;
    }

    .message-show .alert-success {
        background-color: rgba(223, 240, 216, 1) !important;
    }

.multlist {
    border-bottom: 1px dashed silver;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: white;
}

.validation-summary-errors ul {
    padding: 0px;
    list-style: none;
    color: red;
}

.b-radius-0 {
    border-radius: 0% !important;
}

.b-radius-btm-13 {
    border-radius: 0px 0px 13px 13px !important;
}

.popup_heading {
    background-color: #efeeee;
    padding: 10px 0px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.mandatory {
    color: red !important;
    margin-left: 5px;
}

.arrow-down:before {
    content: "\f107";
}

.nowrap {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.white-space-nowrap{
    white-space: nowrap;
}

.form-control-sm {
    height: 30px !important;
    padding: 0px 5px !important;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

hr {
    border-top: 1px solid #dcdcdc;
}

.inline-list, .block-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .inline-list li {
        display: inline-block;
        vertical-align: middle;
    }

.input-validation-error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.table-responsive .row:first-child, .table-responsive .row:last-child, .table-responsive .row:first-child [class*="col-"], .table-responsive .row:last-child [class*="col-"] {
    margin: 0px;
    padding: 0px;
}

.table-responsive .row + .row, .table-responsive .row + .row > [class*="col-"] {
    margin: 0px;
    padding: 0px;
}

table > [class*="col-"] {
    margin: initial;
    padding: initial;
}

.clearfix {
    clear: both;
    overflow: hidden;
}

.ps-relative {
    position: relative !important;
}

.ps-absolute {
    position: absolute !important;
}

.ps-initial {
    position: initial !important;
}

.ps-static {
    position: static !important;
}

.ps-fixed {
    position: fixed !important;
}

.picker .fa {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.cursor-pointer {
    cursor: pointer !important;
}

.text-underline {
    text-decoration: underline !important;
}

.btn {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    font-size: 12px !important;
}

    .btn:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, white 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s;
    }

    .btn:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s;
    }

.btn-black {
    background-color: #171717;
    color: #fff;
}

    .btn-black:hover, .btn-black:active, .btn-black:focus {
        background-color: #000;
        color: #fff;
    }

.btn-blue {
    background-color: #1c84c6;
    color: #fff;
}

    .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
        background-color: #1574b1;
        color: #fff;
    }

.block-inline {
    display: inline-block !important;
    vertical-align: middle !important;
}

.visible-hidden {
    visibility: hidden !important;
}

.breakword-td td {
    word-break: break-word !important;
}

.breakword {
    word-wrap: break-word;
}

.v-align-m {
    vertical-align: middle !important;
}

.vr-align-middle {
    vertical-align: middle !important;
}

.disabled-color {
    opacity: 0.4 !important;
}

.modred  .disabled-color {
    opacity: 0.7 !important;
}

.bg-red {
    background-color: #ed5565 !important;
}

.color-black {
    color: #333 !important;
}

.color-lightblack {
    color: #676a6c !important;
}

.color-grey {
    color: #a2a2a2 !important;
}
.color-lgrey {
    color: #a7b1c2 !important;
}
.color-green {
    color: green !important;
}
.color-lgreen {
    color: #2ea344 !important;
}

.color-red {
    color: #7d0000 !important;
}

.color-yellow {
    color: #ffb509 !important;
}

.color-theme {
    color: #1c84c6 !important;
}

.ohidden {
    overflow: hidden !important;
}

.oscroll {
    overflow: auto !important;
}

.ovisible {
    overflow: visible !important;
}

.oinherit {
    overflow: inherit !important;
}

.bg-yellow {
    background-color: rgb(243, 243, 77) !important;
}

.bg-green {
    background-color: #5cb85c !important;
}

.bg-l-silver {
    background-color: #f3f3f4 !important;
}

.bg-d-blue {
    background-color: #041e42 !important;
}


.bg-l-d-silver {
    background-color: #e6e6e6 !important;
}

.bg-X-d-silver {
    background-color: #a2a2a2 !important;
}

.bg-black {
    background-color: #000000 !important;
}

.bg-blue {
    background-color: #1c84c6 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bdrrht1p {
    border-right: 1px solid;
}

.bdrleft1p {
    border-left: 1px solid;
}

.bdrbtm1p {
    border-bottom: 1px solid;
}
.bdrtop1p {
 border-top: 1px solid;
}

.bdrright1p {
    border-right: 1px solid #fff;
}

.bdr0p {
    border: 0px !important;
}

.bdr1p {
    border: 1px solid !important;
}

.bdr-silver {
    border-color: silver !important;
}

.bdr-light-silver {
    border-color: #E5E6E7 !important;
}
.h-34 {
    height: 34px;
}
.h-100 {
    height: 100px;
}
.h-100p {
    height: 100%;
}
.m-h-100p {
    min-height: 100% !important;
}

.min-h-200p {
    min-height: 200px !important;

}
.w-auto {
    width: auto !important;
}

.w-100 {
    width: 100% !important;
}
.w-18p {
    width: 18px !important;
}
.w-20p {
    width: 20px !important;
}
.w-55p {
    width: 55px !important;
}

.w-60p {
    width: 60px !important;
}
.w-75p {
    width: 75px !important;
}
.w-100p {
    width: 100px !important;
}

.w-130p {
    width: 130px !important;
}

.w-150p {
    width: 150px !important;
}

.w-200p {
    width: 200px !important;
}

.m-w-100 {
    max-width: 100% !important;
}
.m-h-50 {
    max-height: 50px !important;
}

.scrollalign.max-h-130 + .slimScrollBar {
    right: 0px !important;
}

.max-h-130 {
    position: absolute;
    top: 0;
    bottom: 0;
    padding-right: 15px;
}

    .max-h-130 + .slimScrollBar {
        right: 15px !important;
    }

.alignment-set {
    width: auto !important;
    position: relative !important;
}

.max-h-137 {
    position: absolute;
    top: 0;
    bottom: 0;
}

.max-h-80 {
    max-height: 80px !important;
}

.max-h-200 {
    max-height: 200px !important;
}

.max-h-250 {
    max-height: 250px !important;
}

.max-h-350 {
    max-height: 350px !important;
}

.max-h-410 {
    max-height: 410px !important;
}

.max-h-495 {
    max-height: 509px !important;
}

.max-h-500 {
    max-height: 500px !important;
}

.max-h-585 {
    max-height: 585px !important;
}

.apptheight {
    max-height: calc(100vh - 314px);
    overflow:auto
}

.max-h-600 {
    max-height: 600px !important;
}

.f-w-300 {
    font-weight: 300 !important;
}

.f-w-500 {
    font-weight: 500 !important;
}
.f-w-600 {
    font-weight: 600 !important;
}

.f-w-700 {
    font-weight: 700 !important;
}

.fbold {
    font-weight: bold;
}

.f-10 {
    font-size: 10px !important;
}

.f-12 {
    font-size: 12px !important;
}

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

.f-14 {
    font-size: 14px !important;
}
.f-15 {
    font-size: 15px !important;
}

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

.f-18 {
    font-size: 18px !important;
}

.f-20 {
    font-size: 20px !important;

}
.f-22 {
    font-size: 22px !important;
}

.f-24 {
    font-size: 24px !important;
}


.f-36 {
    font-size: 36px !important;
}

.f-42 {
    font-size: 42px !important;
}

.f-40 {
    font-size: 40px !important;
}

.top-1 {
    top: 1px;
}

.top-n3 {
    top: -3px;
}

.top-2 {
    top: 2px;
}
.m-0 {
    margin: 0px !important;
}

.m-10 {
    margin: 10px !important;
}

.top-0{
    top:0px;
}

.left-0{
    left:0px;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}
.m-l-45 {
    margin-left: 45px !important;
}
.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-8 {
    margin-top: 8px !important;
}

.m-t-13 {
    margin-top: 13px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}
.m-t-50 {
    margin-top: 50px !important;
}


.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-3 {
    margin-bottom: 3px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}
.m-b-7 {
    margin-bottom: 7px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-50 {
    margin-bottom: 50px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-15 {
    margin-right: 15px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}


.p-0 {
    padding: 0px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-4 {
    padding-top: 4px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-8{
    padding-top: 8px !important;
}
.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-23 {
    padding-top: 23px !important;
}
.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}
.p-t-50 {
    padding-top: 50px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}
.p-l-10{
    padding-left:10px !important
}

.p-l-15 {
    padding-left: 15px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}


.p-r-0 {
    padding-right: 0px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}
.p-r-20{
padding-right: 20px !important;

}
.p-r-30 {
    padding-right: 30px !important;
}
.p-r-65 {
    padding-right: 65px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-2 {
    padding-bottom: 2px !important;
}

.p-b-3 {
    padding-bottom: 3px !important;
}


.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20{
    padding-bottom:20px !important
}
.p-b-30 {
    padding-bottom: 30px !important;
}
.p-b-50 {
    padding-bottom: 50px !important;
}
.top--50p {
    top: -50px;
}
.m-t-n5 {
    margin-top:-5px !important;
}

/* ########### */


@media (max-width: 1600px) {
    .progressinfo {
        width: 21px;
    }

    /*.box-controller .ibox-content {
    padding: 30%;
    overflow: hidden;
}*/

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline select {
        width: 175px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline input {
        width: 140px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline input {
        width: 120px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline + .block-inline input {
        width: 100px !important;
    }

    .max-h-495 {
        max-height: 535px !important;
    }

    .page-heading h2 {
        font-size: 14px;
        margin-top: 7px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .webgrid-header {
        font-size: 11px;
    }

    .circle-placeholder-highlight {
        margin-left: 9px;
    }

    .certificate-circle {
        margin-left: 9px;
    }

    .check-list input {
        transition: 0.3s;
        transition-delay: 0.3s;
    }

    .fixed-sidebar.mini-navbar .check-list li {
        margin-right: 3px;
    }

    .fixed-sidebar.mini-navbar .leadchecklist.check-list li {
        margin-right: 0px;
    }

    .fixed-sidebar.mini-navbar .check-list input {
        padding-left: 5px;
        transition: 0s;
        transition-delay: 0s;
    }

    .check-list li {
        margin-right: 5px;
        font-size: 12px;
    }

    .fixed-sidebar.mini-navbar .check-list .panel-tabs li {
        margin-right: 5px;
    }
}


@media (max-width: 1366px) {

    .certificate-template table{
            font-size: 12px !important;
    }
    .fixed-sidebar.mini-navbar .hitscrollbar .select.block-inline + .block-inline + .select.block-inline select {
        width: 90px !important;
    }

    .fixed-sidebar.mini-navbar .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline input {
        width: 100px !important;
    }

    .fixed-sidebar.mini-navbar .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline + .block-inline input {
        width: 70px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline input {
        width: 110px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline input {
        width: 100px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline + .block-inline input {
        width: 80px !important;
    }

    .webgrid-header {
        font-size: 11px;
    }

    .circle-placeholder-highlight {
        margin-left: 7px;
    }

    .th-inner span.tableth {
        padding-left: 15px;
    }

    .certificate-circle {
        margin-left: 7px;
    }

    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 190px;
    }

    body.fixed-sidebar.mini-navbar #page-wrapper {
        margin: 0 0 0 190px;
    }

    .news-feed-box .ibox-title {
        display: flex;
    }

    .page-heading h2 {
        font-size: 13px;
        margin-top: 7px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box-list li {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #e2e2e2;
    }

    .max-h-410 {
        max-height: 250px !important;
    }

    .max-h-495 {
        max-height: 375px !important;
    }


    /*.box-controller .ibox-content {
    padding: 36%;
    overflow: hidden;
}*/

    .check-list input {
        transition: 0.3s;
        transition-delay: 0.3s;
    }

    .fixed-sidebar.mini-navbar .check-list li {
        margin-right: 3px;
    }

    .fixed-sidebar.mini-navbar .check-list input {
        padding-left: 5px;
        transition: 0s;
        transition-delay: 0s;
    }

    .check-list li {
        margin-right: 5px;
        font-size: 12px;
    }

    .fixed-sidebar.mini-navbar .check-list .panel-tabs li {
        margin-right: 5px;
    }

    .check-list .panel-tabs li {
        margin-right: 10px;
    }

        .fixed-sidebar.mini-navbar .check-list .panel-tabs li:last-child, .check-list .panel-tabs li:last-child {
            margin-right: 0px !important;
        }

    .policy-alert a:focus, .policy-alert a:active {
        background: #1473af !important;
    }

    .policy-alert a {
        background: transparent !important;
    }

    .policy-alert .dropdown-menu a:focus, .policy-alert .dropdown-menu a:active {
        color: white !important;
    }

    .policy-alert .dropdown-menu {
        border-radius: 0 !important;
        margin-top: 0;
    }

        .policy-alert .dropdown-menu li {
            height: auto;
            border: 0;
        }

            .policy-alert .dropdown-menu li:hover, .policy-alert .dropdown-menu li:focus, .policy-alert .dropdown-menu li:active {
                background: #fbfbfb !important;
            }

        .policy-alert .dropdown-menu a {
            margin: 0;
            padding: 5px 15px !important;
        }

            .policy-alert .dropdown-menu a:focus, .policy-alert .dropdown-menu a:active {
                background: transparent;
                color: white;
            }
}

@media(max-width:1199px) {
    .hiringmoduletable .dt-buttons {
        position: absolute;
        top: -40px;
    }

    .hiringmoduletable .table-responsive {
        margin-top: 50px !important;
    }

    .hiringmoduletable.monthlydatapopup div.dataTables_length {
        top: -40px;
    }

    .newwidth .modal-lg {
        width: auto;
    }

    .newwidth td:nth-child(3) {
        white-space: nowrap;
    }

    .hiringmoduletable div.dataTables_paginate {
        position: absolute;
        margin: 5px 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

    .hiringmoduletable table {
        margin-bottom: 50px !important;
    }

    .hiringmoduletable.agencygrowth div.dataTables_length {
        position: absolute;
        top: -40px;
        right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .modfilter {
        top: 67px;
        width: calc(100% - 12px);
    }
    .ModContentUpdate .links {
    width: 27px !important;

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

    .supportarea [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .canditatatbl div.dt-buttons {
        right: auto;
        top: 40px;
    }

    .progressinfo {
        width: 21px;
    }

    /*.home .row > [class*='col-']:last-child > [class*='col-'], .home .row > [class*='col-']:last-child > .box-controller > [class*='col-'] {
    padding-left: 3px;
    padding-right: 3px;
}*/

    .home .ibox {
        margin-bottom: 5px !important;
    }

    .ibox-content {
        box-shadow: 0px 1px 2px rgb(175, 174, 174);
    }

    /*.box-detail > .row > [class*="col-"] {
    padding: 0px 1px 0px 0px;
}

.box-detail > .row > [class*="col-"]:nth-child(2) {
    padding-left: 1px;
    padding-right: 0;
}*/

    #page-wrapper {
        margin: 0 0 0 70px;
        padding-right: 5px;
    }

    .page-heading > [class*='col-']:first-child {
        padding-right: 0px;
    }

    .page-heading > [class*='col-']:last-child {
        padding-right: 5px;
    }

    /*.box-list li > .row > [class*='col-'] {
    padding-left: 14px;
    padding-right: 8px;
}*/

    .double-col > .box-detail > .row > [class*='col-'] {
        padding: 0px;
        padding-right: 1px;
    }

        .double-col > .box-detail > .row > [class*='col-']:nth-child(2) {
            padding: 0px;
            padding-left: 1px;
        }

    .double-col > .box-detail {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .home .ibox-content .box-detail {
        padding: 10px 10px;
    }

    .aspect-size-div > div > div > [class*="col-"] {
        padding: 0px 10px;
    }

    .wrapper-content {
        padding: 15px 2px 15px 10px;
    }


    .box-list h3, .box-title h3 {
        font-size: 13px;
    }

    .box-title {
        padding: 10px 10px;
    }

    .box-list p {
        margin-bottom: 0px;
    }

    .box-controller .ibox-content {
        padding: 35%;
        overflow: hidden;
    }


    /* Boostrap Structure */

    .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* ############# */

    /* Theme Structure */

    .ibox-content {
        padding: 15px 10px 20px 10px;
    }

    /* ######## */

    .check-list {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabs-container .nav-tabs {
        margin: -15px -10px 10px -10px;
    }

    .socialwall ul li {
        padding-right: 0px;
        padding-left: 0px;
    }

    .news-feed-box .ibox-title {
        margin-left: 5px;
        margin-right: 5px;
    }

    .news-feed-box .ibox-title {
        display: block;
    }

    body.fixed-sidebar.mini-navbar #page-wrapper {
        margin: 0 0 0 170px;
    }

    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 190px;
    }

    .page-heading {
        padding: 0 5px 0px 10px;
    }

        .page-heading h2 {
            font-size: 13px;
            margin-top: 7px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .page-heading .breadcrumb {
            font-size: 12px;
        }

    .eventCalendar-slider {
        height: 294px !important;
    }

    .eventCalendar-list-content {
        margin-top: 20px;
    }

    .navbar-top-links a {
        padding: 15px 7px !important;
    }

    .navbar-form-custom {
        width: 160px;
    }

    body.mini-navbar .navbar-form-custom {
        width: 115px;
    }

    .header-background {
        margin-right: 5px;
        margin-left: 5px;
    }

    .fixed-sidebar .navbar-default li .inner-sidebar-collapse {
        max-height: initial !important;
    }

    .newwidth .modal-lg {
        width: 990px;
    }
}

@media (min-width: 770px) {

    .fixed-sidebar.mini-navbar .nav .nav-second-level {
        top: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

.flex-layout-xs [class*='col-']{
    flex: 0 0 100%;
}
    .notesections {
        border-left: 0px;
    }

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

    .supportarea [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .canditatatbl div.dt-buttons {
        right: auto;
        top: 40px;
    }

    .leadtablediv {
        margin-top: 50px;
    }

    .clearfix-sm {
        clear: both;
    }

    .statsdiv {
        display: block !important;
    }

    .agencytotalmob {
        height: 35px;
        vertical-align: middle !important;
    }
    /* Certificate Template */

    .certificate-template table {
        width: 100% !important;
        height: auto !important;
    }

    /* ############### */

    .check-list {
        position: relative;
    }

        .check-list ul {
            float: none !important;
            display: flex;
            padding: 0 !important;
        }
        .check-list.modlist ul {
            float: left !important;
            display: block;
            padding: 5px 0 0 !important;
        }
    .modfilter {
    top: 67px;

    }

            .check-list ul li {
                padding-bottom: 10px;
            }

        .check-list .filter-area {
            float: none !important;
            margin-left: -10px;
            margin-right: -10px;
        }

            .check-list .filter-area > .block-inline {
                display: block !important;
                float: left;
                margin: 0;
                padding: 0px 10px;
            }

            .check-list .filter-area.four-col > .block-inline {
                width: 28%;
            }

            .check-list .filter-area.three-col > .block-inline {
                width: 33.3333%;
            }

            .check-list .filter-area > .block-inline > .block-inline {
                display: block;
                width: 100%;
            }

            .check-list .filter-area > .tabs-changer {
                position: absolute;
                right: 0;
                height: 100%;
                display: block !important;
                width: 15% !important;
                margin-top: -10px;
                margin-bottom: -10px;
                padding: 0px 10px;
                background: #011229;
                text-align: center;
            }

                .check-list .filter-area > .tabs-changer .panel-tabs {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 10px;
                    right: 10px;
                }

                .check-list .filter-area > .tabs-changer li {
                    margin: 0px !important;
                }

                    .check-list .filter-area > .tabs-changer li span {
                        margin-top: 5px !important;
                    }


                    .check-list .filter-area > .tabs-changer li * {
                        margin: 0px !important;
                        display: block !important;
                    }


    .ModContent {
        min-height: 260px;
    }

    .check-list li {
        margin-right: 3px;
        font-size: 11px;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline select {
        width: 130px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline input {
        width: 120px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline input {
        width: 90px !important;
    }

    .hitscrollbar .select.block-inline + .block-inline + .select.block-inline + .block-inline + .block-inline + .block-inline input {
        width: 70px !important;
    }

    #LeadTable_wrapper > .row > .col-sm-6 {
        top: 50px;
    }

    .header-background {
        top: 90px;
    }

    .th-inner {
        top: 90px;
        padding-left: 1px;
    }

    .hitscrollbar .slimScrollDiv {
        padding-top: 56px;
    }

    #ChildSafeList_wrapper > .row:first-child {
        margin-top: 40px;
    }

    .data-select {
        margin-top: 45px;
    }

    .th-inner span.tableth {
        padding-left: 13px;
    }

    .circle-placeholder-highlight {
        margin-left: 4px;
    }

    .circle-placeholder {
        margin-left: 7px;
    }


    body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
        margin: 0 -220px 0 220px;
    }

    .eventCalendar-slider {
        height: 294px !important;
    }


    .navbar-form-custom {
        width: 130px;
    }

    /*.home .row > [class*='col-']:last-child > [class*='col-'], .home .row > [class*='col-']:last-child > .box-controller > [class*='col-'] {
    padding-left: 3px;
    padding-right: 3px;
}*/

    .home .ibox {
        margin-bottom: 5px !important;
    }

    .ibox-content {
        box-shadow: 0px 1px 2px rgb(175, 174, 174);
    }

    /*.box-detail > .row > [class*="col-"] {
    padding: 0px 1px 0px 0px;
}

.box-detail > .row > [class*="col-"]:nth-child(2) {
    padding-left: 1px;
    padding-right: 0;
}*/

    #page-wrapper {
        margin: 0 0 0 50px;
        padding-right: 5px;
    }

    .page-heading > [class*='col-']:first-child {
        padding-right: 0px;
    }

    .page-heading > [class*='col-']:last-child {
        padding-right: 5px;
    }

    /*.box-list li > .row > [class*='col-'] {
    padding-left: 14px;
    padding-right: 8px;
}*/

    .double-col > .box-detail > .row > [class*='col-'] {
        padding: 0px;
        padding-right: 1px;
    }

        .double-col > .box-detail > .row > [class*='col-']:nth-child(2) {
            padding: 0px;
            padding-left: 1px;
        }

    .double-col > .box-detail {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .home .ibox-content .box-detail {
        padding: 10px 10px;
    }

    .aspect-size-div > div > div > [class*="col-"] {
        padding: 0px 10px;
    }

    .wrapper-content {
        padding: 15px 10px 15px 10px;
    }


    .box-list h3, .box-title h3 {
        font-size: 13px;
    }

    .box-title {
        padding: 10px 10px;
    }

    .box-list p {
        margin-bottom: 0px;
    }

    .box-controller .ibox-content {
        padding: 38%;
        overflow: hidden;
    }

    /* Boostrap Structure */

    .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* ############# */

    /* Theme Structure */

    .ibox-content {
        padding: 15px 10px 20px 10px;
    }

    #page-wrapper {
        margin: 0 0 0 0px;
        padding: 0;
    }

    /* ######## */

    .check-list {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabs-container .nav-tabs {
        margin: -10px -10px 10px -10px;
    }

    .socialwall ul li {
        padding-right: 0px;
        padding-left: 0px;
    }

    .news-feed-box .ibox-title {
        margin-left: 5px;
        margin-right: 5px;
    }

    .news-feed-box .ibox-title {
        display: block;
    }

    body.fixed-sidebar.mini-navbar #page-wrapper {
        margin: 0 0 0 170px;
    }

    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 190px;
    }

    .page-heading {
        padding: 0 5px 0px 10px;
    }

        .page-heading h2 {
            font-size: 13px;
            margin-top: 7px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .page-heading .breadcrumb {
            font-size: 12px;
            display: flex;
        }

    .breadcrumb > li:last-child {
        display: inline;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navbar-top-links a {
        padding: 15px 15px !important;
    }

    .navbar-form-custom {
        width: 160px;
    }

    body.mini-navbar .navbar-form-custom {
        width: 115px;
    }

    .header-background {
        margin-right: 5px;
        margin-left: 5px;
    }

    /*.mobSearchView {
        position: fixed !important;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 80px 20px;
        height: 100% !important;
        z-index: 99;
        margin: 0px !important;
        border: 0 !important;
        transition: 0.5s ease-in;
        transition-delay: 0.5s;
    }

        .mobSearchView li {
            width: 100% !important;
            height: 75px !important;
        }

        .mobSearchView form {
            float: none !important;
        }

        .mobSearchView .navbar-form-custom {
            width: 100%;
            margin: 0px;
            height: 75px;
        }

        .mobSearchView .HomeSearch {
            display: none;
        }

        .mobSearchView .navbar-form-custom .form-control {
            height: 75px;
            font-weight: 300;
            font-size: 35px;
        }*/

    .mobSearchView .navbar-form-custom {
        margin-top: 0;
    }

    #popularSearches {
        display: none;
        height: auto !important;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }

    .pop-search .arrow {
        float: right !important;
    }

    #popularSearchList {
        bottom: 50px;
        max-height: 190px;
        overflow-y: scroll;
    }

        #popularSearchList li {
            padding: 10px 15px;
            height: auto !important;
        }

    .pop-search .arrow > i {
        transform: rotate(180deg);
    }

    .navbar-right {
        height: auto;
        float: right;
    }

        .navbar-right li {
            height: auto;
        }

    .mobSearchIcon, .policy-alert, .logout {
        display: inline-block !important;
        vertical-align: middle;
        height: auto !important;
        margin: 0px;
        border: 0;
        padding: 0px;
    }

        .logout a {
            padding: 0px !important;
        }

        .mobSearchIcon i {
            font-size: 18px;
            color: white;
        }

    .policy-alert {
        border: 0px !important;
    }

        .policy-alert > a, .policy-alert > a:active {
            padding: 0px !important;
            background-color: transparent !important;
        }

        .policy-alert .btn {
            display: inline-block;
            padding: 8px 15px !important;
            background-color: #3a4e6b !important;
        }

    /* Left Menu */

    body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 80px;
    }

    body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
        margin: 0 0px 0 80px;
    }

    body.fixed-sidebar.mini-navbar .navbar-default .nav li a {
        text-align: center;
        display: inline-flex;
        padding: 14px 7px 14px 5px !important;
        width: 100%;
        padding-right: 4px;
    }

    .nav-header {
        padding: 8px 15px !important;
    }

    .fixed-sidebar .nav-box {
        width: 100% !important;
        text-align: center !important;
    }

    body.mini-navbar.fixed-sidebar .nav-header .logo span:last-child {
        display: none;
    }

    body.fixed-sidebar.mini-navbar #side-menu .fa {
        display: block !important;
        margin-top: 0px;
        font-size: 24px;
        width: 100%;
        margin-right: 0px;
    }

    .fixed-sidebar.mini-navbar .nav .nav-second-level {
        position: absolute;
        left: 80px;
        background-color: #2f4050;
        padding: 0px;
        font-size: 12px;
        min-width: 180px;
        top: auto;
    }

    body.fixed-sidebar.mini-navbar #side-menu .right-icon {
        display: none !important;
    }

    body.fixed-sidebar.mini-navbar .nav-box > span {
        display: block !important;
        font-size: 10px;
        font-weight: 400;
        margin-top: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /* ##################### */


}


@media (min-width: 320px) and (max-width: 767px) {

    

.flex-layout-xs [class*='col-']{
    flex: 0 0 100%;
}

    .documentcontentdiv {
        border: 0px !important;
    }

    #Apptdropdown {
        height: 29px;
    }

    #Apptdropdowndiv {
        background: #fff;
    }

        #Apptdropdowndiv li {
            color: #041e42;
        }

    .supporttoparea .phonearea {
        border-left: 0px;
    }

    .emailarea, .phonearea {
        padding: 20px 0;
    }

    .supporttoparea {
        display: block !important;
        height: auto !important;
    }

    .notesections {
        border-left: 0px;
    }

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

    .ModContent {
        border-left: 1px solid silver;
    }

    .AgencyOptions ul {
        display: block !important;
    }

    .AgencyOptions li {
        width: 50% !important;
        float: left !important;
        margin: 5px 0;
    }

    .validationreportdiv div.dt-buttons {
        float: left !important;
    }

    .hiringdatafilter > div {
        display: block !important;
    }

    .hiringdatafilter {
        float: left !important;
    }

        .hiringdatafilter > div div:nth-child(1) {
            width: 37% !important;
            float: left;
            margin-right: 0px;
        }

        .hiringdatafilter > div div:nth-child(2) {
            width: 63%;
            float: left;
        }

        .hiringdatafilter label {
            margin: 10px 0 0;
        }

    .hiringmoduletable.monthlydatapopup div.dataTables_length {
        top: 5px;
    }

    .hiringmoduletable.monthlydatapopup table.dataTable {
        margin: 40px 0 !important;
    }

    .monthdropdown {
        width: 110px !important;
    }

    .canditatatbl table#CandidateTable {
        margin-top: 0px !important;
    }

    .canditatatbl div.dt-buttons {
        right: auto;
        top: 95px;
    }

    .canditatatbl .dataTables_length {
        top: 95px;
    }

    .hide-showent .dataTables_length {
        font-size: 0px;
    }

    .p-xs-r-0 {
        padding-right: 0px;
    }

    .m-xs-ma-5 {
        margin: 5px 0;
    }

    .m-t-sm-10 {
        margin-top: 10px;
    }

    .m-b-xs-10 {
        margin-bottom: 10px;
    }

    .canditatatbl {
        margin-top: 35px;
    }

        .canditatatbl .dt-buttons {
            position: absolute;
            top: 95px;
        }

    .leadtablefilters > div {
        width: 33% !important;
        float: left !important;
        margin: 5px 0;
        padding: 0 2px;
    }

    .hitscrollbar .leadtablefilters .block-inline button,
    .hitscrollbar .leadtablefilters .block-inline input,
    .hitscrollbar .leadtablefilters .block-inline select,
    .hitscrollbar .leadtablefilters .select.block-inline select#ddlProximity {
        width: 100% !important;
        min-width: 100% !important;
    }

    .leadtablediv #LeadTable_wrapper > .row > .col-sm-6 {
        top: 93px;
    }

    .leadtablefilters .unprintedbtn {
        padding: 6px 2px !important;
    }

    #ChildSafeBoxForm .form-group {
        margin-bottom: 0px;
    }

    .leadchecklist.check-list .panel-tabs li {
        width: 33%;
        margin: 5px 0 !important;
    }

    .w-xs-100 {
        width: 100%;
    }

    .leadchecklist #pnlleadoperations li {
        width: 50%;
        float: left;
        display: block;
        margin: 2px 0;
    }

    .leadchecklist.check-list #pnlleadoperations ul {
        float: left !important;
        display: block;
        padding: 5px 0 !important;
    }

    .clearfix-xs {
        clear: both;
    }

    .uname {
        width: 50px !important;
    }

    .userProfile {
        margin-left: 5px;
        padding: 0px !important;
    }

    .userProfileDropdown .dropdown-menu {
        right: 0;
        left: auto;
    }

    .prodstats {
        margin: 0 !important;
        border: 0 !important;
        padding: 0 !important;
    }

    .statsdiv {
        margin: 0px !important;
    }

    .text-right-xs {
        text-align: right !important;
    }

    .agencytotalmob {
        height: 35px;
        vertical-align: middle !important;
    }
    /* Certificate Template */

    .certificate-template table {
        font-size: 9px !important;
        width: 300px !important;
        padding: 10px 5px !important;
        margin: 0px !important;
        height: auto !important;
    }

        .certificate-template table span, .certificate-template table label {
            font-size: 9px !important;
        }

    /* ############### */

    body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
        margin: 0 -220px 0 220px;
    }

    .lead-popup-width {
        width: 100%;
    }

    .mob-overflow-x {
        max-height: initial !important;
    }

    .fixed-sidebar.mini-navbar .nav .nav-second-level {
        top: 0px !important;
    }

    .tabs-container .nav-tabs > li {
        float: none !important;
        display: inline-block;
        margin-right: -4px;
    }

        .tabs-container .nav-tabs > li:last-child {
            margin-right: 50px;
        }

    .tabs-container .nav-tabs {
        white-space: nowrap;
        margin: 0px;
        margin-bottom: 15px;
        overflow: auto;
    }

    .tabs-mobile {
        position: relative;
        margin-left: -20px;
        margin-right: -20px;
    }

        .tabs-mobile:after {
            content: '';
            width: 85px;
            height: 95%;
            position: absolute;
            right: -20px;
            top: 0px;
            background-image: linear-gradient(to right, #ffffff4f, #ffffff, #ffffff);
        }

    .nav-tabs > li > a {
        padding: 10px 20px;
        margin: 0px;
    }

    .wrapper-content {
        padding: 20px 0px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #page-wrapper {
        margin: 0px;
    }

    .page-heading {
        padding: 10px 0px !important;
    }

    .minimalize-styl-2 {
        margin: 0px 15px 0px 0px;
        width: 37px;
        height: 32px;
    }

    .navbar-minimalize .hamburger > div {
        margin-bottom: 5px;
    }

    .page-heading h2 {
        margin-bottom: 2px;
        margin-top: 0px;
    }

    /*.mobSearchView {
        position: fixed !important;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 80px 20px;
        height: 100% !important;
        z-index: 99;
        margin: 0px !important;
        border: 0 !important;
        transition: 0.5s ease-in;
        transition-delay: 0.5s;
    }

        .mobSearchView li {
            width: 100% !important;
            height: 75px !important;
        }

        .mobSearchView form {
            float: none !important;
        }

        .mobSearchView .navbar-form-custom {
            width: 100%;
            margin: 0px;
            height: 75px;
        }

        .mobSearchView .HomeSearch {
            display: none;
        }

        .mobSearchView .navbar-form-custom .form-control {
            height: 75px;
            font-weight: 300;
            font-size: 35px;
        }*/

    .mobSearchView .navbar-form-custom {
        width: 120px !important;
        height: 30px;
        margin-top: 0;
    }

        .mobSearchView .navbar-form-custom.search-box input.form-control {
            height: 25px !important;
            border-bottom: 0px !important;
            font-size: 12px;
            padding-right: 26px !important;
        }

    #popularSearches {
        display: none;
        height: auto !important;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }

    .pop-search .arrow {
        float: right !important;
    }

    #popularSearchList {
        bottom: 50px;
        max-height: 190px;
        overflow-y: scroll;
    }

        #popularSearchList li {
            padding: 10px 15px;
            height: auto !important;
        }

    .pop-search .arrow > i {
        transform: rotate(180deg);
    }

    .navbar-right {
        height: auto;
        float: right;
    }

        .navbar-right li {
            height: auto;
        }

    .mobSearchIcon, .policy-alert, .logout {
        display: inline-block !important;
        vertical-align: middle;
        height: auto !important;
        margin: 0px;
        border: 0px !important;
        padding: 0px;
    }

    .mobSearchIcon {
        padding-right: 15px;
    }


    .logout a {
        padding: 0px !important;
    }

    .mobSearchIcon i {
        font-size: 18px;
        color: white;
    }

    .policy-alert {
        border: 0px !important;
    }

        .policy-alert > a, .policy-alert > a:active {
            padding: 0px !important;
            background-color: transparent !important;
        }

        .policy-alert .btn {
            display: inline-block;
            padding: 8px 15px !important;
            background-color: #3a4e6b !important;
        }

    .check-list {
        position: relative;
    }

        .check-list ul {
            float: none !important;
            display: flex;
            padding: 0 !important;
        }

            .check-list ul li {
                padding-bottom: 10px;
            }

        .check-list .filter-area {
            float: none !important;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 12px;
        }

            .check-list .filter-area > .block-inline {
                display: block !important;
                float: left;
                margin: 0;
                padding: 0px 10px;
            }

            .check-list .filter-area.four-col > .block-inline {
                width: 33.3333%;
            }

            .check-list .filter-area.three-col > .block-inline {
                width: 33.3333%;
            }

            .check-list .filter-area > .block-inline > .block-inline {
                display: block;
                width: 100%;
            }

            .check-list .filter-area > .tabs-changer {
                /* position: absolute; */
                right: 0;
                /* height: 100%; */
                display: block !important;
                width: 100% !important;
                margin-top: 10px;
                margin-bottom: -10px;
                padding: 10px 10px;
                background: #011229;
                text-align: center;
            }
}

/** Developer classes*/
.PopupViewMore {
    margin: 0px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    color: white !important;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px;
}

.btn-facebook {
    background-color: #3b5998;
}

.btn-twitter {
    background-color: #00a0d1;
}

.btn-rss {
    background-color: #FF9900;
}

.btn-youtube {
    background-color: #c4302b;
}

.btn-instagram {
    background-color: #4E433C;
}

.bannerback {
    padding: 1px;
    background: #efefef;
}

.text-wrap {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word;
}
.modselectedopt {
    position: absolute;
    right: 0;
    z-index: 11;
        top: 20px;
    background: #fff;
    color: #041e42;
    text-align: left;
    font-size: 13px;
    box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
}
.modselectedopt div{
   padding: 9px 10px;
}
.modselectedopt div:hover{
     background: #e2e2e2;
}
.norecordmod .modmsgleftparent, .norecordmod .messagecontentarea {
    max-height: 350px;
}
.norecordmod .modmessageleftarea{
        border: 0;
    text-align: center;
    cursor: default;
}
.emptymsg{
    margin-top: 40px;
}

/*.submitRequirement {
    margin-bottom: -6px !important;
}*/

.bg-darkgry {
   background-color: #d4d4d4 !important;
}

.cursor-nodrop {
    cursor: no-drop !important;
}

.documentSigningtable thead tr th {
    background-color: #dfdfdf !important;
}

.documentSigningtable tbody tr {
    background-color: #eff0f2 !important;
}

.documentSigningtable tr td, .documentSigningtable tr th {
    border: 0px !important;
    border-right: 1px solid #bcbcbc !important;
}

@media only screen and (max-width: 480px) {
    ul#ulLiveTime li span {
        font-size: 40px;
        font-weight: 300;
        line-height: 70px;
    }

    ul#ulLiveTime li.seperator {
        font-size: 30px;
        line-height: 70px;
        vertical-align: top;
    }

    ul#ulLiveTime li p {
        color: #3a4e6bde;
        font-size: 20px;
        margin: 0px;
    }
}

.messageattachment {
    border: #afafb1 1px solid;
    margin-bottom: 10px; 
    position: relative;
}
.messageattachment:hover{
    background:#e7e7ec !important;
}


.attachmenticon {
    position: absolute;
    bottom: -1px;
    right: 0px;
}
.policysearchbox {
    text-align:left
}
.Modmsgfilter {
    margin-top:2px;
    margin-right:7px;
}
.policysearchbox input {
     border: 1px solid #e5e6e7;
    padding: 20px 40px 20px 10px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);

}
.policysearchparent{
        /*border: 1px solid #e5e6e7;*/
}
.policysearchbox i {
        position: absolute;
    color: #1c84c6;
    top: 10px;
    left: 5px;
}

.chkReadyForSumit:checked {
    background: #5cb85c !important;
    appearance: none;
    content: "/f00c";
    color: white;
    position:relative;
}

    .chkReadyForSumit:checked:after {
        content: "\f00c";
        font-family: FontAwesome;
        position: absolute;
        left: 3px;
        top: 3px;
        font-weight: 500;
        font-size: 12px;
    }

.chkReadyForSumit:focus {
outline: thin dotted;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.policysearchparent .policysearchbox i {
    right: 15px;
    left: auto;
    color: rgba(245, 67, 57, 0.87) !important;
    font-size: 17px !important;
    top: 11px;
}
.msgtype a {
    color: #A7B1C2 !important;
    padding:2px 10px 8px 10px;
    margin: 0px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}
.msgtype a.selectedtype,.msgtype a:hover{
     border-bottom: 2px solid #1c84c6 !important;
        color: #1c84c6 !important;
}
.msgtype {
    margin-top: 1px;
        
}
.msgtypediv{
    /*border-bottom: 1px solid #e5e6e7;*/
    margin: 0 -5px 2px -5px;
    min-height: 29px;
    
}

.optinlink:hover {
    text-decoration: underline;
    color: #1c84c6 !important
}
.optinlink:visited {
    color: #1c84c6 !important
}  

.Docsigningmodal ul {
    padding-left: 4px;
    margin-bottom: 0;
}
.fileicon i {
    font-size: 38px;
    margin: 10px 0;
}
.divSignNowDocumentName{
        transform: translate(0%,-50%);
    position: absolute;
    top: 50%;
        line-height: 20px;
    left: 45px;
}

.docname {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

.messagecontentarea blockquote.gmail_quote {
    font-size: 14px !important;
}
 .policysteps {
        height: 12px;
        width: 12px;
        margin: 0 2px;
        background-color: #bbbbbb;
        border: none;
        border-radius: 50%;
        display: inline-block;
        opacity: 0.5;
 }

 .policysteps.finish {
     opacity: 1;
     background-color: #3a4e6b;
 }
 .chkCompanyPolicy{
     position: relative;
    top: 3px;
    width: 15px !important;
    height: 15px !important;
 }
 .policypopup .modal-dialog {
    margin-top: 100px;
}
 .policyvideo{
     width:80% !important;
}
 .EditProfileModal .modal-dialog, .AilInfo .modal-dialog {
    margin-top: 50px;
}
#divAgentAgreementInformation .emailtooltip {
    position: absolute;
    right: 23px;
    top: 49px;
    cursor: pointer;
}
#divAgentAgreementInformation .alert-success{
    margin-bottom:0 !important
}
.AilInfo .modal-body {
    padding: 20px 20px 30px 20px;
    max-height: 400px;
    overflow: auto;
        margin-bottom: 10px;
}
.AilInfo .modal-body .close{
    font-size:25px;
}

video::-webkit-media-controls-panel {	
background-image: linear-gradient(transparent, transparent) !important;
	padding: 0px 5px;
}
#divAgentAgreementInformation input[type=button]{
   padding: 7.5px 12px !important;
}
.ModContentUpdate{
    font-size:11px !important
}
.ModContentUpdate a {
    font-weight: normal !important;
    cursor: pointer;
}
.ModContentUpdate  .ModNote{
    border:0px !important
}
.ModContentUpdate  .links{
   width: 30px;
    display: inline-block;
        text-align: center !important;
}
.ModContentUpdate  .links.historylink{
   width: 80px;
    margin-right: 10px;
    cursor: pointer;
    color: #1c84c6;
    text-align: left !important;
}
.ModContentUpdate  .links.historylink .btnlbl{
    position: relative;
    top: -2px;
    padding-left: 2px;
    font-style: italic;

}
.MODdata .ModLabel {
    width: 31%;
    display: block;
    float: left;
    max-width: 85px;
}
.MODdata .ModValue {
    width: 67%;
    display: block;
    float: right;
    word-break: break-all;
}
.UnderwritingMOD.MODdata .ModValue{
     float: left;
}
.MODTopSeprator{
        border-top: 1px solid silver;
    padding-top: 10px;

}
.MODbottomSeprator{
        border-bottom: 1px solid silver;
    padding-bottom: 10px;

}
.Modactionleftarea .MODTopSeprator{
    margin-left: -10px;
    margin-right: -10px;
}
.Modactionleftarea{
    border-right: solid 1px silver;
}
.ModContentUpdate {
    padding: 0 10px;
}
.modNotesSection {
        border: 1px solid silver;
        clear:both;
}
.modNotesSection  .ModNote-cnt{
    font-size:12px;
    padding: 3px 5px 3px;
}
.MODpolicyicon{
    position:relative;
    top:-2px ;
}
.ModContentData > div {
    clear: both;
}
.userprofileview .policyvideo{
    width:100% !important;
}
.skippopup{
    margin-top: 6px !important;
    display: block;
}
.documentTypeopt {
    position: absolute;
    right: 55px;
    z-index: 11;
        top: 20px;
    background: #fff;
    color: #041e42;
    text-align: left;
    font-size: 13px;
    box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
}

.documentTypeopt div {
   padding: 9px 10px;
}

.documentTypeopt div:hover{
     background: #e2e2e2;
}
.prodtable .wd4prcnt, .prodtable .wd5prcnt , .prodtable .wd6prcnt{
    min-width: 80px !important;
    width: 80px !important;
}
#gridContent2 .prodtable  #header_wrapper + table {
    width: 2022px !important;
}
.MODContentFlex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0 !important;
}
.MODBottomBtnsArea {
    position: relative;
    flex-direction: row;
    display: flex;
    bottom: 25px;
    background: #f2f2f2;
}
.MODBottomBtns {
    padding: 20px 0;
    text-align: center;
        flex-grow: 1;
    max-width: 80px;
}
.MODBottomBtns a {
    display: block;
    color: #000 !important;
}

.iconNewMsg {
background-color: #ffb509;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    right: 2px;
    animation: blink 0.8s ease-in infinite;
    top: -2px;
}
.modgreen .iconNewMsg{
 border: 1px solid #caff87;
}
.bg-yellow .iconNewMsg{
 border: 1px solid rgb(243, 243, 77) !important;
}
.modred .iconNewMsg{
 border: 1px solid #ffc9c9;
}

@keyframes blink {
  from, to { opacity: 1 }
  50% { opacity: 0 }
}
.MODBottomBtns i{
    cursor:pointer;
}

.Rt99Partition{
  display: flex;
  height: 58%;
  flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.edit-production-tr td{
        min-width: 110px !important;
}
.edit-production-tr td:nth-child(1){
        min-width: 40px !important;
}
.wid20percent{
    width:20% !important;
}
.MODBottomNotes{
        border-bottom: 1px solid silver;
        padding-bottom: 0 !important; 
}
.bg-response{
    background: #d8d5d5;
}
.custom-selected{
    background: #b0bed9;
}
.svgicon {
    width:16px;
}
.MODActHeading{
        font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 1px; 
}
.MODActSubHeading{
    margin-top: 20px;
    font-size: 12px;
}
#paginationdiv{
    margin:20px 0 0;
    text-align:right;
}
#paginationdiv a,#paginationdiv span{
    cursor:pointer;
    padding: 6px 10px;
    line-height: normal;
    border: 1px solid #e7eaec !important;
    color: #333333;
    outline: 0px !important;
    font-size: 12px;
}
#paginationdiv .modcustompage.disabled {
    cursor: not-allowed;
    background-color: white !important;
}
#paginationdiv a.activepage {
    background-color: #e6e6e6 !important;
    color: #333333;
    cursor: default;
}
#paginationdiv a:hover,#paginationdiv span:hover {
    background-color: #e7eaec;
}
#resolveMod{
    clear:both
}
.unfavpopup .modal-dialog{
    width: 450px !important;
}
.unfavpopup .modal-body{
    padding: 15px !important;
}
@media (max-width:1499px){
   .leadinboxtbl span.tableth {
    margin-right: 20px;
    white-space: nowrap;
}
     .leadinboxtbl thead .briefcaseimg{
margin-right: 20px;
   }
}

.disabledpage {
    cursor: not-allowed !important;
    opacity: 0.6;
    background: #eee !important;
}
.fixed-sidebar .nav-box .menu_icon_div .new_menu_icon_indicator {
    background-color: #1c84c6;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: inline-block !important;
    position: absolute;
    right: -5px;
    animation: blink 0.9s ease-in infinite;
    top: 0px;
    border: 2px solid #2f4050;
}
.fixed-sidebar.mini-navbar .nav-box .menu_icon_div .new_menu_icon_indicator {
    right: 10px;
}
.new_submenu_icon_indicator {
    width: 13px;
    height: 13px;
    background: #1c84c6;
    display: inline-block !important;
    border-radius: 50%;
    float: right;
    animation: blink 0.9s ease-in infinite;
    margin-right: 5px;
    margin-top: 4px;
    border: 2px solid #2f4050;
}
.menu_icon_div {
    position: relative;
    display: inline-block;
    width: auto;
}
#ResolvedModeTable_wrapper div.dataTables_processing{
        top: 0px !important;
        bottom: -20px !important;
}
#ResolvedModeTable{
    margin-bottom: 5px !important;
}
.modv2parent .tabcontainerheight{
    height: calc(100vh - 178px);
}
.modv2parent  .tabcontent, .modv2parent .modmessagerightarea{
    height: calc(100% - 60px);
}
.select2custom, .select2custom + .select2-container {
    width: 300px;
}
.select2custom + .select2-container--default .select2-selection--single,
.select2custom + .select2-container--default .select2-selection--multiple {
    background: transparent;
    border-bottom: 1px solid #fff !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0px;
    margin-bottom: -5px;
    padding-bottom: 4px;
}
.select2custom + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 22px;
}
.select2custom + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}
.select2custom + .select2-dropdown {
    border-radius: 0px;
}
.multiselectinvalid .select2-selection--multiple {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
    border-radius: 0px;
}
.multiselectinvalid  .select2-search__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #8a1f11;
  opacity: 1; /* Firefox */
}
.select2-container--open {
    z-index: 11111;
}
/*.ModContentUpdate .links.historylink.ModSigned{
min-width: 50%;
    margin-right: 10px;
    cursor: pointer;
    color: #1c84c6;
    text-align: left !important;
    max-width: 49%;
    width: auto;
}
    */
.ModContentUpdate .links.historylink .btnlbl{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    top: 0;
}
.ModContentUpdate .links.historylink {
       width: calc(100% - 90px);
       margin-right: 0 !important;
}
.authenticate label.error {
    display: block;
    margin-left: 0;
    font-weight: normal;
}
label#userLoginPassword-error[style="display: block;"] ~ #wrongPwdError {
    display: none !important;
}

@media (max-width:1499px){
    .reslis-m-10{
            margin-top: 18px;
    }
}

.removeattachment{
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 14px;
    border: 1px solid #adb3b8;
    background: #fff;
    font-size: 11px !important;
    border-radius: 4px;
    color: #828486 !important;
}
.addattachment{
    padding: 7px 12px;
    border: 1px solid #5cb85c;
    color: #5cb85c !important;
    border-radius: 5px;
}
.codUploadFile{
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0 !important;
}
.moreImageUploadLink {
    margin-left: 10px;     
    margin-top: 8px
}
.additionalfiles {
    color: #4b8c4b !important;
}
.additionalfiles:hover {
    color: #3f863f !important;
}

 #tbUploadedFiles td,th {
    border: 1px solid #e5e6e7;
    padding: 5px 10px;
    font-size: 13px !important;
    border-top: 1px solid #e5e6e7 !important;
}

 #tbUploadedFiles  input#BtnRemove {
    background: #fff;
    border-radius: 4px;
     border: 1px solid #adb3b8;
    font-size: 11px !important;
    color: #828486;
}
 .leadaddress{
     max-width:250px;
white-space: nowrap;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
 }

 .leadaddress  .tooltip {
     
    word-break: break-all;
 }
 .submenu_indicator{
     display:flex;
     align-items:center;
     width:100%;
 }
 .newhiretrack{
     background-color: #d1e6f4;
     border-radius: 5px;
     padding: 10px;
 }

 .phonedailer .modal-dialog {
    width: 420px;
}
  .phonedailer.calllogtable .modal-dialog {
    width: 1020px;
}


 .phonedailer .webgrid-table td,  .phonedailer .webgrid-table th,   .phonedailer td {
    border: 1px solid #e5e5e5 !important;
    border-top: 1px solid #e5e5e5 !important;
}

  #dialer_table {
            width: 100%;
            font-size: 1.75em;
        }

        #dialer_table tr td {
            text-align: center;
            height: 70px;
            width: 33%;
        }

        #dialer_table #dialer_input_td {
            border-bottom: 1px solid #e5e5e5;
        }

        #dialer_table #dialer_input_td input {
            width: 100%;
            border: none;
            font-size: 1.6em;
                text-align: left;
                outline:none !important
        }

        #dialer_table #dialer_input_td input::placeholder, .iti__dial-code{
            font-size: 0.8em;
        }

.iti__country-name {
    display:none
}

.iti__country-list{
overflow:auto !important;
}

.iti__dial-code {
    color: #11294d !important;
}
        /* Remove arrows from type number input : Chrome, Safari, Edge, Opera */
        #dialer_table #dialer_input_td input::-webkit-outer-spin-button,
        #dialer_table #dialer_input_td input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Remove arrows from type number input : Firefox */
        #dialer_table #dialer_input_td input[type=number] {
            -moz-appearance: textfield;
        }

        #dialer_table #dialer_input_td input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #cccccc;
            opacity: 1; /* Firefox */
        }

        #dialer_table #dialer_input_td input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #cccccc;
        }

        #dialer_table #dialer_input_td input::-ms-input-placeholder { /* Microsoft Edge */
            color: #cccccc;
        }

        #dialer_table .dialer_call_btn_td {
               color: #ffffff;
    background-color: green;
    border: none;
    cursor: pointer;
    width: 60px;
    text-decoration: none;
    padding: 19px 9px;
    font-size: 0.8em;
    text-align: center;
    display: inline-block;
    margin: 9px 7px 7px 2px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
  
    border-radius: 50%;
    height: 60px;
        }

        .dialer_call_btn_td.availablenum {
    color: #ffffff;
    background-color: green;
    border: none;
    cursor: pointer;
    width: 30px;
    text-decoration: none;
    padding: 8px 9px;
    font-size: 0.8em;
    text-align: center;
    display: inline-block;
    margin: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    border-radius: 50%;
    height: 30px;
}


         #dialer_table .dialer_call_btn_td  i{
            font-size: 25px;
        }

        .hangupicon{
            transform: rotate(135deg);
        }

         #dialer_table .dialer_call_btn_td:hover, .dialer_call_btn_td.availablenum:hover {
            background-color: #009d00 !important;
        }

        #dialer_table .dialer_call_btn_td.hangupbtn{
            background-color: red;
        }


        #dialer_table .dialer_call_btn_td.hangupbtn:hover {
            background-color: #b51010 !important;
        }
        .dialer_num div {
    font-size: 12px;
    color: #999;
}

        .calllogdiv{
            max-height: 343px;
    overflow-y: auto;
    overflow-x: hidden;
        }
        .calllogrow {
       padding: 15px 7px;
    border-bottom: 1px solid #eaeaea;
}
.availablenumrow {
    padding: 10px 7px;
    border-bottom: 1px solid #c5c5c5;
    display: flex;
    align-items: center;

}
/*    .calllogdiv .calllogrow:nth-child(2n), .availablenumrow:nth-child(2n) {
        background: #f1f1f1;
    }*/

        
        #dialer_table .dialer_call_btn_td.bluebg {
            background-color: #1c84c6 !important;
        }
         #dialer_table .dialer_call_btn_td.bluebg:hover{
            background-color: #114566 !important; 
        }


        #dialer_table .dialer_call_btn_td.callbntn[disabled],
          #dialer_table .dialer_call_btn_td.hangupbtn[disabled]{
            pointer-events:none !important;
            opacity: 0.5;
    user-select: none;
        }

        #dialer_table .dialer_num_tr td {
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none; /* Safari */
            -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
        }

        #dialer_table .dialer_num_tr td:nth-child(1) {
        }

        #dialer_table .dialer_num_tr td:nth-child(3) {
        }

        #dialer_table .dialer_num_tr:nth-child(1) td,
        #dialer_table .dialer_num_tr:nth-child(2) td,
        #dialer_table .dialer_num_tr:nth-child(3) td,
        #dialer_table .dialer_num_tr:nth-child(4) td {

        }

        #dialer_table .dialer_num_tr .dialer_num {
            color: #041e42;
            cursor: pointer;
            font-weight:600
        }

        #dialer_table .dialer_num_tr .dialer_num:hover {
            background-color: #fafafa;
        }

        #dialer_table .dialer_num_tr:nth-child(0) td {
            border-top: 1px solid #fafafa;
        }

        #dialer_table .dialer_del_td img {
            cursor: pointer;
        }

.modal-body-background-color{
     background-color:#36454f;
 }

.calllogtbl .col-sm-6{
    width:100% !important;
}

.calllogtbl table{
    width:100% !important;
        margin: 10px 0 !important;

}
/*.calllogtbl thead, .calllogtbl .dataTables_scrollHead{
    display:none
}*/

.calllogtbl table tr td{
    padding:8px 10px !important;
    border:0px !important
}
.calllogtbl table tr:nth-child(2n+1) td{
    background:#f3f0f0;
}
/*.calllogtbl table tr td:nth-child(1){
    font-size: 14px !important;
    font-weight: 600;
}*/
.calllogtbl table tr td:nth-child(2){
    text-align:right !important
}

.downloadao ul {
    min-width: 290px;
}

.downloadao li {
    max-width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dailerbtn{
    height:34px;
}
.dailerbtn input {
   background: transparent !important;
   border:0px !important
}
#aoProfileId {
    color: #333 !important;
}

#CallLog_wrapper .row:nth-child(2) {
    max-height: 354px;
    overflow: auto;
    width: 100%;
    margin: 10px 0  0;
}
    #CallLog_wrapper .row:nth-child(2) .col-sm-12 {
        padding: 0px !important;
    }
    #CallLog_wrapper .row:nth-child(2)  table {
        margin: 0px !important;
        border-collapse:unset!important;

    }


#CallLog_wrapper .row:nth-child(2) .TabHead {
    position: sticky;
    top: 0px;
    background: white;
    z-index: 0;
}

.float-right{
    float:right;
}

.customcheckboxcss input[type="checkbox"]:focus, .customcheckboxcss.checkbox input[type="checkbox"]:focus + label::before, .customcheckboxcss.checkbox input[type="radio"]:focus + label::before {
    outline: none !important
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.customalert {
    display: flex !important;
    flex-direction: row !important;
}

    .customalert .icon {
        margin-right: 10px !important;
        padding-top: 2px;
    }

.Associateicon {
    position: relative;
    top: 1px;
    float: right;
    color: #adadaca6;
}

.associateLocked{
    color: #f8ac59 !important;
}
.customforms .form-group {
    position: relative;
}
.customerror ~ span {
    position: absolute;
    font-size: 11px;
    color: #f00;
    text-align: right;
    display: block;
    width: 100%;
    right: 15px;
}
.spanishlgtruncate {
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.d-flex{
    display:flex;
}

.phonedailermodal .modal-backdrop.fade.in {
    opacity: 0 !important;
}
.multicolor {
        padding: 5px;
    padding-top: 2px;
    
}

.MasterClassTV {
    margin-left: -15px;
    margin-right: -15px;
}

.MasterClassTV .header {
        background: #35464B;
}

.headerimg {
    width: 65%;
    margin:0 auto;
}
.headerimg img {
    width: 100%;
}
.MasterClassTV .modal-body {
    padding: 0px !important
}


.VideoDiv video {
    width: 100% !important;
    height: 400px !important ;
    background: #000;

}


.MasterClassTV .list-group {
    padding-left: 0;
    margin-bottom: 10px;
}


#VideoDiv video {
    pointer-events: none;
}

#VideoDiv video::-webkit-media-controls {
    display: none !important; 
}

div.VideoDiv {
    max-width: 700px;
    margin: 20px auto;
    position:relative;
}

.VideoDiv img {
    position: absolute;
    width: 70%;
    height: 70%;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.addcc {
    width: 500px !important;
}
    .addcc.addcreditcard {
        width: 400px !important;
    }
    .addcc.addphone {
        width: 560px !important;
    }
.addcc .modal-body {
    padding: 20px !important;
}

.StripeElement {
    padding: 7px 5px;
    border-radius: 1px;
    border: 1px solid #e5e6e7;
    margin-top: 4px;
}
.justify-spacebetween {
    justify-content: space-between;
}

.reviewao .wrapper-content {
    padding: 20px 15px 15px;
}

.reviewao .table > tbody > tr > td {
    vertical-align: middle;
}

.justify-end{
    justify-content:end
}
.switch-btn
{
    display: inline-block;
    background: #E5E6E8;
    border-radius:50px;
}

.switch-btn label
{
    margin-left:-4px;
    padding:4px 12px;
    font-size: 13px !important;
}

.switch-btn .active
{
    border-radius:50px;
    background: #4a6c8c;
    color:white;
}
.switch-btn .focus{
   outline:none !important;
}
.nav .switch-border{
    border-left:0px !important;
}
.leadzoom{
    display:flex;
    align-items:center;

}
.truncate {
    width: 148px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.footer-bottom-fixed {
    position: fixed;
    bottom: 0;
    background-color: #2f4050;
    width: 100%;
    z-index: 1;
    text-align: center;
    color: white;
    padding: 3px;
    z-index: 2;
}
.envelope-circle {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #ffb509;
    left: 10px;
    right: 0;
    margin: auto;
    top: 13px;
    border-radius: 10px;
    z-index: 1;
}
.disclaimer-report {
    background-color: #fbfbfb;
    color: inherit;
    border-color: #e7eaec;
    border-style: solid solid none;
    border-width: 0px 0;
}
.resendmessagebox {
    background-color: #dff0d8;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}

/*.newloginlayout  {
    display: flex;
    height: 100%;
    align-items: center;
}

.newloginlayout .middle-box {
    padding-top: 0px !important;
    width: 435px;
    max-width: 435px;
}

.newloginlayout.loginColumns {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.newloginlayout span.field-validation-error {
    position: absolute;
    font-size: 12px;
}

.newloginlayout input.form-control {
    height: 36px;
    padding: 6px 12px;
}

.newloginlayout input[type="submit"], .customanchor {
    height: 42px;
}
.newloginlayout .spacer {
    margin: 0px !important;
    padding-top: 12px;
    padding-bottom: 12px;
}
.newloginlayout .alert {
    margin: 12px 0 !important;
    padding: 11px 30px 11px 12px;
    border-radius: 4px !important;
    text-transform: capitalize;
    text-align: left;
}

.color-drkblue {
    color: #3a4e6b !important;
}

.newloginlayout .ibox-content {
    padding: 36px !important;
    border: solid 1px #e5e6e7;
    border-radius: 4px;
    box-shadow: none !important;
}

.newloginlayout .altig-logo {
    max-width: 96px;
}

.newloginlayout .logoparent {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}*/

.alignTopVertical{
    vertical-align: top !important;
}
.hidesChipsTags{
    display:none;
}
.hidesChipsTagsView {
    display: none;
}
.showChipsTags {
    display: inline-block;
}
.moreLessbtn {
    background: none;
    border: 0;
    text-decoration: underline;
    color: #1c84c6;
    font-weight: bold;
}
.leadTagsTruncate {
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.leadTagChipsWidth {
    width: auto;
    max-width: 100%;
    overflow: hidden;
}

.marketdesignation th.headerItem {
    color: #293846 !important;
    font-size: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.marketdesignation td {
    vertical-align: middle !important;
}

.customscrollbar::-webkit-scrollbar-track, .campaigndetail > div::-webkit-scrollbar-track {
    background-color: rgb(var(--v-theme-primaryDark)) !important;
}

.customscrollbar::-webkit-scrollbar, .campaigndetail > div::-webkit-scrollbar {
    width: 6px;
    background-color: rgb(var(--v-theme-primaryDark)) !important;
}

.customscrollbar::-webkit-scrollbar-thumb, .campaigndetail > div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #aaabac !important;
}
.customscrollbar {
    overflow: auto;
    height: 100%
}

.min-wd-120px {
    min-width: 120px !important;
}



.min-h-200p {
    min-height: 200px !important;
}

.apptcalender {
    position: fixed;
    right: -361px;
    padding-right: 0;
    z-index: 2002;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
    height: 97px;
    width: 450px;
    top: 360px;
}

.connectprofile {
    position: fixed;
    right: -361px;
    padding-right: 0;
    z-index: 2002;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
    height: 97px;
    width: 450px;
    top: 250px;
}

.apptcalender.show {
    right: 15px;
    overflow: inherit;
    height: 709px;
    top: auto;
    z-index: 2003;
}


.connectprofile.show {
    right: 15px;
    overflow: inherit;
    height: auto;
    top: auto;
    z-index: 2003;
    min-height: 200px;
}

    .connectprofile.show + .apptcalender {
        z-index:1
    }

.appverticaltext .apptext, .appverticaltextcall .apptext {
    background: #041e42;
    width: 90px;
    position: relative;
    text-align: center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 90px;
    box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.apptcalender.show .appverticaltext .apptext, .connectprofile.show .appverticaltextcall .apptext,
.apptcalender.show .appverticaltext + div, .connectprofile.show .appverticaltextcall + div {
    box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.apptcount {
    background: red;
    width: 19px;
    height: 19px;
    margin-bottom: 12px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 22px;
    font-size: 11px;
    padding-top: 1px;
}

.apptext {
    transform: rotate(0deg);
    height: 100%;
    position: absolute;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    flex-direction: column;
    line-height: 17px;
}

    .apptext i {
        font-size: 32px;
        margin-bottom: 4px;
    }

.appverticaltextcall .apptext i {
    transform: rotate(-90deg);
}
    .apptext i {
        font-size: 32px;
        margin-bottom: 4px;
    }
.appverticaltextcall .apptext i {
    transform: rotate(-90deg);
}
.leadoverlay.show {
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2001;
    top: 0;
}

@media (max-width:1600px){
    .apptcalender.show {
        top: 20px;
    }
}


.mfacontainer {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    max-width: 440px;
    margin: auto;
    width: 92%;
    flex-wrap: wrap;
    text-align: center;
    padding: 36px;
    flex-direction: column;
    min-height: 798px;
    justify-content: space-between;
}

.logodiv img {
    width: 96px;
    height: 96px;
}

.headingdiv {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color:#3A4E6B;
    padding: 36px 12px 36px;
}
.headingdiv2 {
    font-size: 24px;
    font-weight: bold;
    color: #3A4E6B;
    line-height: normal;
    padding: 16px 12px 36px;
}

.introtext {
    padding: 0 12px 28px;
}

.introtext2 {
    padding: 0 17px 28px;
}

.sepratorbdr {
    border-bottom: 1px solid #E5E5E5;
    margin: 36px 0px;
}

.mfaoptiondiv {
    display: flex;
    flex-direction: column;
}

.mfaoption {
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    line-height: normal;
    cursor: pointer;
    margin: 8px 0;
    font-size: 14px;
}

    .mfaoption:hover {
        background: #fafafa;
    }
.mfaname {
    width: 100%;
}

.mfaicon {
    min-width: 36px;
    text-align: center;
}
.mfalargeicon img {
    min-width: 53px;
    text-align: center;
}

.mfatitle {
    color: #333;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mfadesc {
    opacity: 0.6;
    color: #333;
    padding-top: 4px;
}

.mfaactions {
    margin-top: 42px;
}

    .mfaactions button.btn {
        border-radius: 4px;
        display: inline-block;
        padding: 12px;
        align-items: center;
        color: #FFF;
        font-size: 13px !important;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.13px;
    }

.skipbtn, .backbtn {
    color: #3A4E6B;
    font-size: 13px !important;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.13px;
    cursor: pointer;
}

.disablebutton {
    opacity: 0.5;
    pointer-events:none
}
.fielddiv {
    padding: 5px 12px 5px 0px;
    display: flex;
    align-items: center;
}

.inputfield {
    position: relative;
    width:100% ;
    padding-right:15px;
    
}
.inputfield img {
        position: absolute;
        width: 15px;
        left: 15px;
        top: 7px;
}
    .inputfield input {
        padding-left: 40px !important;
        border-radius: 4px !important;
        font-weight: 600;
        font-size: 15px;
        color: #3A4E6B;
    }
        .inputfield input:focus {
            border-color: #1C84C6 !important;
            font-weight: 500;
        }

.unedit .inputfield input, .questionddiv input {
    background: transparent !important;
    border: 1px solid #ebedf0;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.answerdiv input, .questionddiv input, .questionddiv select {
    background: transparent !important;
    border: 1px solid #ebedf0;
    border-radius: 4px;
}
.fieldquestionddiv {
    background: rgba(58, 78, 107, 0.10) !important;
    border: 1px solid #ebedf0;
    border-radius: 4px;
}
.fielddiv.unedit {
    border-radius: 4px;
    background: rgba(58, 78, 107, 0.10);
}

    .fielddiv.unedit  .keyicon {
        width: 19px;
    }

.fieldeditaction img, .fieldsaveaction img, .copycode img {
    width: 22px;
    cursor: pointer
}

.mfainputdiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 15px 0 10px;
}

.mfainputdiv2 {
    margin: 8px 0 0px;
}

    .mfainputdiv > div {
        width: 40px;
        margin: 0 5px;
    }

    .mfainputdiv input {
        height: 40px;
        border-radius: 4px;
        text-align: center;
        font-size: 18px;
    }
.mfaconfigured {
    border: 2px solid #5CB85C;
}
.authoptiontext {
    color: #1C84C6;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin:36px 0;
    cursor:pointer;
    display:inline-block
}

.securityoptiontext {
    color: #1C84C6;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin: 36px 0 6px;
    cursor: pointer;
    display: inline-block
}

.m-auto {
    margin: 0 auto
}

.f-w-500 {
    font-weight: 500 !important;
}

.warningdiv {
    border-radius: 12px;
    border: 1px solid #E1AF08;
    padding: 16px;
    display: flex;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0 24px;
}

.warningdiv p {
    color: #E1AF08;
}

.disabledOption {
    pointer-events: none;
}

.w-18 {
    width: 18px !important;
}

.m-t-2 {
    margin-top: 2px !important;
}
.bankInverite {
    margin-bottom: 6px !important;
}

    .bankInverite .table > thead > tr > th, .bankInverite .table > tbody > tr > td {
        padding: 8px !important;
    }

#BankVerificationList_wrapper .row:nth-child(2) {
    margin-bottom: 10px
}

#BankVerificationList_wrapper .row:nth-child(1) .col-sm-6 {
    float: right;
    clear: both;
    width: auto !important;
}
.bankingrequestdialog {
    max-width: 800px;
    margin: 10px auto;
}

.alert-warning-custom {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.hidesortingicon:after {
    display: none !important
}

.digitaltimer ul {
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    display: flex;
}

    .digitaltimer ul li {
        color: #1C84C6;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        display: inline-block;
        list-style-type: none;
    }


        .digitaltimer ul li span {
            font-size: 40px;
            font-weight: 600;
            display: block;
        }
.l-r-padd {
    padding-left: 15px;
    padding-right: 15px;
}
.reactivationDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width:100%;
    margin: 0;
}

.reactivationDiv .custom-form {
    background: #fff;
    padding: 30px 45px;
    border-radius: 8px;
}

.agencytabs.nav-tabs > li > a {
    padding: 15px 10px 15px 10px;
}