body {
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.nevicon {
    background: url('../../images/assets/menu.png') no-repeat;
    background-size: contain;
    padding: 20px;
}

.disicon {
    display: flex;
}

.logohead img {
    background-position: top;
    margin-top: -7px;
    margin-left: 20px;
    height: 50px;
}

.nevicon_w {
    background: url(../../images/assets/menu_w.png) no-repeat;
    background-size: contain;
    position: absolute;
    padding: 20px;
    left: 10px;
    cursor: pointer;
    /* z-index: 999999; */
}

.sidelogo {
    padding: 9px 31px;
    float: right;
    width: 45%;
}

.sidebar {
    position: relative;
    width: 250px;
    font-size: 20px;
    border-radius: 0px;
    overflow: hidden;
    color: #fff;
    padding: 1% 0;
}

    .sidebar:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #0a1f56;
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        border-radius: 0;
        z-index: -1;
        box-shadow: 0 0 7px 0 #000;
    }

.sidemenu {
    margin-bottom: 0;
    list-style: none;
    text-align: right !important;
    /* float: right !important; */
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-13deg);
    position: absolute;
    width: 100%;
    left: 25%;
}

    .sidemenu > li {
        position: relative;
        display: block;
        transform: skew(13deg) !important;
        text-align: center;
        padding: 10px 0;
    }

        .sidemenu > li > a:focus, .sidemenu > li > a:hover {
            text-decoration: none;
            background-color: #eee;
            border: solid 2px #ffbe33;
            display: block;
            padding: 8px 32px !important;
            border-radius: 50px;
        }

.dash_head {
    padding: 30% 0;
    text-align: -webkit-right;
}

.welcome_inner {
    position: fixed;
    width: 44%;
}

.welco_text {
    width: 70%;
}

    .welco_text > .com {
        font-size: 25px;
        color: #0a1f56;
        text-align: end;
        line-height: 10px;
        font-weight: 700;
    }

    .welco_text > .title {
        font-size: 80px;
        color: #141414;
        line-height: 80px;
        font-weight: 300;
    }

.logout {
    background: #f8164d;
    border: solid 1px #f8164d;
    border-radius: 50px;
    color: #fff !important;
}

.accountarea {
    padding: 0;
    text-align: -webkit-right;
}

.account {
    font-size: 30px;
    color: #0a1f56;
    font-weight: 600;
}

    .account img {
        width: 60%;
    }

.logout_text {
    display: block;
    line-height: 10px;
}

    .logout_text a {
        text-decoration: none;
        color: #0a1f56;
        font-size: 20px;
    }

label {
    font-weight: 400 !important;
    color: #0a1f56 !important;
}

.formbtn {
    border-radius: 20px;
}

.btnarea {
    padding: 10px 0;
}

.addmore {
    background: #0a1f56;
    border: solid 1px #0a1f56;
}

.reset {
    background: #ed1c24;
    border: solid 1px #ed1c24;
}

.save {
    background: #ffa843;
    border: solid 1px #ffa843;
}

.contentarea {
    width: 100%;
    height: 140px;
    max-height: 140px;
}

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

.btnmain {
    padding: 2px 11px 4px 11px !important;
    margin: -2px;
}

.option_area {
    text-align: -webkit-right;
}

.searcharea {
}

.searchgroup {
    border: solid 1px #d8d8d8;
    border-radius: 5px;
}

.textfield {
    border: none !important;
}

.srachbtn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0) !important;
    padding: 6px 22px;
    color: #0a1f56;
}

.mdst {
    color: #0a1f56;
    font-weight: 600;
}

.mdpr {
    color: #061335;
    font-weight: 600;
}

.mdhis {
    color: #b5b9b7;
    font-weight: 600;
    text-align: right;
}

.boxarea {
    border: solid 1px #e5e5e5;
    padding: 5px 15px;
    margin: 10px 0;
}

.btn-edit {
    border: solid 1px #c9c9c9;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.btn-del {
    border: solid 1px #c9c9c9;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.penname {
    color: #0c2158;
    font-weight: 600;
}

