/*@import url('bootstrap-theme.css');*/
.padding {
    padding: 12px !important;
}
.dim_color {
    color: #b8f6ff;
}
.circle_info_new {
    color: #4bb2c3 !important;
    left: -24px;
    top: 10px;
}
    .info_in_wyt {
    color: rgba(8, 10, 11, 0.5098039215686274) !important;
}
/*--------------dropzone styles--------------------------------------*/
#snackbar_format {
    visibility: hidden;
    min-width: 242px;
    margin-left: -125px;
    background-color: #e83b26;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    left: 30%;
    font-size: 13px;
}

    #snackbar_format.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 2.0s 2.5s;
        animation: fadein 0.5s, fadeout 2.0s 2.5s;
    }

#snackbar_maxfile {
    visibility: hidden;
    min-width: 242px;
    margin-left: -125px;
    background-color: #e83b26;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    left: 30%;
    font-size: 13px;
}

    #snackbar_maxfile.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 2.0s 2.5s;
        animation: fadein 0.5s, fadeout 2.0s 2.5s;
    }

#snackbar_format_exp {
    visibility: hidden;
    min-width: 242px;
    margin-left: -125px;
    background-color: #e83b26;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    left: 30%;
    font-size: 13px;
}

    #snackbar_format_exp.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 2.0s 2.5s;
        animation: fadein 0.5s, fadeout 2.0s 2.5s;
    }

#snackbar_maxfile_exp {
    visibility: hidden;
    min-width: 242px;
    margin-left: -125px;
    background-color: #e83b26;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    left: 30%;
    font-size: 13px;
}

    #snackbar_maxfile_exp.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 2.0s 2.5s;
        animation: fadein 0.5s, fadeout 2.0s 2.5s;
    }

#snackbar_format_exp_dl {
    visibility: hidden;
    min-width: 242px;
    margin-left: -125px;
    background-color: #e83b26;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    left: 30%;
    font-size: 13px;
}

    #snackbar_format_exp_dl.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 2.0s 2.5s;
        animation: fadein 0.5s, fadeout 2.0s 2.5s;
    }

#snackbar_maxfile_exp_dl {
    visibility: hidden;
    min-width: 242px;
    margin-left: -125px;
    background-color: #e83b26;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    left: 30%;
    font-size: 13px;
}

    #snackbar_maxfile_exp_dl.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 2.0s 2.5s;
        animation: fadein 0.5s, fadeout 2.0s 2.5s;
    }
/*---------------------------------------------------*/
.awareness {
    color: #474c4d;
    margin-top: -18px;
    font-size: 11px;
    margin-left: 6px;
}

.red-tooltip + .popover {
    width: 700px !important;
    z-index: 9999 !important;
    font-size: 11.5px !important;
    text-align: justify !important;
    color: rgb(110, 108, 108) !important;
    font-family: roboto-medium;
    line-height: 1.3 !important;
}

[data-content]:before {
    z-index: 999 !important;
    --tooltip-string: 'Ug. Tooltips.';
    --tooltip-color: rgb(110, 108, 108) !important;
    color: var(--tooltip-color);
    --tooltip-font-size: 11px;
    --tooltip-top: -10px;
    font-size: 11.5px !important;
}

.blue {
    color: #4bb2c3 !important;
}

[data-content]:after {
    --tooltip-string: 'Ug. Tooltips.';
    --tooltip-color: #f06d06;
    --tooltip-font-size: 11px;
    --tooltip-top: -10px;
    color: var(--tooltip-color);
    z-index: 9999 !important;
    /*content: attr(data-content);*/
    font-size: 11.5px !important;
}

.file_remove_bu {
    color: #d43131 !important;
    float: right !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    text-align: center !important;
    margin-top: -125px !important;
    margin-right: -27px !important;
    height: 25px !important;
    padding: 10px 0px 0px 0px !important;
    cursor: pointer !important;
}
/*.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 100px!important;
}*/
.page-wrap {
    max-width: 75rem;
    margin: 0 auto;
}

h1 {
    color: #8e44ad;
    font-size: 1.5rem;
    letter-spacing: -1px;
    margin: 1.25rem 0;
}

.law_text:focus ~ label, textarea:focus ~ label, .law_text:valid ~ label, textarea:valid ~ label {
    font-size: 14px;
    color: #369db3;
    left: -10px;
    top: -3.25rem;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
}

.styled-input {
    /*
  float: left;
  width: 33.3333%;
*/
    /*
  margin: 2rem 0 1rem;
*/
    position: relative;
}

    .styled-input label {
        color: #999;
        font-weight: 300 !important;
        font-family: Roboto-Regular !important;
        padding: 1rem;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        pointer-events: none;
    }

    .styled-input.wide {
        width: 100%;
    }

.law_text,
textarea {
    padding: 1rem 1rem;
    border: 1px solid rgba(144, 140, 140, 0.62) !important;
    width: 100%;
    font-size: 12px;
}

.law_text_2 ~ span {
    display: block;
    width: 0;
    height: 3px;
    background: #369db300 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
}

.law_text ~ span,
textarea ~ span {
    display: block;
    height: 0px;
    margin-top: 0px;
    /* background: #369db3; */
    position: absolute;
    bottom: 0;
    left: 14px;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
}

.law_text:focus,
textarea:focus {
    outline: 0;
}

    .law_text:focus ~ span,
    textarea:focus ~ span {
        width: 100%;
        -webkit-transition: all 0.075s ease;
        transition: all 0.075s ease;
    }

textarea {
    width: 100%;
    min-height: 5em;
}

.law_text {
    margin-top: 0px !important;
    width: 100% !important;
    font-size: 14px;
    font-family: Roboto-Regular;
    height: 41px !important;
    padding: 9px 11px 14px 10px !important;
    border-radius: 5px !important;
    font-weight: 300;
    /*
    margin-bottom: 21px!important;
*/
}

.wrap_text {
    margin-left: 20px;
    color: #4bb2c3;
    font-size: 14px;
    margin-top: 8px;
}

.radio_text {
    margin-left: 20px;
}

.btn-outlined {
    border: 1px solid #369db3 !important;
    padding: 9px 0px 10px 0px !important;
    color: #999999 !important;
    border-radius: 5px;
    background-color: #fff !important;
    text-transform: inherit;
    border-style: dashed !important;
}

.submit {
    border: 1px solid #369db3;
    background-color: #369db3;
    padding: 7px !important;
    font-size: 14px !important;
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
    margin-top: 32px !important;
}

    .submit:hover {
        background-color: #f99f1c;
        border-color: #f8a031;
        color: #ffffff !important;
    }

.subheading {
    margin-top: 4px !important;
    border-left: 2px solid #c3c0c0;
    color: #369db3;
    font-size: 18px;
    padding-left: 9px;
}

.hr_ {
    margin-top: 11px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #c3c0c1;
    /*
    width: 883px;
*/
    margin-left: 10px;
}

table {
    /*overflow-x: scroll;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;*/
    overflow-x: scroll;
    margin-top: 2px;
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    text-align: center;
    padding: 8px;
}


.thead {
    color: #fff;
    background-color: #369db3;
    padding: 15px 10px 22px 10px;
}

.tbody {
    font-size: 14px;
    color: #635e5e;
}

.checkbutton {
    display: block;
    position: relative;
    padding-left: 35px;
    bottom: 7px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbutton input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    /*background-color: #fff !important;
    position: absolute;
    top: 0px;
    padding: 10px 11px 10px 10px;
    left: 87px;
    height: 17px;
    width: 18px;
    border: 1px solid #369db3;*/
    background-color: #fff !important;
    position: absolute;
    top: 0px;
    /* padding: 10px 11px 10px 10px; */
    /* left: 87px; */
    height: 15px;
    width: 15px;
    border: 1px solid #369db3;
}

/* On mouse-over, add a grey background color */
.checkbutton:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbutton input:checked ~ .checkmark {
    background-color: #369db3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbutton input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbutton .checkmark:after {
    /*left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #369db3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*/
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #369db3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.parsley-errors-list.filled {
    float: right !important;
    margin-top: 0px !important;
    opacity: 1 !important;
    font-family: Roboto-Regular !important;
    color: #ff0000c4 !important;
}

input.parsley-success, select.parsley-success, textarea.parsley-success {
    color: #27272d !important;
    background-color: #ffffff !important;
    border: 1px solid #bab8b9 !important;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #ccc;
    border-color: #ccc !important;
}

.agreebutton[disabled] {
    background-color: #8c8888 !important;
}

    .agreebutton[disabled]:hover {
        background-color: none !important;
    }

#search_icon {
    background: url(../images/magnifier.png) no-repeat scroll 217px 11px !important;
    padding-left: 33px !important;
}

.drop-down {
    /*background: url(../images/calendar.png) no-repeat scroll 211px 11px!important;*/
    padding-left: 28px !important;
}

.drop-down1 {
    background: url(../images/drop-down-arrow.png) no-repeat scroll 296px 11px !important;
}

.drop-down2 {
    background: url(../images/drop-down-arrow.png) no-repeat scroll 217px 11px !important;
}

input.parsley-error, select.parsley-error, textarea.parsley-error {
    color: #B94A48 !important;
    background-color: #ffffff !important;
    border: 1px solid #ed5a48 !important;
}

.asterisk {
    margin-left: 2px;
    font-size: 16px;
}

