/* Login page final design */
.login {
    position: initial;
    left: initial;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    overflow: auto;
    max-width: initial;
    width: 500px;
    display: table;
    margin: 120px auto 40px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.01);
    border-radius: 8px;
    padding: 20px 100px 20px;
}

.login.forgot {
    padding: 50px 65px 20px;
}

.login.forgot form {
    padding: 0px;
}

.login.forgot p {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(74, 74, 74, 0.6);
    margin: 10px 0;
}

.login h1 {
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;
    color: #0C295C;
    margin: 0 0 20px;
    opacity: 1;
}

.login label {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.1px;
    color: #637188;
}

.login label img {
    vertical-align: bottom;
}

.login .form-control {
    background: #F8F8F8;
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #1B2F51;
    height: 40px;

}

.login .form-control#user_email {
    font-weight: normal;
}

.login .form-control#user_password {
    font-size: 20px;
    letter-spacing: 6px;
    color: #273E66;
}

.login .form-control#user_password::-webkit-input-placeholder,
.login .form-control#user_password:-ms-input-placeholder,
.login .form-control#user_password:-moz-placeholder,
.login .form-control#user_password::-moz-placeholder {
    font-size: 20px;
    letter-spacing: 2px;
    color: #273E66;
}

.login .form-control.editEmail {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #1B2F51;
    background-color: transparent;
    border: 0;
    cursor: default;

}

.login.confirm-password .form-control.pass {
    letter-spacing: 3px;
    font-size: 24px;
    height: 40px;
}

.login .btn-addpass {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 12px 0;
    margin: 0px 0 0;
}

.login .pact {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;

    color: #4A4A4A;
    padding: 0 15px 0 5px;
    margin: 0;
    width: calc(100% - 25px);
    vertical-align: top;
}

.login .pact a {
    color: #3167EB;
}
.login .container-checkbox{top: 0;}

.text-danger {
    font-size: 12px;
    line-height: 16px;
    color: red;
    font-weight: normal;
}

.login .or {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin: 10px 0 5px;
}

.login .or h6 {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
    background-color: #fff;
    padding: 0 35px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.login .or:after {
    content: '';
    height: 1px;
    width: 120%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 10px;
    left: -10%;
}

.login .btn-facebook,
.login .btn-google {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #454545;
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    width: calc(50% - 11px);
    padding: 11px 0;
}

.login .btn-facebook {
    margin-right: 8px;
}

.login .btn-google {
    margin-left: 8px;
}

.login .btn-facebook img,
.login .btn-google img {
    padding-right: 20px;
}

.login.signup {
    width: 100%;
    max-width: 1064px;
    display: table;
    margin: 120px auto 40px;
    padding: 70px 150px 30px 120px;
}

.signup form {
    padding: 0 0 0 50px;
}

.signup .signupac {
    width: 100%;
    float: left;
}

.signup .signupac h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 40px;
    color: #0C295C;
    padding: 0 120px 20px 0;
}

.signup .signupac ul {
    list-style: none;
    padding: 0;
    width: 55%;
}

.signup .signupac ul li {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: rgba(99, 113, 136, 0.8);
    padding: 0 0 20px;
}

.signup .signupac ul li span {
    margin-right: 20px;
    float: left;
}

.signup p,
.login p {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;

    color: #4A4A4A;

    opacity: 0.8;
}

.login.signup .form-control {
    font-size: 12px;
    line-height: 16px;
}

/* steps design */

.chooseSelection {
    margin: 0 auto;
    display: table;
}

ul.chooseSelection li.active {
    background-color: transparent;
    border: 2px solid #3167EB;
    color: #3167EB;
}

.chooseSelection li.done:before {
    counter-increment: none;
    content: '';
    background: #3167EB;
    border: 2px solid #3167EB;
    background-image: url('../../assets/images/Vector 234.png');
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
    width: 42px;
    height: 42px;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 42px;
    opacity: 1;

}

.actype {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.actype h1 {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;
    opacity: 1;
}

.actype h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    opacity: 0.8;
    font-weight: normal;
}

.user-type .inputGroup {
    background-color: transparent;
    display: block;
    margin: 0;
    position: inherit;
    border: 0;
    border-radius: 0;
    width: 100%;
}

.user-type .inputGroup label {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 0 20px;
    cursor: pointer;
    padding: 21px 21px 21px 63px;
}

.user-type .inputGroup label:after {
    width: 24px;
    height: 24px;
    content: "";
    background: #FFFFFF;
    border: 1px solid #5D697D;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 20px;
    top: 20px;
    cursor: pointer;
}

.user-type .inputGroup input:checked~label:after {
    background-color: #fff;
    background-image: url('/assets/images/Ellipse 166.png');
    background-repeat: no-repeat;
    background-position: 4.8px 4.8px;
    border: 1px solid #3167EB;
}

.user-type input:checked+label {
    background: rgba(49, 103, 235, 0.05);
    border: 1px solid #3167EB;
    border-radius: 5px;
}

.user-type input:hover+label .section_details h6 {
    color: #3167EB;
}

.user-type input:hover+label {
    background: rgba(49, 103, 235, 0.05);
    border: 1px solid #3167EB;
    border-radius: 5px;
}

.user-type .section_details:nth-child(n + 1) {
    margin-right: 0;
}

.user-type .inputGroup .section_details h6 {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;

    color: #0C295C;
}

.user-type .inputGroup .section_details p {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;

    opacity: 0.9;
}

.user-type input:checked+label .section_details h6 {
    color: #3167EB;

}

.FooterBtn .btn-custom {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
}

.selectaccount .csslForm label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.1px;
    color: #637188;
    opacity: 0.7;
}

.selectaccount .csslForm .form-control {
    background: rgba(248, 248, 248, 0.8);
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #1B2F51;
    height: 40px;

}

.selectaccount .csslForm .form-group select {
    background: #f8f8f8;
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* color: rgba(74, 74, 74, 0.3); */
    height: 40px;
    width: 100%;
}

.selectaccount .csslForm .form-group select.black {
    color: #1B2F51;
    opacity: 1;
}

.selectaccount .csslForm .form-group select.grey {
    color: rgba(74, 74, 74, 0.3);
}

.selectaccount .csslForm .form-group select:focus {
    outline: none;
    box-shadow: none;
}

.selectaccount .csslForm h1 {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;
    margin: 4px 0 0 0;
}

.selectaccount .csslForm .form-group {
    margin-bottom: 1.5rem;
}

.btn-previous {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
    margin-top: 7px;
}

.btn-previous:hover {
    color: #3167EB;
}

.enter-otp {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    width: 80%;
    opacity: 0.8;
}

.otp-container .csslForm h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    font-weight: normal;
    display: inline-block;
}

.otp-container .csslForm h6 a {
    color: #3167EB;
    text-decoration: none;
    font-weight: bold;
}

.otpVerification input {
    background: #F8F8F8;
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #444242;
}

.wrngotp {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #333333;
    border-radius: 6px;
    padding: 12px 100px 12px 50px;
    z-index: 999;
}

.wrngotp h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    color: #FFFFFF;
}

.common-heading {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;
    opacity: 1;
    margin: 0 0 0.5rem;
}

.notificationTab .nav-pills .nav-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #627088;
    border: 0;
    letter-spacing: normal;
    padding: 8px 25px;
}

.notificationTab .nav-pills .nav-link.active {
    font-weight: 600;
    color: #ffffff;
    background: #3167EB;
}

.notificationTab .container-checkbox input:checked~.check-mark {
    background: #3167EB;
}

.notificationTab .container-checkbox {
    margin-right: 12px;
}

.notificationTab .bdr-b {
    border-bottom: 0.5px solid #DEEAF8;
    box-sizing: border-box;
}

.notificationTab .group-member.notifiList .group-member-invitation figure {
    width: 48px;
    height: 48px;
    background: #EDF5FA;
    border-radius: 23px;
    display: flex;
    justify-content: center;
}

.group-member.notifiList .group-member-invitation .invitationlist .listname h4,
.group-member.notifiList .group-member-invitation .invitationlist .listname p {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: rgba(22, 22, 22, 0.9);
}

.group-member.notifiList .group-member-invitation .invitationlist .listname h4 a {
    color: rgba(22, 22, 22, 0.9);
}

.group-member.notifiList .group-member-invitation .invitationlist .listname p {
    font-weight: normal;
    opacity: 1;
}

.group-member .group-member-invitation .inv-expir {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    opacity: 1;
    color: #A6A6A6;
}

.popularTest {
    width: 100%;
    float: left;
}

.UpdatePassword {
    position: relative;
    left: -75px;
    top: -40px;
    width: calc(100% + 150px);
    float: left;
    text-align: center;
    background: #FEFCF5;
    border: 1px solid #EDCB74;
    box-sizing: border-box;
    padding: 11px 0;
    margin-bottom: 20px;
}

.UpdatePassword .exl_ellips {
    height: 24px;
    width: 24px;
    background: #EDCB74;
    border: 1px solid #EDCB74;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 24px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.286667px;

    color: #FFFFFF;
}