.headernav {
    position: relative;
    margin-top: 75px;
    background: #fbfbfb;
    height: 40px;
}

.headermenu li a {
    padding: 10px 20px;
    color: #acadb5;
    background: #fbfbfb !important;
}

    .headermenu li a:hover, .headermenu li a:focus, .headermenu li a:active, .headermenu .active a {
        border-bottom: solid 2px #ffbe33;
        color: #0a1f56;
    }

.headermenu .verstrip {
    border-right: solid 1px #dcd0d0;
    /* height: 20px; */
    /* margin: 10px; */
    position: relative;
}

.textaddress {
    height: 104px !important;
}

.mobcs {
    color: #7f7b7b;
}

.drid {
    padding: 0 10px;
}

.malecs {
    color: #ffa843;
}

.input-group-check {
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #dedddd !important;
    border: 1px solid #d0cbcb !important;
}
/* The container */
.chcontainer {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
}


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

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

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

.checkgroup {
    -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0) !important;
    margin: 5px 0;
}

.input-group-success {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #39b54a !important;
}

.input-group-warning {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ffa843 !important;
}

.input-group-info {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #004a80 !important;
}

.note {
    color: #120102;
    font-weight: 600;
}

.noteerr {
    color: #ed1c24 !important;
    font-weight: 600;
}

.right_opt, .checksuccess {
    color: #39b54a !important;
}

.optionlist li {
    font-size: 13px;
}

.dropoption img {
    width: 20px;
}

.optionflowliost {
    list-style-type: none;
    margin-left: -41px;
}

.listled1 {
    list-style-type: none;
}

.listled2 {
    list-style-type: none;
}

.listvalue {
    list-style-type: none;
    font-size: 12.5px;
    line-height: 39px;
    color: #000;
    font-weight: 400;
}

.questitle {
    color: #0a1f56;
    font-weight: 600;
}

.dropoption {
    text-decoration: none;
    color: #4a4949;
}

.chooseption {
}

.notelabel {
    color: #f7931e;
    font-size: 12px;
}
/*
upload image

*/

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

.upbtn {
    border: 2px solid #f7931e;
    color: white;
    background-color: #f7931e;
    padding: 2px 20px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 70%;
}

.optionlist li {
    color: #5a595e;
    font-size: 13px;
}

.anstitle {
    color: #5a595e;
    font-size: 14px;
}

.noboxarea {
    border: none;
    padding: 5px 15px;
    margin: 10px 0;
}

.uploadsection {
    padding: 10px 5px;
}

.rowcss {
    border-bottom: solid 1px #bababa;
    padding: 10px 0;
}

.testcss {
    color: #635d5d;
    font-weight: 400;
    font-size: 12px;
    text-transform: initial;
}

.slimScrollDiv {
    height: 460px;
}

/* institute login */

.bodybg {
    background: url('../../images/assets/student-assets/stubg.jpg') no-repeat;
    background-size: cover;
}

.footercss {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 9px;
    padding-bottom: 10px;
    background: #fff !important;
    width: 100% !important;
}

.formarea {
    margin: 10%;
    height: auto;
    padding: 20px;
    border: solid 1px #f49f44;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 0px 40px 10px #0a1a44;
}

.formlogo {
    background: url('../../images/assets/CARE LOGO _w.png')no-repeat;
    background-size: contain;
    padding: 40px;
    background-position: center;
    margin: 10px;
}

.innerform {
    margin: 20% 0 0 0;
}

    .innerform h3 {
        padding: 15px 0;
        color: #ffbe33;
        font-weight: 600;
        font-size: 30px;
    }

.inputform {
    display: block;
    text-align: center;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #0a1f56;
    background-image: n;
    border-bottom: 1px solid #ffa04d;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .inputform:focus {
        border-color: #ffffff;
        background: none;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.06);
    }

    .inputform::-webkit-input-placeholder {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        font-style: italic;
    }