.sub_head_reg {
    margin-top: 89px !important;
    margin-left: 5px;
    font-size: 18px;
    color: #989494;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    text-decoration: underline;
    color: #369db3 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn-lg :active {
    border-color: #ffffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-lg {
    margin-top: 0px !important;
    background-color: #ffffff !important;
    text-transform: initial;
    font-family: Roboto-regular;
    text-align: center;
    padding: 0px 0px !important;
    font-size: 14px !important;
    line-height: 1.33;
    border-radius: 6px;
    color: #6d6969 !important;
}

.audit_trial_modal {
    margin-top: 170px;
}

.audit_trial_modal_header {
    background-color: #4bb2c3 !important;
    color: #fff !important;
    font-size: 18px !important;
}

.audit_title {
    color: #fff !important;
    font-size: 18px !important;
}

.table_invitation th, td {
    font-size: 14px !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffffff !important;
}

.alert_msg {
    margin-bottom: 30px;
}

.information_btn_cancel {
    width: 100% !important;
    border: 1px solid rgba(48, 46, 46, 0.4588235294117647) !important;
    /* width: 125px !important; */
    padding: 9px 3px !important;
    font-family: roboto-medium !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    color: rgba(80, 80, 80, 0.63) !important;
    border-radius: 0 !important;
}

    .information_btn_cancel:hover {
        box-shadow:none!important;
        background-color: transparent !important;
        color: rgb(48, 47, 47) !important;
    }

.information_save:hover {
    background-color: rgb(252, 92, 66) !important;
    color: #ffffff !important;
}

.information_save {
    padding: 9px 34px !important;
    text-transform: uppercase;
    font-family: roboto-medium;
    border-radius: 0px !important;
    width: 100%;
    font-size: 14px;
    line-height: 1.38;
    letter-spacing: normal;
    background-color: transparent !important;
    text-align: center;
    color: rgb(252, 92, 66) !important;
    border: 1px solid rgb(252, 92, 66) !important;
}

.information_next:hover, .information_next:focus {
    background: linear-gradient(to right,#c8453e,#c8453e) !important;
    color: #ffffff !important;
    border-color: rgba(248, 160, 49, 0) !important;
}

.information_next {
    /*padding: 9px 34px !important;*/
    font-family: roboto-medium;
    border-radius: 0px !important;
    width: 110% !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.38;
    letter-spacing: normal;
    background: linear-gradient(to right, #e34e46, #fc5c42 ) !important;
    color: rgb(255, 255, 255);
    border: none;
    padding: 12px 10px 10px 10px;
    text-transform: uppercase;
}

.contentsection2 {
    margin-top: 106px !important;
    font-size: 14px;
    color: black;
}

.table_aulter_colm_bgcolor thead {
    color: #fff !important;
    background-color: #369db3 !important;
}

    .table_aulter_colm_bgcolor thead th a {
        color: #fff !important;
        background-color: #369db3 !important;
    }

.table_aulter_colm_bgcolor tbody input[type="text"] {
    width: 91px;
    border: 1px solid #e3dcdc;
    padding: 5px 10px 5px 10px;
    /*box-shadow: 0px 1px 0px 1px #e3d4d4 !important;*/
}

    .table_aulter_colm_bgcolor tbody input[type="text"]:focus {
        /*border-radius: 8px;*/
        border: 1px solid #e3dcdc;
        /* border: none; */
        padding: 5px 10px 5px 10px;
        box-shadow: 0px 1px 0px 1px #e3d4d4 !important;
    }

    .table_aulter_colm_bgcolor tbody input[type="text"]:active {
        /*border-radius: 8px;*/
        border: 1px solid #e3dcdc;
        padding: 5px 10px 5px 10px;
        box-shadow: 0px 1px 0px 1px #e3d4d4 !important;
    }






/**Latest starts*/

.law_text:focus,
textarea:focus {
    border-bottom: 3px solid #4bb2c3;
    outline: 0;
}

.law_label {
    font-weight: 400;
    color: #4bb2c3;
}

.law_text {
    margin-top: 0px !important;
    width: 100%;
    font-size: 14px;
    font-family: Roboto-Regular;
    /*height: 39px !important;*/
    padding: 1px 11px 1px 10px !important;
    border-radius: 3px !important;
    font-weight: 300;
}

.a-tab {
    background-color: #d7d7d7;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    padding: 10px 9px !important;
    font-weight: 500;
    font-family: Roboto-Regular !important;
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.7098039215686275) !important;
}

    .a-tab:hover {
        text-decoration: none !important;
    }

.li-tab.active {
    color: #000000 !important;
    background-color: #ebebeb !important;
}

.p_download {
    margin-top: 4px !important;
    text-decoration: underline;
    font-style: italic;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #0085b0;
}

.reviewer_submit_popup_textbg {
    text-align: left;
    font-size: 14px !important;
}

    .reviewer_submit_popup_textbg h1 {
        color: #4bb2c3;
        text-align: center !important;
        font-size: 25px !important;
        letter-spacing: 0px;
        /*margin: 0px 10px 18px 10px;*/
        margin: 0px 0px 14px 0px;
        font-family: Roboto-Regular !important;
    }

reviewer_submit_popup_bubg row {
    margin-top: 16px;
}

.globalbox {
    padding: 0px 25px 14px 25px;
    text-align: right;
}

    .globalbox p {
        font-size: 14px !important;
    }

    .globalbox h4 {
        font-size: 14px !important;
    }

.p_download:hover {
    text-decoration: underline !important;
    color: #f99f1c !important;
}

.fa-file-text {
    width: 23px !important;
    height: 26px !important;
    text-align: center;
    vertical-align: middle;
    font-size: 20px !important;
}

.fa-info-circle {
    color: white;
    /*color: #080a0b !important;*/
    position: relative;
    display: table-cell;
    width: 39px !important;
    height: 21px !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 20px !important;
    /*top: 4px;*/
}


.h2_1_reg {
    color: #fff;
    font-family: Roboto-medium;
    /*padding: 0px 25px 0px 45px;*/
    font-size: 18px;
}

.popover {
    font-weight: normal !important;
    color: rgb(39, 39, 39) !important;
    font-size: 14px;
    z-index: 99999 !important;
    margin-top: 15px;
}

/* popup style */
.audit_trial_modal {
    margin-top: 170px;
}

.audit_trial_modal_header {
    /*border-top-left-radius: 7px;*/
    padding: 8px 0px 7px 11px!important;
    background-color: #4bb2c3!important;
    color: #fff !important;
    font-size: 18px !important;
    /* border-top-right-radius: 7px; */
    margin-top: 0px;
}



.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 220px;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.18);
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    border-radius: 0px;
    /*padding: 5px;*/
    border: 1px solid #888;
    width: 58%;
}

.modal_con2 {
    /*padding: 9px;*/
    width: 45% !important;
    margin-top: -74px !important;
}

.modal_con4 {
    padding: 0px !important;
    width: auto;
    height: auto;
    max-height: 100%;
}

.modal_con3 {
    padding-bottom: 5px !important;
    width: 60% !important;
    margin-top: -74px !important;
}
/* The Close Button */
.close {
    padding-left: 18px !important;
    color: #f99f1c;
    margin-top: 5px;
    /*text-shadow: 0 1px 0 #343c12 !important;*/
    opacity: 1 !important;
    margin-right: 11px;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
/* popup style */
.gridFooter td {
    text-align: left !important;
}
/**Latest ends*/

/*31/01/19*/
.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 50em !important;
}

    .swal2-popup #swal2-content {
        text-align: center;
        font-size: 14px !important;
        font-family: Roboto-Regular !important;
    }

    .swal2-popup .swal2-styled.swal2-confirm {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #4bb2c3 !important;
        color: #fff;
        font-family: Roboto-Regular !important;
        font-size: 14px !important;
    }

.fa-download {
    top: 2px;
    color: #4bb2c3 !important;
}

.search_button {
    border-radius: 4px;
    height: 39px;
    margin-top: 34px !important;
    background-color: #369db3;
    color: #fff;
    padding: 0px 7px 7px 7px;
}

.search_ic {
    position: relative;
    display: table-cell;
    width: 40px !important;
    padding-top: 3px !important;
    height: 24px !important;
    text-align: center !important;
    vertical-align: middle;
    font-size: 20px;
}

.search_button:hover {
    background-color: #f99f1c !important;
    border-color: #f2f2f2 !important;
    color: #ffffff !important;
}

.fa-sort {
    width: 59px;
    position: relative;
    width: 54px !important;
    float: right !important;
    color: #fff;
    height: 25px !important;
    margin-top: 2px !important;
    /* vertical-align: middle; */
    text-align: right !important;
    font-size: 19px !important;
}

.fa-sort-asc {
    width: 59px;
    position: relative;
    width: 54px !important;
    float: right !important;
    color: #fff;
    height: 25px !important;
    margin-top: 1px !important;
    /* vertical-align: middle; */
    text-align: right !important;
    font-size: 19px !important;
}

.fa-sort-desc {
    width: 59px;
    position: relative;
    width: 54px !important;
    float: right !important;
    color: #fff;
    height: 25px !important;
    margin-top: 1px !important;
    /* vertical-align: middle; */
    text-align: right !important;
    font-size: 19px !important;
}

.up_arrow_down_a {
    margin: 0px !important;
    text-align: right !important;
}

.left {
    text-align: left !important;
}