.UpdatePassword p {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #4B3A0F;
    opacity: 0.8;
    display: inline-block;
    padding: 0 40px 0 20px;
}

.UpdatePassword .btn-update {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #605F5D;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
}

.main_wrapper {
    margin-top: 72px;
   
}
.main_wrapper.categorySearch{
    display: table;
}

.productBox .test_col {
    width: calc(33.33% - 27px);
    float: left;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 18px 25px;
    box-sizing: content-box;
    overflow: hidden;
}

.productBox .test_col:nth-child(3n + 1) {
    margin-left: 0;
}

.productBox .test_col:nth-child(3n + 3) {
    margin-right: 0;
}

.productBox .test_col .test_top {
    width: 100%;
    height: 160px;
    float: left;
    position: relative;
    margin-bottom: 0px;
}

.productBox .test_col .test_banner {
    width: 100%;
    height: 160px;
    border-radius: 8px 8px 0 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.productBox .test_col .test_banner.box1 {
    background: linear-gradient(96.83deg, #8BEAFB 3.08%, #459AD9 95.72%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.productBox .test_col .test_banner.box1:after {
    content: '';
    position: absolute;
    top: 8px;
    left: -30px;
    background-image: url('../images/ptest-circle1.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 113px;
    height: 153px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.productBox .test_col .test_banner.box1:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 110px;
    background-image: url('../images/ptest-circle2.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 65px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.productBox .test_col .test_banner.box1 .box1_inner:after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 110px;
    background-image: url('../images/ptest-circle3.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.productBox .test_col .test_banner.box2 {
    background: linear-gradient(106.34deg, #8F86F5 17.33%, #2E3AAE 88.58%);
}

.productBox .test_col .test_banner.box2:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    background-image: url('../images/ptest-math1.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

.productBox .test_col .test_banner.box2:before {
    content: '';
    position: absolute;
    bottom: -80px;
    right: -5px;
    background-image: url('../images/ptest-math2.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 105px;
}

.productBox .test_col .test_banner.box2 .box2_inner:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 130px;
    background-image: url('../images/ptest-math3.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 10px;
}

.productBox .test_col .test_banner.box2 .box2_inner:before {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 110px;
    background-image: url('../images/ptest-math4.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 41px;
    height: 97px;
}

.productBox .test_col .test_banner.box3 {
    background: linear-gradient(89.89deg, #F4BB4E 0.12%, #DE8639 99.92%);
}

.productBox .test_col .test_banner.box3:after {
    content: '';
    position: absolute;
    top: 40px;
    right: 20px;
    background-image: url('../images/ptest-char1.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 97px;
}

.productBox .test_col .test_banner.box3:before {
    content: '';
    position: absolute;
    bottom: -40px;
    right: 130px;
    background-image: url('../images/ptest-char2.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 110px;
}

.productBox .test_col .test_banner.box3 .box3_inner:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 100px;
    background-image: url('../images/ptest-char3.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 27px;
}

.productBox .test_col .test_banner.bg1 {
    background: linear-gradient(96.83deg, #FB9D59 3.08%, #EFDC2F 95.72%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.productBox .test_col .test_banner.bg2 {
    background: linear-gradient(106.34deg, #D886F5 17.33%, #8E2DB0 88.58%);
}

.productBox .test_col .test_banner.bg3 {
    background: linear-gradient(89.89deg, #B5EB71 0.12%, #3D8A21 99.92%);
}

.productBox .test_col .test_top .test_logo {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    width: 72px;
    height: 72px;
    border-radius: 72px;
    position: absolute;
    left: 20px;
    bottom: -50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
}

.productBox .test_col .test_detail {
    width: 100%;
    float: left;
    padding: 25px;
}

.productBox .test_col .test_detail h4 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #07246C;
    min-height: 50px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.productBox .test_col .test_view {
    display: flex;
    margin: 20px 0 0;
}

.productBox .test_col .test_view .test_range,
.productBox .test_col .test_view .test_qview {
    flex: 50%;
}

.productBox .test_col .test_view p {
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    color: #9098AD;
    padding: 0 0 10px;
    width: 100%;
}

.productBox .test_col .test_view h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #0C295C;
    opacity: 1;
    margin: 0;
    padding-right: 50px;
}

.productBox .test_col .test_view h4 img {
    vertical-align: initial;
}

.productBox .test_col .test_view .btn-quickview {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    margin-top: 7px;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 10px 20px;
}

.btn-vmore {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #395B8D;
    background: #EDF5FA;
    border-radius: 4px;
    padding: 10px 55px;
}

.productBox .cat_col {
    width: calc(25% - 30px);
    float: left;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 30px;
    margin: 0 20px 20px;
}

.productBox .cat_col:nth-child(4n + 1) {
    margin-left: 0;
}

.productBox .cat_col:nth-child(4n + 4) {
    margin-right: 0;
}

.productBox .cat_col .cat_logo {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.productBox .cat_col .cat_logo.academin {
    background: #E0F3C1;
}

.productBox .cat_col .cat_logo.social {
    background: rgba(175, 221, 244, 0.6);
}

.productBox .cat_col .cat_logo.school {
    background: #C8C1F3;
}

.productBox .cat_col .cat_logo.special {
    background: #F3D3C1;
}

.productBox .cat_col .cat_title {
    width: 100%;
    float: left;
    height: 45px;
    margin-bottom: 10px;
}

.productBox .cat_col .cat_title h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;

    color: #403C42;
}

.productBox .cat_col .cat_desc {
    width: 100%;
    float: left;
}

.productBox .cat_col .cat_desc p {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #041C55;
    width: 100%;
    opacity: 0.6;
}

.productBox .cat_col .cat_desc h6 {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #041C55;
    opacity: 0.8;
    margin-top: 20px;
}

.productBox h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
}

.productBox label {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.1px;
    color: #637188;
    opacity: 0.7;
}

.productBox .btn-group {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #354153;
    background: rgba(248, 248, 248, 0.8);
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
}

.productBox .btn-group .multiselect-selected-text {
    width: 100%;
    display: block;
    text-align: left;
}

.productBox .btn-group .dropdown-toggle::after {
    content: none;
}

.productBox .btn-group .caret {
    background-image: url('../images/Vector 233.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 8px;
    top: 15px;
    right: 5px;
    position: absolute;
}

.productBox .btn-group .dropdown-menu {
    width: 100%;
}

.productBox .btn-group .dropdown-menu label {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
}

.productBox .btn-group .dropdown-menu label input {
    margin: 0 15px 0 0;
    width: 16px;
    height: 16px;
    background: #F8F8F8;
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
}

.productBox .btn-group .dropdown-menu li.active {
    background: #EDF5FA;
}

.productBox .btn-group .dropdown-menu li a {
    color: #4A4A4A;
}

.productBox .btn-group .dropdown-menu li a:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

.productBox .btn-group .dropdown-menu .checkbox {
    padding: 5px 10px;
}

.productBox .btn-group .dropdown-menu .multiselect-all.active {
    background: #EDF5FA;
}

.productBox p {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #4B5C79;
    padding: 5px 0 10px 0;
    width: 61%;
}

.product-box {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.product-box .product_image {
    width: 340px;
    float: left;
    position: relative;
}

.product-box .product_image img {
    width: 100%;
    height: 100%;
}

.product-box .product_image .test_logo {
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.product-box .product_image .test_logo img {
    width: auto;
    height: auto;
}

.product-box .product-desc {
    width: calc(100% - 340px);
    float: left;
    padding: 0 0 0 80px;
}

.product-box .product-desc .product-text {
    opacity: 1;
    width: 80%;
}

.product-box .product-desc .product-text p {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #4B5C79;
    opacity: 1;
}

.filter-type {
    width: 50%;
    float: left;
}

.filter-type label {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: -0.1px;
    color: rgba(99, 113, 136, 0.7);
    line-height: 40px;
    margin-bottom: 10px;
}

.filter-type .filter {
    background: rgba(248, 248, 248, 0.8);
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #354153;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../../assets/images/Vector\ 237.svg');
    background-position: 97% center;
    background-repeat: no-repeat;
}

.quantity {
    width: 100%;
    margin: 0;
    float: left;
}

.quantity .value-button {
    display: inline-block;
    margin: -2px 0 0px;
    width: 30px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #F8F8F8;
    border: 0.5px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #354153;
    padding: 8px 0;
    position: relative;
}

.quantity .value-button:hover {
    cursor: pointer;
}

.quantity #qty_decrement,
.quantity .btn-minus {
    margin-right: -5px;
    border-radius: 4px 0 0 4px;
    vertical-align: baseline;
}

.quantity #qty_increment,
.quantity .btn-plus {
    margin-left: -5px;
    border-radius: 0 4px 4px 0;
    vertical-align: baseline;
}

.quantity #input-wrap {
    margin: 0px;
    padding: 0px;
}

.quantity input#qty_number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 62px;
    height: 40px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #354153;
    background-color: #fff;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-box .product-desc .quick-cart {
    width: 100%;
    float: left;
}

.product-box .product-desc .addcart {
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    width: 178px;
    padding: 13px 0;
}

.product-box .product-desc .addcart:hover {
    background: #FFFFFF;
    border: 1px solid #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    color: #3167EB;
}

.product-box .product-desc .quickbuy {
    background: #FFFFFF;
    border: 1px solid #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
    width: 178px;
    padding: 13px 0;
}

.product-box .product-desc .quickbuy:hover {
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    color: #FFFFFF;
}

.note_common {
    width: 73%;
    display: flex;
}

.note_common .mergeaccept {
    margin: 20px 0 0;
}

.product-property h4,
.recommended-product-wrapper h4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;
    margin-bottom: 20px;
}

.product-property .desc {
    background: #FCFCFC;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    width: calc(25% - 30px);
    margin: 0 25px;
    padding: 40px 25px;
}

.product-property .desc:first-child {
    margin-left: 0;
}

.product-property .desc:last-child {
    margin-right: 0;
}

.product-property .desc h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #2E3571;
    opacity: 1;
}

.product-property .desc p {
    font-weight: normal;
    font-size: 12px;
    line-height: 170%;
    color: #4B5C79;
    opacity: 1;
}

.product_property_row {
    width: 100%;
    display: flex;
}

.pagetitle {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 65px;
}

.pagetitle .btn-backto {
    padding: 0;
    position: absolute;
    top: 2px;
    left: 20px;
}

.pagetitle ul {
    list-style: none;
    padding: 0;
}

.pagetitle ul li {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #4A4A4A;
    opacity: 0.6;
    display: inline-block;
}

.pagetitle ul li a {
    color: #4A4A4A;
    opacity: 0.6;
    text-decoration-line: underline;
}

.headNav ul li {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    color: rgba(12, 41, 92, 0.3);
}

.headNav ul li a {
    color: rgba(12, 41, 92, 0.3);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.headNav .search-design {
    width: calc(100% - 320px);
    float: left;
    padding-right: 60px;
}

.modal .modal-header {
    border: 0;
    padding-bottom: 0;
}

.modal .modal-body .enter-otp a {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
    padding-left: 30px;
    float: right;
    text-decoration: none;
}

.modal .merge_ac_popup {
    border-radius: 0;
    margin: 0;
}

.modal .primary-ac-dialog .merge_ac_popup .form-group label {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: rgba(22, 22, 22, 0.9);
    opacity: 1;
}

.modal .merge_ac_popup .form-group h6 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: rgba(22, 22, 22, 0.9);
}

.modal .cancelprimaryacc {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
    background-color: transparent;
    border: 0;
}

.modal .btn-change {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 10px 24px;
}

.modal .merge_ac_popup .modal-footer {
    border: 0;
}

.user-home-group .merge .container-checkbox input:checked~.check-mark {
    background: #FFFFFF;
    border: 1px solid #9AA7BE;
    box-sizing: border-box;
}

.user-home-group .merge .radio-container .container-checkbox .check-mark:after {
    left: 4px;
    top: 4px;
}

.user-home-group .merge .radio-container .container-checkbox input:checked~.check-mark:after {
    display: none;
}

.user-home-group .merge .radio-container.activecheck .container-checkbox input:checked~.check-mark:after {
    display: block;
}

.user-home-group .merge .radio-container span {
    vertical-align: middle;
}

.modal.addMember .invite-desc p a {
    color: #3167EB;
}

.modal .modal-footer .btn-proceed {
    background-color: #3167EB;
}

.modal .primary-ac-dialog {
    max-width: 600px;
}
.modal .primary-ac-dialog .modal-title{
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;

}
.modal .primary-ac-dialog .photo_preview{
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}
.modal .primary-ac-dialog .photo_preview img{
    width: 100%;
    height: 100%;
}
.modal .primary-ac-dialog .modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}

.modal .primary-ac-dialog .modal-content {
    border-radius: 0;
    padding: 30px 0 0;
}
.modal .primary-ac-dialog .modal-content .modal-header,
.modal .primary-ac-dialog .modal-content .modal-body,
.modal .primary-ac-dialog .modal-content .modal-footer{
    padding-right: 60px;
    padding-left: 60px;
}
.modal .primary-ac-dialog .modal-content label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #757575;
    opacity: 0.7;
}

.modal .primary-ac-dialog .modal-content .modal-footer {
    padding-top: 10px;
}

.modal .mobileotp .otpVerification {
    width: 80%;
}
.modal .primary-ac-dialog .modal-content .new_photo [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}
.modal .primary-ac-dialog .modal-content .new_photo label{opacity: 1;}
.modal .primary-ac-dialog .modal-content .new_photo [type="file"] + label {
    background: #FAFAFA;
border: 1px solid #D7D7D7;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin-top: 2rem;
    outline: none;
    padding: 1rem 50px;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    font-weight: bold;
font-size: 14px;
line-height: 19px;
color: #605F5D;
opacity: 1;
}  

.header-search-form .btn-search {
    padding: 0 15px;
    border-radius: 0 5px 5px 0;
    background: #3167EB;
}

.user-panel .up-item .user-logo {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    overflow: hidden;
    display: inline-block;
    margin: 0;
}

.user-panel .up-item .notice .badge {
    position: absolute;
    top: 0;
    right: 0;
    background: #3167EB;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 9px;
    font-weight: 400;
    padding: 0;
}

.user-panel .up-item .user-name {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 0 5px;
}

.user-panel .up-item .user-logo img {
    width: 100%;
    height: 100%;
}

.user-panel .up-item .cart-account span.title {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.43px;
    color: rgba(10, 9, 85, 0.98);
    opacity: 1;
}

.user-panel .up-item .cart-account span.sub-title {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.43px;
    color: rgba(10, 9, 85, 0.8);
    opacity: 1;
}

.side-navbar {
    background: #18182E;
}

.side-navbar .primary-navigation,
.side-navbar .secondary-navigation,
.side-navbar .third-navigation {
    padding: 50px 15px 0;
}

.side-navbar .primary-navigation .sidebar-q,
.side-navbar .secondary-navigation .sidebar-q,
.side-navbar .third-navigation .sidebar-q {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #5D5D6D;
    border-radius: 18px;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.286667px;
    color: #5D5D6D;
    text-align: center;
    margin-left: 5px;
}

.side-navbar .secondary-navigation {
    padding-top: 50px;
}

.side-navbar .primary-navigation h5,
.side-navbar .secondary-navigation h5 {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.286667px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    margin: 0 0 15px;
}

.side-navbar .top-nav li .menu-name {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.286667px;
    color: #FFFFFF;
}

.side-navbar .top-nav li .navigation-wrapper.active,
.side-navbar .top-nav li .navigation-wrapper:hover {
    background: rgba(149, 149, 234, 0.1);
    border-radius: 6px;
}

.side-navbar .top-nav li .navigation-wrapper figure .rupee-icon {
    background: #656589;
    border: 1.5px solid #18182E;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: absolute;
    bottom: -8px;
    right: -5px;
}

.side-navbar .top-nav li .navigation-wrapper figure .chome-grp {
    position: absolute;
    top: 6px;
    left: 6px;
}

.cartproceed .btn-proceed {
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;

    color: #FFFFFF;
}

.cartproceed .btn-proceed:hover {
    color: #3167EB;
    background: #FFFFFF;
    border: 1px solid #3167EB;
}

.cartproceed .btn-more-add {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
    background: #FFFFFF;
    border: 1px solid #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 12px 43px;
}

.cartproceed .btn-more-add:hover {
    background: #3167EB;
    color: #ffffff;
}

.product-wrapper .product-test-wrapper {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.aptitude_test {
    width: 56%;
    float: left;
    padding: 0 15px 20px;
}

.aptitude_test p {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #4B5C79;
    opacity: 1;
    padding-bottom: 20px;
}

.aptitude_test h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    opacity: 1;
}

.user-panel .up-item .dropdown-menu.user-dropdown .dropdown-header .text-wrapper .profile-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: rgba(10, 9, 85, 0.98);
    opacity: 1;
    margin: 0;
}

.user-panel .up-item .dropdown-menu.user-dropdown .dropdown-header .text-wrapper .designation {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
}

.user-panel .up-item .dropdown-menu.user-dropdown .dropdown-header .text-wrapper .designation a{
    color: #3167EB;
    text-decoration: none;
}

.user-panel .up-item .dropdown-menu.user-dropdown .add-account-type {
    background: #EDF5FA;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgba(15, 14, 88, 0.8);
    opacity: 1;
    margin: 0;
    padding: 12px 32px;
    border: 0;
}

.user-panel .up-item .dropdown-menu.user-dropdown .logout {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: rgba(15, 14, 88, 0.8);
    opacity: 1;
    margin: 12px 32px;
}

.cart_wrapper .table th {
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #637188;
    text-transform: uppercase;
}

.cart_wrapper .buy_logo {
    width: 56px;
    height: 56px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.cart_wrapper .buy_logo .pd_logo {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    padding: 7px;
}

.cart_wrapper .buy_logo .pd_logo img {
    width: 100%;
    height: 100%;
}

.cart_wrapper .buy_detail {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 70px);
}

.cart_wrapper .table .buy_detail h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    opacity: 1;
    color: #181755;
    padding: 0;
}

.cart_wrapper .table .buy_detail ul li {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #4B5C79;
    opacity: 1;
}

.cart_wrapper .table td:last-child,
.cart_wrapper .table th:last-child {
    width: 140px;
}

.cart_wrapper .table td,
.cart_wrapper .table th {
    padding: 0.75rem;
}

.cart_wrapper .table td {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #4B5C79;
}

.cart_wrapper .table td h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    color: #041C55;
    padding: 0 0 16px;
}

.cart_wrapper .table td h5 span {
    color: #041C55;
}

.cart_wrapper .table td p {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #4B5C79;
    opacity: 1;
    padding: 0 0 10px;
}

.cart_wrapper .table td h4 {
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: rgba(4, 28, 85, 0.9);
    opacity: 1;
}

.modal.deleteitem {
    padding: 0;
}

.modal.deleteitem h3 {
    font-size: 22px;
    line-height: 30px;
    color: rgba(22, 22, 22, 0.9);
    margin: 0;
}

.modal.deleteitem p {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: rgba(22, 22, 22, 0.9);
    margin: 0;
}

.modal.deleteitem .modal-footer {
    border: 0;
}

.modal.deleteitem .modal-footer .btn-remove {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 10px 25px;
}

.modal.deleteitem .modal-footer a {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #3167EB;
    margin-right: 20px;
}

.raise_issue {
    width: 100%;
    float: left;
}

.raise_issue .nav-tabs {
    margin: 20px 0 30px;
    border-bottom: 0.5px solid #DEEAF8;
    box-sizing: border-box;
}

.raise_issue .nav-tabs .nav-item {
    padding-right: 50px;
}

.raise_issue .nav-tabs .nav-link {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #627088;
    padding: 5px 0px 10px 0;
}

.raise_issue .nav-tabs .nav-link.active {
    font-weight: 600;
    background-color: transparent;
    border: 0;
    color: #272C35;
    border-bottom: 1px solid #272C35;
}

.raise_issue .nav-tabs .nav-link:hover,
.raise_issue .nav-tabs .nav-link:focus {
    border-color: #ffffff #ffffff #272C35;
}

.raise_issue .report_tabs {
    width: 100%;
    float: left;
}

.raise_issue .report_tabs h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: rgba(74, 74, 74, 0.8);
    margin-bottom: 2rem;
}

.raise_issue .report_tabs label {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.1px;
    color: rgba(99, 113, 136, 0.7);
}

.raise_issue .report_tabs select.form-control {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #1B2F51;
    background: #FAFAFA;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
    background-image: url(../images/arrowbtm.svg);
    background-repeat: no-repeat;
    background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.raise_issue .report_tabs textarea.form-control {
    background: #FAFAFA;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: rgba(74, 74, 74, 1);
}

.raise_issue .report_tabs .btn-sbmt {
    background: #3167EB;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    padding: 12px 95px;
    color: #FFFFFF;
}

.issue_reported {
    width: 100%;
    float: left;
    background: #EDF5FA;
    border: 1px solid #EBE4E4;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    padding: 30px 50px;
    margin-bottom: 50px;
}

.issue_reported .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.issue_reported h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;

    color: rgba(22, 22, 22, 0.9);
    margin: 0 0 15px;
}

.issue_reported h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.286667px;
    margin: 0;
    color: #4A4A4A;

}

.issue_reported .report_left {
    width: 70%;
    float: left;
}

.issue_reported .report_right {
    width: 30%;
    float: left;
}

.issue_reported .btn-goto {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #605F5D;
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 10px 16px;
    margin: 24px 0;
}

.mytest .issue_table td,
.mytest .issue_table th {
    padding: 0.75rem 1.5rem;
}

.mytest .issue_table td h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #061F5C;
}

.mytest .issue_table td h4 a {
    color: #3167EB;
    text-decoration: none;
}

.mytest .issue_table td h5 {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #07246C;
}

.mytest .issue_table td h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: rgba(7, 36, 108, 0.4);
}

.mytest .issue_table td:first-child,
.mytest .issue_table th:first-child {
    width: 170px;
}

.mytest .issue_table td:nth-child(2),
.mytest .issue_table th:nth-child(2) {
    width: 200px;
}

.mytest .issue_table th:first-child h6 {
    padding: 0;
}

.mytest .issue_table td .not_aplic {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    width: 116px;
    margin: 0;
    color: rgba(158, 158, 158, 0.6);
}

.raisecomment .modal-header h5 {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;

}

.raisecomment .primary-ac-dialog .modal-content label,
.raisecomment .primary-ac-dialog .modal-content spa {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    margin: 0;
    opacity: 1;


}

.raisecomment .primary-ac-dialog .modal-content spa {
    font-weight: normal;
    margin-left: 5px;
}

.raisecomment .primary-ac-dialog .modal-content {
    max-height: 700px;
    overflow-y: auto;
}
.viewMoreContainer{
    width: 100%;
    display: table-row;
    text-align: center;    
}
.viewMoreContainer.outside-btn .viewMoreBtn{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}
.viewMoreContainer .btn-vmore:hover {
    color: #395B8D;
    background: #EDF5FA;
}

.Sgroup {
    width: 100%;
    float: left;
    padding: 0 100px;
}
.Sgroup.supra{
    display: flex;
    align-items: center;
    height: calc(100vh - 170px);
}

.Sgroup h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 40px;
    color: #0C295C;
}

.Sgroup .steps {
    width: 100%;
    float: left;
    padding: 30px 0 40px;
}
.Sgroup.supra .steps{
    flex: auto;
}
.Sgroup.supra .steps:last-child{
    max-width: 300px;
    text-align: right;
}
.Sgroup.supra .steps:last-child .btn-dsheet{
    margin: 0;
}
.Sgroup .steps h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #161632;
    padding: 0 0 10px;
    margin: 0;
}

.Sgroup .steps h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #161632;
    padding: 0 0 20px;
}

