.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.small-box>.inner_v2 {
    padding: 5px 5px 5px 5px;
}

.tpadd1pg {
    padding-top: 1%;
}

.tpadd5 {
    padding-top: 5px;
}

.padd1pg {
    padding: 1% !important;
}

.margin12pg {
    margin: 12%;
}

.batch_creation_head_align {
    display: none;
}

.padd0_imp {
    padding: 0px !important;
}

.m_auto {
    margin: auto;
}

.textarea_align {
    margin-bottom: 1rem;
}

.dataTables_wrapper {
    width: 100% !important;
}

.widget_green {
    color: #184e6e;
}

.padding3 {
    padding: 3px;
}

.padd0_5rem {
    padding: 0.5rem;
}

.padd1pg {
    padding: 1%;
}

.lpadd0 {
    padding-left: 0px;
}

.tmargin_2pg {
    margin-top: 2%;
}

.one_line_txt {
    white-space: nowrap;
}

.width_100pg_imp {
    width: 100% !important;
}

.search_by_dropdown_align {
    justify-content: center;
}

.project_right_content1_align {
    padding-left: 0px;
    padding-right: 0px;
}

.search_by_table_txt {
    font-size: 0.85rem;
    padding-top: 0.5%;
}

.pwd_hint {
    font-size: 0.9rem;
}

.width80pg {
    width: 80%;
}

.width50 {
    width: 50px;
}

.y_margin2pg {
    margin-top: 2%;
    margin-bottom: 2%;
}

.color_red {
    color: red;
}

.color_white {
    color: white;
}

.project_right_content2_align {
    padding-left: 0px;
    padding-right: 0px;
}

.bpadd_2pg {
    padding-bottom: 2% !important;
}

.assignment_status_area_align {
    padding-bottom: 4% !important;
}

.xmargin2pg {
    margin-left: 2%;
    margin-right: 2%;
}

.rpadd0 {
    padding-right: 0px;
}

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

.fntsze_1_5rem {
    font-size: 1.5rem;
}

.vertical_center_txt {
    align-items: center;
    justify-content: center;
    display: flex;
}

.ypadd0_5rem {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.justify_content_flex_end {
    justify-content: flex-end;
}

.justify_content_space_between {
    justify-content: space-between;
}

.justify_content_center {
    justify-content: center;
}

.border_color_1px_ccc7c2 {
    border: 1px solid #ccc7c2;
}

.border_color_0_5px_ccc7c2 {
    border: 0.5px solid #ccc7c2;
}

.border_bottom0 {
    border-bottom: 0px;
}

.padd0_5rem {
    padding: 0.5rem;
}

.bigdrop {
    width: auto !important;
}

.treeview_availability {
    display: none;
}

.form-control_multicheck {
    background-color: #f5f0f0;
}

.note-editor.note-frame,
.note-editor.note-airframe {
    border: 1px solid #ced4da !important;
}


/* .select2-selection__rendered {
line-height: 31px !important;
} */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 0.8rem;
}

.select2-container--default .select2-dropdown.select2-dropdown--below {
    font-size: 12px !important;
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-x: hidden;
}

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .65rem !important;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #184e6e !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    box-shadow: inset 0 0 0 transparent !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef !important;
    opacity: 1;
}

.fnt_size_85pg {
    font-size: 85%;
}

.mcq_opt_type~.select2-container>.selection>.select2-selection--single {
    height: calc(1.3rem + 2px) !important;
    padding: .05rem .65rem !important;
}