.table > thead > tr > th {
    vertical-align: top !important;
}
/* popup style */
/*
31/01/19
*/
.submit2 {
    /*padding: 10px 0px 10px 0px;*/
    /* border-radius: 0!important; */
    font-size: 14px !important;
    font-weight: 800;
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
    border-radius: 3px !important;
    margin-top: 29px !important;
    background-color: #369db3;
    width: 100%;
}

    .submit2:hover {
        background-color: #f99f1c;
        border-color: #f8a031;
        color: #ffffff;
    }

.checkmark_th {
    border-radius: 5px;
    position: absolute;
    top: -4px;
    padding: 10px 11px 10px 10px;
    left: 21px;
    height: 17px;
    width: 18px;
    background-color: white !important;
    border: 1px solid #ffffff;
}

.checkbutton input:checked ~ .checkmark_th {
    background-color: #369db3;
    border: 1px solid white;
}
/* On mouse-over, add a grey background color */
/*
.checkbutton:hover input ~ .checkmark_th {
  background-color: #ccc;
}
*/


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_th:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbutton input:checked ~ .checkmark_th:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbutton .checkmark_th:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.law_label {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 8px;
    font-weight: 400;
    color: #4bb2c3;
    font-family: Roboto-Regular;
}

.gen_pwd {
    cursor: pointer;
    color: #4bb2c3 !important;
    font-size: 22px;
    top: -29px !important;
    padding: 4px 8px 11px 1px !important;
    right: 7px !important;
}

    .gen_pwd:hover {
        color: #5d5a5a !important;
    }

.fa-search {
    position: relative;
    display: initial;
    /*width: 63px !important;
    height: 20px !important;*/
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}
.fa-refresh {
    display: initial;
}
.label_check {
    font-weight: 400 !important;
    display: block;
    position: relative;
    padding-left: 0px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px !important;
}

.asterisk {
    font-size: 16px;
}
/*
01/02/2019*/
.top_heading_user {
    /*background-color: rgb(232, 59, 38);*/
    top: 43px;
    padding: 0px 10px 0px 10px;
    height: 37px !important;
    min-height: 36px !important;
    margin-bottom: 10px !important;
}

.h2_1_user {
    color: #fff;
    font-family: Roboto-medium;
    padding: 4px !important;
    font-size: 18px !important;
    margin-top: 3px !important;
    /*color: #ffffff;
    font-family: Roboto-medium;
    padding: 4px !important;
    font-size: 20px !important;*/
}

#divFeesDetails {
    border-radius: 7px !important;
    background-color: #fff;
}

/*.main-menu {
    background: #369db3 !important;
    border-left: 0px solid #363636;
    margin-top: 145px !important;
    bottom: 0;
    margin-left: -15px;
    width: 51px;
    box-shadow: 1px 1px 6px 2px #00000038;
    overflow: hidden !important;
    -webkit-transition: width .05s linear !important;
    transition: width .05s linear !important;
    -webkit-transform: translateZ(0) scale(1,1) !important;
    z-index: 1000 !important;
}*/

.on-hover-reg:hover {
    background-color: red !important;
    width: 1000px !important;
}

input[type="radio"] {
    margin-left: 12px !important;
}

#ulconatiner {
    text-align: justify;
    color: black;
    font-size: 14px;
    font-family: Roboto-Regular;
}

.makereduction_clickpopclose {
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    background-color: #f99f1c;
    text-transform: uppercase;
    border-color: #fff;
    font-size: 14px;
    padding: 7px 0 5px 0;
    width: 100% !important;
}

    .makereduction_clickpopclose:hover {
        color: #fff;
        background-color: #4bb2c3;
    }

.t_icon {
    margin-top: 0px;
    width: 23px !important;
    height: 31px !important;
}

.rd_btn {
    border: none !important;
    color: #178fa9;
    background-color: transparent;
    text-decoration: underline;
}

.add_more {
    padding: 10px 0px 10px 0px !important;
    margin-bottom: 19px;
    font-size: 14px !important;
    font-weight: 800;
    margin-left: 3px;
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
    margin-top: 20px !important;
    background-color: #369db3 !important;
    text-transform: inherit !important;
    width: 100%;
}

.add_more2 {
    padding: 10px 0px 10px 0px !important;
    margin-bottom: 12px;
    font-size: 14px !important;
    font-weight: 800;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin-top: 0px !important;
    background-color: #369db3;
    font-family: roboto-medium;
    width: 100%;
}

.add_tk_hyper {
    text-transform: inherit !important;
    color: #369db3 !important;
    background-color: #ffffff !important;
    text-decoration: underline;
}

.add_tk_hyper_required {
    text-transform: inherit !important;
    color: #f00 !important;
    background-color: #ffffff !important;
    text-decoration: underline;
}

.switch {
    margin-top: 22px !important;
    position: relative;
    display: inline-block;
    width: 49px;
    height: 0px;
}

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

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

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

input:checked + .slider {
    background-color: #369db3;
}

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

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

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

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

.table > thead > tr > th, .table > tbody > tr > th {  
    padding: 13px 15px 10px 8px !important;
    /*padding: 10px 15px 10px 13px !important;*/
    line-height: 1.6 !important;
    vertical-align: middle !important;
    border-top: 1px solid #ddd;
}

.table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*padding: 3px !important;*/
    line-height: 1.6 !important;
    vertical-align: middle !important;
    border-top: 1px solid #ddd;
}

.navbar-static-top {
    height: 63px !important;
}

.btn:focus {
    outline: none !important;
}

.btn2:hover {
    background-color: #f99f1c !important;
}

.textcontent p {
    color: black !important;
}

.termsform {
    margin-top: 110px;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    /*padding-bottom: 53px;*/
    overflow-x: hidden;
    /*background: linear-gradient( rgba(51, 20, 39, 0.32) 100%, rgba(0, 0, 0, 0)100%),url(../Content/images/banner_slide_1.jpg) no-repeat !important;*/
}

.edit_email {
    /*margin-bottom: 7px;
    margin-top: -15px;*/
}

.no_record_found_alertbg {
    font-size: 14px;
    text-align: center;
    background-color: #4bb2c3;
    padding: 5px 5px 5px 5px;
    color: #fff;
}

.popup_grid thead tr th {
    padding: 9px 16px 0px 16px !important;
}

.popup_grid tbody tr td {
    padding: 8px 8px 10px 8px !important;
}
/*.form-group .btn-default {
    width: 175px !important;
}*/


@media (min-width:1928px) {
    .res_md_device {
        left: 318px !important;
        margin-right: 0;
        top: 17px !important;
        float: right;
    }
}

@media (min-width:991px) {
    .tick_mark_gnc {
        top: 12px;
        /*left: 124px!important;*/
    }
    .left_only_mobile {
        margin-left: -42px;
    }

    .is_thr_overnight {
        top: 0px !important;
        padding: 10px 11px 10px 10px;
        left: 78px !important;
    }

    .is_thr {
        margin-right: 124px;
        margin-top: -16px;
    }

    .fa-sort {
        width: 59px;
        position: relative;
        width: 0px !important;
        float: none !important;
        /* color: #fff; */
        height: 27px !important;
        margin-top: 6px !important;
        margin-left: 5px;
        /* vertical-align: middle; */
        text-align: right !important;
        font-size: 19px !important;
    }
}

@media (min-width: 768px) {
    .left_preview {
        margin-left: -21px !important;
    }
    .form-inline .form-tel {
        margin-left: 18px !important;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle !important;
        margin-top: -19px !important;
    }

    .contentsection {
        margin-left: 81px;
    }

    .onlycontentsection {
        margin-left: 81px;
    }

    #fixed:hover .contentsection {
        margin-left: 0px !important;
    }
}



.top_heading_tym {
    /*background-color: rgb(232, 59, 38);*/
    top: 0px;
    padding: 0px 10px 0px 10px;
    height: 37px !important;
    min-height: 36px !important;
    margin-bottom: 10px !important;
}

.pop_up_table {
    max-height: 257px;
    border: 1px solid #ddd !important;
    overflow: auto !important;
    /*min-height: 257px;*/
}

.view_link {
    font-family: Roboto-Regular;
    color: #3498ad;
    text-decoration: underline;
    font-size: 14px;
    text-decoration-line: pointer;
    cursor: pointer;
}

.container_radio {
    display: block;
    padding-right: 19px;
    position: relative;
    padding-left: 31px;
    margin-bottom: 0px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #353535;
    font-family: Roboto-Regular;
}


    /* Hide the browser's default radio button */

    .container_radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


/* Create a custom radio button */

.checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgb(212, 209, 209);
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container_radio:hover input ~ .checkmark_radio {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.container_radio input:checked ~ .checkmark_radio {
    background-color: #4bb2c3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container_radio input:checked ~ .checkmark_radio:after {
    display: block;
    margin: -2px 0px 0px -3px;
    padding: 3px 0px 4px 7px;
}


/* Style the indicator (dot/circle) */

.container_radio .checkmark_radio:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.p_1 {
    margin: 38px 0 0px;
    font-family: Roboto-Regular;
    color: #000000c7;
    font-size: 14px;
}

/*
invoice prep 06/03/19
*/
.top_heading_invoice {
    background-color: #ed5a48;
    /* top: 127px; */
    border-radius: 7px;
    padding: 0px 10px 0px 10px;
}

.h2_1_invoice {
    height: 4px;
    color: #fff;
    font-family: Roboto-medium;
    /* padding: 0px 0px 0px 0px; */
    font-size: 18px;
    margin-top: 8px;
}

.check_2 {
    border-radius: 5px;
    position: absolute;
    top: -2px !important;
    padding: 10px 11px 10px 10px;
    left: 0px !important;
    height: 17px;
    width: 18px;
    border: 1px solid #369db3;
}

.led {
    margin-left: 29px;
}

.law_label_sub {
    margin-bottom: 0px;
    margin-top: 8px;
    font-weight: 400;
    color: #03191db5;
}

.sub_input {
    font-size: 12px !important;
    color: #000000d1 !important;
    padding: 9px 8px 3px 3px !important;
    border-color: #2f25252b !important;
    box-shadow: none;
    border-radius: 3px !important;
}

.form_grp1 {
    padding: 3px 10px 0px 10px;
}

.form-icon {
    width: 33px !important;
}


.dropbtn {
    background-color: rgba(7, 16, 23, 0.6784313725490196);
    color: white;
    /* padding: 16px; */
    font-size: 14px;
    border: none;
}

.dropup {
    position: relative;
    display: inline-block;
}

.dropup-content {
    display: none;
    position: absolute;
    /*background-color: #f1f1f1;*/
    min-width: 173px;
    bottom: 41px;
    z-index: 1;
}

    .dropup-content a {
        text-transform: uppercase;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }


        .dropup-content a:hover {
            border-radius: 0px;
            color: #fff !important;
            background-color: #4bb2c3;
        }

.dropup:hover .dropup-content {
    display: block;
}

.dropup:hover .dropbtn {
    background-color: #2980B9;
}

.dailyacivityInfo {
    /*background-color: lightskyblue;*/
    top: 33px;
    padding: 0px 8px 0px 8px;
    height: 27px !important;
    min-height: 36px !important;
    margin-bottom: 7px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block !important;
    overflow: scroll !important;
    z-index: -1 !important;
}
/*
invoice prep 06/03/19
*/
.dropzone .dz-message {
    height: 48px !important;
    text-align: center;
    margin: 1em 0 !important;
}

.dropzone {
    width: 100%;
    display: inline-block;
    /* min-height: 109px; */
    border: 2px dashed rgba(0, 0, 0, 0.3);
    background: white;
    padding: 5px !important;
}

.extra_class {
    width: 100%;
    display: inline-block;
    /* min-height: 109px; */
    border: 2px dashed rgba(0, 0, 0, 0.3);
    background: white;
    padding: 0px !important;
}

    .extra_class.dz-clickable {
        cursor: pointer;
        height: 66px !important;
    }

        .extra_class.dz-clickable * {
            cursor: default;
        }

        .extra_class.dz-clickable .dz-message, .extra_class.dz-clickable .dz-message * {
            cursor: pointer;
            height: 48px !important;
        }

    .extra_class.dz-started .dz-message {
        display: none;
    }

    .extra_class.dz-drag-hover {
        border-style: solid;
    }

        .extra_class.dz-drag-hover .dz-message {
            opacity: 0.5;
        }

    .extra_class .dz-message {
        text-align: center;
        margin: 2em 0;
    }

    .extra_class .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px;
    }

        .extra_class .dz-preview:hover {
            z-index: 1000;
        }

            .extra_class .dz-preview:hover .dz-details {
                opacity: 1;
            }

        /*.extra_class .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }*/

        .extra_class .dz-preview.dz-file-preview .dz-image {
            /* border-radius: 20px; */
            background: #999;
            background: rgb(255, 255, 255);
        }

        .extra_class .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .extra_class .dz-preview.dz-image-preview {
            background: white;
        }

            .extra_class .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -ms-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

        .extra_class .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none;
        }

            .extra_class .dz-preview .dz-remove:hover {
                text-decoration: underline;
            }

        .extra_class .dz-preview:hover .dz-details {
            opacity: 1;
        }

        /*.extra_class .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }*/
        .extra_class .dz-preview .dz-details {
            z-index: 20;
            /* width: 10%; */
            /* border: 1px solid; */
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 95%;
            max-width: 92%;
            /* padding: 7px 2px 7px 4px; */
            text-align: left;
            /* border: 1px solid red; */
            color: rgba(0, 0, 0, 0.9);
            line-height: 81%;
        }

            .extra_class .dz-preview .dz-details .dz-size {
                margin-bottom: 22px;
                font-size: 14px;
            }

            .extra_class .dz-preview .dz-details .dz-filename {
                white-space: nowrap;
            }

                .extra_class .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, 0.8);
                    background-color: rgba(255, 255, 255, 0.8);
                }

                .extra_class .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .extra_class .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent;
                    }

                .extra_class .dz-preview .dz-details .dz-filename span, .extra_class .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, 0.4);
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .extra_class .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            -o-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px);
        }

        .extra_class .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            /*height: 120px;*/
            position: relative;
            display: block;
            z-index: 10;
        }

            .extra_class .dz-preview .dz-image img {
                display: block;
            }

        .extra_class .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .extra_class .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .extra_class .dz-preview .dz-success-mark, .extra_class .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
        }

            .extra_class .dz-preview .dz-success-mark svg, .extra_class .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
            }

        .extra_class .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .extra_class .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in;
            -moz-transition: opacity 0.4s ease-in;
            -ms-transition: opacity 0.4s ease-in;
            -o-transition: opacity 0.4s ease-in;
            transition: opacity 0.4s ease-in;
        }

        .extra_class .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            -moz-animation: pulse 6s ease infinite;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite;
        }

        .extra_class .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden;
        }

            .extra_class .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -moz-transition: width 300ms ease-in-out;
                -ms-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out;
            }

        .extra_class .dz-preview.dz-error .dz-error-message {
            display: block;
        }

        .extra_class .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto;
        }

        .extra_class .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -ms-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(to bottom, #be2626, #a92222);
            padding: 0.5em 1.2em;
            color: white;
        }

            .extra_class .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626;
            }

.read_less {
    color: #ef0808;
}

.read_more {
    color: #369db3;
}

.model_qst {
    color: #1c0e0ed1;
    font-size: 14px;
    margin-top: 10px;
    font-family: Roboto-Regular;
}

.select2 {
    width: 92% !important;
    margin-left: 15px !important;
}

.text_right {
    text-align: right !important;
}

.fa-pencil {
    cursor: pointer;
}

#divDraftFeesDetails {
    background-color: white !important;
}

.submit_0 {
    height: 37px!important;
    /*padding: 7px 10px 5px 10px !important;*/
    padding: 9px 10px 8px 10px !important;
    /* border-radius: 0!important; */
    font-size: 14px !important;
    font-family: roboto-medium;
    text-align: center;
    border-radius: 0px;
    color: #fff;
    margin-top: 4px !important;
    background-color: #369db3;
    width: 100%;
}

    .submit_0:hover {
        background-color: #f99f1c;
        border-color: #f8a031;
        color: #ffffff !important;
    }

.dropzone_bg {
    height: 11px !important;
}

.popover.left {
    margin-right: 55px !important;
    margin-top: 10px;
}

.popover-title {
    background-color: #fff !important
}