.Sgroup .steps .btn-dsheet {
    background: #EDF5FA;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #395B8D;
    padding: 10px 24px;
    margin-right: 20px;
}

.Sgroup .steps p {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #818181;
    padding-left: 25px;
}

.Sgroup .steps .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.Sgroup .steps .btn-fupload {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    width: 178px;
    height: 44px;
}

.Sgroup .steps .upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 178px;
    height: 44px;
    cursor: pointer;
}

.school_group {
    width: 100%;
    float: left;
}

.school_group .sgroup_left {
    width: calc(100% - 310px);
    float: left;
    padding: 10px 0 0;
}
.allSchools.supra_groups .sgroup_left{
    width: 100%;
    padding: 15px 0 20px;
} 
.allSchools.supra_groups .dnldqmrk{margin-top: 13px;}
.allSchools.supra_groups .sgroup_left .downlod_formate{
    
    float: none;
}
.allSchools.supra_groups .sgroup_left .downlod_formate select{
    padding: 10px;
    font-weight: 500;
}
.school_group .sgroup_right {
    width: 310px;
    float: right;
    padding: 7px 0px 5px 0;
    text-align: right;
}
.school_group .sgroup_left .errorWrapper{padding: 0 10px;}

.school_group .sgroup_left .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 10px;
}
.school_group .sgroup_left .upload_wrp{
    width: auto;
    float: left;
    height: 44px;
}
.school_group .sgroup_left .btn-fupload {
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    color: #605F5D;
    width: 130px;
    height: 44px;
    font-family: 'Open Sans';
}

