@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background-color: #f5f5f5;
    font-family: Roboto !important;
}

.waves-effect-2 {
    color: #007bff !important;
}

.nav-bt-icon-text:hover {
    text-decoration: none !important;
}

table.table-nopd th,
table.table-nopd td {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.datapaginate td, table-fixed-hd td, table-header-fixed td, table-fixed-dynamic td, table-fixed-first td {
    border-bottom: 1px solid #e3e3e3 !important;
}

.table-height-fixed-header {
    /*height:400px ;
    overflow-y:scroll;*/
}

.table-header-fixed {
    /*height: 400px;
    overflow-y: scroll;*/
}

table.dataTable {
    border-collapse: collapse !important;
    width: 100% !important;
}


.pagination > li > a,
.pagination > li > span {
    /* border-radius: 10% !important; */
    /*margin: 0 5px;
    border: 1px solid #4285f4 !important;
    color: #4285f4 !important;
    transition: background-color 0.3s;*/
}

.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #0d4f91 !important;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* .pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
} */

.navbar .dropdown-menu a {
    padding: 0rem !important;
    font-weight: normal !important;
}

@media only screen and (max-width: 992px) {
    .mg-dash-menu {
        background-color: #002855;
        color: white;
        left: -40px !important;
    }

    .multi-col {
        margin-top: 15px;
        border-right: none !important;
        margin-bottom: 15px;
    }

    .nav-item {
        padding: 2px 7px 2px 7px;
    }

    .box2 {
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .navbar-nav {
        /*display: grid !important;
        grid-template-columns: repeat(4, 1fr);*/
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

        .navbar-nav .dropdown-menu {
            position: absolute;
            float: none;
        }

    .dm-nav-menu {
        left: -120px !important;
        width: 200px !important;
        border: 0.8px solid #2472b6 !important;
        padding: 10px !important;
    }

    .fullscreen {
        z-index: 9999 !important;
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        /*top: 15% !important;*/
        left: 0 !important;
        -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in-out;
        transition-property: width height background-color font-size left top transform -webkit-transform color;
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;
    }

    .sl-margin {
        margin-left: 1%;
        padding-right: 1%;
    }

    .res-mt {
        margin-top: 1%;
    }

    .subject-align {
        text-align: center;
    }
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 1919px) {
    .dashboard-list {
        width: 100%;
        margin-top: 4%;
        border-radius: 8px;
        color: #ffffff;
        border: 1px solid #ffffff;
        background-color: #2472b6;
        padding: 4px 5px 5px 4px;
        font-size: 13px;
        text-align: left;
    }

    .panel-holder-text {
        text-align: center;
        font-family: Roboto;
        font-size: 13px;
        letter-spacing: 0px;
        color: #ffffff;
        opacity: 1;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .panel-holder-table td {
        padding: 2px 5px 2px 5px;
    }

    .panel-holder {
        border-radius: 5px;
        border: 1px solid #2472b6;
        background-color: #ffffff;
        padding: 7px;
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }

    .panel-holder-2 {
        border-radius: 5px;
        border: 1px solid #2472b6;
        background-color: #ffffff;
        padding: 7px;
        width: 100%;
        height: 50px;
        margin: 5%;
    }

    .nav-icon-fa {
        width: 22px;
        height: 22px;
        font-size: 22px;
    }

    .nav-icon-fa-md {
        width: 32px;
        height: 32px;
        font-size: 32px;
        color: #2472b6 !important;
    }

    .nav-icon {
        width: 22px;
        height: 22px;
        color: white;
    }

    .nav-icon {
        font-size: 22px;
    }

    .nav-bt-icon {
        width: 14px;
        height: 15px;
        color: #2472b6;
        margin-right: 1%;
    }

    .nav-icon-text {
        text-align: left;
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 0px;
        color: white;
        opacity: 1;
    }

    .nav-bt-icon-text {
        text-align: left;
        font-family: Roboto;
        font-size: 15px;
        letter-spacing: 0px;
        color: #2472b6;
        opacity: 1;
    }

    .war-badge {
        font-size: 13px !important;
        font-weight: normal !important;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        letter-spacing: 0px;
        font-family: Roboto;
        color: #ffffff;
        background-color: #ea8500 !important;
        margin-right: 1%;
    }

    .dan-badge {
        font-size: 13px !important;
        font-weight: normal !important;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        letter-spacing: 0px;
        font-family: Roboto;
        color: #ffffff;
        background-color: #dc0000 !important;
    }

    .bt-badge-no {
        font-size: 15px !important;
        font-weight: bold !important;
        padding-left: 1%;
    }

    .breadcrumb-link {
        text-align: left;
        font-family: Roboto;
        font-size: 15px;
        letter-spacing: 0px;
        color: #2472b6;
        opacity: 1;
    }

    .breadcrumb-text {
        text-align: left;
        font-family: Roboto;
        font-size: 15px;
        letter-spacing: 0px;
        color: black;
        opacity: 1;
    }
}

@media only screen and (min-width: 1920px) {

    .nav-icon-fa {
        width: 22px;
        height: 22px;
        font-size: 22px;
    }

    .nav-icon-fa-md {
        width: 32px;
        height: 32px;
        font-size: 32px;
    }

    .dashboard-list {
        width: 100%;
        margin-top: 4%;
        border-radius: 8px;
        color: #ffffff;
        border: 1px solid #ffffff;
        background-color: #2472b6;
        padding: 8px 10px 5px 8px;
        font-size: 15px;
        text-align: left;
    }

    .panel-holder-text {
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        letter-spacing: 0px;
        color: #ffffff;
        opacity: 1;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .panel-holder-table td {
        padding: 5px 10px 5px 10px;
    }

    .panel-holder {
        border-radius: 10px;
        border: 1px solid #2472b6;
        background-color: #ffffff;
        padding: 15px;
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .panel-holder-2 {
        border-radius: 10px;
        border: 1px solid #2472b6;
        background-color: #ffffff;
        padding: 15px;
        width: 100%;
        height: 100px;
        margin: 5%;
    }

    .nav-icon {
        width: 27px;
        height: 27px;
        color: white;
    }

    .nav-icon {
        font-size: 21px;
    }

    .war-badge {
        font-size: 15px !important;
        font-weight: normal !important;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        letter-spacing: 0px;
        font-family: Roboto;
        color: #ffffff;
        background-color: #ea8500 !important;
        margin-right: 3%;
    }

    .dan-badge {
        font-size: 15px !important;
        font-weight: normal !important;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        letter-spacing: 0px;
        font-family: Roboto;
        color: #ffffff;
        background-color: #dc0000 !important;
    }

    .bt-badge-no {
        font-size: 18px !important;
        font-weight: bold !important;
        padding-left: 5%;
    }

    .sl-margin {
        margin-left: 2%;
        padding-right: 10% !important;
    }

    .nav-bt-icon {
        width: 17px;
        height: 19px;
        color: #2472b6;
        margin-right: 1%;
    }

    .nav-icon-text {
        text-align: left;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0px;
        color: white;
        opacity: 1;
    }

    .nav-bt-icon-text {
        text-align: left;
        font-family: Roboto;
        font-size: 16px;
        letter-spacing: 0px;
        color: #2472b6;
        opacity: 1;
    }

    .breadcrumb-link {
        text-align: left;
        font-family: Roboto;
        font-size: 15px;
        letter-spacing: 0px;
        color: #2472b6;
        opacity: 1;
    }

    .breadcrumb-text {
        text-align: left;
        font-family: Roboto;
        font-size: 15px;
        letter-spacing: 0px;
        color: black;
        opacity: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .col-1-5 {
        flex: 0 0 12.3%;
        max-width: 12.3%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .bd-r-blue {
        border-right: 1px solid #0d4f91;
    }

    .bd-r-blue-2 {
        border-right: 1px solid #0d4f91;
        padding-left: 3%;
    }

    .sl-margin {
        margin-left: 2%;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 774px) {
}

@media only screen and (min-width: 767px) {
    .schedule-setting-menu {
        width: auto !important;
    }
}

@media only screen and (min-width: 768px) {
    .schedule-setting-menu {
        width: 400px !important;
    }
}

@media only screen and (min-width: 993px) {
    .multi-col {
        margin-top: 15px;
        border-right: 0.8px solid #2472b6;
        margin-bottom: 15px;
    }

    .mg-dash-menu {
        background-color: #002855;
        color: white;
    }

    .dm-nav-menu {
        right: 0 !important;
        left: auto !important;
        padding: 20px;
        width: max-content !important;
        /*white-space:nowrap;*/
        /*left: -500px !important;*/
        border: 0.8px solid #2472b6 !important;
    }

    .grid-stack-item-content {
        -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in-out;
        transition-property: width height background-color font-size left top transform -webkit-transform color;
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;
    }

    .fullscreen {
        z-index: 9999 !important;
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        /*top: 15% !important;*/
        left: 0 !important;
        -webkit-transition-property: width height background-color font-size left top transform -webkit-transform color;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in-out;
        transition-property: width height background-color font-size left top transform -webkit-transform color;
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;
    }

    .subject-align {
        text-align: right;
    }

    .sl-margin {
        margin-left: 2%;
        padding-right: 2%;
    }
}

@media only screen and (max-width: 600px) {
    .bottom-nav .col-lg-2,
    .bottom-nav .col-lg-1 {
        padding-right: 2px;
        padding-left: 2px;
    }

    .search-panel-box {
        font-size: 12px;
        padding: 2px 2px 2px 10px;
        margin-right: 1%;
        display: initial;
        width: 60% !important;
    }

    .res-mt-xs {
        margin-top: 1%;
    }

    .custom-select {
        width: initial !important;
    }

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

@media only screen and (min-width: 600px) {
    .datapaginate {
        width: 100% !important;
    }

    .search-panel-box {
        font-size: 12px;
        padding: 2px 2px 2px 10px;
        margin-right: 1%;
        display: initial;
        width: 35% !important;
        height: 40px;
        border-radius: 6px !important;
    }
}

.nav-background {
    background-color: #0d4f91;
    min-height: 40px;
}

.nav-link {
    margin-right: 8px;
    opacity: 1;
}

    .nav-link:hover {
        opacity: 1;
    }

.color-0 {
    color: black !important;
}

.nav-icon-link {
    display: inline;
    list-style-type: none;
    padding-right: 14px;
    float: left;
}

.noti-badge {
    position: absolute !important;
    width: 13px !important;
    height: 13px !important;
    right: 0px !important;
    bottom: 30% !important;
    font-family: Roboto !important;
    font-size: 10px !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

nav .dropdown-menu {
    left: -40px;
    font-size: 13px;
}

nav .dropdown:hover .dropdown-menu,
nav .dropdown .dropdown-menu {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    /*margin-top: -3px;*/
    margin-left: 0px;
    border: none;
    width: 160px;
}

.dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    /* border-right: .3em solid transparent; */
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.multi-col a.header {
    text-align: left !important;
    font-family: Roboto;
    font-size: 15px !important;
    font-weight: bold !important;
    letter-spacing: 0px !important;
    color: #2472b6 !important;
    margin-left: 10px !important;
    margin-bottom: 15px !important;
    padding-right: 20px !important;
    display: block !important;
}

.multi-col a.header-list {
    font-weight: bold !important;
    text-align: left !important;
    font-family: Roboto;
    font-size: 12px !important;
    letter-spacing: 0px !important;
    color: #555555 !important;
    margin-top: 15px !important;
    margin-left: 10%;
    /*margin-bottom: 15px !important;*/
    padding-right: 20px;
    display:block !important;
}

.link-hover:hover {
    cursor: pointer;
}

.icon-circular {
    border: 0.8px solid #2472b6 !important;
    padding: 10px;
    border-radius: 50%;
    color: #2472b6;
}

.nav-user-menu {
    width: 230px !important;
    left: -100px !important;
    /*border: 0.8px solid #2472B6 !important;*/
    font-size: 10px;
}

.custom-select-sm {
    height: 28px;
    font-size: 13px;
    background: #fff url("../img/down.svg") no-repeat right 0.75rem center/8px 10px;
    padding-top: 0.15rem !important;
    border: 0.8px solid #2472b6 !important;
    fill: #2472b6;
}

.no-bd {
    border: none !important;
}

.dash-select {
    height: 28px;
    text-align: center;
    font-size: 12px;
    font-family: Roboto;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
}

.bt-nav-select {
    height: 25px;
    text-align: center;
    font-size: 12px;
    font-family: Roboto;
    letter-spacing: 0px;
    color: #aaaaaa !important;
}

.mpd-3 {
    padding-right: 0px !important;
}

.icon-circular-noti {
    border: 0.8px solid #2472b6 !important;
    padding: 4px !important;
    border-radius: 50% !important;
    color: #2472b6 !important;
    font-size: 10px !important;
}

.noti-menu {
    width: 230px !important;
    left: -100px !important;
    /*border: 0.8px solid #2472B6 !important;*/
    font-size: 10px !important;
}

.noti-msg {
    color: #555555 !important;
}

.bottom-nav {
    margin: auto !important;
    padding: 10px !important;
    height: auto !important;
    background-color: #ffffff;
}

.no-mg {
    margin-left: 0px;
    margin-right: 0px;
}

.btn-outline-menu {
    border: 1px solid #2472b6 !important;
    color: #2472b6 !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 15px !important;
}

    .btn-outline-menu:hover {
        border: 1px solid #2472b6 !important;
        color: #2472b6 !important;
        background-color: #ffffff !important;
        border-radius: 10px !important;
        font-size: 15px !important;
    }

.search-panel-icon {
    position: absolute;
    right: 20px;
    color: #2472b6;
    top: 10px;
}

.no-show {
    display: none;
}

.panel-options {
    text-align: left;
    font-size: 18px !important;
    font-weight: normal !important;
    color: #ccc9c9;
    padding-right: 8px;
}

.hide-fullscreen {
    display: none;
}

.bottom-nav {
    margin: auto !important;
    padding: 5px !important;
    min-height: 40px !important;
    background-color: #ffffff;
}

.studyname-select {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0px;
    color: #aaaaaa !important;
}

    .studyname-select:hover {
        text-decoration: unset !important;
        color: #aaaaaa !important;
    }

.headnav {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
}

.headnav-md {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
}

.dashboard-select {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
}

    .dashboard-select:hover {
        color: #646464;
        text-decoration: unset !important;
    }

.down-arrow-dm {
    font-size: 21px;
    margin-left: 15%;
}

.search-icon {
    margin-right: 2.5%;
}

/* GRID */

.grid-stack-item-content {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 15px;
    opacity: 1;
}

.grid-container {
    background: #f5f5f5 0% 0% no-repeat padding-box;
    padding-bottom: 100px;
}

.grid-header {
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    color: #2472b6;
    opacity: 1;
    background-color: white;
    margin: 10px 5px 2px 5px;
}

.t-header {
    /*background: #2472b6 0% 0% no-repeat padding-box !important;*/
    color: #ffffff !important;
    background: #2472b6;
}

.t-header-monitor {
    /*background: #2472b6 0% 0% no-repeat padding-box !important;*/
    color: #ffffff !important;
    background: #2472b6;
    border-bottom: none;
}

.table-grid {
    margin: 20px 25px;
}

/* top-left border-radius */

.DTFC_LeftWrapper th:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.DTFC_RightWrapper th:first-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

div.dts div.dataTables_scrollBody {
    background: none !important;
}

table tr:first-child th:first-child {
    /* Commented by Nikhil for CPD-11939 on 17th Dec 2021 */
    /*border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;*/
}

/* Updated by Nikhil for CPD-11939 on 17th Dec 2021 */
.dataTables_scrollHeadInner tr:first-child th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

/* top-right border-radius */
/* Commented by Nikhil for CPD-11939 on 17th Dec 2021 */
/*table tr:first-child th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}*/

.table thead th {
    border-bottom: none !important;
    text-align: left;
    font: Bold 14px/19px Roboto;
    letter-spacing: 0px;
    color: #ffffff;
}

.table td,
.table th {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

td {
    text-align: left;
    font: Regular 15px/45px Roboto;
    letter-spacing: 0px;
    color: #555555;
}

.logo-brand {
    background: transparent url("../img/CRF_horizontal-8_white.png") 0% 0% no-repeat padding-box;
    opacity: 1;
}

.no-wrap {
    white-space: normal;
}

.paginate-left {
    color: #2472b6;
    font-size: 26px;
    padding: 0px 5% 0px 5%;
}

.menu-pageno {
    font-size: 21px;
}

.paginate-right {
    color: #2472b6;
    font-size: 26px;
    padding: 0px 5% 0px 5%;
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

/* Subject List */

.dd-label {
    font-size: 16px;
    font: Bold 16px/25px Roboto;
    letter-spacing: 0px;
    color: #2472b6;
}

.dd-label-sm {
    font: Bold 13px/25px Roboto;
    letter-spacing: 0px;
    color: #2472b6;
}

.schedule-filter-select {
    /*text-align: center;*/
    font-size: 15px;
    letter-spacing: 0px;
    color: #625F5F !important;
    border: none;
    background-color: none;
}

    .schedule-filter-select:hover {
        text-decoration: unset !important;
        color: #625F5F !important;
    }

.bg-white-tab {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #00000029;
}

.tab-header {
    padding-right: 5%;
    font-size: 18px;
    font-weight: bold;
}

.bd-r-blue-tab {
    border-right: 1px solid #0d4f91;
    padding-left: 2%;
}

.bd-round {
    border-radius: 10px !important;
}

.bd-round-5 {
    border-radius: 5px !important;
}

.bd-round-20 {
    border-radius: 20px !important;
}

.bd-blue {
    border: 1px solid #0d4f91 !important;
}

.bd-blue-dashed {
    border: 1px dashed #0d4f91 !important;
}

.bd-light-blue-solid {
    border: 1px solid #5494ff;
}

.bd-normal-solid {
    border: 1px solid #FCA058;
}

.bd-red-solid {
    border: 1px solid #d10000;
}

.bd-yellow-solid {
    border: 1px solid #ffa726;
}

.bd-green-solid {
    border: 1px solid #9ac311;
}

.bd-green-dashed {
    border: 1px dashed #9ac311;
}

.bd-red-dashed {
    border: 1px dashed #d10000;
}

.bd-black-solid {
    border: 1px solid #868686;
}

.bd-gray-solid {
    border: 1px solid #e3e3e3;
}

.bg-gray {
    background: #e3e3e3 0% 0% no-repeat padding-box;
}

.bg-red-sm {
    background: #d32323 0% 0% no-repeat padding-box;
}

.bg-red {
    background: #d10000 0% 0% no-repeat padding-box;
}

.bg-yellow {
    background: #ffa726 0% 0% no-repeat padding-box;
}

.bg-green {
    background: #9ac311 0% 0% no-repeat padding-box;
}

.bg-white {
    background: #ffffff 0% 0% no-repeat padding-box;
}

.bg-light-blue {
    background: #5494ff 0% 0% no-repeat padding-box;
}

.bg-normal {
    background: #FCA058 0% 0% no-repeat padding-box;
}


.sub-comp {
    /*width: 48px;
    text-align: center;*/
    font-size: 14px;
    color: #ffffff;
    margin: 4px 1% 4px 1%;
    padding: 3px 4px 3px 4px;
    position: relative;
    display: inline-block;
    margin-bottom: 6% !important;
}

    .sub-comp a {
        display: block !important;
    }

.color-orange, .responsesquery {
    color: orange !important;
}

.color-green, .onholdquery {
    /*color: #9ac311 !important;*/
    color: #08c250 !important;
}

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

.color-blue {
    color: #2472b6 !important;
}

.color-red, .closedquery {
    color: #dc0000 !important;
}

.color-purple {
    color: #9D30FF !important;
}

.sub-comp .badge-right {
    position: absolute;
    top: -22px;
    right: -10px;
    padding: 5px 10px;
    color: white;
}

.sub-comp .badge-left {
    position: absolute;
    top: -22px;
    right: 14px;
    padding: 5px 10px;
    color: white;
}

.icon-circular-status-guide {
}

.status-guide-menu {
    width: 230px !important;
    left: -100px !important;
    /*border: 0.8px solid #2472B6 !important;*/
    font-size: 14px;
    margin: 2px 2px 2px 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.legends-menu {
    width: 230px !important;
    left: -20px !important;
    /*border: 0.8px solid #2472B6 !important;*/
    font-size: 14px;
    margin: 2px 2px 2px 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.electronic-signature-menu {
    width: 320px !important;
    left: -20px !important;
    font-size: 14px;
    margin: 2px 2px 2px 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.image-size-menu {
    max-width: 150px !important;
    left: -20px !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

    .image-size-menu img {
        width: 120px !important;
        height: 120px !important;
    }


.small-round {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
}

.status-guide-text {
    color: black;
    text-align: left;
    margin-left: 2%;
}

.schedule-setting-menu-2 {
    width: 200px !important;
    /*border: 0.8px solid #2472B6 !important;*/
    font-size: 14px;
    margin: 2px 2px 2px 2px;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
}

.schedule-setting-menu {
    /*border: 0.8px solid #2472B6 !important;*/
    font-size: 14px;
    margin: 2px 2px 2px 2px;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    left: -100px !important;
}

.pos-rel {
    position: relative !important;
}

.subheading {
    color: black;
    font-size: 16px;
    font-weight: bold;
}

.nolist {
    list-style-type: none;
    padding: 0px;
}

    .nolist li {
        margin-bottom: 3px;
    }

.sm-font-1 {
    font-size: 13px;
    color: black;
}

.bd-right-black {
    border-right: 2px solid #868686;
}

.pageheader {
    font: normal normal bold 30px/25px Roboto;
    letter-spacing: 0px;
    color: #2472b6;
}

.pageheader-title {
    font: normal normal bold 30px/25px Roboto;
    letter-spacing: 0px;
    color: #2472b6;
}

.pagesubheader-title {
    font: normal normal bold 26px/25px Roboto;
    letter-spacing: 0px;
    color: #6a6a6a;
}

.pageheader-md {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #2472b6;
}

.pagesubheader {
    font: normal normal bold 26px/25px Roboto;
    letter-spacing: 0px;
    color: #6a6a6a;
}

.bd-none {
    border: none !important;
}

/* Add New Subject*/

.modal-tt {
    text-align: left;
    font-size: 25px;
    /*line-height: 109px;*/
    font-weight: bold;
    letter-spacing: 0px;
    color: #2472b6;
}

.modal-th {
    border-bottom: 1px solid #2472b6;
}

.clindox-form .input-group-text {
    background: none !important;
    border: none !important;
}

.clindox-form select {
    border: none !important;
    border-radius: inherit !important;
}

.clindox-form input,
.clindox-form select {
    border-bottom: 1px solid #424242 !important;
}

.btn-o-blue {
    border: 1px solid #2472b6 !important;
}

.btn-blue {
    color: white !important;
    background-color: #2472b6 !important;
}

.btn-darkblue {
    color: white !important;
    background-color: #13416a !important;
}

/* style of content */

.ul-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .ul-flex ul {
        display: flex;
    }

        .ul-flex ul li {
            padding: 0px 15px;
            border-right: 1px solid #3333;
        }

.gold-tow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.gold-tow {
    display: flex;
    flex-wrap: wrap;
}

    .gold-tow ul {
        display: flex;
        padding: 0px;
    }

        .gold-tow ul li {
            padding: 0 27px;
        }

            .gold-tow ul li a i {
                padding-right: 15px;
            }

.gold-thre {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.container-fluid {
    margin-bottom: 15px;
}

/* Location
 Master*/

.dd-round {
    font-size: 15px;
    margin: 2px 2px 2px 2px;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    left: -40px !important;
    z-index: 99999 !important;
}

.no-mg {
    margin: initial !important;
}

.clindox-form .no-bd {
    border: none !important;
}

.md-font-1 {
    font-size: 22px;
}

.sm-font-2 {
    font-size: 16px;
}

.sm-font-3 {
    font-size: 18px !important;
}

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

.green-box {
    height: 20px;
    width: 20px;
    padding: 7px;
    background-color: #9ac311;
}

.red-box {
    height: 20px;
    width: 20px;
    padding: 7px;
    background-color: #d10000;
}

.color-w {
    color: white;
}

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

.schedule-visit-svg {
    height: 43px;
    width: 43px;
    margin: auto;
}

.schedule-visit-icon {
    height: 43px;
    width: 43px;
    /*margin: auto;*/
    border-radius: 50% !important;
}

.card-panel {
    margin: auto !important;
    background-color: #ffffff;
}

.bd-gray-solid-bottom {
    border-bottom: 1px solid #e3e3e3;
}

.link-hover-gray:hover {
    background-color: #e3e3e3;
}

.table-select {
    text-align: center;
    font-size: 15px;
    letter-spacing: 0px;
    color: #555555 !important;
    border: 1px solid #2472b6;
    background-color: none;
}

.table-subheader {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #2472b6;
}

.font-sm-blue-1 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #2472b6;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: auto !important;
        right: 100% !important;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }


    /* Style Overrides for Fluid-width Dropdowns */

    .dropdown-submenu li {
        position: relative !important;
    }

    .dropdown-submenu li {
        white-space: nowrap !important;
    }

    .dropdown-submenu ul {
        min-width: 100% !important;
    }

    /* END */




    .dropdown-submenu > a:after {
        display: none;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/* COMMON */

.color-d-gray {
    color: #6a6a6a !important;
}

.div-loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1 !important;
}

.font-18 {
    font-size: 18px !important;
}

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

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

.cld-day.nextMonth {
    display: none;
}

.eventday {
    font-size: 13px !important;
    position: absolute;
    top: 5px;
    left: 5px;
}

.cld-main {
    border: none !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

    .cld-main table {
        width: 100% !important;
    }

.cld-datetime {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.cld-day {
    height: 34px !important;
}

.radio-pd-table input[type=radio] {
    padding-right: 10px;
}

.scroll-menu {
    max-height: 300px;
    overflow-y: scroll;
    /*direction: rtl;*/
    /*min-width:100%;*/
    /*overflow-x:visible;*/
}

.dropdown-menu.dd-right {
    left: 100% !important;
}

.min-max-50 {
    min-width: 50%;
    max-width: 50%;
}

.font-size-26 {
    font-size: 26px !important;
}

.radio-hover label:hover {
    cursor: pointer;
}

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


::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-thumb {
    min-height: 30px !important;
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: #D4D3D3;
}

.count-span {
    width: 22px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.question-image {
    height: 50px;
}

.q-postion-icon {
    max-width: 40px !important;
}

.electronic-signature-menu .status-guide-text span {
    white-space: pre-line !important;
}

.gender-cross-icon {
    font-size: 20px;
    position: absolute;
    top: 12px;
    right: 5px;
    color: red;
    background: radial-gradient(white 50%, transparent 50%);
}

.design-add-new {
    color: #2c98de !important;
    padding: 6px;
    margin-right: 3px !important;
}

.design-flex-wrap {
    display: flex !important;
}

.design-flex {
    flex: 1 !important;
}

.colorpicker {
    max-width: 70px !important;
}

.colorvalue {
    min-width: 120px !important;
    background: white !important;
    font-weight: 600;
}


/* Fill li click space for a tag fo action menu */
li a.link-hover {
    display: block;
}

.modal-open .sticky-top {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.profile-pic {
    width: 60px !important;
    border-radius: 50%;
    height: 60px !important;
}


.fixed-column {
    position: absolute;
    overflow: hidden;
}

.SDTMD-table table {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}

    .SDTMD-table table th {
        background: #2472b6;
        position: sticky !important;
        top: 0;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
        z-index: 1;
        opacity: 1;
    }

        .SDTMD-table table th label {
            color: #000;
        }

    .SDTMD-table table td {
        padding: 10px 5px;
        vertical-align: top;
    }

#tblSDTMDomian tr td {
    position: relative;
}

#tblSDTMDomian .dropdown-menu {
    position: absolute;
    top: 30px
}

.horizontal-scroll {
    overflow-x: scroll;
    width: 100%
}

.horizontal-scroll-fixed th:first-child {
    position: absolute !important;
    width: 6%;
    left: 0;
    background: #2472b6 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    /*background: #d7d6d6;*/
}

.horizontal-scroll-fixed {
    width: 89% !important;
}

    .horizontal-scroll-fixed th:last-child {
        position: absolute !important;
        width: 5%;
        right: 0;
        background: #2472b6 0% 0% no-repeat padding-box !important;
        color: #ffffff !important;
        /*background: #d7d6d6;*/
    }

.horizontal-scroll-fixed {
    margin-left: 6%;
    margin-right: 5%;
}

    .horizontal-scroll-fixed table tr td:nth-child(1) {
        position: absolute !important;
        width: 6%;
        left: 0;
    }


    .horizontal-scroll-fixed table tr td:last-child {
        position: absolute !important;
        width: 5%;
        right: 0;
    }

    .horizontal-scroll-fixed table tr:first-child {
        /*background: #d7d6d6;*/
        border: 1px solid white;
    }

    .horizontal-scroll-fixed table th {
        color: black !important;
        border: 1px solid white;
    }

    .horizontal-scroll-fixed table td {
        border: 1px solid #ddd;
    }

.vertical-scroll-fixed th {
    position: sticky;
    top: 5px;
    overflow: hidden;
    z-index: 700 !important;
}

.vertical-scroll-fixed {
    overflow-y: scroll !important;
    height: 400px !important;
}


.img-grayscale {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.animate-menu.dropdown-menu {
    visibility: hidden !important;
    opacity: 0 !important;
    display: block !important;
    transition: opacity 0.7s,visibility 0.7s ease !important;
}


    .animate-menu.dropdown-menu.show {
        visibility: visible !important;
        z-index: 99999 !important;
        opacity: 1 !important;
    }

.animation-start {
}

.label-light {
    color: #646464 !important;
    font-size: 14px !important;
}

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

.edit-check-drag {
    transform: rotate(-8.89deg);
}

.image-width-lg {
    width: 100% !important;
}

.multi-col {
    word-break: break-word;
    min-width: 150px !important;
    max-width: 150px !important;
    display: table-cell !important;
    vertical-align: top;
    margin-right: 5px;
    margin-left: 5px;
}

.check-holder {
    min-height: 140px;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 10px;
}

.generated-check {
    padding: 7px 15px 7px 15px;
    margin: 8px 4px 8px 4px;
    display: inline-block;
    background: #F0F3F5;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    /* identical to box height */
    color: #2472B6;
}


.full-width {
    width: 100%;
}

.range-left-header {
    width: 50%;
    padding-right: 5%;
}

.range-right-header {
    width: 50%;
    padding-right: 5%;
    text-align: right;
}

.bd-madatory {
    border-left: 6px solid #f44336;
}

.bd-normal {
    border-left: 6px solid #FCA058;
}

.bd-optional {
    border-left: 6px solid #64dd17;
}

.bd-comment {
    border-left: 6px solid #17b2dd;
}

.bd-subject-entry {
    border-left: 4px solid #3d5afe;
}


.scroll-div-md {
    height: 800px;
    overflow: scroll;
}


.form-group {
    margin-bottom: 0.5rem !important;
}

.hover-x {
    transition: transform .6s ease;
}

    .hover-x:hover img {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.5);
    }

    .hover-x:hover i {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.5);
    }


.icon-img-box {
    transition: transform .6s ease;
}

    .icon-img-box a:hover img, .icon-img-box a:hover i {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.5);
    }



.fixed-header {
    /*top: 240px;*/
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    /*padding-top: 10px;*/
}

.disabled, :disabled {
    pointer-events: auto !important;
    cursor: not-allowed !important;
}

input[type=range] {
    position: relative;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    margin: 15px 0;
    padding: 0;
}


.clindox-input select {
    border: none !important;
    border-bottom: 1px solid #0d4f91 !important;
}

.clindox-input input {
    border: none !important;
    border-bottom: 1px solid #0d4f91 !important;
}

.clindox-input textarea {
    border: none !important;
    border-bottom: 1px solid #0d4f91 !important;
}

.help-badge {
    position: absolute !important;
    width: 13px !important;
    height: 13px !important;
    right: -6px !important;
    /*bottom: 30% !important;*/
    font-family: Roboto !important;
    font-size: 8px !important;
    text-align: center !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Datepicker start*/

.dtp > .dtp-content {
    max-height: 700px !important;
}

    .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
        background: #0D4F91 !important;
    }

.dtp div.dtp-date, .dtp div.dtp-time {
    background: #2472B6 !important;
}

.dtp .p10 > a {
    color: white !important;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: #2472B6;
}

.dtp-select-hour {
    background: #2472B6 !important;
}

/* Datepicker end*/

.fullscreen .grid-stack-chart {
    max-height: 500px !important;
    width: 100% !important;
}

.grid-stack-chart {
    max-height: 250px;
}

.w-30 {
    width: 30px !important;
}

.h-30 {
    height: 30px !important;
}

.bd-round-4 {
    border-radius: 4px;
}

.bd-radius-11 {
    border-radius: 11px !important;
}

.inline {
    display: inline-block;
}

.bg-blue {
    background-color: #2472b6 !important;
}

.v-align {
    display: flex;
    align-items: center;
}


.schedule-visit-break {
    height: 120px;
    overflow: hidden;
    padding-bottom: 11px;
}

.schedule-visit-break-toggle {
    padding-bottom: 11px;
    width: 95%;
    /*border: 1px solid #0d4f91;*/
    box-shadow: 0px 0px 8px #0D4F90;
}


.vertical-middle {
    vertical-align: middle;
}

.ip-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.float-none {
    float: none !important;
}

/*.md-form .input-label {
    font-size: 1rem;
}*/

.md-form > label {
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-14px) scale(0.8);
    font-size: 1.2rem;
}

.md-form > .input-group > label {
    -webkit-transform: translateY(-14px) scale(0.8) !important;
    transform: translateY(-14px) scale(0.8) !important;
    font-size: 1.2rem;
}

.sm-btn {
}

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

.checkbox-list tbody tr td label {
    padding-left: 15px !important;
    /*display: inherit !important;*/
    margin-right: 15px !important;
}

.filled-in label {
    padding-left: 12px !important;
    display: inherit !important;
    margin-right: 15px !important;
}

.with-gap label {
    padding-left: 7px !important;
    display: inherit !important;
    font-size: 1rem !important;
    margin-right: 12px !important;
}

.with-gap {
    margin-bottom: 20px !important;
}
/* ------------------------------------------------------------- */
/* live study  */
/* ------------------------------------------------------------- */
.fms {
    background: #eaf5ff;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.fos {
    margin: 5px 0 0px 185px;
    padding: 0px 10px 5px 12px;
}

.icon-img-box {
    padding-right: 0px !important;
    float: right;
}



    .icon-img-box a, .icon-question-box a {
        margin-right: 22px;
    }
/* .icon-img-box i {
    padding-right: 30px;
    float: right;
} */
textarea {
    overflow: auto;
    resize: both;
    /*resize: none;
    margin: 12px 0px -7px 85px;
    width: 64% !important;
    height: 49px !important;*/
}

/* 27-8-2020 */
/*ul,
a {
    list-style: none;
    text-decoration: none;
}*/

/* .descr{
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    display: flex;
} */
.par {
    text-align: right;
    margin: 0px 234px 0px -320px;
    padding-right: 10px;
    padding-top: 10px;
}

.nat {
    padding: 5px;
    margin: 5px 0px 4px -89px;
}

.ico {
    width: 15px;
    float: right;
}

.ico-dot {
    width: 5px;
    /*float: right;*/
    height: 25px;
}


.control-width-md {
    width: 63%;
    margin: 13px 0 0 88px;
}

.control-width-row {
    /*width: 50%;*/
    margin: 13px 0 0 0px;
}

.control-width-p {
    width: 90%;
    margin: 13px 0 0 2px;
}

.dob {
}

.lb {
    display: flex;
}

.lb-radio {
    padding-top: 20px;
}

.data-lb {
    padding-right: 10px;
    padding-top: 8px;
    font-weight: bold;
    font-size: 16px;
    word-break: break-word;
}

.ag {
    width: 100%;
    margin: 14px 0px 0px -97px;
    padding: 0 0 0 0;
}

.ag-lb {
    text-align: left;
    padding-left: 0px;
    padding-top: 21px;
    width: inherit;
}

.descr {
    margin: 17px -160px 0px 108px;
    padding: 0px;
    width: 100%;
}

.rado {
    /* margin:16px 7px 0px 70px; */
    margin: 16px 0px 0px 0px !important;
}

.checkbox-inline label {
    margin-right: 10% !important;
}

.rado label {
    margin-right: 10% !important;
}

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

.icon-md {
    font-size: 16px;
    width: 21px;
    height: 20px;
}

.icon-md-sdv {
    font-size: 16px;
    width: 30px;
    height: 27px;
}

.bd-invalid {
    border-left: 6px solid #ff0000;
}

.bd-valid {
    border-left: 6px solid #00c735;
}

.table-header-validation {
    height: 20px;
    width: 8px;
    margin-right: 4px;
}


.edit-header {
    font-weight: bold;
    position: relative;
    width: 97%;
    font-size: 20px;
    color: #707070
}

    .edit-header:after {
        position: absolute;
        content: "";
        height: 1px;
        background-color: #707070;
        width: 100%;
        margin-left: 15px;
        top: 50%;
    }


.control-box {
    margin-top: 20px;
}

.modal-header-1 {
    font-size: 20px;
    font-weight: bold;
}

.header-25 {
    font-size: 25px;
    font-weight: bold;
}

.header-30 {
    font-size: 40px;
    font-weight: bold;
}

/*.circle-icon-warning {
    display: inline-block;
    background-color: black;
    height: 150px;
    width: 150px;
}

    .circle-icon-warning i {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }*/

.circle-icon-warning {
    padding: 10px 20px 10px 20px;
    border-radius: 50%;
    border: 2px solid #fb3;
}

.circle-icon-danger {
    padding: 15px;
    border-radius: 50%;
    border: 2px solid #D32323;
}







.float-l {
    float: left !important;
}

.float-n {
    float: none !important;
}

/* SH */
.bg {
    background: whitesmoke;
}

.subt {
    margin: 1px 9px 0px 12px;
    border-bottom: 1px solid #ccccd0;
    height: 12px;
    border-right-width: 0;
    padding-right: 946px;
    padding-left: 14px;
}

.exm {
    margin: 0 0px -7px 0;
}

.ic {
    margin: 0px 0px -12px -2px;
    padding: 14px 0px;
}
/* .red-border{
    border-left: 7px solid #FF0000;
}
.green-border{
    border-left: 7px solid #00C735;
} */

.ck-ct {
    height: 45px;
}

.ck-cs {
    padding: 20px 0px 0px 6px;
}

.btn-ck-ct {
    margin: -71px 0 20px 0;
}

.bg-wite-tab-box {
    background-color: white;
    border-radius: 7px;
    box-shadow: 0px 0px 6px #00000029;
}

.qs-ts {
    padding: 12px 0 23px 0;
    margin: -51px 0 0px -108px;
}

.qs-ts-qs {
    margin: 22px 0 0 25px;
    padding: 0px;
}

/* warning for  */

.qs-ts-wr {
    margin: -45px 0 0 -45px;
    width: 100%;
    height: auto;
    padding: 12px 0 39px 0px;
}
/* @media */

@media (max-width: 1200px) {
    .subt {
        margin: 1px 9px 0px 0px;
        border-bottom: 1px solid #ccccd0;
        height: 12px;
        border-right-width: 0;
        padding-right: 605px;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .design-flex-wrap {
        display: block !important;
    }

    .design-flex {
        flex: 0 !important;
    }

    .subt {
        margin: 1px 9px 0px 0px;
        border-bottom: 1px solid #ccccd0;
        height: 12px;
        border-right-width: 0;
        padding-right: 311px;
        padding-left: 0;
    }


    .icon-con-box {
        margin: 0px 0px 54px 0px;
        padding: 5px;
    }

    .lb {
        margin: 0px 276px 9px -8px;
    }


    .rd {
        padding: 6px;
        margin: 1px 13px -44px -117px;
    }

    .rd-con {
        padding: 0px;
        margin: -146px -178px -42px 11px;
    }
    /* textarea */
    .tx-tx {
        margin: 5px 13px 33px 1px;
    }

    .tx-con {
        margin: -251px 5px 4px 194px;
        padding: 2px;
    }

    .txta {
        margin: 96px -119px 0;
        width: 257% !important;
        padding: 0px;
    }
}

@media (max-width: 360px) {
    .qs-ts-wr {
        margin: -50px 0 0 0;
        width: 100%;
        height: auto;
        padding: 0px 33px 122px 0;
    }
}

@media (max-width: 375px) {
    .qs-ts-wr {
        margin: -45px 0px 0px -1px;
        width: 100%;
        height: auto;
        padding: 0px 26px 123px 0;
    }
}

@media (max-width: 681px) {
    .ic {
        margin: -86px 0 -5px 119px;
        padding: 14px 0px;
    }

    .subt {
        margin: 1px 0px 0px 4px;
        border-bottom: 1px solid #ccccd0;
        height: 12px;
        border-right-width: 0;
        padding-right: 306px;
        padding-left: 0px;
    }
}



/* add-edit-check */

.content-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
}

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

@media (max-width: 360px) {
    .st-3-al {
        margin: 0px 0px 20px -13px;
    }
}

@media (max-width: 411px) {
}

/* add-edit-check-step2 */

.st-1 {
    margin: 16px -54px 0px 35px;
}

.st-3-al {
    margin: -8px -23px 124px -12px;
}

.txt-bt {
    margin: 7px 5px 0px -13px;
}

.txtar {
    margin: -17px 56px -33px 187px;
    padding: 4px 0px 74px 15px;
}

.overlap-z {
    position: absolute;
    z-index: 5555555 !important;
}


/*Multi select Control */
.multi-select {
    background-color: transparent !important;
    padding: 0px !important;
    text-align: left;
}

.multiselect-selected-text {
    margin-top: 1px;
    font-size: 15px;
    color: #625F5F !important;
    text-align: left;
    overflow: hidden;
    width: 85%;
    display: inline-block;
    text-transform: none;
}

.multiselect-native-select .btn-group {
    display: inline-block !important;
    /*width: 75%;*/
    margin-right: 8px;
    margin-left: 2px;
}

.multiselect.btn-default.dropdown-toggle {
    display: inline-block !important;
    background-color: transparent !important;
    padding: 6px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: black;
    /*border-bottom: 1px solid #0D4F91 !important;*/
    border-bottom: none !important;
    width: 90%;
    white-space: nowrap;
    overflow: hidden !important;
    text-align: left;
}

.multi-select-caret {
    float: right;
    padding-top: 1%;
    display: inline-block;
    vertical-align: middle;
    color: #2472B6;
}

.multiselect-container > li > a > label {
    padding-left: 8px !important;
}

.multiselect-container {
    min-width: 100% !important;
}

/*Multi select Control */
/* add-edit-checks-view-edit */
.txt-view {
    width: 100% !important;
    margin: -19px 25px 2px 35px;
    height: 60px !important;
    overflow: hidden;
}

/*.gene-edit-btn {
    margin: 6px 5px 10px 0px;
}*/

@media (min-width: 768px) {
    .btn-edt-gn {
        /* margin: 0px -2px 0px 55px; */
    }
}

@media (max-width: 414px) {
    .btn-edt-formula {
        margin: 6px -19px 5px 98px;
    }

    /*.ed-btn {
        margin: 0 0 -50px 20px;
    }*/
}

@media (max-width: 360px) {
    .btn-edt-formula {
        margin: 9px -10px 0px 70px !important;
    }

    .btn-adq {
        margin: -98px 29px 95px 0px;
    }
}

@media (max-width: 411px) {
    .btn-edt-formula {
        margin: 6px -21px 13px 97px;
    }

    .btn-adq {
        margin: -123px -62px 0 12px;
    }
}

/* -- add question pop */

.chk {
    width: 22px;
    height: 22px;
    margin: 0rem 2.05rem;
}

.pg-al-po {
    float: right;
    text-align: center;
    margin: 0rem -9rem 0rem 0rem;
}

.pg-al-com {
    /* float: right; */
    text-align: center;
    margin: 0rem -5.2rem 0rem 0rem;
}

/* add-question edit with table */
.trash-i {
    color: red;
    font-size: large;
}

.ellipse-i {
    color: #2472b6;
    margin: 0px 25px;
    font-size: large;
}

.ellip-i {
    float: right;
    font-size: large;
    padding: 1px;
    color: #a7acb1;
}

.sl-no {
    padding-left: 70px;
}

.algn {
    margin: 16px -54px -98px 35px;
}
/* table style */
.opt-o {
    width: 8%;
}

.vstn {
    width: 26%;
}

.sec {
    width: 13%;
}

.secf {
    width: 35%;
}

/* generate edit check */
.txt-edi {
    width: 100% !important;
    margin: -19px 25px 2px 35px;
    height: 60px !important;
    overflow: hidden;
    resize: auto;
}

.gn-ed {
    padding: 10px;
}

.ic-al {
    margin: 26px 0px 0px 0px;
}

.alg {
    margin-bottom: 20px;
}
/* generate edit check */
@media (max-width: 360px) {
    .bt-rt {
        margin-right: 60px;
    }

    .bt-sv {
        margin-right: -57px;
    }

    .ic-al {
        margin: 0px 0px 0px 0px;
    }

    .bt-cl {
        margin: 8px 74px 0px 0px;
    }
}

@media (max-width: 411px) {
    .bt-rt {
        margin: 8px 67px !important;
    }
}

@media (max-width: 414px) {
    .bt-rt {
        margin: 8px 60px !important;
    }

    .bt-cl {
        margin: 15px 86px -4px -109px;
    }
}

@media (max-width: 768px) {
    .bt-rt {
        margin-right: 65px;
        margin-top: -51px;
    }

    .bt-sv {
        margin-right: -51px;
    }
}

/* add-edit-check-add-ques */
@media (max-width: 320px) {
    /*.gene-edit-btn {
        margin: 59px -58px 0px 0px !important;
    }*/

    .gene-edit-btn-rs {
        margin: 21px -61px 2px -31px;
    }
    /* .ed-btn{
        margin: 0px -76px -20px 0px;
    } */
    .st-3-al {
        margin: 0px -10px 120px -46px;
    }

    .btn-sv {
        margin: 0px 5px !important;
    }
}

@media (max-width: 360px) {
    /*.gene-edit-btn {
        margin: 0px 0px 0px 35px !important;
    }*/

    /*.ed-btn {
        margin: 0px -23px !important;
    }*/
}

@media (max-width: 411px) {
    .st-3-al {
        margin: -8px -23px 124px -50px;
    }
}

@media (max-width: 414px) {
    .btn-sv {
        margin: 0px 68px;
    }

    .st-3-al {
        margin: -8px -23px 124px -45px;
    }
}

@media (max-width: 375px) {
    .bt-cl {
        margin: 14px -31px -4px -109px;
    }

    /*.gene-edit-btn {
        margin: 52px -55px 0px 0px;
    }*/

    /*.ed-btn {
        margin: 0px -77px -41px 0px;
    }*/

    .st-3-al {
        margin: -8px -12px 124px -45px;
    }

    .btn-sv {
        margin: 0px 36px;
    }
}

@media (max-width: 280px) {
    .bt-rt {
        margin: 8px 43px !important;
    }

    .bt-sv {
        margin-right: -62px;
    }

    .bt-cl {
        margin: 0px -55px;
    }
}
/* attached documents list */
.doc-ref-lb {
    width: 12%;
}

.doc-ref {
    text-align: right;
}

.file-des {
    width: 29%;
}

.file-nm {
    width: 17%;
}

.file-sz {
    width: 10%;
}

.up-by {
    width: 12%;
}

.up-dt {
    width: 12%;
}

.act {
    width: 3%;
}

.ellipse-act {
    color: #0e1317;
    margin: 0px 25px;
    font-size: large;
}

.circl-red {
    color: #d10000;
}

.circl-green {
    color: #3acc6c;
}

.tab-a {
    color: #007bff !important;
    text-decoration: underline;
}

.table-header {
    font-style: normal;
    font-weight: normal;
    margin: 0px -15px;
    font-size: 20px;
    line-height: 60px;
    color: #2472b6;
}

.pg-tag {
    float: right;
    margin: 120px 0px 0px -152px;
}

/* ************************************************* */
/* attache document pop up */

.upload-header {
    font-style: normal;
    font-weight: normal;
    margin: 0px -82px;
    font-size: 22px;
    line-height: 60px;
    color: #545454;
}

.image-upload-wrap {
    margin: 0px 0px 21px -85px;
    width: 131%;
    border: 4px dashed #d4d4d4;
    position: relative;
    padding: 20px;
    border-radius: 1.125rem;
}

.file-upload {
    background-color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.drag-text {
    text-align: center;
}

    .drag-text h5 {
        font-weight: 100;
    }

/* --------------------------------------------- */
/* ************==login==****************** */
.bg-color {
    background: #f7f7f7;
}

.frm-log-btn {
    border-radius: 5px;
}

.frm-in {
    border-radius: 42px;
}

.txt-al {
    text-align: center;
    padding: 30px 0px 0px 0px;
}

.lg-al {
    width: 55%;
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: left;
}

.fg-ps {
    font-weight: normal;
    font-size: 14px;
    color: #425563;
}

.spn-i {
    margin: -30px 10px 0px 0px;
    float: left;
    opacity: 0.7;
}

.hd-lb {
    font-weight: 600;
    /*font-size: 30px;
    line-height: 40px;
    color: #101821;*/
}

.sm-lb {
    color: rgba(0, 0, 0, 0.4);
    font-size: 17px;
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
}

.logo-img {
    background-size: cover;
    text-align: center;
    padding: 65px 0px 0px;
    max-width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}

    .logo-img img {
        border-radius: 5px;
    }
/* =========--------login-two-----------========= */
.hd-alt {
    color: #de4343;
    padding: 15px 0px 0px 0px;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
}

.alt-sc {
    display: flex;
    background: #f2f49f;
    margin: -15px 0px -44px 0px !important;
}

.alt-im {
    text-align: center;
    padding: 20px;
    width: 130px;
    height: auto;
}

.para {
    padding: 5px;
    font-size: 11px;
}

strong {
    font-weight: 600;
}

/* =========404========= */
.btn-er {
    border-radius: 10px;
}

.hd-er-lb {
    font-style: normal;
    font-weight: 500;
    font-size: 53px;
    line-height: 62px;
    text-align: center;
    color: #E73131;
}

.msg-404 {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #DE4343;
}

.txt-404-oops {
    text-align: center;
    padding: 0px 0px 35px;
}

.txt-404 {
    text-align: center;
    padding: 0px 0px 10px;
}

.fa-long-arrow-left {
    font-size: 15px;
}

.lg-al-er {
    width: 45%;
    padding: 0px 0px 150px;
    margin-left: auto;
    margin-right: auto;
}

/* =====================Study-List==================== */

.my-sched-orange {
    width: 70%;
    text-align: center;
    color: orange;
    font-size: 15px;
    letter-spacing: 0px;
    border: 1px solid #2472b675;
    background-color: white;
}

.my-sched:hover {
    text-decoration: unset !important;
    color: #aaaaaa !important;
}

.cnt-hd {
    padding: 15px 15px 0px 15px;
}

.st-headnav {
    text-align: center;
    /* font-weight: bold; */
    font-size: 16px;
    letter-spacing: 0px;
    color: #2472b6;
    opacity: 1;
}

.src {
    border-radius: 10px;
}



.sche-lb {
    color: #2472b6;
}

.src-dat {
    padding-top: 15px;
}

.drp-dt {
    width: 33%;
    border: 1px solid #2472b6;
}

.drp-act {
    width: 60%;
    border: 1px solid #2472b6;
}
/* live/test button design */

.btn-outline-info.active {
    color: #616467 !important;
}

.new-but {
    border: 1px solid #2472b6;
    padding: 5px;
    border-radius: 15px;
}

    .new-but label {
        border-radius: 11px;
        margin: 0px;
        border: none !important;
        box-shadow: none !important;
        margin-right: 14px;
        font-size: 15px;
    }

        .new-but label:last-child {
            margin-right: 0px;
            border: none !important;
            box-shadow: none !important;
            font-size: 15px;
        }
/* ==========move question========== */

.nmb-bd {
    border-bottom: 1px solid #000000;
    border-right: 0px solid;
    border-left: 0px;
    border-top: 0px;
    border-radius: 0rem;
    box-shadow: 0 0 0 0.2rem #007bff00 !important;
}

.wid {
    width: 80%;
}

.wid-btn {
    width: 70%;
}

.img-500 {
    text-align: center;
    width: 65%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* =========================add-question-pop-with-table================ */
.txt-align {
    text-align: center !important;
}

/* @media (max-width: 320px){
    .act-pd{
        padding: 14px 0px 0px 5px;
    }
} */

@media (max-width: 320px) {
    .act-pd {
        padding: 14px 0px 0px 5px;
    }
}

.page-link {
    /*border: 1px solid #dee2e6 !important;*/
    border: none !important;
}

/*Shimray edit*/

/* =====================study-design-edit-one============================== */

.std-mg {
    margin-top: 3.5rem;
}

.tab-subheader {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    color: #2472b6;
    padding-right: 15px;
}

.quest-holder {
    margin: 0px 0px 0px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161);
    border-radius: 20px;
    min-height: 99px;
    margin-bottom: 2%;
    border-left: 20px solid #3acc6c;
}

/* .qs-aln {
  margin: 35px 6px 0px -30px;
  margin: 0px 6px 0px -58px;
} */

.ellipse-std {
    color: #0e1317;
    margin: 0px 25px;
    font-size: x-large;
}
/* study-design-edit-three */
.icn-ellips-std {
    color: #d0d0d0;
    font-size: large;
    /* margin: 0px 0px -33px; */
}

.drp-left {
    font-size: 15px;
    margin: 2px 2px 2px -115px;
    -webkit-border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
}

.fa-angle-right {
    font-size: 30px;
    font-weight: 600;
}

.chk-drp {
    width: 34px;
    height: 23px;
}

.mrg {
    margin: auto;
}

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

.my-sched-green {
    width: 75%;
    text-align: center;
    color: #9ac311 !important;
    font-size: 15px;
    letter-spacing: 0px;
    border: 1px solid #2472b675;
    background-color: white;
}

.my-sched-blue {
    width: 75%;
    text-align: center;
    color: #2472b6 !important;
    font-size: 15px;
    letter-spacing: 0px;
    border: 1px solid #2472b675;
    background-color: white;
}

.h-27 {
    height: 27px !important;
}

.pd-15 {
    padding-left: 15px;
}

.pnt-ar {
    position: absolute;
    width: 0;
    margin-left: -2px;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #2472b6;
    border-bottom: 20px solid transparent;
    vertical-align: middle;
    display: inline-block;
}

.prnt-prv {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
}

/* sty-list */

.date-st {
    border-right: 0px solid;
}

/* study-design-edit-for */
.add-qs-btn {
    color: white !important;
    /*margin: 4rem;*/
}

.xm-font-2 {
    font-size: 14px;
}
/*  */

.opt-add-lb {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
}

.code-img {
    float: right;
    margin: -2.5rem 1rem 0rem 0rem;
    padding-bottom: 4px;
}

.code_text {
    padding-right: 7% !important;
}

.fa-id-card-o {
    float: right;
    margin: -2rem 1rem 0rem 0rem;
    color: #151582;
}

table.table a:active {
    color: blue;
}

table.table a:hover {
    color: blue;
}

/* table.table a:visited{
      color: blue;
    } */
table.table a:focus {
    color: blue;
}

table.table a:focus-within {
    color: blue;
}
/* create-study-two */

.ul-tb-al {
    margin: auto;
    padding: 0;
    position: relative;
    left: 15%;
}

    .ul-tb-al ul {
        display: block;
        list-style-type: decimal;
        width: 75%;
        padding: 0;
        position: relative;
    }

        .ul-tb-al ul li {
            padding: 5px;
        }

.ver-al {
    vertical-align: middle !important;
}

/* study-design-plus */

.material-button {
    position: relative;
    top: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    font-size: 1.1em;
    color: #2c98de;
    background: #fff;
    border: 1px solid #2c98de;
    border-radius: 10%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
    outline: none;
}

    .material-button:focus {
        background: #2472b6;
        color: white;
    }

.material-button-toggle {
    z-index: 3;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

/* =================study-design-edit-four================= */
.anq {
    width: 186px;
}


/*18-09-2020 S1*/



.filled-in input[type=checkbox] {
    /*commented for SPDL-152*/
    //opacity: 0;
}

.filled-in input[type=checkbox] {
    opacity: 0;
}

[type=checkbox].filled-in:checked + label:after,
[type=radio].with-gap:checked + label:after {
    border: 2px solid #5494ff;
    background-color: #5494ff
}

.filled-in, .with-gap {
    position: relative;
}

    .filled-in [type=checkbox]:checked + label:after,
    .filled-in [type=radio]:checked + label:after {
        border: 2px solid #5494ff;
        background-color: #5494ff;
        content: '';
        left: 0;
        position: absolute;
        transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
        z-index: 0;
        top: 0;
        width: 20px;
        height: 20px;
        transform: scale(1);
        border-radius: 2px
    }

    .filled-in [type=checkbox]:not(:checked) + label:after {
        border: 2px solid #5a5a5a;
        background-color: white;
        content: '';
        left: 0;
        position: absolute;
        transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
        z-index: 0;
        top: 0;
        width: 20px;
        height: 20px;
        transform: scale(1);
        border-radius: 2px
    }

    .filled-in [type=checkbox]:not(:checked) + label:before {
        border: 3px solid black;
        -webkit-transform-origin: 20% 40%;
        transform-origin: 100% 100%
    }

    .filled-in [type=checkbox]:checked + label:before {
        top: 2px;
        left: 1px;
        width: 8px;
        height: 13px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotateZ(37deg);
        transform: rotateZ(37deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        content: '';
        position: absolute;
        transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
        z-index: 1
    }


    .with-gap [type=radio]:checked + label:before {
        border: 2px solid #5494ff
    }

    .with-gap [type=radio]:checked + label:after {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        border: 2px solid #5494ff;
        background-color: #5494ff
    }

[type=radio].with-gap:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio]:checked + label:after {
    border: 2px solid #5494ff
}

[type=radio] {
    height: 18px !important;
    width: 18px !important;
    vertical-align: middle;
}

    [type=radio] + label {
        text-align: center;
        margin: auto;
    }

/*.custom-checkbox label {
    display: inline-block;
    color: black;
    cursor: pointer;
    position: relative;
}

.custom-checkbox label span {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 17px;
    height: 17px;
    transform-origin: center;
    border: 1px solid #2472B6;
    vertical-align: -6px;
    margin-right: 10px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

.custom-checkbox label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(45deg);
    top: 6px;
    left: 4px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
}

.custom-checkbox label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    transform: rotate(305deg);
    top: 10px;
    left: 5px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
}

.custom-checkbox label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
}

.custom-checkbox label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox input[type="checkbox"]:checked + label span {
    background-color: #fff;
    transform: scale(1.25);
}

.custom-checkbox input[type="checkbox"]:checked + label span:after {
    width: 10px;
    background: #1790b5;
    transition: width 150ms ease 100ms;
}

.custom-checkbox input[type="checkbox"]:checked + label span:before {
    width: 5px;
    background: #2472B6;
    transition: width 150ms ease 100ms;
}

.custom-checkbox input[type="checkbox"]:checked + label:hover span {
    background-color: #fff;
    transform: scale(1.25);
}

.custom-checkbox input[type="checkbox"]:checked + label:hover span:after {
    width: 10px;
    background: #2472B6;
    transition: width 150ms ease 100ms;
}

.custom-checkbox input[type="checkbox"]:checked + label:hover span:before {
    width: 5px;
    background: #2472B6;
    transition: width 150ms ease 100ms;
}*/
/*.preloader-align {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
        margin-top: -50px;
        z-index: 99999999999;
    }

.preloader {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 60px;
    height: 60px;
    z-index: 99999999999;
}

    .preloader div {
        display: flex;
        width: 25px;
        height: 25px;
        background: #0D4F91;
        border-radius: 3px;
        z-index: 99999999999;
    }

        .preloader div:nth-child(1) {
            animation: squad1 3s steps(1) infinite .2s;
        }

        .preloader div:nth-child(2) {
            animation: squad2 3s steps(1) infinite;
        }

        .preloader div:nth-child(3) {
            animation: squad3 3s steps(1) infinite .4s;
        }

@keyframes squad2 {
    0%, 100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(35px);
    }

    50% {
        transform: translate(-35px, 35px);
    }

    75% {
        transform: translateX(-35px);
    }
}

@keyframes squad1 {
    0%, 100% {
        transform: translateY(0);
    }

    25% {
        transform: translateX(35px);
    }

    50% {
        transform: translate(35px, 35px);
    }

    75% {
        transform: translateY(35px);
    }
}

@keyframes squad3 {
    0%, 100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-35px);
    }

    50% {
        transform: translate(35px, -35px);
    }

    75% {
        transform: translateX(35px);
    }
}*/


/*Checkbox List*/
.checkbox-list td label {
    white-space: nowrap !important;
}

.checkbox-list td input[type=checkbox] {
    opacity: 0;
}

[type=checkbox].filled-in:checked + label:after,
[type=radio].with-gap:checked + label:after {
    border: 2px solid #5494ff;
    background-color: #5494ff
}

.checkbox-list td {
    position: relative;
}

    .checkbox-list td [type=checkbox]:checked + label:after {
        border: 2px solid #5494ff;
        background-color: #5494ff;
        content: '';
        left: 0;
        position: absolute;
        transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
        z-index: 0;
        /*top: 0;*/
        width: 20px;
        height: 20px;
        transform: scale(1);
        border-radius: 2px
    }

    .checkbox-list td [type=checkbox]:not(:checked) + label:after {
        border: 2px solid #5a5a5a;
        background-color: white;
        content: '';
        left: 0;
        position: absolute;
        transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
        z-index: 0;
        /*top: 0;*/
        width: 20px;
        height: 20px;
        transform: scale(1);
        border-radius: 2px
    }

    .checkbox-list td [type=checkbox]:not(:checked) + label:before {
        border: 3px solid black;
        -webkit-transform-origin: 20% 40%;
        transform-origin: 100% 100%
    }

    .checkbox-list td [type=checkbox]:checked + label:before {
        /*top: 2px;*/
        left: 1px;
        width: 8px;
        height: 13px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotateZ(37deg);
        transform: rotateZ(37deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        content: '';
        position: absolute;
        transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
        z-index: 1
    }

/* CALENDAR CONTROL */
.calendar-control td, .calendar-control th {
    padding: 13px 5px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
    border: 1px solid white;
    /*height: 70px;*/
}

.calendar-day-header {
    background-color: #2472b6;
    font-size: Large;
    color: white !important;
}

.calendar-today-style {
    background-color: #5DA1DC;
    color: white !important;
}

.titleStyle {
    background-color: #0d4f91;
    border: none !important;
    /*height: 50px !important;*/
    color: white !important;
}

    .titleStyle td {
        color: white !important;
        font-size: 22px !important;
    }

    .titleStyle a {
        color: white !important;
        /*font-size: 30px !important;*/
    }

/* END*/

/* PRELOADEWR*/


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999 !important;
    background: rgba(255,255,255, 0.5);
}

#preloaderimg {
    /*position: relative;
    height: 100%;
    width: 100%;
    z-index: 999999 !important;*/
}

    #preloaderimg img {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        /*margin: -75px 0 0 -75px;*/
        z-index: 999999 !important;
    }

#loaderpre {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0d4f91;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 999999 !important;
}

    #loaderpre:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #2472b6;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
        z-index: 999999 !important;
    }

    #loaderpre:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #0085F9;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
        z-index: 999999 !important;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*END*/


/* TO REMOVE WHITE SPACE OCCURING ON MODAL CLOSING - RIGHT SIDE */
.sticky-top {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

body {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/*END*/
/* font awesome icon text */

.fa {
    font-family: Roboto !important;
}

    .fa::before {
        font-family: 'FontAwesome' !important;
    }

/* font awesome icon text end*/

.filled-in.disabled label {
    pointer-events: auto !important;
    cursor: not-allowed !important;
}

.aspNetDisabled.filled-in label {
    pointer-events: auto !important;
    cursor: not-allowed !important;
}

    .aspNetDisabled.filled-in label::after {
        background-color: #e9ecef !important;
    }


.aspNetDisabled.filled-in [type=checkbox]:checked + label:after {
    background-color: #5494ff !important;
}



.static-table-border td,
.static-table-border th {
    border-right: 1px solid #f5f5f5 !important;
    /*border-left: 1px solid black !important;*/
}

.data-entry-icon {
    font-size: 20px;
    color: #2472b6 !important;
}

.td-word-break td {
    word-break: break-word;
}

/* MOBILE RESPONSIVE   */


/*settings for sm and smaller screens*/
@media only screen and (max-width: 768px) {

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

    .fixed-header .container-fluid {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .fixed-header .fms {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .edit-header:after {
        margin-left: 0px !important;
    }

    .logo-img-center {
        max-width: 300px;
    }

    .icon-img-box {
        float: none !important;
    }

    .no-show-sm {
        display: none !important;
    }

    .show-sm {
        display: block !important;
    }

    .pd-sm-0 {
        padding: 0px !important;
    }

    .data-lb.pull-right {
        float: none !important;
    }

    .block-sm {
        display: block;
    }

    #toast-container > div {
        min-width: 300px !important;
        max-width: 300px !important;
    }

    .pagination {
        display: block !important;
    }

        .pagination li {
            display: inline-block !important;
        }

        .pagination .waves-effect {
            overflow: inherit !important;
        }

    .sub-comp {
        margin-bottom: 7% !important;
    }

    .sm-wdith-40 {
        width:40% !important;
    }

    .dashboard-deatils-value {
        font-size: 11px !important;
    }

    .nav-icon-link {
        padding-right: 5px !important;
    }
    /*to avoid refresh in android on scroll*/
    body {
        overscroll-behavior: contain;
    }
}



/*settings for md and larger screens*/
@media only screen and (min-width: 768px) {



    .logo-img-center {
        max-width: 524px;
    }

    .row-al {
        padding: 0px 75px;
    }

    .no-show-md {
        display: none !important;
    }

    .show-md {
        display: block !important;
    }

    .md-wdith-20 {
        width: 20% !important;
    }
}

/*settings for subject detrails*/
@media only screen and (min-width: 801px) {

    .sub-ul-30 {
        width: 35%;
        float: left;
        padding: 0 !important;
        padding-left: 15px !important;
    }
}

@media only screen and (max-width: 800px) {

    .sub-ul-30 {
        padding-left: 15px !important;
        margin-right: 5px !important;
    }
}



@media only screen and (max-width:1199px) {
    .multiselect-native-select .btn-group {
        min-width: 50%;
        max-width: 50%;
    }
}

@media only screen and (min-width:1200px) {
    .multiselect-native-select .btn-group {
        min-width: 50%;
        max-width: 40%;
    }
}

@media only screen and (min-width:1401px) {
    .multiselect-native-select .btn-group {
        min-width: 45%;
        max-width: 45% !important;
    }
}

@media only screen and (min-width:1501px) {
    .multiselect-native-select .btn-group {
        min-width: 100% !important;
        /* max-width: 50% !important;*/
    }
}

@media only screen and (min-width: 1700px) {
    .multiselect-native-select .btn-group {
        min-width: 45%;
        max-width: 45% !important;
    }
}

.radio-hover label:hover {
    cursor: pointer;
}


@media only screen and (max-width:1400px) {
    /*.grid-stack-item[data-gs-height="4"] {
        height: 200px !important;
    }*/

    .grid-header {
        font-size: 16px !important;
    }
}

@media only screen and (min-width:1401px) {

    .grid-header {
        font-size: 20px !important;
    }
}

@media only screen and (min-width:2100px) {
    /* Trail for mac with above 2000px */
    body {
        zoom: 80%;
    }
}


.sessiontimeout h4 {
    color: #253858;
    margin-bottom: .8rem;
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 1.5rem;
}

.sessiontimeout p {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: rgb(113, 120, 126);
    font-family: 'Lato', sans-serif;
}

.sessiontimeout .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.sessiontimeout .btn-primary {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.sessiontimeout .btn-round {
    border-radius: 30px !important;
    text-decoration: none;
}

.sessiontimeout .btn {
    text-transform: none !important;
}

.sessiontimeout .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .sessiontimeout .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }
/*[404 error page]
--------------------------*/
.sessiontimeout .error-content {
    padding: 0 0 70px;
}

.sessiontimeout .error-text {
    text-align: center;
}

.sessiontimeout .error {
    font-size: 120px;
    font-weight: 100;
}

@keyframes bob {
    0% {
        top: 0;
    }

    50% {
        top: 0.2em;
    }
}


.background-curve {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    right: 0;
    z-index: -1;
}

    .background-curve img {
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
    }

/* need to confirm */
select {
    font-size: 15px !important;
    -webkit-appearance:none !important;
}



/* Profile */

.img-circle {
    border-radius: 50% !important;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


body {
    background: rgba(90, 90, 90, 0.08) !important;
}

.view-account {
    background: #FFFFFF;
    margin-top: 20px;
}

    .view-account .pro-label {
        font-size: 13px;
        padding: 4px 5px;
        position: relative;
        top: -5px;
        margin-left: 10px;
        display: inline-block
    }

    .view-account .side-bar {
        padding-bottom: 30px
    }

        .view-account .side-bar .user-info {
            text-align: center;
            margin-bottom: 15px;
            padding: 30px;
            color: #616670;
            border-bottom: 1px solid #f3f3f3
        }

            .view-account .side-bar .user-info .img-profile {
                width: 120px;
                height: 120px;
                margin-bottom: 15px
            }

            .view-account .side-bar .user-info .meta li {
                margin-bottom: 10px
            }

                .view-account .side-bar .user-info .meta li span {
                    display: inline-block;
                    margin-right: 5px;
                    text-align: right
                }

                .view-account .side-bar .user-info .meta li a {
                    color: #616670
                }

                .view-account .side-bar .user-info .meta li.activity {
                    color: #a2a6af
                }

        .view-account .side-bar .side-menu {
            text-align: center
        }

            .view-account .side-bar .side-menu .nav {
                display: inline-block;
                margin: 0 auto
            }

                .view-account .side-bar .side-menu .nav > li {
                    font-size: 14px;
                    margin-bottom: 0;
                    border-bottom: none;
                    display: inline-block;
                    float: left;
                    margin-right: 15px;
                    margin-bottom: 15px
                }

                    .view-account .side-bar .side-menu .nav > li:last-child {
                        margin-right: 0
                    }





                    .view-account .side-bar .side-menu .nav > li .icon {
                        display: block;
                        font-size: 24px;
                        margin-bottom: 5px
                    }

    .view-account .content-panel {
        padding: 30px
    }




@media (max-width:767px) {
    .view-account .content-panel .title {
        text-align: center
    }

    .view-account .side-bar .user-info {
        padding: 0
    }

        .view-account .side-bar .user-info .img-profile {
            width: 60px;
            height: 60px
        }

        .view-account .side-bar .user-info .meta li {
            margin-bottom: 5px
        }

    .view-account .content-panel .content-header-wrapper .actions {
        position: static;
        margin-bottom: 30px
    }

    .view-account .content-panel {
        padding: 0
    }

        .view-account .content-panel .content-utilities .page-nav {
            position: static;
            margin-bottom: 15px
        }

    .drive-wrapper .drive-item {
        width: 100px;
        margin-right: 5px;
        float: none
    }

    .drive-wrapper .drive-item-thumb {
        width: auto;
        height: 54px
    }

        .drive-wrapper .drive-item-thumb .fa {
            font-size: 24px;
            padding-top: 0
        }

    .view-account .content-panel .avatar .figure img {
        float: none;
        margin-bottom: 15px
    }

    .view-account .file-uploader {
        margin-bottom: 15px
    }

    .view-account .mail-subject {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .view-account .content-panel .mails-wrapper .mail-item .time-container {
        position: static
    }

        .view-account .content-panel .mails-wrapper .mail-item .time-container .time {
            width: auto;
            text-align: left
        }
}

@media (min-width:768px) {
    .view-account .side-bar .user-info {
        padding: 0;
        padding-bottom: 15px
    }

    .view-account .mail-subject .subject {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width:992px) {
    .view-account .content-panel {
        min-height: 800px;
        border-left: 1px solid #f3f3f7;
        margin-left: 350px
    }

    .view-account .mail-subject .subject {
        max-width: 280px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .view-account .side-bar {
        position: absolute;
        width: 350px;
        min-height: 600px
    }

        .view-account .side-bar .user-info {
            margin-bottom: 0;
            border-bottom: none;
            padding: 30px
        }

            .view-account .side-bar .user-info .img-profile {
                width: 120px;
                height: 120px
            }

        .view-account .side-bar .side-menu {
            text-align: left
        }

            .view-account .side-bar .side-menu .nav {
                display: block
            }

                .view-account .side-bar .side-menu .nav > li {
                    display: block;
                    float: none;
                    font-size: 14px;
                    border-bottom: 1px solid #f3f3f7;
                    margin-right: 0;
                    margin-bottom: 18px
                }

                    .view-account .side-bar .side-menu .nav > li > span {
                        color: #9499a3;
                        padding: 10px 15px;
                        padding-left: 30px;
                    }

                    .view-account .side-bar .side-menu .nav > li > a:hover {
                        background: #f9f9fb
                    }



    .theme-2 .view-account .side-bar .side-menu .nav > li.active a {
        border-right-color: #6dbd63
    }

    .theme-3 .view-account .side-bar .side-menu .nav > li.active a {
        border-right-color: #497cb1
    }

    .theme-4 .view-account .side-bar .side-menu .nav > li.active a {
        border-right-color: #ec6952
    }

    .view-account .side-bar .side-menu .nav > li .icon {
        font-size: 24px;
        vertical-align: middle;
        text-align: center;
        width: 40px;
        display: inline-block
    }
}

.profile-content-ul li {
    display: block;
    float: none;
    font-size: 15px;
    border-bottom: 1px solid #f3f3f7;
    margin-right: 0;
    margin-bottom: 18px;
    padding-bottom: 18px;
    list-style: none;
}

.profile-content-ul > li > span {
    color: #9499a3;
    padding: 10px 15px;
    padding-left: 30px;
}

.profile-box-ul li {
    display: block;
    float: none;
    font-size: 15px;
    border-bottom: 1px solid #f3f3f7;
    margin-right: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style: none;
}

.profile-box-ul > li > span {
    color: #9499a3;
    padding: 10px 15px;
    padding-left: 30px;
}

.btn-rounded {
    border-radius: 2em;
    padding: 6px 18px;
}

.optiondetails-ul {
    margin-bottom: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 0 1em;
}

    .optiondetails-ul li {
        margin-bottom: 7px;
    }


/* new login */
.login-header-main {
    font: normal normal normal 50px/32px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.login-header-sub {
    font: normal normal normal 25px/70px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.login-header-termsCond {
    font: normal normal normal 20px/40px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.login-control {

    border: 1px solid #2472B6;
    border-radius: 10px !important;
    opacity: 1;
    padding-left: 60px;
    height: 50px;
    font-size:18px;
    /*font: normal normal normal 18px/70px Roboto;*/
    /*letter-spacing: 0px;*/
    color: #000000;
}

.login-control-icon {
    position: absolute;
    margin-left: 20px;
    margin-top: 12px;
    z-index: 5555 !important;
    display: flex;
    align-items: center;
}

.login-forgot-password {
    text-align: left;
    font: normal normal normal 14px/70px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

    .login-forgot-password:hover {
        color: #FFFFFF !important;
    }

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

.login-button {
    background: #2472B6 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    opacity: 1;
    font: normal normal normal 25px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: none;
}

    .login-button:hover {
        color: #FFFFFF;
    }


/* new login end*/

/*.multiselect-container input[type=checkbox] {
    display: none;
}*/

option {
    font: -moz-pull-down-menu;
}

.select-caret {
    /*width:600px !important;*/
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    padding-right: 5%;
    background: url(../img/select-caret.png) no-repeat right;
    /*background-position-x: 110%;*/
}




/*subject details start */

.my-profile-progress .progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

    .my-profile-progress .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 7px solid #eee;
        position: absolute;
        top: 0;
        left: 0;
    }

    .my-profile-progress .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .my-profile-progress .progress .progress-left {
        left: 0;
    }

    .my-profile-progress .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 7px;
        border-style: solid;
        position: absolute;
        top: 0;
        border-color: #ffb43e;
    }

    .my-profile-progress .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 75px;
        border-bottom-right-radius: 75px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .my-profile-progress .progress .progress-right {
        right: 0;
    }

        .my-profile-progress .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 75px;
            border-bottom-left-radius: 75px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
        }

    .my-profile-progress .progress .progress-value {
        display: flex;
        border-radius: 50%;
        font-size: 36px;
        text-align: center;
        line-height: 20px;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 300;
        margin: auto;
    }

        .my-profile-progress .progress .progress-value div {
            margin-top: 10px;
        }

        .my-profile-progress .progress .progress-value span {
            font-size: 12px;
            text-transform: uppercase;
        }



.my-profile-progress .progress {
    margin-bottom: 1em;
}


.multi-select-design .btn-group {
    min-width: 50% !important;
    max-width: 100% !important;
}

.multi-select-design .multiselect-container {
    min-width: 90% !important;
    background:white !important;
}

.md-form .form-control {
    padding-right:0.4rem !important;
    padding-left:0.4rem !important;
}

/*subject details end */


/*div.dts div.dataTables_scrollBody {
    background: white !important;
}

div.DTFC_Blocker {
    background-color: white !important;
}*/

@media only screen and (min-width: 1921px) {
    .sm-font-2 {
        font-size: 1rem !important;
    }

    .sm-font-3 {
        font-size: 1.125rem !important;
    }

    .md-font-1 {
        font-size: 1.375rem !important;
    }

    .sm-font-1 {
        font-size: 0.8125rem !important;
    }
}


/*footer*/
.col_white_amrc {
    color: #FFF;
}

/* #052444 */

footer {
    width: 100%;
    background-color: #052444 !important;
    min-height: 10px;
    padding: 7px 0px 7px 0px;
}

.pt2 {
    padding-top: 40px;
    margin-bottom: 20px;
}

footer p {
    font-size: 13px;
    color: #CCC;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mb10 {
    padding-bottom: 15px;
}

.footer_ul_amrc {
    margin: 0px;
    list-style-type: none;
    font-size: 14px;
    padding: 0px 0px 10px 0px;
}

    .footer_ul_amrc li {
        padding: 0px 0px 5px 0px;
    }

        .footer_ul_amrc li a {
            color: #CCC;
        }

            .footer_ul_amrc li a:hover {
                color: #fff;
                text-decoration: none;
            }

.fleft {
    float: left;
}

.padding-right {
    padding-right: 10px;
}

.footer_ul2_amrc {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

    .footer_ul2_amrc li p {
        display: table;
    }

    .footer_ul2_amrc li a:hover {
        text-decoration: none;
    }

    .footer_ul2_amrc li i {
        margin-top: 5px;
    }

.bottom_border {
    border-bottom: 1px solid #323f45;
    padding-bottom: 20px;
}

.foote_bottom_ul_amrc {
    list-style-type: none;
    padding: 0px;
    display: table;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

    .foote_bottom_ul_amrc li {
        display: inline;
    }

        .foote_bottom_ul_amrc li a {
            color: #999;
            margin: 0 12px;
        }

.social_footer_ul {
    display: table;
    margin: 15px auto 0 auto;
    list-style-type: none;
}

    .social_footer_ul li {
        padding-left: 20px;
        padding-top: 10px;
        float: left;
    }

        .social_footer_ul li a {
            color: #CCC;
            border: 1px solid #CCC;
            padding: 8px;
            border-radius: 50%;
        }

        .social_footer_ul li i {
            width: 20px;
            height: 20px;
            text-align: center;
        }


/*  Disable a tag button style */
a[disabled=disabled]:active {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.small-rectangle {
    height: 18px;
    width: 28px;
    border-radius: 5px !important;
    display: inline-block;
}
.dashboard-bg {
    padding-top:0.3rem !important;
    background-color: #2f4353 !important;
    background-image: linear-gradient(315deg,#d2ccc4 0%, #2f4353 74%) !important;
}

.btn-green {
    color: white !important;
    background-color: #82A410 !important;
    font-size: 19px;
    text-transform: none !important;
}

.btn-orange {
    color: white !important;
    background-color: #E78005 !important;
    font-size: 19px;
    text-transform: none !important;
}

.grid-stack-item-content {
    margin: -6px !important
}

.dm-menu-mobile {
    left: -40px !important;
}

.multiselect-clear-button {
    padding: .375rem .75rem;
    font-size: 1.1rem !important;
    background-color: white !important;
    color: black !important;
    margin: 0 !important;
}

.multi-select-design .btn-group .multiselect {
    border-bottom: 1px solid #424242 !important;
    padding-bottom: 0px !important;
}
select.form-control.d-inline-block {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 5%;
    background: url(../img/select-caret.png) no-repeat right;
}
td.medra-td {
    background-color: #C5E4FF;
}
.calendar-control-lg td, .calendar-control-lg th {
    padding: 20px 5px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
    border: 1px solid #fff
}
.z-9 {
    z-index: 99999 !important;
}
.table-fixed-hd td, .table-header-fixed td, .datapaginate td {
    white-space: normal !important;
}


/* SPD Changes below CPD-12309 by Nikhil Raut on 7 Dec 2021 */
.td-ws-normal td {
    white-space: normal !important;
}

.data-entry-table .dataTables_scrollHead {
    position: inherit !important;
}

.data-entry-table .DTFC_RightWrapper th:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.data-entry-table .DTFC_RightHeadBlocker.DTFC_Blocker table tr:first-child th:first-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.data-entry-table .DTFC_RightWrapper th:first-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.font-21 {
    font-size: 21px !important;
}

.h-70 .fms {
    height: 84vh;
}

.max-d-none {
    display: none;
}

.color-black {
    color: #212529 !important;
}

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

.td-error {
    background: #F99292 !important;
}

.data-entry-table table.table td {
    vertical-align: middle !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    background-color: white;
}

.td-error, .data-entry-table table.table .td-error td {
    background: #F99292 !important;
}

/*tr.strikeout td {
    position: relative;
}

    tr.strikeout td:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        border-bottom: 1px solid #111;
        width: 100%;
        z-index: 99999 !important;
    }

    tr.strikeout td:after {
        content: "\00B7";
        font-size: 1px;
    }

tr.strikeout {
    background-color: #D2D2D2 !important;
}

    tr.strikeout input, tr.strikeout textarea {
        background-color: #D2D2D2 !important;
    }

    tr.strikeout [type=checkbox].filled-in:checked + label:after, tr.strikeout [type=radio].with-gap:checked + label:after {
        border: 2px solid #5494ff;
        background-color: gray !important;
    }*/

tr.strikeout input {
    text-decoration: line-through !important;
}

tr.strikeout textarea {
    text-decoration: line-through !important;
}

tr.strikeout .rado label {
    text-decoration: line-through !important;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.append-input {
    background: none !important;
    border: none !important;
    color: #0d4f91 !important;
}

    .append-input .input-group-text {
        background: none !important;
        border: none !important;
        color: #0d4f91 !important;
    }

.table-filter {
    margin-right: 10px !important;
    width: 280px !important;
}

.table-grid-action-menu {
    min-width: 50px !important;
    width: 50px !important;
    left: 4px !important;
    text-align: center;
}

.tr-no-display {
    display: none !important;
}

.resize-vertical {
    /*resize: vertical !important;*/
    resize: none !important;
}

.dataTables_filter input {
    border: none !important;
    border-bottom: 1px solid #0d4f91 !important;
    width: 250px !important;
}

.table-filter {
    width: 190px !important;
    border-bottom: 1px solid #0d4f91 !important;
}

.design-grow {
    width: 100px;
    max-width: 100px;
    transition: max-width 0.1s;
    -webkit-transition: max-width 0.1s;
    overflow: hidden;
}

    .design-grow:hover {
        width: 300px;
        max-width: 300px;
    }

.grow-hover-visible {
    transition: display 1s;
    transition-delay: 1s;
    display: none;
}

.design-grow:hover .grow-hover-visible {
    display: block;
}

.design-step-complete {
    background-color: #378b29 !important;
    background-image: linear-gradient(315deg, #378b29 0%, #74d680 74%) !important;
}

.nav-icon-fa-sm {
    width: 22px;
    height: 22px;
    font-size: 22px;
    color: #2472b6 !important;
}

.right-auto {
    right: auto !important;
    left: 100% !important;
}

input[type=checkbox]:focus {
    background: #ffffcc !important;
    outline: 4px solid gray !important;
}

.dropdown-submenu > .right-auto {
    right: auto !important;
    left: 100% !important;
}

.arrow-steps .step {
    font-size: 14px;
    text-align: center;
    color: #666;
    cursor: default;
    margin: 0 3px;
    padding: 5px 10px 6px 30px;
    min-width: 180px;
    float: left;
    position: relative;
    background-color: #d9e3f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease;
}

    .arrow-steps .step:after,
    .arrow-steps .step:before {
        content: " ";
        position: absolute;
        top: 0;
        right: -17px;
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 27px solid transparent;
        border-left: 17px solid #d9e3f7;
        z-index: 2;
        transition: border-color 0.2s ease;
    }

    .arrow-steps .step:before {
        right: auto;
        left: 0;
        border-left: 17px solid #fff;
        z-index: 0;
    }

    .arrow-steps .step:first-child:before {
        border: none;
    }

    .arrow-steps .step:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .arrow-steps .step span {
        position: relative;
    }

        .arrow-steps .step span:before {
            opacity: 0;
            content: "✔";
            position: absolute;
            top: -2px;
            left: -20px;
        }

    .arrow-steps .step.done span:before {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease 0.5s;
        -moz-transition: opacity 0.3s ease 0.5s;
        -ms-transition: opacity 0.3s ease 0.5s;
        transition: opacity 0.3s ease 0.5s;
    }

    .arrow-steps .step.current {
        color: #fff;
        background-color: #0d4f91;
    }

        .arrow-steps .step.current:after {
            border-left: 17px solid #0d4f91;
        }

.blue-stick-bd {
    border-left: 4px solid;
}

.bd-color-blue {
    border-color: #2472b6;
}

.brown-stick-bd {
    border-left: 4px solid;
}

.bd-color-brown {
    border-color: brown;
}

.bd-r-brown {
    border-right: 6px solid brown;
}

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

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 5px;
}

/* CPD-12309 by Nikhil Raut */
.dd-overflow-width {
    width: 600px !important;
    padding-right: 295px;
}

.dd-overflow {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 320px !important;
}

table tr:first-child th:first-child {
    /*border-top-left-radius: 10px;
    border-bottom-left-radius: 10px*/
}

.dataTables_scrollHeadInner tr:first-child th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.dd-left {
    left: -150px !important;
}

/* Below Added by Nikhil for CPD-12945 */
.data-entry-table .dataTables_scrollBody {
    min-height: 180px !important;
}

.data-entry-table .select-caret {
    padding-right: 1.25rem !important;
}
.fa-chevron-down {
    color: #2472b6 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../img/select-caret.png) no-repeat right;
    background-color: transparent;
    /*background-size: contain;*/
    border: none !important;
    height: 20px !important;
    width: 20px !important;
    margin: auto !important;
    top: 2% !important;
    left: auto !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}