.input-container {
    /*display: -ms-flexbox;*/
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.circle_info {
    color: #4bb2c3 !important;
    left: 7px;
    top: 43px;
}

a[data-content]:hover:after {
    margin-top: 12px !important;
}

a[data-title]:hover:after {
    content: attr(data-title);
    position: absolute;
    border: 1px solid rgba(11, 16, 17, 0.5) !important;
    width: 400px;
    top: 5px;
    font-size: 12px;
    color: #000 !important;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    left: -100%;
    box-shadow: 1px 1px 7px 1px rgba(137, 141, 142, 0.5411764705882353) !important;
    /*content: attr(data-title);
    position: absolute;
    border: 1px solid rgba(11, 16, 17, 0.5) !important;
    width: 311px;
    top: 5px;
    font-size: 12px;
    color: #000 !important;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    z-index: 9999;
    border-radius: 5px;
    left: -417%;
    box-shadow: 1px 1px 7px 1px rgba(137, 141, 142, 0.5411764705882353) !important;*/
}

@media screen and (min-width:769px) {
    .modal_cons_3 {
        margin-right: 2px;
        height: 191px !important;
        /* float: right !important;*/
        bottom: 0px;
        padding: 0px 13px 6px 5px;
        width: 42% !important;
        margin-top: 38px !important;
        /* text-align: left; */
        position: relative;
        -webkit-animation-name: example;
        -webkit-animation-duration: 4s;
        -webkit-animation-delay: 2s;
        animation-name: example;
        animation-duration: 4s;
        animation-delay: -2s;
        border-radius: 0;
        border: none;
    }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {

    50% {
        background-color: blue;
        left: 200px;
    }

    75% {
        left: 0px;
    }
}
/* Standard syntax */
@keyframes example {

    50% {
        left: 200px;
    }

    75% {
        left: 0px;
    }
}

.globalbox2 {
    text-align: right;
}

.pend {
    /*color: #f99f1c;
    font-size: 16px;
    margin: 0 -21px 4px !important;*/
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    /*font-weight: bold;*/
}

.reviewer_submit_popup_bubg {
    /*margin-left: 28px;*/
    padding-bottom: 16px !important;
}

.modal_cons_3 {
    background-color: #040a3e;
}

.btn_min {
    width: 30% !important;
}

.pop_txt {
    /*color: white;*/
    line-height: 1.4;
    color: #333333;
    text-align: justify;
    font-weight: 400;
    font-size: 13px;
}

@media only screen and (device-width:1280px ) {
    .not_box2 {
        margin-left: 0px !important;
    }
}

@media only screen and (device-width:1280px ) {
    .res_md_device {
        margin-top: 4px!important;
    }
    .dashboard_row {
        margin-top: 38px !important;
    }

    .wpdashbrd {
        height: 397px !important;
    }

    .tkprdash {
        margin-top: 0px !important;
    }

    .sevn {
        height: 493px !important;
        padding-top: 54px !important;
    }

    .modal_cons_3 {
        margin-right: 12px;
        height: 351px !important;
        /* float: right !important; */
        bottom: 0px;
        padding: 13px 34px 16px 0px;
        width: 28% !important;
        margin-top: -4px !important;
    }

    .logo_img {
        margin-left: 48px;
    }
}

.swal2-popup {
    /*display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;*/
    padding: 3.25em;
    /*padding: 1.25em;*/
    display: inline-block !important;
}

    .swal2-popup .swal2-input, .swal2-popup .swal2-file, swal2-popup .swal2-select, .swal2-popup .swal2-radio, .swal2-popup .swal2-checkbox, .swal2-popup .swal2-range, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
        display: none !important;
    }

.swal2-container {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.table_law {
    overflow: auto !important;
}

@media only screen and (device-width:800px ) {
    .i_check {
        left: 33px !important;
        margin-top: 19px;
    }

    .modal_cons_3 {
        margin-right: 12px;
        height: auto !important;
        /* float: right !important; */
        bottom: 0px;
        padding: 3px 34px 52px 0px;
        margin-top: 12px !important;
        /* text-align: left; */
        position: relative;
        -webkit-animation-name: example;
        -webkit-animation-duration: 4s;
        -webkit-animation-delay: 2s;
        animation-name: example;
        animation-duration: 4s;
        animation-delay: -2s;
        border-radius: 0;
        border: none;
    }
}

@media only screen and (device-width:768px ) {
    .btn {
        display: inline-block;
        /* padding: 6px 12px !important; */
        padding: 8px 0px !important;
    }

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

    .i_check {
        left: 31px !important;
        top: 17px !important;
    }

    .fa {
        position: relative;
        display: table-cell;
        /*width: 45px !important;*/
    }

    .submit2 {
        width: 189% !important;
    }
}
.checkmark_gnc {
    left: 18px !important;
}
@media (device-width: 1024px) {
    .checkmark_gnc {
        left: 18px !important;
    }
    .navbar > .container .navbar-brand {
        /* margin-left: -115px !important; */
        margin-left: -126px !important;
    }

    .logo_img {
        margin-left: 165px !important;
    }
}
/*.form-inline .form-group {
   
    display: inline-block!important;
}*/
.float_right_in_sm {
    float: left !important;
}

@media screen and (max-width:1024.5px) {
    .loginbody {
        background-size: unset!important;
    }
}
    @media screen and (max-width:767.5px) {
        .timekeeper {
            margin-top: 0px!important;
        }
        .checkmark_gnc {
            left: 7px !important;
        }

        .float_right_in_sm {
            float: right !important;
        }

        .dropup-content {
            bottom: 40px !important;
        }

        .popup_drop {
            left: -251px !important;
            width: auto !important;
        }

        .contentsection {
            margin-top: 33px;
        }

        .is_thr_overnight {
            top: -31px !important;
        }

        #notificationbell {
            float: right;
            display: block;
            margin-top: -74px;
        }

        .popup_drop {
            height: 300px !important;
            top: 60px;
            right: 0px;
            left: unset;
            width: 250px !important;
            box-shadow: 0px 5px 7px -1px #c1c1c1;
            padding-bottom: 0px;
            padding: 0px;
            overflow-y: scroll !important;
        }

        .header_top_addbar_ul {
            padding-left: 10px !important;
        }

            .header_top_addbar_ul li i {
                display: inline-block;
                vertical-align: middle;
                color: #fff !important;
                margin-right: 8px;
                padding-right: 18px !important;
            }

        .contentsection {
            /*padding-top: 51px !important;*/
        }

        a [data-title]:hover:after {
            content: attr(data-title);
            position: absolute;
            width: 300px;
            top: 5px;
            color: #fff !important;
            padding: 5px 5px 5px 5px;
            background-color: #4bb2c3;
            z-index: 9999;
            border-radius: 5px;
            margin-left: 70px !important;
        }

        .section1 {
            padding: 23px 20px 58px 17px !important;
        }

        .i_check {
            left: 31px !important;
        }

        .fifty {
            width: 50%;
        }

        .div_law_mob {
            margin-top: -28px !important;
        }

        .fc-scroller {
            overflow: scroll !important;
        }

        .indicator_calender {
            margin-top: 30px;
        }

        .fc-today-button {
            margin-top: 6px !important;
        }

        .fc-button-group, .fc-icon {
            display: inline-block;
            margin-top: 6px !important;
        }

        .box-primary {
            margin-top: 36px !important;
            margin-left: 0px !important;
            height: 316px;
        }

        .date_max {
            width: 50% !important;
        }

        .height {
            height: auto !important;
        }

        .graph_section {
            /*height: auto !important;*/
            margin-bottom: 22px;
        }

        .modal-content {
            margin-top: -51px !important;
            width: 100% !important;
        }

        .pull-left {
            float: right !important;
        }

        .is_thr {
            margin-top: -99px !important;
        }

        .modal_cons_3 {
            margin-right: 12px;
            height: 351px !important;
            bottom: 0px;
            padding: 13px 34px 16px 0px;
            /* width: 28% !important; */
            margin-top: 38px !important;
            /* text-align: left; */
            position: relative;
            -webkit-animation-name: example;
            -webkit-animation-duration: 4s;
            -webkit-animation-delay: 2s;
            animation-name: example;
            animation-duration: 4s;
            animation-delay: -2s;
            border-radius: 0;
            border: none;
            width: 100% !important;
        }

        .circle_info {
            color: #4bb2c3 !important;
            left: -9px !important;
            top: 12px !important;
        }
    }

    .drop_up_button {
        background-color: #ffffff;
        margin-top: 1px !important;
        margin-bottom: 0px;
    }

    .table_grid {
        margin-top: 4px;
        border-radius: 7px;
        padding: 39px 20px 23px 17px;
        background-color: #fff;
    }

    .margin {
        margin-top: 12px !important;
    }

    .new_check {
        left: 21px !important;
        top: 33px !important;
    }

    .new_check2 {
        left: 0px !important;
        top: 64px !important;
    }

    .square1 {
        margin-left: 16px;
        width: 20px;
        margin-bottom: 10px;
        height: 20px;
        background-color: rgb(187, 211, 139);
    }

    .square2 {
        margin-left: 16px;
        width: 20px;
        margin-bottom: 10px;
        height: 20px;
        background-color: rgb(255, 218, 119);
    }

    .success_green {
        font-size: 14px;
        color: rgb(73, 150, 36) !important;
        font-weight: bold;
    }

    .success_center {
        margin-top: 8px;
        padding: 0px 4px 7px 4px;
        border-radius: 4px;
        /*background-color: rgba(103, 249, 139, 0.5294117647058824);*/
    }

    @-webkit-keyframes slide {
        100% {
            left: 0;
        }
    }

    @keyframes slide {
        100% {
            left: 0;
        }
    }

    .mySlides {
        display: none;
        animation-duration: 60s;
        /*animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;*/
        animation-name: slide;
        -webkit-animation: slide 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: slide 0.5s forwards;
        animation-delay: 2s;
    }
    /*@keyframes anim-1 {
    0%, 8.3% {
        right: -100%;
        opacity: 0;
    }

    8.3%,25% {
        right: 25%;
        opacity: 1;
    }

    33.33%, 100% {
        right: 110%;
        opacity: 0;
    }
}*/
    .w3-left, .w3-right, .w3-badge {
        cursor: pointer
    }

    .w3-badge {
        height: 13px;
        width: 13px;
        padding: 0
    }

    .ok_dashboard {
        font-size: 13px;
        text-decoration: none !important;
        text-transform: capitalize;
        background-color: transparent;
        padding: 0px 6px 0px 8px !important;
        border-radius: 3px !important;
        width: 100px !important;
        font-style: italic;
        font-weight: 500;
    }

    .bold2 {
        margin: 0 12px 10px !important;
        font-weight: bold;
    }

    .bold {
        font-weight: bold;
        text-align: center;
    }

    .topup {
        margin-top: 45px;
    }

    .popup {
        height: 173px;
        width: 543px;
        background-color: rgb(204, 236, 228) !important;
        bottom: -200px;
        right: 0;
        position: fixed;
        transition: 0.3s;
        padding: 8px 25px 15px 0px;
        border-radius: 10px;
        vertical-align: top;
    }

    .popup2 {
        height: 150px;
        width: 250px;
        background: gray;
        bottom: -170px;
        right: 0;
        position: absolute;
        transition: all 0.8s;
        padding-top: 20px;
        border-radius: 10px;
        vertical-align: top;
    }

    .open {
        transition: 0.3s !important;
        -webkit-transition: width 2s;
        bottom: 4px !important;
        right: 4px;
        /*bottom: 174px;
    right: 4px;*/
    }

    .open2 {
        transition: 0.3s !important;
        bottom: 173px;
        right: 4px;
    }

    .open3 {
        transition: 0.3s !important;
        /*bottom: 389px;
    right: 4px;*/
        bottom: 342px;
        right: 4px;
    }

    .band {
        position: absolute;
        top: 0;
        width: 100%;
        height: 20px;
        background: rgba(0, 0, 0, 0.2);
        text-align: right;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transition: all 0.8s;
    }

    .popup:hover {
        /*box-shadow: inset 0 0 15px black;*/
        box-shadow: 0 0 6px #d4cdd4;
    }

    .band:hover {
        background: white;
    }

    .img-responsive {
        width: 100%;
    }

    @media (max-width: 767px) {
        .not_box2 {
            margin-left: 6px !important;
            border-bottom: 1px solid rgb(235, 235, 235);
            padding: 10px 0px 7px 0px;
        }

        .view_mob2 {
            margin-top: -110px !important;
        }

        .view_mobile {
            margin-top: 51px !important;
        }
    }

    .reviewer_submit_popup_bubg {
        /* margin-left: 28px; */
        padding-bottom: 0px !important;
    }

    .pend {
        /*float: right;*/
    }

    .popup {
        height: auto !important;
        width: auto !important;
        background: rgb(198, 235, 141);
        bottom: -170px;
        right: 0;
        position: fixed;
        transition: 0.3s;
        /*padding: 32px 38px 11px 0px;*/
        padding: 14px 14px 0px 0px;
        border-radius: 10px;
        vertical-align: top;
    }

    .open2 {
        bottom: 135px !important;
        right: 7px;
        left: 7px;
    }

    .open {
        right: 7px !important;
        left: 7px !important;
    }
}