.mcq_opt_type~.select2-container>.selection>.select2-selection--single>.select2-selection__arrow {
    height: 24px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #184e6e !important;
    color: #FFFFFF;
    font-weight: 600;
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted:hover {
    background: #184e6e !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: red !important;
    font-weight: 400;
}

.x-padd3pg {
    padding-left: 3%;
    padding-right: 3%;
}

.x-padd3_5pg {
    padding-left: 3.5%;
    padding-right: 3.5%;
}

.x-padd2pg {
    padding-left: 2%;
    padding-right: 2%;
}

.tpadd_2pg {
    padding-top: 2%;
}

.tmargin8 {
    margin-top: 8px;
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.sidebar-dark-primary {
    background-color: #FFFFFF;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
    background: #184e6e;
    color: #FFFFFF !important;
}

.title_align_0 {
    padding: 0;
    border-bottom: 0px solid rgba(0, 0, 0, .125) !important;
}

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

.profiless {
    padding: 0% 0% 0% 10%;
    font-weight: 600;
}

.userss {
    font-size: 16px;
    margin-bottom: 2px;
}

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

.rolee {
    font-size: 12px;
    margin-bottom: 2px;
}

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

.hr_v2 {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.badge-success_align {
    background: #184e6e;
    color: #FFFFFF;
    font-weight: 500;
    padding-left: 5%;
    padding-right: 5%;
}

.badge-pending_align {
    background: #184e6e;
    color: #FFFFFF;
    font-weight: 500;
    padding-left: 5%;
    padding-right: 5%;
}

.badge-reject_align {
    background: linear-gradient(to right, #fb0808 0%, #f5a6a9 81%);
    color: #FFFFFF;
    font-weight: 500;
    padding-left: 5%;
    padding-right: 5%;
}

.nav-sidebar .nav-link p {
    color: black;
}

.brand-link .brand-image1 {
    line-height: .8;
    margin-top: -3px;
    max-height: 33px;
    width: auto;
}

.sidebar-dark-primary .brand-link {
    border-bottom: 0px solid #FFFFFF;
}

.nav_title {
    color: #FFFFFF;
}


/* .main-sidebar {
border-top: 4px solid #184e6e;
} */

.logos {
    display: flex;
    align-items: center;
    /*Aligns vertically center */
    justify-content: center;
}

.sidebar-dark-primary .nav-sidebar>.nav-item:hover>.nav-link {
    background-color: #d1d1d1;
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar>.has-treeview>.nav-treeview>.nav-item:hover>.nav-link {
    background-color: #d1d1d1;
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar>.has-treeview>.nav-treeview>.nav-item>.active {
    background: #184e6e;
    color: #ffffff;
}

.has-treeview>.nav-link {
    color: #405057;
}

.nav-sidebar .nav-treeview>.nav-item>.active>.nav-icon {
    color: #ffffff;
}

.nav-sidebar .nav-treeview>.nav-item>.active>p {
    color: #FFFFFF;
}

.mcq_logos {
    height: 70px;
}

.sidebar-collapse>.wrapper>aside>.logos {
    padding-top: 35%;
    padding-bottom: 35%;
}

.sidebar-collapse>.wrapper>aside>.logos>a>.chegg_logos {
    width: 65px;
}

.y-padd_5-2_pg {
    padding-top: 5%;
    padding-bottom: 2%;
}

.y_padd5pg {
    padding-top: 5%;
    padding-bottom: 5%;
}

.y_padd2pg {
    padding-top: 2%;
    padding-bottom: 2%;
}

.y_padd10pg {
    padding-top: 10%;
    padding-bottom: 10%;
}

.chegg_logo {
    height: 75px;
}

.main-sidebar {
    width: 250px;
}

.content-wrapper>.content {
    padding: 7px 7px 0% 7px;
    /* margin-left: -7.5px; */
    /* margin-right: -7.5px; */
}

.small-box .icon>i.ion {
    font-size: 60px;
    top: 15px;
}

.small-box .icon>i.fa {
    font-size: 50px;
    top: 20px;
}

.small-box:hover .icon>i.fa {
    font-size: 60px;
    top: 20px;
}

.small-box>.inner {
    padding: 15px 15px 0px 20px;
}

.widget_names {
    margin-bottom: 0px;
    font-weight: 450;
}

.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover {
    width: 134.6rem !important;
}

.widget_count {
    font-weight: 600;
}

.small-box h3 {
    margin: 0 0 0px 0;
}

.bg-info_bottom_border {
    border-bottom: 2px solid #6293ff;
}

.bg-warning_bottom_border {
    border-bottom: 2px solid #ffc168;
}

.bg-success_bottom_border {
    border-bottom: 2px solid #184e6e;
}

.bg-danger_bottom_border {
    border-bottom: 2px solid #fc7993;
}

.user-img {
    display: inline-block;
    position: relative;
}

.display_block {
    display: block;
}

.display_inherit {
    display: inherit;
}

.main-drop .user-img img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.padd4pg {
    padding: 4%;
}

.padd2pg {
    padding: 2% !important;
}


/* .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link {
padding: 12px;
} */

.nav-sidebar>.nav-item .nav-icon.fas {
    color: #4db559;
}

.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-sidebar>.nav-item .nav-icon.fa {
    color: #4db559;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active>.fas {
    color: white;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active>p {
    color: white;
}

body {
    overflow: hidden;
    color: #495057;
}


/*
.circle_treeview {
height: 30px;
width: 30px;
display: block;
background-color: #8cef46;
border-radius: 50%;
position: relative;
margin: 0px;
font-size: 12px;
line-height: 30px;
}*/

.projects_card_header {
    background-color: #efefef;
    border-bottom: 0;
}

.nav_title {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.action_view {
    padding: 3px;
    border: 1px solid #007bff;
    font-size: 12px;
    border-radius: 5px;
    color: #007bff;
    margin: auto 0px;
    width: 20px;
}

.margin_auto_0 {
    margin: auto 0;
}

.action_edit {
    padding: 3px;
    margin: auto 0px;
    border: 1px solid #2eaa4b;
    font-size: 12px;
    border-radius: 5px;
    color: #2eaa4b;
    width: 20px;
}


/*
.tree_view_ul, .tree_view_li {
list-style: none; margin: 0; padding: 0; }
.tree_view_ul { padding-left: 1em; }
.tree_view_li { padding-left: 1em;
padding-left: 1em;
border: 1px solid #d1d1d1;
border-width: 0 0 0px 1px;
margin-left: 1em;
}

.tree_view_li .tree_view_p { margin: 0;
background: white;
position: relative;
top: 0.5em; 
}
*/

.history-tl-container .tl .tl-item {
    list-style: none;
    border-left: 1px solid #d1d1d1;
    position: relative;
    text-align: left;
    padding: 0 0 20px 30px;
    font-size: 14px;
    color: #4bb459;
    font-weight: 500;
}

.history-tl-container .tl .tl-item:last-child {
    border-left: 0;
}

.history-tl-container .tl .tl-item::before {
    position: absolute;
    left: -13px;
    top: 0px;
    content: " ";
    border-radius: 500%;
    background: #FFFFFF;
    height: 25px;
    width: 25px;
    transition: all 500ms ease-in-out;
}

.history-tl-container .tl .item_invoice::before {
    border: 10px solid #7460ee;
}

.history-tl-container .tl .item_comments::before {
    border: 10px solid #fc4b6c;
}

.history-tl-container .tl .item_request::before {
    border: 10px solid #21c1d6;
}

.inline_heading {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0px 5px 10px;
    margin-bottom: 0px;
    color: #6e6e6e;
}

.tmargin15 {
    margin-top: 15px;
}

.border_align {
    background-color: white !important;
    border-radius: 0.3rem !important;
    box-shadow: 1px 0px 5px 1px #7474747d !important;
}

.border_align_t2{
    background-color: white !important;
    border-radius: 0.3rem !important;
    box-shadow: 1px 0px 5px 1px #74747414 !important;
}

.history-tl-container .tl .tl-item:hover::before {
    border-color: #4bb459;
    transition: all 1000ms ease-in-out;
}

.tl .tl-item .item-detail {
    color: black;
    font-size: 12px;
}

.form_control_auto_wd {
    width: auto;
    padding: 1px 0.25rem 1px 0.50rem;
    font-size: 0.90rem;
    font-weight: 400;
    line-height: 1.5;
    color: #184e6e;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    outline: 0;
    border: 1px solid #ced4da;
    box-shadow: inset 0 0 0 transparent;
}

.form_control_auto_search {
    width: auto;
    padding: 1px 0.25rem 1px 0.50rem;
    font-size: 0.90rem;
    font-weight: 400;
    line-height: 1.5;
    color: #184e6e;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    border: 1px solid #ced4da;
    box-shadow: inset 0 0 0 transparent;
}

.rows {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}


/* .align_project {
text-align: right;
} */

.align_expand {
    text-align: right;
}

.direct-chat-infos1 {
    display: block;
    font-size: .875rem;
    margin-bottom: 2px;
}

.direct-chat-text1 {
    border-radius: .3rem;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 5px 10px;
    position: relative;
}

.tmargin1pg {
    margin-top: 1%;
}

.tmargin10 {
    margin-top: 10px;
}

.rtxt_align {
    text-align: right;
}

.ltxt_align {
    text-align: left;
}

.list-group-item-heading {
    font-size: 1rem;
    color: #7f7f7f;
}

.disabled_item_heading>a>.list-group-item-heading {
    cursor: not-allowed;
}

.disabled_item_heading {
    cursor: not-allowed;
    opacity: 0.5;
}

.border_align_profile {
    border: 1px solid #cfcfcf;
    padding: 2.5%;
    border-radius: 5px;
}

.border_align_profile_sm {
    border: 1px solid #cfcfcf;
    border-radius: 5px;
}

.vertical_center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.vertical_center_v2 {
    align-items: center;
    justify-content: center;
    margin-top: -7px;
    padding-top: 0%;
}

.vertical_center_v2_1 {
    align-items: center;
    justify-content: center;
    margin-top: -7px;
    padding-top: 0%;
}

.hint_text_blue {
    color: blue;
    font-size: 0.8rem;
    font-weight: 400;
}

.hint_text_red {
    color: red;
    font-size: 0.8rem;
    font-weight: 400;
}

.ctxt_align {
    text-align: center;
}

.direct-chat-messages {
    height: auto !important;
}

.fnt_weight600 {
    font-weight: 600;
}

.length_change_span {
    font-size: 0.8rem;
    font-weight: 500 !important;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0rem 1.25rem 0.5rem 1.25rem;
}

.width_align_rows_9_33pg {
    max-width: 9.33%;
    flex: 9.33%;
}

.width_align_rows_7_33pg {
    max-width: 7.33%;
    flex: 7.33%;
}

.margin14pg {
    margin: 14%;
}

.tmargin20 {
    margin-top: 20px;
}

.table.dataTable thead th {
    border-bottom: 1px solid #dee2e6
}

.table.dataTable.no-footer {
    border-bottom: 2px solid #dee2e6
}

[class^="toggle-column"] {
    box-shadow: 0 0 1em green;
}

[class^="toggle-column"]:not(:checked) {
    box-shadow: 0 0 1em red;
}

.toggle-column-1:not(:checked)~table td:nth-child(1) {
    display: none;
}

.toggle-column-2:not(:checked)~table td:nth-child(2) {
    display: none;
}

.toggle-column-3:not(:checked)~table td:nth-child(3) {
    display: none;
}

.toggle-column-4:not(:checked)~table td:nth-child(4) {
    display: none;
}

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 14px;
}

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

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

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

input:checked+.slider {
    background: #184e6e;
}

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

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


/* Rounded sliders */

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

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

.column_visibility_ul {
    padding-left: 0px;
    overflow-y: scroll;
    padding-right: 0%;
    margin-bottom: 0px;
    overflow: auto;
    /* height: 250px;
max-height: 250px; */
}

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

.filter_visibility_align {
    padding: 2%;
}

.column_visibility_popup {
    position: absolute;
    margin-top: 4%;
    z-index: 1;
}

.column_visibility_p {
    font-weight: 450;
    letter-spacing: -1px;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0rem 1.25rem 0rem 1.25rem;
}

.column_visibility_text {
    font-weight: 600;
    font-size: 0.9rem;
    padding-top: 2px;
}

.column_visibility_li {
    border-bottom: 1px solid #e2e6e9;
}

.filter_visibility_popup {
    position: absolute;
    margin-top: 4%;
    z-index: 1;
}

.filter_visibility_ul {
    padding-left: 0px;
    overflow-y: scroll;
    padding-right: 0%;
    margin-bottom: 0px;
    overflow: auto;
    /* height: 250px;
max-height: 250px; */
}

.filter_visibility_p {
    font-weight: 450;
    letter-spacing: -1px;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0rem 1.25rem 0rem 1.25rem;
}

.filter_visibility_text {
    font-weight: 600;
    font-size: 0.9rem;
    padding-top: 2px;
}

.filter_visibility_li {
    border-bottom: 1px solid #e2e6e9;
}

span>.search {
    float: left;
    width: 83%;
}

span>.search_btn {
    float: left;
    width: 17%;
    background: #e9ebed;
    cursor: pointer;
    height: 97% !important;
}

span>.search_btn:hover {
    background: #c6c8ca;
}

span>.search_btn>::after {
    content: "";
    clear: both;
    display: table;
}


/*files*/

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 180px 10px 60px 34%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.files input:focus {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
}

.files {
    position: relative
}

.files:after {
    pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url('../images/Assets/file_icons.png');
    /* background-image: url("https://image.flaticon.com/icons/png/128/109/109612.png"); */
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.color input {
    background-color: #f1f1f1;
}


/* 
.files:before {
position: absolute;
bottom: 45px;
left: 0;
pointer-events: none;
width: 100%;
right: 0;
height: 75px;
content: "Drag & Drop your Files to Upload";
display: block;
margin: 0 auto;
color: black;
font-weight: 600;
text-transform: capitalize;
text-align: center;
} */

.upload_cf_box {
    outline: 2px dashed #92b0b3;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.fnt_weight500 {
    font-weight: 500;
}

.upload_document_actions {
    position: absolute;
    padding: 3% 0% 0% 3%;
    width: 98%;
    z-index: 5;
}

.down_cf_box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    margin-bottom: 20px;
    width: 100%;
    height: 300px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.drag_documents_data {
    align-items: center;
    justify-content: center;
    padding-right: 5%;
}

.close_drag_documents {
    z-index: 10;
    display: block;
    position: absolute;
    /* float: right; */
    right: 10%;
    width: 28px;
    background-color: #df5428;
}

.rpadd10pg {
    padding-right: 10%;
}

.rmargin10pg {
    margin-right: 10%;
}

.close_drag_documents {
    display: none;
}

.down_cf_box_header {
    color: #787878;
    display: block;
    font-weight: 600;
    padding: 6% 0% 0% 5%;
    /* position: relative; */
}

.down_cf_box_body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0% 1% 1% 1%;
}

.down_cf_box_body_img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5%;
}

.box-body:before {
    content: " ";
    display: table;
}

.d_contract_button_dec {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #23709e;
    border-color: rgba(0, 0, 0, 0.2);
    width: 90%;
    height: 45px;
    font-size: 0.85rem;
    padding: 3%;
    font-weight: 500;
}

.d_contract_button_align {
    position: absolute;
    bottom: 15px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    width: 100%;
}

.d_contract_button_align_span {
    background-color: #184e6e;
    height: 43px;
    padding: 3% 1% 1% 1%;
    margin: -5px 0px 0px 0px;
}

.d_contract_button_dec>:first-child {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 0;
    width: 32px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.box {
    position: relative;
    background: #ffffff;
    width: 100%;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 10px;
}

.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.dropzone-wrapper {
    border: 2px dashed #91b0b3;
    color: #92b0b3;
    position: relative;
    height: 300px;
}

.dropzone-wrapper_myproject {
    border: 2px dashed #91b0b3;
    color: #92b0b3;
    position: relative;
    height: 160px;
}

.dropzone-wrapper_attachment_file {
    border: 2px dashed #91b0b3;
    color: #92b0b3;
    position: relative;
    height: 200px;
}

.dropzone-desc {
    margin: 60px auto;
    left: 0;
    width: 100%;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
}

.direct-chat-messages {
    padding: 10px 10px 0px 10px !important;
}

.dropzone-desc_attachment_mail {
    margin: 10px auto;
    left: 0;
    width: 100%;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
}

.dropzone-desc1 {
    margin: 30px auto;
    left: 0;
    width: 100%;
    right: 0;
    text-align: center;
    font-size: 1.3rem;
}

.dropzone-myproject {
    margin: 0.5% auto;
    left: 0;
    width: 100%;
    right: 0;
    text-align: center;
    font-size: 0.9rem;
}

.dropdown-item:hover {
    background-color: #d1d1d1;
    color: black;
    border-radius: 0.25rem;
}

.dropdown-item.active,
.dropdown-item:active {
    background: #184e6e !important;
    color: #FFFFFF !important;
    border-radius: 0.25rem;
}

.dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 230px;
    cursor: pointer;
    opacity: 0;
}

.upload_image_myproject {}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    /* background: #ecf0f5; */
}

.preview-zone {
    text-align: center;
}

.preview-zone .box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.cf_type_align {
    float: right;
    padding-right: 5%;
}

.drag_drop_p_myproject {
    margin-bottom: 0px;
    color: #black;
}

.drag_drop_p {
    margin-bottom: 0px;
    color: #black;
}

.upload_cf_submit_align {
    position: absolute;
    bottom: 30%;
    display: flex;
    align-items: center;
    justify-content: center
}

.upload_resume_submit_align {
    position: absolute;
    bottom: 20px;
    align-items: center;
    justify-content: center
}

.upload_cf_submit_btn {
    background-color: #df5428;
    color: white;
    font-weight: 600;
    font-size: 1rem;
    /* height: 45px; */
    /* width: 25%; */
}

.upload_cf_submit_btn:hover {
    background-color: white;
    color: #495051;
    border: 1px solid #495051;
}

.height30 {
    height: 30px;
}

.addnew_btn_tbl_header_align {
    background-color: #495051;
    color: white;
    display: flex;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.addnew_btn_tbl_header_align:hover {
    background-color: white;
    color: #495051;
    border: 1px solid #495051;
}

.tbl_approve_btn {
    color: #184e6e;
    font-weight: 600;
    font-size: 1rem;
    /* height: 45px; */
    /* width: 25%; */
}

.tbl_approve_btn:hover {
    color: #184e6e;
}

.submit_btn_query {
    color: #184e6e;
    font-weight: 600;
    font-size: 1rem;
    /* height: 45px; */
    /* width: 25%; */
}

.submit_btn_query:hover {
    color: #184e6e;
}

.tbl_reject_btn {
    color: #184e6e;
    font-weight: 600;
    font-size: 1rem;
}

.tbl_reject_btn:hover {
    color: #184e6e;
}

.reject_feedback_align {
    display: none;
}

.cancel_btn_query {
    color: #184e6e;
    font-weight: 600;
    font-size: 1rem;
}

.cancel_btn_query:hover {
    color: #184e6e;
}

.dragcontent {
    padding-bottom: 1rem;
}

.tmargin3pg {
    margin-top: 3%;
}

.upload_cf_img_align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload_myproject_img_align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bpad1pg {
    padding-bottom: 1%;
}

.drag_browser_align {
    color: #df5428;
    font-weight: 600;
    text-decoration: underline;
}

.drag_notes {
    font-size: 0.9rem;
    color: red;
}

.upload_myproject_icons_align {
    width: 65px;
    padding-top: 1%;
}

.drag_notes_myproject {
    font-size: 0.8rem;
    color: red;
}

.drag_notes1 {
    font-size: 0.9rem;
    color: black;
}

.drag_notes1_myproject {
    font-size: 0.8rem;
    color: black;
}


/*profile*/

.lpadd1rem {
    padding-left: 1rem;
}
.padd1rem{
    padding: 1rem;
}

.treeview_availability {
    margin: 10px 0 0 0px;
    padding-left: 0.1rem;
    max-height: 120px;
    overflow-y: scroll;
    margin-bottom: 0px;
    overflow: auto;
    overflow-x: hidden !important;
}

.treeview_availability::-webkit-scrollbar {
    width: 8px;
}


/* Track */

.treeview_availability::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

.treeview_availability::-webkit-scrollbar-thumb {
    background: #184e6e;
}


/* Handle on hover */

.treeview_availability::-webkit-scrollbar-thumb:hover {
    background: #4cb158;
}

ul {
    list-style: none;
}

.treeview_availability li>input {
    height: 16px;
    width: 16px;
    /* hide the inputs but keep them in the layout with events (use opacity) */
    opacity: 0;
    filter: alpha(opacity=0);
    /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    /*IE8*/
}

.treeview_availability li>label {
    background: url(../images/Assets/gr_custom-inputs.png) 0 -1px no-repeat;
    /* move left to cover the original checkbox area */
    margin-left: -20px;
    /* pad the text to make room for image */
    padding-left: 20px;
}


/* Unchecked styles */

.treeview_availability .custom-unchecked_availability {
    background-position: 0 -1px;
}

.treeview_availability .custom-unchecked_availability:hover {
    background-position: 0 -21px;
}


/* Checked styles */

.treeview_availability .custom-checked {
    background-position: 0 -81px;
}

.treeview_availability .custom-checked:hover {
    background-position: 0 -101px;
}


/* Indeterminate styles */

.treeview_availability .custom-indeterminate {
    background-position: 0 -141px;
}

.treeview_availability .custom-indeterminate:hover {
    background-position: 0 -121px;
}

.lmargin1pg {
    margin-left: 1%;
}

.margin1pg {
    margin: 1%;
}

.x_margin1pg {
    margin: 0% 1%;
}
.lmargin3pg {
    margin-left: 3%;
}

.next_button {
    background-color: #184e6e;
    color: white;
    font-weight: 600;
}

.agree_button {
    background-color: #EB6500;
    color: white;
    font-weight: 600;
}

.cookie_button {
    background-color: #184e6e;
    color: white;
    font-weight: 600;
}

.forgot_password_align>a {
    font-weight: 500;
    /* justify-content: center; */
    text-align: center;
    /* padding: 0 20px; */
    color: #001737;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.margin_auto {
    margin: auto;
}

.register_button {
    background-color: #184e6e;
    color: white;
    font-weight: 600;
}

.hopscotch-next:hover {
    background-image: black !important;
    background: black !important;
    color: white !important;
    font-weight: 600;
}

.hopscotch-cta:hover {
    background-image: black !important;
    background: black !important;
    color: white;
    font-weight: 600;
}

.hopscotch-prev:hover {
    background-image: black !important;
    background: black !important;
    color: white;
    font-weight: 600;
}

.padd4 {
    padding: 4px;
}

.bmargin0 {
    margin-bottom: 0px;
}

.bmargin2pg {
    margin-bottom: 2%;
}

.bmargin2_5pg {
    margin-bottom: 2.5%;
}

.profile_professional_summery_div {
    display: none;
}

.profile_client_publisher_div {
    display: none;
}

.member_organization_div {
    display: none;
}

.certification_div {
    display: none;
}

.profile_experience_div {
    display: none;
}

.profile_education_div {
    display: none;
}

.profile_core_qualification_div {
    display: none;
}

.profile_testimonial_div {
    display: none;
}

.edit_span_bg_align {
    background-color: #dee8fc;
    width: 25px;
    border-radius: 0.20rem;
    cursor: pointer;
}

.exp_role {
    font-size: 0.85rem;
    font-weight: 500;
    color: #727272;
    margin-bottom: 0px;
}

.exp_other_info {
    font-size: 0.75rem;
    font-weight: 500;
    color: #989898;
    margin-bottom: 0px;
}

.edu_qualification {
    font-size: 0.85rem;
    font-weight: 500;
    color: #727272;
    margin-bottom: 0px;
}

.edu_other_info {
    font-size: 0.75rem;
    font-weight: 500;
    color: #989898;
    margin-bottom: 0px;
}

.append_label_align {
    display: none;
}

.edit_img_align {
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.ADD_font_align {
    font-weight: 600;
    color: #6090ee;
    font-size: 0.9rem;
}

.other_info_content {
    font-size: 0.75rem;
    font-weight: 400;
}

.para_align {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.nav-treeview>.nav-item>.nav-link.active {
    background: #184e6e;
    color: #FFFFFF;
}

.bpadd2pg {
    padding-bottom: 2%;
}

.padd5pg {
    padding: 5%;
}

.lpadd5pg {
    padding-left: 5%;
}

.justty_content_space_between {
    justify-content: space-between;
}

.justty_content_flex_end {
    justify-content: flex-end;
}

.justify_content_space_around {
    justify-content: space-around;
}

.justty_content_space_evenly {
    justify-content: space-evenly;
}

.justify_content_space_evenly {
    justify-content: space-evenly;
}

.next_button:hover {
    background: #184e6e;
    color: white;
    font-weight: 600;
}

.cookie_button:hover {
    background: #184e6e;
    color: white;
    font-weight: 600;
}

.register_button:hover {
    background: #184e6e;
    color: white;
    font-weight: 600;
}

.hopscotch-next {
    background: #184e6e !important;
    background-image: #184e6e !important;
    color: white;
    border-color: black !important;
    font-weight: 600;
    cursor: pointer;
    font-size: 600;
}

.hopscotch-cta {
    background: #184e6e !important;
    background-image: #184e6e !important;
    color: white;
    border-color: black !important;
    font-weight: 600;
    cursor: pointer;
    font-size: 600;
}

.hopscotch-prev {
    background: #184e6e !important;
    background-image: #184e6e !important;
    color: white !important;
    border-color: black !important;
    font-weight: 600;
    text-shadow: 0 0px 0px rgba(255, 255, 255, .75) !important;
    cursor: pointer;
    font-size: 600;
}

.cancel_button {
    background-color: white;
    color: #184e6e;
    border: 1px solid #184e6e;
    font-weight: 600;
}

.cancel_button:hover {
    background-color: white;
    color: #184e6e;
    border: 1px solid #184e6e;
    font-weight: 600;
}

.cancel_button1 {
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .65rem !important;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: white;
    color: #184e6e;
    border: 1px solid #184e6e;
}

.cancel_button1:hover {
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .65rem !important;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: white;
    color: #184e6e;
    border: 1px solid #184e6e;
}

.approve_button {
    background-color: white;
    color: #7db553;
    border: 1px solid #7db553;
    font-weight: 600;
}

.approve_button:hover {
    background-color: white;
    color: #184e6e;
    border: 1px solid #184e6e;
    font-weight: 600;
}

.reject_button {
    background-color: white;
    color: red;
    border: 1px solid red;
    font-weight: 600;
}

.reject_button:hover {
    background-color: white;
    color: #184e6e;
    border: 1px solid #184e6e;
    font-weight: 600;
}

.rpadd1pg {
    padding-right: 1%;
}

.rmargin2pg {
    margin-right: 2%;
}

.width_100pg {
    width: 100% !important;
}

.disable_label_bg_type {
    display: block;
    background-color: #eeeeee;
    font-size: 0.75rem;
    padding-top: 5px;
    margin-top: 0.5rem;
    padding-bottom: 5px;
    font-weight: 600;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    color: #1b2e4b;
    border-radius: 0.25rem;
}

.project_detail_inline_border_align {
    border: 1px solid rgb(209 209 209);
    border-radius: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.line_height_1 {
    line-height: 1 !important;
}

.vertical_align_alpha {
    display: flex;
    justify-content: center;
    align-items: center;
}

.project_view_section_data {
    font-size: 1rem;
    margin-bottom: 0px;
}

.project_view_section {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.color_6293ff {
    color: #6293ff;
}

.color_ffc168 {
    color: #ffc168;
}

.color_8dc151 {
    color: #8dc151;
}

.preferred_currency_checked {
    display: none;
}

.bmargin0_5_pg {
    margin-bottom: 0.75%;
}

.bmargin_0 {
    margin-bottom: 0px;
}

.pointer_cursor {
    cursor: pointer;
}

.profile_input_label {
    font-size: 0.9rem;
    font-weight: 600 !important;
}

.profile_data_val_dash_preview {
    color: #184e6e;
    font-weight: 600;
    font-size: 0.7rem;
}

.profile_input_label_dash_preview {
    font-size: 0.7rem;
    font-weight: 600 !important;
    display: block;
    margin: 0px;
}
.preview_dash_coreect_ans_align{
    font-size: 0.7rem;
}
.preview_info_title_dash_preview {
    color: #df5428;
    font-weight: 600;
    margin-top: 1%;
    font-size: 0.7rem;
}

.explanation_icon_dash_preview {
    cursor: pointer;
    font-size: 0.7rem;
}
.project_view_p {
    font-size: 0.9rem;
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.common_input_label {
    font-size: 0.8rem;
    font-weight: 600 !important;
    margin-bottom: 0.25rem;
}

.profile_input_label_sm {
    font-size: 0.80rem;
    font-weight: 600 !important;
}

.required {
    color: red;
    font-weight: 800;
    padding-left: 5px;
}

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
}

.tmargin5 {
    margin-top: 5px;
}

.tmargin2pg {
    margin-top: 2%;
}

.margin2pg {
    margin: 2%;
}

.remove_btn_align {
    background-color: white;
    color: #e36860;
    border: 1px solid #e36860;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 12px;
}

.remove_btn_align:hover {
    background-color: white;
    color: #91c251;
    border: 1px solid #91c251;
    font-weight: 600;
}

.add_more_btn_align {
    color: white !important;
    font-weight: 600;
}

.add_more_btn_align:hover {
    background: #184e6e;
    color: white !important;
    font-weight: 600;
}

.lpadd7_5 {
    padding-left: 7.5px;
}

.form-group {
    width: 100%;
}

.vendor_division {
    display: none;
}

.card-header_profile {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 0.5rem 2rem 0rem 2rem;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.box_shadow_none {
    box-shadow: none;
}

.custom-resume-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 8px 25px;
    cursor: pointer;
    border-radius: 0.25rem;
    background: #184e6e;
    color: #FFFFFF;
}

.custom-resume-download {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 8px 10px;
    cursor: pointer;
    border-radius: 0.25rem;
    background: #184e6e;
    color: #FFFFFF;
}

.active_item_heading {
    border-bottom: 2.4px solid #184e6e;
}

.tpadd_1pg {
    padding-top: 1%;
}

.include_transfer_Fee {
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    color: #184e6e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

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

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-core_qualification {
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.list-inline-client_publisher {
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.list-inline-itemss:not(:last-child) {
    margin-right: 0.5rem;
}

.tpadd_imp_2pg {
    padding-top: 2% !important;
}

.y-padd2pg {
    padding-top: 2%;
    padding-bottom: 2%;
}

.y-padd1pg {
    padding-top: 1%;
    padding-bottom: 1%;
}

.x-padd1pg {
    padding-left: 1%;
    padding-right: 1%;
}

.tpadd2pg {
    padding-top: 2%;
}

.color_theme_green {
    color: #495051;
}

.list-inline-core_qualification .list-inline-itemss {
    display: block;
    background-color: #eeeeee;
    border: 1px solid #d0d1d3;
    font-size: 0.75rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    padding-left: 8px;
    padding-right: 8px;
    color: #1b2e4b;
    border-radius: 0.25rem;
}

.search_by_date {
    display: none;
}

.form-control_radio {
    display: flex;
    width: 100%;
    /* height: calc(2.25rem + 2px); */
    padding: .2rem .25rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #184e6e;
    /* background-color: #f5f5f5; */
    background-clip: padding-box;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.register_radio_lable {
    font-weight: 400 !important;
    font-size: 0.75rem;
}

.ratio_styles {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.tpadd_imp_2pg {
    padding-top: 2%;
}

input[type='radio'] {
    -webkit-appearance: none;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    outline: none;
    box-shadow: 0 0 0 1px #495051;
    vertical-align: middle;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-radius: 50%;
}

.service_align_profile {
    padding-top: 2.5%;
}

input[type='radio']:checked:before {
    background: #495051;
}

.form-group_append_rate {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.form-group_label_div_align {
    margin-bottom: 0.5rem;
}

.select2-container .select2-search--inline {
    float: revert !important;
}


/*calender*/

.fc-timeGrid-view .fc-day-grid .fc-row {
    display: none;
}

.fc-head-container>.fc-row {
    border-right-width: 0px !important;
    margin-right: 0px !important;
}

.fc-body>tr>td>.fc-time-grid-container {
    overflow: none;
}

.fc-today {
    background-color: inherit !important;
    color: #000;
}

.fc-title {
    color: #fff;
}

.fc-day-number {
    font-weight: 400;
    padding: 3%;
}

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

.fc-week {
    height: 45px !important;
}

.fc-prev-button,
.fc-next-button,
.fc-dayGridMonth-button,
.fc-timeGridWeek-button,
.fc-timeGridDay-button {
    background-color: #184e6e;
    border-color: #184e6e;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #184e6e;
    border-color: #184e6e;
}

.fc-prev-button:hover,
.fc-next-button:hover,
.fc-dayGridMonth-button:hover,
.fc-timeGridWeek-button:hover,
.fc-timeGridDay-button:hover {
    background-color: #2d7f89;
    border-color: #2d7f89;
}

.fc-head {
    background-color: #2d7f89;
    color: white;
}

.fc-dayGrid-view .fc-body .fc-row {
    min-height: 3em !important;
}

.fc-day-grid-container {
    height: auto !important;
}

.fc-toolbar h2 {
    font-size: 1.2em !important;
}

.fc-toolbar,
.fc-toolbar.fc-header-toolbar {
    padding: 0.5rem !important;
}

.fc-content {
    text-align: center;
    font-weight: 600;
}

.fc-prev-button,
.fc-next-button {
    padding: 0.1rem 0.5rem;
    font-size: 10px;
}

.card-body .fc {
    margin-top: 0px;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.1rem !important;
}

.fc-center {
    display: flex !important;
    font-size: 0.8rem;
    width: 100%;
}

.fc-center>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}


/*stick notes*/

.hidden {
    display: none !important;
    visibility: hidden;
}


/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/* * Hide visually and from screenreaders, but maintain layout */

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.noflick {
    perspective: 1000;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.note {
    /* float: left; */
    /* display: block; */
    /* position: relative; */
    padding: 0.25em 1em 1em 1em;
    /* width: 300px; */
    /* min-height: 300px; */
    margin: 0 1% 5% 0;
    background: linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .25));
    background-color: #FFFD75;
    box-shadow: 5px 5px 10px -2px rgba(33, 33, 33, .3);
    /* transform: rotate(2deg); */
    /* transform: skew(-1deg, 1deg); */
    /* transition: transform .15s; */
    /* z-index: 1;
}
/* Button style  */
}

.stick_remove {
    color: red;
    float: right;
}

.add_new {
    text-align: right;
    float: right;
    width: 100%;
    color: gray;
    font-weight: 500;
}

.stick_remove:hover {
    color: fc4b6c;
    float: right;
}

.from_to_height_align {
    height: 26px;
}

.no_drop_cursor {
    cursor: no-drop;
}

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

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

.stick_notes_textarea {
    background-color: transparent;
    border: none;
    resize: vertical;
    font-family: "Gloria Hallelujah", cursive;
    width: 100%;
    padding: 5px;
}

.author {
    position: absolute;
    top: 20px;
    left: 20px;
}

.small-box {
    cursor: pointer;
}

.fc-today {
    background-color: inherit !important;
    color: #000;
}

.fc-today>.fc-day-number {
    font-weight: 700;
}

.due_date_align {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #fff !important;
    font-size: small;
}

.dayWithEvent {
    font-weight: 400;
    background-color: #82eb7c !important;
    border-radius: 3px !important;
}

.dayWithDue {
    background-color: #FFD580 !important;
    border-radius: 3px !important;
}
.dayWithExpired {
    background-color: #bed7d1 !important;
    border-radius: 3px !important;
}
.chartTitle{
   /*  width: 100%;
    font-size: 16px;
    color: #184e6e;
    font-weight: 400;
    font-family: "Source Sans Pro"; */
    width: 100%;
    text-anchor: start;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    stroke: none;
    stroke-width: 0;
    fill: rgb(24, 78, 110);
}
.chartTitleProject{
    width: 100%;
    text-anchor: start;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    stroke: none;
    stroke-width: 0;
    fill: rgb(24, 78, 110);
    margin-left: 120px;
}
.fc-content-skeleton>table>tbody{
    display: none;
}
.sub_menu_align {
    color: #184e6e;
}

.out_row_align_mail {
    align-items: center;
    justify-content: center;
    margin-bottom: 0rem;
    width: 100%;
    color: #6090ee;
    font-size: 0.9rem;
}

.margin0_5rem {
    margin: 0.5rem;
}

.out_row_align_mail_attachment {
    align-items: center;
    justify-content: center;
    margin-bottom: 0rem;
    color: #6090ee;
    font-size: 0.9rem;
}

.border0 {
    border: 0;
}

.myspace_content_trigger>.card {
    margin-bottom: 0rem !important;
    box-shadow: none !important;
}

.tmargin1rem {
    margin-top: 1rem;
}

.direct-chat-subject {
    font-size: 0.9rem;
    padding-left: 1%;
    font-weight: 400;
    background-color: #dee8fc;
    border-radius: 0.20rem;
    cursor: pointer;
    padding: 0.2rem;
    text-align: center;
}

.tmargin2 {
    margin-top: 2px;
    ;
}

.to_mail_align {
    font-weight: 600;
    color: black;
}

.direct-chat-To {
    font-size: 0.9rem;
    padding-left: 1%;
    font-weight: 400;
    border-radius: 0.20rem;
    cursor: pointer;
    padding: 0.2rem;
    text-align: center;
}

.border_align_mail {
    border-radius: 0.3rem !important;
    box-shadow: 1px 0px 5px 1px #7474747d !important;
}

.bmargin1rem {
    margin-bottom: 1rem;
}

.border_top_0 {
    border-top: 0px;
}

.border_bottom_0_5 {
    border-bottom: 0.5px;
}

.mail_input_align {
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.width95pg {
    width: 95%;
}

.width100pg {
    width: 100%;
}

.width46 {
    width: 46px;
}

.mail_lable_align {
    background-color: #dee8fc;
    font-weight: 500;
    border-radius: 0.20rem;
    cursor: pointer;
    padding: 0.2rem;
    text-align: center;
}


/* .sticky_notes_del_pop_align {
padding: 0.5rem;
background: #184e6e;
color: white;
font-weight: 600;
} */


/* .bootbox>.modal-dialog>.modal-content>.modal-body {
padding: 0.5rem;
background: #184e6e;
color: white;
font-weight: 600;
} */

.bootbox .modal-header h4 {
    float: none;
}

.bootbox .modal-header .close {
    position: absolute;
    right: 15px;
}

.bootbox>.modal-dialog>.modal-content>.modal-header {
    padding: 0.5rem;
    background: #184e6e;
    color: white;
    font-weight: 600;
}

.bootbox>.modal-dialog>.modal-content>.modal-header>.modal-title {
    font-size: 1rem;
}

.label_value {
    font-weight: 400 !important;
}

.bootbox>.modal-dialog>.modal-content>.modal-body>.bootbox-close-button {
    margin-top: -5px !important;
    color: red;
}

.bootbox>.modal-dialog>.modal-content>.modal-body>.bootbox-close-button:hover {
    color: red;
}

.modal-footer {
    padding: 0.25rem;
}

.modal>.modal-dialog>.modal-content>.modal-header {
    padding: 0.5rem;
    background: #184e6e;
    color: white;
    font-weight: 600;
}

.modal>.modal-dialog>.modal-content>.modal-header>.close {
    margin-top: -5px !important;
    color: white;
}

.modal>.modal-dialog>.modal-content>.modal-header>.close:hover {
    color: white;
}


/* .sticky_notes_del_pop_close {
margin-top: -5px !important;
color: red;
}

.sticky_notes_del_pop_close:hover {
color: red;
} */

.input-group {
    position: relative;
    /* display: table; */
    border-collapse: separate;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-addon {
    padding: 6px 12px;
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* line-height: 1; */
    /* color: #555; */
    /* text-align: center; */
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon,
.input-group-btn {
    /* width: 1%; */
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.d-table {
    display: table !important;
}

.sender_mail_align {
    display: table !important;
    background: #ffffff !important;
    border: 2px solid #ffc168 !important;
    /* float: left; */
}

.direct-chat-text::after {
    border-right-color: #ffc168;
}

.conversation_content {
    font-weight: 600;
}

.receiver_mail_align {
    display: table !important;
    background: #ffffff !important;
    border: 2px solid #fc7993 !important;
    float: right;
    margin-right: 1rem !important;
}

.right .direct-chat-text::after,
.right .direct-chat-text::before {
    border-left-color: #fc7993;
}

.receiver_mail_align1 {
    display: table !important;
    background: #ffffff !important;
    border: 2px solid #6293ff !important;
    float: right;
    margin-right: 1rem !important;
}

.receiver_mail_align1 {
    display: table !important;
    background: #ffffff !important;
    border: 2px solid #6293ff !important;
    float: right;
    margin-right: 1rem !important;
}

.right .direct-chat-text1::after,
.right .direct-chat-text1::before {
    border-left-color: #6293ff !important;
}

.receiver_mail_align2 {
    display: table !important;
    background: #ffffff !important;
    border: 2px solid #a4c86c !important;
    float: right;
    margin-right: 1rem !important;
}

.right .direct-chat-text2::after,
.right .direct-chat-text2::before {
    border-left-color: #a4c86c;
}

.direct-chat-text::after,
.direct-chat-text::before {
    top: 10px;
}

.direct-chat-text::after,
.direct-chat-text::before {
    border-width: 10px;
}

.direct-chat-timestamp {
    font-size: 0.75rem;
}


/* Toggle */

.onoffswitch_settings {
    position: relative;
    width: 68px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch_settings-checkbox {
    display: none;
}

.onoffswitch_settings-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #CED4DA;
    border-radius: 15px;
}

.onoffswitch_settings-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch_settings-inner:before,
.onoffswitch_settings-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch_settings-inner:before {
    content: "NO";
    padding-left: 10px;
    background-color: #fff;
    color: #91c251;
}

.onoffswitch_settings-inner:after {
    content: "YES";
    padding-right: 10px;
    background: #184e6e;
    color: #fff;
    text-align: right;
}

.onoffswitch_settings-switch {
    display: block;
    width: 22px;
    height: 22px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    border: 2px solid #CED4DA;
    border-radius: 15px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch_settings-checkbox:checked+.onoffswitch_settings-label .onoffswitch_settings-inner {
    margin-left: 0;
}

.lpadd0 {
    padding-left: 0px;
}

.onoffswitch_settings-checkbox:checked+.onoffswitch_settings-label .onoffswitch_settings-switch {
    right: 0px;
}

.attachment_mail_documents {
    display: none;
}

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

.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip1:hover .tooltiptext1 {
    visibility: visible;
}

.tooltip1-right {
    top: -5px;
    left: 125%;
}


/* login */

.navbar-menus {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 0;
    max-width: 100%;
    padding-bottom: 0px;
}

.navbar-menus .nav-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    color: #001737;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tmargin5pg {
    margin-top: 5%;
}

.ymargin5pg {
    margin-top: 15%;
    margin-bottom: 10%;
}

.ymargin2pg {
    margin-top: 2%;
    margin-bottom: 2%;
}


/* Tracking */

ol.progtrckr {
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
    list-style: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%;
}

ol.progtrckr[data-progtrckr-steps="2"] li>.assignment_status_align {
    width: 90%;
}

ol.progtrckr[data-progtrckr-steps="2"] li>.assignment_track_bottom_date {
    margin-right: 51%;
}

ol.progtrckr[data-progtrckr-steps="2"] li>.assignment_track_top_date {
    margin-right: 51%;
}

ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 32%;
}

ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_status_align {
    width: 90%;
}

ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_bottom_date {
    margin-right: 48%;
}

ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_top_date {
    margin-right: 48%;
}

ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 23%;
}

ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_status_align {
    width: 90%;
}

ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_bottom_date {
    margin-right: 46%;
}

ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_top_date {
    margin-right: 46%;
}

ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%;
}

ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_status_align {
    width: 90%;
}

ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_track_top_date {
    margin-right: 45%;
}

ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%;
}

ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%;
}

ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%;
}

ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%;
}

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #ffc168;
    position: relative;
}


/* center Date */


/* incomplete-job */

.progtrckr-done>.assignment_track_bottom_date {
    bottom: -25px !important;
    margin-right: 45%;
    font-weight: 600;
}

.progtrckr-done>.assignment_track_top_date {
    bottom: -25px !important;
    margin-right: 45%;
    font-weight: 600;
    top: 35px !important;
}

ol.progtrckr li.progtrckr-completed {
    color: black;
    border-bottom: 4px solid #184e6e;
    position: relative;
}


/* Incomplete Job */


/* complete-job */

.progtrckr-completed>.assignment_track_bottom_date {
    bottom: -25px !important;
    margin-right: 45%;
    font-weight: 600;
}

.progtrckr-completed>.assignment_track_top_date {
    bottom: -25px !important;
    margin-right: 40%;
    font-weight: 600;
    top: 35px !important;
}

ol.progtrckr li.progtrckr-completed {
    color: black;
    border-bottom: 4px solid #184e6e;
    position: relative;
}

ol.progtrckr li.progtrckr-completed {
    color: black;
    border-bottom: 4px solid #184e6e;
    position: relative;
}


/* complete job */


/* center Date */

ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
    position: relative;
}

.assignment_track_bottom_date {
    bottom: -37px !important;
    margin-right: -8%;
    font-weight: 400;
    right: 0 !important;
    font-size: 0.6rem !important;
}

.assignment_track_top_date {
    top: 20px !important;
    margin-right: -8%;
    font-weight: 400;
    right: 0 !important;
    font-size: 0.6rem !important;
}

ol.progtrckr li span {
    position: absolute;
    bottom: 5px;
    line-height: normal;
    /* right: 40%; */
    font-size: 0.75rem;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: right;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
    /* content: "\2713"; */
    color: white;
    background-color: #ffc168;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
    left: 5px;
}

ol.progtrckr li.progtrckr-completed:before {
    /* content: "\2713"; */
    color: white;
    background-color: #184e6e;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
    left: 5px;
}

ol.progtrckr li.progtrckr-todo:before {
    color: white;
    background-color: silver;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
    left: 5px;
}

ol.progtrckr li.reject-level {
    color: #b50000 !important;
    border-bottom: 4px solid #b50000 !important;
    position: relative !important;
}

ol.progtrckr li.reject-level:before {
    /*content: "\2715" !important;*/
    background-color: #b50000 !important;
    height: 1em !important;
    width: 1em !important;
    line-height: 1em !important;
    border: none !important;
    border-radius: 2.2em !important;
}


/* end Tracking */

ol.progtrckr li.one:before {
    content: "1";
}

ol.progtrckr li.two:before {
    content: "2";
}

ol.progtrckr li.three:before {
    content: "3";
}

ol.progtrckr li.four:before {
    content: "4";
}

ol.progtrckr li.five:before {
    content: "5";
}

ol.progtrckr li.six:before {
    content: "6";
}

.bottom_m20 {
    bottom: -20px !important;
}

.bottom_m35 {
    bottom: -35px !important;
}

.bottom_assignment_status_align {
    bottom: -40px !important;
}


/* end Tracking */

.ontime_submission_icon_align {
    color: #69ba56;
    font-weight: 600;
    margin-top: 2px;
}

.delayed_icon_align {
    color: #dc3545;
    margin-top: 2px;
    font-weight: 600;
}

.assignment_status_align {
    /* width: 80%; */
    width: 99%;
    text-align: center;
    justify-content: center;
}

.cookie_div_align .cookie_border_align {
    width: 100%;
    position: fixed;
    background: #ffffff !important;
    left: 0;
    bottom: 0;
    border-top: 4px solid #184e6e;
    height: auto;
    font-size: 0.85rem;
    font-weight: bold;
    z-index: 30;
}

.cookie_div_align .cookie_border_align .cookieContent {
    width: 80%;
    margin: auto;
    padding: 10px 0px 5px 0px;
    display: flex;
    z-index: 11;
}

.cookie_border_align {
    position: relative;
    line-height: 2em;
    overflow: hidden;
}

.cookie_content {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
    z-index: 30;
}

.cookie_div_align {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
    z-index: 30;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 11;
}

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

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.footer_txt_align {
    color: #184e6e;
}

.copy_right_align {
    font-size: 0.8rem;
}


/*                                 
.content-wrapper {
padding-bottom: 15px;
} */

.nav-sidebar .nav-item>.nav-link {
    color: #184e6e;
}

.main-footer {
    margin-left: 0px;
}

.main-footer_btn {
    margin-left: 0px;
}

.main-footer {
    padding: 0.5rem;
    text-align: center;
    box-shadow: 0px 0px 5px -1px #7474747d;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 2.5rem;
    z-index: 10;
}

.main-footer_btn {
    padding: 0.25rem;
    text-align: center;
    box-shadow: 0px 0px 5px -1px #7474747d;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 2.5rem;
    z-index: 10;
}


/* .main-footer {
                position: fixed;
                bottom: 0;
                width: 100%;
                box-shadow: 0px 0px 5px -1px #7474747d;
                text-align: center;
                z-index: 3;
            } */


/*Loader1*/

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    background-image: url("../images/Assets/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}


/*Loader*/

.loader_input {
    margin-top: 100px;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 20px;
    outline: none;
    font-weight: 600;
    border: none;
    color: #333;
    min-width: 200px;
    background-color: red;
    box-shadow: 0 2px 0 #c1c1c1;
}


/**/


/*guide*/

.clear {
    clear: both;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 400%;
    background: rgba(0, 0, 0, .8);
    z-index: 5;
}

.overlay-relative {
    position: relative;
    z-index: 7;
}

.helper {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    background: #FFF;
    border-radius: 4px;
    z-index: 6;
}


/* check_Toggle */

.checkall_settings {
    position: relative;
    width: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkall_settings-checkbox {
    display: none;
}

.checkall_settings-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #CED4DA;
    border-radius: 15px;
}

.checkall_settings-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.checkall_settings-inner:before,
.checkall_settings-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.checkall_settings-inner:before {
    /* content: "Uncheck all"; */
    content: "Check all";
    padding-left: 20px;
    /* background-color: #fff;
                color: #91c251; */
    background: #184e6e;
    color: #fff;
}

.checkall_settings-inner:after {
    content: "Uncheck all";
    padding-right: 10px;
    background-color: #fff;
    color: #91c251;
    text-align: right;
}

.checkall_settings-switch {
    display: block;
    width: 22px;
    height: 22px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 91px;
    border: 2px solid #CED4DA;
    border-radius: 15px;
    transition: all 0.3s ease-in 0s;
}

.checkall_settings-checkbox:checked+.checkall_settings-label .checkall_settings-inner {
    margin-left: 0;
}

.lpadd0 {
    padding-left: 0px;
}

.checkall_settings-checkbox:checked+.checkall_settings-label .checkall_settings-switch {
    right: 0px;
}


/*check_all_toggle*/

.modal-dialog {
    max-width: 50%;
    /* width: 50%; */
}

.bootbox>.modal-dialog {
    max-width: 40%;
    width: 40%;
}

.modal-header .close {
    padding: 0rem;
    margin: 0rem 1rem 0rem auto;
}


/* .main-header {
                display: flex;
                flex-wrap: wrap;
                height: 3.5rem;
                top: 0;
                z-index: 10;
            } */


/* Scroll */

.overflow_xy_hidden {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.os-content {
    padding: 0px 0px 0px 8px !important;
    overflow-y: scroll;
    padding-right: 0.5%;
    margin-bottom: 0px;
    overflow: auto;
    cursor: pointer;
    max-height: calc(100vh - 8rem);
    overflow-x: hidden;
}

.main_body_scroll {
    overflow-y: scroll;
    padding-right: 0.5%;
    overflow: auto;
    /* cursor: pointer; */
    max-height: calc(100vh - 7rem);
    overflow-x: hidden;
    padding-bottom: 20px !important;
    min-height: calc(100vh - 12rem);
    /* z-index: 999999, */
}

.overflow_xy_hidden {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.main_body_scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 8px;
    border: 1px solid #495051;
}

.main_body_scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #495051;
}

.main_body_scroll::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border: 1px solid #495051;
}

.main_body_scroll::-webkit-scrollbar-thumb {
    background: #184e6e;
    border-radius: 16px;
}

.main_body_scroll::-webkit-scrollbar-thumb:hover {
    background: #184e6e;
}

.main_body_scroll::-webkit-scrollbar-button {
    display: none
}

.popup_body_scroll {
    overflow-y: scroll;
    overflow: auto;
    cursor: pointer;
    max-height: calc(100vh - 13rem);
    overflow-x: hidden;
    padding-bottom: 10px !important;
}

.popup_body_scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 8px;
    border: 1px solid #495051;
}

.popup_body_scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #495051;
}

.popup_body_scroll::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border: 1px solid #495051;
}

.popup_body_scroll::-webkit-scrollbar-thumb {
    background: #184e6e;
    border-radius: 16px;
}

.popup_body_scroll::-webkit-scrollbar-thumb:hover {
    background: #184e6e;
}

.popup_body_scroll::-webkit-scrollbar-button {
    display: none
}


.schedule_scroll_dates {
    overflow-y: scroll;
    overflow: auto;
    cursor: pointer;
    max-height: 50vh;
    overflow-x: hidden;
    padding-bottom: 10px !important;
}

.schedule_scroll_dates::-webkit-scrollbar {
    background-color: #fff;
    width: 8px;
    border: 1px solid #495051;
}

.schedule_scroll_dates::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #495051;
}

.schedule_scroll_dates::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border: 1px solid #495051;
}

.schedule_scroll_dates::-webkit-scrollbar-thumb {
    background: #184e6e;
    border-radius: 16px;
}

.schedule_scroll_dates::-webkit-scrollbar-thumb:hover {
    background: #184e6e;
}

.schedule_scroll_dates::-webkit-scrollbar-button {
    display: none
}


/* Scroll_end */

.font_index_icons {
    font-size: 2em;
}

.batch-i {
    color: #28A745;
}

.widget_count_fa {
    font-size: 1.5rem;
}

.batch-i-invoice {
    color: #FDA006;
}

.theme_blue {
    color: #6293ff;
}

.theme_yellow {
    color: #ffc168;
}

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

.main_header {
    justify-content: flex-end;
    display: flex;
}

.logos1 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.main_body_scroll>.row {
    margin-top: 0.5%;
}

.content-wrapper {
    background: #f4f6f905;
}

.labelText {
    font-weight: 400 !important;
}

.batch_details_table_border_head_mid {
    border: 1px solid #dddddd;
    border-right: 0;
}

.batch_details_table_border_head_last {
    border: 1px solid #dddddd;
}

.batch_details_table_border_expand_collase_left_border {
    border-left: 1px solid #dddddd;
}

.batch_details_table_head_border_bottom {
    border-bottom: 3px solid #65b9569c;
}

.indays {
    margin: auto;
    font-size: 0.8rem;
}

.bg_color_light_green {
    background-color: #88c05226;
}

.reminder_method_ctrl {
    display: none;
}

.select2-container {
    width: auto;
}

.book_details_icons_align {
    float: right;
    text-align: end;
}

.dropdown-toggle_action::after {
    display: none;
}

.label_value_green {
    color: #77bd55f2;
}


/* star_rating */

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.5em;
    justify-content: space-around;
    padding: 0 .2em;
    text-align: center;
    width: 7em;
}

.star {
    font-size: 1.5rem;
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: #ccc;
    cursor: pointer;
}

.star-rating :checked~label {
    color: #184e6e;
}

.star-rating label:hover,
.star-rating label:hover~label {
    color: black;
}

.progress-bar {
    /* background-color: #184e6e00 !important; */
    font-weight: 500;
    /* color: #184e6e; */
}

.progress {
    border: 1px solid #ee7d00fa;
}

.profile_input_label_model_align {
    font-size: 0.55rem;
}

.project_view_p_modal_align {
    font-size: 0.6rem;
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.padd_1pg {
    padding: 1% 1% 1% 1% !important;
}

.form-control_radio {
    /* background-color: #fff;
    border: 1px solid #ced4da; */
}

.form_control_icon_text {
    width: 100%;
    padding: 5px;
    outline: none;
    border: 1px solid #cfcfcf;
}

.form_control_help_icon {
    padding: 8px;
    background: white;
    min-width: 40px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-left: 0;
    color: #606060;
    margin-left: -5px;
    border-radius: 0px 5px 5px 0px;
    z-index: 1;
}

.card_upload_icon_align {
    font-size: 39px;
    color: #495051;
}

.card_upload_content_align {
    color: #666;
    font-size: 1rem;
    font-weight: 500;
}

.card_upload_value_align {
    color: #666;
    font-weight: 600;
}

.upload_docs_table_align {
    border: 2px dashed #91b0b3;
    border-radius: 10px;
    padding: 0% 0.2% 0% 0%;
}

.dataTables_paginate .paging_simple_numbers {
    font-size: 0.9rem;
}

.fnt_sze_0_9rem {
    font-size: 0.9rem;
}

.fnt_sze_1rem {
    font-size: 1rem;
}

.solution_list_filter {
    display: none;
}

.progress_added_into_varafy_align {
    background-color: #795548;
}

.progress_qc_completed_align {
    background-color: #2B9348;
}

.Progress_solution_upload_align {
    background-color: #014F86;
}

.Progress_solution_upload_align {
    background-color: #014F86;
}


/* timeline */

.batch_timeline {
    list-style-type: none;
    display: flex;
    width: 100%;
    margin: 0 auto;
    transform: skew( -15deg);
    padding: 1%;
}

.batch_timeline li {
    box-sizing: border-box;
    float: left;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    padding: 3px 12px 9px 15px;
    position: relative;
    margin-left: 10px;
    border: 1px solid #184e6e;
    transform: skew( -12deg);
    height: 20px;
}


/* 
.batch_timeline li:before {
content: '';
position: absolute;
border: 25px solid transparent;
border-left-color: #fff;
top: 0px;
right: -60px;
}

.batch_timeline li:after {
content: '';
position: absolute;
border: 25px solid transparent;
border-left-color: #ddd;
top: 0px;
right: -50px;
} */

.batch_timeline li:nth-child(1) {
    z-index: 600;
    margin-left: 0;
    /* padding-left: 30px */
}

.batch_timeline li:nth-child(2) {
    z-index: 500;
}

.batch_timeline li:nth-child(3) {
    z-index: 400;
}

.batch_timeline li:nth-child(4) {
    z-index: 300;
}

.batch_timeline li:nth-child(5) {
    z-index: 100;
    /* padding-right: 30px */
}


/* 
.batch_timeline li:nth-child(5):after,
.batch_timeline li:nth-child(5):before {
border: none
} */

.y_margin15 {
    margin-top: 15px;
    margin-bottom: 15px;
}


/* 
.batch_timeline li.current:after {
border-left-color: #91c251;
} */

.batch_timeline li.solution_yet_to_upload {
    background: #ffc107;
    color: #495051;
    width: 30%;
    margin: 0 auto;
}

.batch_timeline li.solution_error {
    background: #f44336;
    color: #fff;
    width: 30%;
    margin: 0 auto;
}

.batch_timeline li.solution_scanned {
    background: #80B918;
    color: white;
}

.batch_timeline li.solution_upload {
    background: #014F86;
    color: white;
}

.batch_timeline li.solution_added_varafy {
    background: #795548;
    color: white;
}

.batch_timeline li.QC_completed {
    background: #2B9348;
    color: white;
}

.solution_yet_to_upload_flag {
    color: #ffc107;
}

.solution_upload_flag {
    color: #014F86;
}

.solution_scanned__flag {
    color: #80B918;
}

.added_varafy_flag {
    color: #F72585;
}

.qc_completed_flag {
    color: #2B9348;
}

.error_flag {
    color: #f44336;
}

.review_flag {
    color: #184e6e;
}

.badge {
    /* padding: 0px;
font-size: 100%; */
}


/* 
.batch_timeline li.complete:after {
border-left-color: #91c251;
} */


/* new table */

#solution_list tbody td {
    /* width: 20%; */
    cursor: pointer;
}

.full_width {
    width: 100%;
}

.reduce_width1s {
    width: 20%;
}

tr>.sorting_1 {
    width: 20%;
}

.trigger_activation {
    cursor: pointer;
    ;
}

.activation>.active_icon {
    color: #184e6e;
}

.Question_div {
    display: none;
}

.overflow_text {
    width: 75%;
    overflow: hidden;
    display: inline-block;
    /* text-align: center; */
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.brd_color_ced4da {
    border: 1px solid #ced4da;
}

.upload_list_icon_action {
    font-size: 0.9rem;
    cursor: pointer;
    transition: transform .2s;
}

.upload_list_icon_action:hover {
    transform: scale(1.2);
}

.course_upload_list_data {
    background-color: ghostwhite;
    position: absolute;
    width: 96%;
    top: 50px;
    border-radius: 0.5rem;
    border: 1px solid #92b0b3;
    z-index: 12;
}

.course_upload_status_error {
    border: 1px solid #f44336;
    padding: 2px 4px;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 5px 0px;
}

.status_error_icon_color {
    color: #f44336;
}

.course_upload_status_success {
    border: 1px solid #4caf50;
    padding: 2px 4px;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 5px 0px;
}

.status_success_icon_color {
    color: #4caf50;
}

.course_upload_status_process {
    border: 1px solid #303f9f;
    padding: 2px 4px;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 5px 0px;
}

.status_process_icon_color {
    color: #303f9f;
}

.course_upload_list {
    padding: 0.5%;
    /* margin: 1%; */
    width: 100%;
}

.course_upload_status_list_time {
    color: #184e6ed1;
    font-weight: 500;
    font-size: 0.8rem;
}

.upload_docs_status_scroll {
    overflow-y: scroll;
    padding-right: 0.5%;
    overflow: auto;
    overflow-x: hidden;
    height: 230px;
    max-height: 230px;
}

.upload_docs_status_scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 5px;
    border: 1px solid #184e6e;
}

.upload_docs_status_scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #184e6e;
}

.upload_docs_status_scroll::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border: 1px solid #184e6e;
}

.upload_docs_status_scroll::-webkit-scrollbar-thumb {
    background: #184e6e;
    border-radius: 16px;
}

.upload_docs_status_scroll::-webkit-scrollbar-thumb:hover {
    background: #184e6e;
}

.upload_docs_status_scroll::-webkit-scrollbar-button {
    display: none
}

.upload_docs_status_sub_ul_scroll {
    overflow-y: scroll;
    padding-right: 0.5%;
    overflow: auto;
    overflow-x: hidden;
    height: 100px;
    max-height: 100px;
}

.upload_docs_status_sub_ul_scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 5px;
    border: 1px solid #184e6e;
}

