@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

* {
    font-family: 'Poppins', sans-serif;
    border: none;
    outline: none;
    text-decoration: none;
    color: #0a5050;
}

body {
    /* margin: 0 16px; */
}

/* 
body *:not(svg *) {
    color: hsl(228, 4%, 14%);
} */

a {
    color: #323336;
    text-decoration: none;
}

a:hover {
    /* color: #323336; */
    text-decoration: none;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}


.sc_mt40 {
    margin-top: 40px !important;

}

.sc_mb40 {
    margin-bottom: 40px !important;

}

.sc_mt24 {
    margin-top: 24px !important;
}

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

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

.sc_strong {
    font-weight: 600;
    font-size: 18px;
    color: inherit;
}

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

.session_div {
    margin: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 90%;
}

.session_div>h1 {
    white-space: nowrap;
}

/*.sc_checkbox {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    border-radius: 100% !important;*/
/*}*/
.sc_checkbox {
    width: 24px;
    height: 24px;
    border-radius: 100% !important;
    background-color: #edf8f6;
    border: 1.5px solid #0a5050;
}

.sc_checkbox.form-check-input:focus {
    border-color: rgba(25, 168, 135, 0.5);
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(25, 168, 135, 0.25);
    box-shadow: 0 0 0 .25rem rgba(25, 168, 135, 0.25);
}

.sc_checkbox.form-check-input:checked {
    background-color: #19a887;
    border-color: #19a887;
}


.form-control {
    color: #0a5050;
}

/* .table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgba(25, 168, 135, 0.25);
} */

.sc_table thead th {
    border-bottom: 1.5px solid;
    border-bottom-color: #19a887 !important;
}

.sc_sec_btn {
    color: #0a5050;
    border: 1.4px solid rgba(10, 80, 80, 0.2);
    background-color: rgba(25, 168, 135, 0.08);
    margin-top: 8px;
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: rgba(0, 0, 0, 0.03);
}

.answered_sect {
    --bs-table-accent-bg: rgba(25, 168, 135, 0) !important;
}

.answered_sect>td {
    text-align: center;
    font-weight: 600;
    /* border-top: solid 1.5px rgba(10, 80, 80, 0.2); */
    border-bottom: solid 1.5px #19a887;
    /* border-bottom-color: rgba(10, 80, 80, 0.2) !important; */
}

.disabled_tr {
    --bs-table-accent-bg: rgba(25, 168, 135, 0.2) !important;
}

.disabled_tr td {
    border-bottom-color: rgba(10, 80, 80, 0.2) !important;
    color: rgba(10, 80, 80, 0.7);
}

.sc_table>thead th {
    white-space: nowrap;
    text-align: center;
}

.action_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* justify-content: center; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.action_div * {
    margin: 0px;
}

.sc_table_div {
    -webkit-box-shadow: 0px 0px 12px rgba(25, 168, 135, 0.2);
    box-shadow: 0px 0px 12px rgba(25, 168, 135, 0.2);
    overflow-x: scroll;
    max-width: 100%;
}

.sc_table {
    /* border-top: solid 1px rgba(10, 80, 80, 0.2) !important; */
    margin-bottom: 0px;
}

.sc_table tbody {
    border-color: #dee2e6;
}

.table>:not(caption)>*>* {
    padding: 12px 16px;
}

.sc_table tr:last-child td {
    border: none;
}

.main-section_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sc_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 16px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);
}

.sc_nav .main_logo_img {
    /* height: 30px; */
    max-width: 231px;
    width: 100%;
}

.sc_nav .nav_rs_img {
    /* height: 90px; */
    max-width: 378px;
    width: 100%;
}

footer.footer {
    padding: 12px;
    background-color: #0a5050;
}

footer.footer p {
    color: #fff;
    font-size: 14px;
}

footer.footer img {
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
}

.light_1 {
    background-color: rgba(255, 204, 204, 0.3);
}

.light_2 {
    background-color: rgba(255, 255, 204, 0.3);
}

.light_3 {
    background-color: rgba(204, 255, 255, 0.3);
}

.light_4 {
    background-color: rgba(204, 204, 255, 0.3);
}

.light_5 {
    background-color: rgba(255, 204, 255, 0.3);
}

.light_6 {
    background-color: rgba(204, 255, 204, 0.3);
}

.light_7 {
    background-color: rgba(204, 229, 255, 0.3);
}

/* admin logo start */
.nd_login {
    margin: 24px auto 40px !important;
    max-width: 540px !important;
    width: 100% !important;
}

.nav_rs_div {
    position: relative;
    display: flex;
    align-items: center;
}

.logout_div {
    position: absolute;
    /* top: 0; */
    right: 0;
    background-color: #0a5050;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px;
    border-radius: 4px;
    margin: 16px;
    cursor: pointer;
}

.logout_div * {
    color: #fff;
    /*pointer-events: none;*/
}
.logout_div i{
    /*color: #fff;*/
    pointer-events: none;
}
.footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .logout_div {
    margin: 0;
    margin-left: 8px;
    /* padding: 0; */
    right: auto;
    left: 0;
}
/* .logout_div p {
    font-size: 14px;
    font-weight: 600;
} */


/* admin logo end */