.school_group .sgroup_left .upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 130px;
    height: 44px;
    cursor: pointer;
}
.btn,input{font: 400 14px 'Open Sans';}

.school_group .sgroup_left .downlod_formate select,
.school_group .sgroup_right .downlod_formate select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    background-image: none;
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    color: #605F5D;
    font-family: 'Open Sans';
    padding: 0.75em;
    padding-right: 2.3rem;
}
.school_group .sgroup_left .downlod_formate{float: left;}

.school_group .sgroup_left .downlod_formate select::-ms-expand {
    display: none;
}

.school_group .sgroup_left .downlod_formate,
.school_group .sgroup_right .downlod_formate {
    position: relative;
    display: inline-block;
    width: 16em;
    height: 3.666em;
    line-height: 3;
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    overflow: hidden;
    margin-left: 0px;
}
.allSchools.supra_groups .sgroup_left .downlod_formate.mformate{
    width: auto;
}
.allSchools.supra_groups .sgroup_left .downlod_formate.mformate a{
    padding: 0.375rem 2.5rem 0.375rem 0.75rem;
    color: #605F5D;
}
.allSchools.supra_groups .sgroup_left .btn-fupload,
.allSchools.supra_groups .sgroup_left .upload-btn-wrapper input[type=file]{
    width: auto;
    font-weight: 500;
    padding: 0 22px;
}
.allSchools.supra_groups .sgroup_left .upload-btn-wrapper{
    margin: 0 10px 0 0;
}
.allSchools.supra_groups .sgroup_left .create_tag{
    vertical-align: top;
    margin-right: 10px;
}
.allSchools.supra_groups .sgroup_left .create_tag.dformate{
    margin-right: 0px;
}
.allSchools.supra_groups .sgroup_left .create_tag.dformate .dropdown-menu{
    min-width: 240px;
}
.allSchools.supra_groups .sgroup_left .create_tag .dropdown-toggle{
    font-weight: 500;
    height: 44px;
}