.submitbtn {
    background: #ffbe33;
    color: #14285d;
    font-weight: 600;
    width: 57%;
    height: 50px;
    font-size: 20px;
    border-radius: 50px;
    border: solid 1px #ffbe33;
}

    .submitbtn:hover {
        background: #ffbe33;
        color: #fff;
        width: 57%;
        height: 50px;
        font-size: 20px;
        border-radius: 50px;
        border: solid 1px #ffbe33;
    }

.formfoot {
    color: #5269a5;
    font-weight: 500;
}

.logindata {
    padding: 25%;
}

.righttext {
    font-size: 40px;
    color: #ffbe33;
}

.smarttext {
    font-size: 66px;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 10px 15px #000;
}

.footertext {
    margin-bottom: 0;
    text-align: center !important;
    font-size: 13px;
}
/* dashboard */
.stunavbar {
    background: #2550bf3b;
    padding: 10px 0;
    border-bottom: solid 1.5px #384f8a;
    border-radius: 0;
    margin-bottom: 0;
}

.useraccount ul {
    line-height: 25px;
    font-size: 25px;
    list-style-type: none;
}

.useraccount .nav > li > a:focus, .useraccount .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.useraccount .nav .open > a, .useraccount .nav .open > a:focus, .useraccount .nav .open > a:hover {
    background-color: transparent;
    border-color: #337ab7;
}

.useraccount ul > li a {
    color: #fff;
    font-size: 17px;
}

.useraccount ul > li ul li a {
    color: #353434;
}

.bar {
    border-left: solid 1px #fff;
}

.stu_logout_text {
    border-radius: 50px;
    border: solid 1.5px #ffa843;
    padding: 10px 20px;
}

.dasc_bar_icon {
    background: url(../../images/assets/student-assets/line.png) no-repeat;
    padding: 50px;
    background-position: center;
    background-size: contain;
}

.dasboardarea {
    display: block;
    text-align: center;
    padding: 80px 0;
}

.das_title_area {
    padding: 2% 0;
}

.main_title {
    color: #fff;
    font-size: 40px;
}

.sub_title {
    color: #fff;
    font-size: 70px;
    font-weight: 600;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    text-transform: uppercase;
}

.das_title {
    line-height: 40px;
}

.canname {
    color: #fbaf5d;
}

.dasboard_icon img {
   /* width: auto;
    height: auto;*/
   width:120px;
   height:120px;
    max-height: 100%;
    max-width: 100%;
}