.upload_docs_status_sub_ul_scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #184e6e;
}

.upload_docs_status_sub_ul_scroll::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border: 1px solid #184e6e;
}

.upload_docs_status_sub_ul_scroll::-webkit-scrollbar-thumb {
    background: #184e6e;
    border-radius: 16px;
}

.upload_docs_status_sub_ul_scroll::-webkit-scrollbar-thumb:hover {
    background: #184e6e;
}

.upload_docs_status_sub_ul_scroll::-webkit-scrollbar-button {
    display: none
}

.course_upload_list_data {
    display: none;
}

.upload_file_range_txt {
    font-size: 0.8rem;
}

.upload_scanning_file_align {
    text-align: end;
    right: 2%;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.scanning_count_lbl {
    font-size: 0.8rem;
    font-weight: 550;
}

.solution_list_pre_scan_status {
    font-weight: 550;
    font-size: 0.8rem;
    text-align: right;
}

#upload_document_monitor {
    /* margin: auto; */
    float: right;
    position: relative;
    width: 65px;
    height: 65px;
    border: 1px solid #184e6e;
    border-radius: 0.25rem;
}

.upload_result_text {
    font-size: 0.9rem;
    font-weight: 600;
}

.upload_status_success {
    font-size: 0.9rem;
    font-weight: 600;
    color: #4caf50;
}