.allSchools.supra_groups .sgroup_left .btn-gnid{
    margin-left: 10px;
    font-weight: 500;
}
.allSchools.supra_groups .sgroup_left .download_cert{
    display: inline-block;
    vertical-align: top;
}
.allSchools.supra_groups .sgroup_left .download_cert a{
    padding: 12px 10px;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    background-color: #FAFAFA;
    text-decoration: none;
    display: block;
}
.school_group .sgroup_left .downlod_formate.mtype{
    width: 11.5em;
    float: left;
}
.school_group .sgroup_left .downlod_formate.mformate{
    width: 14em;
    float: left;
}

.school_group .sgroup_left .downlod_formate::after,
.school_group .sgroup_right .downlod_formate::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.2em;
    background: #FAFAFA url("../images/arrowbtm.svg") center center no-repeat;
    border-left: 1px solid #D7D7D7;
    box-sizing: border-box;
    height: 3.666em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.school_group .sgroup_left .btn-err_report{
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;
    color: #605F5D;
    padding: 12px 10px;
    vertical-align: top;
}
.school_group .sgroup_right label {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #605F5D;
    padding-right: 0px;
}
.school_group .sgroup_right select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    box-sizing: border-box;
    background-image: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: rgba(49, 103, 235, 0.9);

    padding: 0.75em;
}

.school_group .sgroup_right select::-ms-expand {
    display: none;
}
.school_group .sgroup_right .section{
    float: left;
    vertical-align: top;
    margin-left: 0px;
    position: relative;
    padding-right: 30px;
}
.school_group .sgroup_right .section::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 0px;
    padding: 0 1.2em;
    background: url("../images/arrowbtm.svg") center center no-repeat;
    box-sizing: border-box;
    height: 3.666em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.school_group .classList {
    width: 100%;
    float: left;
    margin: 20px 0 10px;
    position: relative;
}

.school_group .classList::after {
    content: '';
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    width: calc(100% + 20px);
    position: absolute;
    bottom: -10px;
    left: -10px;
}

.school_group .classList .classListNo {
    background-color: #fff;
    display: inline-block;
    margin: 10px 20px 10px 0;
    position: relative;
    width: calc(20% - 20px);
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
}

.school_group .classList .classListNo a {
    text-decoration: none;
}
.school_group .classList .classListNo.member{
    background: #F5FBFF;
border: 1px solid #D6CFCF;
}
.school_group .classList .classListNo.active{
    background: #F5FBFF;
    border: 1px solid #3167EB;
}
.school_group .classList .classListNo:nth-of-type(5n + 0) {
    margin-right: 0;
}

.school_group .classList .classListNo h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #403C42;
    margin: 0;
    padding-bottom: 5px;
}

.school_group .classList .classListNo h6 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: rgba(4, 28, 85, 0.6);
    margin: 0;
}

.school_group .classList label {
    padding: 20px;
    width: 100%;
    display: block;
    text-align: left;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    border-radius: 6px;
    margin: 0;
}

.school_group .classList label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    opacity: 0;
    z-index: -1;
    background: #F5FBFF;
    border: 1px solid #D6CFCF;
    border-radius: 4px;
}

.school_group .classList input:checked~label:before {
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

.school_group .classList input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.school_group .SchoolTag {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.school_group .SchoolTag .schoolTagList {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.school_group .SchoolTag .schoolTagList .schoolTagName {
    width: auto;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    border-radius: 6px;
    display: inline-block;
    margin: 0 20px 20px 0;
}
.school_group .SchoolTag .schoolTagList .schoolTagName.active{
    background: #F9FCFE;
}

.school_group .SchoolTag .schoolTagList .schoolTagName label {
    padding: 15px 25px;
    width: 100%;
    display: block;
    text-align: left;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    border-radius: 6px;
    margin: 0;
    font-weight: bold;
font-size: 14px;
line-height: 19px;
color: #4A4A4A;
}

.school_group .SchoolTag .schoolTagList .schoolTagName label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    opacity: 0;
    z-index: -1;
    background: #F5FBFF;
    border: 1px solid #D6CFCF;
    border-radius: 4px;
}

.school_group .SchoolTag .schoolTagList .schoolTagName input:checked~label:before {
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

.school_group .SchoolTag .schoolTagList .schoolTagName input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.allSchools {
    width: 100%;
    float: left;
    padding-top: 30px;
}
.allSchools.supra_groups .common-heading::before{content: none;}
.allSchools.supra_groups{padding: 0;}
.allSchools .common-heading {
    position: relative;
}

.allSchools .common-heading::before {
    content: '';
    position: absolute;
    left: -40px;
    top: 7px;
    background-image: url("../images/right-arrow.svg");
    background-repeat: no-repeat;
    width: 17.5px;
    height: 16.5px;
    cursor: pointer;
}

.allSchools .nav-tabs {
    border-bottom: 0
}

.allSchools .nav-tabs .nav-link {
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #627088;
    padding: 10px 26px
}

.allSchools .nav-tabs .nav-link:nth-of-type(1) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.allSchools .nav-tabs .nav-link:nth-of-type(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.allSchools .nav-tabs .nav-link.active {
    background: rgba(49, 103, 235, 0.3);
    color: rgba(49, 103, 235, 0.9);
}

.allSchools .nav-tabs img {
    width: 18px;
    height: 18px;
    margin: 10px 0 0 10px;
}
.allSchools .downlod_formate {
    position: relative;
    display: inline-block;
    width: 11em;
    height: 3.666em;
    line-height: 3;
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    overflow: hidden;
    margin-left: 0px;
}
.allSchools .downlod_formate select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    background-image: none;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #605F5D;
    padding: 0.85em 0.75em;
    padding-right: 2.3rem;
}

.allSchools .downlod_formate select::-ms-expand {
    display: none;
}



.allSchools .downlod_formate::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.5em;
    background: #FAFAFA url("../images/arrowbtm.svg") center center no-repeat;
    border-left: 1px solid #D7D7D7;
    box-sizing: border-box;
    height: 3.666em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.create_tag{
    display: inline-block;
}
.create_tag .dropdown-toggle{
    font-family: 'Open Sans';
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    background-image: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #605F5D;
    padding: 0 0 0 15px;
    height: 43px;
}
.create_tag .dropdown-toggle::after{
    background: url("../images/arrowbtm.svg") center center no-repeat;
    width: 16px;
    height: 42px;
    padding: 0 1.5em;
    border-left: 1px solid #D7D7D7;
    margin-left: 15px;
    vertical-align: middle;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}
.create_tag .dropdown-menu{
    overflow-y: auto;
    max-height: 225px;
    min-width: 315px;
}
.create_tag .dropdown-menu::-webkit-scrollbar{
    width: 12px;
    background-color: #fff;
}
.create_tag .dropdown-menu::-webkit-scrollbar-track {
    border-radius: 12px;
}
.create_tag .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 10px #c4bfbf;
    box-shadow: inset 0 0 10px #c4bfbf;
    background: #958C8C;
}
.table-responsive::-webkit-scrollbar{
    height: 8px;
}
.table-responsive::-webkit-scrollbar-track {
    border-radius: 8px;
}
.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #C4C4C4;
}
.create_tag .dropdown-menu .dropdown-item{
    font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #4A4A4A;
font-family: 'Open Sans';
padding: 10px 20px;
}
.create_tag .dropdown-menu .dropdown-item:active{background-color: transparent;}
.create_tag .dropdown-menu .dropdown-item:focus{outline: none;}
.create_tag .dropdown-menu .dropdown-item:hover{background: #EDF5FA;}
.create_tag .dropdown-menu .dropdown-item.active{
    font-weight: 600;
    background: #EDF5FA;
}
.create_tag .dropdown-menu .dropdown-item span{
    float: right;
}
.newtag_popup .modal-content{border: 0;border-radius: 0;padding: 30px;}
.newtag_popup .modal-content .modal-title{
    font-weight: bold;
font-size: 22px;
line-height: 30px;
color: #161616;
opacity: 0.9;
}
.newtag_popup .modal-content .close{
    position: absolute;
    top: 20px;
    right: 20px;
}
.newtag_popup .modal-content label{
    font-weight: 600;
font-size: 12px;
line-height: 17px;
letter-spacing: -0.1px;
color: #637188;
opacity: 0.7;
margin: 0 0 10px 0;
}
.newtag_popup .modal-content .form-control{
    background: rgba(248, 248, 248, 0.8);
border: 1px solid #DDDDDD;
box-sizing: border-box;
border-radius: 4px;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #444242;
height: 40px;
}
.newtag_popup .modal-content p{
    font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #757575;
opacity: 0.7;
text-align: right;
margin: 10px 0 0 0;
}
.newtag_popup .modal-content .modal-footer{
    border: 0;
}
.newtag_popup .modal-content .modal-footer .btn-create{
    background: #3167EB;
box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
border-radius: 4px;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
padding: 10px 45px;
margin-left: 20px;
}
.newtag_popup .modal-content .modal-footer .btn-cncl{
    font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #3167EB;
}
.allSchools .btn-gnid {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #605F5D;
    background: #FAFAFA;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    margin: 0 0 0 20px;
    padding: 11px;
    vertical-align: top;
    height: 42px;
}

.allSchools .btn-gnid:nth-last-child(2) {
    margin-right: 10px;
}

.allSchools .schoolsTab {
    width: 100%;
    float: left;
}

.allSchools .schoolsTab h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: rgba(53, 65, 83, 0.8);
    padding: 0;
    display: inline-block;
}
.allSchools.supra_groups .schoolsTab h5{
    padding: 20px 0;
}
.allSchools .schoolsTab ul{
    list-style: none;
    padding: 0px;
    margin: 10px 0;
    display: inline-block;
}
.allSchools .schoolsTab ul li{
    display: inline-block;
    padding: 11px 30px 11px 10px;
    margin: 5px 5px 5px 0;
    font-size: 14px;
    line-height: 18px;
}
.allSchools .schoolsTab ul li:first-child{padding-left: 0;}
.allSchools .schoolsTab ul li.unrecord{padding: 0;}
.allSchools .schoolsTab .alert-dismissible .close{
    padding: 0;
    top: 7px;
    right: 7px;
}
.allSchools.supra_groups .schoolsTab ul li h5{
    padding: 0;
    margin: 0;
}
.allSchools .dnldqmrk {
    vertical-align: top;
    margin: 10px 0 0;
}

.allSchools .schoolsTab .regularClass {
    position: relative;
    margin-bottom: 80px;
}
.allSchools .schoolsTab .regularClass .table-responsive{width: 99.8%;}
.allSchools .schoolsTab .regularClass .container-checkbox {
    top: 0;
}

.allSchools .schoolsTab .regularClass .table th:first-child {
    padding-left: 0.75rem;
}

.allSchools .schoolsTab .regularClass .table th span {
    margin: 0;
}

.allSchools .schoolsTab .regularClass .table th .container-checkbox {
    top: 6px;
}

.allSchools .schoolsTab .regularClass .table th span {
    vertical-align: middle;
}

.allSchools .schoolsTab .regularClass .table th h6 {
    color: #495A76;
    text-transform: uppercase;
    text-align: left;
    padding-right: 5px;
}

.allSchools .schoolsTab .regularClass .table th:last-child h6 {
    display: inline-block;
    text-align: left;
}

.allSchools .schoolsTab .regularClass .table th,
.allSchools .schoolsTab .regularClass .table td {
    border: 1px solid #DFDFDF;
    text-align: left;
    padding: 0.75rem;
}
.allSchools .schoolsTab .regularClass .table td:last-child,
.allSchools .schoolsTab .regularClass .table th:last-child{
    border-right: 2px solid #DFDFDF;
}
.allSchools .schoolsTab .regularClass .table th {
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #495A76;
}

.allSchools .schoolsTab .regularClass .table td h5 {
    padding: 0 0 0 5px;
    line-height: 20px;
    font-weight: normal;
    color: #272C35;
}

.allSchools .schoolsTab .regularClass .table td {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
}

.allSchools .schoolsTab .regularClass .table tr:last-child td {
    border: 0;
}

.allSchools .schoolsTab .regularClass .table td .form-control {
    border: 0;
    border-radius: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    padding: 0;
}
.allSchools .schoolsTab .regularClass .table td:nth-child(6),
.allSchools .schoolsTab .regularClass .table th:nth-child(6){
    min-width: 100px;
}
.tooltips {
    position: absolute;
    z-index: 20;
    padding: 1rem;
    width: 199px;
    background: #F5F5F5;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    display: none;
}

.tooltips.filter {
    width: 155px;
    background: #343B4C;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: 0;
}

.tooltips ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tooltips.filter ul li {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 10px 0;
}

.tooltips.filter ul li span {
    width: 30px;
    display: inline-block;
}

.fullscreen {
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 8px rgba(215, 216, 216, 0.94);
    border-radius: 6px;
    padding: 10px 20px;
    text-align: center;
    position: absolute;
    bottom: 100px;
    right: 10px;
    border: 0;
    z-index: 99;
}

.fullscreen:focus {
    box-shadow: none;
    outline: none;
}

.fullscreen h6 {
    font-weight: bold;
    font-size: 14px;
    line-height: 23px;
    color: #FFFFFF;
    display: inline-block;
    margin: 0 0 0 10px;
}

.modal-dialog.modal-large {
    width: 90%;
    max-width: initial;
}

.modal-large .modal-content {
    border-radius: 0;
    padding: 5px 25px 0;
}

.modal-large .modal-header .modal-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 31px;
    color: #0C295C;
    display: block;
    padding-bottom: 10px;
}