.dasboard_icon h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.dasboard_icon {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

    .dasboard_icon img:hover {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
        transition-duration: 300ms;
        transition-delay: 100ms;
        box-shadow: 0px 0px 30px 0px #5693ca;
        z-index: 9999;
        border-radius: 50%;
        transition-property: initial;
        transform-style: flat;
        transition-timing-function: ease-in;
    }

/* revision page */

.formbg {
    padding: 30px 10px;
    height: -webkit-fill-available;
    position: fixed;
    background: #e9ebf0;
    width: 100%;
}

.hrreuler {
    border-top: 1px solid #3a1c1c !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.formsection {
    display: block;
    padding: 0 15%;
}

.headtitle {
    color: #000;
    font-size: 18px;
    text-align:center;/*23-06-2025 FZ*/
}

.question_sec {
    background: #fff;
    border-radius: 10px;
    margin: 10px 0;
    text-align:center;
}

.rowbar {
    border-left: solid 1px #eae2e2;
    margin: 10px 0;
    padding: 4px 0;
}

.subtitle {
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.subcat {
    font-size: 18px;
    color: #383333;
}

.startbtn {
    background: #ffa843;
    text-align: right;
    color: #fff;
    height: 50px;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}

.searchbox {
    height: 50px !important;
    font-size: 2rem;
}
/* file in the blank page */
.icontextarea {
    padding: 25% 10%;
}

.filtexttitle {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.textborder {
    border-top: 2px solid #384f8a;
}

.notes {
    color: #ffbb41;
    font-weight: 400;
}

.textnote {
    color: #fff;
    font-size: 18px;
}

.questionpanel, .pannelfoot {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    /* -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.08); */
    /* box-shadow: 0 0px 0px rgba(0, 0, 0, 0); */
    background-color: #0b205700;
    margin-bottom: 30px;
}

.scrollerbg {
    border-right: solid 4px #1f4199;
    right: 4px;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}

.pannelfoot {
    margin: 10px 0;
    padding: 10px 15px;
    background-color: #f5f5f500;
    border-top: 2px solid #384f8a;
}

.slimScrollDiv {
    height: 480px;
}

.slimScrollBar {
    background: #5d81de !important;
    width: 10px !important;
    position: absolute;
    top: 12px;
    opacity: 0.9 !important;
    display: none;
    border-radius: 7px;
    z-index: 99;
    right: 1px;
    height: 150px !important;
}

.question_sec1 {
    background: #fff;
    border-radius: 10px;
    margin: 0px 0;
    height: auto;
    color: #5d5959;
    display: inline-grid;
    width: 100%;
}

    .question_sec1 h4 {
        margin: 0;
    }

.question_sec2 {
    background: #fff;
    border-radius: 10px;
    margin: 0px 0;
    height: auto;
    color: #5d5959;
    display: inline-grid;
    width: 100%;
    padding: 10px 0;
}

    .question_sec2 h4 {
        margin: inherit;
    }

.sno {
    font-weight: 600;
}

.optionarea {
    background: #ffee98;
    width: auto;
    display: -webkit-inline-box;
    height: 45px;
    vertical-align: middle;
    /* padding: 10px; */
    color: #b79000;
    border: dashed 2px;
    margin: 5px;
}

.questionmark {
    display: -webkit-inline-box;
    /*display: inline-block;*/
    display: contents;
}

.anssection {
    padding: 15px 20px;
    float: right;
}

.ansarea {
    display: inline-block;
    margin: 5px;
    width: auto;
    text-align: center;
    padding: 5px 20px;
    border: dashed 2px #fff;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    cursor: move;
}


.totalques {
    font-size: 18px;
    color: #fff;
}

.submitbtndanger {
    background: #f12a2a;
    border: none;
    font-weight: 600;
    width: auto;
    height: 45px;
    font-size: 20px;
    border-radius: 50px;
}
/*  instruction page */

.institle {
    font-size: 35px;
    text-transform: uppercase;
    color: #ffbb41;
    font-weight: 500;
}

.institle1 {
    font-size: 22px;
    text-transform: initial;
    color: #ffbb41;
    font-weight: 600;
    padding: 5px 30px;
}

.inssubtitle {
    color: #fff;
    font-size: 22px;
    text-transform: none;
}

.instlist {
    font-size: 17px;
    color: #fff;
    list-style-type: decimal;
}

.insbtn {
    margin: 5px;
    font-size: 18px;
    border-radius: 10px;
    width: 80px;
}

.yes {
    background: #fff;
    color: #d62a2a;
    border-color: #fff;
}

.no {
    background: #d62a2a;
    color: #ffffff;
    border-color: #d62a2a;
}

.pannelfootborder {
    border-top: 2px solid #f69679;
    width: 50%;
}
/*.ansareaimg{
		    display: inline-block;
    margin: 5px;
    width: auto;
    text-align: center;
       padding: 0;
    border: dashed 2px #fff;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    cursor: move;
	}*/
.bgdash {
    background: #fff;
    padding: 2px;
    border-radius: 10px;
}

    .bgdash:hover {
        transform: scale(1.3);
        transition-delay: 100ms;
        transition-property: initial;
        transform-style: flat;
        transition-duration: 300ms;
        transition-timing-function: ease-in;
    }

    .bgdash img {
        width: 100px;
        height: 121px;
        max-height: 121px;
    }

.blankspace {
    height: 55px;
}
/*.ansarea1{
		        display: inline-block;
    margin: 5px;
    width: auto;
    text-align: center;
       padding: 4% 4px;
    border: dashed 2px #fff;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    cursor: move;
      height: 145px;
    width: 120px;
	}*/
.swaparea {
    overflow: auto !important;
    height: 500px !important;
    max-height: 500px !important;
}

.labletext {
    display: inline-grid;
    text-align: center;
    color: #fb931c;
}

.optionsection {
    display: inline-flex;
    padding: 10px 0;
}

.scrollhorzental {
    position: relative;
    overflow: auto;
    width: 100%;
    height: auto;
    padding: 2px 20px;
    margin: 5px 0;
}

.horizetalbar {
    background: #5d81de !important;
    width: 10px !important;
    position: absolute;
    top: 12px;
    opacity: 0.9 !important;
    display: none;
    border-radius: 7px;
    z-index: 99;
    right: 1px;
    height: 262.642px;
}

.scrollhorzental::-webkit-scrollbar {
    height: 12px;
}

.scrollhorzental:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: #294388;
}


.scrollhorzental:hover::-webkit-scrollbar-thumb {
    background-color: #5d81de;
    outline: 1px solid #1f4199;
    border-radius: 20px;
    transition-duration: 300ms;
    transition-delay: 100ms;
    transition-property: initial;
}

.blankoption {
    width: 160px;
}

.ansti {
    color: #f12a2a;
}

.correctans {
    color: #f12a2a;
    font-weight: 600;
}

.correctans1 {
    color: #73932b;
    font-weight: 600;
}

.ansarea2 {
    display: inline-block;
    margin: 5px;
    width: 100%;
    text-align: left;
    padding: 5px 12px;
    border: dashed 2px #fff;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    cursor: move;
}

.anssection2 {
    padding: 5px 20px;
}
/*changes 290519*/
.ansarea3 {
    display: inline-block;
    margin: 5px;
    width: auto;
    text-align: center;
    padding: 5px 20px;
    border: dashed 2px #fff;
    color: #fec11b;
    font-size: 17px;
    border-radius: 10px;
    cursor: move;
}

    /*:ansarea3 {
    background: #ffbb41;
    border: solid 2px #ffa80f;
    color: #fff;
}*/
    .ansarea3:active, .ansarea3:visited, .ansarea3:focus-within {
        /*background: #ffbb41;
    border: solid 2px #ffa80f;*/
        color: #fff;
    }
/*end*/
.listvalue1 {
    list-style-type: none;
    font-size: 20px;
    line-height: 44px;
    color: #e4e0e0;
    font-weight: 400;
}

.listoption {
    list-style-type: none;
    font-size: 20px;
    line-height: 44px;
    color: #e4e0e0;
    font-weight: 400;
}

    .listoption li {
        border: dashed;
        border-radius: 10px;
        padding: 0 10px;
        margin: 10px 0;
    }

.listoption1 {
    list-style-type: none;
    font-size: 20px;
    line-height: 44px;
    color: #e4e0e0;
    font-weight: 400;
}

    .listoption1 li {
        padding: 0 10px;
        margin: 15px 0;
    }

.questitle2 {
    color: #ffba18;
    font-weight: 600;
    font-size: 24px;
    padding: 0 50px;
}

.flochartarea {
    width: 100%;
}

.bgdash1 {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

    .bgdash1 img {
        width: 100%;
        max-width: 310px;
        height: auto;
    }
/*.ansareaimg1 {
    display: inline-block;
    margin: 5px;
    width: 100%;
    text-align: center;
    padding: 0;
    border: dashed 2px #fff;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    cursor: move;
}*/
.sntext {
    color: #ffbb41;
}

.anstext {
    color: #fff;
}

.panel {
    /*height: 534px;*/
}

/*responsive */
@media all and (max-width: 1366px) and (min-width: 1440px) {
    .formarea {
        margin: 5%;
        height: auto;
        padding: 30px;
        border: solid 1px #f49f44;
        border-radius: 20px;
        text-align: center;
        box-shadow: 0px 0px 40px 10px #0a1a44;
    }

    .slimScrollDiv {
        height: 430px;
    }

    .panel {
        height: 500px;
    }

    .custom-tabs-line ul > li a {
        color: #8d9093;
        font-weight: normal;
        padding: 10px 65px;
    }
}

@media all (min-width: 1920px) {
    .slimScrollDiv {
        height: 500px;
    }

    .panel .panel-body {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 26px;
        height: 427px;
        max-height: 650px;
        overflow: auto;
    }
}
/*  new css */
/*mcq*/

.activemcq {
    /*background: #ffbb41;
    border: solid 2px #ffa80f;*/
    color: #fff;
}

/*swap card*/


.ansarea1 {
    display: inline-block;
    margin: 5px;
    width: auto;
    text-align: center;
    /* padding: 4% 4px; */
    border: dashed 2px #fff;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    cursor: move;
    height: 145px;
    width: 120px;
}

/*.ansareaimg1 {
    display: inline-block;
    margin: 5px;
    width: 100%;
    text-align: center;
    padding: 0;
    border: dashed 2px #fff;
    color: #fff;
    font-size: 17px;
    border-radius: 10px;
    cursor: move;
}*/
.ansarea1 {
    display: inline-block;
    margin: 5px;
    width: auto;
    text-align: center;
    /* padding: 4% 4px; */
    border: dashed 2px #fff;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    cursor: move;
    height: 145px;
    width: 110px;
}

.quesimg {
    display: inline;
    width: 100px;
    padding: 2px;
    height: 140px;
}

.ansareaimg {
    display: inline-block;
    margin: 5px;
    width: 110px;
    height: 140px;
    text-align: center;
    padding: 0;
    border: dashed 2px #423d3d;
    color: #000;
    font-size: 17px;
    border-radius: 10px;
    /* padding: 2px; */
    background: #fff;
    cursor: move;
}
/*Study material*/
.inputFeild {
    margin: 0;
    height: 4rem !important;
    width: 100%;
    /*font-size: 1.2rem;*/
    /*text-align: center;*/
    display: block;
    padding: 5px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.metrialarea {
    padding: 5%;
}

.dataheader {
    color: #fff;
    border-bottom: solid 1px #aba0a0;
    margin: 10px 0;
    padding: 10px 0;
}

.cotentlist {
    background: #fff;
    border-radius: 10px;
}

.cotentlist {
    padding: 5px 0;
    margin: 10px 0;
}

.listcon {
    padding: 10px 25px;
    margin: 0;
}

.actionbtn {
    color: #fff;
    background: #ffa843;
    position: absolute;
    height: 56px;
    top: -5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: -webkit-fill-available;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    right: 0;
}

.profile_icon {
    display: contents;
}

.barsection {
    padding: 25px 0;
}

.useraccount .navbar-nav > li > a > span {
    position: relative;
    top: 0px;
}

.useraccount .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 10px dashed;
    border-top: 4px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.useraccount .profile_img {
    width: 40px;
    height: auto;
}

.useraccount .navbar-nav > .dropdown > a {
    padding: 12px 20px;
}

.bas_sec {
    display: block;
}

.bas_sec, .side_sec {
       position: absolute;
    bottom: 60px;
    left: 45px;
    cursor: pointer;
}

    .bas_sec img, .side_sec img {
        width: 70px;
    }

.blurbg, #bgoverlay {
    display: none;
}

.blurbg {
    overflow: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(29, 27, 27, 0.5);
    /* background: url('../../images/bg.png') repeat;*/
    background-size: cover;
    z-index: 9999;
    cursor: pointer;
}

#bgoverlay {
    overflow: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.side_menu ul li {
    list-style-type: none;
    text-align: right;
    padding: 10px 0;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}

    .side_menu ul li span {
        font-size: 20px;
        color: #000;
        background: #fff;
        padding: 5px 10px;
        border-radius: 20px;
        margin: 0 10px;
        font-size: 16px;
    }

    .side_menu ul li a img {
        width: 50px;
        margin: 0 10px;
    }

.closeoption {
    float: left;
}

.blurebg {
    box-shadow: 0 10px 5px 0 #2d2b2b36;
    border-radius: 50%;
}

.feed_sec {
    background: #fff;
    border-radius: 10px;
    margin: 10px 0;
}

    .feed_sec h4 {
        color: #000;
    }

.feedbacksec {
    display: block;
    padding: 15% 10% 0;
}

    .feedbacksec .headtitle {
        color: #fff;
    }

.hrreulerw {
    border-top: 1px solid #ffffff !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.rating {
    float: left;
    padding: 5px;
}

    .rating:not(:checked) > input {
        position: absolute;
        top: -9999px;
        clip: rect(0,0,0,0);
    }

    .rating:not(:checked) > .lebrat {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        line-height: 1.2;
        color: #ffffff !important;
    }

        .rating:not(:checked) > .lebrat:before {
            content: '★ ';
        }

    .rating > input:checked ~ .lebrat {
        color: #ffbb41 !important;
        text-shadow: 1px 1px #ffbb41, 1px 1px #ffbb41, 0.1em 0.1em 0.2em rgba(0,0,0,0);
    }

    .rating:not(:checked) > .lebrat:hover,
    .rating:not(:checked) > .lebrat:hover ~ .lebrat {
        color: gold;
        text-shadow: 1px 1px #fffbfb, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > input:checked + .lebrat:hover,
    .rating > input:checked + .lebrat:hover ~ .lebrat,
    .rating > input:checked ~ .lebrat:hover,
    .rating > input:checked ~ .lebrat:hover ~ .lebrat,
    .rating > .lebrat:hover ~ input:checked ~ .lebrat {
        color: #ea0;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > .lebrat:active {
        position: relative;
        top: 2px;
        left: 2px;
        text-shadow: 1px 1px #fffbfb, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

.ratingbg {
    background: #ece8e8;
    padding: 0;
    height: 50px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


.chabgemod {
    width: 600px;
    margin: 15% auto;
}

.modcon {
    border-radius: 0 !important;
}

.modhead {
    padding: 3%;
    border-bottom: 1px solid #e5e5e5;
    background: #0f326a;
    color: #fff;
    text-align: center;
}

.modhead {
}

.close, .close:hover {
    float: right;
    font-size: 33px;
    font-weight: 500;
    line-height: 1;
    color: #b2cdf9;
    text-shadow: none;
    filter: alpha(opacity=20);
    /* opacity: .2; */
    border: solid 1px #b2cdf9 !important;
    padding: 0px !important;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.updateclose {
    color: #161617 !important;
    border: solid 1px #161617 !important;
}

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

.lockicon {
    background: url('../../images/change.png') no-repeat;
    padding: 42px;
    background-size: contain;
    background-position: center;
    margin: 0;
}

.dashlist {
    display: inline-flex;
    list-style-type: none;
}

    .dashlist li {
        padding: 0 10px;
        display: block;
    }

.formrow {
    padding-bottom: 10px;
}

.canclebtn, .updatebtn, .btnsubmit, .canclebtn:hover, .updatebtn:hover, .btnsubmit:hover {
    border-radius: 5px;
    color: #fff;
}

.canclebtn {
    background: #ed1c24;
}

.updatebtn {
    background: #fa9600;
}

.modtitle {
    color: #000;
}

.btnsubmit {
    background: #39b54a;
}

.contentcontainer textarea {
    height: 300px !important;
}

.contentcontainer {
    background: #fcfcfc;
    border-radius: 10px;
    padding: 20px;
    height: 600px;
    max-height: 600px;
}

.listcontainer {
    background: none;
    border-radius: 10px;
    padding: 0 20px;
    height: 600px;
    max-height: 600px;
}

.glowarea {
    padding: 5% 0;
}

.scrollver {
    position: relative;
    display: block;
    overflow: auto;
    max-height: 500px;
    height: 500px;
}

.attachcss {
    background: #dcd9d9;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
}

.acbtn {
    border-radius: 20px;
    color: #fff;
    background: #fa9600;
}

.listtab {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: none;
}

    .listtab li {
        padding: 0 15px;
        background: #fff;
        border-radius: 10px;
        margin: 10px 0;
        text-align: center;
        width: 100%;
    }

.taboption {
    height: 60px;
    padding: 5% 2%;
}

    .taboption h4 {
        color: #fff;
    }

.listtab > li.active > a, .listtab > li.active > a:focus, .listtab > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fa9600;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.listtab > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #625c60;
    padding: 0;
}

    .listtab > li > a > h4 {
        color: #b9abab;
    }

    .listtab > li > a:focus, .listtab > li > a:hover {
        text-decoration: none;
        background-color: #7d7272;
    }

.listtab .nav-link a.taboption {
    border: 1px solid transparent;
    background: #625c60;
}

    .listtab .nav-link a.taboption.active {
        color: #fff;
        background-color: #fa9600 !important;
        border-color: transparent !important;
    }

.tabcon {
    height: -webkit-fill-available;
    border: solid 1px #ffbb41;
    border-radius: 10px;
}

.tabicobs {
    position: absolute;
    top: -40px;
    left: 45%;
    width: 10%;
}

.cantentarea {
    padding: 10px !important;
}

.headti {
    text-align: center;
    line-height: 5px;
    padding: 22px 0;
}

    .headti .restitle {
        color: #dad5d5;
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 800;
        margin: 0;
    }

    .headti h4 {
        font-size: 28px;
        font-weight: 600;
        color: #4e4949;
        margin: 0;
    }

.hrstrip {
    width: 15%;
    border-top: solid 1px #d4d0d0;
    margin-top: 5px;
}

.headti span {
    font-size: 20px;
    font-weight: 600;
    color: #ffbb41;
}

/*overlay*/
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #ffbb41fc;
}

.overlay:hover {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.tabscroll {
    max-height: 250px;
    height: 250px;
    overflow: hidden;
    cursor: default;
    padding: 0 10px;
}

    .tabscroll:hover {
        max-height: 250px;
        overflow: overlay;
        height: 250px;
        margin: 0;
        padding: 0 10px;
    }

    .tabscroll::-webkit-scrollbar {
        width: 3px;
    }

    .tabscroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .tabscroll::-webkit-scrollbar-thumb {
        background-color: #ffbb41;
        outline: 1px solid slategrey;
        border-radius: 10px;
    }

.tabscroll2 {
    max-height: 400px;
    height: 400px;
    overflow: hidden;
    cursor: default;
    padding: 0 10px;
}

    .tabscroll2:hover {
        max-height: 400px;
        overflow: overlay;
        height: 400px;
        margin: 0;
        padding: 0 10px;
    }

    .tabscroll2::-webkit-scrollbar {
        width: 3px;
    }

    .tabscroll2::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .tabscroll2::-webkit-scrollbar-thumb {
        background-color: #ffbb41;
        outline: 1px solid slategrey;
        border-radius: 10px;
    }
/*add 290519*/
/*.correctopt {
    background: green;
    border: solid 2px green;
    color: #fff;
}

.wrongopt {
    background: red;
    border: solid 2px red;
    color: #fff;
}*/
.correctopt {
    background: none;
    border: solid 2px white;
    color: #fff;
}

.wrongopt {
    background: none;
    border: solid 2px white;
    color: #fff;
}

/*end*/
.dragtext {
    font-size: 14px;
}
/*mouseover drag and drop*/
.move {
    cursor: move;
}

.no-drop {
    cursor: no-drop;
}
/*
Responsive css
*/
   @media screen (min-width: 1401px) {
.scrollbar{
    height: 600px;
}
    } 
@media screen and (max-width: 1920px) {
	.glowarea {
    padding: 5% 0;
}
.scrollbar{
    height: 600px;
}
.metrialarea {
    padding: 5%;
}
}

@media screen and (max-width: 1440px) {
	.glowarea {
    padding: 0;
}
.metrialarea {
    padding: 2%;
}
.useraccount .profile_img {
    width: 40px;
    height: auto;
}
.main-content {
    padding: 5% 10px 0;
}
.dasboardarea {
    display: block;
    text-align: center;
    padding: 70px 0;
}
}
.table thead{
	font-weight: 600;
}

/*new*/
.scrollbar{
    overflow: overlay;
    padding: 0 20px;
    max-height: 100%;
    height: 460px;
}
/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}

#style-2::-webkit-scrollbar
{
	width: 5px;

}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #384f8a;
}