@media (min-width:1600px) {
    .height {
        /*height:800px!important;*/
    }
}

.fc-day-grid-event .fc-content {
    color: #0f0f10;
    padding: 2px !important;
    white-space: nowrap;
    overflow: hidden;
}

.spnClosePopup1 {
    font-size: 23px !important;
    opacity: 1 !important;
    font-weight: normal !important;
    /* padding-left: 8px !important; */
    color: #5b5555 !important;
    margin-top: -1px !important;
    margin-right: -36px !important;
}

.align_left {
    text-align: left !important;
}

.delete_fees {
    text-align: center !important;
    font-size: 14px !important;
}

.fa-cogs {
    margin-top: 13px;
}

canvas {
    display: none !important;
}

.qtip-content {
    display: none !important;
}

.xpense {
    margin-left: 87px;
    margin-top: -22px;
}

.fee {
    margin-top: 10px;
}

.left2 {
    margin-left: 12px !important;
}

.left1 {
    margin-left: 18px !important;
}

.select2-drop {
    z-index: 0 !important;
}

.gridFooter a {
    color: #000 !important;
    padding: 5px 11px !important;
}

    .gridFooter a.active {
        background-color: #4bb2c3 !important;
        color: #fff !important;
    }

.label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal !important;
}


@media screen and (max-width:767.5px) {
    .btn {
        display: inline-block;
        /* padding: 6px 12px !important; */
        padding: 9px 9px !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-right: auto !important;
        border-color: #ffffff !important;
        margin-top: -16px !important;
    }

    .assign_tk {
        left: 63px !important;
        top: -26px !important;
    }

    body {
        padding-top: 72px !important;
        padding-bottom: 0px !important;
    }

    .collapsein {
        margin-top: 0 !important;
        float: none !important;
        background-color: rgb(72, 86, 95) !important
    }

    .nav-text {
        margin-top: 5px;
    }

    .res_md_device {
        float: left;
        top: -4px !important;
        margin-left: 1%;
    }

    .welcome {
        color: #ffffff !important;
    }

    .logout_1 {
        font-weight: normal;
        margin-left: 83px;
        float: right;
        font-size: 14px;
        color: #ffffff;
    }

    .header_top_addbar {
        padding-top: 6px;
        padding-right: 10px !important;
        width: 100% !important;
        background: rgb(237, 90, 71);
    }

    .header_top_addbar_ul {
        padding: 0;
        margin: 0;
        font-weight: bold;
        list-style: none;
        padding-right: 25px !important;
        /*height: 38px;*/
        background: rgb(237, 90, 71) !important;
    }

    .only_mobile {
        margin-top: -7px !important;
    }
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal !important;
}

.allrights {
    text-align: center !important;
}

#docPath {
    height: 40px;
    margin-top: 3px !important;
}

.borderleft {
    background-color: #fff !important;
}

@media screen and (min-width:991px) {
    .only_desktop {
        margin-top: 16px;
        margin-left: -28px !important;
    }

    .fc-scroller {
        overflow: hidden !important;
    }

    .borderleft {
        border-left: 6px solid #ebebeb !important;
    }

    .indicator_calender {
        margin-left: -13px !important;
        position: fixed;
    }
}

.center_align {
    text-align: center !important;
}

.affix {
    top: 20px;
    z-index: 9999 !important;
}

.invoice_credit {
    vertical-align: middle;
    background-color: #4bb2c3;
    color: #fff;
    padding: 9px 5px 0px 5px;
    font-size: 16px;
}

a {
    cursor: pointer !important;
}

.width {
    width: 28% !important;
}

.navbar-default .navbar-toggle {
    border-color: #fff !important;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #071e3d !important;
    }
.width-td {
   width:14% !important;
}
@media (device-width: 768px) {
    .checkmark_gnc {
        left: 7px !important;
    }
    .onlycontentsection {
        margin-top: -73px !important;
    }

    .not_box2 {
        margin-left: -20px !important;
    }

    .navbar > .container .navbar-brand {
        margin-top: -24px !important;
        /*margin-left: -28px !important;*/
    }

    .loginbox {
        height: 469px !important;
    }

    .contentsection {
        margin-top: 5px !important;
    }
}