.modal-large .modal-header h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: rgba(53, 65, 83, 0.8);
    display: block;
}

.modal-large .modal-header {
    position: relative;
    display: block;
}

.modal-large .modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

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

.modal-large .allSchools {
    padding: 0;
}

.modal-large .allSchools .schoolsTab .regularClass .table tr:last-child td {
    border: 1px solid #DFDFDF;
}

.modal-large .allSchools .schoolsTab .regularClass .table th,
.modal-large .allSchools .schoolsTab .regularClass .table td {
    padding: 0.5rem 0.75rem;
}

.modal-large .btn-canecl {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #3167EB;
    border: 0;
    box-shadow: none;
}

.modal-large .btn-createg {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 12px 50px;
}

.assign_test {
    width: 100%;
    float: left;
    padding-top: 30px;
}

.assign_test .common-heading {
    position: relative;
}

.assign_test .common-heading::before {
    content: '';
    position: absolute;
    left: -40px;
    top: 10px;
    background-image: url("../images/right-arrow.svg");
    background-repeat: no-repeat;
    width: 17.5px;
    height: 16.5px;
    cursor: pointer;
}
.assign_test .common-heading.notest::before{content: none;}
.assign_test .common-heading.notest{position: relative;}
.assign_test .common-heading.notest .backarr{
    position: absolute;
    left: -40px;
    top: 4px;
    background-color: transparent;
    border: 0;
    padding: 0;
}
.assign_test.asmember .common-heading::before{content: none;}
.assign_test .testsheet {
    padding: 0;
    margin: 0;
}
.unassign_note{
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    opacity: 0.8;
    font-style: italic;
}
.assign_test .testsheet li {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    opacity: 0.8;
    display: inline-block;
    padding: 0 20px;
    position: relative;
}

.assign_test .testsheet li:first-child {
    padding-left: 0;
}

.assign_test .testsheet li:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 0px;
    width: 1px;
    height: 19px;
    background-color: #4a4a4a;
    opacity: 0.9;
}

.assign_test .testsheet li:last-child:after {
    content: none;
}

.assign_test .testwrp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 200px);
}

.assign_test .testwrp .testtitle {
    width: 100%;
    float: left;
    text-align: center;
}

.assign_test .testwrp .testtitle h1 {
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #0C295C;
    padding-bottom: 20px;
}

.assign_test .testwrp .testtitle .btn-assign-test {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    background: #3167EB;
    box-shadow: 0px 4px 4px rgba(196, 166, 80, 0.04);
    border-radius: 4px;
    padding: 12px 47px;
}

.select_test_group {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 70px;
    padding: 0 50px;
}
.select_test_group h6{
    font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #4A4A4A;
opacity: 0.8;
margin-bottom: 30px;
}

.select_test_group .group_type {
    background-color: #fff;
    display: block;
    margin: 20px 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.select_test_group .group_type .schools{
    display: none;
}

.select_test_group .group_type input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.select_test_group .group_type label {
    padding: 18px 20px 18px 55px;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
    overflow: hidden;
    margin: 0;
    display: flex;
    align-items: center;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
}

.select_test_group .group_type label h5 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #0C295C;
}

.select_test_group .group_type label:before {
    width: 13px;
    height: 10px;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.select_test_group .group_type label:after {
    width: 24px;
    height: 24px;
    content: "";
    border: 1px solid #5D697D;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 15px;
    top: 18px;
    cursor: pointer;
}

.select_test_group .group_type input:checked~label {
    background: rgba(49, 103, 235, 0.05);
    opacity: 0.96;
    border: 1px solid #3167EB;
}

.select_test_group .group_type input:checked~label h5 {
    color: #3167EB;
}

.select_test_group .group_type input:checked~label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(96, 96, 1);
    transform: translate(-50%, -50%) scale3d(96, 96, 1);
    opacity: 1;
}