.upload_status_pending {
    font-size: 0.9rem;
    font-weight: 600;
    color: #303f9f;
}

.upload_status_error {
    font-size: 0.9rem;
    font-weight: 600;
    color: #f44336;
}

#upload_document_monitor .screen {
    margin: auto;
    margin-top: 5px;
    width: 60px;
    height: 60px;
    background-image: url('../../images/Icons/document_scanning.png');
    background-size: cover;
    /* background-color: rgba(0, 0, 0, .2); */
}

#upload_document_monitor .scan {
    width: 100%;
    height: 1.5px;
    background-color: red;
    position: absolute;
    z-index: 5;
    -moz-animation: scan 5s infinite;
    -webkit-animation: scan 5s infinite;
    animation: scan 5s infinite;
    -webkit-animation-direction: alternate-reverse;
    box-shadow: 0px 0px 30px rgba(255, 204, 102, .5);
}

@-webkit-keyframes scan {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(60px);
        transform: translateY(64px);
    }
}

.text_ingest {
    /* color: #100f10;
font-size: 2rem; */
    position: relative;
    /* text-transform: uppercase;
-webkit-text-stroke: 0.3vw #f7f7fe; */
}

.text_ingest::before {
    /* top: 0;
left: 0;
width: 0; */
    height: 100%;
    color: #80B918;
    overflow: hidden;
    position: absolute;
    content: attr(data-text);
    border-right: 3px solid blue;
    -webkit-text-stroke: 0vw #f7f7fe;
    animation: animate 6s linear infinite;
}