.two_img {
    display: none !important;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.table-responsive {
    overflow-x: auto;
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    fill: green !important;
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    /*width: 85px !important;
    height: 51px !important;*/
    position: relative;
    display: block;
    z-index: 10;
}

.btn {
    display: inline-block;
    padding: 9px 11px !important;
    /*padding: 9px 21px !important;*/
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    min-height: 51px;
    z-index: 0 !important;
    /*box-shadow: 2px 2px 2px 2px rgba(138, 135, 135, 0.0784313725490196) !important;*/
}

.multi_sel {
    padding: 6px 11px 6px 10px !important;
}

.black {
    color: #000 !important;
}

.over {
    height: 223px;
    overflow: auto;
}

.form-group .btn {
    width: 200px;
}

.grid-layout {
    width: 100%;
    align-self: start;
}

.row_grid {
    display: grid;
    grid-template-columns: 200px 200px 200px;
    grid-template-rows: 120px 120px 120px 120px;
    grid-gap: 10px;
    font-family: 'Lato';
    text-align: center;
    font-size: 1.4em;
    margin: 40px 30px;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        /*padding: 2px!important;*/
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
}

.ck_button {
    /*display: block;
    position: relative;
    padding-left: 33px !important;
    bottom: 11px !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    display: block;
    position: relative;
    /* padding-left: 33px!important; */
    top: -4px !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mob_icon {
    font-size: 24px !important;
}

.scrollable_section {
    overflow: auto;
    height: 400px;
}

.td_width {
    width: 11% !important;
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 60px !important;
    height: 58px;
    position: relative;
    display: block;
    z-index: 0 !important;
}

.rd_btn:focus {
    border: none !important;
}

.hr_glass {
    /*margin-top: 20px;*/
}

.icon_meeting {
    padding: 4px;
    font-size: 17px !important;
    margin-top: 10px !important;
    color: #f36546;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: transparent !important;
}

.tk_table_p {
    font-weight: 300;
    color: #979393;
    font-size: 12px;
    text-transform: uppercase;
}

.tk_tble tbody tr {
    border-bottom: 1px solid rgba(186, 178, 178, 0.16862745098039217);
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tk_tble thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tk_tble tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
    height: 200px;
}

@media (max-width: 767px) {
    .awareness {
        color: #474c4d;
        z-index: 99999;
        margin-top: -19px;
        font-size: 11px;
        margin-left: 6px;
        margin-bottom: 0px !important;
    }

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

    .tk_tble tbody {
        overflow-x: auto;
        display: block;
        /* max-height: 300px; */
        overflow-y: scroll;
        height: 253px;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal !important;
    }
}

.linknew {
    color: #3292a7 !important;
    text-decoration: none;
    font-size: 13px;
}

    .linknew:hover {
        color: #3292a7 !important;
        text-decoration: underline;
    }

.carousel-indicators li {
    display: inline-block;
    width: 7px !important;
    height: 7px !important;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(41, 44, 36, 0.6901960784313725) !important;
    border-radius: 10px;
}

.carousel-indicators .active {
    margin: 0;
    background-color: #4bb2c3 !important;
    width: 10px !important;
    height: 10px !important;
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 0px !important;
    }
}

.res_md_device {
    /*top: -57px;*/
    margin-top: 13px;
}

@media only screen and (max-width: 1023px) and (min-width: 767px) {
    .res_md_device {
        margin-top: -51px;
    }
}










.notification-bell {
    animation: bell 1s 1s both infinite;
}

    .notification-bell * {
        display: block;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 0px 0px 15px #fff;
    }

.bell-top {
    background-color: #fdc006;
    width: 6px;
    height: 6px;
    border-radius: 3px 3px 0 0;
}

.bell-middle {
    width: 25px;
    background-color: #fdc006;
    height: 25px;
    margin-top: -1px;
    border-radius: 12.5px 12.5px 0 0;
}

.bell-bottom {
    background-color: #fdc006;
    position: relative;
    z-index: 0;
    width: 32px;
    height: 2px;
}

    .bell-bottom::before,
    .bell-bottom::after {
        content: '';
        position: absolute;
        top: -4px;
    }

    .bell-bottom::before {
        left: 1px;
        border-bottom: 4px solid #fdc006;
        border-right: 0 solid transparent;
        border-left: 4px solid transparent;
    }

    .bell-bottom::after {
        right: 1px;
        border-bottom: 4px solid #fdc006;
        border-right: 4px solid transparent;
        border-left: 0 solid transparent;
    }

.bell-rad {
    background-color: #fdc006;
    width: 8px;
    height: 4px;
    margin-top: 2px;
    border-radius: 0 0 4px 4px;
    animation: rad 1s 2s both infinite;
}

.notification-count {
    position: absolute;
    z-index: 1;
    top: 7px;
    right: 5px;
    width: 22px;
    height: 8px;
    padding: 0px 0px 23px 8px;
    line-height: 25px;
    font-size: 15px;
    border-radius: 50%;
    background-color: #ff4927;
    color: #fff;
    /* animation: zoom 3s 3s both infinite; */
}

@keyframes bell {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(30deg);
    }

    20% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(0);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes rad {
    0% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(6px);
    }

    20% {
        transform: translateX(0);
    }

    80% {
        transform: translateX(0);
    }

    90% {
        transform: translateX(-6px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes zoom {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    10% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes moon-moving {
    0% {
        transform: translate(-200%, 600%);
    }

    100% {
        transform: translate(800%, -200%);
    }
}

.mr-auto {
    position: fixed;
    z-index: 999;
    margin-top: -30px !important;
}

.twelve {
    font-size: 11.5px !important;
}

@media (max-width: 640px) {
    .tooltip2 .tooltiptext {
        font-size: 12px !important;
        text-align: justify !important;
        color: rgb(110, 108, 108) !important;
        line-height: 1.3 !important;
        visibility: hidden;
        width: auto !important;
    }

    .tk_body {
        /*width: 151%;*/
    }

    .dropdown-menu {
        top: 50px;
        left: -16px;
        /*width: 290px;*/
    }

    .popup_drop {
        overflow: scroll !important;
        height: 239px !important;
        left: -251px !important;
        width: auto !important;
    }

    .nav {
        display: block;
    }

        .nav .nav-item, .nav .nav-item a {
            padding-left: 0px;
        }

    .message {
        font-size: 13px;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.nav_width_mob {
    width: 16%;
}

.not_box2 {
    cursor: pointer !important;
    margin-left: 1px !important;
    border-bottom: none !important;
    padding: 10px 0px 7px 0px;
}

.btn-default:disabled {
    cursor: default;
    box-shadow: 2px 1px 3px 1px #ebebeb;
    background-color: rgb(208, 208, 206) !important;
}

.btn-default {
    cursor: default;
    /*box-shadow: 2px 1px 3px 1px #ebebeb;*/
    /*background-color: rgb(208, 208, 206) !important;*/
}

thead th a, thead th {
    font-weight: normal !important;
}

.is_thr2 {
    margin-top: -48px !important;
}

.version_no {
    font-size: 10px;
    text-align: center;
    color: #e9e6e6;
    margin-top: 35px;
}

.meeting_subject {
    height: 40px;
    color: #535050;
    border-radius: 4px;
    border: 1px solid #c0bbbb;
    padding: 3px;
}

textarea {
    resize: none !important;
}

.logout_1 {
    cursor: pointer !important;
}


.is_yes_no {
    top: 5px !important;
    left: auto !important;
}

@media screen and (max-width:767.5px) {
    .table-responsive {
        border: 0 !important;
    }

    a[data-title]:hover:after {
        content: attr(data-title);
        position: absolute;
        border: 1px solid rgba(11, 16, 17, 0.5) !important;
        width: 265px !important;
        left: -22% !important;
        box-shadow: 1px 1px 7px 1px rgba(137, 141, 142, 0.5411764705882353) !important;
        
    }

    .fc .fc-toolbar > * > * {
        margin-top: 2px !important;
        float: left;
        margin-left: 0.75em;
    }

    .fc-button-group, .fc-icon {
        margin-top: 2px !important;
        display: inline-block;
    }

    .fc-toolbar .fc-right {
        float: initial !important;
        margin-top: 0px !important;
    }

    .box-primary {
        margin-top: 0px !important;
        margin-left: -23px !important;
    }

    .modal-content {
        padding-bottom: 5px !important;
        width: 100% !important;
        margin-top: -36px !important;
        background-color: #fefefe;
        margin: auto;
        border-radius: 7px;
        padding: 0px 0px 0px 0px;
        border: 1px solid #888;
        width: 58%;
    }

    .float_right_in_sm {
        float: right !important;
    }

    #lblSubtaskcodeInfo i, #lblExpensecodeInfo i {
        /*margin-top: -24px;
        margin-left: 36%;*/
        margin-top: 27px;
        margin-left: 36%;
    }

    .modal.right .modal-dialog {
        margin-right: 0px !important;
        position: fixed;
        margin: auto;
        width: auto !important;
    }
}



/*Website color-profile change css*/
.popup_informationnext:hover, .popup_informationnext:focus {
    background: linear-gradient(to right,#c8453e,#c8453e) !important;
    color: #ffffff !important;
}

.popup_informationnext {
    margin-right: 5px;
    padding: 5px 34px !important;
    text-transform: inherit;
    font-weight: 800;
    border-radius: 0px !important;
    width: 105px !important;
    font-size: 12px !important;
    line-height: 1.38;
    letter-spacing: normal;
    background: linear-gradient(to right, #e34e46, #fc5c42 ) !important;
    color: rgb(255, 255, 255);
    border: none;
    padding: 12px 10px 10px 10px;
    text-transform: uppercase;
}

.important_buttons {
    text-transform: uppercase !important;
    width: auto !important;
    padding: 9px 29px !important;
    background-color: transparent;
    font-family: roboto-medium;
    margin-top: 14px !important;
    color: #369db3 !important;
    border: 1px solid #369db3 !important;
    border-radius: 0 !important;
}

    .important_buttons:hover, .important_buttons:focus {
        background-color: #369db3 !important;
        text-decoration: none !important;
        color: #ffffff !important;
    }

.cancel_button_in_popup:hover {
    background-color: rgb(142, 136, 135) !important;
    color: #fff !important;
}

.cancel_button_in_popup {
    padding: 5px 26px !important;
    text-transform: uppercase;
    font-family: roboto-medium;
    border-radius: 0px !important;
    width: 105px !important;
    font-size: 12px !important;
    line-height: 1.38;
    letter-spacing: normal;
    background-color: transparent;
    text-align: center;
    color: rgb(142, 136, 135) !important;
    border: 1px solid rgb(142, 136, 135) !important;
}


.fancy-line-expense:after {
    content: "";
    position: absolute;
    height: 5px;
    /*border-top: 1px solid rgba(137, 137, 137, 0.3);*/
    border-top: 1px solid #cfcfcf;
    top: 8px;
    margin-left: 10px;
    width: 870px;
}

.fancy-line-expense {
    line-height: 0.5;
    text-align: center;
    display: inline-block;
    position: relative;
}

.fancy-line-fee:after {
    content: "";
    position: absolute;
    height: 5px;
    /*border-top: 1px solid rgba(137, 137, 137, 0.3);*/
    border-top: 1px solid #cfcfcf;
    top: 8px;
    margin-left: 10px;
    width: 930px;
}

.fancy-line-fee {
    line-height: 0.5;
    text-align: center;
    display: inline-block;
    position: relative;
}

.top_heading_user h2, .top_heading_tym h2 {
    color: rgb(89, 86, 86);
    font-family: Roboto-medium;
    padding: 4px !important;
    font-size: 20px !important;
    margin-top: 10px !important;
    margin-left: -11px;
}

.top_heading_user .fa-info-circle, .top_heading_tym .fa-info-circle {
    color: rgb(89, 86, 86);
}

.input-group-btn:first-child > .btn {
    height: 40px;
    margin-right: -1px;
}

.term_link:hover {
    text-decoration: underline !important;
    color: #e6a934 !important;
}
/*Website color-profile change css*/
@media screen and (max-width:767.5px) {
    .contentsection {
        margin-top: 10px;
    }

    .iconhead {
        margin-right: -8px !important;
        top: 10px !important;
        margin-top: 0px !important;
        font-size: 18px;
        margin-left: 4px;
    }
}

/*Comments*/
.modal-backdrop.in {
    opacity: -0.5 !important;
    filter: alpha(opacity=50);
}

.modal.right .modal-dialog {
    margin-right: 25px;
    position: fixed;
    margin: auto;
    width: 437px;
    height: 110%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}


.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}


.modal.right .modal-body {
    padding: 0px 22px 15px;
    margin-top: -19px;
    background-color: #fff;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.comment-header {
    position: fixed;
    background-color: #ffffff;
    padding: 2px;
    z-index: 9;
    border-bottom: none !important;
    width: 100%;
}

    .comment-header h4 {
        text-transform: uppercase;
        font-family: roboto-medium;
        font-size: 14px;
        padding: 11px 0px 3px 19px;
        color: #369db3;
    }

    .comment-header .close {
        color: rgba(105, 101, 101, 0.4196078431372549) !important;
        margin-right: 21px;
        margin-top: 7px;
        border: 0 !important;
    }

.comments_text {
    line-height: 18px;
    text-align: justify;
    padding-top: 0px;
    font-size: 13px;
}

.comment_by {
    margin-top: -6px;
    /* color: #5f5c5c; */
    font-size: 11px;
    font-family: roboto-medium;
}
.comment_by2 {
    margin-top: -6px;
    color: #fff;
    font-size: 11px;
    font-family: roboto-medium;
    /* padding: 0px 0px 0px 7px; */
}
.comment_cancel:hover {
    background-color: transparent!important;
}
.comment_save:hover {
    background-color: transparent !important;
}
.comment_cancel {
    font-size: 13px !important;
    border-radius: 0 !important;
    padding: 0px 10px 0px 10px !important;
    text-transform: uppercase;
    background-color: transparent;
    font-family: roboto-medium;
    border-right: 2px solid rgba(81, 66, 66, 0.38823529411764707) !important;
    color: #5f5c5c;
}

.comment_save {
    background-color: transparent;
    font-size: 13px !important;
    border-radius: 0 !important;
    padding: 0px 0px 0px 10px !important;
    text-transform: uppercase;
    font-family: roboto-medium;
    color: #369db3;

}
    .comment_save:disabled {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #c0bdbd;
    }
.comment_main_save {
    border-radius: 0 !important;
    font-family: roboto-medium;
    color: #fff;
    margin-bottom: 15px !important;
    background-color: #369db3;
    padding: 7px 30px 7px 30px !important;
    text-transform: uppercase;
}

    .comment_main_save:hover {
        font-family: roboto-medium;
        color: #fff !important;
        background-color: #f99f1c !important;
        padding: 7px 25px 7px 25px;
        text-transform: uppercase;
    }

.textarea_comments {
    line-height: 18px;
    font-size: 13px;
    resize: none;
    border-top-left-radius: 1pc;
    border-bottom-left-radius: 1pc;
    border-top-right-radius: 1pc;
    color: black;
    text-align: justify;
    font-family: roboto;
    margin-top: 11px;
}

.comment_icon {
    color: #fff;
    padding: 3px;
    font-size: 15px !important;
    margin-top: 7px;
}

.comment_body {
    /*padding: 0px 0px 0px 7px;*/
}
.comment_success {
    font-size: small;
    color: #369db3;
    padding: 3px;
}
.fc-center {
    margin-top: 15px !important;
}
.min_width_for_table_200 {
    min-width: 200px;
    text-align:justify!important;
}
.min_width_for_table_300 {
    min-width: 300px;
    text-align: justify !important;
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.commentbox .modal-content {
    background-color: #ffffff!important;
}
.comment_by_person1 {
    padding: 19px 13px 8px 15px;
    background-color: #ebebeb;
    border-top-left-radius: 1pc;
    /* border-bottom-left-radius: 1pc; */
    border-top-right-radius: 1pc;
    border-bottom-right-radius: 1pc;
}
.comment_by_person2 {
    padding: 19px 13px 8px 15px;
    background-color: #369db3;
    border-top-left-radius: 1pc;
    border-bottom-left-radius: 1pc;
    border-top-right-radius: 1pc;
}
.comments_text2 {
    color: #fff;
    font-family: roboto;
    line-height: 18px;
    text-align: justify;
    padding-top: 0px;
    font-size: 13px;
}
.byperson2 {
    font-family: roboto-medium;
    color: #f99f1c;
    font-size: 12px;
}
.byperson {
    font-family: roboto-medium;
    color: #369db3;
    font-size: 12px;
}

.dot {
    margin: 2px;
    height: 4px;
    width: 4px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    display: block;
}

.wrapper-dropdown-3 {
    position: relative;
    /*width: 200px;*/
    margin: 0 auto;
    /*padding: 10px;*/
    /* background: #fff; */
    /* border-radius: 7px; */
    /* border: 1px solid rgba(0,0,0,0.15); */
    /* box-shadow: 0 1px 1px rgba(50,50,50,0.1); */
    cursor: pointer;
    outline: none;
    font-weight: bold;
    color: #8AA8BD;
}


    .wrapper-dropdown-3:after {
        width: 0;
        height: 0;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #8aa8bd transparent;
    }

    .wrapper-dropdown-3 .dropdown {
        position: absolute;
        margin-top: 13px !important;
        left: 279px;
        right: 0;
        background: white;
        /* border-radius: inherit; */
        border: 1px solid rgba(0,0,0,0.17);
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        font-weight: normal;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
        list-style: none;
        opacity: 0;
        pointer-events: none;
        margin-right: -9px;
        margin-top: 3px;
        width: 97px;
    }

        .wrapper-dropdown-3 .dropdown:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            right: 15px;
            border-width: 0 6px 6px 6px;
            border-style: solid;
            border-color: #fff transparent;
        }

        .wrapper-dropdown-3 .dropdown:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            right: 13px;
            border-width: 0 8px 8px 8px;
            border-style: solid;
            border-color: rgba(0,0,0,0.1) transparent;
        }

        .wrapper-dropdown-3 .dropdown li a {
            height: 37px;
            display: block;
            padding: 11px 13px 0px 4px;
            text-decoration: none;
            color: #8aa8bd;
            /* border-bottom: 1px solid #e6e8ea; */
            box-shadow: inset 0 1px 0 rgba(255,255,255,1);
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .wrapper-dropdown-3 .dropdown li i {
            float: right;
            color: inherit;
        }

        .wrapper-dropdown-3 .dropdown li:first-of-type a {
            border-radius: 7px 7px 0 0;
        }

        .wrapper-dropdown-3 .dropdown li:last-of-type a {
            border: none;
            border-radius: 0 0 7px 7px;
        }

        /* Hover state */

       

    /* Active state */

    .wrapper-dropdown-3.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }

/* No CSS3 support */

.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}
.editdelete {
    margin-left: -29px;
    color: #2a2828;
}
/*comment ends*/
.awareness2 {
    color: #4b4747;
    margin-left: 15px;
    font-size: 12px;
}
.warning_content {
    color: #171616;
    font-family: roboto-medium;
    line-height: 1.2;
}









.least_prior_buttons:hover, .least_prior_buttons:focus {
    background-color: #369db3 !important;
    text-decoration: none !important;
    color: #ffffff !important;
}


.least_prior_buttons {
    width: 100% !important;
    text-transform: uppercase !important;
    /* width: auto !important; */
    padding: 9px 29px !important;
    background-color: transparent;
    font-family: roboto-medium;
    /* margin-top: 14px !important; */
    color: #369db3 !important;
    border: 1px solid #369db3 !important;
    border-radius: 0 !important;
}
.fake_buttons {
    font-family: roboto-medium;
    color: #369db3!important;
    padding: 6px 8px !important;
    background-color: transparent!important;
}
    .fake_buttons:hover {
        text-decoration: underline;
        background-color: transparent !important;
    }
    .fake_buttons:disabled {
        border: 0;
        cursor: default;
        box-shadow: 2px 1px 3px 1px #ebebeb;
        background-color: transparent !important;
    }
.text_li2 a{
    word-break:break-all;
}


.dropdown-container {
    margin-left: -11px;
    display: none;
    background-color: #369db3;
    padding-left: 11px;
}
.dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

.section_background2 {
    margin-top: 56px;
    margin-bottom: 4px;
    background-color: #fff;
    padding: 34px 60px 54px 60px;
    border-radius: 7px;
}
.align_0 {
    left: -3px !important;
    margin-top: -31px !important;
}
.inlineflex {
    display: inline-flex;
}
.fa-question-circle {
    left: -3px !important;
    margin-top: 11px !important;
    color: #5d5858bf!important;
}
.dd-option-text {
    display: table-footer-group;
    font-size: 13px;
    line-height: 15px !important;
}
.dd-selected-text {
    margin-top: 0px;
    line-height: 14px !important;
}
.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    max-width: 62px;
    margin-top: 0px !important;
    height: 11px;
}
.dd-select {
    width: 108%!important;
    height: 45px !important;
    padding: 0px 11px 0px 10px !important;
    border: 1px solid rgba(144, 140, 140, 0.62) !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    position: relative;
    cursor: pointer;
}
.dd-selected {
    display: inline-flex;
    color: #615c5c;
    overflow: hidden;
    /*padding: 8px !important;*/
    /*padding: 12px 0px 4px 0px !important;*/
    font-weight: normal !important;
}
.dd-options {
    width: 365px !important;
    height: 250px;
    border: solid 1px #ccc;
    border-top: none;
    list-style: none;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
    position: absolute !important;
    z-index: 9999;
    margin: 0;
    padding: 0;
    background: #fff;
    
}
.dd-container {
    width: 100% !important;
}
#btn_searchFees, #btn_resetFees, #btn_searchExpense, #btn_resetExpense {
    height: 42px;
}
.bottom0 {
    bottom: -37px!important;
}

.questionnaire_label {
    margin-bottom: 0px;
    margin-top: 18px;
    font-weight: 400;
    color: #4BB2C3;
}
.error_icon {
    font-size: 16px;
    height: 22px;
    margin-left: 12px;
    margin-top: 2px;
    /* width: 20px; */
    color: red;
}
.warning_icon {
    font-size: 16px;
    height: 22px;
    margin-left: 12px;
    margin-top: 2px;
    /* width: 20px; */
    color: #e9a306;
}