.select_test_group .group_type input:checked~label:after {
    border: 1px solid #3167EB;
    background-image: url("/assets/images/Ellipse 166.svg");
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
.select_test_group .group_type.class_type .group_type{
    margin: 0;
    background-color: transparent;
}
.select_test_group .group_type.class_type label{
    display: block;
}
.select_test_group .group_type.class_type .group_type label{
    border: 0;
    padding: 8px 10px 8px 25px;
}
.select_test_group .group_type.class_type .group_type label:after{
    border-radius: 0;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
border: 1px solid #AFAFAF;
box-sizing: border-box;
border-radius: 4px;
top: 7px;
left: 1px;
}
.select_test_group .group_type.class_type .group_type input:checked~label:after{
    background-image: url("/assets/images/Vector 275.svg");
    background-color:  #3167EB;
    background-repeat: no-repeat;
    background-position: center;
}
.select_test_group .group_type.class_type .group_type input:checked~label{
    background-color: transparent;
}
.select_test_group .group_type.class_type .group_type label h5{
    font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #061F5C;
}
.select_test_group .group_type.class_type .group_type input:checked~label h5{
    color: #061F5C;
}
.class_list{
    width: 100%;
    float: left;
    border-bottom: 1px solid #DEEAF8;
    box-sizing: border-box;
    margin-top: 20px;
}
.class_list.review_as_tst{margin-top: 38px;}
.class_list .nav-tabs{
    padding: 0;
    margin: 0;
    border: 0;
}
.assign_test_group{
    width: 100%;
    float: left;
    padding: 0 0 70px;
}
.assign_test_group.time_slot{
    margin-bottom: 60px;
}
.class_list .nav-tabs .nav-item{
    font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #627088;
padding: 0 20px;
}
.class_list .nav-tabs .nav-item:first-child{padding-left: 0;}
.class_list .nav-tabs .nav-item:last-child{padding-right: 0;}
.class_list .nav-tabs .nav-item .nav-link{
    color: #627088;
    padding: 10px 0;
    border: 0;
}
.class_list .nav-tabs .nav-item .nav-link.active{
    color: #272C35;
    border-bottom: 1px solid #272C35;
}
.class_list h6{
    font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #2F4366;
margin: 10px 0 0;
}
.class_list h6 span{
    font-weight: bold;
    color: #3167EB;
}
.D-T-slot{width: 100%;float: left;padding: 30px 0 0;}
.className{width: 100%;float: left;padding: 42px 0 50px;}
.className h5{
    font-weight: normal;
font-size: 16px;
line-height: 35px;
color: #2F4366;
border-bottom: 1px solid #DEEAF8;
}
.className .btn-comlteslot{
    font-weight: normal;
font-size: 16px;
line-height: 35px;
color: #3167EB;
background-color: transparent;
border: 0;
float: right;
padding: 0%;
}
.className .btn-comlteslot:focus,.className .btn-comlteslot:hover,.className .btn-comlteslot:not(:disabled):not(.disabled):active{
    background-color: transparent;
    outline: none;
    box-shadow: none;
    border-color: transparent;
    color: #3167EB;
}
.className .table th,.className .table td{
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #637188;
    border: 0;
}
.className .table{
    margin-top: 4px;
}
.className .btn-date{
    font-weight: bold;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #395B8D;
background: #EDF5FA;
border-radius: 4px;
padding: 10px 20px;
}
.className .btn-time{
    font-weight: bold;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #395B8D;
background: rgba(237, 245, 250, 0.8);
border-radius: 4px;
padding: 10px 20px;
}
.className .timeslotContent .btn-time,
.className .timeslotContent .btn-date,
.className .timeslotContent .dateslot h6{
    font-size: 12px;
    padding: 10px;
}
.className .table .timeslotContent td input{
    font-size: 13px;
    padding: 5px;
    text-align: left;
    
}
.className .table .timeslotContent td .input-group{
    width: 145px;
}

.className .timeslotContent .dateslot .btn-remove{
    right: -21px;
}

.className .table td input{
    font-weight: normal;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #0C295C;
background: #F8F8F8;
border: 0.5px solid #DDDDDD;
box-sizing: border-box;
border-radius: 2px;
width: 56px;
height: 40px;
}
.className .table td span,.className .table td h5{
    font-weight: bold;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #0C295C;
border: 0;
}
.className .table td h5 span{
    font-weight: bold;
}
.className .table th:first-child,.className .table td:first-child{
    width: 190px;
}
.className .table th:last-child,.className .table td:last-child{
    width: 150px;
}
.className .dateslot{
    width: auto;
}
.className .dateslot h6{
    font-weight: bold;
font-size: 14px;
line-height: 19px;
text-align: center;
color: #395B8D;
padding: 10px 20px;
background: #EDF5FA;
border-radius: 4px;
display: inline-block;
position: relative;
}
.className .dateslot .tpicker{
position: relative;
display: inline-block;
}
.className .dateslot .btn-remove{
    position: absolute;
    top: 5px;
    right: -27px;
    padding: 0;
}
.className .table td .input-group{
    display: inline-block;
    width: 200px;
    flex-wrap: inherit;
}
.className .table td .input-group input{
    width: calc(100% - 50px);
    display: inline-block;
}
.className .table td .input-group .input-group-append{
    width: 40px;
    height: 40px;
    display: inline-block;
}
.className .table td .input-group .input-group-text{height: 40px;background-color: #EDF5FA;}
.bootstrap-datetimepicker-widget ul {margin:0}
.bootstrap-datetimepicker-widget.dropdown-menu{margin:0;padding:0;}
.bootstrap-datetimepicker-widget .timepicker .table-condensed td{padding: 0 10px;width:auto;vertical-align:middle;text-align:center}
.bootstrap-datetimepicker-widget .timepicker .table-condensed td a{font-size:13px; padding: 0 10px}
.className .timeslotContent th,.className .timeslotContent td{padding: 1.2rem 0.75rem;}
.designate .class_list .nav-tabs .nav-item .nav-link{
    color: #272C35;
}
.designate .value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
.designate .value-button:hover {
    cursor: pointer;
  }
  
.designate .decrease {
    margin-right: -3px;
    border-radius: 8px 0 0 8px;
  }
  
.designate .increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
  }
.assign_test_group.designate .decrease{vertical-align: top;}
.assign_test_group.designate .increase{vertical-align: top;}
.designate #input-wrap {
    margin: 0px;
    padding: 0px;
  }
  
.designate .number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
  }
  
.designate input[type=number]::-webkit-inner-spin-button,
.designate input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
.className.designate_slot .radio-container{margin: 0;padding: 15px 0 0 10px;}
.className.designate_slot .radio-container .container-checkbox .check-mark{
    border: 1px solid #9AA7BE;
}
.className.designate_slot .container-checkbox input:checked~.check-mark{
    background-color: #ffffff;
}
.className.designate_slot .radio-container .container-checkbox .check-mark:after{
    background-color: #546685;
    top: 0.2rem;
    left: 0.2rem;
}
.className.designate_slot .radio-container h5{
    font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #4A4A4A;
display: inline-block;
border: 0;
padding-left: 7px;
}
.className.designate_slot .radio-container.active h5{font-weight: 600;}
.allSchools.supra_school{padding: 0;}
.supra_school .common-heading::before{content: none;}
.supra_school .supra_search{
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0 20px;
}
.supra_school .supra_search .form-control{
    width: calc(100% - 50px);
    height: 44px;
    border: 1px solid #E3E3E3;
    padding: 0 15px;
    border-radius: 4px 0 0 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: rgba(74, 74, 74, 0.5)
}
.supra_school .supra_search .btn-search{
    padding: 0 15px;
    border-radius: 0 5px 5px 0;
    background: #3167EB;
    position: absolute;
    top: 0;
    right: 1px;
    width: 50px;
    height: 44px;
}
.supra_school .supra_type{
    width: auto;
    display: inline-block;
    padding: 7px 0 0 20px;
    margin: 10px 0 20px;
}
.supra_school .supra_type h6{
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    display: inline-block;
    margin: 0;
}
.supra_school .supra_type label{margin: 0;}
.supra_school .supra_table label{margin: 0;}
.supra_school .supra_table h6{
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    display: inline-block;
    margin: 0;
}
.supra_school .supra_table{
    width: 100%;
    float: left;
}
.supra_school .supra_table h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: rgba(53, 65, 83, 0.8);
    padding: 0;
    display: inline-block;
}

.supra_school .supra_table .table-responsive{width: 99.8%;}
.supra_school .supra_table .container-checkbox {
    top: 0;
}

.supra_school .supra_table .table th:first-child {
    padding-left: 0.75rem;
}

.supra_school .supra_table .table th span {
    margin: 0;
    display: inline-block;
}
.supra_school .supra_table .table th .btn-sort {
    padding: 0;
    margin: 0;
    display: block;
    height: 7px;
}
.supra_school .supra_table .table th .btn-sort img{vertical-align: top;}

.supra_school .supra_table .table th .container-checkbox {
    top: 6px;
    margin-right: 5px;
}

.supra_school .supra_table .table th span {
    vertical-align: middle;
}

.supra_school .supra_table .table th h6 {
    color: #495A76;
    text-transform: uppercase;
    text-align: left;
    padding-right: 5px;
}

.supra_school .supra_table .table th:last-child h6 {
    display: inline-block;
    text-align: left;
}