.text_scan {
    /* color: #100f10;
font-size: 2rem; */
    position: relative;
    /* text-transform: uppercase;
-webkit-text-stroke: 0.3vw #f7f7fe; */
}

.text_scan::before {
    /* top: 0;
left: 0;
width: 0; */
    height: 100%;
    color: #80B918;
    overflow: hidden;
    position: absolute;
    content: attr(data-text);
    border-right: 3px solid red;
    -webkit-text-stroke: 0vw #f7f7fe;
    animation: animate 6s linear infinite;
}

@keyframes animate {
    0%,
    10%,
    100% {
        width: 0;
    }
    70%,
    90% {
        width: 100%;
    }
}

.sol_status_content_align {
    font-size: 0.9rem;
    font-weight: 500;
}


/* new table */

.badge-dark {
    color: #fff;
    background-color: #495051;
}

.status_list_rows_count {
    cursor: pointer;
    transition: transform .2s;
}

.status_list_rows_count:hover {
    transform: scale(1.1);
}

.status_list_rows_count_popup {
    padding: 0px;
    /* border: 1px solid #495051;
border-radius: 0.15rem; */
    margin: 5px 0px;
}

.search_icon_status_list {
    background-color: #e9ecef;
    border: 1px solid #d3d8df;
    line-height: 1;
}

.status_list_rows_count_popup {
    display: none;
}

.mbl_btn_icon {
    display: none;
}

.mbl_btn_lbl {
    display: inline;
}

