/* @font-face {
        font-family: "Gabriola";
        src: url("../fonts/Gabriola.ttf");
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    } */

    @font-face {
        font-family: 'calibri';
        src: url(../fonts/calibri.eot);
        src: url(../fonts/calibri.eot?#iefix) format('embedded-opentype'), url(../fonts/calibri.woff) format('woff'), url(../fonts/calibri.ttf) format('truetype'), url(../fonts/calibri.svg) format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: "verdanaBold";
        src: url("../fonts/verdana_bold.eot");
        src: url("../fonts/verdana_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/verdana_bold.woff") format("woff"), url("../fonts/verdana_bold.woff2") format("woff2"), url("../fonts/verdana_bold.ttf") format("truetype"), url("../fonts/verdana_bold.svg#de") format("svg");
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .player-poster {
        width: auto !important;
        height: auto !important;
    }
    
    
    /* @font-face {
        font-family: "Ageone";
        src: url("../fonts/Ageone.ttf");
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        } */
    
    html {
        height: 100%;
        box-sizing: border-box;
        min-height: 100%;
    }
    
    body {
        font-family: calibri !important;
        font-size: 16px;
        background: #efefef url('../images/darkgrain.jpg');
        min-height: 100vh;
        position: relative;
    }
    
    .strike {
        text-decoration: line-through;
    }
    
    .control-border {
        padding: 5px 0 5px 0px;
        border: none;
        border-bottom: 1px solid #efefef;
        width: 100%;
        background: transparent;
        font-size: 14px;
        border-radius: 0;
        -webkit-border-radius: 0;
        font-weight: 500;
    }
    
    .body_bg {
        background-image: url('../images/body_bg.png');
        width: 100%;
    }
    
    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?9wqohc');
        src: url('../fonts/icomoon.eot?9wqohc#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?9wqohc') format('truetype'), url('../fonts/icomoon.woff?9wqohc') format('woff'), url('../fonts/icomoon.svg?9wqohc#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-icchat:before {
      content: "\e901";
    }
    .icon-ictest:before {
      content: "\e902";
    }
    .icon-practice:before {
      content: "\e903";
    }
    .icon-mocktest:before {
      content: "\e904";
    }
    .icon-chalkboard:before {
      content: "\e900";
    }
    
    
    a:focus,
    *:focus,
    button:focus {
        outline: none;
    }
    
    
    /*---------- header ---------------*/
    
    .top_bar {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#938ad8+0,8377d9+100 */
        background: #fff;
        box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        z-index: 2050;
    }
    
    .top_bar .container-fluid {
        width: 100%;
    }
    
    .navbar-brand {
        padding: 0;
    }
    
    .navbar-brand .media-body {
        text-align: left;
    }
    
    .navbar-brand h3 {
        font-family: "verdanaBold";
        font-size: 31px;
    }
    
    .navbar-brand h3 .text-green {
        color: #00863d !important;
    }
    
    .navbar-brand p {
        font-family: "verdanaBold";
    }
    
    .navbar-brand h3 {
        margin-bottom: 0;
        margin-top: 1px;
        margin-left: 10px;
    }
    
    .navbar-brand .logo_promotion h3 {
        font-size: 23px !important;
    }
    
    .navbar-brand .logo_promotion p {
        font-size: 10px !important;
    }
    
    .logo_promotion .loginlogo {
        width: 200px !important;
        margin-top: 3px;
    }
    
    .navbar-brand p {
        font-size: 14px;
        margin-bottom: 0;
        color: #010101;
        margin-left: 10px;
    }
    
    .navbar-light .navbar-nav .nav-link {
        color: #333;
        padding: 1.3rem .7rem;
        margin-bottom: 0;
        cursor: pointer;
        text-align: center;
    }
    
    .dropdown-menu-right {
        left: inherit;
        right: 0;
    }
    
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link,
    .navbar-light .navbar-nav .nav-link:hover {
        background-color: #00A854;
        color: #fff;
    }
    
    .dropdown-item:focus,
    .dropdown-item:hover {
        background: #00A854;
        color: #fff;
    }
    
    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #00A854;
    }
    
    
    /*.navbar-light .navbar-nav .nav-link:focus {
        color: #fff;
        }*/
    
    .navbar-light .navbar-nav .nav-item.active .nav-link:focus {
        color: #fff;
    }
    
    .navbar-light {
        padding: 0;
    }
    
    .dropdown-toggle::after {
        border: none;
        content: '\f107';
        font-family: fontAwesome;
        vertical-align: -0.1em;
        margin-right: 5px;
    }
    
    .dropdown-menu {
        -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
        border-color: #eee;
    }
    
    .dropdown-item {
        padding: 0.5rem 1.5rem;
    }
    
    .info_block {
        background: #005295 url(../images/jobs-map.png) no-repeat right center;
        padding: 5px 0 27px;
    }
    
    .info_block h2 {
        color: #fff;
    }
    
    .dropdown-toggle .user {
        cursor: pointer;
    }
    
    .user {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        display: flex;
        display: -webkit-flex;
        justify-items: center;
        background: #eee;
        text-align: center;
    }
    
    .user img {
        max-width: 100%;
    }
    
    .user-50 {
        width: 50px;
        height: 50px;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    
    .user-60 {
        width: 50px;
        height: 50px;
    }
    
    .user_login li {
        list-style-type: none;
        position: relative;
    }
    
    .user_login .dropdown-toggle:after {
        width: 20px;
        height: 20px;
        background: #00ae51;
        color: #fff;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        position: absolute;
        top: 10px;
        right: -8px;
        font-size: 10px;
        line-height: 21px;
        text-align: center;
        cursor: pointer;
    }
    
    .dropdown.show .dropdown-toggle::after {
        content: '\f106' !important;
    }
    
    .dash_info {
        text-align: center;
        padding: 30px 0;
    }
    
    .dash_info h5 {
        color: #fff;
        text-transform: uppercase;
        margin: 10px 0;
        font-size: 16px;
    }
    
    .dash_info h5>span {
        border: none;
        padding: 0;
    }
    
    .dash_info p,
    .info_block p {
        color: #fff;
    }
    
    .info_block .box-border {
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        color: #fff !important;
        padding: 2px 5px;
        font-size: 13px;
        margin-bottom: 4px;
        white-space: nowrap;
        display: inline-block;
        min-width: 158px;
    }
    
    .gray_bg {
        background: transparent;
        padding-bottom: 60px;
    }
    
    .white_box {
        background: #fff;
        padding: 10px 0px;
        position: relative;
    }
    
    .black_title {
        color: #333;
        padding: 0 20px;
    }
    
    .color-gray {
        color: #808080;
    }
    
    .price {
        color: #4C4C96;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 18px;
    }
    
    .mw-85 {
        max-width: 85% !important;
    }
    
    .media-body {
        position: relative;
    }
    
    .media-body h5 {
        max-width: 100%;
        padding-right: 60px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px
    }
    
    .media-border p {
        margin: 0;
        line-height: 18px;
    }
    
    .media-border {
        border-bottom: 1px solid #eef1f2;
        padding: 10px 20px
    }
    
    .media-border:nth-child(2n+0) {
        background: rgba(95, 96, 179, 0.03);
    }
    
    .media-border:last-child {
        border: none;
        padding-bottom: 0;
    }
    
    .title-aspen {
        margin: 0px !important;
        padding-top: 0px;
    }
    
    .widget-bg {
        background: #fff;
        border: 1px solid #eef1f2;
    }
    
    .widget-user-profile .profile-wall-img img {
        width: 100%;
        height: auto;
    }
    
    .widget-user-profile .profile-user-address {
        font-size: 0.85714em;
        color: #bbb;
        font-weight: normal;
    }
    
    .widget-user-profile .profile-body {
        padding: 0 20px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .widget-user-profile .profile-user-avatar {
        margin-top: -5.71429em;
    }
    
    .widget-user-profile .profile-user-avatar img {
        border-radius: 100px;
        border: 2px solid #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    }
    
    .widget-user-profile .profile-user-avatar::after {
        content: '';
        width: 30px;
        height: 1px;
        background: #eef1f2;
        margin-top: 1.42857em;
    }
    
    .widget-user-profile .profile-user-name {
        font-weight: 300;
        margin-bottom: 0.3125rem;
    }
    
    .widget-user-profile .profile-seperator {
        width: 30px;
        border-top-color: #eef1f2;
        margin-top: 1.25rem;
    }
    
    .btn-outline-color-scheme:hover {
        color: #fff;
        background-color: #00ae51;
        text-decoration: none;
        border-color: #00ae51;
    }
    
    .btn-outline-color-scheme {
        color: #00ae51;
        background-color: transparent;
        background-image: none;
        border-color: #00ae51;
    }
    
    .no-gutters-5>.col,
    .no-gutters-5>[class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .viewall {
        color: #00ae51;
        font-size: 14px;
        float: right;
        padding: 3px 6px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -webkit-transition: all 0.1s ease-in-out 0s;
        -moz-transition: all 0.1s ease-in-out 0s;
        transition: all 0.1s ease-in-out 0s;
    }
    
    .viewall:hover {
        color: #fff !important;
        background: #00ae51 !important;
        text-decoration: none;
        cursor: pointer;
    }
    
    .mb-0.float-right .viewall:hover {
        color: #fff !important;
        background: #00ae51 !important;
        text-decoration: none;
        cursor: pointer;
    }
    
    .white_box:hover .viewall {
        color: #fff;
        background: #00ae51;
        text-decoration: none;
    }
    
    .lecture-blog-sml:hover .viewall {
        background: transparent !important;
        color: #00ae51 !important;
    }
    
    .widget,
    .white_panel {
        background: #ffffff none repeat scroll 0 0;
        float: left;
        margin-top: 14px;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }
    
    .mini-stats {
        background: #ffffff none repeat scroll 0 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        float: left;
        padding: 25px 30px;
        position: relative;
        width: 100%;
    }
    
    .white_panel {
        padding: 12px 15px;
        margin-top: 0;
        position: relative;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        border-width: 0;
        webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        border-radius: 5px;
        padding-top: 0px;
    }
    
    .white-bg-box {
        padding: 0px;
    }
    
    .white-bg {
        background: #fff;
    }
    
    .white_panel::before {
        position: absolute;
        bottom: -8px;
        width: 98%;
        left: 0;
        right: 0;
        background: #fff;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        content: '';
        height: 24px;
        margin: 0 auto;
        z-index: -1;
        border-bottom: 1px solid #eee;
    }
    
    .white_panel::after {
        position: absolute;
        bottom: -4px;
        width: 99%;
        left: 0;
        right: 0;
        background: #fff;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        content: '';
        height: 24px;
        margin: 0 auto;
        z-index: -1;
        border-bottom: 1px solid #eee;
    }
    
    .heading-profile h3 {
        margin-bottom: 15px;
    }
    
    .page_block {
        padding-top: 20px;
        padding-bottom: 60px;
        min-height: calc(100vh - 66px);
    }
    
    .mini-stats>span {
        border: 1px solid;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        float: left;
        font-size: 20px;
        height: 57px;
        line-height: 50px;
        margin-right: 15px;
        text-align: center;
        width: 57px;
    }
    
    .red-skin {
        background-color: #ff6b6b;
        border-color: #ff6262 !important;
    }
    
    .sky-skin {
        background-color: #63d6ff;
        border-color: #28c4fc !important;
    }
    
    .fa.up {
        color: #5bdd5e;
    }
    
    .mini-stats>p>i {
        margin-right: 4px;
    }
    
    .mt-2-5 {
        margin-top: 12px;
    }
    
    .fa.down {
        color: #ff6a7f;
    }
    
    .purple-skin {
        background-color: #005295;
        border-color: #005295 !important;
    }
    
    .pink-skin {
        background-color: #00ae51;
        border-color: #00ae51 !important;
    }
    
    .mini-stats>p {
        color: #878888;
        display: block;
        font-size: 11px;
        line-height: 20px;
        margin: 6px 0 0;
        text-transform: uppercase;
    }
    
    .mini-stats>h3 {
        color: #4d575d;
        display: block;
        font-size: 18px;
        margin: 5px 0 0;
    }
    
    .user_login.ml-auto {
        position: absolute;
        right: 0;
    }
    
    .navbar-collapse {
        padding-right: 40px;
    }
    
    .login_box {
        width: 400px;
        margin: 0 auto;
        position: relative;
        top: 10%;
        background: #fff;
        border-radius: 10px;
    }
    
    .radius-100.sign_btn {
        background: #00A854;
        margin: 10px auto;
        color: #fff;
        min-width: 150px;
        font-size: 14px;
        padding: 12px !important;
    }
    
    .signup_box {
        top: 0%;
    }
    
    .forgotp {
        margin-top: 10px;
    }
    
    .forgotp a {
        color: #000;
    }
    
    .login_box .media {
        align-items: center;
    }
    
    .login_box .form-group,
    .forgot .form-group {
        margin-bottom: 0;
    }
    
    .signup_box .form-group,
    .forgot .form-group {
        margin-bottom: 15px;
    }
    
    .login_box .form-group input[type="text"],
    .login_box .form-group input[type="password"] {
        border: none;
        padding: 15px 15px 5px 0px;
        background: transparent;
        color: #333;
        width: 100%;
    }
    
    .signup_box .form-group input[type="text"],
    .signup_box .form-group input[type="password"] {
        padding: 0px !important;
    }
    
    .border-bottom {
        border-bottom: 1px solid #eee;
    }
    
    .login_btn {
        background: #005295;
        color: #fff;
        width: 65%;
        border-radius: 20px;
    }
    
    .uder-id button {
        top: 45%;
    }
    
    .login_btn:hover {
        background: #0a467a;
        cursor: pointer;
    }
    
    .leftimg {
        float: left;
        width: calc(100% - 400px);
        height: 100vh;
    }
    
    .studentimg {
        width: calc(100% - 400px);
        height: 100vh;
        background: url("../../assets/images/1.jpg") no-repeat;
        background-size: cover;
        position: fixed;
    }
    
    .flex_absolute {
        float: left;
        width: 400px;
        height: 100vh;
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .leftimg img {
        width: 100%;
        height: 100%;
    }
    
    .login_input_box {
        background: #fff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 5px 20px;
        margin-top: 25px;
        min-height: 125px;
    }
    
    .forgot {
        display: none;
    }
    
    .uder-id {
        display: none;
    }
    
    .forgot p {
        margin-bottom: 0;
    }
    
    .breadcrumbs {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }
    
    .breadcrumbs>ul {
        float: left;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .breadcrumbs>ul>li {
        float: left;
        position: relative;
    }
    
    .breadcrumbs>ul>li>a {
        color: #797d80;
        float: left;
        font-size: 12px;
        margin-right: 15px;
        padding-right: 15px;
        position: relative;
    }
    
    .breadcrumbs>ul>li>a::before {
        color: #797d80;
        content: "\f101";
        font-size: 14px;
        position: absolute;
        font-family: fontAwesome;
        right: -2px;
        top: 0;
    }
    
    .list-button {
        text-align: right;
    }
    
    .list-button .btn-warning {
        color: #fff;
    }
    
    .list {
        border-bottom: 1px solid #f1f1f1;
        padding: 15px 0;
    }
    
    .list:last-child {
        border: none;
    }
    
    .list h5 {
        font-weight: bold;
        margin-bottom: 3px;
        font-size: 16px;
    }
    
    .list p {
        margin-bottom: 0;
    }
    
    .radius-100 {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        padding: 5px 15px !important;
        border: none;
    }
    
    .input-group-prepend .btn {
        background: #004D90;
        color: #fff !important;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        height: 35px;
        line-height: 22px;
        cursor: pointer;
    }
    
    .input-group-prepend .btn:hover {
        background: #0a467a;
    }
    
    .pagination {
        margin-top: 20px;
    }
    
    .page-item.active .page-link {
        background: #00ae51;
        border-color: #00ae51;
    }
    
    .page-link {
        color: #333;
        padding: .4rem .75rem;
        border: 1px solid #ced4da !important;
    }
    
    .page-link:focus,
    .page-link:hover {
        color: #fff;
        text-decoration: none;
        background-color: #00ae51;
        border-color: #00ae51;
    }
    
    .btn-purple {
        background: #00ae51;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        margin: 0 3px;
        color: #fff;
        padding: 5px 15px;
    }
    
    .btn-purple:hover {
        background: #004D90;
        color: #fff;
    }
    
    .form-control:focus,
    .btn.focus,
    .btn:focus {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    
    .btn-purple:active {
        background: #00ae51;
    }
    
    .text-right-sm {
        text-align: right;
    }
    
    .text-green {
        color: #00ae51;
    }
    
    .text-blue {
        color: #00518c;
    }
    
    .text-meroon {
        color: #900103;
    }
    
    .btn-form {
        background: #00ae51;
        color: #fff;
        min-width: 100px;
    }
    
    .btn-form:hover {
        background: #449d44;
        color: #fff;
        cursor: pointer;
    }
    
    .close {
        color: #999;
    }
    
    .close:hover {
        color: rgb(76, 77, 150);
        cursor: pointer;
    }
    
    .badge {
        font-weight: normal;
    }
    
    .btn-form:active {
        background: #00A854;
    }
    
    .browse_btn input {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    
    .browse_btn {
        background: #E8EDF2;
        border-radius: 4px;
        width: 100px;
        padding: 10px;
        text-align: center;
        font-size: 19px;
        position: relative;
        color: #333;
        overflow: hidden;
        height: 50px;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }
    
    .browse_btn:hover {
        background: #0a467a !important;
        color: #fff;
    }
    
    .uploaded_img {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        margin-left: 15px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }
    
    .uploaded_img img {
        max-width: 100%;
        width: 80px;
        height: 80px;
    }
    
    .modal-backdrop {
        z-index: 2050;
    }
    
    .modal {
        z-index: 2051;
    }
    
    .p-space-0 p {
        margin-bottom: 0;
    }
    
    .tab-pane {
        padding-top: 40px;
    }
    
    .pickupadd {
        width: 20px;
        height: 20px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        background: #5bdd5e;
        margin-top: 5px;
    }
    
    .dropadd {
        background: #F71D11 !important;
    }
    
    .gray-text {
        color: #818181;
    }
    
    .bordered-dot {
        border: 1px dashed #ddd;
    }
    
    .nav-tabs .nav-link {
        color: #cdcdcd;
    }
    
    .hr {
        width: 100%;
        border-color: #eee;
    }
    
    .item_circle {
        border: 1px solid #ddd;
        text-align: center;
        display: inline-flex;
        display: -webkit-inline-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        padding: 5px 15px;
    }
    
    .item_circle h4,
    .item_circle small {
        margin: 0;
    }
    
    .btn {
        cursor: pointer;
    }
    
    .item_circle small {
        line-height: 15px;
    }
    
    .item_box {
        padding: 10px;
    }
    
    .item_box p {
        margin-bottom: 0;
    }
    
    .btn-sm {
        color: #fff !important;
    }
    /**2.5**/
    
    button.ax-outline {
      color: #fff;
    }
    
    .participants-footer .btn-sm {
      margin: 0 10px;
      border: 1px solid #ccc;
      box-shadow: none;
      outline: none;
      color: #333 !important;
      background-color: #fff;
    }
    
    .title.tab button.tab-button {
      color: #fff;
    }
    
    .participants-footer .bottom {
      width: 100%;
    }
    
    .list-group button {
      padding: 2px 8px;
      font-size: 13px;
    }
    
    .participants-footer ul.dropdown-menu,
    .list-group ul.dropdown-menu {
      background: #fff;
      padding: 0;
    }
    
    .participants-footer ul.dropdown-menu a,
    .list-group ul.dropdown-menu a {
      color: #000;
      padding: 8px 4px;
      display: block;
      border-bottom: 1px solid #eaeaea;
      white-space: nowrap;
    }
    
    .participants-footer ul.dropdown-menu li:nth-last-child(1) a,
    .list-group ul.dropdown-menu li:nth-last-child(1) a {
      border-bottom: none;
    }
    
    .chat-participant-header .dropdown-toggle::after {
      content: '';
    }
    
    .participants-footer .btn-group {
      margin: 0;
      padding: 0 10px;
      width: 50%;
    }
    
    .participants-footer ul.dropdown-menu {
      right: 15px;
      bottom: 30px;
      top: auto;
    }
    
    .custom-selectbox select.form-control {
      margin-bottom: 15px;
    }
    
    .participants-footer ul.dropdown-menu .selected a {
      padding-left: 22px;
    }
    
    .participants-footer ul.dropdown-menu .i-margin {
      margin: 0;
    }
    
    /*****/
    
    .navbar-light .navbar-toggler {
        border-color: #00A854;
        background: #00A854;
        padding: .1rem .3rem;
    }
    
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    
    .btn-primary {
        color: #fff !important;
        background-color: #005295;
        border-color: #005295;
    }
    
    .btn.btn-primary.filter-button.white-btn {
        color: #005295 !important;
        background-color: #fff;
        border-color: #f3f5f8;
    }
    
    .btn.btn-primary.filter-button.white-btn:hover {
        background-color: #00A854;
        color: #fff !important;
    }
    
    .btn-primary .filter-button {
        margin-top: 35px;
    }
    
    .btn-primary:hover {
        background: #0a467a;
        border-color: #0a467a;
        color: white !important;
    }
    
    .date_icon {
        background: url(../images/date_icon.png) no-repeat center right 10px;
        padding-right: 20px;
    }
    
    select.round {
        background-image: linear-gradient(45deg, transparent 50%, #005295 50%), linear-gradient(135deg, #005295 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
        background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 2em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    
    .form-select {
        padding: 16px 0px;
        width: 100%;
        border: none;
        background-image: linear-gradient(45deg, transparent 50%, #005295 50%), linear-gradient(135deg, #005295 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
        background-position: calc(100% - 15px) calc(1em + 10px), calc(100% - 10px) calc(1em + 10px), calc(100% - 2em) 1em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: transparent !important;
    }
    
    .form-select:focus,
    .form-select:active {
        outline: none !important;
    }
    
    .filter-box {
        background: #fff;
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
    }
    
    .filter-box .header {
        color: #fffcfc;
        margin: -11px -10px 10px -10px;
        padding: 2px 12px;
        font-size: 20px;
        background-color: #005295;
    }
    
    .filter-box button.btn {
        margin-top: px;
    }
    
    
    /*--------------- student dashboard ------------*/
    
    .ins_info {}
    
    .ins_info .media-body h4 {
        color: #fff;
        margin-bottom: 0;
    }
    
    .ins_img {
        width: 100px;
        height: 100px;
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
        background: rgba(255, 255, 255, 0.1);
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-right: 15px;
        background-color: white;
        margin-top: 8px;
    }
    
    .media-body.faculty-profile {
        padding-top: 2px;
    }
    
    .ins_img img {
        object-fit: cover;
        max-width: 100%;
    }
    
    .faculty_info .ins_img {
        width: 50px;
        height: 50px;
    }
    
    .faculty_info .media-body {
        text-align: left;
    }
    
    .faculty_info .media-body h4 {
        margin-top: 5px;
        font-size: 16px;
    }
    
    .cross_border>div[class*="col-"]:nth-child(1) {
        padding-bottom: 12px;
        /*border-right:1px solid rgba(255, 255, 255, 0.1);*/
    }
    
    .cross_border>div[class*="col-"]:nth-child(2) {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .cross_border>div[class*="col-"]:nth-child(3) {
        padding-bottom: 12px;
        border-right: 0px !important;
    }
    
    .cross_border>div[class*="col-"]:nth-child(4) {
        /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
        padding-top: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .cross_border>div[class*="col-"]:nth-child(5) {
        /*border-top: 1px solid rgba(255, 255, 255, 0.1);*/
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .cross_border>div[class*="col-"]:nth-child(6) {
        border-right: 0px !important;
    }
    
    .play_btn {
        border-radius: 999px;
        -webkit-border-radius: 999px;
        width: 40px;
        height: 40px;
        display: inline-flex;
        display: -webkit-inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        border: 2px solid #808080;
        color: #808080;
        padding-left: 5px;
        cursor: pointer;
    }
    
    .divider {
        padding-top: 12px;
    }
    
    .play_btn .fa-download {
        font-size: 18px;
        margin-left: -5px;
        color: gray;
    }
    
    .play_btn:hover {
        border-color: #00A854;
        color: #00A854;
    }
    
    .play_btn:hover .fa-download {
        border-color: #00A854;
        color: #00A854;
    }
    
    .play_btn a {
        margin-top: 3px;
    }
    
    .student-tabs .mat-tab-label {
        border: 2px solid #fff;
        height: 35px;
        padding: 5px 15px;
        border-radius: 5px;
        margin-top: 7px;
        min-width: auto;
        margin-left: 10px;
        margin-bottom: 7px;
        font-size: 15px;
        font-weight: 600;
    }
    
    .student-tabs .mat-ink-bar {
        background-color: #28a745 !important;
        display: none;
    }
    
    .student-tabs .mat-tab-label.mat-tab-label-active {
        background: #fff;
        color: #004d90 !important;
    }
    
    .student-tabs .mat-tab-label:focus {
        background: #fff;
        color: #004d90 !important;
    }
    
    
    /*------- Footer ---------------*/
    
    footer {
        background: #00A854;
        color: #fff;
        margin-top: 50px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    
    footer p {
        margin-bottom: 0;
    }
    
    .copyright {
        color: white;
        padding: 10px 0px;
        margin: 0px;
    }
    
    
    /*-------- Table ------*/
    
    .tr-border tr {
        border-bottom: 1px solid #eee !important;
        border-top: 1px solid #eee !important;
    }
    
    .table-bordered td,
    .table-bordered th {
        border: none !important;
    }
    
    
    /*.btn.btn-primary.filter-button {
        margin-top: 35px;
        }	*/
    
    .btn-bs-file {
        position: relative;
    }
    
    .btn-bs-file input[type="file"] {
        position: absolute;
        top: -9999999;
        filter: alpha(opacity=0);
        opacity: 0;
        width: 0;
        height: 0;
        outline: none;
        cursor: inherit;
        overflow: hidden;
    }
    
    .row.browse-button {
        border: 1px solid #ced4da;
        border-radius: 5px;
        padding-bottom: 6px;
        margin: 0px;
    }
    
    .browse-file {
        margin-bottom: 0px;
        padding: 5px 10px;
        font-size: 16px;
    }
    
    .dropdown-items {
        width: 100%;
        padding: 6px;
        border: 1px solid #ced4da;
        border-radius: 3px;
    }
    
    
    /*faculty*/
    
    .fa.fa-users.class-icon {
        font-size: 28px;
        color: white;
    }
    
    
    /*faculty close*/
    
    
    /*institute*/
    
    .clo-12.col-sm-6.col-lg-3.divider {
        border: none;
        padding-top: 12px;
    }
    
    .col-lg-4.divider {
        border: none !important;
    }
    
    .ins_img.student-img {
        background: none;
    }
    
    .student-icon {
        font-size: 36px;
        color: white;
    }
    
    .student-icon {
        font-size: 36px;
        color: white;
    }
    
    .col-lg-4.divider {
        text-align: center;
        padding-top: 15px;
    }
    
    .clo-12.col-sm-6.col-lg-3.divider {
        text-align: center;
        padding-top: 20px;
    }
    
    .media-body.student {
        color: white;
        padding-top: 5px;
    }
    
    .lecture span {
        border: 1px solid rgba(0, 0, 0, 0.8);
        color: rgba(0, 0, 0, 1);
        padding: 3px 6px;
        font-size: 14px;
        margin-bottom: 3px;
        white-space: nowrap;
        display: inline-block;
    }
    
    .logo {
        margin: 0 auto;
        margin-top: 20px;
    }
    
    .social-ic a {
        width: 32px;
        height: 32px;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        border-radius: 20px;
        line-height: 32px;
        margin-left: 2px;
        margin-right: 2px;
    }
    
    .social-ic .fbIcon {
        background: #3b5999;
    }
    
    .social-ic .twIcon {
        background: #1DA1F2;
    }
    
    .social-ic .LiIcon {
        background: #0077B5;
    }
    
    .login_box .navbar-brand {
        margin: 0 auto;
        width: 100%;
        display: flex;
        display: -webkit-flex;
    }
    
    .input-50 {
        float: left;
        width: calc(50% - .25rem);
    }
    
    .gender {
        list-style: none;
        padding-left: 0;
        margin-bottom: 5px;
    }
    
    .genderdiv {
        margin-bottom: 10px;
    }
    
    .gender li {
        display: inline-block;
        margin-right: 5px;
    }
    
    .gender [type="radio"]:checked,
    .gender [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }
    
    .gender [type="radio"]:checked+label,
    .gender [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }
    
    .gender [type="radio"]:checked+label:before,
    .gender [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }
    
    .gender [type="radio"]:checked+label:after,
    .gender [type="radio"]:not(:checked)+label:after {
        content: '';
        width: 10px;
        height: 10px;
        background: #05b054;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    .gender [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    .gender [type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .relative {
        position: relative;
    }
    
    .backic {
        position: absolute;
        left: 20px;
        color: #000;
    }
    
    
    /*institute close*/
    
    
    /*alert css*/
    
    .successpop {
        width: 350px;
        height: auto;
        top: 100px;
        position: fixed;
        z-index: 2050;
        margin: 0 auto;
        right: 15px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        text-align: center;
        padding: 20px;
        box-shadow: 0 0 40px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .2);
        display: -webkit-flex;
        align-content: center;
        align-items: center;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        background: #fff;
    }
    
    .width95 {
        width: 95%;
    }
    
    
    /*play button*/
    
    .cross-button {
        color: #080707;
        padding-top: 0px;
        font-size: 21px;
        background: transparent !important;
        position: absolute;
        right: -12px;
        top: -17px;
        background-color: #00783c !important;
        color: white;
        padding-top: 0px !important;
        padding-bottom: 0px;
        border-radius: 17px;
    }
    
    
    /*play button close*/
    
    .custom-file-upload {
        border: 1px solid #ccc;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
    }
    
    .mat-dialog-container {
        position: relative !important;
        overflow: visible !important;
    }
    
    
    /*test paper*/
    
    .paper-bg {
        background-color: white;
        padding: px;
        border-radius: 5px;
    }
    
    .question {
        font-size: 20px;
        padding-left: 20px;
    }
    
    .institutelogo {
        border-left: 1px solid #eee;
        margin-left: 8px;
        padding-left: 8px;
    }
    
    .fixed-top {
        position: inherit;
    }
    
    .online-quiz {
        border-radius: 5px;
        color: #000;
    }
    
    .online-quiz p {
        padding: 15px 20px;
        font-size: 19px;
    }
    
    .buttons {
        padding-left: 20px;
    }
    
    .Previous-btn.mb-3 {
        margin-right: 10px;
        padding-left: 15px;
        padding-right: 15px;
        text-transform: uppercase;
    }
    
    .options {
        margin: 0px;
        padding: 4px;
    }
    
    .pl-5.options-bg {
        margin: 0px;
        padding: 4px;
    }
    
    .quiz-name {
        display: inline-block;
        margin-bottom: 0;
    }
    
    .name {
        display: inline-block;
        font-size: 1.25rem;
        margin-bottom: 0px;
    }
    
    .online-quiz p {
        padding: 14px 29px;
        margin-bottom: 0px;
    }
    
    
    /*test paper close*/
    
    [type="radio"]:checked,
    [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }
    
    [type="radio"]:checked+label,
    [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }
    
    [type="radio"]:checked+label:before,
    [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }
    
    [type="radio"]:checked+label:after,
    [type="radio"]:not(:checked)+label:after {
        content: '';
        width: 10px;
        height: 10px;
        background: #00A854;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    [type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    .active-button {
        color: #00A854;
    }
    
    .la-ball-clip-rotate-multiple {
        color: #00a854 !important;
    }
    
    
    /*tab*/
    
    .mat-tab-body-content {
        height: 100%;
        overflow: hidden !important;
    }
    
    .mat-tab-body.mat-tab-body-active {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    
    .mat-ink-bar {
        background-color: #28a745 !important;
    }
    
    .mat-tab-labels {
        background: #004d90;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        margin-top: 0px;
    }
    
    .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
    .mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
    .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
    .mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
        background: #fff !important;
        color: #004d90 !important;
    }
    
    .mat-tab-header,
    .mat-tab-nav-bar {
        border-bottom: none !important;
    }
    
    .mat-tab-label {
        color: #fcfdfe!important;
        opacity: 1 !important;
    }
    
    .btn.filter-button.radius-100 {
        padding: 4px 15px !important;
    }
    
    .quize-options {
        padding-left: 15px;
    }
    
    .quize-options li a {
        color: black;
    }
    
    .status-option {
        color: black !important;
    }
    
    .page_block[_ngcontent-c3] {
        padding-top: 20px !important;
        padding-bottom: 70px;
    }
    
    .header.profile-filter {
        color: #fff;
        margin: -11px -10px 10px -10px;
        padding: 8px;
        font-size: 20px;
        border-bottom: 2px solid #e9ecef;
        background: #005295;
    }
    
    a {
        color: #00A854;
        text-decoration: none !important;
    }
    
    .subject-heading {
        border: none !important;
        padding-bottom: 0px !important;
    }
    
    
    /*tab close*/
    
    
    /*institute*/
    
    .institute-profile {
        margin: 0px !important;
    }
    
    .fa.fa-edit.edit-profile {
        color: #fff;
    }
    
    .table-responsive {
        overflow-x: inherit !important;
    }
    
    ul.class-subjects {
        padding-left: 22px;
    }
    
    .edit-icon {
        padding: 4px 12px !important;
        border-radius: 5px;
        min-width: 80px !important;
        color: #005295 !important;
        text-align: center;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
    }
    
    .text-white {
        color: #fff !important;
        margin: 0px;
        padding-top: 20px;
        font-weight: 600;
    }
    
    .add-question {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }
    
    .add-question li {
        display: inline-block;
        margin-right: 5px;
    }
    
    
    /*institute close*/
    
    .button-padding {
        padding-top: 10px;
    }
    
    .breadcrumbs ul li a {
        font-size: 14px;
    }
    
    
    /*.dot dropdown {
        color: gray;
        font-size: 27px;
        }*/
    
    .fa.fa-ellipsis-v.dot-dropdown {
        color: #808080;
        font-size: 24px;
        border: 2px solid #808080;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        background-color: #fff;
        text-align: center;
        padding-left: 13px;
    }
    
    .btn.fa.fa-ellipsis-v.dot-dropdown:hover {
        color: #00ae51;
        border-color: #00ae51;
    }
    
    .list-button.m-t-offset-5.status-dropdown {
        padding: 0px;
    }
    
    
    /*Assign class popup*/
    
    .popup-header {
        min-width: 980px !important;
    }
    
    .popup-title {
        margin: -27px;
        padding: 15px 25px;
        color: #000;
    }
    
    .class-name {
        padding-top: 35px;
        font-size: 18px;
        color: #606162;
    }
    
    .status-option.assign-subjects {
        color: #4d4b4b !important;
    }
    
    .select-class {
        color: #606162 !important;
        padding-left: 22px;
    }
    
    .assign-subjects {
        padding-top: 6px;
        margin-left: 10px;
        padding-left: 10px !important;
    }
    
    .second-subject {
        margin: 0px;
    }
    
    .select-class {
        padding-left: 10px;
        color: #333;
    }
    
    .box-one {
        border-top: 1px solid #b6b6b6;
        padding: 10px;
    }
    
    .text-center.mt-5 {
        color: #041e33;
    }
    
    .save-button {
        width: 96px;
    }
    
    .mat-dialog-content {
        display: block;
        margin: 24px -24px !important;
        padding: 1px 24px;
        max-height: 81vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .btn-link {
        font-weight: 400;
        color: #0b0b0b;
        background-color: #f7f7f7;
        font-size: 18px;
    }
    
    .card-height {
        padding: 0px;
    }
    
    .card-1 {
        margin-top: 35px;
    }
    
    .btn-link:hover {
        color: #0056b3;
        text-decoration: none !important;
    }
    
    .btn.btn-form.cancel-button {
        background-color: #003b6a;
        width: 96px;
        margin-left: 10px;
    }
    
    
    /*Assign class popup close*/
    
    
    /*filter*/
    
    .faculties-class {
        padding-left: 16px !important;
    }
    
    .filter-inline-1 .text-right .m-r-5 {
        width: calc(100% - 332px);
    }
    
    .filter-inline-2 .text-right.m-r-5 {
        width: calc(100% - 97px);
    }
    
    .m-r-5 {
        margin-right: 5px;
    }
    
    .text-right.m-r-5.input-group input {
        height: 35px;
        margin-bottom: 10px;
    }
    
    .categoryfilter .form-control {
        border: none;
        min-width: 130px;
        border-radius: 3px;
        height: auto !important;
    }
    
    .categoryfilter {
        margin-right: 10px;
    }
    
    .btn-blue {
        background: #004D90;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        margin: 0 3px;
        color: #fff !important;
        padding: 5px 15px;
    }
    
    .btn-blue:hover {
        background: #0a467a;
    }
    
    .input-group-prepend .btn {
        background: #004D90;
        color: #fff !important;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        height: 35px;
        line-height: 22px;
        cursor: pointer;
        opacity: 0.95;
    }
    
    .filter-inline-2 .text-right.m-r-5.filter-section {
        width: calc(100% - 326px);
    }
    
    .filter-btn-group {
        display: inherit;
    }
    
    
    /*filter close*/
    
    .cancel-button {
        backgraound-color: #004D90;
        margin-left: 10px;
    }
    
    .save-button {
        padding-left: 0px !important;
    }
    
    
    /*preview popup*/
    
    .preview-header {
        min-width: 300px;
        padding-bottom: 10px;
    }
    
    
    /* .question-image {
        width: 240px;
    } */
    
    .discraption {
        font-size: 16px;
        text-align: justify;
        margin-top: 8px;
    }
    
    .QusImg {
        /*border: 1px solid rgba(0, 0, 0, .1);
        width: 260px;*/
        display: block;
        margin-bottom: 30px;
    }
    
    .QusImg img {
        /*width: 100%;*/
    }
    
    .right-section {}
    
    .question-one {
        margin-top: 0;
    }
    
    .test-section-header {
        background: #005295;
        padding: 8px 0;
        color: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-bottom: 15px;
    }
    
    .questions p {
        /* margin-bottom: 0px;*/
    }
    
    .option-list li {
        margin-bottom: 10px;
        float: left;
        width: 50%;
    }
    
    .option-list li {
        margin-bottom: 10px;
    }
    
    .question-diagram {
        border: 1px solid #eee;
        border-radius: 5px;
        background-color: #fff;
        padding: 15px;
        margin-left: 10px;
    }
    
    .question-details {
        border-radius: 5px;
        padding: 0;
        /*height: calc(100vh - 200px);*/
        /*overflow-y: auto;*/
    }
    
    .questions {
        padding: 15px;
        border-bottom: 1px solid #ced4da;
        margin-top: 0px !important;
        background: #fff;
        margin-bottom: 10px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, .1);
        /*-webkit-box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.2);*/
    }
    
    .questions-result {
        padding: 15px 0;
        border-bottom: 1px solid #ced4da;
        margin-top: 0px !important;
        background: #fff;
        margin-bottom: 10px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, .1);
        margin-right: 10px;
    }
    
    .option-list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }
    
    .mat-dialog-container {
        max-width: 1000px;
    }
    
    .scroll-button {
        display: block;
        margin: 14px -24px !important;
    }
    
    .option-image {
        max-width: 100%;
        /*height: 100%;*/
        object-fit: contain;
    }
    
    
    /*faculty dasboard*/
    
    
    /*.faculty-profile {
        padding-top: 35px;
        }*/
    
    .banner-height {
        padding-top: 0px;
    }
    
    
    /*faculty dasboard close*/
    
    
    /*topic list popup*/
    
    .status-box {
        border: 1px solid #dadcde;
        border-radius: 5px;
        height: 37px;
        border-right: 0px;
        min-width: 120px;
    }
    
    .search-box input {
        border: 1px solid #dadcde;
    }
    
    .panel-bg {
        border-bottom: 0px !important;
        padding: 5px;
    }
    
    
    /*topic list popup*/
    
    
    /*admin student popup*/
    
    .innovation-img {
        border: 1px solid #bfc1c3;
        border-radius: 100%;
        width: 85px;
        background-color: #f7f7f7;
        margin-bottom: 16px;
    }
    
    .model-img {
        float: left;
    }
    
    .institute-detail {
        float: left;
    }
    
    .contact-no {
        margin-bottom: 0px;
        padding-top: 14px;
        padding-left: 10px;
    }
    
    .address {
        margin-bottom: 0px;
        padding-left: 10px;
    }
    
    
    /*admin student popup close*/
    
    
    /*topic list popup*/
    
    .page_block.topiclist-bg {
        padding: 0px;
    }
    
    .topic-action-button {
        padding: 0px;
    }
    
    
    /*topic list popup close*/
    
    .box-border {
        border-radius: 5px;
    }
    
    .topic-select {
        margin: 0px;
    }
    
    
    /*add question */
    
    .serial-no {
        position: absolute;
        left: 0;
        padding-left: 9px;
        padding-top: 0px;
    }
    
    
    /*.question-text {
        float: left;
        }*/
    
    
    /*add question close */
    
    .faculty-info {
        padding: 0px;
        list-style: none;
        word-break: break-all;
    }
    
    .info-left-section {
        padding-left: 18px;
    }
    
    .select-box {
        padding: 0px;
    }
    
    .panel-border {
        border-bottom: 0px;
        padding: 0px;
    }
    
    .popup-bg {
        padding: 0px;
    }
    
    .heading-profile h4 {
        margin: 0px;
        padding-bottom: 11px;
        margin-top: -12px;
    }
    
    .box-border.outline-box {
        padding: 2px 15px;
    }
    
    .preview-hr {
        margin-left: -24px;
        margin-right: -24px;
        margin-bottom: 0px;
    }
    
    .serial-no {
        position: absolute;
        left: 0;
        padding-left: 9px;
        padding-top: 0px;
    }
    
    .question-view {
        width: calc(50% - 25px);
        border: 1px solid #ced4da;
        padding: 0px !important;
        position: relative;
    }
    
    .browse-doc {
        background: #004D90;
        height: 40px;
        padding: 7px;
        font-size: 16px;
        color: #fff;
    }
    
    .country-code {
        width: 89px;
        float: left;
    }
    
    .contact-number {
        float: left;
        width: calc(100% - 89px);
        padding-left: 15px;
    }
    
    .mat-tab-group {
        font-family: calibri !important;
        font-size: 16px;
    }
    
    .dropdown-menu.dropdownmenu-right.test-action.show {
        left: auto !important;
        right: -85px !important;
        transform: none !important;
        top: 31px !important;
    }
    
    .btn.btn-primary.add-data {
        background-color: inherit;
        color: #005295 !important;
        padding-left: 0px !important;
    }
    
    .btn.btn-primary.add-data.mt-2:active {
        background-color: inherit;
        border-color: none !important;
        box-shadow: inherit;
    }
    
    .upload-quize {
        margin-top: -6px !important;
    }
    
    
    /*table buttons*/
    
    .btn.btn-primary.table-btn {
        background-color: transparent;
        color: #fff !important;
        border-radius: 5px;
        line-height: 0;
        padding: 8px 15px !important;
        border: 2px solid #fff;
    }
    
    .btn.btn-primary.table-btn:active {
        background-color: inherit;
        box-shadow: inherit;
    }
    
    .profile-info-media {
        flex-wrap: wrap;
    }
    
    .btn.btn-form.ml-2.btn-danger {
        background-color: #dc3545;
    }
    
    .pd-top {
        padding-top: 2px;
    }
    
    .cross-btn {
        margin: 0 auto;
    }
    
    .cross-red-btn {
        float: left;
        margin-top: -11px;
    }
    
    .select-answer {
        float: left;
        margin-left: 10px;
    }
    
    
    /*banner*/
    
    .blue-box {
        padding: 0px 0 10px;
    }
    
    .clicking-button {
        padding: 6px 12px;
        margin-bottom: -21px;
        margin-bottom: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background-color: #004D90;
        height: 49px;
    }
    
    .quize-pagination {
        margin-top: 0px;
        margin-bottom: 0px;
        float: left;
    }
    
    .total-question {
        padding-left: 10px;
        font-size: 16px;
        color: gray;
    }
    
    .table-bg {
        text-align: right;
        display: flex;
        align-items: center;
        float: right;
        height: 49px;
        margin-top: -6px;
    }
    
    .box-border {
        border: 1px solid #ced4da !important;
    }
    
    button.radius-100.table-btn.mr-2.gray-bg-btn {
        padding: 7px 14px !important;
        line-height: 17px;
        font-size: 15px;
        font-weight: 600;
    }
    
    button.radius-100.table-btn.mr-2.gray-bg-btn.activebtn {
        background: #fff;
        color: #004d90 !important;
    }
    
    .admin-profile-section {
        color: #fff;
    }
    
    .question-counting {
        float: left;
        padding-right: 10px;
        color: #2d2d2d;
        font-size: 16px;
    }
    
    .button-bloge {
        margin-top: 1px;
    }
    
    .checkbox .green-check-box {
        padding-left: 0px !important;
    }
    
    .text-blue {
        color: #0056b3 !important;
    }
    
    
    /*add test*/
    
    .Select-question {
        border-width: 1px;
        border-color: #ced4da;
        padding-bottom: 20px;
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .form-control .question-area {
        padding: 2.375rem .75rem !important;
    }
    
    .userimg {
        width: 50px;
        height: 50px;
        border-radius: 15%;
        border-color: #ced4da;
        position: relative;
        background-color: #ced4da;
        text-align: center;
    }
    
    .default-img {
        font-size: 23px;
        align-items: center;
        margin: 0px;
        margin: 0px;
        color: white;
        padding-top: 7px;
    }
    
    .quiz-icon {
        position: absolute;
        z-index: 10;
        right: 15px;
        top: 9px;
        font-size: 22px;
        color: #ced4da;
    }
    
    .select-items {
        float: left;
    }
    
    .img-section {
        float: left;
        padding: 0px !important;
    }
    
    .title {}
    
    .title p {
        margin: 0px;
    }
    
    .multiple-class-select .checkbox label span {
        margin-left: 15px;
    }
    
    .checkbox {
        /*padding-top: 6px;*/
    }
    
    .checkbox label {
        display: flex;
        position: relative;
        margin-bottom: 0;
        vertical-align: middle;
        align-items: center;
        cursor: pointer;
    }
    
    .checkbox-label::before {
        position: absolute !important;
    }
    
    .text-align {
        margin-left: 25px;
        float: left;
        margin-top: -3px;
    }
    
    .checkbox label::before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        min-width: 17px;
        left: 0;
        margin-left: 0px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        margin-left: 0px;
        padding-left: 0;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }
    
    .checkbox.green-check-box label::after {}
    
    .checkbox input[type="checkbox"] {
        opacity: 0;
        display: none;
    }
    
    .checkbox input[type="checkbox"]:focus+label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    
    .checkbox input[type="checkbox"]:checked+label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }
    
    .checkbox input[type="checkbox"]:disabled+label {
        opacity: 0.65;
    }
    
    .checkbox input[type="checkbox"]:disabled+label::before {
        background-color: #eeeeee;
        cursor: not-allowed;
    }
    
    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }
    
    .checkbox.checkbox-inline {
        margin-top: 0;
    }
    
    .checkbox-primary input[type="checkbox"]:checked+label::before {
        background-color: #00a854;
        border-color: #00a854;
    }
    
    .checkbox-primary input[type="checkbox"]:checked+label::after {
        color: #fff;
    }
    
    .checkbox {}
    
    .checkbox-primary input[type="checkbox"][_ngcontent-c3]:checked+label[_ngcontent-c3]::before {
        background-color: #00a854 !important;
        border-color: #00a854 !important;
    }
    
    .border-right-0 {
        border-right: 1 !important;
    }
    
    .search-box {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }
    
    .input-group-append {
        position: absolute;
        z-index: 10;
        left: 12px;
        top: 11px;
    }
    
    .image-part {
        width: 46px;
    }
    
    .question-type {
        color: #909192;
    }
    
    .search-icon {
        color: #aeb2b6;
    }
    
    .double-arrow a {
        background-color: #fff;
        border-radius: 100%;
        font-size: 26px;
        color: #95989b;
        overflow: visible;
        z-index: 5;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        text-align: center;
        width: 35px;
        height: 35px;
        display: block;
        line-height: 35px;
        padding-left: 4px;
    }
    
    .right-button a {
        background-color: #fff;
        border-radius: 100%;
        font-size: 26px;
        color: #95989b;
        overflow: visible;
        z-index: 5;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        text-align: center;
        width: 35px;
        height: 35px;
        display: block;
        line-height: 35px;
        margin-top: 10px;
        padding-left: 0px;
    }
    
    .arrow-section {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        right: 0;
    }
    
    .row.multiple-question {
        align-items: center;
    }
    
    .add-question {
        padding-right: 0px;
    }
    
    .search-area {
        width: calc(50% - 25px);
        border: 1px solid #ced4da;
        padding: 0px !important;
        background-color: inherit;
        position: relative;
    }
    
    .question-title {
        margin: 0px !important;
    }
    
    .custom-selectbox.float-selectbox .form-control {
        max-width: 215px;
    }
    
    .question-title span {
        min-width: auto !important;
    }
    
    .question-title p {
        white-space: normal;
        word-wrap: break-word;
    }
    
    
    /* .question-title p span {
            min-width: auto !important;
            word-wrap: break-word;
            hyphens: auto !important;
        } */
    
    .question-title .pl-1.pr-1 {
        white-space: normal;
        word-wrap: break-word;
        width: calc(100% - 20px);
    }
    
    .selected-question {
        float: left;
    }
    
    .list-bg {
        padding: 8px 0px 8px 18px;
        border-bottom: 1px solid #ced4da;
        margin-top: 0px !important;
        cursor: pointer;
        background: #fff;
        margin-bottom: 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
        border: 1px solid rgba(0, 0, 0, .1);
    }
    
    .check-button {
        font-size: 13px !important;
        padding-right: 5px;
        border: 2px solid #afb1b0 !important;
        width: 22px !important;
        height: 22px !important;
        padding-top: -2px;
    }
    
    .right-check {
        color: #00A854;
    }
    
    .multiple-question {
        display: table;
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .list-section:last-child {
        margin-bottom: 53px;
    }
    
    .double-arrow .active {
        background-color: #00A854;
        color: #fff;
    }
    
    .right-button .active {
        background-color: #00A854;
        color: #fff;
    }
    
    .sub-question {
        color: #838383;
    }
    
    .second-question {
        float: left;
        padding: 0px;
    }
    
    .question-type {
        float: left;
    }
    
    .question-number {
        padding-top: 3px;
        margin: 0px;
    }
    
    .question-section {
        float: left;
        width: calc(100% - 25px);
    }
    
    .radio-button {
        float: right;
        width: 25px;
    }
    
    .question-title {
        margin: 0px;
        display: flex;
    }
    
    .search-question input {
        background: #fff;
        border: 1px solid #ced4da !important;
        border-radius: 0 !important;
        height: 45px;
        padding-left: 35px;
        font-size: 18px;
    }
    
    .list-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .question-selection {
        font-size: 16px;
    }
    
    .left-search input {
        border: 1px solid #ced4da;
        height: 35px;
        padding-left: 15px;
        font-size: 18px;
        width: calc(100% - 81px);
        float: left;
        border-radius: 20px !important;
        margin-right: 5px;
    }
    
    .selected_bg {
        background-color: #eee;
    }
    
    
    /*add test close*/
    
    .red-text {
        font-size: 14px;
        color: red;
        padding-top: 2px;
    }
    
    .cdk-global-scrollblock {
        top: 0 !important;
    }
    
    .center-div {
        width: 50px;
        position: relative;
    }
    
    .bottom {
        position: absolute;
        bottom: 0;
        align-items: inherit;
    }
    
    .pagination-bar {
        margin-top: 0px;
    }
    
    .right-caret {
        font-size: 23px;
    }
    
    .left-backward {
        font-size: 20px;
        line-height: 24px;
        padding-right: 7px;
        color: #fff !important;
    }
    
    .left-caret {
        font-size: 30px;
        padding-right: 10px;
        line-height: 24px;
        color: #fff !important;
    }
    
    .right-forward {
        padding-left: 7px;
        line-height: 24px;
        color: #fff !important;
        font-size: 20px;
    }
    
    .right-caret {
        font-size: 30px;
        padding-left: 10px;
        line-height: 24px;
        color: #fff !important;
    }
    
    .pagination-noumbers {
        color: #fff !important;
        font-size: 16px;
        line-height: 20px;
    }
    
    .td-height {
        padding-top: 3px !important;
        padding-bottom: 7px !important;
    }
    
    .table thead th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: none;
    }
    
    .signupform input::placeholder {
        color: rgba(0, 0, 0, .5);
    }
    
    .signupform .border-bottom label {
        margin-bottom: .2rem;
    }
    
    .signupform p {
        margin-top: -14px;
    }
    
    .table thead .sorting:after {
        content: "\f0dc";
        font-family: FontAwesome;
        font-size: 14px;
        padding-left: 5px;
    }
    
    .table thead .sorting-desc:after {
        content: "\f0dd ";
        font-family: FontAwesome;
        font-size: 12px;
        padding-left: 5px;
    }
    
    .table thead .sorting-asc:after {
        content: "\f0de";
        font-family: FontAwesome;
        font-size: 12px;
        padding-left: 5px;
    }
    
    .more-btn {
        display: inline-block;
    }
    
    .btn-opacity {
        opacity: 0.7;
    }
    
    .inline-filter {
        float: right;
        width: 100%;
    }
    
    .label-cbx {
        user-select: none;
        cursor: pointer;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    .invisible {
        position: absolute;
        z-index: -1;
        width: 0;
        height: 0;
        opacity: 0;
    }
    
    .label-cbx .checkbox {
        position: relative;
        top: 4px;
        float: left;
        margin-right: 8px;
        width: 17px;
        height: 17px;
        border: 2px solid #C8CCD4;
        border-radius: 3px;
        padding-left: 0px;
    }
    
    .label-cbx .checkbox svg {
        position: absolute;
        top: -2px;
        left: -2px;
    }
    
    .label-cbx .checkbox svg path {
        fill: none;
        stroke: #50AC5D;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 71px;
        stroke-dashoffset: 71px;
        transition: all 0.6s ease;
    }
    
    .label-cbx .checkbox svg polyline {
        fill: none;
        stroke: #FFF;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 18px;
        stroke-dashoffset: 18px;
        transition: all 0.3s ease;
    }
    
    .label-cbx>span {
        pointer-events: none;
        vertical-align: middle;
    }
    
    .label-cbx:hover .checkbox svg path {
        stroke-dashoffset: 0;
    }
    
    .label-cbx input:checked+.checkbox svg path {
        fill: #50AC5D;
    }
    
    .label-cbx input:checked+.checkbox svg polyline {
        stroke-dashoffset: 0;
    }
    
    .tr-border thead tr {
        border: none !important;
    }
    
    .tr-border thead tr th {
        border: none !important;
    }
    
    
    /*.tr-border  tr td a {
        color:#212529;
        }*/
    
    .green-text {
        color: #00a854;
    }
    
    .btn.filter-button.radius-100.profile-btn {
        padding: 4px 12px !important;
    }
    
    .edit-btn {
        color: #fff;
        font-weight: 600;
    }
    
    .list-pl {
        padding-left: 15px;
    }
    
    .text-white.faculty-heading {
        font-weight: normal;
    }
    
    .btn.btn-primary.table-btn:active {
        border-color: #fff;
    }
    
    
    /*add reference*/
    
    .multiple-class-select {
        display: flex;
        padding-left: 0px !important;
        flex-wrap: wrap;
    }
    
    
    /*add reference close*/
    
    .tr-bg {
        background-color: #b2e4cb !important;
    }
    
    .mat-dialog-container {}
    
    .edit-icon:hover {
        color: #fff !important;
    }
    
    .paragraph {
        color: #808080;
        font-size: 18px;
    }
    
    .test-pagination {
        position: absolute !important;
        z-index: 5 !important;
        right: 12px;
        top: 7px;
    }
    
    .text-color {
        color: #fff;
    }
    
    .dummy-text {
        text-align: justify;
    }
    
    .checkbox-align {}
    
    .faculty-default-img {
        float: left;
        color: #fff;
        padding-top: 24px;
    }
    
    .user-img {
        float: left;
    }
    
    .ins_img.user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 22px;
    }
    
    .para {
        text-align: center;
        padding-top: 70px !important;
    }
    
    .ins_info.default_ins_img {
        margin-top: 20px;
    }
    
    .white_box.white-bg-img {
        border-radius: 5px;
    }
    
    .white_box p {
        color: gray;
        font-size: 16px;
    }
    
    .row.cross_border {
        text-align: center;
        /*padding-top: 12px;*/
    }
    
    .row.cross_border.cross_border_none {
        padding-top: 12px;
    }
    
    .clo-12.col-sm-3.col-md-6.col-lg-3.divider {
        border: none !important;
    }
    
    .edit-btn:hover {
        color: #fff;
    }
    
    .card-bg {
        background-color: #ccdbe8;
        border-radius: 5px;
        text-align: left;
        padding: 15px;
        min-height: 270px;
        margin-bottom: 15px;
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .04), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .02);
        margin-bottom: 15px;
        cursor: pointer;
    }
    
    .card-bg.ins-card-bg {
        background-color: #ccdbe8;
    }
    
    .assign-ins {
        padding-top: 10px;
    }
    
    .info {
        text-align: center;
    }
    
    .img-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        text-align: center;
        background-color: #fff;
        border-radius: 100%;
    }
    
    .desc {
        word-wrap: break-word;
    }
    
    .img-size {
        width: 87% !important;
        height: 100%;
        border-radius: 100%;
        object-fit: contain;
        text-align: center;
    }
    
    .btn-hr {
        width: 100%;
        border-color: #ced4da;
    }
    
    .cross_border_none>div {
        border: none !important;
    }
    
    .sorting {
        cursor: pointer;
    }
    
    .subjects {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 14px;
    }
    
    .sbject-checkbox {
        display: inline-block;
    }
    
    .checkbox.sbject-checkbox label::before {
        margin-right: 15px;
    }
    
    .label-mb {
        margin-bottom: 15px;
    }
    
    .checkbox-bg {
        background-color: #f8f8f8;
        border: 1px solid #cccbcb;
        padding: 10px;
    }
    
    .checkbox-bg {
        background-color: #f8f8f8;
        border: 1px solid #cccbcb;
        padding: 0 10px;
        margin-bottom: 0px;
        align-items: center;
        min-height: 50px;
        margin-bottom: 25px;
        display: flex;
    }
    
    .info.class-info {
        text-align: left;
    }
    
    .desc.class-heading {
        font-size: 17px;
        padding: 10px 10px;
        text-align: left;
        background-color: #005295;
        padding-top: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
    }
    
    .subjects-name {
        padding: 5px 10px;
        font-size: 16px;
    }
    
    .faculty-name {
        font-size: 16px;
        color: #333;
    }
    
    .faculty-name i {
        font-size: 14px;
        margin-right: 5px;
    }
    
    .grid-bg {
        padding: 0px;
    }
    
    .header-divider {
        margin-top: 0px;
        margin-left: -23px;
        margin-bottom: 0px;
        margin-right: -23px;
    }
    
    .input-group-addon {
        background: none;
        border: 0px;
        padding: 0 10px 0 0;
        margin-bottom: 10px;
        font-size: 20px;
    }
    
    .btn.btn-primary.filter-button.radius-100.add-data {
        padding-top: 0px !important;
    }
    
    .input-50.mr-1.code-input {
        width: 85px;
    }
    
    .code-input label {
        margin-bottom: .2rem;
    }
    
    .input-50.ml-1.number-input {
        float: inherit;
        width: inherit;
    }
    
    .form-group.border-bottom.border-width {
        margin-right: 10px;
        margin-left: 5px;
    }
    
    .group-no {
        width: calc(100% - 85px);
        float: left;
    }
    
    .input-50.mr-1.code-input .input-group {
        align-items: end;
    }
    
    .code-input span strong {
        position: absolute;
        top: -5px;
    }
    
    .cls-title {
        float: left;
        padding-right: 10px;
        line-height: 25px;
        color: gray;
    }
    
    .cls-name {
        margin-bottom: 10px;
        color: gray;
    }
    
    .line-spacing {
        margin: 0px;
    }
    
    .seprater-div {
        border-bottom: 1px solid #e9ecef;
        margin-bottom: 8px;
    }
    
    .page_block.popup-bg {
        width: 100%;
        min-width: 425px;
    }
    
    .panel-border hr {
        margin-right: -20px;
        margin-left: -20px;
        margin-top: 0px;
        margin-bottom: 19px;
    }
    
    .status-option {
        margin-bottom: 0px;
    }
    
    .popup-header .header-divider {
        margin-top: 24px;
        margin-right: 0px;
    }
    
    .class-heading span {
        float: right;
        font-size: 15px;
        display: none;
        position: absolute;
        top: 12px;
        right: 24px;
    }
    
    .tr-bg .class-heading span {
        display: block;
    }
    
    .mat-dialog-content.mat-scroll {
        margin: 0px -20px !important;
    }
    
    
    /*profile image*/
    
    .rounded.img-center {
        width: 100px;
    }
    
    
    /*profile image close*/
    
    .line-width {
        width: 100%;
    }
    
    td a.inactive {
        background: #fff0f0;
        color: #dc3545 !important;
        padding: 2px 5px;
        border-radius: 5px;
        border: 1px solid #dc3545;
    }
    
    
    /*td a.active{
        background:#effff5;
        color:#00A854 !important;
        padding:2px 5px;
        border-radius:5px;
        border:1px solid #00A854;
        }*/
    
    .list-pl {
        list-style: none;
        padding-left: 15px;
        list-style: circle;
        margin-bottom: 0;
    }
    
    .list-pl li:last-child {
        border-bottom: none;
    }
    
    .font6 {
        font-weight: 600;
    }
    
    .divider-line {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .cancel-button.bg-warning:hover {
        background-color: #ec971f !important;
    }
    
    .img-width {
        width: 180px !important;
    }
    
    .active.round-btn {
        color: #fac917;
        border-color: #fac917;
    }
    
    .active.round-btn:hover {
        color: #fac917;
    }
    
    .round-btn {
        text-align: center;
        border-radius: 999px;
        -webkit-border-radius: 999px;
        width: 35px;
        height: 35px;
        display: inline-flex;
        display: -webkit-inline-flex;
        align-items: center;
        justify-content: center;
        color: #808080;
        cursor: pointer;
        border: 2px solid #808080;
    }
    
    .round-btn:hover {
        color: gray;
    }
    
    .play_btn.favorite-ic {
        width: 35px;
        height: 35px;
        margin-right: 5px;
    }
    
    
    /*.round-btn .fa-star:hover {
        color: gray;
        }*/
    
    
    /*.fa.fa-caret-right.right-btn {
        color: gray;
        }*/
    
    .right-btn:hover {
        color: #00A854 !important;
    }
    
    .favorite-btn {
        display: flex;
        justify-content: center;
        border-top: 0px !important;
    }
    
    .ic_doc i {
        font-size: 21px;
    }
    
    a.ic_doc {
        padding-left: 0px;
    }
    
    .lecture-blog {
        min-height: 525px;
    }
    
    .lecture-blog-sml {
        min-height: 400px;
    }
    
    .lecture-blog-sml .select-style {
        width: 108%;
        max-width: 160px;
    }
    
    .placeholder_img {
        position: absolute;
        height: calc(100% - 12%);
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .media_border .media {
        padding: 8px 0;
    }
    
    .media_border .col-12:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .media_border .col-12:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .media_border .col-12:nth-child(3) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .media_border .col-12:nth-child(4) {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .media_border .col-12:nth-child(5) {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .media_border .col-12:nth-last-child {
        border-bottom: none;
    }
    
    select::-ms-expand {
        display: none;
    }
    
    .custom-selectbox .form-control {
        width: 100%;
        border-radius: 3px;
        overflow: hidden;
        border-radius: 23px;
        background: #fff url("../images/drop_ic.png") no-repeat 90% 50%;
    }
    
    .custom-selectbox select {
        padding: 5px 30px 5px 8px;
        width: 130%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
    }
    
    .custom-selectbox select:focus {
        outline: none;
    }
    
    .custom-selectbox select.form-control:not([size]):not([multiple]) {
        height: calc(2.25rem + 0px) !important;
    }
    
    .float-selectbox {
        float: left;
        margin-right: 10px;
    }
    
    .pluscode {
        position: absolute;
        top: 6px;
        left: 10px;
    }
    
    .ccode {
        padding-left: 20px;
    }
    
    .play_btn.favorite-ic a {
        line-height: 35px;
        color: #808080;
    }
    
    .fa.fa-download.right-btn:hover {
        color: gray !important;
    }
    
    .active.round-btn:hover {
        color: #fac917;
    }
    
    .readmore {
        color: #00A854;
        cursor: pointer;
    }
    
    .readless {
        color: #00A854;
        cursor: pointer;
    }
    
    .readmore-sub {
        color: #00A854;
        cursor: pointer;
        margin-left: -15px;
    }
    
    .readless-sub {
        color: #00A854;
        cursor: pointer;
        margin-left: -15px;
    }
    
    .classul {
        list-style: circle;
        padding-left: 15px;
        margin-bottom: 2px;
    }
    
    .read a {
        cursor: pointer;
    }
    
    .swal2-modal h2 {
        color: #575757;
        font-size: 18px !important;
        text-align: center;
        font-weight: 600;
        text-transform: none;
        position: relative;
        margin: 0;
        padding: 0;
        line-height: 30px !important;
        display: block;
    }
    
    .media-body h6.mt-0 {
        text-transform: capitalize
    }
    
    .capitalFirstText {
        text-transform: capitalize;
    }
    
    .institute-logo-td {
        width: 100px;
    }
    
    .sub-selection-search input {
        background: #f6f6f6;
    }
    
    .sub-selection-search input:focus {
        background: #f6f6f6;
    }
    
    .subject-selectable {
        display: inline-block;
    }
    
    .sub-selection {
        float: left;
        border-radius: 3px;
        border: 1px solid #ced4da;
        box-shadow: none;
        margin: 0;
    }
    
    .subject-selectable ul {
        list-style: none;
        padding-left: 0;
    }
    
    .sub-selection-action {
        float: left;
        padding: 10px 20px;
        margin-top: 130px;
    }
    
    .subject-selectable ul li {
        padding: 5px 15px;
        min-width: 200px;
        max-width: 200px;
    }
    
    .subcategory-section .subject-selectable ul li {
        padding: 5px 15px;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    .subject-selectable ul li.active {
        background: #004D90;
        color: #fff;
    }
    
    .subject-selectable ul li:hover {
        background: #004D90;
        color: #fff;
        cursor: pointer;
    }
    
    .ul-selection {
        overflow: auto;
        max-height: 300px;
        min-height: 300px;
    }
    
    .sub-selection-heading {
        padding: 5px 15px;
        min-width: 200px;
        /*background-color:#f5f5f5;*/
        border-bottom: 1px solid #cccbcb;
        font-weight: 600;
    }
    
    .more-btn .fa-ellipsis-v {
        display: none;
    }
    
    .sub-selection-search input {
        border: none;
        padding-left: 27px;
    }
    
    .sub-selection-search i {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 13px;
    }
    
    .sub-selection-search {
        border-bottom: 1px solid #cccbcb;
        position: relative;
    }
    
    .subject-selectable {
        display: inline-block;
    }
    
    .sub-selection {
        float: left;
        border-radius: 3px;
        border: 1px solid #ced4da;
        box-shadow: none;
        margin: 0;
        background: #fff;
    }
    
    .subject-selectable ul {
        list-style: none;
        padding-left: 0;
        max-width: 100%;
    }
    
    .sub-selection-action {
        float: left;
        padding: 10px 10px;
        margin-top: 130px;
    }
    
    .subject-selectable ul li {
        padding: 5px 15px;
        word-break: break-word;
    }
    
    .subject-selectable ul li.active {
        background: #004D90;
        color: #fff;
    }
    
    .subject-selectable ul li:hover {
        background: #004D90;
        color: #fff;
        cursor: pointer;
    }
    
    .ul-selection {
        overflow: auto;
        max-height: 300px;
        min-height: 300px;
        min-width: 200px;
        max-width: 200px;
    }
    
    .sub-selection-heading {
        padding: 5px 15px;
        /*background-color:#f5f5f5;*/
        border-bottom: 1px solid #cccbcb;
        font-weight: 600;
    }
    
    .white_box.mh-box {
        min-height: 556px;
    }
    
    .preview_img {
        width: 100%;
        border-radius: 5px;
        position: relative;
        height: 300px;
    }
    
    .preview_img img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }
    
    .question-no-img {
        position: relative;
        width: 100px;
        height: 100px;
    }
    
    .border-low {
        border-color: #060 !important;
    }
    
    .border-high {
        border-color: #F00 !important;
    }
    
    .border-medium {
        border-color: #FF0 !important;
    }
    
    .option_count {
        padding-top: 20px;
    }
    
    .multiAns.pull-left {
        width: calc(100% - 30px);
        margin-top: 13px;
    }
    
    .editquestion {
        float: left;
    }
    
    .add-correct-ans {
        margin-top: 11px;
    }
    
    .swal2-spacer {
        display: none !important;
    }
    
    .question-upload {
        width: 100% !important;
        height: 275px !important;
        position: relative;
        border: 1px solid #ced4da;
    }
    
    .question-edit-upload {
        width: 100% !important;
        height: 275px !important;
        position: relative;
    }
    
    .option_count_edit {
        padding-top: 5px;
    }
    
    .facultyspan {
        display: inline-block !important;
    }
    
    .fa.fa-clipboard.student-icon {
        font-size: 33px !important;
    }
    
    .fa.fa-download.right-btn:hover {
        color: #00A854 !important;
    }
    
    
    /*.cross_border.admin_banner {
        padding-top: 17px;
        }*/
    
    .question-upload img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .question-edit-upload img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .remove-img {
        position: absolute;
        top: -6px;
        right: -5px;
        font-size: 18px;
        color: #fff;
        background-color: #e43333;
        border-radius: 100%;
        padding: 0 7px;
        text-align: center;
        vertical-align: middle;
        line-height: 29px;
    }
    
    .title span {
        margin-right: 6px;
    }
    
    .load-btn {
        color: #fff;
    }
    
    .quize-list li {
        display: flex;
    }
    
    .btn.btn-secondary.secondary-btn {
        color: #fff;
    }
    
    .btn.btn-secondary.secondary-btn:hover {
        color: #fff;
    }
    
    .previewimg {
        width: 100%;
    }
    
    .previewimg img {
        max-width: 100%;
        object-fit: contain;
    }
    
    .question-one p {
        font-size: 18px;
        white-space: normal;
        word-wrap: break-word;
        margin-bottom: 0;
    }
    
    .display-block {
        display: block;
    }
    
    .ans-view {
        margin-bottom: 10px !important;
    }
    
    .add-data {
        margin-top: 5px;
        border: 1px solid #00ae51;
        margin-left: 15px;
        color: #00ae51 !important;
    }
    
    .cross-red-btn {
        cursor: pointer;
        border: 1px solid #dc3545;
        margin-top: 5px;
        margin-left: 15px;
        color: #dc3545 !important;
        padding: 4px 15px !important;
        border-radius: 50px;
    }
    
    .high {
        background: #f5eeef;
        border: 1px solid #f6b6bc !important;
    }
    
    .medium {
        background: #FCF8E3;
        border: 1px solid #faebcc !important;
    }
    
    .low {
        background: #eaf7fd;
        border: 1px solid #bce8f1 !important;
    }
    
    .patternbox-high {
        background: #fde4e6;
        border: 1px solid #f6b6bc !important;
        width: 12px;
        height: 12px;
        display: inline-block;
        position: relative;
        margin-right: 5px;
    }
    
    .patternbox-medium {
        width: 12px;
        height: 12px;
        display: inline-block;
        background: #FCF8E3;
        border: 1px solid #faebcc !important;
        position: relative;
        margin-right: 5px;
    }
    
    .patternbox-low {
        width: 12px;
        height: 12px;
        display: inline-block;
        background: #eaf7fd;
        border: 1px solid #bce8f1 !important;
        position: relative;
        margin-right: 5px;
    }
    
    .patternbox-all {
        width: 12px;
        height: 12px;
        display: inline-block;
        border: 1px solid #afb1b0 !important;
        position: relative;
        margin-right: 5px;
    }
    
    
    /*.active .patternbox-all:before{
        content:'\f00c';
        font-family:FontAwesome;
        font-size: 14px;
        position: absolute;
        top: -2px;
        left: 1px;
        color:#212529;
        }
        .active .patternbox-high:before{
        content:'\f00c';
        font-family:FontAwesome;
        font-size: 14px;
        position: absolute;
        top: -2px;
        left: 1px;
        color:#ef858f;
        }
        .active .patternbox-medium:before{
        content:'\f00c';
        font-family:FontAwesome;
        font-size: 14px;
        position: absolute;
        top: -2px;
        left: 1px;
        color:#c1aa32;
        }
        .active .patternbox-low:before{
        content:'\f00c';
        font-family:FontAwesome;
        font-size: 14px;
        position: absolute;
        top: -2px;
        left: 1px;
        color:#65d5ec;
        }*/
    
    .action-qst-type a {
        color: #212529 !important;
        margin-right: 10px;
        display: flex;
        align-items: center;
    }
    
    .action-qst-type {
        margin-left: 5px;
        margin-top: 10px;
        display: flex;
        margin-bottom: 10px;
    }
    
    .right-check {
        color: #00A854;
    }
    
    .multiple-question {
        display: flex;
        width: 100%;
        height: 100%;
    }
    
    .latest-post-box {
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 5px;
        padding-bottom: 10px;
    }
    
    .latest-post-box h4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .sl-content {
        padding-bottom: 10px;
        margin-top: -6px;
        margin-left: 24px;
    }
    
    .sl-item::before,
    .sl-item::after {
        display: table;
        content: " ";
    }
    
    .streamline .sl-item::after,
    .streamline::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 11px;
        height: 11px;
        margin-left: -6px;
        background-color: #fff;
        border-color: inherit;
        border-style: solid;
        border-width: 2px;
        border-radius: 50%;
        content: '';
    }
    
    .b-accent {
        border-color: #7e57c2;
    }
    
    .b-l {
        border-left: 1px solid #dddee0;
        border-left-color: rgb(221, 222, 224);
    }
    
    .streamline {
        position: relative;
        border-color: #dddee0;
    }
    
    .sl-item::after {
        clear: both;
    }
    
    .sl-item::before,
    .sl-item::after {
        display: table;
        content: " ";
    }
    
    .sl-item::after {
        top: 0;
        bottom: auto !important;
    }
    
    .sl-item {
        position: relative;
        padding-bottom: 1px;
        border-color: #dddee0;
    }
    
    .black {
        color: #252425;
    }
    
    .text-muted-dk {
        color: #757373;
    }
    
    .forum-btn-group .btn {
        background: #004D90;
        color: #fff;
        border-radius: 50px;
    }
    
    .gray-txt {
        color: #757373;
    }
    
    .graybg {
        background: #fff;
    }
    
    .b-primary {
        border-color: #3f51b5;
    }
    
    .question-section .title {
        margin-right: 20px;
    }
    
    .question-selection {
        font-size: 16px;
        padding-top: 13px;
    }
    
    .right-search-filter {
        background: #f6f6f7;
        border-bottom: 1px solid #e7e8ea;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 0 !important;
    }
    
    .search-question input {
        height: 35px;
        padding-left: 15px;
        font-size: 18px;
        width: calc(100% - 81px);
        float: left;
        border-radius: 20px !important;
        margin-right: 5px;
    }
    
    .search-question .secondary-btn {
        border-radius: 20px;
        float: left;
        height: 35px;
        padding: .31rem .85rem !important;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    }
    
    .search-question .secondary-btn .search-icon {
        color: #fff;
        margin-right: 5px;
    }
    
    .left-search .secondary-btn .search-icon {
        color: #fff;
        margin-right: 5px;
    }
    
    .cross-dividers {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .left-search .secondary-btn {
        border-radius: 20px;
        float: left;
        height: 35px;
        padding: .31rem .85rem !important;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    }
    
    .qus_no {
        float: left;
        margin-right: 7px;
    }
    
    .questions-result .right-section .qus_no {
        margin-left: 10px;
    }
    
    .qus_no p {
        font-size: 18px;
        margin-bottom: 0;
    }
    
    .viewexp {
        background-color: #727b84;
        color: #fff !important;
        border-radius: 5px;
        /* line-height: 0; */
        padding: 5px 5px !important;
        border: 2px solid #6c757d;
        margin-top: 5px;
        display: inline-block;
        cursor: pointer;
        font-size: 18px;
    }
    
    .quizeAns .display-block.text-right {
        font-size: 18px;
    }
    
    .quizeAns p {
        font-size: 18px !important;
    }
    
    .option-list .pt-2 span {
        font-size: 18px;
    }
    
    .viewexp i {
        font-size: 10px;
    }
    
    .question-diagram .discraption {
        font-size: 18px;
    }
    
    .optionImg {
        /*width: 125px;
        height: 125px;
        border: 1px solid rgba(0, 0, 0, .1);*/
    }
    
    .ans-option {
        margin-left: 10px;
        width: calc(100% - 65px);
    }

    .radio-ans-option {
        width: calc(100% - 65px);
    }
   
    
    .question-details .form-control {
        font-size: 18px;
    }
    
    .question-details p {
        font-size: 18px;
    }
    
    .checkbox.checkbox-primary.green-check-box.pull-left {
        padding-top: 4px;
    }
    
    .widthfull {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .text-bold {
        font-weight: bold;
    }
    
    .option-list .text-bold {
        color: #3e88c8 !important;
    }
    
    .subject-select-box {
        position: absolute;
        right: 20px;
    }
    
    .viewall_position {
        position: absolute;
        right: 20px;
        top: 15px;
    }
    
    .ans-sheet .ans-option {
        margin-left: 0 !important;
    }
    
    .green-check-box.pull-left label::after {
        top: 0px;
        left: 3px
    }
    
    .show-result-review {
        padding-top: 80px;
    }
    
    .qus_section_half {
        /* float: left; */
    }
    
    .qus_section {
        float: left;
        width: calc(100% - 66px);
    }
    
    .question-area .right-search-filter {
        padding-bottom: 10px;
    }
    
    .topic_default_img {
        margin: 0 auto;
        text-align: center;
    }
    
    .inline-selectbox {
        display: flex;
        align-items: center;
    }
    
    .inline-selectbox label {
        margin-bottom: 0;
        margin-right: 5px;
    }
    
    .blue-circle {
        width: 100px;
        height: 100px;
        background: #4689fa;
        border-radius: 100%;
        text-align: center;
        line-height: 100px;
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        margin: 0 auto;
        border: 3px solid #fff;
        box-shadow: 0px 0px 0px 3px #4689fa;
    }
    
    .orange-circle {
        width: 100px;
        height: 100px;
        background: #ff735d;
        border-radius: 100%;
        text-align: center;
        line-height: 100px;
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        margin: 0 auto;
        border: 3px solid #fff;
        box-shadow: 0px 0px 0px 3px #ff735d;
    }
    
    .score-circles {
        display: flex;
        justify-content: center;
    }
    
    .performancebtn {
        background: #00a853;
        color: #fff;
        border-radius: 5px;
        padding: 5px 5px !important;
        margin-top: 5px;
        display: inline-block;
        cursor: pointer;
    }
    
    .performancebtn:hover {
        color: #fff;
    }
    
    .resultQus p {
        margin-bottom: 0;
    }
    
    
    /* .resultQus span {
            min-width: auto !important;
        }
    
        .question-one span {
            min-width: auto !important;
        } */
    
    
    /*.list-qus li {
        width: 100% !important;
        margin-top: 28px;
        }*/
    
    .show_answer_container .row:last-child .widthfull {
        display: none;
    }
    
    .questions hr {
        display: none;
    }
    
    .heading-h5 {
        color: #fff;
        padding-left: 15px;
        padding-top: 5px;
    }
    
    .text-muted-dk a {
        border: 1px solid #eee;
        padding: 10px;
        width: 100%;
        display: block;
        color: #212529;
        font-size: 17px;
    }
    
    .caterogyl-Ul {
        list-style: none;
        padding-left: 0;
    }
    
    .caterogyl-Ul li {
        position: relative;
    }
    
    .caterogyl-Ul .category-li {
        position: relative;
        padding-bottom: 10px;
    }
    
    .caterogyl-Ul li a {
        color: #212529;
        border: 1px solid #ddd;
        padding: 10px;
        display: block;
        position: relative;
        z-index: 1;
        background: #fff;
    }
    
    .caterogyl-Ul li:after {
        position: absolute;
        content: '';
        height: 100%;
        background: #ddd;
        margin: 0;
        width: 1px;
        top: 0;
        left: 10px;
    }
    
    .caterogyl-Ul li ul {
        list-style: none;
        padding-top: 10px;
    }
    
    .board-ul {
        position: relative;
        padding-left: 0;
        list-style: none;
    }
    
    .subject-ul li {
        margin-bottom: 10px;
        position: relative;
    }
    
    .subject-ul li:last-child {
        margin-bottom: 0px;
    }
    
    .subject-ul li:after {
        display: none;
    }
    
    .subject-ul li:before {
        position: absolute;
        content: '';
        height: 1px;
        background: #ddd;
        margin: 0;
        width: 100%;
        top: 21px;
        left: -30px;
    }
    
    .questionwrapper {
        float: left;
        width: calc(100% - 50px);
    }
    
    .question-favorite {
        float: left;
        margin-right: 10px;
    }
    
    .font18 {
        font-size: 18px;
    }
    
    .qus_no .font18 {
        float: left;
        margin-right: 5px;
    }
    
    .fontw6 {
        font-weight: 600;
    }
    
    .answershowtxt {
        margin-left: 22px;
    }
    
    .borderbottom:after {
        width: 100%;
        height: 1px;
        content: '';
        background: rgba(0, 0, 0, .1);
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .mt-10 {
        margin-bottom: 10px;
    }
    
    .board-li {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .downarrow.collapsed:after {
        content: '\f077 ' !important;
        font-family: FontAwesome;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 13px;
    }
    
    .downarrow:after {
        content: '\f078';
        font-family: FontAwesome;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 13px;
    }
    
    .ans-sheet .option-list {
        padding-left: 22px;
    }
    
    .anspaper .ans-sheet {
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    
    .anspaper:last-child .ans-sheet {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .category-li .graybg {
        background: #f5f5f5;
    }
    
    .bluebg {
        background: #edf4fb !important;
        padding: 5px;
    }
    
    .greenbg {
        background: #ecfff6 !important;
    }
    
    .orangebg {
        background: #fbf6f1 !important;
    }
    
    .purplebg {
        background: #f9f8fb !important;
    }
    
    .subjectList li {
        margin-bottom: 10px;
    }
    
    .subjectList li:last-child {
        margin-bottom: 0px;
    }
    
    .subjectList li:before {
        position: absolute;
        content: '';
        height: 1px;
        background: #ddd;
        margin: 0;
        width: 100%;
        top: 21px;
        left: -30px;
    }
    
    .topiclist a:after {
        content: '\f054  ';
        font-family: FontAwesome;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 13px;
        color: #212529;
    }
    
    .gsi-vertical li .categorytxt {
        color: #212529 !important;
        text-transform: uppercase;
    }
    
    .gsi-vertical {
        padding-left: 0;
    }
    
    .gsi-vertical li:after {
        height: 100%;
        width: 5px;
        top: 5px;
        left: 8px;
    }
    
    .gsi-vertical li:last-child:after {
        display: none;
    }
    
    .gsi-vertical li:after {
        position: absolute;
        content: '';
        background: #edeff0;
        margin: 0;
    }
    
    .gsi-vertical li {
        position: relative;
        display: block;
        padding-left: 30px;
    }
    
    .gsi-vertical li> :after {
        position: absolute;
        content: '';
        margin: 0;
        width: 20px;
        height: 20px;
        background-color: #004D90;
        left: 0;
        top: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        z-index: 1;
    }
    
    .add-Category {
        float: right;
        border: 1px solid #00ae51;
        min-width: 77px;
        text-align: center;
        color: #00ae51 !important;
        border-radius: 4px;
        text-transform: uppercase;
    }
    
    .board-ul .text-uppercase.pull-left {
        font-size: 17px;
        color: #212529;
        background: #fff;
        display: flex;
        align-items: center;
    }
    
    .droparrow {
        background: #00ae51;
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50%;
        color: #fff !important;
        font-size: 12px !important;
        text-align: center;
        line-height: 20px;
        position: relative;
        z-index: 1;
    }
    
    .board-ul span {
        font-size: 17px;
    }
    
    .break-long-word {
        word-break: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    
    accordion-group .panel-heading {
        position: relative;
        padding-bottom: 10px;
        cursor: pointer;
    }
    
    .category:after {
        position: absolute;
        content: '';
        background: #edeff0;
        margin: 0;
        height: 100%;
        width: 5px;
        top: 8px;
        left: 22px;
    }
    
    .board-ul .panel .panel-heading:first-child .panel-title:before {
        background: #00ae51;
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50%;
        color: #fff !important;
        font-size: 12px !important;
        text-align: center;
        line-height: 20px;
        position: relative;
        z-index: 1;
        content: '\f078';
        font: normal normal normal 14px/1 FontAwesome;
        line-height: 20px;
    }
    
    .board-ul .panel-title:before {
        position: relative;
        z-index: 1;
        content: "\f07c";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
    }
    
    .boardList .panel-title a:before {
        position: relative;
        z-index: 1;
        content: "\f15c ";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
    }
    
    .subject .panel-title a:before {
        display: none;
    }
    
    .boardList .panel-title:after {
        content: '\f078  ';
        font-family: FontAwesome;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 17px;
        color: #212529;
        display: block;
    }
    
    .boardList .dropup .panel-title:after {
        content: '\f077 ';
    }
    
    .boardList .dropup .subject .panel-title:after {
        content: '\f078' !important;
    }
    
    .boardList .dropup .subject .dropup .panel-title:after {
        content: '\f077' !important;
    }
    
    .subject .panel-title .board-ul:before {
        content: '\f055\ \f1c9 ' !important;
        position: relative;
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        color: #757373;
    }
    
    .subject .dropup .panel-title .board-ul:before {
        content: '\f056\ \f1c9  ' !important;
        position: relative;
        z-index: 1;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        color: #757373;
    }
    
    .boardList .panel-default {
        margin-left: 45px;
        position: relative;
    }
    
    .boardList {}
    
    .boardList:after {
        position: absolute;
        content: '';
        background: #ced4da;
        margin: 0;
        height: calc(100% + 15px);
        width: 2px;
        top: 0;
        left: 55px;
    }
    
    .boardList .panel-default .panel-heading {
        border: 1px solid #e5e9ec;
        display: block;
        padding: 15px 10px;
        border-radius: 4px;
        position: relative;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .26);
        background: #fff;
        z-index: 1;
        margin-bottom: 10px;
        background: #effff8 !important;
    }
    
    .topiclist a {
        border: 1px solid #e5e9ec;
        display: block;
        padding: 10px !important;
        border-radius: 4px;
        position: relative;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .26);
        background: #fff;
        z-index: 1;
        margin-bottom: 10px;
        background: #fff !important;
        font-size: 17px;
        color: #212529;
    }
    
    .boardList .panel-default .panel-title a {
        font-size: 17px;
        color: #212529;
        text-transform: capitalize !important;
        background: transparent !important;
        padding: 0 !important;
    }
    
    .subject .panel-default .panel-heading {
        background: #fff !important;
    }
    
    .subject:after {
        position: absolute;
        content: '';
        background: #ced4da;
        margin: 0;
        height: calc(100% + 15px);
        width: 2px;
        top: 0;
        left: 55px;
    }
    
    .boardList .panel .panel-heading .panel-title {
        margin-bottom: 0;
        font-size: inherit;
    }
    
    .boardList .panel .panel-heading:first-child .panel-title:before {
        display: none;
    }
    
    .subboardList {
        border: 1px solid #e5e9ec;
        display: block;
        padding: 10px;
        border-radius: 4px;
        position: relative;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .26);
        background: #effff8 !important;
        z-index: 1;
    }
    
    .subjectlist {
        margin-left: 45px;
        margin-top: 10px;
        position: relative;
    }
    
    .subjectlist a {
        border: 1px solid #e5e9ec;
        display: block;
        padding: 10px;
        border-radius: 4px;
        position: relative;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .26);
        background: #fff;
        z-index: 1;
        margin-bottom: 10px;
    }
    
    
    /*.boardList:after{
        position: absolute;
        content: '';
        background: #ced4da;
        margin: 0;
        height: 100%;
        width: 2px;
        top: 10px;
        left: 8px;
        }*/
    
    .subjectlist:after {
        position: absolute;
        content: '';
        background: #ced4da;
        margin: 0;
        height: calc(100% + 10px);
        width: 2px;
        top: 0;
        left: 8px;
    }
    
    
    /*.subjectlist:before{
        position: absolute;
        content: '';
        height: 2px;
        background: #ced4da;
        margin: 0;
        width: 100%;
        top: 24px;
        left: -36px;
        }*/
    
    .topiclist {
        margin-left: 45px;
        margin-top: 10px;
        position: relative;
        padding-left: 0;
        list-style: none;
    }
    
    .topiclist li a:before {
        position: absolute;
        content: '';
        height: 2px;
        background: #ced4da;
        margin: 0;
        width: 4%;
        top: 24px;
        left: -36px;
    }
    
    .topicImg {
        float: left;
    }
    
    .boardInfo {
        float: left;
        width: calc(100% - 70px);
        margin-left: 15px;
    }
    
    .boardInfo p {
        word-break: break-word;
    }
    
    .answer-comment p {
        word-break: break-word;
    }
    
    .heading-profile h5 {
        word-break: break-word;
    }
    
    .commentAns p {
        word-break: break-word;
    }
    
    .sl-content .text-muted-dk {
        word-break: break-word;
    }
    
    .topicImg img {
        width: 55px;
    }
    
    .boardHeading {
        font-size: 18px;
    }
    
    .headerBoard {
        border-bottom: 1px solid #e9ecef;
        font-weight: 600;
        margin-bottom: 15px;
    }
    
    .headerBoard h5 {
        margin-top: .5rem;
        font-size: 16px;
        font-weight: bold;
    }
    
    .border-bottom {
        border-bottom: 1px solid #e9ecef;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    
    .userimg {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
    }
    
    .profile-grid-box {
        display: flex;
        justify-content: space-between;
        padding-bottom: 15px;
        flex-wrap: wrap;
    }
    
    .user_comment_action .post-color.font-14 {
        margin-bottom: 5px;
    }
    
    .userimg img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        object-fit: cover;
    }
    
    .board-ul .panel-title a {
        font-size: 17px;
        text-transform: uppercase;
        background: #fff;
        padding: 2px 5px;
        color: #212529;
    }
    
    .userImg_section {
        margin-right: 10px;
        float: left;
    }
    
    .user_comment_section {
        float: left;
    }
    
    .ans-show-section {
        background: #fff;
        padding: 10px 15px 0 15px;
        /* box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08); */
        border: 1px solid rgba(0, 0, 0, .1);
        margin-top: 10px;
    }
    
    .flex {
        display: flex;
    }
    
    .attempt-box {
        margin-top: -10px;
        margin-bottom: 10px;
        background: #f2f9ff;
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, .1);
        padding: 2px 5px;
        border-radius: 3px;
    }
    
    .qes-list {
        list-style: none;
        padding-left: 0;
    }
    
    .view-section {
        background: #f9f9f9;
        margin-left: -15px;
        margin-right: -15px;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }
    
    .dropdown-heading {
        padding-left: 10px;
        font-weight: 600;
    }
    
    .post-user .dropdown-item {
        padding: 5px 10px;
    }
    
    .reans-comment .dropdown-item {
        padding: 5px 10px;
    }
    
    .ans-post-section {
        background: #fff;
        padding: 10px 0;
        /* border-top: 1px solid #ddd; */
    }
    
    .commentOption {
        list-style: none;
        padding-left: 0;
    }
    
    .number-input {
        float: left;
        width: calc(100% - 93px);
    }
    
    option {
        padding-left: 5px !important;
    }
    
    .font18 {
        font-size: 18px;
    }
    
    .font14 {
        font-size: 14px;
    }
    
    .question-details .quizeAns:last-child .ans-sheet {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .faculty-profile h4:first-child {
        margin-top: 30px !important;
    }
    
    .select-style {
        border: 1px solid #ced4da;
        border-radius: 3px;
        overflow: hidden;
        background: #ffffff url("../../assets/images/drop_ic.png") no-repeat 96% 50%;
    }
    
    .inline-selectbox .select-style {
        background: #ffffff url("../../assets/images/drop_ic.png") no-repeat 95% 50% !important;
    }
    
    .select-style select {
        padding: 6px 16px 6px 8px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    
    .select-style select:focus {
        outline: none;
    }
    
    .m-r-5 {
        margin-right: 5px;
    }
    
    .inline-selectbox select:focus {
        background-color: transparent !important;
    }
    
    .inline-selectbox select {
        padding-right: 15px !important;
    }
    
    .view-section ul {
        list-style: none;
        padding-left: 0;
        display: flex;
        justify-content: space-around;
        margin-bottom: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    .view-section ul li {
        text-align: center;
    }
    
    .view_count_action {
        float: left;
        margin-top: 1px;
        margin-right: 15px;
    }
    
    .view_count_show {
        float: left;
    }
    
    .view_count_action a {
        font-size: 37px;
        display: block;
        line-height: 0;
    }
    
    .view-section ul li h2 {
        margin-bottom: 0;
        font-size: 22px;
    }
    
    .userrating span {
        font-size: 14px;
    }
    
    .answerSection {
        background: #f4f4f4;
    }
    
    .view_count_show p {
        margin-bottom: 0;
    }
    
    .userImg_section h2 {
        font-size: 18px;
        margin-bottom: 0;
    }
    
    .view-section .pull-left.mb-0 {
        margin-top: 1px;
        margin-left: 10px;
    }
    
    .view-section .pull-left.mb-0 a {
        color: #212529;
    }
    
    .font-14 {
        font-size: 14px;
    }
    
    .answer-comment {
        width: calc(100% - 65px);
        margin-left: 15px;
    }
    
    .ratingbox {
        background: #eef4f9;
        padding: 0px 10px;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, .1);
    }
    
    .user-about ul {
        list-style: circle;
        padding-left: 0;
        margin-bottom: 0px;
    }
    
    .user-about ul li {
        display: inline-block;
        margin-right: 7px;
        position: relative;
        font-size: 14px;
    }
    
    .user-about ul li:last-child {
        margin-right: 0;
    }
    
    .post-color {
        color: #979899;
    }
    
    .user-about ul li:first-child {
        margin-left: 0;
    }
    
    .user-about ul li:first-child:before {
        display: none;
    }
    
    
    /* .user-about ul li:before {
        content: '\f10c';
        font-family: FontAwesome;
        font-size: 6px;
        position: absolute;
        margin-top: 9px;
        left: -10px;
        }
        */
    
    .likebtn {
        text-align: center;
        display: block;
        margin-top: 8px;
        color: #333;
        background: #e9f7f0;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, .08);
    }
    
    .ques-preview-img {
        width: 400px;
        margin-bottom: 15px;
    }
    
    .explanation-mt {
        margin: 21px -24px !important;
    }
    
    .view-btn {
        background-color: #005295;
        width: 96px;
        margin-left: 10px;
    }
    
    .view-btn:hover {
        background-color: #0a467a;
        color: #fff;
    }
    
    .multiple-quize .questions-result {
        margin-top: 10px !important;
        margin-left: 10px;
    }
    
    .multiple-quize .questions-result:first-child {
        margin-top: 0 !important;
    }
    
    .pd-top {
        padding-top: 20px;
    }
    
    .questiondetail-container {
        padding-bottom: 60px;
    }
    
    .questiondetail-container .questions-result {}
    
    .subjectlist {
        margin-bottom: 10px;
    }
    
    .subjects-name .checkbox label::after {
        left: 3px;
    }
    
    .questiondetail-container .question-one {
        margin-bottom: 0px;
    }
    
    .questiondetail-container .answershowtxt {
        margin-left: 0px;
    }
    
    .answershowtxt.right-ans {
        margin-left: 0px;
    }
    
    .video-player {
        width: 100%;
        height: 100%;
        min-height: 300px;
        padding-top: 10px;
        position: relative;
    }
    
    #player {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }
    
    .videotitle {
        min-width: 640px;
        max-width: 640px;
    }
    
    .practice-preview {
        min-width: 1000px;
    }
    
    .ans-option .mb-0 p {
        margin-bottom: 0;
    }
    
    .ans-sheet .qus_section {
        margin-bottom: 10px;
    }
    
    .ans-option .p {
        margin-bottom: 0;
    }
    
    .pointer {
        cursor: pointer;
    }
    
    .ans-option .pointer {
        display: inline-block;
        margin-bottom: 0;
    }
    
    .ans-option .pointer p {
        margin-bottom: 10px;
    }
    
    .m-l-15 {
        margin-left: 15px;
    }
    
    .review-test .answershowtxt {
        margin-left: 35px;
    }
    
    .review-test .viewexp {
        margin-left: 15px;
    }
    
    .options-editor .cke_contents {
        height: 80px !important;
    }
    
    .word-break {
        word-break: break-all;
    }
    
    .noscriptmsg {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .noscriptmsg img {
        width: 120px;
    }
    
    .display {
        display: inline-block;
    }
    
    .timetaken {
        font-size: 18px;
        /* color: #00A854; */
        margin-bottom: 10px !important;
        background: #f5f5f5;
        display: block;
        margin-top: -15px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    
    .practice-preview .questions-result .row:last-child hr {
        display: none;
    }
    
    .practice-preview .questions-result .row hr {
        width: calc(100% - 30px);
    }
    
    .faculty_info .media-body a {
        color: #fff;
        border: 2px solid #fff;
        border-radius: 3px;
        padding: 2px 8px;
        display: inline-block;
    }
    
    .media-body p {
        margin-top: 8px;
    }
    
    .m-b-8 {
        margin-bottom: 8px;
    }
    
    .add-board-btn {
        float: right;
        margin-top: 4px;
    }
    
    .add-board-btn a {
        border: 1px solid #cccbcb;
        width: 30px;
        height: 30px;
        display: block;
        line-height: 30px;
        text-align: center;
        border-radius: 100%;
        color: #212529;
    }
    
    .full-width {
        max-width: 100%;
    }
    
    .select-style.pull-left {
        width: calc(100% - 45px);
    }
    
    .quize-list li span {
        white-space: normal;
        word-break: break-all;
    }
    
    .quize-list {
        width: 100%;
    }
    
    accordion-group .collapse {
        display: block !important;
    }
    
    .subcategory-section {
        background: #f5f5f5;
        border: 1px solid #cccbcb;
        padding-top: 15px;
        margin-bottom: 25px;
        position: relative;
    }
    
    .subcategory-section .remove-button {
        position: absolute;
        top: -15px;
        right: -15px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        padding: 0;
        line-height: 28px;
        text-align: center;
        font-size: 14px;
    }
    
    .action-category {
        position: absolute;
        right: 0;
        top: 10px;
    }
    
    .action-category a {
        color: #212529;
    }
    
    .board-ul .panel .panel-title {
        display: flex;
        align-items: center;
    }
    
    .panel-group {
        position: relative;
    }
    
    .favorite-btn .play_btn {
        width: 35px !important;
        height: 35px !important;
        margin-left: 5px;
    }
    
    .spinner {
        opacity: 1 !important;
        background: rgba(0, 0, 0, .6) !important;
    }
    
    .loading-text {
        color: #fff !important;
        font-size: 20px !important;
        padding-top: 30% !important;
    }
    
    .question-one p span {
        white-space: normal !important;
    }
    
    .question-title p span {
        white-space: normal;
    }
    
    .white-bg-box .col-lg-12 .border-bottom:first-child {
        margin-top: 10px;
    }
    
    .userrating .checked {
        color: #ffc107;
    }
    
    .topic-ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
    
    .topic-ul li {
        display: flex;
        align-items: center;
        position: relative;
        margin-right: 13px;
    }
    
    .topic-ul h2 {
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .topic-ul a {
        color: #212529;
    }
    
    .topic-ul li:before {
        content: '\f10c';
        font-family: FontAwesome;
        font-size: 6px;
        position: absolute;
        margin-top: 2px;
        left: -10px;
    }
    
    .topic-ul li:first-child:before {
        display: none;
    }
    
    .font16 {
        font-size: 16px !important;
    }
    
    .reans-comment .dropdown .dropdown-toggle {
        background: transparent;
    }
    
    .reans-comment .dropdown .dropdown-toggle::after {
        display: none;
    }
    
    .boardInfo a {
        text-transform: capitalize;
    }
    
    .post-user {
        float: left;
        width: calc(100% - 50px);
        margin-left: 15px;
    }
    
    .post-user .dropdown-toggle {
        background: transparent;
        margin-top: -5px;
    }
    
    .post-user .dropdown-toggle:after {
        display: none;
    }
    
    .user_comment_action {
        margin-top: 10px;
    }
    
    .user_comment_action a {
        color: #212529;
    }
    
    .rating-model {
        min-width: 400px;
    }
    
    .rating-model span {
        font-size: 45px;
    }
    
    .closebutton {
        position: absolute;
        top: 18px;
        right: 0;
        line-height: 0;
        cursor: pointer;
    }
    
    .rating-model .ng-star-inserted {
        color: #ffc107;
    }
    
    .ratingbtn {
        border: 1px solid #004D90;
        color: #004D90;
        background: transparent;
        min-width: 225px;
        margin-top: 20px;
    }
    
    .m-t-2 {
        margin-top: 2px;
    }
    
    .reans-comment {
        padding: 15px 15px 0 15px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    
    .reans-comment:nth-child(2n+0) {
        background: #f9f9f9;
    }
    
    .reans-comment h5 {
        font-size: 15px;
    }
    
    .likecomment {
        text-align: center;
    }
    
    .likecomment a i {
        font-size: 22px;
    }
    
    .likecomment a {
        color: #212529;
    }
    
    .user_comment_action ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
        margin-top: 8px;
    }
    
    .user_comment_action ul li {
        display: inline-block;
        margin-right: 11px;
        color: #647188;
    }
    
    .user_comment_action ul li:last-child {
        margin-right: 0;
    }
    
    .user_comment_action ul li a {
        color: #647188;
    }
    
    .attach-img {
        background: #ecf0f3;
        border-radius: 5px;
        padding: 5px 10px;
    }
    
    .imggrid {
        width: 90px;
        height: 53px;
        box-shadow: 0 2px 5px -1px rgba(0, 0, 0, .26);
        background: #fff;
    }
    
    .imggrid img {
        width: 100%;
        height: 100%;
    }
    
    .institute-media {
        width: calc(100% - 42px);
        flex: auto;
    }
    
    
    /* .mjx-chtml {
            white-space: pre-wrap !important;
        }
    
        .qes-list li .text-break p {
            word-break: break-word;
            hyphens: auto;
        }
    
        .qes-list li .text-break span {
            word-break: break-word;
            hyphens: auto;
            min-width: auto !important;
        } */
    
    .width_q_section {
        width: calc(100% - 37px) !important;
        margin-bottom: 10px;
    }
    
    .option-list .pull-left.pr-2 {
        font-size: 18px;
    }
    
    .answershowtxt .pb-1 {
        font-size: 18px;
    }
    
    .questions-result .pt-2.mb-0 span {
        font-size: 18px;
    }
    
    .ans-option p {
        font-size: 18px;
    }
    
    .table-layout-fixed {
        table-layout: fixed;
    }
    
    .optionImg img {
        /*width: 100%;
    
        height: 100%;*/
        object-fit: contain;
        max-width: 100%;
    }
    
    .discraption span {
        min-width: auto !important;
    }
    
    .exchangebtn {
        padding: 4px 15px;
        border: 2px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 5px;
        text-align: center;
    }
    
    .text-heading {
        background: #004d90;
        padding: 10px 0;
        position: fixed;
        width: 100%;
        z-index: 99;
    }
    
    .text-heading h1 {
        color: #fff;
        font-size: 28px;
        margin-bottom: 0;
    }
    
    .contentwrapper {
        /* display: flex;
            align-items: stretch; */
        background: #fff;
        height: calc(100vh - 45px);
    }
    
    .content_wrapper {
        /* display: flex;
            align-items: stretch; */
        background: #fff;
    }
    
    .viewans_btn {
        padding-bottom: 70px;
    }
    
    .contentwrapper .border-bottom {
        border-bottom: 1px solid #c3c3c1;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .content_wrapper .border-bottom {
        border-bottom: 1px solid #c3c3c1;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .ans-right-sidebar {
        width: 265px;
        background: #d9edf7;
        color: #fff;
        transition: all 0.3s;
        box-shadow: 1px 0 2px rgba(0, 0, 0, .1);
        position: fixed;
        height: calc(100vh - 97px);
        /* overflow-y: auto; */
        z-index: 10000;
        -webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
        transition: transform .3s ease-in-out, width .3s ease-in-out;
        /* transform: translateX(0); */
        right: 0;
        top: 54px;
    }
    
    .test-display-section {
        width: calc(100% - 265px);
        padding: 0;
        transition: transform .3s ease-in-out, margin .3s ease-in-out;
        margin-top: 53px;
        position: relative;
        float: left;
    }
    
    .right-stick-bar {
        float: left;
        width: 265px;
        position: relative;
        margin-top: 53px;
        height: calc(100vh - 53px);
    }
    
    .right-stick-bar-summary {
        width: 265px;
    }
    
    .test-display-section .mat-tab-labels {
        background: #fff !important;
    }
    
    .tabs-lable-online .mat-tab-labels {
        background: #3e88c8 !important;
        border-bottom: 1px solid rgba(0, 0, 0, .01);
        border-radius: 0;
    }
    
    .test-display-section .mat-tab-label,
    .mat-tab-link {
        color: #4ea8f4 !important;
    }
    
    .tabs-lable-online .mat-tab-label,
    .mat-tab-link {
        color: #fff !important;
    }
    
    .test-display-section .mat-tab-header {
        background: #fff !important;
        border-top: 1px solid #fff;
    }
    
    .test-display-section .mat-elevation-z4 {
        box-shadow: none !important;
        border-right: 1px solid #c3c3c1;
        background: #3e88c8 !important;
    }
    
    .test-display-section .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: rgba(255, 255, 255, .38);
    }
    
    .test-display-section .mat-tab-label {
        min-width: auto !important;
        border-right: 1px solid #c3c3c1;
    }
    
    .test-display-section .mat-tab-header-pagination-chevron {
        border-color: #fff;
    }
    
    .timer-grid {
        background: #3e88c8;
        height: 40px;
        color: #fff;
        border-top: 1px solid #fff;
    }
    
    .timer-grid p {
        padding-top: 6px;
        font-size: 18px;
    }
    
    .no-question-strip {
        border-bottom: 1px solid #d1d1d1;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .test-ques-section {
        height: calc(100vh - 235px);
        overflow: auto;
    }
    
    .test-ques-section-online {
        height: calc(100vh - 200px);
        overflow: auto;
    }
    
    .student-profile {
        background: #f5f5f5;
        padding: 15px;
    }
    
    .student-img-profile {
        width: 95px;
        height: 95px;
        border-radius: 100%;
        border: 1px solid #c3c3c1;
    }
    
    .student-img-profile img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        object-fit: cover;
    }
    
    .studentname {
        color: #212529;
        font-size: 18px;
        padding-top: 30px;
        padding-left: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: calc(100% - 95px);
    }
    
    .sidenavbtn {
        background: rgba(0, 0, 0, .85);
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        /* padding: 22px 4px; */
        line-height: 60px;
        height: 60px;
        width: 18px;
        display: inline-block;
        text-align: center;
        position: absolute;
        left: -18px;
        top: 50%;
        z-index: 9;
        color: #bebebb;
    }
    
    .sidenavbtn:hover {
        color: #bebebb;
    }
    
    .contentwrapper.active .test-display-section {
        width: 100%;
        margin-right: 0;
    }
    
    .contentwrapper.active .ans-right-sidebar {
        /* transform: translateX(100%); */
        position: relative;
    }
    
    .active .right-stick-bar {
        position: fixed;
        width: 0;
        right: 0;
        z-index: 9;
    }
    
    .hexagon {
        background: url("../../assets/images/hexagon.svg") no-repeat;
        width: 29px;
        background-size: contain;
        line-height: 27px;
        text-align: center;
        height: 27px;
    }
    
    .hexagonwrong {
        background: url("../../assets/images/hexagon_wrong.svg") no-repeat;
        width: 29px;
        background-size: contain;
        line-height: 20px;
        text-align: center;
        height: 27px;
    }
    
    .ansmark_section {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
    }
    
    .ansmark-type {
        color: #212529;
        padding-left: 5px;
        line-height: 15px;
        font-size: 14px;
    }
    
    .visitedbox {
        width: 29px;
        height: 29px;
        background: #f2f2f2;
        border: 1px solid #8c8b8b;
        border-radius: 3px;
        color: #3f4144;
        line-height: 27px;
        text-align: center;
    }
    
    .reviewCircle {
        width: 29px;
        height: 29px;
        background: #9a58b5;
        /* Old browsers */
        background: -moz-linear-gradient(top, #9a58b5 0%, #76438b 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #9a58b5 0%, #76438b 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #9a58b5 0%, #76438b 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9a58b5', endColorstr='#76438b', GradientType=0);
        border: 1px solid #814d96;
        border-radius: 3px;
        line-height: 27px;
        text-align: center;
        border-radius: 100px;
    }
    
    .greenmark {
        position: relative;
    }
    
    .greenmark:after {
        content: "";
        /* font-family: fontawesome; */
        position: absolute;
        right: -8px;
        top: 13px;
        color: #00a854;
        background: url(../../assets/images/checked.svg) no-repeat;
        width: 14px;
        height: 15px;
    }
    
    .ansmarked {
        width: calc(100% - 29px);
        padding-left: 10px;
    }
    
    .subject-title-header {
        background: #3e88c8;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #fff;
        padding-left: 10px;
    }
    
    .subject-title-header h5 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
    }
    
    .no_answer {
        padding-left: 10px;
        padding-right: 10px;
        list-style: none;
    }
    
    .no_answer li {
        display: inline-block;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .no_answer a {
        display: inline-block;
    }
    
    .iclarge {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        font-weight: 500;
        background-size: 100% 100%;
    }
    
    .no_answer:first-child {
        padding-left: 0;
    }
    
    .hexagon.iclarge {
        width: 45px !important;
        color: #fff;
    }
    
    .hexagonwrong.iclarge {
        width: 45px !important;
        color: #fff;
    }
    
    .reviewCircle.iclarge {
        color: #fff;
    }
    
    .choose-txt {
        padding-left: 10px;
        color: #212529;
        padding-top: 10px;
    }
    
    .visitedbox:hover {
        color: #212529;
    }
    
    .iclarge.greenmark:after {
        top: 22px;
        width: 18px;
        height: 18px;
    }
    
    
    /* .test-display-section .mat-tab-label-content:after {
            content: "\f05a ";
            font-family: fontawesome;
            padding-left: 5px;
            font-size: 16px;
        } */
    
    .font600 {
        font-weight: 600;
    }
    
    .keyboard {
        background: #f7f7f7;
        width: 180px;
        border-radius: 5px;
    }
    
    .keyboard ul {
        list-style: none;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    .keyboard ul li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .keyboard ul li a {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, .8);
        width: 31px;
        height: 22px;
        display: inline-block;
        border-radius: 3px;
        line-height: 19px;
        color: #333333;
    }
    
    .keyboard ul li a:hover {
        background: #cae5f2;
    }
    
    .keyboard .form-control {
        height: 30px;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }
    
    .backspaceBtn {
        width: 130px;
        height: 24px;
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 27%, #dad8d8 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 27%, #dad8d8 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 27%, #dad8d8 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dad8d8', GradientType=0);
        border: 1px solid rgba(0, 0, 0, .35);
        padding: 0;
    }
    
    .backspaceBtn:hover {
        width: 130px;
        height: 24px;
        background: #7cd6a9;
        /* Old browsers */
        background: -moz-linear-gradient(top, #7cd6a9 27%, #6dc499 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #7cd6a9 27%, #6dc499 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #7cd6a9 27%, #6dc499 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7cd6a9', endColorstr='#6dc499', GradientType=0);
        border: 1px solid rgba(0, 0, 0, .35);
        padding: 0;
    }
    
    .clearallbtn {
        width: 90px !important;
    }
    
    .markReviewbtn {
        background: #3e88c8;
        color: #fff;
    }
    
    .markReviewbtn:hover {
        color: #fff;
    }
    
    .clearresbtn {
        background: #d83828;
        color: #fff;
    }
    
    .clearresbtn:hover {
        color: #fff;
    }
    
    .savenextbtn {
        background: #00a854;
        color: #fff;
    }
    
    .savenextbtn:hover {
        color: #fff;
    }
    
    .border-top {
        border-top: 1px solid #d1d1d1;
    }
    
    .test-display-section .border-top {
        padding-top: 6px;
    }
    
    .ans_footer_section {
        background: #cae5f2;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    
    .ans-sidebar-content {
        height: calc(100vh - 147px);
        overflow: auto;
    }
    
    .width32 {
        width: 32%;
    }
    
    .width100 {
        width: 100% !important;
    }
    
    .mocktest-search input {
        width: calc(50% - 81px) !important;
    }
    
    .font600 {
        font-weight: 600;
    }
    
    .font17 {
        font-size: 17px !important;
    }
    
    .mocktest-question .question-section {
        width: calc(100% - 81px) !important;
    }
    
    .mocktest-question [type="radio"]:checked+label:before,
    [type="radio"]:not(:checked)+label:before {
        width: 22px !important;
        height: 22px !important;
        border: 2px solid #ddd;
    }
    
    .mocktest-question [type="radio"]:checked+label:after,
    [type="radio"]:not(:checked)+label:after {
        width: 14px !important;
        height: 14px !important;
    }
    
    .mocktest-question .status-option {
        margin-bottom: 20px;
    }
    
    .dropbtn {
        background-color: transparent;
        color: #4ea8f4;
        font-size: 16px;
        border: none;
        cursor: pointer;
        height: 50px;
    }
    
    .tabs-lable-online .dropbtn {
        color: #fff;
    }
    
    .hoverdropdown {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content {
        position: absolute;
        background-color: #e5f6fc;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        border-radius: 5px;
    }
    
    .dropdown-content a {
        color: black;
        padding: 6px 10px;
        text-decoration: none;
        display: block;
    }
    
    .dropdown-content .dropdown-divider {
        border-color: rgba(0, 0, 0, .1) !important;
    }
    
    .dropdown-content a:hover {
        background-color: #d0ecf5;
    }
    
    .hoverdropdown:hover .dropbtn {
        background-color: transparent;
    }
    
    .dropdown-content h5 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 5px;
        padding-left: 10px;
    }
    
    .whitetxt {
        color: #fff;
    }
    
    .listflex {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    
    .test-display-section .mat-tab-label-active {
        background: #3e88c8 !important;
        color: #fff !important;
    }
    
    .tabs-lable-online .mat-tab-label-active {
        background: #fff !important;
        color: #3e88c8 !important;
    }
    
    .test-display-section .mat-tab-label-active .dropbtn {
        color: #fff !important;
    }
    
    .tabs-lable-online .mat-tab-label-active .dropbtn {
        color: #3e88c8 !important;
    }
    
    .test-display-section .mat-ink-bar {
        display: none;
    }
    
    .test-display-section .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
    .mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
    .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
    .mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
        background: #3e88c8 !important;
        color: #fff !important;
    }
    
    .tabs-lable-online .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
    .mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
    .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
    .mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
        background: #fff !important;
        color: #3e88c8 !important;
    }
    
    .loginlogo {
        width: 200px;
    }
    
    .navimg {
        width: 15px;
    }
    
    .testicimg {
        width: 12px;
    }
    
    .answershowtxt {
        font-size: 18px !important;
    }
    
    .review-test-result .full-width-ans .answershowtxt {
        margin-left: 0 !important;
    }
    
    .review-test-result .full-width-ans .viewexp {
        margin-left: 0 !important;
    }
    
    .multiple-quize-grid .answershowtxt {
        margin-left: 0 !important;
    }
    
    .multiple-quize-grid .viewexp {
        margin-left: 0 !important;
    }
    
    .contentwrapper .table-bordered td,
    .table-bordered th {
        border: 1px solid #000000 !important;
    }
    
    .contentwrapper .table-bordered thead {
        background: #cee3f8 !important;
        color: #284579;
    }
    
    .contentwrapper .table thead th {
        font-weight: 500;
        vertical-align: middle;
        font-size: 14px;
        text-align: center;
    }
    
    .content_wrapper .table-bordered td,
    .table-bordered th {
        border: 1px solid #000000 !important;
    }
    
    .content_wrapper .table-bordered thead {
        background: #cee3f8 !important;
        color: #284579;
    }
    
    .content_wrapper .table thead th {
        font-weight: 500;
        vertical-align: middle;
        font-size: 14px;
        text-align: center;
    }
    
    .result-summary {
        padding-top: 50px;
    }
    
    .response_btn a {
        border: 1px solid #c3c3c1;
        color: #212529 !important;
        min-width: 70px;
    }
    
    .summary-table {
        height: calc(100vh - 360px);
        overflow: auto;
    }
    
    .Totaltimeshow {
        font-size: 18px;
        color: #fff;
        margin-bottom: 0;
        padding-top: 2px;
    }
    
    .summary-table-review {
        height: calc(100vh - 440px);
        overflow: auto;
    }
    
    .border-top {
        border-top: 1px solid #c3c3c1;
        padding-top: 20px;
    }
    
    .mockTest-review .answershowtxt {
        margin-left: 0 !important;
    }
    
    .mockTest-review .question-diagram {
        margin-left: 0 !important;
    }
    
    .mockTest-qus .mockTest-qus-detail:first-child {
        margin-top: -10px !important;
    }
    
    .mockTest-review .mat-tab-label-active {
        background: #fff !important;
    }
    
    .mockTest-review .mat-tab-label-active .mat-tab-label-content {
        color: #004d90 !important;
    }
    
    .mockTest-review .mat-tab-label-active .dropbtn {
        color: #004d90 !important;
    }
    
    .mockTest-review .dropbtn {
        color: #fff !important;
    }
    
    .mockTest-qus-detail .mocktst-qst-list>div {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    
    .instructionUl ul {
        list-style: none;
        padding-left: 20px;
    }
    
    .instructionUl li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .instructionUl ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .li-visitedbox:before {
        width: 29px;
        height: 29px;
        background: #f2f2f2;
        border: 1px solid #8c8b8b;
        border-radius: 3px;
        color: #3f4144;
        line-height: 27px;
        text-align: center;
        content: '1';
        display: inline-block;
        margin-right: 10px;
    }
    
    .li-hexagonwrong:before {
        background: url(../../assets/images/hexagon_wrong.svg) no-repeat;
        width: 29px;
        background-size: contain;
        line-height: 20px;
        text-align: center;
        height: 27px;
        content: '2';
        display: inline-block;
        margin-right: 10px;
        color: #fff;
    }
    
    .li-hexagon:before {
        background: url(../../assets/images/hexagon.svg) no-repeat;
        width: 29px;
        background-size: contain;
        line-height: 27px;
        text-align: center;
        height: 27px;
        content: '3';
        display: inline-block;
        margin-right: 10px;
        color: #fff;
    }
    
    .li-reviewCircle:before {
        width: 29px;
        height: 29px;
        background: #9a58b5;
        background: -moz-linear-gradient(top, #9a58b5 0%, #76438b 100%);
        background: -webkit-linear-gradient(top, #9a58b5 0%, #76438b 100%);
        background: linear-gradient(to bottom, #9a58b5 0%, #76438b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9a58b5', endColorstr='#76438b', GradientType=0);
        border: 1px solid #814d96;
        border-radius: 3px;
        line-height: 27px;
        text-align: center;
        border-radius: 100px;
        content: '4';
        display: inline-block;
        margin-right: 10px;
        color: #fff;
    }
    
    .li-reviewCircle-dot:before {
        width: 29px;
        height: 29px;
        background: #9a58b5;
        background: -moz-linear-gradient(top, #9a58b5 0%, #76438b 100%);
        background: -webkit-linear-gradient(top, #9a58b5 0%, #76438b 100%);
        background: linear-gradient(to bottom, #9a58b5 0%, #76438b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9a58b5', endColorstr='#76438b', GradientType=0);
        border: 1px solid #814d96;
        border-radius: 3px;
        line-height: 27px;
        text-align: center;
        border-radius: 100px;
        content: '5';
        display: inline-block;
        margin-right: 10px;
        color: #fff;
    }
    
    .li-reviewCircle-dot.greenmark:after {
        left: 20px !important;
    }
    
    .generalInfo {
        font-weight: 600;
        text-decoration: underline;
        font-size: 18px;
    }
    
    .timer-grid-other {
        background: #3e88c8;
        color: #fff;
        border-top: 1px solid #fff;
    }
    
    .startbtn {
        min-width: 100px;
    }
    
    .instruction-rightbar .ans-right-sidebar {
        background: #f5f5f5 !important;
        border-left: 1px solid #999;
    }
    
    .instruction-section {
        height: calc(100vh - 210px);
        overflow: auto;
    }
    
    .progress_box {
        background: #fff;
        border-radius: 5px;
        padding: 15px;
        border: 1px solid #ced4da;
    }
    
    .progress_box .progress {
        background-color: #ddd;
    }
    
    .custom-progressbar {
        width: calc(100% - 70px);
    }
    
    .progress-txt {
        line-height: 14px;
    }
    
    .font600 {
        font-weight: 600;
    }
    
    .border-none {
        border: none !important;
    }
    
    .line-height15 {
        line-height: 15px !important;
    }
    
    .overlay-bg {
        background: rgba(30, 30, 30, 0.9);
        top: 0;
        left: 0;
        z-index: 9997;
        width: 100%;
        height: 100%;
        position: fixed;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all 0.07s ease-in;
        transition: all 0.07s ease-in;
    }
    
    .ouestion-preview {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
        z-index: 11111;
    }
    
    .ouestion-preview.overlay-visible {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    
    .quesion-whitebox {
        margin: 0 auto;
        min-width: 800px;
        max-width: 800px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        background-position: fixed;
        box-sizing: border-box;
        border-radius: 6px;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
        padding-bottom: 20px;
    }
    
    .overlay-header {
        background: #f4f4f4;
        padding: 10px 15px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    
    .prev-a {
        position: absolute;
        display: flex;
        top: 0;
        height: 100%;
        align-items: center;
        left: -45px;
        color: #fff;
    }
    
    .prev-a a:hover {
        color: #fff;
    }
    
    .next-a {
        position: absolute;
        display: flex;
        top: 0;
        height: 100%;
        align-items: center;
        right: -45px;
        color: #fff;
    }
    
    .next-a a:hover {
        color: #fff;
    }
    
    .quesion-whitebox .edit-btn {
        background: #fff;
        border-radius: 5px;
        margin: 0 3px;
        color: #333333 !important;
        padding: 5px 15px;
        border: 1px solid rgba(0, 0, 0, .2);
        min-width: 80px;
    }
    
    .quesion-whitebox .border-radius5 {
        border-radius: 5px;
        min-width: 80px;
    }
    
    .cross-overlay {
        position: fixed;
        right: 30px;
        font-size: 60px;
        color: #fff;
        top: -25px;
    }
    
    .cross-overlay:hover {
        color: #fff;
    }
    
    .min-width90 {
        min-width: 84px;
    }
    
    .clicking-button.d-flex h4.mr-auto {
        color: #fff;
        margin-bottom: 0;
        margin-top: 4px;
    }
    
    .arrow-ic {
        background: #004D90;
        width: 33px;
        height: 40px;
        border-radius: 5px;
        font-size: 34px;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }
    
    .star-ratings-css {
        unicode-bidi: bidi-override;
        color: #c5c5c5;
        font-size: 25px;
        height: 25px;
        width: 100px;
        margin: 0 auto;
        position: relative;
        padding: 0;
        text-shadow: 0px 1px 0 #a2a2a2;
    }
    
    .star-ratings-css-top {
        color: #e7711b;
        padding: 0;
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    
    .star-ratings-css-bottom {
        padding: 0;
        display: block;
        z-index: 0;
    }
    
    .star-ratings-sprite {
        background: url("../images/star-rating-sprite.png") repeat-x;
        font-size: 0;
        height: 21px;
        line-height: 0;
        overflow: hidden;
        text-indent: -999em;
        width: 80px;
    }
    
    .star-ratings-sprite-rating {
        background: url("../images/star-rating-sprite.png") repeat-x;
        background-position: 0 100%;
        float: left;
        height: 16px;
        display: block;
    }
    
    .book-info h5 {
        font-size: 17px;
        color: #000;
        font-weight: 500;
        letter-spacing: .1px;
        line-height: 21px;
        margin-bottom: 0;
    }
    
    #marketplace-slide a:hover .book-info h5 {
        color: #000;
    }
    
    .book-by {
        font-size: 14px !important;
        color: rgba(0, 0, 0, .65);
    }
    
    .bookHeight {
        width: 125px;
        height: 185px;
        position: relative;
        margin-top: -30px;
    }
    
    .bookHeight img {
        height: 100%;
        width: 100%;
    }
    
    .book-info {
        width: calc(100% - 140px);
        margin-left: 15px;
    }
    
    .viewall-a {
        margin-top: 9px;
        font-size: 18px;
    }
    
    .width100 {
        width: 100%;
    }
    
    .book-info-detail p.mb-2 {
        font-size: 18px;
    }
    
    .book-info-detail .star-ratings-sprite {
        height: 21px;
        width: 110px;
        background: url("../images/star-rating-sprite-l.png") repeat-x;
    }
    
    .book-info-detail .star-ratings-sprite-rating {
        background: url("../images/star-rating-sprite-l.png") repeat-x;
        background-position: 0 100%;
        float: left;
        height: 21px;
        display: block;
    }
    
    .buybtn {
        background: #00863d;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        min-width: 250px;
    }
    
    .book-info-detail h3 {
        font-size: 24px;
        color: #212529;
    }
    
    .img-shadow {
        box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
    }
    
    .market-section {
        background: #f8f8fa;
        padding-top: 80px;
    }
    
    .grid-book {
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 0px 15px 5px 15px;
    }
    
    .text-black {
        color: #000;
    }
    
    .front-footer {
        background: #0d293f;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .front-footer img {
        width: 160px;
    }
    
    .front-footer p {
        color: #fff;
        font-size: 18px;
    }
    
    .front-footer h4 {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        position: relative;
        margin-bottom: 20px;
    }
    
    .front-footer ul {
        padding-left: 0;
    }
    
    .front-footer li a {
        color: #fff;
        font-size: 16px;
    }
    
    .front-footer li {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    
    .front-footer h4:before,
    .front-footer h4:after {
        left: 50%;
    }
    
    .front-footer h4:before {
        position: absolute;
        content: '';
        left: 1px;
        bottom: -6px;
        width: 48px;
        height: 1px;
        background-color: #fff;
    }
    
    .bottom-footer {
        background: #0b1f2f;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .bottom-footer ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
    }
    
    .bottom-footer li {
        display: inline-block;
        padding-right: 15px;
    }
    
    .bottom-footer ul li a {
        color: #fff;
        font-size: 15px;
    }
    
    .bottom-footer p {
        color: #fff;
        margin-bottom: 0;
        font-size: 15px;
    }
    
    .social-links li {
        display: inline-block;
        margin-right: 4px;
    }
    
    .social-links li a {
        background: #fff;
        border-radius: 3px;
        color: #222222;
        width: 35px;
        height: 35px;
        display: block;
        font-size: 20px;
        text-align: center;
        line-height: 35px;
    }
    
    .review-user .img {
        width: 45px;
        height: 45px;
        border-radius: 100%;
    }
    
    .review-user .img img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }
    
    .text-gray {
        color: rgba(0, 0, 0, .65);
    }
    
    .d-sub-block {
        display: none;
    }
    
    .d-sub-none {
        display: inline-block;
    }
    
    .font20 {
        font-size: 20px;
    }
    
    #header-wrap .scrolling-navbar {
        background: #fff;
        box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
    }
    
    #main-navbar .nav-link {
        padding-right: .8rem;
        padding-left: .8rem;
        color: #212529;
        font-size: 15px;
        text-transform: uppercase;
        position: relative;
    }
    
    #main-slide .carousel-control {
        display: none;
        transition: all 0.3s ease-in-out;
    }
    
    #main-slide .carousel-indicators {
        cursor: pointer;
        bottom: 90px;
    }
    
    #header-wrap .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34,34,34, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }
    
    #header-wrap .navbar-collapse {
        padding-right: 0px !important;
    }
    
    .offer_icon {
        padding: .375rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
        border-radius: .25rem;
    }
    
    #bulk-section .ques-preview-img {
        width: auto;
    }
    
    .marketdetail .dropdown.hide-md.active a:before {
        display: none;
    }
    
    #marketplace-slide .star-icon {
        font-size: 1.5em !important;
    }
    
    .clicking-button h4 span.d-in-block {
        display: inline-block;
    }
    
    .question-modal {
        min-width: 948px;
    }
    
    .custom-table td,
    .custom-table th {
        border: 1px solid #e3e1e4;
        padding: 0 !important;
        position: relative;
    }
    
    .custom-table thead td {
        border: none !important;
        line-height: 18px;
        font-size: 16px;
        min-width: 37px;
        background: #fff;
    }
    
    .custom-table thead th {
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px solid #e3e1e4;
    }
    
    .attendance .float-selectbox {
        min-width: 215px;
    }
    
    .greentick {
        background: #fff;
        color: #7b787b;
        font-size: 12px;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .attendace_fill {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .redtick {
        background: #ff134c !important;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .attendance_grid {
        padding: 10px 4px !important;
    }
    
    .blank {
        background: #f2f2f4;
        color: #f2f2f4;
        font-size: 9px;
    }
    
    .blank span {
        color: #989898;
        font-size: 12px;
    }
    
    .font-white {
        color: #fff;
    }
    
    .custom-table .graybg {
        background: #f2f2f4;
    }
    
    .custom-table .today button.attendance_grid {
        /* border-left: 2px solid rgba(0, 166, 221, 1);
        border-right: 2px solid rgba(0, 166, 221, 1); */
        background: rgba(74, 206, 54, .3);
    }
    
    .custom-table tr.active {
        background: rgba(0, 166, 221, .2);
    }
    
    .custom-table tr.active td {
        border-top: 2px solid rgba(0, 166, 221, 1);
        border-bottom: 2px solid rgba(0, 166, 221, 1);
        background: rgba(0, 166, 221, .2);
    }
    
    .custom-table tr .active.today {
        background: #4ace36;
        color: #fff;
    }
    
    .custom-table tr .active.today .fa-check {
        color: #fff;
    }
    
    .custom-table tr .today a.d-block {
        color: #fff;
    }
    
    .custom-table tr .today.not_attendance a.d-block {
        color: #a7e3f8 !important;
    }
    
    .done-attendance a.d-block {
        color: #7b787b !important;
    }
    
    a.font-white {
        color: #fff;
    }
    
    .align-middle.date {
        cursor: pointer;
    }
    
    .datenav-btn {
        background: #fff;
        padding: .175rem .45rem;
        color: #004d90;
        font-size: 14px;
    }
    
    .custom-table thead td .week {
        color: #989898;
    }
    
    .holiday {
        background: #cc95ef!important;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }
    
    .not_attendance {
        color: #eaeaea;
    }
    
    .today.not_attendance {
        color: #a7e3f8;
    }
    
    .attendance .submit span {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        display: inline-block;
    }
    
    disabled.submit {
        color: rgba(255, 255, 255, .25);
        border: 2px solid rgba(255, 255, 255, .25);
    }
    
    .attendanceBtn {
        border: 1px solid #00A854;
        color: #00A854;
        cursor: pointer;
        border-radius: 5px;
        font-size: 14px;
        padding: 1px 4px;
        height: 27px;
    }
    
    .custom-table .active [type="radio"]:checked+label::before,
    [type="radio"]:not(:checked)+label::before {
        width: 18px !important;
        height: 18px !important;
    }
    
    .smsmodal {
        min-width: 380px;
    }
    
    .smsmodal .mat-dialog-content {
        overflow: hidden;
    }
    
    .font12 {
        font-size: 12px;
    }
    
    .user_login .dropdown-item:hover {
        color: #fff !important;
        cursor: pointer;
    }
    
    .custom-selectbox.float-selectbox .mydrp,
    .mydrp .headerclearbtn,
    .mydrp .headerokbtn {
        border: none !important;
    }
    
    .custom-selectbox.float-selectbox .mydrp .selection {
        padding: 0 64px 0 15px !important;
    }
    
    .custom-selectbox.float-selectbox .mydrp .selbtngroup {
        padding-right: 10px;
    }
    
    .custom-selectbox.float-selectbox.mydrp,
    .mydrp .headertodaybtn,
    .mydrp .selection,
    .mydrp .selectiongroup,
    .mydrp .selector {
        border: none !important;
        border-radius: 80px !important;
    }
    
    .custom-selectbox .mydrp .btnpicker {
        border-radius: 0 108px 78px 0;
    }
    
    .custom-selectbox .mydrp .icon-mydrpcalendar::before {
        content: "\f073" !important;
        font-weight: bold;
        font: normal normal normal 14px/1 FontAwesome;
    }
    
    .custom-selectbox .icon-mydrpremove::before {
        content: "\f00d" !important;
        font-weight: bold;
        font: normal normal normal 14px/1 FontAwesome;
    }
    
    .custom-selectbox .mydrp .icon-mydrpright::before {
        content: "\f0da" !important;
        font-weight: bold;
        font: normal normal normal 14px/1 FontAwesome;
    }
    
    .custom-selectbox .mydrp .icon-mydrpleft::before {
        content: "\f0d9" !important;
        font-weight: bold;
        font: normal normal normal 14px/1 FontAwesome;
    }
    
    .custom-selectbox .mydrp .icon-mydrpok::before {
        content: "\f00c" !important;
        font-weight: bold;
        font: normal normal normal 14px/1 FontAwesome;
    }
    
    .greentick.align-middle.active {
        background: #4ace36;
    }
    
    .greentick.align-middle.active .dropdown {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .today .attendance_grid.graybg {
        display: none !important;
    }
    
    .attendance_grid .fa-check {
        color: #7b787b;
        font-size: 12px;
    }
    
    .not_attendance .fa-check {
        color: #eaeaea;
    }
    
    span.text-center.align-middle.date.attendance_grid.d-block.graybg {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
    }
    
    .table-striped1 .border-l-r.graybg {
        border-right: 1px solid #e3e1e4 !important;
        border-left: 1px solid #e3e1e4 !important;
    }
    
    .attendance_dropdown {
        position: absolute;
        left: 0;
        right: 0;
        /* top: 34px; */
        bottom: 0;
        /* z-index: 1; */
    }
    
    .today.date.active .d-block.graybg {
        display: none !important;
    }
    
    .border-l-r button.attendance_grid {
        background: transparent;
        border: medium none;
        width: 100%;
    }
    
    .settings .form-group {
        position: relative;
    }
    
    .settings .mat-datepicker-toggle {
        position: absolute;
        top: 30px;
        right: 0;
    }
    
    #testimonial-slide {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    #testimonial-slide::after {
        content: "\f10e";
        position: absolute;
        right: 0;
        top: -20px;
        font-family: FontAwesome;
        font-size: 35px;
        color: #8A9393;
    }
    
    #testimonial-slide::before {
        content: "\f10d";
        position: absolute;
        left: 0;
        top: -20px;
        font-family: FontAwesome;
        font-size: 35px;
        color: #8A9393;
    }
    
    #testimonial-slide .user_image {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        margin: 0 auto;
    }
    
    #testimonial-slide .user_image img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }
    
    #testimonial-slide .username {
        text-transform: capitalize;
        font-weight: bold;
        font-size: 18px;
    }
    
    #testimonial .carousel-control-prev {
        background: #e8e8e8;
        color: #222222;
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    
    #testimonial .carousel-control-next {
        background: #e8e8e8;
        color: #222222;
        position: relative;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    
    #testimonial .carousel-item p {
        font-size: 17px;
    }
    
    
    /* .carousel-inner {
        transition: transform 0.3s ease-out;
        height: auto;
        transform: scaleY(1);
    } */
    
    #testimonial-slide>p {
        font-size: 18px;
    }
    
    .slick-slide {
        margin: 0px 20px;
    }
    
    .slick-slide img {
        width: 100%;
    }
    
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    
    .slick-list:focus {
        outline: none;
    }
    
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }
    
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }
    
    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }
    
    .slick-track:after {
        clear: both;
    }
    
    .slick-loading .slick-track {
        visibility: hidden;
    }
    
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }
    
    [dir='rtl'] .slick-slide {
        float: right;
    }
    
    .slick-slide img {
        display: block;
    }
    
    .slick-slide.slick-loading img {
        display: none;
    }
    
    .slick-slide.dragging img {
        pointer-events: none;
    }
    
    .slick-initialized .slick-slide {
        display: block;
    }
    
    .slick-loading .slick-slide {
        visibility: hidden;
    }
    
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
    
    .slick-arrow.slick-hidden {
        display: none;
    }
    
    .slider::before {
        content: "";
        background: url("../../dist/images/quote_left.png") no-repeat;
        width: 32px;
        height: 25px;
        position: absolute;
        left: -40px;
        top: 0;
        background-size: cover;
    }
    
    .slider::after {
        content: "";
        background: url("../../dist/images/quote_right.png") no-repeat;
        width: 32px;
        height: 25px;
        position: absolute;
        right: -40px;
        top: 0;
        background-size: cover;
    }
    
    .item {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        margin: 0 auto;
    }
    
    .mydrp .btnclearenabled:hover,
    .mydrp .btnpickerenabled:hover,
    .mydrp .headerclearbtnenabled:hover,
    .mydrp .headerokbtnenabled:hover {
        background-color: transparent!important;
    }
    
    .mydrp .btnclear:focus,
    .mydrp .btnpicker:focus,
    .mydrp .headerclearbtn:focus,
    .mydrp .headerokbtn:focus {
        background: transparent!important;
    }
    
    .service-section .col-md-6.col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    @media (max-width: 1280px) {
        .navbar-brand .logo_promotion h3 {
            font-size: 25px !important;
        }
        .navbar-brand .logo_promotion p {
            font-size: 11px !important;
        }
        .nav-item .dropdown-menu-right i {
            display: inline;
        }
        .nav-item span,
        .nav-item i {
            display: block;
        }
        .navbar-light .navbar-nav .nav-link {
            padding: 1.3rem 1rem;
        }
        .nav-link.m-close .icon-icchat {
            display: block;
        }
        #main-navbar .nav-link {
            padding-right: .8rem !important;
            padding-left: .8rem!important;
        }
    }
    
    @media (max-width: 1200px) {
        .question-modal {
            min-width: 100%;
        }
        .prev-a {
            left: -10px;
        }
        .next-a {
            right: -10px;
        }
        .arrow-ic {
            width: 20px;
        }
        #marketplace-slide .col-xl-4.pr-0 {
            padding-right: 15px !important;
        }
        .logo_promotion .loginlogo {
            width: 55px !important;
            margin-top: 3px;
        }
        .navbar-brand .logo_promotion h3 {
            font-size: 24px !important;
        }
        .navbar-brand .logo_promotion p {
            font-size: 11px !important;
        }
        .practice-preview {
            min-width: 100%;
        }
        .width95 {
            width: 100%;
        }
        .edit-icon {
            padding: 0 !important;
        }
        /*.ins_img {
        margin-top: 14px;
        }*/
        .container {
            max-width: 100% !important;
        }
        .text-white {
            color: #fff !important;
            margin: 0px;
            padding-top: 20px;
            font-weight: 600;
            border: 2px solid #fff;
            padding-top: 0px;
            padding: 4px 0px;
            border-radius: 5px;
            min-width: 170px !important;
            display: inline-block;
        }
        .info_block span {
            border: none !important;
            display: inline-block;
        }
        .info_block .box-border {
            border: none !important;
        }
        .edit-btn {
            color: #fff;
            font-weight: 600;
            border: 2px solid #fff;
            border-radius: 5px;
            padding: 4px 15px;
            float: left;
        }
        .text-white.faculty-heading {
            border: none;
            padding-top: 20px;
        }
        .faculty-profile p {
            word-break: break-all;
        }
        .navbar-light .navbar-nav .nav-link {
            padding: 1.3rem 0.5rem;
        }
    }
    
    @media (max-width: 1024px) {
        .navbar-light .navbar-nav .nav-link {
            padding: 1.3rem 0.4rem;
        }
        #main-navbar .nav-link {
            padding-right: .5rem !important;
            padding-left: .5rem!important;
        }
        .logo_promotion .loginlogo {
            width: 45px !important;
        }
        .navbar-brand .logo_promotion h3 {
            font-size: 20px !important;
        }
        .navbar-brand .logo_promotion p {
            font-size: 9px !important;
        }
        #main-navbar .nav-link {
            font-size: 14px;
        }
    }
    
    @media (max-width: 991px) {
        .services-wrapper {
            padding-top: 140px;
        }
        .service-section .col-md-6.col-lg-2 {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }
        .scrolling-navbar .collapse.show {
            margin-bottom: -8px;
        }
        .faculty_dashboard .lecture-blog-sml {
            min-height: auto;
        }
        .faculty_dashboard .lecture-blog-sml.mt-3.mb-3 {
            margin-top: 0!important;
            margin-bottom: 0!important;
        }
        .attendance_dropdown .dropdown-menu {
            background: #fff!important;
        }
        .nav-item i {
            display: inline-block;
        }
        .reans-comment .dropdown-menu {
            background: #fff !important;
            border-color: #eee !important;
            color: #212529 !important;
            right: 10px !important;
            transform: none !important;
            left: auto !important;
            top: 25px !important;
        }
        .reans-comment .dropdown-item {
            color: #212529 !important;
        }
        .post-topiclist-userinfo {
            margin-left: 85px;
            margin-top: 10px;
        }
        .col-lg-2.post-topiclist-userinfo {
            margin-left: 65px;
        }
        .nav-item.dropdown.mr-3 {
            margin-right: 0 !important;
        }
        .new-faculty {
            margin-top: 16px;
            margin-bottom: 16px;
        }
        .lecture-blog {
            min-height: 100%;
        }
        .dropdown-menu.animated.dropdown-menu-right {
            background: #fff !important;
        }
        .dropdown-menu.animated.dropdown-menu-right .dropdown-item {
            color: #212529 !important;
        }
        .user_login.ml-auto {
            margin-right: 53px;
        }
        .red-skin-fill .fa {
            font-size: 34px !important;
            margin-right: 15px !important;
        }
        .list-button {
            text-align: left;
            margin-bottom: 10px;
        }
        .page_block {
            padding-top: 15px;
        }
        .user_login.ml-auto {
            position: relative;
            right: 0;
            top: 0px;
        }
        .user_login.ml-auto {
            margin-right: 13px;
        }
        .navbar-light .navbar-nav .nav-link {
            padding: 0.6rem 1rem;
            text-align: left;
        }
        .navbar-collapse {
            border-top: 1px solid #eee;
            background: #005295;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        }
        .navbar-light .navbar-nav .nav-link {
            color: #fff;
        }
        .dropdown-menu {
            background: #1F5A9D;
            border-radius: 0;
            -webkit-border-radius: 0;
            border: none;
        }
        .dropdown-item {
            color: #fff;
        }
        .navbar-light .navbar-toggler {
            margin-right: 10px;
        }
        .navbar-brand {
            margin-left: 8px;
        }
        .navbar-collapse {
            padding-right: 0px;
        }
        .navbar {
            padding: 5px 0;
        }
        .dash_info {
            padding: 10px 0;
        }
        .info_block {
            padding: 10px 0 30px;
        }
        .navbar-nav.ml-auto.mr-2 {
            margin-right: 0px !important;
        }
        #navbarTogglerDemo01 {
            position: absolute;
            width: 100%;
            top: 69px;
            z-index: 5;
        }
        .media.profile-info-media {
            display: inherit;
        }
        .ins_img {
            margin-bottom: 20px;
        }
        /*.info-left-section {
        padding-left: 30px;
        }*/
        .ins_info {
            margin-top: 12px;
        }
        .top_bar .container-fluid {
            padding-left: 0px;
            padding-right: 0px;
        }
        .info_block .box-border {
            border: none !important;
            padding: 0;
        }
        .edit-btn {
            color: #fff;
            font-weight: 600;
            border: 2px solid #fff;
            border-radius: 5px;
            padding: 4px 15px;
        }
        .institute-profile {
            word-wrap: break-word;
        }
        .media.media-border .media-body.mw-85 {
            max-width: 100% !important;
        }
        /*.placeholder_img {
        position:inherit;
        }*/
        .col-lg-4.blog-mb {
            margin-bottom: 18px;
        }
        .widget-holder.widget-full-content {
            margin-top: 0px !important;
        }
        .ins_info.default_ins_img {
            margin-top: 15px;
        }
        .text-white.faculty-heading {
            padding-top: 0px;
            padding-bottom: 0px !important;
        }
        .dropdown-menu.dropdownmenu-right {
            background-color: #fff;
            border-radius: 4px;
        }
        .actiondropdown .dropdown-item {
            color: #333;
        }
        .placeholder_img {
            position: inherit;
        }
        .white_box.mh-box {
            min-height: 0px;
        }
        /*.questions-result .qus_section_half {
        width: calc(100% - 100px) !important;
        }*/
    }
    
    @media(max-width:768px) {}
    
    @media(max-width:767px) {
        #bulk-section .row.animated.mt-3 {
            margin-top: 0!important;
        }
        .table-layout-fixed {
            table-layout: auto;
        }
        .question_filter .float-selectbox {
            width: calc(50% - 10px);
            margin-bottom: 15px;
        }
        .question_filter .filterby.filter-inline-2 {
            width: 100%;
        }
        .question_filter .float-selectbox .form-control {
            max-width: 100%;
        }
        .filter-button.radius-100.table-btn.mr-2.gray-bg-btn span.d-flex {
            display: block!important;
        }
        .attendance .clicking-button .font-white h5 {
            margin-bottom: .5rem !important;
        }
        .attendance .clicking-button {
            height: auto;
        }
        .content_wrapper.active .ans-right-sidebar {
            /* transform: translateX(100%); */
            position: relative;
        }
        .content_wrapper .ans-right-sidebar {
            /* transform: translateX(100%); */
            position: fixed;
        }
        .resultsummery-Mob {
            height: 100% !important;
            padding-bottom: 40px;
        }
        .summary-table {
            height: 100%;
        }
        .d-sub-block {
            display: block;
        }
        .d-sub-none {
            display: none;
        }
        .ans-right-sidebar {
            height: calc(100vh - 110px);
        }
        .ans-sidebar-content {
            height: calc(100vh - 155px);
        }
        .test-ques-section-online {
            height: calc(100vh - 240px);
        }
        .instruction-section {
            height: auto;
            overflow: auto;
        }
        .test-display-section {
            width: 100%;
        }
        .right-stick-bar {
            right: 0;
            position: absolute;
            margin-top: 53px;
            height: calc(100vh - 53px);
        }
        .justify-content-end .filterby.filter-inline-2 {
            flex: 2;
        }
        .mocktext .col-sm-12>.filterby.justify-content-end {
            justify-content: flex-start !important;
            margin-bottom: 0px !important;
        }
        .videotitle {
            min-width: 640px;
            max-width: 100%;
        }
        .login_box {
            width: 75%;
            margin: 0 auto;
            position: absolute;
            top: 5%;
            background: #fff;
            border-radius: 10px;
            left: 0;
            right: 0;
        }
        .flex_absolute {
            float: none;
            width: 100%;
            height: 100%;
        }
        .leftimg {
            float: none;
            width: 100%;
        }
        .studentimg {
            width: 100%;
        }
        .info_block .box-border {
            padding: 2px 5px;
        }
        .white_box.mh-box.mt-3.mb-3 {
            margin-top: 0 !important;
        }
        .more-btn .fa-ellipsis-v {
            display: block;
            width: 13px !important;
            height: 16px !important;
            line-height: 16px;
            font-size: 18px;
        }
        .more-btn .dropdown-toggle.filter-button:after {
            display: none !important;
        }
        .list-pl {
            min-width: 150px;
        }
        .faculty-info {
            min-width: 210px;
        }
        .institute-td {
            min-width: 150px;
        }
        .lecture-blog {
            margin-top: 15px !important;
        }
        .a-d-container {
            margin-top: 0!important;
        }
        .widget,
        .white_panel {
            margin-top: 0;
            margin-bottom: 14px;
        }
        .mt-3.widget-holder.widget-full-content {
            margin-top: 0!important;
        }
        /*.new-faculty-grid{
        margin-top: 0!important;
        }*/
        .media.profile-info-media {
            display: flex;
        }
        .ins_img {
            margin-top: 0px;
            margin-left: 23px;
        }
        .info-left-section {}
        /*.row.cross_border {
        padding-top: 0px;
        }*/
        .btn-text {
            display: none;
        }
        .table-responsive {
            overflow-x: auto !important;
        }
        .categoryfilter {
            margin-right: 5px !important;
        }
        .widget-user-profile.lecture-blog {
            margin-top: 0px !important;
        }
        .ins_img img {
            min-height: 100%;
        }
        .ins_img {
            width: 80px;
            height: 80px;
            margin-right: 10px;
            margin-left: 0px;
        }
        .title-aspen {
            padding-top: 0px;
        }
        .custom-selectbox select {
            padding: 5px 30px 5px 8px;
        }
        .page_block.popup-bg {
            min-width: 380px;
        }
        .padding-left {
            padding-right: 0px;
        }
        .upload-file {
            height: 260px !important;
        }
        .question-details {
            padding: 0px;
            margin-top: 15px;
        }
        .commenttd {
            min-width: 175px;
        }
    }
    
    @media(max-width:600px) {
        .services-wrapper {
            padding-top: 165px;
        }
        .resetbtn span {
            display: none;
        }
        .profile-grid-box .attach-img.float-left {
            margin-bottom: 10px;
        }
        .multiple-question {
            flex-wrap: wrap;
        }
        .question-view {
            width: calc(100% - 60px);
        }
        .center-div {
            width: 25px;
        }
        .search-area {
            width: calc(100% - 60px);
            margin-top: 15px;
        }
        .width32 {
            width: 48%;
        }
    }
    
    @media(max-width:575px) {
        .services-wrapper {
            padding-top: 200px!important;
        }
        .service-section .col-md-6.col-lg-2 {
            flex: 0 0 50%;
            max-width: 50%;
        }
        .smsmodal {
            min-width: 100% !important;
            max-width: 100% !important;
        }
        .smsmodal .preview-header {
            min-width: 100%;
        }
        .attendance .clicking-button .font-white h5 {
            font-size: 1.1rem;
        }
        .clicking-button h4 span.d-in-block {
            display: none;
        }
        #bulk-section button.radius-100.table-btn.mr-2.gray-bg-btn {
            min-width: auto;
        }
        #bulk-section .clicking-button.d-flex h4.mr-auto {
            font-size: 20px;
        }
        .marketdetail h3 {
            font-size: 18px;
            font-weight: 600;
        }
        .marketdetail h2 {
            font-size: 22px;
        }
        .book-lg-img .width100.img-shadow {
            width: auto !important;
        }
        .book-lg-img {
            margin: 0 auto;
            text-align: center;
        }
        .book-info-detail {
            margin-top: 30px;
        }
        .market-section {
            padding-top: 50px;
        }
        #marketplace h1.mr-auto.mb-5 {
            font-size: 30px;
        }
        .user-about ul li {
            margin-right: 3px;
        }
        .full-comment-view.mt-2 {
            margin-top: 0 !important;
        }
        .xs-hide-col {
            display: none;
        }
        .post-topiclist-userinfo {
            font-size: 15px;
        }
        .topic-ul li {
            margin-right: 5px;
        }
        .post-topiclist-userinfo {
            margin-left: 78px;
        }
        .col-lg-2.post-topiclist-userinfo {
            margin-left: 62px;
        }
        .boardInfo {
            margin-left: 7px;
        }
        .boardList .panel-default {
            margin-left: 22px;
        }
        .boardList:after {
            left: 30px;
        }
        .subject:after {
            left: 40px;
        }
        .topiclist {
            margin-left: 32px;
        }
        .topiclist a:before {
            display: none;
        }
        .text-heading h1 {
            font-size: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .contentwrapper .btn {
            font-size: 14px !important;
        }
        .reans-comment .dropdown-toggle::after {
            display: none !important;
        }
        .videotitle {
            min-width: 320px;
            max-width: 100%;
        }
        .QusImg {
            width: 100%;
        }
        .info_block .box-border {
            padding: 2px 0;
        }
        .signupform p {
            font-size: 13px;
        }
        .login_box {
            width: 90%;
        }
        .edit-btn {
            padding: 0px 14px;
        }
        .table-bg {
            margin-top: -8px;
        }
        .col-xs-hide {
            display: none;
        }
        .filter-inline-2 .text-right.m-r-5 {
            width: calc(100% - 57px);
        }
        .resetbtn span {
            display: none;
        }
        .institute-logo-td {
            width: 60px;
        }
        .row.cross_border {
            padding-top: 0px;
        }
        .ins_img {
            margin-left: 0px;
        }
        .divider {
            margin-top: 20px;
        }
        .ins_img {
            width: 110px;
            height: 110px;
            margin-right: 15px;
        }
        .form-group.row.no-gutters.filterby.pull-right {
            float: left;
        }
        .mini-stats>p {
            width: 100%;
            float: left;
            text-align: center;
        }
        .mini-stats {
            text-align: center;
            padding: 20px;
        }
        .mini-stats>span {
            float: none;
            margin-right: 0;
        }
        .filterby label {
            text-align: left !important;
        }
        .mb-col-10 {
            margin-bottom: 10px;
        }
        .text-right-sm {
            text-align: left;
        }
        .text-sm-right {
            text-align: right;
        }
        .list {
            padding-top: 15px;
        }
        .radius-100 {
            padding: 5px 10px !important
        }
        .table-responsive {
            overflow-x: auto !important;
        }
        button.radius-100.table-btn.mr-2.gray-bg-btn {
            padding: 9px 11px 6px !important;
        }
        button.radius-100.table-btn.mr-2.gray-bg-btn i {
            width: 12px;
        }
        .left-backward {
            font-size: 18px !important;
        }
        .left-caret {
            font-size: 27px !important;
        }
        .pagination-noumbers {
            font-size: 14px !important;
        }
        .right-caret {
            font-size: 27px !important;
        }
        .right-forward {
            font-size: 18px !important;
        }
        .btn-text {
            display: none;
        }
        .dropdown-toggle::after {
            display: inherit !important;
            margin-right: 13px;
            font-size: 18px;
            margin-left: 0em;
        }
        .button-bloge {
            padding-right: 0px;
        }
        .btn.btn-primary.table-btn {
            padding: 8px 8px 6px !important;
        }
        /*.clicking-button {
        height: 100%;
        }*/
        .left-caret {
            padding-right: 6px !important;
        }
        .right-caret {
            padding-left: 6px;
        }
        .page-blog {
            padding-left: 0px;
        }
        .user_login .dropdown-toggle::after {
            right: -14px;
        }
        .ins_img {
            width: 60px;
            height: 60px;
            margin-right: 10px;
        }
        .info-left-section {
            padding-left: 15px;
        }
        .profile-info-media {
            flex-wrap: nowrap;
        }
        .media.media-border .media-body.mw-85 {
            max-width: calc(100% - 38px) !important;
        }
        .sub-selection-action {
            padding: 10px 10px;
        }
        .classtd {
            min-width: 110px;
        }
        .commenttd {
            min-width: 175px;
        }
        .text-white {
            min-width: 140px !important;
        }
        .info_block .box-border {
            min-width: 115px;
        }
        .faculty-profile {
            padding-top: 0px;
        }
        .info_block {
            padding: 10px 0 10px;
        }
        .quiz .col-12 {
            text-align: left !important;
        }
        .page_block.popup-bg {
            min-width: 300px;
        }
        .upload-file {
            margin-bottom: 6px;
        }
        .question-details {
            padding: 0px;
            margin-top: 15px;
        }
        .question-pd {
            padding: 0px;
        }
    }
    
    @media(max-width:486px) {
        .sub-selection {
            margin-top: 10px !important;
            min-width: 224px;
        }
        .loginlogo {
            width: 63px;
        }
        .col-lg-12.border-top .btn {
            padding: .375rem .35rem;
        }
        .swal2-modal button.styled {
            padding: 10px 15px;
        }
    }
    
    @media(max-width:480px) {
        .clicking-button {
            height: auto;
        }
        .question_filter .float-selectbox {
            width: 100%;
        }
        .justify-content-end .filterby.filter-inline-2 {
            flex: none;
            width: 100%;
        }
        .d-mobile-hide {
            display: none;
        }
        .test-ques-section-online .font18 {
            font-size: 16px;
        }
        .user-about.post-user .pull-right {
            float: none !important;
        }
        .user-about.post-user .pull-left {
            float: none !important;
        }
        .float-selectbox.custom-selectbox .form-control {
            background: #fff url(../images/drop_ic.png) no-repeat 96% 50% !important;
        }
        .float-selectbox {
            float: none;
            margin-right: 0px;
            margin-bottom: 10px;
        }
        .navbar-brand p {
            font-size: 13px;
        }
        .navbar-brand h3 {
            font-size: 28px;
        }
        .col-xxs-12 {
            max-width: 100% !important;
            flex: 0 0 100% !important;
        }
    }
    
    @media(max-width:420px) {
        .service-section:before {
            top: -60px;
        }
        .service-section .col-md-6.col-lg-2 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .bookHeight {
            width: 90px;
            height: 150px;
        }
        .book-info {
            width: calc(100% - 100px);
            margin-left: 10px;
        }
        .book-info h5 {
            font-size: 15px;
        }
        #marketplace-slide .star-icon {
            font-size: 1.4em;
        }
        .hide-xs-mob {
            display: none;
        }
        .admin_logo .loginlogo {
            width: 40px !important;
        }
        .navbar.navbar-expand-lg a .admin_logo h3 {
            font-size: 20px !important;
        }
        .navbar-brand .admin_logo p {
            font-size: 9px !important;
        }
        .button-bloge .btn.btn-primary.filter-button.radius-100.table-btn.mr-2 {
            margin-right: .3rem!important;
        }
        .navbar.navbar-expand-lg a h3 {
            font-size: 19px;
            padding-top: 10px;
        }
        .admin_logo h3 {
            padding-top: 0px !important;
        }
        .student-tabs .mat-tab-label {
            padding: 5px 5px;
            font-size: 13px;
            margin-left: 8px;
        }
        .upload-file {
            margin-right: 0px !important;
        }
    }
    
    @media(max-width:380px) {
        .btn.btn-primary.table-btn {
            margin-bottom: 5px;
        }
        /*.reset-btn {
        margin-top: 15px;
        }*/
        .loginlogo {
            width: 52px;
        }
        .navbar-brand h3 {
            font-size: 23px;
        }
        .navbar-brand p {
            font-size: 9px !important;
        }
        .more-btn .fa-ellipsis-v {
            width: 12px !important;
            height: 17px !important;
            line-height: 17px;
        }
        button.radius-100.table-btn.mr-2.gray-bg-btn {
            padding: 6px 8px 5px !important;
        }
        /*.clicking-button {
        height: 44px;
        }*/
        .left-caret {
            padding-right: 6px !important;
        }
        .right-caret {
            padding-left: 6px;
        }
        .button-bloge {
            padding-right: 0px;
        }
        .button-bloge {
            padding-left: 9px;
        }
        .btn.btn-primary.table-btn {
            padding: 4px 6px !important;
        }
        .mr-2,
        .mx-2 {
            margin-right: 0.3rem !important;
        }
        .page-blog {
            padding-right: 9px;
        }
        .left-backward {
            /*font-size: 16px !important;*/
        }
        .left-caret {
            padding-right: 6px !important;
        }
        .pagination-noumbers {
            font-size: 12px !important;
        }
        .right-caret {
            font-size: 24px !important;
        }
        .right-forward {
            font-size: 16px !important;
        }
        .pagination-noumbers {
            font-size: 12px !important;
        }
        .page_block.popup-bg {
            min-width: 225px;
        }
        .btn-form {
            min-width: 80px;
        }
        .question-upload {
            height: 220px !important;
        }
        .upload-file {
            height: 230px !important;
        }
        .clicking-button {
            padding: 10px 12px;
        }
        .button-bloge {
            margin-top: 0px;
        }
        .book-lg-img .width100.img-shadow {
            width: 90% !important;
        }
        .download-section img {
            width: 120px;
        }
        .logo_promotion .loginlogo {
            width: 35px !important;
        }
    }
    
    @media(max-width:320px) {
        .media.profile-info-media {
            display: flex !important;
        }
        .select-answer {
            margin-left: 0px;
        }
        .sub-selection-action {
            padding: 10px 7px;
        }
    }
    
    .select-style input {
        border: none;
    }
    
    .plr-15 {
        padding: 0 15px !important;
    }
    
    .date_pick input {
        height: 38px;
        border-radius: 4px;
        border: none;
        padding: 8px 15px;
    }
    
    .date_pick {
        position: relative;
    }
    
    .date_pick button.btn {
        background: transparent;
        outline: none;
        box-shadow: none;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    
    .cus_select .mat-form-field {
        width: 100%;
    }
    
    .cus_select .mat-form-field-infix {
        margin: 0;
        border: none;
    }
    
    .cus_select .mat-form-field-underline {
        display: none;
    }
    
    .cus_select .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        display: none !important;
    }
    
    .cus_select {
        background: #f1f3f400;
        padding: 3px 10px;
        border-radius: .25rem;
        border: 1px solid #ced4da;
        height: 38px;
        font-size: 14px;
    }
    
    .cus_select .mat-form-field-wrapper {
        padding: 0;
    }
    .date_subhead {
        min-width: 80px;
    }
    
    .time {
        width: 120px;
        padding: 0 10px;
    }
    
    .time_minut {
        width: 100px;
        padding: 0 10px;
    }
    
    .time_sedual {
        width: 100px;
        padding: 0 10px;
    }
    
    .date {
        width: 200px;
        padding: 0 10px;
    }
    
    .flag, .flag img {
        width: 20px;
    }
    .mydp .mydpicon:before {
        font-family: mydatepicker !important;
    }
    
    
    
    /*  shubham_patel */
    /*
    body {
        overflow: hidden !important;
        height: auto !important;
        width: 100% !important;
        min-height: 100vh;
    } */
    
    html {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
        width: 100% !important;
    }
    
    
    /**Zoom Frame CUS css**/
    
    .zoom_iframe {
      /*  height: 100vh !important;*/
        overflow: hidden !important;
    }
    
    .open > .dropdown-menu {
      display: block;
    }
    
    .more-button__pop-menu {
      bottom: 52px;
      top: auto;
    }
    
    .contentwrapper.mockup-page {
      min-height: calc(100vh - 0px);
      height: auto;
    }
    
    .contentwrapper .right-stick-bar {
      min-height: calc(100vh - 99px);
      height: auto;
      border-left: 1px solid #999;
    }
    
    .contentwrapper .ans-right-sidebar,
    .contentwrapper .ans-sidebar-content {
      height: calc(100vh - 149px);
    }
    
    
    .mockup-page .mat-tab-body-content {
      height: calc(100vh - 200px);
    }
    
    .meeting-info-icon__icon {
      display:none !important;
    }
    
    
    /* ****************************
    newtech for zoom fixes starts
    **************************** */
    
    .audio-option-menu {
        float: left;
        background-color: transparent;
        height: 100%;
    }
    
    .audio-option-menu__pop-menu {
        margin-top: -376px !important;
        margin-bottom: 0.125rem !important;
        width: 380px;
    }
    
    .sharing-setting-dropdown-menu-container {
        float: left;
        background-color: transparent;
        height: 100%;
    }
    
    .dropdown-toggle::after {
        border: none;
        content: '\f107';
        font-family: fontAwesome;
        vertical-align: -0.1em;
        margin-right: 5px;
        visibility: hidden;
    }
    
    .dropup .dropdown-toggle::after {
        display: none;
        visibility: hidden;
    }
    
    .zm-icon-disallow-video {
        background-position: -311px -216px;
        width: 33px !important;
        height: 33px !important;
    }
    
    .participants-item__buttons .btn{
      padding: 2px 5px !important;
      font-size: 11px !important;
      line-height: 1 !important;
      border-radius: 3px !important;
    }
    
    .chat-header__menu a {
        padding-left: 25px !important;
        padding-right: 10px !important  ;
    }
    
    .mat-select-search-input{
        width:100%;
        border:none;
    }
    /* ****************************
    newtech for zoom fixes ends
    **************************** */
    
    .btn-assignment {
        color: #000000 !important;
        font-weight: bold;
        background-color:#cccccc !important;
        border: #cccccc;
        transition: #cccccc .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    }
    
    .btn-assignment:active {
        color: #000000 !important;
        font-weight: bold;
        background-color:#cccccc !important;
        border: #cccccc !important;
        box-shadow: #bbbbbb !important;
        transition: #cccccc .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    }
    
    .btn-assignment:focus { 
        color: #000000 !important;
        font-weight: bold;
        background-color:#cccccc !important;
        border: #cccccc !important;
        box-shadow: #bbbbbb !important;
        transition: #cccccc .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    }