.supra_school .supra_table .table th,
.supra_school .supra_table .table td {
    border: 1px solid #DFDFDF;
    text-align: left;
    padding: 0.75rem;
    vertical-align: middle;
}
.supra_school .supra_table .table td:last-child,
.supra_school .supra_table .table th:last-child{
    border-right: 2px solid #DFDFDF;
}
.supra_school .supra_table .table th {
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #495A76;
    background: #F0F3F6;
}

.supra_school .supra_table .table td h5 {
    padding: 0 0 0 5px;
    line-height: 20px;
    font-weight: normal;
    color: #272C35;
    vertical-align: super;
}

.supra_school .supra_table .table td {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
}

.supra_school .supra_table .table tr:last-child td {
    border: 0;
}

.supra_school .supra_table .table td .form-control {
    border: 0;
    border-radius: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    padding: 0;
}
.supra_school .supra_table .table td .multiselect{
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    font-family: 'Open Sans';
    left: -10px !important;
}
.supra_school .supra_table .custom-btn .dropdown-menu{
    padding: 10px;
}
.supra_school .supra_table .custom-btn .dropdown-menu li{
    font-family: 'Open Sans';
    line-height: 20px;
}
.supra_school .supra_table .custom-btn .dropdown-menu label{
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
}
.supra_school .supra_select{
    width: 100%;
    float: left;
    padding: 5px 0 20px;
}
.supra_school .supra_select .downlod_formate{
    padding-right: 2.3rem;
    width: auto;
    margin-right: 10px;
}
.supra_school .supra_select .downlod_formate select{
    line-height: 21px;
}
.modal.guideliine .modal-dialog{max-width: 900px;width: 100%;}
.modal.guideliine .modal-dialog .want-cancel{font-size: 14px;padding: 2.2rem;}
.modal.guideliine .modal-dialog .denyActionBtn{position: absolute;top: 8px;right: 25px;z-index: 9;}
.className.designate_slot .downlod_formate{
    position: relative;
    display: inline-block;
    width: 100%;
    background: #EDF5FA;
    border: 1px solid #EDF5FA;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgb(196 166 80 / 4%);
    border-radius: 4px;
    overflow: hidden;
    margin-left: 0px;
}
.className.designate_slot .downlod_formate select{
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #EDF5FA;
    border: 1px solid #EDF5FA;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgb(196 166 80 / 4%);
    border-radius: 4px;
    background-image: none;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #395B8D;
    padding: 0.75em;
    padding-right: 2.3rem;
}
.className.designate_slot .downlod_formate:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.5em;
    background: #EDF5FA url(../images/arrowbtm.svg) center center no-repeat;
    box-sizing: border-box;
    height: 3.666em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.className.designate_slot label{
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #637188;
    border: 0;
}
.className.classNameSupraOther .multiselect-native-select{
    position: relative;
    float: left;
width: 100%;
background: #EDF5FA;
border: 1px solid #EDF5FA;
box-sizing: border-box;
border-radius: 4px;
margin-left: 0px;
}
.className.classNameSupraOther .multiselect-native-select .btn-group{
    width: 100%;
    display: flex;
}
.className.classNameSupraOther .multiselect-native-select .btn-group .multiselect{
    width: 100%;
}
.className.classNameSupraOther .multiselect-native-select .multiselect-selected-text{
    width: 85%;
    float: left;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.className.classNameSupraOther .multiselect-native-select .dropdown-toggle::after{
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    padding: 0 1.5em;
    background: #EDF5FA url(../images/arrowbtm.svg) center center no-repeat;
    box-sizing: border-box;
    height: 2.5em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    margin-left: 0;
    vertical-align: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.className.classNameSupraOther .multiselect-native-select .multiselect-container{
    width: 100%;
    padding: 10px;
}
.className.classNameSupraOther .multiselect-native-select .multiselect-container li{
    padding: 5px 0;
}
.className.classNameSupraOther .multiselect-native-select .multiselect-container .checkbox{
    padding: 0;
    font-size: 14px;
line-height: 19px;
font-weight: normal;
}
input:focus-visible {
    outline: none;
}
.className.classNameSupraOther .multiselect-native-select .multiselect-container .checkbox input[type="checkbox"]{
    width: 15px!important;
    height: 15px!important;
    vertical-align: top;
    margin: 2px 0 0;
}
.className.classNameSupraOther .dateslot{
    width: 86%;
}
.className.classNameSupraOther .table{table-layout: fixed;}
.className.classNameSupraOther .table th,
.className.classNameSupraOther .table td{
    width: 12%;
}
.className.classNameSupraOther .table th:nth-child(4),
.className.classNameSupraOther .table td:nth-child(4){
    width: 12%;
}

.className.classNameSupraOther .table th:last-child,
.className.classNameSupraOther .table td:last-child{
    width: 270px;
}

/* media query for all the screen */

@media (max-width: 1199px) {
    .signup form {
        padding: 0;
    }

    .signup .signupac ul {
        width: 70%;
    }

    .productBox .test_col {
        width: calc(33.33% - 18px);
        margin: 0 10px 15px;
    }

    .productBox .test_col .test_view h4 {
        padding-right: 0;
    }

    .productBox .test_col .test_detail {
        padding: 10px
    }

    .productBox .test_col .test_view .btn-quickview {
        padding: 10px 5px;
        font-size: 13px;
    }

    .productBox .cat_col {
        width: calc(25% - 15px);
        margin: 0 10px;
        padding: 20px;
    }

    .school_group .classList .classListNo {
        width: calc(25% - 20px);
    }

    .school_group .classList .classListNo:nth-of-type(5n + 0) {
        margin-right: 20px;
    }

    .school_group .classList .classListNo:nth-of-type(4n + 0) {
        margin-right: 0;
    }

    .school_group .classList label {
        padding: 18px;
    }

    .school_group .sgroup_left .btn-fupload {
        width: 150px;
    }
    .productBox .test_col .test_banner,.productBox .test_col .test_top  {height: 100px;}
}

@media (max-width: 992px) {
    .login.signup {
        padding: 50px 50px 20px;
    }

    .signup .signupac h1 {
        padding: 0 40px 20px 0;
    }

    .signup .signupac ul {
        width: 100%;
    }

    .signup form {
        padding: 0;
    }

    .productBox .test_col {
        width: calc(33.33% - 18px);
        margin: 0 10px 20px;
    }

    .productBox .test_col .test_detail {
        padding: 10px;
    }

    .productBox .test_col .test_view h4 {
        padding-right: 0;
    }

    .productBox .test_col .test_view .btn-quickview {
        font-size: 13px;
        padding: 8px 6px;
    }

    .product-box .product-desc {
        padding: 0 0 0 20px;
    }

    .product-box .product-desc .product-text {
        width: 100%;
    }

    .filter-type {
        width: 80%;
    }

    .note_common {
        width: 95%;
    }

    .product-box .product-desc .addcart,
    .product-box .product-desc .quickbuy {
        width: 160px;
    }

    .product-property .desc {
        width: calc(25% - 10px);
        margin: 0 10px;
    }

    .aptitude_test {
        width: 90%;
    }

    .Sgroup {
        padding: 0;
    }

    .Sgroup h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .Sgroup .steps h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .productBox .test_col .test_banner,.productBox .test_col .test_top  {height: 100px;}
    .productBox .test_col .test_detail h4{font-size: 15px;line-height: 22px;}
}

.no-flex {
    display: block;
}

@media (min-width: 768px) {
    .search-design {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .login.signup {
        padding: 20px;
    }

    .signup form {
        padding: 0;
    }

    .productBox .test_col {
        width: calc(100% - 0px);
        margin: 0 0 15px;
    }

    .productBox {
        padding: 0 15px
    }

    .productBox .cat_col {
        width: calc(100% - 0px);
        margin: 0 0 10px;
    }

    .search-design {
        display: none;
    }

    .search-form {
        display: block
    }

    .login {
        width: 100%;
        display: block;
        border-color: transparent;
        padding: 0 15px;
    }

    .login h1 {
        font-size: 28px;
        line-height: 31px;
    }

    .login .btn-facebook,
    .login .btn-google {
        width: 100%;
        margin: 0 0 10px;
    }

    .login .form-control {
        font-size: 14px;
    }

    .login .form-control#user_password {
        font-size: 16px;
    }

    .login.signup {
        margin-top: 70px;
        margin-bottom: 0;
    }

    .signup .signupac h1 {
        font-size: 24px;
        line-height: 30px;
        padding: 0;
    }

    .login .or:after {
        width: 100%;
        left: 0;
    }

    .Sgroup h1 {
        font-size: 20px;
        line-height: 26px;
    }

    .Sgroup .steps h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .Sgroup .steps .btn-dsheet {
        width: 160px;
        margin-bottom: 20px;
        margin-right: 15px;
    }

    .Sgroup .steps {
        padding-bottom: 20px;
    }
}

@media (max-width: 479px) {
    .login .pact {
        padding: 0;
    }
    .productBox .test_col .test_banner, .productBox .test_col .test_top {
        height: 120px;
    }
    .productBox .test_col .test_detail h4{min-height: initial;}
}