.active_deactive_toggle {
    position: relative;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.active_deactive_toggle-checkbox {
    display: none;
}

.active_deactive_toggle-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #CED4DA;
    border-radius: 15px;
}

.active_deactive_toggle-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.active_deactive_toggle-inner:before,
.active_deactive_toggle-inner:after {
    display: block;
    float: left;
    width: 96px;
    height: 25px;
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.active_deactive_toggle-inner:before {
    content: "Active";
    padding-left: 20px;
    background-color: #184e6e;
    color: #fff;
}

.active_deactive_toggle-inner:after {
    content: "Deactive";
    padding-right: 10px;
    background: #fff;
    color: #184e6e;
    text-align: right;
}

.active_deactive_toggle-switch {
    display: block;
    width: 22px;
    height: 22px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 70px;
    border: 2px solid #CED4DA;
    border-radius: 15px;
    transition: all 0.3s ease-in 0s;
}

.active_deactive_toggle-checkbox:checked+.active_deactive_toggle-label .active_deactive_toggle-inner {
    margin-left: 0;
}

.lpadd0 {
    padding-left: 0px;
}

.active_deactive_toggle-checkbox:checked+.active_deactive_toggle-label .active_deactive_toggle-switch {
    right: 0px;
}


/* .query_btns {
    display: none;
} */


/* pagination */

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

.pagination_new_tbl ul li {
    color: #184e6e;
    list-style: none;
    /* line-height: 2; */
    text-align: center;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
}

.jump_to_page_align {
    width: 55px;
    height: 30px;
    padding: 5px;
}

.pagination_new_tbl ul li.numb {
    border-radius: 5px;
    list-style: none;
    height: 1.8rem;
    width: 1.8rem;
    margin: 0 1px;
    line-height: 1.8rem;
}

.pagination_new_tbl ul li.numb.first {
    margin: 0px 3px 0 -5px;
}

.pagination_new_tbl ul li.numb.last {
    margin: 0px -5px 0 3px;
}

.pagination_new_tbl ul li.dots {
    /* font-size: 22px; */
    cursor: default;
}

.pagination_new_tbl ul li.btn {
    /* padding: 0 20px;
    border-radius: 50px; */
}

.pagination_new_tbl li.active,
.pagination_new_tbl ul li.numb:hover,
.pagination_new_tbl ul li:first-child:hover,
.pagination_new_tbl ul li:last-child:hover {
    color: #fff;
    background: #184e6e;
}


/* pagination */

.edit_align {
    color: #184e6e;
}

.profile_display_align {
    text-align: right;
    font-weight: 600;
    color: #495057;
}

.color_495057 {
    color: #495057;
}

.dropdown-toggle::after {
    text-align: right;
    font-weight: 600;
    color: #495057;
}

.preview_data_val {
    color: #184e6e;
    font-weight: 600;
}


.preview_authoring_details_align {
    display: none;
}

.preview_mcq_details_list {
    display: none;
}

.preview_info_title {
    color: #df5428;
    font-weight: 600;
    margin-top: 1%;
}

.add_choices_align {
    /* background-color: #184e6e1c;
    border: 1px solid #184e6e;
    border-style: dashed;
    border-radius: 0.25rem;
    cursor: pointer; */
}

.editor_main_head {
    border: 1px solid #184e6e;
    border-radius: 0.25rem;
    width: calc(100% - 15px);
}

.editor_main_title_align {
    color: #fff;
    justify-content: space-between;
    background-color: #184e6e;
    font-weight: 600;
    display: flex;
    align-items: center;
    vertical-align: middle;
    padding: 5px;
    border-radius: 0.25rem 0.25rem 0rem;
}

.bpadd1pg {
    padding-bottom: 1%;
}

.max_width_100pg-5 {
    /* max-width: calc(100% - 5px); */
}

.editor_options_delete {
    /* position: absolute;
    justify-content: flex-end; */
    margin-left: 5px;
}

.margin_0 {
    margin: 0px;
}

.editor_options_delete_icon_align {
    border: 1px solid #184e6e;
    height: 30px;
    text-align: center;
    font-size: 18px;
    width: 30px;
    background-color: white;
    border-radius: 0.25rem;
    cursor: pointer;
}

.question_align {
    /* padding: 1%; */
}

.mcq_add_choices {
    /* /* margin-top: 1%;* */
    margin-bottom: 0.5%;
    padding-left: 0px;
    align-items: center;
}

.questions_choice_align {
    border: 1px solid #184e6e;
    border-radius: 0.25rem;
    padding: 0.5%;
    background-color: #184e6e0d;
    /* margin-left: -1%;
    margin-right: 1%; */
}

.rational_choice_align {
    border: 1px solid gray;
    border-radius: 0.25rem;
    padding: 0.5%;
    max-width: 49%;
    margin-left: 0.5%;
    background-color: #8080800a;
}

.bpadd0_5pg {
    padding-bottom: 0.5%;
}

.y-padd0_5pg {
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.max_min_window {
    cursor: pointer;
}

.lpadd10 {
    padding-left: 10px;
}


/* image_new */


/* 
.panel {
    margin: 100px auto 40px;
    max-width: 500px;
    text-align: center;
} */

.button_outer {
    background: #83ccd3;
    border-radius: 30px;
    text-align: center;
    height: 50px;
    width: 200px;
    display: inline-block;
    /* transition: .2s; */
    position: relative;
    overflow: hidden;
}

.btn_upload {
    /* padding: 17px 30px 12px;
    color: #fff;
    text-align: center;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 3;
    white-space: nowrap; */
}

.btn_upload input {
    position: absolute;
    /* width: 100%;
    left: 0;
    top: 0;
    width: 100%;
    height: 105%; */
    cursor: pointer;
    opacity: 0;
    width: 18px;
    height: 15px;
}

.file_uploading {
    width: 100%;
    height: 10px;
    margin-top: 20px;
    background: #ccc;
}

.file_uploading .btn_upload {
    display: none;
}

.processing_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 30px;
    background: #83ccd3;
    /* transition: 1s; */
}

.file_uploading .processing_bar {
    width: 100%;
}

.success_box {
    display: none;
    width: 50px;
    height: 50px;
    position: relative;
}

.success_box:before {
    content: '';
    display: block;
    width: 9px;
    height: 18px;
    border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 17px;
    top: 10px;
}

.file_uploaded .success_box {
    display: inline-block;
}

.file_uploaded {
    margin-top: 0;
    width: 50px;
    background: #83ccd3;
    height: 50px;
}

.uploaded_file_view {
    max-width: 100px;
    margin: 0px auto;
    text-align: center;
    position: relative;
    /* transition: .2s; */
    opacity: 0;
    /* border: 2px solid #ddd; */
    padding: 15px;
}

.file_remove {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background: #aaa;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    right: -15px;
    top: -15px;
}

.file_remove:hover {
    background: #222;
    /* transition: .2s; */
}

.uploaded_file_view img {
    max-width: 100%;
}

.uploaded_file_view.show {
    opacity: 1;
}

.error_msg {
    text-align: center;
    color: #f00
}


/* table_new */

#rowButton {
    background-color: red;
    width: 200px;
    margin-left: 40px;
    border-radius: 5px;
    border-color: #fff;
    border-width: 1px;
}

#columnButton {
    background-color: red;
    width: 200px;
    border-radius: 5px;
    border-color: #fff;
    border-width: 1px;
}


/* editable_new */

form.is-readonly .btn-save {
    display: none;
}

form.is-editing .btn-edit {
    display: none;
}

.append_img_align {
    cursor: pointer;
}

.question_img_align {
    display: none;
    border: 2px solid #ddd;
}


/* 
.textarea_img_tbl+.note-editor>.note-toolbar {
    position: fixed;
    top: 26%;
    right: 20%;
}

.textarea_img_tbl_rationale+.note-editor>.note-toolbar {
    position: fixed;
    top: 26%;
    right: 20%;
}

.textarea_img_tbl_options+.note-editor>.note-toolbar {
    position: fixed;
    top: 26%;
    right: 20%;
} */

.note-statusbar {
    display: none;
}


/* 
.textarea_img_tbl+.note-editor>.note-toolbar {
    display: none;
}

.textarea_img_tbl_options+.note-editor>.note-toolbar {
    display: none;
}

.textarea_img_tbl_rationale+.note-editor>.note-toolbar {
    display: none;
}

.textarea+.note-editor>.note-toolbar {
    display: none;
} */

.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder {
    padding: 5px !important;
}

textarea+.card {
    margin: 0px;
}

.Q_icons {
    font-weight: 600;
    font-size: 24px;
}

.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
    padding: 5px !important;
}

.card-block>p {
    margin-bottom: 0rem;
}

.lpadd20 {
    padding-left: 20px 5px 5px 5px;
}


/* tao */

.btn_tao {
    width: 70px;
    height: 70px;
    margin: 20px;
    outline: none;
    border: none;
    background: #d6d6d6;
    box-shadow: 5px 5px 10px #b6a9a9, -5px -5px 10px #ffffff;
    border-radius: 50%;
    transition: 0.2;
}

.btn_tao:hover {
    cursor: pointer;
    animation-name: pulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(1.21);
    }
    to {
        transform: scale(1);
    }
}

.wh60 {
    /* width: 60px; */
    height: 70px;
}

.items_sidebar {
    background-color: #f3f1ef;
    border: 1px solid #ddd;
}

.add_files_items_align {
    background-color: #f3f1ef;
    border: 1px solid #ddd;
}

.main_items_ul {
    background-color: #fff;
    border: 1px solid #ddd;
    min-height: 40vh;
    width: 100%;
    padding-left: 0px !important;
}

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

.sub2_items_ul {
    padding-left: 20px !important;
}

.border_gray {
    border: 1px solid gray;
}

.sub_items_ul {
    display: none;
}

.sub2_items_ul {
    display: none;
}

.editor_properties {
    display: none;
}

.general_properties {
    display: none;
}

.interaction_properties {
    display: none;
}

.actions_button_auth {
    border: 1px solid gray;
    background-color: white;
    border-radius: 0.25rem;
    cursor: pointer;
}

.item_new_info {
    display: none;
}

.title_new_info {
    display: none;
}

.actions_button_addmcq {
    display: none;
}

.actions_button_auth_title {
    font-weight: 600;
font-size: 11px;
text-align: center;
}

.month_div_align{
    display: none;
}
.time_div_align{
    display: none;
}
.manage_action_align{
    /* display: none; */
}
.actions_button_auth_icon {
    color: #184e6e;
    font-size: 1.5rem;
    font-weight: 600;
}

.accordtion_inline_heading_align {
    color: #184e6e;
}

.accordtion_inline_lbl_align {
    font-weight: 600;
}

.interaction_properties {
    /* display: none; */
}


/* 
.options_width_align_modified {
    max-width: calc(100% - 30px);
} */

.max_width30 {
    max-width: 30px;
}

.width__4pg {
    max-width: 4.5%;
    width: 4.5%;
}

.width__96pg {
    max-width: 95.5%;
    width: 95.5%;
}

.width__5pg {
    max-width: 5%;
    width: 5%;
}

.width__95pg {
    max-width: 95%;
    width: 95%;
}

.main_box_align {
    display: none;
}

.main_box_align_home {
    display: block;
}

.tbl_authoring_details_align {
    padding: 0px;
}

.main-footer_btn {
    display: none;
}

.navbar-expand {
    display: flex;
    align-items: center;
    justify-content: center
}


/* sorting */

.child_sort_text_filter {
    display: none;
}

.child_sort_text_filter {
    padding-left: 1rem;
}

.manual_select_sort_scroll {
    padding-left: 1rem;
}

.toggle_child_sort {
    cursor: pointer;
}

.custom_fliters_drill_align {
    background-color: #ddd;
    border-radius: 0.25rem;
}

.entire_filters_aligns {
    display: none;
}

.err_flag_align {
    padding-left: 40%;
    color: #f39833;
}

.addnew_btn_tbl_header_align {
    background-color: #495051;
    color: white;
    display: flex;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.sorting_new_tbl_align {
    position: absolute;
    display: flex;
    padding: 0.5%;
    border-radius: 0.25rem;
    background-color: white;
    z-index: 1;
    margin-top: 10px;
    margin-left: -20px;
    box-shadow: 1px 0px 5px 1px #7474747d !important;
}

.sorting_new_tbl_align {
    display: none;
}

.addnew_btn_tbl_header_align:hover {
    background-color: white;
    color: #495051;
    border: 1px solid #495051;
}

.manual_select_sort_scroll {
    overflow-y: scroll;
    padding-right: 0.5%;
    overflow: auto;
    overflow-x: hidden;
    height: 130px;
    max-height: 130px;
}

.manual_select_sort_scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 5px;
    border: 1px solid #184e6e;
}

.manual_select_sort_scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #184e6e;
}

.manual_select_sort_scroll::-webkit-scrollbar-track:hover {
    background-color: #fff;
    border: 1px solid #184e6e;
}

.manual_select_sort_scroll::-webkit-scrollbar-thumb {
    background: #184e6e;
    border-radius: 16px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.details-control:first-child:before {
    display: none;
}

table {
    table-layout: fixed;
}

th,
td {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.default_width {
    width: 4vw !important;
}

.expand_width {
    width: 9vw !important;
}

.manual_select_sort_scroll::-webkit-scrollbar-thumb:hover {
    background: #184e6e;
}

.manual_select_sort_scroll::-webkit-scrollbar-button {
    display: none
}


/* New table */

.sorting_actions {
    /* position: fixed;
    float: right; */
    /* z-index: 1; */
}

#MCQ_tbl {
    white-space: nowrap;
}


/* guideline */

.transition,
.rules_p,
ul li i:before,
ul li i:after {
    transition: all 0.25s ease-in-out;
}


/* 
.flipIn,
.rules_h1,
ul li {
    animation: flipdown 0.5s ease both;
} */
.lpadd1_5rem{
    padding-left: 1.5rem;
}
.lpadd3rem{
    padding-left: 3rem;
}
.rules {
    width: 100%;
    height: 100%;
    min-height: 0;
    /* display: inline-block;
    position: relative; */
    /* box-shadow: 0 10px 0 0 #53565A inset; */
    border: 1px solid #53565A;
    /* background-color: #1a191a; */
    max-width: 75%;
    padding: 1%;
    margin: auto;
}

.no-select,
.rules_h4,
.rules_h6 {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.rules_h6,
.rules_h4 {
    color: #53565A;
}
.rules_h2{
    color: #EB6500;
}

.rules_h4_steps {
    color: #EB6500;
}
.txt_orange_instructor{
    color: #EB6500 !important;
}

.rules_h2 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    /* line-height: 42px; */
    letter-spacing: 3px;
  
}

.rules .rules_h6 {
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    /* display: block; */
    /* background-color: #fffff; */
    margin: 0;
    cursor: pointer;
}

.rules .rules_h4
 {
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    /* display: block; */
    /* background-color: #fffff; */
    margin: 0;
    cursor: pointer;
}

.rules_p {
    color: #53565A;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 1px;
    /* position: relative; */
    overflow: hidden;
    max-height: 1200px;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    /* z-index: 2; */
    text-align: justify;
}

.rules_ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

.rules .rules_ul .rules_li {
    position: relative;
    padding: 0;
    margin: 0;
    padding: 1% 0%;
    border-top: 1px solid #cf4f4f;
}

.rules .rules_ul .rules_li:nth-of-type(1) {
    animation-delay: 0.5s;
}

.rules .rules_ul .rules_li:nth-of-type(2) {
    animation-delay: 0.75s;
}

.rules .rules_ul .rules_li:nth-of-type(3) {
    animation-delay: 1s;
}

.rules .rules_ul .rules_li:last-of-type {
    padding-bottom: 0;
}

.rules .rules_ul .rules_li .rules_i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 0.5%;
    right: 0;
}

.rules .rules_ul .rules_li .rules_i:before,
.rules_ul .rules_li .rules_i:after {
    content: "";
    position: absolute;
    background-color: #cf4f4f;
    width: 3px;
    height: 9px;
}

.rules .rules_ul .rules_li .rules_i:before {
    transform: translate(-2px, 0) rotate(45deg);
}

.rules .rules_ul .rules_li .rules_i:after {
    transform: translate(2px, 0) rotate(-45deg);
}

.rules .rules_ul .rules_li .rules_checkbox {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
}

.rules .rules_ul .rules_li .rules_checkbox:checked~p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
}

.rules .rules_ul .rules_li .rules_checkbox:checked~i:before {
    transform: translate(2px, 0) rotate(45deg);
}

.rules .rules_ul .rules_li .rules_checkbox:checked~i:after {
    transform: translate(-2px, 0) rotate(-45deg);
}


/* 
@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
} */

.step_content {
    display: none;
}


/* profile_upload */

.padd_0pg_2pg {
    padding: 0% 2%;
}

.profile_details {
    width: 98%;
    margin: auto;
    padding: 2%;
    border:1px solid #ddd;
}

.profile_role {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.profile_name {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

.profile_avatar-upload {
    position: relative;
    margin: auto;
}

.profile_avatar-upload .profile_avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.profile_avatar-upload .profile_avatar-edit input {
    display: none;
}

.profile_avatar-upload .profile_avatar-edit input+label {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}

.profile_avatar-upload .profile_avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.profile_avatar-upload .profile_avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    justify-content: center;
    display: flex;
}

.profile_avatar-upload .profile_avatar-preview {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.profile_avatar-upload .profile_avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

*,
*:focus,
*:hover {
    outline: none;
}

.click_info {
    color: #184e6e;
    font-size: 14px;
}
/* .ck-editor__editable>dl, ol, ul{
    list-style:auto;
} */
.cke_bottom{
    display: none !important;
}
.managing_icons_mgnt{
    /* width: 60%; */
    /* border: 1px solid gray; */
    background-color: white;
    border-radius: 0.25rem;
    cursor: pointer;
    color: #184e6e;
    font-size: 1.5rem;
    font-weight: 600;
}
.manage_icon_title{
    font-weight: 600;
    font-size: 14px;
}
.schedule_active_icon{
    display: none;
}
.manage_action_align,.manage_action_export{
    border-radius: 0.25rem;
    
}
.theme_gray_color{
    color:#53565A;
}

.theme_orange_color{
    color:#EB6500;
}
/* drop down-with-checkbox */
::placeholder {
    color: #ada5a6;
    font-size: 0.9rem;
    
  }
  
    .dropdown-text-month{
        font-size: 0.8rem;
        padding: 5%;
        color: #545454;
    }
    .dropdown-text-week{
        font-size: 0.8rem;
        padding: 5%;
        color: #545454;
    }
    .chk_with_calendar_dropdown_align{
        height: calc(2.25rem + 2px);
        padding: .375rem .65rem;
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        box-shadow: inset 0 0 0 transparent;
        justify-content: space-between;
        display: flex;
        align-items: center;
    }
.chk_with_calendar_dropdown_align::after{
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 95%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    }
    .monthly{
        margin: 5% 0%;
    }
    .weekly{
        margin: 5% 0%;
    }
    .item_div_align{
        display: none;
    }
    .new_action_schedule_align{
        /* display: none; */
    }
    
    .chk_with_calendar_dropdown_option_align{
        /* max-height: 200px; */
        
        overflow-y: auto;
        overflow-x: hidden;
        list-style: none;
        margin: 0;
        padding: 5%;
        width: 100%;
    }
    .chk_with_calendar_dropdown_option_align>li{
        font-weight: 400;
    }
    .divider{
        border-top: 1px solid rgba(0, 0, 0, .1);
        margin: 0 5px;
    }
    .width9pg_align{
        width: 9%;
        max-width: 9%;
    }
.schedule_icons{
    font-size: 1.5rem;
    color: #53565Aed;
}
.scrty_quest~.add_role_border_align>.selection>.select2-selection--single{
       width: 100%;
    padding : 2% 0px !important;
    font-weight: 400;
    outline: none;
    border: 2px solid #cfcfcf;
    border-left: 0;
    border-radius: 0px 5px 5px 0px;
}

.login_banner{
    position: absolute;
    font-family: arial;
    z-index: 2;
    bottom: 0;
    /* justify-content: center; */
    text-align: center;
    /* display: flex; */
    /* align-items: center; */
    width: 99%;
    /* background-color: #f5f5f5bf; */
}
.instruct_banner{
    
    /* width: 60%; */
    justify-content: center;
    align-items: center;
    display: flex;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0px !important;
}
.instruct_banner_align{
    background: #f5f5f5bf;
}
.instruct_banner_text_align{
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
}
.banner_logo_authority{
    font-size: 5rem;
    line-height: 1.8;
    font-weight: 400;
}
.theme_logo_orange{
    color:#EB6500;
}
.bmargin1pg{
    margin-bottom: 1%;
}

.bmargin1_5rem{
    margin-bottom: 1.5rem;
}
.bmargin5pg{
    margin-bottom: 5%;
}
.theme_logo_gray{
    color:gray;
}
/* animate */
.animate_fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate_opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate_top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate_left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate_right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-500px;opacity:0} to{right:0;opacity:1}}
.animate_bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate_zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
/* animate end */


#button{
    display:block;
    margin:20px auto;
    padding:10px 30px;
    background-color:#eee;
    border:solid #ccc 1px;
    cursor: pointer;
    }
    #overlay_forget_pwd{
        position: absolute;
    top: 0;
    bottom: 0;
    right:  0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
    }
    .cv-spinner_forget_pwd {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .spinner_forget_pwd {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
    }
    @keyframes sp-anime {
    100% {
    transform: rotate(360deg);
    }
    }
    .is-hide{
    display:none;
    }
    .explanation_answer{
        display: none;
    }
     .hide_answer{
        display: none;
    }
    .show_answer{
        display: block !important;
    }
    .bpadd7_5{
        padding-bottom: 7.5px;
    }
    .bmargin7_5{
        margin-bottom: 7.5px;
    }
    
.auto_suggestion_align{
    border: 1px solid #e0e4e8;
    padding: 0px;
    line-height: 0.5;
    background-color: #fff;
     max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.auto_suggestion_align>li{
    padding: 0.5rem;
      line-height:1.5;
       
}
.auto_suggestion_align>li:hover {
    background-color: #184e6e;
    color: #fff;

}
/* full calandar */
.fc table{
    font-size: 0.9em !important;
}
.fc-day-number {
    font-size: 14px;
}
.popover{
    max-width: 345px;
    margin-right: 28px;
}
.ypadd0_5rem {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    } 
 .xpadd1pg {
    padding-left:1% !important;
    padding-right: 1% !important;
    }
    .widget_content{
        font-size: 0.8rem;
        font-weight: 600;
        padding: 1%;
    }
    .widget_title{
        font-size: 0.9rem;
        font-weight: 600;
        padding: 1%;
    }
    .widget_count{
        font-size: 2rem;
        font-weight: 600;
        padding: 1%;
    }
.widget_box_align_dash{
    border:1px solid #ddd;
    /* height: 110px; */
}
/* .chartpie_align{
    height: 350px; 
}
.chartbar_align{
    height: 200px;
} */
table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: inherit !important;
    }
    .sidebar_hint_content_scroll {
        overflow-y: scroll;
        padding-right: 0.5%;
        overflow: auto;
        overflow-x: hidden;
        height: 225px;
        max-height: 225px;
    }
    
    .sidebar_hint_content_scroll::-webkit-scrollbar {
        background-color: #fff;
        width: 5px;
        border: 1px solid #184e6e;
    }
    
    .sidebar_hint_content_scroll::-webkit-scrollbar-track {
        background-color: #fff;
        border: 1px solid #184e6e;
    }
    
    .sidebar_hint_content_scroll::-webkit-scrollbar-track:hover {
        background-color: #fff;
        border: 1px solid #184e6e;
    }
    
    .sidebar_hint_content_scroll::-webkit-scrollbar-thumb {
        background: #184e6e;
        border-radius: 16px;
    }
    
    .sidebar_hint_content_scroll::-webkit-scrollbar-thumb:hover {
        background: #184e6e;
    }
    
    .sidebar_hint_content_scroll::-webkit-scrollbar-button {
        display: none
    }
    .refresh_icon_align{
    right: 10px;
    color: #184e6e;
    font-size: calc(100% - 10%);
    cursor: pointer;
    position: absolute;
    justify-content: flex-end;
    display: flex;
    z-index: 10;
    }
    .btn-groups:not(:disabled):not(.disabled).active{

        color: #fff;

    background-color: #184e6e;

    border-color: #184e6e;

    font-weight: 600;

}

.btn-groups {

    font-weight: 600;

    color: #184e6e;

    background-color: #fff;

    border-color: #184e6e;

    box-shadow: none;

}

.btn-groups:hover {

      color: #fff;

    background-color: #184e6e;

    border-color: #184e6e;

    box-shadow: none;

}

.projects_set{

    display: none;

}  

.projects_set{
    display: none;
}
.product-title{
    color:#2d7f89;
}
.product-description{
    font-size: 14px;
}
.padd5{
    padding: 3px !important;
}
.card-footer-align{
        padding: 1%;
    border-top: 1px solid #e1e1e1;
}
.card-footer-align>a{
     color:#2d7f89;
}
.badge-success-dashboard{
        color: #fff;
    background-color: #2d7f89;
}
.card-title-align{
        font-size: 16px;
    font-weight: 600;
    color: #184e6e;
}
.border_none{
    border: none !important;
}
.fc-scroller{
    overflow: hidden !important;
}
/*media Query Only*/

@media(min-width: 1800px) {
    .service_align_profile {
        padding-top: 1.8%;
    }
    .vertical_center_v2 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -20px;
    }
    .vertical_center_v2_1 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -20px;
    }
}

@media(max-width:1799px) and (min-width:1500px) {
    .service_align_profile {
        padding-top: 2%;
    }
    .vertical_center_v2 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -20px;
    }
    .vertical_center_v2_1 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -20px;
    }
}

@media(max-width:1499px) and (min-width:1200px) {
    .textarea_img_tbl+.note-editor>.note-toolbar {
        top: 24%;
    }
}

@media(max-width:1199px) {
    .mbl_remove_btn_align {
        display: inline;
        text-align: left;
        margin: auto;
    }
    .append_label_align {
        display: block;
    }
    .vertical_center_v2 {
        align-items: center;
        justify-content: center;
        margin-top: 0px;
        display: flex;
    }
    .vertical_center_v2_1 {
        align-items: center;
        justify-content: center;
        margin-top: 0px;
        display: flex;
    }
    .blank_row_lable {
        padding-top: 4.8%;
    }
    .project_right_content1_align {
        padding-left: 0px;
        padding-right: 7.5px;
    }
    .project_right_content2_align {
        padding-right: 0px;
        padding-left: 7.5px;
    }
}

@media(max-width:1100px) and (min-width:992px) {
    .small-box p {
        font-size: 0.70rem !important;
    }
}

@media(max-width:1024px) {
    .dropzone-desc {
        font-size: 0.9rem;
    }
    .solution_list_pre_scan_status {
        font-weight: 550;
        font-size: 0.65rem;
        text-align: right;
        padding: 1% 0%;
    }
    .upload_doc_title {
        font-size: 0.9rem;
    }
    .sol_status_content_align {
        font-size: 0.75rem;
    }
    .sol_status_icon_align {
        font-size: 0.8rem;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_status_align {
        width: 80%;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_track_top_date {
        margin-right: 45%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_bottom_date {
        margin-right: 40%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_top_date {
        margin-right: 40%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_bottom_date {
        margin-right: 45%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_top_date {
        margin-right: 45%;
    }
    .d_contract_button_dec {
        height: 40px;
        font-size: 0.7rem;
        padding: 5% 10% 0% 0%;
    }
    .d_contract_button_align_span {
        height: 38px;
    }
    .upload_cf_submit_btn {
        font-size: 1rem;
        height: 40px;
    }
    .card_upload_content_align {
        font-size: 0.9rem;
    }
    .card_upload_icon_align {
        font-size: 2rem;
    }
    .card_upload_value_align {
        font-size: 1rem;
    }
}

@media (min-width:992px) {
    .assignment_card_align {
        max-width: 20% !important;
    }
    /* .myproject_card_align {
    max-width: 25% !important;
} */
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .main-header {
        transition: margin-left .3s ease-in-out;
        /* margin-left: 250px; */
    }
    .cookie_button {
        font-size: 0.7rem;
    }
    .card_upload_content_align {
        font-size: 0.8rem;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .small-box .icon>i.fa {
        font-size: 40px;
        top: 20px;
    }
    .small-box p {
        font-size: 0.80rem;
    }
    .small-box>.inner {
        padding: 15px 15px 0px 15px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .invoice_align {
        margin-top: 2%;
    }
    .search_by_table_txt {
        font-size: 0.8rem;
    }
    /* .textarea_img_tbl+.note-editor>.note-toolbar {
        top: 17.5%;
    } */
}

@media(max-width:767px) and (min-width:577px) {
    .calender_align {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
    }
    .stick_notes_align {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
        margin-top: 2%;
    }
}

@media (max-width: 768px) {
    .right_main_div {
        margin-top: 1rem;
    }
    .pagination_sm_align {
        padding-top: 1%;
    }
    .nav-sidebar>.nav-item {
        font-size: 0.9rem;
    }
    .nav_title {
        font-size: 1rem;
    }
    .my_project_div_align_body {
        margin-top: 2.5%;
    }
    .cookie_div_align .cookie_border_align .cookieContent {
        width: 90%;
    }
    .cookie_button {
        font-size: 0.7rem;
    }
    .font_index_icons {
        font-size: 3em;
    }
    .ol.progtrckr li span {
        font-size: 0.65rem !important;
    }
    .assignment_status_area_align {
        padding-bottom: 7% !important;
    }
    .assignment_track_bottom_date {
        font-size: 0.55rem !important;
    }
    /* .hidden-xs {
display: none;
} */
    .content-wrapper>.content {
        padding: 3% 1% 0% 1%;
    }
    .align_project {
        text-align: left;
        padding-top: 2%;
    }
    .align_search {
        text-align: right;
        padding-top: 2%;
    }
    .upload_doc_title {
        font-size: 0.8rem;
    }
    .dropzone-desc {
        font-size: 0.9rem;
    }
    .dropzone-desc1 {
        font-size: 0.9rem;
    }
    .dropzone-myproject {
        font-size: 0.8rem;
    }
    .drag_notes {
        font-size: 0.75rem;
    }
    .drag_notes1 {
        font-size: 0.75rem;
    }
    .upload_doc_type {
        font-size: 0.75rem;
    }
    .vertical_center_v2 {
        margin-top: 0px;
        display: flex;
    }
    .vertical_center_v2_1 {
        display: inline;
        margin-top: auto;
    }
    .common_input_label {
        font-size: 0.75rem;
    }
    .project_view_p {
        font-size: 0.8rem;
    }
    .upload_cf_img_align>img {
        height: 60px;
    }
}

@media (max-width: 690px) {
    .mbl_align_sorting,
    .mbl_align_pagination,
    .mbl_align_searching {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mbl_login_cards {
        display: none;
    }
    .cookie_div_align .cookie_border_align .cookieContent {
        width: 90%;
        font-size: 0.7rem;
    }
    .cookie_button {
        font-size: 0.6rem;
    }
    ol.progtrckr li span {
        font-size: 0.55rem !important;
    }
    .cookie_buttons {
        justify-content: center;
        margin-top: 1%;
    }
    .sol_status_content_align {
        font-size: 0.65rem;
    }
}

@media (min-width:600px) {
    .modal-dialog {
        max-width: 75%;
        margin: 1.75rem auto;
    }
    .bootbox>.modal-dialog {
        max-width: 60%;
        margin: 1.75rem auto;
    }
    .mcq_logos1 {
        height: 4.5rem;
    }
    .spi_logos {
        width: 7rem;
    }
}

@media (max-width: 600px) {
    .profile_input_label {
        font-size: 0.7rem;
    }
    .modal-title {
        font-size: 0.85rem;
    }
    .bootbox>.modal-dialog>.modal-content>.modal-header>.modal-title {
        font-size: 0.85rem;
    }
    .modal-dialog {
        max-width: 100%;
        margin: 1.75rem 1.25rem;
        width: 85%;
    }
    .bootbox>.modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
        width: 80%;
    }
    .font_index_icons {
        font-size: 2.5em;
    }
    .fc-content {
        font-size: 0.5rem;
    }
    
    .register_div_align {
        margin-top: 1%;
    }
    ol.progtrckr li.progtrckr-done:before {
        /* content: "\2713"; */
        color: white;
        background-color: #ffc168;
        height: 1.5em;
        width: 1.5em;
        line-height: 1.5em;
        border: none;
        border-radius: 1.5em;
        left: 5px;
    }
    ol.progtrckr li.progtrckr-completed:before {
        /* content: "\2713"; */
        color: white;
        background-color: #184e6e;
        height: 1.5em;
        width: 1.5em;
        line-height: 1.5em;
        border: none;
        border-radius: 1.5em;
        left: 20px;
        /* left: 5px; */
    }
    .assignment_track_top_date {
        font-size: 0.5rem !important;
    }
    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3em;
    }
    ol.progtrckr li.progtrckr-todo:before {
        color: white;
        background-color: silver;
        height: 1.5em;
        width: 1.5em;
        line-height: 1.5em;
        border: none;
        border-radius: 1.5em;
        left: 5px;
    }
    .bottom_assignment_status_align {
        bottom: -27px !important;
    }
    .progtrckr-completed>.assignment_track_bottom_date {
        bottom: -18px !important;
        margin-right: 35%;
    }
    .list-group-item-heading {
        font-size: 0.85rem;
    }
    .profile_input_label_sm {
        font-size: 0.7rem;
    }
    .align_project {
        text-align: center;
        padding-top: 4%;
    }
    .align_search {
        text-align: center;
        padding-top: 4%;
    }
    .upload_doc_title {
        font-size: 0.75rem;
    }
    .mbl_align_navigation_ul {
        text-align: center;
        margin: 0% 0% 0% 20%;
    }
}
    @media (min-width: 576px){
    .modal-sm {
        max-width: 375px !important;
    }
    }
    @media(min-width:576px) and (max-width:601px) {
    .mcq_logos1 {
        height: 4.5rem;
    }
    .spi_logos {
        width: 5.5rem;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_track_top_date {
        margin-right: 20%;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_status_align {
        width: 110%;
    }
    .progtrckr-completed>.assignment_track_bottom_date {
        bottom: -18px !important;
        margin-right: 20%;
    }
    ol.progtrckr li.progtrckr-completed:before {
        z-index: 1;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_bottom_date {
        margin-right: 31%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_top_date {
        margin-right: 31%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_bottom_date {
        margin-right: 40%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_top_date {
        margin-right: 40%;
    }
}

@media (max-width: 575px) {
    .scanning_count_lbl {
        font-size: 0.75rem;
    }
    .mbl_btn_icon {
        display: inline;
    }
    .mbl_btn_lbl {
        display: none
    }
    .select2-results__options {
        font-size: 0.9rem;
        text-transform: uppercase;
    }
    .book_details_content {
        text-align: center;
        padding-bottom: 2%;
        float: none;
    }
    .book_details_icons_align {
        text-align: center;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_track_top_date {
        margin-right: 32%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_bottom_date {
        margin-right: 36%;
    }
    ol.progtrckr[data-progtrckr-steps="4"] li>.assignment_track_top_date {
        margin-right: 36%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_bottom_date {
        margin-right: 40%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_top_date {
        margin-right: 40%;
    }
    .stick_notes_align {
        margin-top: 2%;
    }
    .content_heading {
        font-size: 1rem;
    }
    .mcq_logos1 {
        height: 4.5rem;
    }
    .spi_logos {
        width: 5rem;
    }
    .d_contract_button_dec {
        height: 40px;
        font-size: 0.9rem;
        padding: 2% 10% 0% 0%;
    }
    .list-group-item-heading {
        font-size: 0.8rem;
    }
    .down_cf_box {
        height: 250px;
    }
    .cf_down_img {
        margin-top: -10px;
    }
    .mbl_remove_btn_align {
        display: inline;
        text-align: right;
        margin: auto;
    }
    .project_view_section_data {
        font-size: 0.65rem;
    }
    .project_view_section {
        font-size: 0.65rem;
    }
    .navbar-menus .nav-links {
        font-size: 0.75rem;
        padding: 0 8px;
    }
    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 3px solid silver;
    }
    ol.progtrckr li.progtrckr-done {
        border-bottom: 3px solid #ffc168;
    }
    ol.progtrckr li.progtrckr-completed {
        border-bottom: 3px solid #184e6e;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li {
        width: 18.7%;
    }
    ol.progtrckr li span {
        font-size: 0.45rem !important;
    }
    ol.progtrckr li.progtrckr-done:before {
        /* content: "\2713"; */
        color: white;
        background-color: #ffc168;
        height: 1.3em;
        width: 1.3em;
        line-height: 1.3em;
        border: none;
        border-radius: 1.3em;
        left: 5px;
    }
    ol.progtrckr li.progtrckr-completed:before {
        /* content: "\2713"; */
        color: white;
        background-color: #184e6e;
        height: 1.3em;
        width: 1.3em;
        line-height: 1.3em;
        border: none;
        border-radius: 1.3em;
        left: 5px;
    }
    .assignment_track_top_date {
        font-size: 0.5rem !important;
    }
    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3em;
    }
    ol.progtrckr li.progtrckr-todo:before {
        color: white;
        background-color: silver;
        height: 1.3em;
        width: 1.3em;
        line-height: 1.3em;
        border: none;
        border-radius: 1.3em;
        left: 5px;
    }
    .assignment_track_top_date {
        top: 25px !important;
    }
    .assignment_track_bottom_date {
        bottom: -25px !important;
    }
    .assignment_status_area_align {
        padding: 1%;
    }
    .assignment_status_area_align {
        padding-bottom: 10% !important;
    }
    .projects_card_header {
        font-size: 0.75rem;
    }
}

@media (max-width: 425px) {
    .select2-results__options {
        font-size: 0.8rem;
    }
    .nav_title {
        font-size: 0.75rem;
    }
    .navbar-nav {
        font-size: 0.9rem;
    }
    .main_body_scroll {
        max-height: calc(100vh - 7rem);
    }
    .os-content {
        max-height: calc(100vh - 7rem);
    }
    .profile_input_label {
        font-size: 0.7rem;
    }
    .footer_txt_align {
        font-size: 0.7rem;
    }
    .copy_right_align {
        font-size: 0.6rem;
    }
    .project_view_status_invoice_img {
        width: 2rem;
    }
    .font_index_icons {
        font-size: 2em;
    }
    .card_upload_content_align {
        font-size: 0.7rem;
    }
    .upload_cf_img_align>img {
        height: 50px;
    }
}

@media (max-width: 380px) {
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_status_align {
        width: 90%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_bottom_date {
        margin-right: 35%;
    }
    ol.progtrckr[data-progtrckr-steps="3"] li>.assignment_track_top_date {
        margin-right: 35%;
    }
    .project_view_section_data {
        font-size: 0.45rem;
    }
    .font_index_icons {
        font-size: 1.2em;
    }
    ol.progtrckr li.progtrckr-completed:before {
        /* content: "\2713"; */
        color: white;
        background-color: #184e6e;
        height: 1.2em;
        ;
        width: 1.2em;
        ;
        line-height: 1.2em;
        ;
        border: none;
        border-radius: 1.2em;
        ;
        left: 5px;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li>.assignment_track_top_date {
        margin-right: 30%;
    }
    ol.progtrckr li.progtrckr-todo:before {
        color: white;
        background-color: silver;
        height: 1.2em;
        ;
        width: 1.2em;
        ;
        line-height: 1.2em;
        ;
        border: none;
        border-radius: 1.2em;
        ;
        left: 5px;
    }
    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 2px solid silver;
    }
    ol.progtrckr li.progtrckr-done {
        border-bottom: 2px solid #ffc168;
    }
    ol.progtrckr li.progtrckr-completed {
        border-bottom: 2px solid #184e6e;
    }
    ol.progtrckr li span {
        font-size: 0.4rem !important;
    }
    .progtrckr-completed>.assignment_track_top_date {
        bottom: -25px !important;
        margin-right: 35%;
    }
    .progtrckr-completed>.assignment_track_bottom_date {
        bottom: -15px !important;
        margin-right: 30%;
    }
    .bottom_assignment_status_align {
        bottom: -23px !important;
    }
}

@media (max-width: 340px) {
    .bootbox .modal-content {
        width: 95%;
    }
    .profile_input_label_sm {
        font-size: 10px;
    }
    .mbl_align_navigation_ul {
        text-align: center;
        margin: 0% 0% 0% 15%;
    }
    .column_visible {
        width: 18px;
    }
    .filter_visible {
        width: 18px;
    }
    .length_change_span {
        font-size: 0.6rem;
    }
    .vertical_center_v2 {
        margin-top: 1.3rem;
    }
    .vertical_center_v2_1 {
        margin-top: 1.3rem;
    }
    #availability {
        font-size: 62rem;
    }
    .nav_title {
        font-size: 0.6rem;
        margin-left: -3px;
        padding-top: 10%;
    }
    .form_control_auto_wd {
        font-size: 0.6rem;
    }
    .Hamburger_icon {
        height: 12px;
    }
    .project_view_status_invoice_img {
        width: 1.5rem;
    }
    ol.progtrckr li.progtrckr-completed:before {
        /* content: "\2713"; */
        color: white;
        background-color: #184e6e;
        height: 0.9em;
        width: 0.9em;
        line-height: 0.9em;
        border: none;
        border-radius: 0.9em;
        left: 5px;
    }
    ol.progtrckr li.progtrckr-todo:before {
        color: white;
        background-color: silver;
        height: 0.9em;
        width: 0.9em;
        line-height: 0.9em;
        border: none;
        border-radius: 0.9em;
        left: 5px;
    }
    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 2px solid silver;
    }
    ol.progtrckr li.progtrckr-done {
        border-bottom: 2px solid #ffc168;
    }
    ol.progtrckr li.progtrckr-completed {
        border-bottom: 2px solid #184e6e;
    }
    ol.progtrckr li span {
        font-size: 0.4rem !important;
    }
    .progtrckr-completed>.assignment_track_top_date {
        bottom: -25px !important;
        margin-right: 35%;
    }
}
.mjx-chtml {
    font-size: 120% !important;
}
.sec_ques .select2-selection{
    border: 2px solid #cfcfcf !important;
    padding-left:2 px;
    border-left: 0 !important;
}