#vizn-pagewapper {display: flex;    margin: 0px -10px;    padding: 0px;    flex-wrap: nowrap;}
#vizn-pagewapper .vizn-temp-section .row {   margin: 0px -10px;}
#vizn-pagewapper .vizn-temp-section .col-md-6 {padding: 0px 10px;}
#vizn-pagewapper .vizn-temp-cards.sliders {margin-top: 20px;}
#vizn-pagewapper .vizn-temp-sidebar {
    flex: 0 0 300px;
    max-width: 300px;
    padding: 0 10px;
}
#vizn-pagewapper .vizn-temp-section {
    flex: 0 0 100%;
    max-width: calc(100% - 300px);
    padding: 0 10px;
}
#vizn-pagewapper .vizn-inner-page-block-left {
    width: 100% !important;
    background-color: #fff;
    box-shadow: 6px 3px 6px #00000014;
    border: 1px solid #ececec;
    border-radius: 5px;
}
#vizn-pagewapper .vizn-inner-pages {
    padding-left: 0px !important;
}
#vizn-pagewapper .vizn-temp-cards {   
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(176, 176, 176, 0.2);
    border-radius: 10px;
    padding: 30px;
}
#vizn-pagewapper .vizn-temp-cards .heading_box h4 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 27px;
    text-transform: capitalize;
    color: #007BFF;
    margin: 0px;
    padding: 0;
}
#vizn-pagewapper .vizn-temp-cards .heading_box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px -15px;
    padding: 0px;
    list-style: none !important;
}
#vizn-pagewapper .vizn-temp-cards .heading_box ul li {
    padding: 0px 15px;
}
#vizn-pagewapper .vizn-temp-cards .heading_box ul li img {
    width: 24px;
    display: block;
}
#vizn-pagewapper .vizn-temp-cards .heading_box {
    border-bottom: 2px dashed #A3A3A3;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
#vizn-pagewapper .pro_img_info ul {
    margin: 0px -15px;
    padding: 0;
    list-style: none;
}
#vizn-pagewapper .pro_img_info ul li {
    padding: 0 15px;
}
#vizn-pagewapper .pro_img_info ul {
    margin: 0px -15px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
#vizn-pagewapper .pro_img_info ul li.img {
    flex: 0 0 220px;
    max-width: 220px;
}
#vizn-pagewapper .pro_img_info ul li.pro_img_con {
    flex: 0 0 100%;
    max-width: calc(100% - 220px);
}
#vizn-pagewapper .pro_content .pro_img_content p {
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
    color: #898787;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
}
#vizn-pagewapper .pro_content .pro_img_content p:last-child {
    margin-bottom: 0px;
}
#vizn-pagewapper .pro_img_info {
    margin-bottom: 30px;
}
#vizn-pagewapper .vizn_pro_contents p {
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
    color: #9F9F9F;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    display: flex;
}
#vizn-pagewapper .vizn_pro_contents p span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    max-width: 120px;
    flex: 0 0 120px;
}
#vizn-pagewapper .vizn_pro_contents p i {
    display: block;
    flex: 0 0 30px;
    max-width: 30px;
    font-style: normal;
}
#vizn-pagewapper .vizn_pro_contents p:last-child {
    margin-bottom: 0;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs {
    position: relative;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 15px;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs .edit_icons {
    position: absolute;
    right: 0px;
    width: 24px;
    z-index: 11;
    cursor: pointer;
    top: 0;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs ul {
    display: flex;
    margin: 0px -15px;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs ul li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs ul li p span {
    flex: 0 0 90px;
    max-width: 90px;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs ul li p i {
    flex: 0 0 10px;
    max-width: 10px;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs ul li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 15px;
}
#vizn-pagewapper .vizn_pro_contents.list_boxs:last-child {
    margin: 0;
    border: none !important;
    margin-bottom: -15px;
}
#navigation {
    background: #FFFFFF;
    box-shadow: 5px 0px 10px rgba(176, 176, 176, 0.2);
    border-radius: 0px 10px 10px 0px;
    width: 280px;
    position: fixed;
    top: 160px;
    height: calc(100vh - 160px);
    overflow: hidden;
    overflow-y: auto;
    z-index: 5;
}
#navigation ul {
    margin: 0px;
    padding: 0px;
    display: block;
    list-style: none;
}
#navigation ul li {
    padding: 0px 15px;
}
#navigation ul li a {
    border-bottom: 0.5px solid #9F9F9F;
    display: flex;
    width: 100%;
    padding: 15px 50px;
    align-items: center;
}
#navigation ul li a .icons {
    width: 32px;
    margin-right: 16px;
    flex: 0 0 32px;
    max-width: 32px;
}
#navigation ul li a span {
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
    color: #9F9F9F;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
}
#navigation ul li.active {
    background: linear-gradient(270deg, #01A0E3 0%, #0672B6 77.2%);
}
#navigation ul li.active a .icons {
    filter: invert(30%) brightness(200%);
}
#navigation ul li.active a span {
    color: #fff;
}

#vizn-pagewapper img {max-width: 100%;}
@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'Circular-Loom';

    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Book-cd7d2bcec649b1243839a15d5eb8f0a3.woff2') format('woff2');
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: 'Circular-Loom';

    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Medium-d74eac43c78bd5852478998ce63dceb3.woff2') format('woff2');
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: 'Circular-Loom';

    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Bold-83b8ceaf77f49c7cffa44107561909e4.woff2') format('woff2');
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: 'Circular-Loom';

    src: url('https://cdn.loom.com/assets/fonts/circular/CircularXXWeb-Black-bf067ecb8aa777ceb6df7d72226febca.woff2') format('woff2');
}
@keyframes tawkMaxOpen {
    0% {
        opacity: 0;
        transform: translate(0, 30px);
        ;
    }

    to {
        opacity: 1;
        transform: translate(0, 0px);
    }
}

@-moz-keyframes tawkMaxOpen {
    0% {
        opacity: 0;
        transform: translate(0, 30px);
        ;
    }

    to {
        opacity: 1;
        transform: translate(0, 0px);
    }
}

@-webkit-keyframes tawkMaxOpen {
    0% {
        opacity: 0;
        transform: translate(0, 30px);
        ;
    }

    to {
        opacity: 1;
        transform: translate(0, 0px);
    }
}

#hc0f4cufk66g1fcn4blm2.open {
    animation: tawkMaxOpen .25s ease !important;
}

@keyframes tawkMaxClose {
    from {
        opacity: 1;
        transform: translate(0, 0px);
        ;
    }

    to {
        opacity: 0;
        transform: translate(0, 30px);
        ;
    }
}

@-moz-keyframes tawkMaxClose {
    from {
        opacity: 1;
        transform: translate(0, 0px);
        ;
    }

    to {
        opacity: 0;
        transform: translate(0, 30px);
        ;
    }
}

@-webkit-keyframes tawkMaxClose {
    from {
        opacity: 1;
        transform: translate(0, 0px);
        ;
    }

    to {
        opacity: 0;
        transform: translate(0, 30px);
        ;
    }
}

#hc0f4cufk66g1fcn4blm2.closed {
    animation: tawkMaxClose .25s ease !important
}
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0;
}

a {
    text-decoration: none;
    color: #1C73C5;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

button:focus,
.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(28 115 197 / 25%);
    outline: none;
}

.h-auto {
    height: auto !important;
}

.mdc-floating-label {
    font-family: 'Poppins', sans-serif;
}

.mdc-notched-outline__notch {
    padding-right: 0px !important;
}

.vizn-auth-bg {
    /* background: #F1F6FC url('../images/login.png') 0% 0% no-repeat; */
    background-color: #F8F8F8;
}

.vizn-auth-section {
    min-height: 100vh;
    display: flex;
    width: 100%;
}

.vizn-auth-pages {
    display: flex;
    flex-direction: row;
    /* height: 100%; */
    flex-grow: 100;
}

.vizn-img-responsive {
    width: 100%;
    height: auto;
}

.vizn-auth-img {
    width: 55%;
    font-size: 0;
    height: 100%;
    /*background-image: url(https://web.vizn.co.in/assets/newDesign/images/shap1.svg);*/
    background-image: url('../images/shape.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
    background-position-x:right;
}

    .vizn-auth-img:after {
        position: absolute;
        content: "";
        top: -25px;
        left: 32px;
        height: 100%;
        width: 100%;
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: 76px center;
       
        /*background-image: url('../images/masystech.png');*/
        background-image: url('../images/softpro_login.png');

    }

.vizn-auth-img.create-account-img {
    background-image: url(../images/create-account.png);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.vizn-auth-img img {
    display: none;
}

.vizn-auth-block-main {
    width: 45%;
    height: 100%;
    padding-left: 68px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.vizn-auth-block-content {
    max-width: 540px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.vizn-auth-block {
    background-color: #ffffff;
    box-shadow: 0px 20px 50px #0000001a;
    border-radius: 10px;
    padding: 50px 67px;
    width: 100%;
}

.vizn-auth-block-footer {
    bottom: 46px;
    position: absolute;
    font-size: 18px;
    text-align: center;
    color: #262626;
}

.vizn-auth-title {
    color: #262626;
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 38px;
    margin-top: 0;
}

.vizn-auth-subtitle {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

.override-material-css .full-width-component {
    width: 100%;
    height: 50px;
}

.mdc-select--outlined .mdc-select__anchor {
    height: 100%;
}

.override-material-css .mdc-button {
    margin-top: 20px;
    font-size: 16px;
}

.override-material-css .mdc-text-field__input,
.override-material-css .mdc-select {
    font-size: 18px;
}

.override-material-css .mdc-text-field--outlined,
.mdc-select--outlined .mdc-select__anchor {
    padding-left: 25px;
    padding-right: 25px;
}

.override-material-css .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.override-material-css .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(25px, var(--mdc-shape-small, 4px));
}


/* .override-material-css .full-width-component:not(.not-mb), */

.select2-material {
    margin-bottom: 20px;
}

.override-material-css .full-width-component:not(.not-mb) {
    margin-bottom: 30px;
}

.override-material-css .mdc-select__dropdown-icon {
    margin: 0;
}

.vizn-auth-img-mobile {
    display: none;
}

.override-material-css .mdc-button--outlined:not(:disabled):hover,
.override-material-css .mdc-button--raised:not(:disabled),
.vizn-footer-btn .mdc-button--raised:not(:disabled),
.vizn-footer-btn .mdc-button--outlined:not(:disabled):hover,
.daterangepicker .drp-buttons .btn-primary,
.btn.icon-btn:hover,
.btn.icon-btn.highlight-btn,
.dashboard-tabs .nav-tabs .nav-link.active .vizn-lecture-count,
.mdc-button.start-btn {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    color: #FFFFFF;
}

.mdc-button--raised:not(:disabled) {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
}

.override-material-css .mdc-button--outlined:not(:disabled),
.vizn-footer-btn .mdc-button--outlined:not(:disabled),
.btn-primary {
    border-color: #1C73C5;
    color: #1C73C5;
}

.mdc-button--outlined:not(:disabled) {
    color: #1C73C5;
}

.vizn-btn-link {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
}

.create-account-block .vizn-btn-link {
    margin-top: 0;
}

.vizn-auth-title.create-account-title,
.vizn-inner-pages .form-group,
.vizn-filter-upload-text,
.test-tab .dashboard-block-name {
    margin-bottom: 10px;
}

.vizn-auth-content {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

.create-account-block .vizn-auth-content {
    font-size: 14px;
    line-height: 20px;
}

.vizn-auth-subtitle.create-account-subtitle {
    margin-top: 0;
    margin-bottom: 20px;
}

.mdc-button.create-account-btn {
    /* margin-top: 10px; */
    margin-top: 0px;
}

.vizn-auth-block.create-account-block {
    padding: 40px 67px;
    /* margin-top: 50px;
    margin-bottom: 50px; */
}

.create-account-2-grid-field {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.vizn-user-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 20px;
}

.vizn-user-type .custom-radio {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.vizn-user-type-block {
    position: relative;
    user-select: none;
    text-align: center;
    cursor: pointer;
}

.vizn-user-type-block-text,
.vizn-user-type-block-icon .vizn-icon:before {
    color: #A5A5A5;
}

.vizn-user-type-block:hover .vizn-user-type-block-text,
.vizn-user-type-block:hover .vizn-user-type-block-icon .vizn-icon:before,
input.custom-radio:checked~.vizn-user-type-block-text,
input.custom-radio:checked~.vizn-user-type-block-icon .vizn-icon:before,
.icon-primary:before,
input.custom-radio:checked~.radiobtn {
    color: #1C73C5;
}
.batch-form .mdc-checkbox .mdc-checkbox__native-control[disabled]{
    pointer-events: none;
}
.batch-form .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
    opacity: 0.2;
    background-color: #989898;
}
.vizn-user-type-block:hover .vizn-user-type-block-icon,
input.custom-radio:checked~.vizn-user-type-block-icon,
input.custom-radio:checked~.radiobtn {
    border-color: #1C73C5;
}

.vizn-user-type-block:hover input[disabled="disabled"]+.vizn-user-type-block-icon+.vizn-user-type-block-text,
.vizn-user-type-block:hover input[disabled="disabled"]+.vizn-user-type-block-icon .vizn-icon:before {
    color: #A5A5A5;
}

.vizn-user-type-block:hover input[disabled="disabled"]+.vizn-user-type-block-icon {
    border-color: #A5A5A5;
}


.vizn-user-type-block-icon {
    height: 72px;
    width: 72px;
    border-radius: 50%;
    border: 1px solid #A5A5A5;
    font-size: 35px;
    line-height: 77px;
    vertical-align: middle;
}

.vizn-user-type-block-text {
    margin-top: 5px;
}

.create-account-section {
    height: 100%;
}


/* .create-account-section .vizn-auth-block-main{
margin-top: 50px;
margin-bottom: 50px;
} */


/* My Profile css -- Start */

.vizn-inner-pages,
.vizn-inner-page-form {
    background-color: #F6F8FB;
    padding: 30px;
}

.vizn-menu-icon {
    padding-right: 10px;
    font-size: 23px;
    vertical-align: middle;
}

.vizn-header-right .vizn-menu-icon {
    text-decoration: none;
}

.vizn-menu-icon:before,
.vizn-nav a.nav-link {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

.vizn-header {
    height: 81px;
    padding-left: 20px;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    /* z-index: 10006; */
    z-index: 11;
}

.vizn-header .vizn-logo {
    max-width: 321px;
    max-height: 60px;
}

.vizn-header-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vizn-nav {
    border-top: 1px solid #ECECEC;
    padding: 0 30px;
    box-shadow: 5px 15px 10px -15px #ececec;
    /* z-index: 10005; */
    z-index: 10;
    position: fixed;
    top: 81px;
    width: 100%;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D8D8D8;
}

/* Added z-index for select-2  and modal open jira issue */
body:not(.modal-open) .vizn-nav {
    z-index: 1052;
}

body:not(.modal-open) .vizn-header,
body:not(.modal-open) .header-top-bar {
    z-index: 1053;
}

/* END Jira issue style */

/* Plan expire top bar */
.header-top-bar {
    background-color: #f35958;
    color: #fff;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1005;
}

.plan-expire-soon .vizn-header {
    top: 40px;
}

.plan-expire-soon .vizn-nav {
    top: 121px;
}

.plan-expire-soon main.vizn-inner-pages {
    padding-top: 201px;
}

.vizn-btn-youtube {
    margin-left: 50px;
    width: 150px;
    height: 50px;
    border: 1px solid #00AEEF;
    border-radius: 4px;
    background-color: #ffffff;
    color: #00AEEF;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.vizn-menu-icon.icon-youtube:before {
    color: #1231A2;
    opacity: 1;
}

.vizn-nav li.nav-item {
    height: 50px;
}

.vizn-nav li.nav-item a.nav-link {
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 14px 20px;
    white-space: nowrap;
}

.vizn-nav li.nav-item {
    border-bottom: 2px solid transparent;
}

.vizn-nav li.nav-item:hover,
.vizn-nav li.nav-item.active {
    border-bottom: 2px solid #1C73C5;
    box-shadow: 0px 3px 6px #00000029;
}

.vizn-nav li.nav-item:hover a.nav-link,
.vizn-nav li.nav-item:hover .vizn-menu-icon:before,
.vizn-nav li.nav-item.active a.nav-link,
.vizn-nav li.nav-item.active .vizn-menu-icon:before {
    color: #1C73C5;
    opacity: 1;
}

.vizn-header-right .vizn-menu-icon,
.vizn-notification-dropdown {
    padding-right: 0;
    margin-right: 50px;
}

.vizn-header-right .vizn-menu-icon:hover:before,
.vizn-notification-dropdown:hover {
    color: #1C73C5;
    cursor: pointer;
}

.vizn-notification-icon .vizn-menu-icon:before {
    color: #000000;
}

.vizn-notification-icon {
    position: relative;
}

.vizn-notification-status {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 12px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-size: 11px;
    /* width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    left: 12px; */
}

.vizn-notification-status.vizn-status-active {
    /* background-color: #0CA678; */
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border: 2px solid #FFFFFF;
}

.vizn-notification-dropdown .vizn-notification-dropdown-btn .vizn-menu-icon {
    margin-right: 0;
}

.vizn-notification-dropdown .vizn-notification-dropdown-btn:hover {
    text-decoration: none;
}

.vizn-notification-dropdown .dropdown-menu {
    width: 300px;
    padding: 5px;
    left: 50%;
    margin-left: -137px;
    margin-top: 15px;
    border-color: #ECECEC;
    box-shadow: 0px 6px 6px #00000029;
    position: relative;
}

.vizn-notification-dropdown .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -10px;
    height: 15px;
    width: 15px;
    border-top: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    transform: rotate(45deg);
    z-index: -4;
    background-color: #fff;
}

.vizn-notification-dropdown .dropdown-item {
    background-color: rgba(28, 115, 197, 0.05);
    border-radius: 3px;
    padding: 10px 15px;
    margin-bottom: 8px;
    position: relative;
    cursor: default;
}

.vizn-notification-dropdown .dropdown-item-button {
    padding: 12px 15px 15px 15px;
    background-color: transparent;
    text-align: center;
}

.vizn-notification-dropdown .dropdown-item-button .mdc-button {
    height: 34px;
    width: 116px;
}

.vizn-notification-dropdown .dropdown-item-button .mdc-button .mdc-button__label {
    letter-spacing: 0;
}

.vizn-notification-dropdown .dropdown-item .vizn-notification-detail {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 3px;
    white-space: initial;
}

.vizn-notification-dropdown .dropdown-item .vizn-notification-datetime {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.5);
    white-space: initial;
}

.vizn-notification-dropdown .dropdown-item .vizn-notification-cancel {
    position: absolute;
    top: -2px;
    right: -2px;
    /* height: 15px;	
    width: 15px;	 */
    line-height: 12px;
    /* text-align: center;	 */
    /* border-radius: 50%;	 */
    /* background-color: #87839e;	 */
    cursor: pointer;
}

.vizn-notification-dropdown .dropdown-item .vizn-notification-cancel i {
    font-size: 12px;
    color: #fff;
}


.vizn-profile-img {
    width: 44px;
    height: 44px;
    border: 1px solid #EBEBEB;
    border-radius: 50%;
    margin-right: 10px;
}

.vizn-profile-info .vizn-profile-gm {
    font-size: 12px;
    color: #0D063B;
    opacity: 0.5;
}

.vizn-profile-info .dropdown-item.header-quick-url {
    display: none;
}

.dropdown .vizn-dropdown-default-text {
    font-size: 16px;
    color: #262626;
    cursor: pointer;
    white-space: nowrap;
}

.dropdown .vizn-dropdown-menu {
    box-shadow: 0px 6px 6px #00000029;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    min-width: 230px;
}

.vizn-dropdown-menu .dropdown-item {
    padding: 10px 19px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}

.vizn-dropdown-menu .dropdown-item.active,
.vizn-dropdown-menu .dropdown-item:hover {
    color: #1C73C5;
    opacity: 1;
    background-color: rgba(28, 115, 197, 0.05);
    font-weight: 500;
}

.vizn-dropdown-menu .vizn-dropdown-item-content {
    background-color: #00AEEF;
    border-radius: 2px;
    opacity: 1;
    padding: 4px 10px;
    color: #FFFFFF;
}

.vizn-right-arrow {
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
}

.vizn-nested-menu .nav-link:after {
    content: none;
}

.vizn-nested-menu .vizn-right-arrow {
    border-color: rgba(0, 0, 0, 0.5);
}

.vizn-nested-menu .dropdown-item.active .vizn-right-arrow,
.vizn-nested-menu .dropdown-item:hover .vizn-right-arrow {
    border-color: #1C73C5;
}

.vizn-dropdown-menu li {
    position: relative;
}

.vizn-nested-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

.vizn-nested-menu .submenu-left {
    right: 100%;
    left: auto;
}

.vizn-nested-menu:hover>.dropdown-menu,
.vizn-dropdown-menu>li:hover>.submenu {
    display: block;
}

.vizn-pos-rel {
    position: relative;
}

.vizn-task-count {
    min-width: 25px;
    min-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: #ffffff;
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border-radius: 50%;
    font-weight: 500;
    text-align: center;
}

.vizn-pagename {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
    color: #262626;
}

.vizn-breadcrumbs {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}


/* .vizn-breadcrumbs .breadcrumbs-page:not(:last-child):after{
content: "\e91d";
font-family: 'icomoon';
font-size: 8px;
padding: 0 5px;
transform: rotate(180deg);
display: inline-block;
} */

.vizn-inner-page-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* min-height: 729px; */
}

.vizn-inner-page-block-left {
    width: 18.5%;
    background-color: #ffffff;
    box-shadow: 6px 3px 6px #00000014;
    border: 1px solid #ECECEC;
    /* border-radius: 5px 5px 0px 0px; for Online hide */
    border-radius: 5px;
}

.vizn-inner-page-block-right {
    width: 80%;
    background-color: #ffffff;
    box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding-bottom: 30px;
}

.vizn-aside {
    list-style: none;
    padding: 20px 15px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.vizn-aside li {
    border: 1px solid #ECECEC;
    border-radius: 5px;
    margin-bottom: 10px;
}

.vizn-aside li .vizn-aside-item {
    color: #000000;
    padding: 14px 19px 13px;
    display: block;
}

.vizn-aside li:hover,
.vizn-aside li.active {
    border-color: #1C73C5;
    background-color: #F9FAFC;
}

.vizn-aside li:hover .vizn-aside-item,
.vizn-aside li.active .vizn-aside-item {
    color: #1C73C5;
    text-decoration: none;
}

.vizn-aside-icon {
    /* padding-left: 15px;
padding-right: 15px; for Online hide */
    display: flex;
    padding: 0 15px 15px 15px;
}

.vizn-aside-icon a {
    margin-right: 20px;
}

.vizn-aside-icon a:hover {
    text-decoration: none;
}

.vizn-aside-online {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    background-color: #00AEEF;
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
    padding: 10px 17px;
}

.vizn-inner-page-block-content {
    margin: 0 20px 30px;
}

.vizn-form-title {
    border-bottom: 1px solid #D8D8D8;
    padding: 30px 20px;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
}

.vizn-inner-page-upload {
    padding: 20px 0;
}

/* added for popup and header issue zindex */
/* .select2-dropdown{
    z-index: 1;
}
.modal .select2-dropdown{
    z-index: 1052;
} */
.vizn-inner-pages .form-control,
.vizn-inner-pages .control-label,
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 12px 15px;
    font-size: 16px;
}

.vizn-inner-pages .control-label {
    color: rgba(0, 0, 0, 0.5);
}

.vizn-inner-pages .form-control,
.select2-container--default .select2-search--dropdown .select2-search__field {
    min-height: 50px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    color: #000000;
}

.vizn-inner-pages .form-control:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #1C73C5;
    box-shadow: 0 0 0 0.2rem rgb(28 115 197 / 25%);
}

.vizn-label-dot label,
label.vizn-label-dot {
    position: relative;
}

.vizn-label-dot label:after,
label.vizn-label-dot:after {
    content: ":";
    position: absolute;
    right: 30px;
    top: 25%;
}

.vizn-footer-btn button,
.vizn-footer-btn .btn,
.vizn-footer-btn input[type="submit"],
.daterangepicker .drp-buttons .btn {
    padding: 14px 40px;
    min-height: 50px;
    font-size: 16px;
}

/*button css for a tag*/

.vizn-footer-btn a,
.vizn-footer-btn input[type="button"],
.vizn-footer-btn input[type="submit"] {
    padding: 14px 40px;
    min-height: 50px;
    font-size: 16px;
}

.vizn-upload-block {
    max-width: 226px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}

.vizn-profile-upload {
    width: 100px;
    height: 100px;
    border: 1px solid #A5A5A5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    overflow: hidden;
}

.vizn-profile-upload img {
    width: 100%;
}

.vizn-upload-icon {
    font-size: 45px;
    color: rgba(0, 0, 0, 0.5);
}

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

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.vizn-browse-btn {
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    font-size: 12px;
    color: #555555;
    padding: 4px 18px;
    margin-bottom: 15px;
}

.vizn-upload-text {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 3px;
}

.vizn-logo-mobile,
button.vizn-sidebar-toggle {
    display: none;
}

.vizn-inner-pages label {
    margin-bottom: 0;
}

.vizn-nav .dropdown-menu {
    position: absolute;
}


/* My Profile css -- End */


/* Support & Help css -- Start */

.vizn-contact-blocks {
    display: flex;
    margin: 20px;
}

.vizn-contact-block {
    display: flex;
    align-items: center;
    width: 50%;
    height: 80px;
    background-color: #F6F8FB;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
}

.vizn-contact-email {
    margin-right: 30px;
}

.contact-icon {
    font-size: 35px;
    margin-left: 30px;
    margin-right: 30px;
}

.vizn-contact-text {
    font-size: 18px;
}

.vizn-contact-text b {
    font-weight: 500;
}

.vizn-datatable {
    /* margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px; */
    margin: 20px 20px 30px;
}

.vizn-datatable thead {
    background-color: #F6F8FB;
    border-radius: 3px;
}

.vizn-datatable .table thead>tr>th {
    border: none;
    color: rgba(0, 0, 0, 0.6);
}

.vizn-datatable .table thead>tr>th.sorting_asc,
.vizn-datatable .table thead>tr>th.sorting_desc {
    color: #000000;
}

.vizn-text-primary {
    color: #1E88E5;
}

.vizn-text-success {
    color: #0CA678;
}

.vizn-text-warning {
    color: #FF6D00;
}

.vizn-text-info {
    color: #1C73C5;
}

.vizn-text-light {
    color: #A5A5A5;
}

.vizn-text-red {
    color: #FF0000;
}

.vizn-text-purple {
    color: #00AEEF;
}

.fw-500 {
    font-weight: 500;
}

.vizn-datatable .pagination>.active>a,
.vizn-datatable .pagination>.active>a:focus,
.vizn-datatable .pagination>.active>a:hover,
.vizn-datatable .pagination>.active>span,
.vizn-datatable .pagination>.active>span:focus,
.vizn-datatable .pagination>.active>span:hover {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border-color: #1C73C5;
    /* box-shadow: none; */
}

.vizn-datatable .pagination>li>a,
.vizn-datatable .pagination>li>span,
.text-book-pagination .pagination>li>a {
    /* padding: 15px; */
    color: #1C73C5;
    margin-left: 10px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vizn-datatable a.page-link,
.text-book-pagination a.page-link {
    border-radius: 3px;
    font-size: 16px;
}

.pagination-icon:before {
    font-size: 20px;
    font-weight: 500;
}

.email-block-btn {
    display: flex;
    align-items: center;
    width: 100%;
}

.email-block-btn .send-btn {
    margin-left: auto;
    margin-right: 15px;
}


/* Support & Help css -- End */


/* Test -- Start */

.vizn-inner-page-block-full {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}

.vizn-filter {
    margin: 20px 20px 0;
}

.vizn-filter .control-label,
.vizn-filter .form-control {
    font-size: 18px;
    color: #262626;
}

.btn.icon-btn {
    height: 50px;
    width: 50px;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 3px;
}

.vizn-footer-btn .btn.icon-btn {
    min-height: 40px;
}


.btn.icon-btn:not(:last-child),
.lecture-block-btn .mdc-button:not(:last-child) {
    margin-right: 20px;
}

.btn.icon-btn-primary {
    border: 1px solid #1C73C5;
}

.btn.icon-btn:hover .icon-primary:before {
    color: #ffffff;
}

.btn.icon-btn span {
    font-size: 25px;
}

.icon-btn .icon-filter {
    position: relative;
}

.filter-dot {
    position: absolute;
    right: -5px;
    top: -4px;
    width: 12px;
    height: 12px;
    background-color: #00AEEF;
    border-radius: 50%;
    /* border: 1px solid #FFFFFF; */
}

.btn-link.focus,
.btn-link:focus,
.modal.right .modal-header .close:focus,
.page-link:focus {
    box-shadow: none;
}

.vizn-table-actions .btn {
    text-decoration: none;
    text-align: center;
    width: 20px;
    display: inline-block;
}

.vizn-table-actions .btn,
.vizn-actions .btn {
    padding: 0;
    position: relative;
    margin-right: 10px !important;
    border: none;
    /* height: 30px;
width: 30px;
border-radius: 50%; */
}

.vizn-actions .btn.mr-0 {
    margin-right: 0 !important;
}


/* .vizn-actions .btn:hover{
background-color: rgba(28, 115, 197, 0.1);
} */

.vizn-actions .btn:hover span {
    color: #1C73C5;
}

.vizn-table-actions .btn i,
.vizn-table-actions .btn span {
    line-height: 20px;
}

.vizn-table-actions .btn i,
.vizn-table-actions .btn span,
.vizn-actions .btn span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    vertical-align: middle;
}

.vizn-actions .dropdown-toggle::after {
    display: none;
}

.vizn-select2 {
    width: 261px;
}

.dt-select2 {
    width: 150px;
}

.vizn-select2 .select2-container .select2-selection--single,
.vizn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.dt-select2 .select2-container .select2-selection--single,
.dt-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    font-size: 18px;
    padding-left: 24px;
}

.dt-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    font-size: 14px;
    padding-left: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered:focus,
.dt-select2 .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    outline: none;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgba(28, 115, 197, 0.1);
    border-radius: 2px 2px 0px 0px;
    color: #1C73C5;
}

.select2-results__option {
    min-height: 50px;
    border-radius: 0px 0px 3px 3px;
    color: #262626;
    font-size: 18px;
    padding: 12px 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #262626 transparent transparent transparent;
    left: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #262626 transparent;
}

.input-with-icon .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: calc(100% - 35px);
}

.hide-modal-backdrop .modal-backdrop.show {
    opacity: 0;
}

/* .modal {
    z-index: 1080;
} */

.tooltip {
    z-index: 1040;
}

.modal.right .modal-header .close {
    margin: -1rem;
}

.modal.right .modal-title {
    width: 100%;
    font-size: 22px;
    line-height: 37px;
    color: #262626;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    width: 490px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}


/*Right*/

.modal.right.fade .modal-dialog {
    right: -490px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.right .modal-header {
    border-bottom: none;
}

.modal.right .modal-header,
.modal.right .modal-footer {
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    z-index: 999;
    align-items: center;
}

.modal.right .modal-footer {
    bottom: 0;
    justify-content: center;
}

.modal.right .modal-body {
    margin-top: 60px;
    margin-bottom: 80px;
    max-height: calc(100% - 155px);
    overflow: auto;
}

.vizn-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.vizn-tag {
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border: 1px solid #1C73C5;
    border-radius: 3px;
    color: #ffffff;
    padding: 7px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    line-height: 18px;
}

.vizn-radio-types {
    background: #F9FAFC;
    border: 1px solid #ECECEC;
    display: flex;
    justify-content: space-between;
    padding: 13px 15px;
    align-items: center;
    margin-left: -1rem;
    margin-right: -1rem;
}

.vizn-radio-types label,
.vizn-accordion .card-title,
.lecture-details-modal label,
.vizn-details-page label,
.vizn-details-page b,
.vizn-filter-upload-text,
.file-details .file-name,
.text-book-title {
    font-size: 16px;
    font-weight: 500;
}

.vizn-radio-types .btn {
    color: #A5A5A5;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 7px;
    width: 100%;
}

.vizn-radio-btn {
    position: relative;
    min-width: 100px;
    margin-right: 8px;
    margin-bottom: 5px;
}

.vizn-accordion {
    margin-top: 16px;
}

.vizn-accordion .card {
    border: 1px solid #ECECEC;
}

.vizn-accordion .card-header {
    background-color: #ffffff;
    border-radius: 2px 2px 0px 0px;
    border-bottom: none;
    cursor: pointer;
}

.vizn-accordion .card-header[aria-expanded="true"] {
    background-color: #F6F8FB;
    border-bottom: 1px solid #ECECEC;
}

.vizn-accordion .card-header span {
    transform: rotate(180deg);
}

.vizn-accordion .card-header[aria-expanded="true"] span {
    transform: rotate(270deg);
}


/* .collapse.show */

.vizn-accordion .card-body {
    background-color: #F6F8FB;
    border-radius: 3px 3px 0px 0px;
}

.custom-slider .slider.slider-horizontal {
    width: 100%;
}

.custom-slider .slider-selection {
    background-image: none;
    background-color: #00AEEF
}

.custom-slider .slider-handle {
    height: 18px;
    width: 18px;
    border: 1px solid #C9C9C9;
    border-radius: 9px;
    background-color: #ffffff;
    background-image: none;
}

.custom-slider .slider.slider-horizontal .slider-track {
    height: 4px;
    margin-top: -3px;
}

.custom-slider .range-value {
    background: #00AEEF;
    border-radius: 2px;
    color: #ffffff;
    padding: 8px 10px;
    font-size: 12px;
}

/* Dashboard Owl Carosal style */
.slider-subscription .owl-nav {
    font-size: 46px;
    line-height: 1;
    top: -70px;
    position: absolute;
    z-index: 1;
    right: -15px;
}

.slider-subscription .owl-nav button,
.slider-subscription .owl-nav button:hover {
    outline: none;
    box-shadow: none;
}

.slider-subscription .owl-nav button.owl-next {
    margin-left: 4px;
}

.slider-subscription .owl-nav button.owl-prev span,
.slider-subscription .owl-nav button.owl-next span {
    font-size: 46px;
    line-height: 35px;
    height: 40px;
    width: 40px;
    text-align: center;
    display: inline-block;
    color: #ffffff !important;
    background-image: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    box-sizing: border-box;
    border: 1px solid #linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border-radius: 5px;

}

.slider-subscription .owl-nav button.owl-prev:hover span,
.slider-subscription .owl-nav button.owl-next:hover span {
    color: #1C73C5 !important;
    background-color: #fff;
    transition-duration: 0.3s;
}

.package-report-header {
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 1rem;
}

.package-report-header h6 {
    margin-bottom: 0;
}

.package-report-content {
    font-size: 13px;
}

.package-report-content ul {
    margin-bottom: 0;
}

.daterangepicker {
    margin-right: 30px;
}

.daterangepicker.show-calendar .datepicker-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    border-bottom: 1px solid #ECECEC;
    padding: 20px;
}

.daterangepicker.show-calendar:not(.single) .ranges,
.daterangepicker:not(.single) .ranges {
    background-color: #F6F8FB;
    margin-top: 0;
    padding: 20px;
}

.daterangepicker .ranges li {
    background: #FFFFFF;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    color: #A5A5A5;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
}

.daterangepicker .ranges li.active,
.daterangepicker .drp-buttons .btn-default {
    background-color: #FFFFFF;
    border-color: #1C73C5;
    color: #1C73C5;
}

.daterangepicker:not(.single) .drp-calendar.left {
    padding: 20px 0 20px 20px;
}

.daterangepicker .drp-calendar.right {
    padding: 20px 20px 0 20px;
}

.daterangepicker.show-calendar .ranges {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: none;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-image: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
}

.daterangepicker.show-calendar .drp-buttons {
    padding: 15px 20px;
    direction: rtl;
}

.daterangepicker .drp-buttons .btn {
    text-transform: uppercase;
}

.daterangepicker .drp-buttons .btn.cancelBtn {
    margin-left: 20px;
}

.daterangepicker .drp-buttons .btn.applyBtn {
    margin-left: 0;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td,
.daterangepicker .drp-selected {
    font-size: 14px;
}

.daterangepicker:before,
.daterangepicker:after {
    display: none;
}

.daterangepicker .calendar-table td,
.daterangepicker td.start-date.end-date {
    border-radius: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.daterangepicker .drp-selected {
    padding-right: 0;
    margin: 15px 0;
    display: none;
}

.date-arrow::before {
    content: "";
    bottom: -8px;
    left: 15px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    position: absolute;
    z-index: 3002;
}

.date-arrow::after {
    content: "";
    bottom: -8.6px;
    left: 16px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    position: absolute;
    z-index: 3002;
}

.date-arrow.hide-arrow::before,
.date-arrow.hide-arrow::after {
    display: none;
}

.vizn-radio-types .vizn-user-type {
    flex-wrap: wrap;
    justify-content: center;
}

.search-close {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 24px;
    color: #1C73C5;
    cursor: pointer;
}

.search-box {
    display: none;
    margin-right: 20px;
}

.search-box input {
    width: 450px;
}

.modal.right .modal-dialog {
    height: calc(100vh - 131px);
    top: 131px;
}

.isLacture {
    background-color: #eabfdc;
}

button.btn.radiobtn {
    line-height: 18px;
}

.test-breadcrumbs-filter {
    display: flex;
    justify-content: space-between;
}

.test-breadcrumbs-filter .search-responsive {
    display: flex;
    /* align-items: center; */
}

.vizn-actions .vizn-dropdown-menu {
    width: 139px;
}

.select2-container *:focus {
    outline: none;
}


/* Test -- End */


/* Online Lectures -- Start */

.lecture-filter {
    margin-bottom: 30px;
}

.lecture-filter .vizn-user-type {
    flex-wrap: wrap;
}

.vizn-actions .btn span.icon-video-camera {
    font-size: 14px;
}

.vizn-lecture-count {
    padding: 3px 10px;
    border-radius: 16px;
    margin-left: 10px;
    color: #ffffff;
}

.vizn-btn-group {
    align-items: flex-start;
    justify-content: flex-start;
}

.vizn-btn-group .btn {
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    min-height: 50px;
    border-radius: 0;
}

.vizn-btn-group .bradius:first-of-type .btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.vizn-btn-group .bradius:last-of-type .btn {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.vizn-badge-primary {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
}

.vizn-badge-info {
    background-color: #1E88E5;
}

.vizn-badge-success {
    background-color: #0CA678;
}

.vizn-badge-light {
    background-color: #F6F8FB;
    color: #000000;
}

input.custom-radio:checked~.btn.btn-default {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    box-shadow: 0px 3px 6px #00000029;
    color: #ffffff;
}

input.custom-radio:checked~.btn .vizn-lecture-count {
    background-color: #ffffff;
    color: #1C73C5;
}


/* Online Lectures -- End */


/* Student Score Card -- Start */

.input-filter {
    padding: 29px 20px 0px;
    z-index: 1;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 1rem;
    /* Filter Gap for report pages */
}

.input-filter .row,
.logbook-blocks .row,
.dashboard-blocks .row,
.vizn-details-page .row,
.input-upload-blocks .row,
.chapter-blocks .row,
.datetime-blocks .row {
    margin-right: -10px;
    margin-left: -10px;
}

.input-filter .row .custom-md-padding,
.logbook-blocks .row .custom-md-padding,
.dashboard-blocks .row .custom-md-padding,
.vizn-details-page .row .custom-md-padding,
.input-upload-blocks .row .custom-md-padding,
.chapter-blocks .row .custom-md-padding,
.datetime-blocks .row .custom-md-padding {
    padding-right: 10px;
    padding-left: 10px;
}

.input-filter-table {
    border-radius: 0px 0px 5px 5px;
}

.override-material-css .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline div,
.override-material-css .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline div,
.override-material-css .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor span,
.override-material-css .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline span {
    border-color: #D8D8D8;
    font-family: 'Poppins', sans-serif;
}

.override-material-css .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline div {
    border-color: #1C73C5;
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-floating-label,
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(38, 38, 38, 0.6);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #1C73C5
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
    fill: rgba(0, 0, 0, 1);
}


/* Student Score Card -- End */


/* Institude details -- Start */

.vizn-tabs {
    margin-top: 20px;
}

.vizn-tabs .nav-tabs .nav-link {
    color: #000000;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding: 12px 30px;
    border: 1px solid #D8D8D8;
    border-radius: unset;
}

.vizn-tabs .nav-tabs .nav-link.active {
    color: #1C73C5;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 3px 0px 0px 0px;
    border: none;
    border-bottom: 2px solid #1C73C5;
}

.tab-container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.readonly-tag {
    display: inline-block;
    background-color: rgba(28, 115, 197, 0.1);
    border-radius: 3px;
    color: #1C73C5;
    line-height: 20px;
    padding: 7px 15px;
    margin-bottom: 2px;
}

.readonly-tag:not(:last-child) {
    margin-right: 10px;
}

.vizn-tabs .form-control {
    padding: 6px 15px;
}

.mdc-button--outlined:not(:disabled) {
    background-color: #ffffff;
}

.vizn-datatable-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}


/* Institude details -- End */


/* Generate Paper Overview -- Start */

.group-first-block tr td:first-child {
    background: #F6F8FB;
    border-right: 1px solid #D8D8D8;
}


/* Generate Paper Overview -- End */


/* Merge Paper Display */
.merge_paper_display .vizn-paper-question-box .vizn-paper-question-item table {
    min-width: 100%;
}

.merge_paper_display .vizn-paper-question-box .vizn-paper-question-item {
    overflow: auto;
}

/* Merge Paper Display End */

/* Logbook -- Start */

.logbook-blocks,
.lecture-details {
    margin: 20px 20px 0;
}

.logbook-block {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.logbook-block-left {
    /* width reduce same as .logbook-block-right class */
    width: calc(100% - 112px);
    padding-left: 10px;
    /* padding-right: 10px; */
}

.logbook-block-right {
    width: 112px;
    height: 94px;
    background-color: rgba(28, 115, 197, 0.1);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logbook-block-icon {
    font-size: 28px;
}

.logbook-block-count {
    font-size: 22px;
    font-weight: 500;
}

.logbook-primary-block {
    background-color: rgba(28, 115, 197, 0.1);
    color: #1C73C5;
}

.logbook-success-block {
    background-color: rgba(12, 166, 120, 0.1);
    color: #0CA678;
}

.logbook-info-block {
    background-color: rgba(30, 136, 229, 0.1);
    color: #1E88E5;
}

.logbook-warning-block {
    background-color: rgba(255, 109, 0, 0.1);
    color: #FF6D00;
}

.logbook-default-block {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000000;
}

.logbook-purple-block {
    background-color: rgba(191, 50, 146, 0.1);
    color: #00AEEF;
}

.logbook-orange-block {
    background-color: rgba(255, 0, 0, 0.1);
    color: #FF0000;
}

.logbook-block-text {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 7px;
    overflow-wrap: break-word;
}

.logbook-block-hrs {
    background-color: #EFF2F7;
    border-radius: 3px;
    padding: 4px 14px;
    width: max-content;
    font-size: 18px;
    line-height: 25px;
}

.logbook-block-hrs span {
    margin-right: 10px;
}

.logbook-blocks .row .custom-md-padding,
.dashboard-blocks .row .custom-md-padding,
.chapter-blocks .row .custom-md-padding,
.datetime-blocks .row .custom-md-padding {
    margin-bottom: 20px;
}

.mt30 {
    margin-top: 30px;
}

.vizn-table-actions .btn span:hover:after,
.vizn-table-actions .btn i:hover:after,
.vizn-actions .btn [class^="icon-"]:hover:after,
.vizn-actions .btn [class*=" icon-"]:hover:after {
    content: '';
    background-color: rgba(28, 115, 197, 0.1);
    display: block;
    position: absolute;
    top: -4px;
    left: -5px;
    width: 30px;
    height: 30px;
    border-radius: 25px;
}


/* Logbook -- End */


/* Attendance -- Start */

.attendance-blocks .logbook-block-left {
    max-width: 50%;
}

.attendance-blocks .logbook-block-text {
    margin-bottom: 0;
}

.mt10 {
    margin-top: 10px;
}

.dt-select2 .select2-selection__rendered[title='Not completed'] {
    color: #A5A5A5;
}

.dt-select2 .select2-selection__rendered[title='Completed'] {
    color: #0CA678;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #a5a5a5;
}

.table-select2 .select2-results__option {
    min-height: 34px;
    border-radius: 0px 0px 3px 3px;
    color: #262626;
    font-size: 14px;
    padding: 7px 10px;
    font-weight: 500;
}

.dt-select2 .select2-container--default:hover .select2-selection--single,
.dt-input .form-control:hover {
    border: 1px solid #1C73C5;
}


/* Attendance -- End */


/* Attendance Details -- Start */

.vizn-details-page-main {
    z-index: 1;
    border-radius: 5px 5px 0px 0px;
}

.vizn-details-page {
    background-color: #F6F8FB;
    padding: 9px 20px 0;
    margin: 20px;
    border: 1px solid #ECECEC;
    border-radius: 3px;
}

.vizn-details-block-inner {
    padding-top: 11px;
    padding-bottom: 11px;
    display: flex;
}

.vizn-details-block-inner b {
    word-break: break-word;
}

.vizn-details-page label {
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    margin-right: 70px;
    max-width: 210px;
    min-width: 210px;
    width: 100%;
}

.vizn-details-page label::after {
    content: ":";
    position: absolute;
    right: 0;
}

.export-btn {
    position: absolute;
    bottom: 0;
}

.vizn-details-select2 {
    display: flex;
    justify-content: flex-end;
    margin: 20px;
}

.vizn-details-select2 .vizn-select2 {
    width: 264px;
}

.mb30 {
    margin-bottom: 30px !important;
}


/* Attendance Details -- End */

.select2-material {
    width: 100%;
    position: relative;
}

.select2-material .select-float-label {
    position: absolute;
    top: -9px;
    z-index: 1;
    left: 25px;
    background-color: white;
    color: rgba(38, 38, 38, 0.6);
    font-size: 12px;
    padding: 0 4px;
    line-height: 17px;
}

.select2-material .select2-container--default .select2-selection--single {
    border: 1px solid #D8D8D8;
}

.select2-material .select2.select2-container--focus .select2-selection--single {
    border: 2px solid #1C73C5;
}

.select-float-label.focus-text {
    color: #1C73C5;
}


/* Add Student Marks -- Start */

.dt-input .form-control {
    width: 70px;
    min-height: 34px;
    height: 34px;
    box-sizing: border-box;
}

.vizn-filter-upload {
    margin: 30px 20px;
}

.vizn-filter-upload-file {
    max-width: 900px;
}

.vizn-filter-upload-file .form-control {
    padding: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.dt-footer-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 20px 30px;
}


/* Add Student Marks -- End */

.filter-checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-checkbox:not(:last-child) {
    margin-bottom: 11px;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
    background-color: #ffffff;
    border: 1px solid #C9C9C9;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border-color: #1C73C5;
}

.mdc-checkbox {
    padding: 0 6px 0 0;
    margin: 0;
}

.mdc-checkbox .mdc-checkbox__native-control {
    width: 18px;
    height: 18px;
}

.mdc-checkbox .mdc-checkbox__background {
    top: 0;
    left: 0;
}


/* Upload Paper -- Start */

.input-calendar {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    font-size: 22px;
}

.daterangepicker.single .drp-buttons .btn {
    padding: 14px 20px;
}

.daterangepicker.single .ranges,
.daterangepicker.single .drp-calendar {
    float: none;
}

.input-upload-blocks {
    margin: 20px;
}

.vizn-multiselect {
    margin: 30px 20px 20px;
}

.vizn-multiselect .ms-container {
    background: none;
    width: 100%;
}

.vizn-multiselect .ms-container .ms-selectable,
.vizn-multiselect .ms-container .ms-selection {
    width: 49.3%;
}

.vizn-multiselect .multiselect-header {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;

    /* added for align text issue */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vizn-multiselect .multiselect-header a {
    font-size: 16px;
    text-transform: uppercase;
    float: right;
    /* margin-top: 5px; */
}

.vizn-multiselect .multiselect-header a:hover {
    text-decoration: none;
    color: inherit;
}

.vizn-multiselect .ms-container .ms-optgroup-label {
    color: #000000;
    padding: 7px 12px;
    font-weight: 500;
}

.vizn-multiselect .ms-container .ms-selectable li.ms-elem-selectable,
.vizn-multiselect .ms-container .ms-selection li.ms-elem-selection {
    color: #000000;
    padding: 7px 32px;
    border-radius: 2px;
}

.vizn-multiselect .ms-container .ms-selectable li.ms-hover,
.vizn-multiselect .ms-container .ms-selection li.ms-hover {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #1C73C5;
    color: #ffffff;
}

.vizn-multiselect .ms-container .ms-list.ms-focus {
    border-color: rgba(113, 30, 219, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(28 115 197 / 60%);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(113, 30, 219, 0.6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(28 115 197 / 60%);
    outline: 0;
}

.vizn-multiselect .ms-container .ms-list {
    background-color: #F6F8FB;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    height: 300px;
    padding: 5px 10px 0;
}

.modal-content .vizn-multiselect .ms-container .ms-list {
    height: 200px;
}

.vizn-multiselect .ms-container .ms-optgroup-container {
    background-color: #FFFFFF;
}

.vizn-multiselect .ms-container .ms-selectable li.ms-elem-selectable,
.vizn-multiselect .ms-container .ms-selection li.ms-elem-selection {
    border-bottom: none;
    position: relative;
}

.vizn-multiselect .ms-container ul {
    box-shadow: 0px 0px 6px #00000014;
    border-radius: 2px;
    margin-bottom: 2px;
    padding: 0 5px;
}

.vizn-multiselect .ms-container .ms-selection li.ms-hover:after {
    content: "\e929";
    font-family: 'icomoon' !important;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 18px;
}


/* Upload Paper -- End */


/* Jquery datatable design -- START */

.vizn-datatable div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
}

.vizn-datatable .dataTables_length,
.vizn-datatable .dataTables_filter,
.mb-20 {
    margin-bottom: 20px;
}

.vizn-datatable table.dataTable thead th,
table.dataTable thead td,
.vizn-datatable table.dataTable tbody th,
table.dataTable tbody td {
    padding: 15px;
    vertical-align: middle;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 0;
    top: 0;
    height: 18px;
    margin: auto;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    content: "\e928";
    font-family: 'icomoon' !important;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    content: "\e927";
    font-family: 'icomoon' !important;
    right: 0;
}

.vizn-datatable table.dataTable tbody tr:hover {
    box-shadow: 0px 3px 6px #1C73C533;
}

.vizn-datatable table.dataTable tbody tr td {
    border-bottom: 1px solid transparent;
}

.vizn-datatable table.dataTable tbody tr:hover td,
div.dataTables_scrollBody table tbody tr:first-child:hover td {
    border-top: 1px solid #1C73C5;
    border-bottom: 1px solid #1C73C5;
}

.vizn-datatable table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: 500;
}

.vizn-datatable .table td,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: 1px solid #D8D8D8;
}

.vizn-datatable table.dataTable tbody tr td:first-child {
    border-left: 1px solid #D8D8D8;
}

.vizn-datatable table.dataTable tbody tr td:last-child {
    border-right: 1px solid #D8D8D8;
}

.vizn-datatable table.dataTable tbody tr:last-child td {
    border-bottom: 1px solid #D8D8D8;
}

.vizn-datatable table.dataTable tbody tr:hover td:first-child,
.vizn-datatable table.dataTable tbody tr:hover td:last-child,
.vizn-datatable table.dataTable tbody tr:last-child:hover td {
    border-color: #1C73C5;
}

.vizn-actions .btn.btn-link:hover,
.vizn-actions .btn.btn-link:focus {
    text-decoration: none;
}

.vizn-datatable div.dataTables_wrapper div.dataTables_info,
.vizn-datatable div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 20px;
    padding-top: 0;
}

.vizn-datatable div.dataTables_wrapper div.dataTables_info {
    margin-right: 30px;
}

.dt-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.vizn-dt-scroll,
.simple-table-scroll {
    overflow: auto;
    width: 100%;
    position: relative;
}

.vizn-dt-scroll table.dataTable,
.simple-table-scroll table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.simple-table-export {
    padding-bottom: 70px;
}


/* Jquery datatable design -- END */


/* Dashboard css -- START */

.dashboard-tabs {
    margin-top: 0;
    width: 100%;
}

.dashboard-tabs .nav-tabs {
    border-bottom: none;
}

.dashboard-tabs .nav-tabs .nav-link {
    border-color: #ECECEC;
    line-height: 24px;
}

.dashboard-tabs .nav-tabs .nav-item:first-child .nav-link {
    border-radius: 3px 0px 0px 3px;
}

.dashboard-tabs .nav-tabs .nav-item:last-child .nav-link {
    border-radius: 0px 3px 3px 0px;
}

.dashboard-blocks {
    margin-top: 20px;
}

.dashboard-block {
    background-color: #FFFFFF;
    box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 20px;
    height: 100%;
}

.dashboard-block-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.dashboard-block-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 2px;
    line-height: 33px;
}

.dashboard-block-type {
    font-size: 12px;
    margin-bottom: 8px;
}

.dashboard-block-tags .readonly-tag {
    background-color: #EFF2F7;
    color: #000000;
    padding: 6px 10px;
    margin-bottom: 10px;
}

.dashboard-block-chapter {
    margin-top: 6px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ECECEC;
}

.dashboard-block-btn .btn {
    padding: 6px 10px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
}

.dashboard-block-btn .btn:hover,
.dashboard-block-btn .completed:hover,
.dashboard-block-btn .btn.active {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    color: #ffffff;
    border-color: #1C73C5;
}

.dashboard-block-btn .btn:hover .btn-icon,
.dashboard-block-btn .completed:hover .btn-icon,
.dashboard-block-btn .btn.active .btn-icon,
.dashboard-block-btn .btn:hover .icon-mark-selected:before {
    color: #ffffff;
}


.dashboard-block-btn .btn .btn-icon {
    vertical-align: middle;
    margin-right: 9px;
    color: #C9C9C9;
}

.dashboard-block-btn .completed .btn-icon {
    color: #0CA678;
}

.dashboard-block-btn .btn:not(:last-child) {
    margin-right: 10px;
}

.dashboard-block-btn .completed {
    border-color: #0CA678;
    color: #0CA678;
}

.start-btn {
    padding: 2px 10px;
    height: 26px;
    margin-left: 10px;
}

.vizn-inner-pages {
    min-height: 100vh;
    width: 100%;
    padding-top: 161px;
}

.dashboard-block-footer {
    display: flex;
    justify-content: space-between;
}

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

.embedded-daterangepicker .daterangepicker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 0;
    margin: auto;
    max-width: 411px;
    border: none;
}

.embedded-daterangepicker .daterangepicker .drp-calendar {
    max-width: 100%;
}

.embedded-daterangepicker .daterangepicker .prev,
.embedded-daterangepicker .daterangepicker .next,
.embedded-daterangepicker .daterangepicker .month {
    padding-top: 15px;
    padding-bottom: 15px;
}

.embedded-daterangepicker .daterangepicker .drp-calendar.left {
    padding: 0;
}

.embedded-daterangepicker .daterangepicker .calendar-table table {
    margin-bottom: 15px;
}

.filter-input-cal-wrapper {
    width: 182px;
    margin-right: 20px;
}

.filter-input-cal-wrapper .form-control {
    background-color: #ffffff;
    padding-right: 30px;
    font-weight: 500;
    color: #262626;
}

.filter-input-cal {
    position: absolute;
    right: 15px;
    top: 14px;
    font-size: 22px;
    color: #1C73C5;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    width: 70px;
    height: 30px;
    font-size: 16px;
}

.daterangepicker .drp-calendar.left.single {
    padding-right: 8px;
}


/* Timepicker select */

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    background-color: transparent;
    border-radius: 5px;
    padding: 10px 10px;
    width: auto;
    /* border-color: #1C73C5; */
}


/* Dashboard css -- END */


/* Lecture Details css -- START */

.lecture-details .dashboard-block-type {
    margin-top: 5px;
    margin-bottom: 0;
}

.lecture-block-btn {
    display: flex;
    justify-content: space-between;
}

.lecture-details-btn {
    margin: 0 20px 20px;
}

.lecture-chapter {
    margin-top: 45px;
}

.chapters-title {
    margin-bottom: 6px;
    font-size: 18px;
}

.chapter-block {
    background-color: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 3px 3px 0px 0px;
    padding-top: 16px;
    padding-bottom: 12px;
}

.chapter-block-title {
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px 11px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 12px;
}

.chapter-block-list {
    list-style: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
}

.chapter-block-list li {
    margin-bottom: 6px;
}

.lecture-details-modal .modal-body {
    padding: 0;
}

.modal-datetime {
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    padding: 19px 15px 0;
    margin-top: 2px;
}

.lecture-details-modal .date-lable {
    margin-bottom: 13px;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
    display: none;
}

.input-left-icon {
    position: absolute;
    left: 25px;
    top: 17px;
    font-size: 18px;
    color: #1C73C5;
}

.datetime-blocks .form-control {
    padding-left: 43px;
    color: #1C73C5;
    font-weight: 500;
}

/* added for PEM-644 */
.datetime-blocks .daterangepicker {
    margin-right: 0;
}

.datetime-blocks .daterangepicker .drp-calendar.left.single {
    padding: 5px;
    padding-right: 5px;
}

.datetime-blocks .daterangepicker.show-calendar .drp-buttons {
    padding: 10px;
}

.datetime-blocks .daterangepicker.show-calendar .drp-buttons .btn {
    padding: 10px;
}

.datetime-blocks .daterangepicker.show-calendar .drp-buttons .btn.cancelBtn {
    margin-left: 10px;
}

/* added for PEM-644 END */
.cursor-pointer {
    cursor: pointer;
}

.chapter-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 15px;
    margin-right: 15px;
}

.chapter-list-title-space {
    margin-top: 29px;
    margin-bottom: 26px;
}

.chapter-list-title {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 0;
}

.chapter-list-content {
    font-weight: 300;
    color: #A5A5A5;
}

.chapter-list-border {
    border-bottom: 1px solid #ECECEC;
}

.chapter-list-space {
    margin-top: 18px;
    margin-bottom: 19px;
}

.lecture-details-modal .chapter-selectall-label {
    color: #000000;
    margin-right: 10px;
    font-size: 14px;
}

.lecture-details-modal .mdc-checkbox {
    padding-right: 0;
}

.chapter-list-search {
    padding: 20px 15px;
}

.chapter-list-search .search-close {
    top: 34px;
    right: 28px;
    font-size: 22px;
}

.chapter-list-search .form-control {
    border: 1px solid #1C73C5;
    color: #1C73C5;
    padding-right: 37px;
}

.student-list-title-space {
    margin-top: 19px;
    margin-bottom: 2px;
}

.student-list-space {
    margin-top: 15px;
    margin-bottom: 15px;
}

.student-img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-right: 15px;
}

.student-info-block {
    display: flex;
    align-items: center;
}

.chapter-list-border .chapter-list label {
    margin-bottom: 2px;
    line-height: 26px;
}

.lecture-details-modal .select2-container--default .select2-selection--single {
    border: 1px solid #1C73C5;
}

.lecture-details-modal .status-custom-select2~.select2-container--default .select2-selection--single {
    border: 1px solid #a5a5a5;
}

.homework-content {
    margin: 29px 15px;
}

.homework-content .mdc-text-field {
    width: 100%;
}

.mdc-text-field--textarea .mdc-text-field__input {
    padding: 0;
}

.file-details-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 7px #00000029;
    border-radius: 5px;
    padding: 9px 10px;
}

.close-icon-design {
    font-size: 23px;
    color: #1C73C5;
    cursor: pointer;
}

.close-icon-design.icon-close::before {
    color: #1C73C5;
}

.file-details-block .close-icon-design:before {
    color: #711EDB;
}

.file-details-block .close-icon-design:before {
    color: #711EDB;
}

.file-details {
    display: flex;
    align-items: center;
}

.file-details .uploaded-file {
    width: 36px;
    height: 41px;
    margin-right: 15px;
}

.file-details .file-name {
    text-transform: uppercase;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-upload {
    display: flex;
    align-items: center;
    padding: 15px 10px 11px;
    background-color: #EFF2F7;
    border: 1px dashed #707070;
    border-radius: 5px;
    margin: 0 15px 20px;
}

.file-upload-img {
    width: 47px;
    height: 52px;
    margin-right: 18px;
}

.file-upload-text {
    font-size: 16px;
    font-weight: 600;
    color: #1C73C5;
    text-transform: uppercase;
}

.file-upload-note {
    font-size: 12px;
}

.file-upload-wrapper {
    position: relative;
    overflow: hidden;
}

.file-upload-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

input[type=file]::file-selector-button {
    cursor: pointer;
}

.fix-upload-block {
    position: fixed;
    bottom: 81px;
    width: 100%;
    background-color: #ffffff;
}

.modal.right.homework-modal .modal-body {
    margin-bottom: 180px;
}


/* Lecture Details css -- END */

.vizn-details-page .row {
    justify-content: space-between;
}

.vizn-details-page .row .vizn-details-block {
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.vizn-details-page .row:not(:last-child) .vizn-details-block {
    border-bottom: 1px solid #D9DEE5;
}


/* Concept Clarity Test css -- START */

.text-book-pageno {
    margin: 11px 20px;
}

.text-book-pagination .page-item .page-link {
    color: #A5A5A5;
}

.text-book-pagination .page-item.active .page-link {
    color: #1C73C5;
    border-color: #1C73C5;
    background-color: #ffffff;
}

.pagination {
    flex-wrap: wrap;
}


/* Concept Clarity Test css -- END */


/* Paper Information Page */

.vizn-card-box {
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
}

.vizn-card-box-top-btn {
    margin-top: 10px;
    margin-bottom: 30px;
}

.vizn-pl-8px {
    padding-left: 8px;
}

.vizn-td-30px {
    width: 30px;
}

.vizn-td-50px {
    width: 50px;
}

.vizn-td-110px {
    width: 110px;
}

.vizn-td-270px {
    width: 270px;
}

.font-weight-medium {
    font-weight: 500;
}

.vizn-card-box .vizn-card-box-header {
    border: 1px solid #D8D8D8;
    margin-bottom: 30px;
    font-family: Arial;
}

.vizn-card-box .vizn-card-bg-light {
    background-color: #F6F8FB;
    padding: 30px;
}

.vizn-card-box .vizn-card-title {
    margin-bottom: 0;
    text-align: center;
    font-size: 35px;
    color: #262626;
    text-transform: uppercase;
    line-height: 30px;
}

.vizn-card-box .vizn-card-header-details table {
    width: 100%;
    border-top: 1px solid #D8D8D8;
}

.vizn-card-box .vizn-card-header-details table tr td {
    padding: 16px 20px;
    color: #262626;
    font-size: 16px;
    width: 33%;
}

.vizn-card-box .vizn-card-header-details table tr:not(:last-child) td {
    border-bottom: 1px solid #D8D8D8;
}

.vizn-card-box .vizn-card-header-details table tr td:first-child {
    text-align: left;
}

.vizn-card-box .vizn-card-header-details table tr td:nth-child(2) {
    text-align: center;
}

.vizn-card-box .vizn-card-header-details table tr td:last-child {
    text-align: right;
}

/* selected_question minimize style */
.question_custome_view {
    max-height: 40px;
    min-height: 40px;
    overflow: hidden;
}

.vizn-paper-question {
    font-family: Arial;
    font-size: 18px;
}

.vizn-paper-question-box .vizn-paper-question-list {
    /* min-width: 992px; */
    min-width: 100%;
    margin-bottom: 20px;
}

.vizn-paper-question-box .vizn-paper-question-title {
    font-size: 20px;
    color: #262626;
    opacity: 0.5;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    font-weight: bold;
}

.vizn-paper-question-box .vizn-paper-question-title>span {
    margin-right: 30px;
}

.vizn-paper-question-box .vizn-paper-question-item {
    overflow: auto;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-table {
    border: 1px solid #D8D8D8;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-table:not(:last-child) {
    border-bottom: 0;
}

.vizn-paper-question-box .vizn-paper-question-item:not(:last-child) {
    margin-bottom: 30px;
}

.vizn-paper-question-box .vizn-paper-question-item table {
    width: 100%;
    min-width: 1023px;
}

.vizn-paper-question-box .vizn-paper-question-item table .vizn-td-270px {
    min-width: 270px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-table tr td {
    padding: 15px 20px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-edit-question-item-table tr td {
    padding: 8px 20px;
}

.vizn-paper-question-box .vizn-paper-question-item table tr td:last-child {
    padding-right: 15px;
}

.vizn-paper-question-box .vizn-paper-edit-question-item-table tr td:last-child {
    padding-right: 8px !important;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-edit-question-item-table>tr>td {
    padding: 8px 20px;
}

.vizn-paper-question-box .vizn-paper-edit-question-item-table .vizn-paper-question-item-inner-table tr td {
    padding: 15px 20px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td {
    padding: 15px 15px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td:first-child {
    padding-left: 0px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td:last-child {
    padding-right: 0px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-table tr:not(:last-child) td {
    border-bottom: 1px solid #D8D8D8;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr:not(:last-child) td {
    border-bottom: 1px solid #D8D8D8;
}

.vizn-paper-question-box .vizn-paper-question-item table tr td h5 {
    font-size: 18px;
    color: #262626;
    margin-bottom: 0;
    font-weight: bold;
}

.vizn-paper-question-box .vizn-paper-question-item table tr td h5 p {
    margin-bottom: 0;
}

.vizn-paper-question-box .vizn-question-answer-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.vizn-paper-question-box .vizn-question-answer-list .vizn-question-answer-item {
    font-size: 18px;
    color: #262626;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
}

.vizn-paper-question-box .vizn-question-answer-list .vizn-question-answer-item>span {
    margin-right: 30px;
}

.vizn-paper-question-box .vizn-question-answer-list .vizn-question-answer-item:not(:last-child) {
    margin-bottom: 15px;
}

.vizn-badge {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid;
    margin-right: 10px;
    font-family: 'Poppins', sans-serif;
}

.vizn-badge-square-box {
    height: 34px;
    width: 34px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    padding: 6px 5px;
}

.vizn-badge.vizn-badge-1 {
    background-color: #00AEEF;
    border-color: #00AEEF;
    color: #ffffff;
}

.vizn-badge.vizn-outline-badge {
    border-color: #1C73C5;
    color: #1C73C5;
}

.vizn-paper-question-item-table-highlight {
    background-color: #F6F8FB;
    border: 1px solid #D8D8D8;
    padding: 10px 15px;
}

.vizn-table-nesting-padding {
    padding-left: 68px !important;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    font-size: 12px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #1C73C533;
    border-radius: 3px;
    color: #1C73C5;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
}


/* Paper Information Page -- END*/


/* Select Question css -- START */

.mr-20 {
    margin-right: 20px;
}

.vizn-datatable.dt-with-btn table.dataTable tbody td {
    padding: 8px 15px;
}

.btn.btn-select {
    width: 88px;
    height: 34px;
    background-color: #FFFFFF;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    color: #A5A5A5;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.btn.btn-select-active {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border: 1px solid #1C73C5;
    color: #FFFFFF;
}


/* Select Question css -- END */


/* MCQ Question Information css -- START */

.mcq-ques-editor {
    margin: 30px 20px;
}

.mcq-ques-editor-title {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    margin-bottom: 20px;
    color: #262626;
}

.mcq-ques-editor .cke_chrome {
    margin-bottom: 22px;
}

.vizn-sticky-block {
    position: relative;
    /* bottom: 0; */
    width: 100%;
    background-color: white;
    padding: 30px 20px;
    z-index: 1;
}

.btn-margin-top {
    margin-top: 280px;
}


/* MCQ Question Information css -- END */


/* Concept Clarity test 2 css -- START */

.vizn-badge-label {
    padding: 5px 20px;
    color: #FFFFFF;
    border-radius: 2px;
    line-height: 25px;
}

.vizn-badge-label.label-bg-purple {
    margin-right: 10px;
}

.label-bg-purple {
    background-color: #00AEEF;
}

.label-bg-blue {
    background-color: #1E88E5;
}

.badge-wrapper {
    text-align: right;
}


/* Concept Clarity test 2 css -- END */

.vizn-multiselect-view .ms-container .ms-optgroup-label {
    cursor: default;
}


/* Alert modal css -- START */

#smartAlert {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1054;
}

#smartAlertBox {
    border-color: transparent;
    box-shadow: none;
    border-radius: 5px;
    top: 0px !important;
    margin: 28px 25px;
    max-width: 500px;
    width: 100% !important;
    min-width: auto;
}

#smartAlert #smartAlertHeader {
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #e9ecef;
}

#smartAlertTitle {
    font-size: 24px;
    line-height: 36px;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-weight: 500;
    text-shadow: none;
}

#smartAlertClose {
    background: none;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
}

#smartAlertClose:after {
    content: "\e929";
    display: block;
    font-size: 20px;
    color: #000;
    font-family: 'icomoon' !important;
    line-height: 20px;
    font-weight: bold;
}

#smartAlertButtons {
    text-align: right;
    background-color: transparent;
    border-top: 1px solid #e9ecef;
}

#smartAlertButtons .smartAlertButton {
    box-shadow: none;
    background-image: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    border-color: #1C73C5;
    font-weight: 500;
    padding: 7px 15px;
    height: 36px;
    color: #1C73C5;
}

#smartAlertButtons .smartAlertButton.smartAlertActive,
#smartAlertButtons .smartAlertButton:hover {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    color: #ffffff;
}

#smartAlert[data-icon="confirm"] #smartAlertIcon {
    background-image: none;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#smartAlert[data-icon="confirm"] #smartAlertIcon:after {
    content: "\e92d";
    font-family: 'icomoon' !important;
    font-size: 25px;
    color: #0CA678;
}

#smartAlertBody {
    display: flex;
}


/* #smartAlert #smartAlertHeader,
#smartAlert .smartAlertButton.smartAlertActive {
    background: rgb(28,115,197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    background-image: none;
}

#smartAlert .smartAlertButton {
    background-color: #ffffff;
    color: #1C73C5;
    border-color: #1C73C5;
}

#smartAlert .smartAlertButton.smartAlertActive {
    color: #ffffff;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
} */


/* Alert modal css -- END */

.our-support-text {
    max-width: 418px;
}

.modal-editor {
    margin-bottom: 30px;
}

.modal-contact-info {
    font-size: 18px;
    background-color: #ffffff;
    padding: 20px 0;
    text-align: center;
    width: 334px;
    margin: auto;
}

.model-details .vizn-details-page .row .vizn-details-block {
    flex: 0 0 100%;
    max-width: 100%;
}

a.mdc-button:hover {
    text-decoration: none;
}


/* Create a new time table modal */

.modal-xl {
    width: 100%;
    max-width: 1100px;
}

.modal-form .vizn-select2 .select2-container {
    width: 100% !important;
}

.modal-form .select2-material {
    margin-bottom: 25px;
}

.time-input-field {
    background-color: #f6f8fb;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 0;
    top: 1px;
    bottom: 1px;
    left: 1px;
}

.time-input-field i {
    font-size: 16px;
}

.input-group-icon {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    color: #000000;
}

.input-group-icon .form-control {
    margin-left: 35px;
    border-color: transparent;
}


/* input with icon */

.input-with-icon {
    position: relative;
}

.input-with-icon .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.input-with-icon .icon {
    left: 5px;
}

.input-with-icon.right .icon {
    left: auto;
    right: 5px;
}

.vizn-select2 .select2-container--default .select2-selection--multiple {
    line-height: 20px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

.select2-material .select2-container--default .select2-selection--multiple {
    border: 1px solid #D8D8D8;
}

.vizn-select2 .select2-container .select2-selection--multiple,
.vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    min-height: 50px;
}

.vizn-select2 .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 100%;
    display: inline-block;
}

.vizn-select2 .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 30px;
}

.vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    height: 30px;
    line-height: 20px;
    border-color: transparent;
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    padding-right: 30px;
    padding-left: 0;
}

.vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    width: 16px;
    height: 16px;
    padding: 0;
    line-height: 0;
    border-right-color: transparent;
    left: auto;
    right: 8px;
    background-color: #FFFFFF;
    border-radius: 35px;
    top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove span {
    vertical-align: middle;
    font-size: 16px;
    margin: 0 auto;
    margin-left: 1px;
    font-weight: 500;
    line-height: 16px;
    color: #1C73C5;
    display: block;
    height: 16px;
    width: 16px;
}

.vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
    font-size: 12px;
    padding-left: 10px;
    font-weight: 400;
    line-height: 28px;
    color: #ffffff;
}

.modal-form .ms-container {
    width: 100%;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    background: #fff;
    color: #555;
    float: left;
    width: 45%;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    width: 40%;
}

.ms-container .ms-selection {
    float: right;
}

.select-all-none {
    width: 97.6%;
}

.select-all-none {
    display: block;
    position: absolute;
    text-align: center;
    /* width: 100%; */
}

.select-all-none>a#que-select-all,
.select-all-none>a#select-all,
.select-all-none>a#set-select-all {
    background-color: #00b165;
    background-image: url(../../img/rbtn_bg.png);
    background-position: 110px center;
    background-repeat: no-repeat;
    background-size: 10px 11px;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 20px auto 10px;
    padding: 7px 10px;
    text-align: center;
    width: 130px;
    font-weight: 700;
}

.select-all-none>a#deselect-all,
.select-all-none>a#que-deselect-all,
.select-all-none>a#set-deselect-all {
    background-color: #f04323;
    background-image: url(../../img/btn_bg.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 10px 11px;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: auto;
    padding: 7px 10px;
    text-align: center;
    width: 130px;
    font-weight: 700;
}


/* End Create a new time table modal */


/* Input text field error message */

.mdc-text-field label.error {
    position: absolute;
    bottom: -18px;
    font-size: 12px;
    color: #e74c3c;
}

.vizn-input-field-error {
    margin-bottom: 25px !important;
}

.vizn-input-field-error label.error {
    top: 100%;
}

/* .vizn-input-field-error-relative {
    flex-direction: column;
    min-height: 40px;
    height: auto !important;
}

.vizn-input-field-error-relative .mdc-text-field__input {
    height: 40px;
}

.vizn-input-field-error-relative label.error {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    top: auto;
    bottom: 0;
} */

.mdc-text-field+.mdc-text-field-helper-line {
    padding-left: 25px;
    padding-right: 25px;
}

.mdc-text-field+.mdc-text-field-helper-line>div {
    margin-bottom: 20px;
}

.mdc-text-field+.mdc-text-field-helper-line>.mdc-text-field-helper-text:empty {
    display: none;
}

.mdc-text-field+.mdc-text-field-helper-line>.mdc-text-field-helper-text::before {
    display: none;
}

.mdc-text-field-helper-text {
    font-family: 'Poppins', sans-serif;
}

.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #e74c3c !important;
}


/* End Input text field error message */


/* OTP Resend screen */

.resend-wait-link.disable {
    cursor: not-allowed;
    opacity: 0.3;
    text-decoration: none;
}

.resend-wait-note {
    margin: 0;
    font-size: 12px;
    color: #95a5a6;
}

.resend-wait-note span {
    width: 18px;
    display: inline-block;
}

/* End OTP Resend screen */


/* Select2 single and multi select box */
.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0;
}

/* End Select2 single and multi select box */


/* Target table inside datatable */
.vizn-datatable table.dataTable tbody tr td table:not([class]) tr td {
    padding: 10px;
}

.vizn-datatable table.dataTable tbody tr td table:not([class]) tr td,
.vizn-datatable table.dataTable tbody tr:hover td table:not([class]) tr td {
    border-color: transparent;
}

.vizn-datatable table.dataTable tbody tr:hover td table:not([class]) tr {
    box-shadow: none;
}

/* End Target table inside datatable */


/* Checkbox Short label */
.mdc-checkbox-short-label label {
    margin-left: 25px;
    line-height: 20px;
}

/* End Checkbox Short label */

/* bootstrap-timepicker input field */
.vizn-bootstrap-timepicker .input-group-addon {
    height: 100%;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D8D8D8;
    background-color: #F6F8FB;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.vizn-bootstrap-timepicker .input-group-addon:hover {
    border: 1px solid #6200ee;
    background-color: #6200ee;
}

.vizn-bootstrap-timepicker .input-group-addon:hover i {
    color: #ffffff;
}

/* End bootstrap-timepicker input field */

.vizn-sidebar-blue-box-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    justify-content: center;
    padding: 20px 15px;
    padding-top: 0px;
}

.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border-radius: 5px;
}

.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box:hover {
    box-shadow: 0px 6px 6px #1C73C558;
}

.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box-title {
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 15px 20px 10px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 0;
}

.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box-content {
    padding: 15px 20px;
}

.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box-content .vizn-sidebar-blue-box-rupees,
.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box-content .vizn-sidebar-blue-box-digit {
    font-weight: bold;
    font-size: 22px;
    color: #FFFFFF;
    opacity: 1;
}

.vizn-sidebar-blue-box-section .vizn-sidebar-blue-box-content .vizn-sidebar-blue-box-rupees {
    margin-right: 5px;
}

.vizn-form-control-radio-button {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 8px 15px;
}

.vizn-mdc-form-field-checkbox {
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    padding: 8px 16px 8px 20px;
    margin-right: 6px;
    background-color: #ffffff;
}

.vizn-mdc-form-field-checkbox:last-child {
    margin-right: 0;
}

.vizn-mdc-form-field-checkbox .mdc-radio {
    padding: 0;
}

.mdc-radio .mdc-radio__background::before {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #1C73C5;
}

.vizn-form-control-radio-button .mdc-form-field label {
    font-size: 14px;
    color: #A5A5A5;
}


/* Edit teacher page */
.vizn-subject-selection-section {
    padding-left: 0;
    padding-right: 0;
}

.vizn-subject-selection-heading {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 10px;
}

.vizn-subject-selection-heading h3 {
    font-size: 14px;
    color: #000000;
    margin-bottom: 0;
}

.vizn-subject-selection-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.vizn-subject-selection-item:last-child {
    margin-bottom: 0;
}

.vizn-subject-selection-item .vizn-subject-selection-item-checkbox {
    margin-top: 20px;
    margin-right: 20px;
}

.vizn-subject-selection-item .card {
    width: 100%;
    border-radius: 2px;
    background-color: #F6F8FB;
    border-color: #ECECEC;
}

.vizn-subject-selection-item .card .card-header {
    border-bottom: 0;
    background-color: transparent;
    padding: 0;
}

.vizn-subject-selection-item .card .card-header .card-header-link {
    color: #000000;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    padding: 15px 15px 15px 20px;
    border-bottom: 1px solid #ECECEC;
}

.vizn-subject-selection-item .card .card-header .card-header-link:hover {
    text-decoration: none;
}

.vizn-subject-selection-item .card .card-header .card-header-link.collapsed {
    background-color: #ffffff;
    border-bottom: 0;
}

.vizn-subject-selection-item .card .card-header .card-header-link .card-header-icon {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vizn-subject-selection-item .card .card-header .card-header-link.collapsed .card-header-icon {
    transform: rotate(-90deg);
}

.vizn-subject-selection-item .card .card-body {
    padding: 10px 20px;
}

.vizn-subject-selection-item .card .card-body .mdc-form-field {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* End Edit teacher page */

/* Template setting page */

.vizn-template-section {
    display: grid;
    grid-template-columns: 330px 350px 1fr;
    grid-gap: 20px;
}

.vizn-template-section .vizn-inner-page-block-left,
.vizn-template-section .vizn-inner-page-block-right {
    width: 100%;
}

.vizn-template-setting-inner {
    background-color: #ffffff;
    border: 1px solid #ECECEC;
    border-radius: 3px 3px 0px 0px;
}

.vizn-template-heading {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    padding: 15px 20px 12px 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #ECECEC;
}

.vizn-template-setting-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
}

.vizn-template-setting-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.vizn-template-setting-label {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px !important;
}

.vizn-template-setting-logo-preview {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 15px;
}

.vizn-template-setting-logo-preview img {
    width: 100%;
}

.vizn-template-setting-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vizn-template-setting-btn-group .mdc-button {
    width: 145px;
}

.vizn-template-setting-content {
    padding: 30px 20px;
}

.vizn-template-preview-content iframe {
    width: 100%;
    height: 100vh;
}

/* End template setting page */

/* Upload Paper */
.vizn-upload-paper-form-section.deactive {
    display: none;
}

.vizn-upload-paper-tab-section {
    display: none;
    top: 200px;
    border-top: 0 !important;
}

.vizn-upload-paper-tab-section.active {
    display: block;
}

.vizn-upload-paper-tab .nav-tabs .nav-item {
    width: 33.33%;
    padding: 20px 30px;
    border-radius: 5px 5px 0px 0px;
    position: relative;
}

.vizn-upload-paper-tab .vizn-upload-paper-tab-heading,
.vizn-upload-paper-accordion-btn .vizn-upload-paper-tab-heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #262626;
    margin-bottom: 10px;
}

.vizn-upload-paper-tab .vizn-upload-paper-tab-desc,
.vizn-upload-paper-accordion-btn .vizn-upload-paper-tab-desc {
    font-size: 14px;
    line-height: 21px;
    color: rgba(38, 38, 38, 0.5);
    margin-bottom: 0;
}

.vizn-upload-paper-tab .nav-tabs {
    box-shadow: 0px 6px 6px #00000014;
    border: 0;
}

.vizn-upload-paper-tab .nav-tabs .nav-item:hover,
.vizn-upload-paper-tab .nav-tabs .nav-item.active {
    background-color: #00AEEF;
}

.vizn-upload-paper-tab .nav-tabs .nav-item.active {
    border-color: #1C73C5;
}

.vizn-upload-paper-tab .nav-tabs .nav-item:hover:after,
.vizn-upload-paper-tab .nav-tabs .nav-item.active:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    height: 15px;
    width: 15px;
    border-top: 1px solid #00AEEF;
    border-left: 1px solid #00AEEF;
    transform: rotate(-136deg);
    z-index: 0;
    background-color: #00AEEF;
}

.vizn-upload-paper-tab .nav-tabs .nav-item:hover .vizn-upload-paper-tab-heading,
.vizn-upload-paper-tab .nav-tabs .nav-item:hover .vizn-upload-paper-tab-desc,
.vizn-upload-paper-tab .nav-tabs .nav-item.active .vizn-upload-paper-tab-heading,
.vizn-upload-paper-tab .nav-tabs .nav-item.active .vizn-upload-paper-tab-desc {
    color: #ffffff;
}

.vizn-upload-paper-tab-content-heading {
    font-size: 22px;
    line-height: 33px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}

.vizn-upload-paper-instruction-btn {
    margin-right: 30px;
}

.vizn-upload-paper-instruction-btn>label {
    margin-right: 50px;
}

.vizn-upload-paper-tab-content .tab-pane {
    padding: 40px 20px;
}

.vizn-upload-paper-accordion-btn {
    display: none;
    padding: 15px 10px;
    border-bottom: 1px solid #D8D8D8;
    border-bottom: 1px solid #00AEEF;
    background-color: #00AEEF;
    color: #ffffff;
    text-decoration: none;
}

.vizn-upload-paper-accordion-btn:hover,
.vizn-upload-paper-accordion-btn:focus,
.vizn-upload-paper-accordion-btn .vizn-upload-paper-tab-heading,
.vizn-upload-paper-accordion-btn .vizn-upload-paper-tab-desc {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.vizn-upload-paper-accordion-btn.collapsed {
    border-bottom-color: #D8D8D8;
    color: rgba(38, 38, 38, 0.5);
    background-color: transparent;
}

.vizn-upload-paper-accordion-btn.collapsed .vizn-upload-paper-tab-heading,
.vizn-upload-paper-accordion-btn.collapsed .vizn-upload-paper-tab-desc {
    color: #262626;
}

/* End Upload Paper */

/* Manage notice board */
.vizn-manage-notice-board-section .vizn-inner-page-block-content {
    margin: 0;
    padding: 0px 20px 20px;
}

.vizn-notice-header {
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
}

.vizn-notice-header .vizn-notice-header-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 0;
}

.vizn-notice-list-item {
    background-color: #F6F8FB;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.vizn-notice-list-item:last-child {
    margin-bottom: 0;
}

.vizn-notice-list-item-content {
    width: 100%;
}

.vizn-notice-list-item-content .vizn-notice-list-item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 5px;
}

.vizn-notice-list-item-content .vizn-notice-list-item-date {
    font-size: 14px;
    line-height: 21px;
    color: rgba(38, 38, 38, 0.5);
    margin-bottom: 5px;
    display: inline-block;
}

.vizn-notice-list-item-content .vizn-notice-list-item-desc {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 0;
}

.vizn-notice-list-item-action {
    min-width: 20px;
    text-align: right;
    margin-left: 8px;
}

.vizn-notice-list-item-action>span {
    font-size: 18px;
    cursor: pointer;
}

.vizn-notice-list-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 6px 6px #00000014;
}

.vizn-notice-list-item:hover .vizn-notice-list-item-title {
    color: #1C73C5;
}

/* End Manage notice board */

/* Add Role */
.vizn-add-role-content {
    padding: 30px 25px;
}

/* End Add Role */

/* Template preview css */
.vizn-template-preview .book>.content {
    padding: 0 20px;
    margin: 10px auto 0 !important;
}

/* End Template preview css */

/* Plan Exipred */
.vizn-plan-expire-section {
    padding-top: 112px;
    padding-bottom: 20px;
}

.vizn-plan-expire-container {
    max-width: 1510px;
    margin: 0 auto;
}

.vizn-plan-expire-header {
    text-align: center;
    margin-bottom: 50px;
}

.vizn-plan-expire-header .vizn-plan-expire-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #262626;
    margin: 0;
}

.vizn-plan-expire-header .vizn-plan-expire-desc {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 3px;
}

.vizn-plan-expire-header .vizn-plan-expire-number {
    font-size: 12px;
    line-height: 18px;
    color: #00AEEF;
}

.vizn-plan-expire-section .vizn-datatable a {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #1E88E5;
    text-decoration: none;
}

.vizn-plan-expire-footer {
    margin-top: 65px;
    text-align: center;
}

.vizn-plan-expire-footer .vizn-footer-btn {
    text-align: center;
    margin-bottom: 30px;
}

.vizn-plan-expire-footer .vizn-plan-expire-copyright {
    font-size: 14px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
}

.vizn-plan-expire-footer .vizn-footer-btn .mdc-button--raised {
    background-color: #00AEEF;
    color: #FFFFFF;
}

/* End Plan Exipred */

/* Modal */
.vizn-modal .vizn-modal-title-center {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 33px;
    color: #262626;
}

.vizn-modal-header-border-0 {
    border-color: transparent;
}

.vizn-modal .vizn-modal-close span {
    font-size: 22px;
    vertical-align: middle;
}

.vizn-list .vizn-list-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
}

.vizn-list .vizn-list-item .vizn-list-item-number {
    margin-right: 12px;
    width: 14px;
}

.vizn-list .vizn-list-item:last-child {
    margin-bottom: 0;
}

/* End Modal */

/* CMS pages */
.cms-main-section {
    padding: 15px;
    background-color: #EFF2F7;
    min-height: 100vh;
}

.cms-main-section-bg-white {
    background-color: #ffffff;
}

.cms-link {
    color: #1C73C5;
}

.cms-accordion .card {
    box-shadow: 0px 3px 7px 0px #00000029;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.cms-accordion .card:last-child {
    margin-bottom: 0;
}

.cms-accordion .card-header {
    padding: 0;
    background-color: #ffffff;
    border-bottom: 0;
}

.cms-accordion .card-body {
    padding: 10px;
}

.cms-accordion .card-header .card-header-link {
    padding: 12px 10px;
    background-color: #ffffff;
    color: #1C73C5;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.cms-accordion .card-header .card-header-link.collapsed {
    border-bottom: 0px solid rgba(0, 0, 0, .125);
}

.cms-accordion .card-header .card-header-link .card-header-icon {
    transform: rotate(180deg);
    font-size: 14px;
}

.cms-accordion .card-header .card-header-link.collapsed .card-header-icon {
    transform: rotate(0deg);
}

.cms-list {
    padding-left: 0;
    margin-bottom: 0;
}

.cms-list .cms-list-item {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 15px;
    list-style: none;
}

.cms-list .cms-list-item .cms-list-item-number {
    font-weight: 600;
    margin-right: 10px;
}

.cms-main-section .cms-title {
    color: #1C73C5;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}

.cms-main-section p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 2px;
}

/* End CMS pages */

/* Manage Library */
.vizn-manage-library-grid {
    padding: 30px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.vizn-manage-library-grid-item {
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 25px 30px;
}

.vizn-manage-library-grid-graph {
    max-height: 300px;
    margin-bottom: 20px;
}

.vizn-manage-library-grid-graph svg>text:not(:last-child) {
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 14px !important;
}

.vizn-manage-library-grid-graph svg>text {
    font-size: 30px !important;
    line-height: 14px !important;
    color: #000000 !important;
}


.vizn-manage-library-grid-item-header {
    margin-bottom: 10px;
}

.vizn-manage-library-grid-item-header h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    color: #000000;
    margin-bottom: 0;
}

.vizn-manage-library-grid-item-header h6 span {
    color: #00AEEF;
}

.vizn-manage-library-grid-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vizn-manage-library-grid-item-footer .vizn-manage-library-grid-item-status {
    width: 50%;
    display: flex;
    align-items: center;
}

.vizn-manage-library-grid-item-footer .vizn-manage-library-grid-item-status span {
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    color: #000000;
}

.vizn-manage-library-grid-item-footer .label-status {
    height: 30px;
    width: 30px;
    border-radius: 2px;
    margin-right: 16px;
    display: inline-block;
}

.vizn-manage-library-grid-item-footer .label-status-used {
    background-color: #00AEEF;
}

.vizn-manage-library-grid-item-footer .label-status-unused {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
}

.vizn-manage-library-grid-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px 20px;
}

.selection-types .mdc-button .mdc-button__label span:before {
    color: #1C73C5;
}

.selection-types .mdc-button:hover .mdc-button__label span:before,
.selection-types .mdc-button.active .mdc-button__label span:before {
    color: #fff;
}

.selection-types .mdc-button.active {
    background-color: #1C73C5;
    color: #fff;
}

/* End Manage Library */

/* Dashboard no data found */
.vizn-no-record-found {
    text-align: center;
    margin-bottom: 0;
    background-color: #ffffff;
    padding: 15px 10px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #D8D8D8;
}

/* End Dashboard no data found */

.vizn-manage-library-right-header {
    padding: 20px 30px;
    box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px 5px 0px 0px;
}

/* Tree View Start */
.tree-view {
    padding: 20px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}

.tree-view:last-child {
    padding-bottom: 20px;
}

.tree-view .tree-view-item-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-left: 30px;
    position: relative;
}

.tree-view .tree-view-item-list li .view-item-label.active {
    color: #1C73C5;
}

.tree-view .view-item-label {
    font-size: 14px;
    line-height: 26px;

    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.tree-view-item-list .view-item-label {
    margin-bottom: 8px;
}

.tree-view .view-item-label label {
    margin-left: 17px;
}

.tree-view .view-item-label .view-item-icon,
.tree-view .tree-view-item-list li .view-item-label:before {
    font-family: 'icomoon' !important;
    speak: never;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 2px;
}

.tree-view .view-item-label .view-item-icon:before {
    content: "\e94c";
}

.tree-view .view-item-label.active .view-item-icon:before,
.tree-view .view-item-label.open .view-item-icon:before {
    content: "\e94d";
}

.tree-view .tree-view-item-list .view-item-label.open .view-item-icon {
    color: #1C73C5;
}

.tree-view .tree-view-item-list li {
    position: relative;
}

.tree-view .tree-view-item-list li .view-item-label::before {
    content: "\e950";
    position: absolute;
    left: -30px;
    top: 0px;
    z-index: 1;
}

.tree-view .tree-view-item-list li .view-item-label.active::before {
    content: "\e94f";
}

/* lines */
.tree-view:before,
.tree-view .tree-view-item-list .tree-view-item-list:after {
    content: "";
    height: calc(100% - 75px);
    width: 1px;
    background-color: #ddd;
    position: absolute;
    top: 36px;
    left: 29px;
    z-index: -1;
}

.tree-view .tree-view-item-list .tree-view-item-list:after {
    height: 100%;
    top: -19px;
    left: 9px;
}

.tree-view .tree-view-item-list .view-item-label::after {
    content: "";
    height: 1px;
    width: 20px;
    background-color: #ddd;
    position: absolute;
    left: -20px;
    top: 11px;
}

.tree-view .tree-view-item-list .view-item-label::after {
    content: "";
    height: 1px;
    width: 20px;
    background-color: #ddd;
    position: absolute;
    left: -20px;
    top: 11px;
}

/* End Tree View */

/* Temporary Border on Header Submenu Dropdown */
.vizn-nested-menu .submenu li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

/* for time input field */
.vizn-time-input-field .form-control.duration {
    height: 45px;
    margin-top: 3px;
    min-height: 45px;
}

/* DM - Structure Changes */
a,
a:hover,
a:focus {
    text-decoration: none;
}

/* Dashboard Title Changes */
.dashboard-content-grid-title h4 {
    font-size: 24px;
}

/* 
    DM - Dashboard Changes
    - Common Table Not Used 
*/
.dashboard-content .vizn-datatable {
    margin: 0px;
}

.select-ques-space {
    padding: 20px;
}

.chapter-select2 .select2.select2-container {
    width: 100% !important;
}

.alert.instruction_div_data {
    background-color: rgba(113, 30, 219, 0.2);
    color: #1C73C5;
    border: 1px solid #1C73C5;
    border-radius: 4px;
    margin-top: 5px;
}

.quicklinks.backto {
    position: absolute;
    right: 0;
}

.modal .modal-title {
    font-size: 20px;
}

.alert-msg-label {
    font-size: 12px;
    color: #e74c3c;
    padding-left: 15px;
    display: block;
}

.fnametext,
.lnametext {
    margin-bottom: 0 !important;
}

.inline-text-field-container {
    margin-bottom: 30px;
}


/*Data table highlighter*/
.original_chpater {
    font-size: 14px;
    margin-right: 5px;
    display: block;
    width: auto;
}

/*Changes label alignment accordingly xd design*/
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-30.75px) scale(0.75);
    transform: translateY(-30.75px) scale(0.75);
}

/* new loader added for full page */
.vizn-loader:not(.vizn-show-loader) {
    display: none;
}

.vizn-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10006;
}

.vizn-loader-image {
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vizn-loader-image img {
    max-width: 100%;
}

/* mcq-questions-table style for inner table */
.mcq-questions-table tbody td table {
    border: 1px solid #ddd;
}

.mcq-questions-table tbody td table tbody td {
    border-color: #ddd !important;
}

/* mcq-questions-table style for inner table END */
/*Added by vivek for making table in table design fix*/
.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td table {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td table[border="1"] {
    border: none;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td table[border="1"],
.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td table[border="1"] td {
    border-color: #D8D8D8;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td table[border="1"] td:first-child {
    padding-left: 15px;
}

/* 404 Error page  */
.page-not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    margin: 0 auto;
    /* max-height: 75vh; */
    min-height: 75vh;
    text-align: center;
}

.page-not-found img {
    max-width: 75%;
}

.page-not-found .mdc-button {
    height: 50px;
    min-width: 154px;
}

/* 404 Error page End */

/*Added by vivek */
.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-inner-table tr td.inline-table-min-width-unset table {
    min-width: unset;
}

.merge_paper_display .vizn-paper-question-box .vizn-paper-question-item table table td.sub {
    width: 100%;
}

/* .merge_paper_display .vizn-paper-question-box .vizn-paper-question-item table li{
    width: 75%;
    max-width:100%;
    min-width: unset;
 }*/

/*Added by vivek ends here*/

/* Submenu open **/
.vizn-nested-menu .dropdown-menu-right .submenu {
    left: 100%;
    right: auto;
}

.vizn-question-answer-list li {
    display: flex;
    line-height: 1.2;
    flex-wrap: wrap;
}

.vizn-question-answer-list li>p {
    flex-grow: 1;
}

.vizn-question-answer-list li input[type="radio"] {
    margin-right: 5px;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-table .vizn-question-answer-list li table {
    border: 0
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-paper-question-item-table .vizn-question-answer-list li table td {
    padding: 0;
}

/*Chapter input of page Number*/
.bootstrap-tagsinput {
    min-height: 50px;
}

.select2-material .bootstrap-tagsinput .tag {
    line-height: 2.9;
}

/*Chapter input of page Number end*/

/*aside submenu section start*/
.vizn-aside.hide-aside-menu {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.vizn-aside .vizn-aside.show-aside-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.expanded-aside-menu>.vizn-aside-item>.glyphicon-circle-arrow-up:before {
    content: "\e134"
}

.expanded-aside-menu.active>.vizn-aside-item>.glyphicon-circle-arrow-up:before {
    content: "\e134"
}

/*aside submenu section end*/

/*Lectures Via Section Start*/
.vizn-lectures-via-content-block {
    padding-top: 40px;
}

.vizn-lectures-via-content-block ul {
    padding-bottom: 30px;
    border-bottom: none;
}

.vizn-lectures-via-list {
    text-align: center;
}

.vizn-lectures-via-list>a {
    color: #A5A5A5;
}

.nav-tabs .vizn-lectures-via-list>.nav-link.active {
    color: #1C73C5;
    border-color: transparent;
}

.nav-tabs .vizn-lectures-via-list>.nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.vizn-lectures-via-list>a>.img-container {
    display: block;
    border: 1px solid #A5A5A5;
    border-radius: 50%;
    margin: 0 auto 5px;
    width: 72px;
    height: 72px;
}

.vizn-lectures-via-content-block ul li:nth-child(1)>a>.img-container {
    padding: 21px 17px 21px 18px;
}

.vizn-lectures-via-content-block ul li:nth-child(2)>a>.img-container {
    padding: 18px 18px 17px 18px;
}

.vizn-lectures-via-content-block ul li:nth-child(3)>a>.img-container {
    padding: 18px 17px 17px 16px;
}

.vizn-lectures-via-content-block ul li:nth-child(4)>a>.img-container {
    padding: 18px 17px 17px 16px;
}

.vizn-lectures-via-list>a.active>.img-container {
    border-color: #1C73C5;
}

.vizn-lectures-via-list>a>.img-container>figure {
    margin: 0;
}

.vizn-lectures-via-how-it-works {
    margin-top: 10px;
}

.vizn-lectures-via-how-it-works>.mdc-button--raised {
    padding: 14px 40px;
    height: 50px;
}

.vizn-lectures-play-btn {
    display: inline-block;
    margin-right: 20px;
    background-color: #F6F8FB;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 10px;
}

.vizn-play-btn-text {
    font: normal normal normal 18px/27px Poppins;
    color: #1C73C5;
}

.vizn-how-it-works-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.vizn-how-it-works-list li {
    counter-increment: step-counter;
    margin-bottom: 20px;
    display: flex;
}

.vizn-how-it-works-list li::before {
    content: counter(step-counter);
    font-weight: bold;
    margin-right: 16px;
}

.vizn-how-it-works-que {
    font: normal normal 600 14px/21px Poppins;
    margin-bottom: 10px;
    display: inline-block;
}

.vizn-how-it-works-ans {
    padding-left: 24px;
}

.custom-detail-padding {
    padding-bottom: 20px;
}

/*Lectures Via Section End*/

/*Student Attendance Section Start*/
.vizn-student-attendance-details-block {
    background-color: #F6F8FB;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.vizn-student-attendance-details-block table tr>td:nth-child(1),
.vizn-student-attendance-details-block table tr>td:nth-child(2) {
    text-align: left;
    color: #000000;
    font-size: 16px;
    opacity: 0.5;
}

.vizn-student-attendance-details-block table tr>td:nth-child(3) {
    text-align: left;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    font-size: 16px;
}

/*Student Attendance Section End*/

/*Edit Paper Section Start*/
.vizn-edit-paper-section-ul {
    box-shadow: 0 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px 5px 0 0;
}

.vizn-edit-paper-section-ul .vizn-edit-paper-section-li {
    width: 50%;
    max-width: 50%;
    position: relative;
}

.vizn-edit-paper-section-ul .vizn-edit-paper-section-li a {
    font-size: 20px;
    padding: 20px 30px;
    color: #262626;
    opacity: 0.5;
    border-radius: 5px 5px 0 0;
}

.vizn-edit-paper-section-ul .vizn-edit-paper-section-li a.active {
    background-color: #00AEEF;
    color: white;
    opacity: 1;
}

.vizn-edit-paper-section-ul .vizn-edit-paper-section-li a.active .vizn-down-arrow {
    right: 0;
    position: absolute;
    width: 21px;
    height: 11px;
    border-top: solid 11px #00AEEF;
    border-left: solid 11px transparent;
    border-right: solid 11px transparent;
    bottom: -11px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    opacity: 1;
    visibility: visible;
}

.vizn-edit-paper-section-ul .vizn-edit-paper-section-li a .vizn-down-arrow {
    opacity: 0;
    visibility: hidden;
}

.vizn-edit-paper-form-content {
    margin-top: 30px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px 5px 0 0;
    opacity: 1;
    padding: 29px 20px 10px 20px;
}

.vizn-text-date-picker {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 22px;
    cursor: none;
}

.vizn-custom-footer-padding {
    padding-top: 257px;
}

/*Level Section start*/
.vizn-to-ask-input.form-control {
    width: 70px;
    max-width: 70px;
    min-height: 34px;
    padding: 6px 10px;
}

.vizn-level-table-body tr {
    border: 1px solid #D8D8D8;
    opacity: 1;
}

.vizn-level-table-body:before {
    content: "";
    display: block;
    height: 10px;
    width: 100%;
    background: white;
}

.vizn-level-table-head {
    background: #F6F8FB;
    border-radius: 3px 0 0 3px;
    opacity: 1;
}

.vizn-level-checkbox {
    height: 18px;
    width: 18px;
}

.vizn-level-checkbox:checked {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
}

.vizn-btn-level {
    background-color: #00AEEF;
    color: white;
}

.vizn-mr-10 {
    margin-right: 10px;
}

.vizn-edit-paper-question-table {
    border: 1px solid #D8D8D8;
    opacity: 1;
}

.vizn-edit-paper-question-table tr:first-child td {
    border-bottom: 1px solid #D8D8D8;
}

.vizn-edit-paper-question-table tr td {
    padding: 15px 14px 15px 20px;
}

.vizn-edit-paper-question-table tr td {
    border-top: none;
}

.vizn-edit-paper-question-table .vizn-paper-question-item-inner-table tr td {
    border-top: none;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-edit-paper-question-table .vizn-paper-question-item-inner-table tr:not(:last-child) td {
    border-bottom: none;
}

.vizn-paper-question-box .vizn-paper-question-item .vizn-edit-paper-question-table .vizn-paper-question-item-inner-table tr td {
    padding: 10px 0;
}

/*Level Section End*/

/*Edit Paper Section End*/

/*New dashboard page*/
.vizn-dashboard-grid {
    display: grid;
    grid-gap: 20px;
}

.vizn-dashboard-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.vizn-dashboard-grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.vizn-dashboard-grid-5 {
    grid-template-columns: repeat(5, 1fr);
    padding-left: 20px;
    padding-right: 20px;
    grid-gap: 0px;
}

.vizn-dashboard-span-2 {
    grid-column: span 2;
}

.vizn-dashboard-span-full {
    grid-column: 1 / -1;
}

.vizn-dashboard .logbook-block-right {
    width: 110px;
    height: 110px;
}

.vizn-dashboard-grid-item {
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 20px 20px;
    box-shadow: 0px 6px 6px #00000014;
    position: relative;
}


.vizn-dashboard-grid-item-header {
    margin-bottom: 10px;
}

.vizn-dashboard-grid-item-header h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 0;
}

.vizn-dashboard-grid-graph {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 300px;
    height: 300px;
}

.vizn-dashboard .logbook-block {
    border: 1px solid #D8D8D8;
}

.vizn-dashboard .logbook-block-count {
    font-weight: 600;
    line-height: 33px;
}

.vizn-dashboard-grid-card {
    background-color: #ffffff;
    box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}

.vizn-dashboard-grid-graph .apexcharts-canvas svg .apexcharts-legend .apexcharts-legend-marker {
    display: none;
}

.vizn-dashboard-grid-graph .apexcharts-canvas svg .apexcharts-legend .apexcharts-legend-text-value {
    display: block;
}

.vizn-dashboard-chart-list .vizn-dashboard-chart-item {
    border-radius: 3px;
    padding: 30px 0px;
}

.vizn-dashboard-chart-list .vizn-dashboard-chart-item .vizn-dashboard-chart-item-graph {
    max-height: 300px;
    margin-bottom: 0;
}

.vizn-dashboard-header-dropdown {
    width: 86px;
}

.vizn-dashboard-table {
    flex-direction: column;
}

.vizn-dashboard-table:not(:last-child) {
    margin-bottom: 30px;
}

.vizn-dashboard-table-heading {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #262626;
    margin-bottom: 20px;
}

.vizn-table-actions .btn i,
.vizn-table-actions .btn span {
    line-height: 20px;
}

.vizn-table-actions .btn i,
.vizn-table-actions .btn span,
.vizn-actions .btn span {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    vertical-align: middle;
}

.vizn-actions .btn:disabled {
    cursor: default;
    opacity: 0.5;
}

.vizn-actions .btn:disabled:hover span::before {
    color: rgba(0, 0, 0, 0.5);
}

.vizn-actions .btn:disabled:hover span::after {
    background-color: transparent;
}

.vizn-dashboard .nav-tabs-fill {
    margin-top: -5px;
}

.nav-tabs-fill {
    border-bottom: transparent;
}

.nav-tabs-fill .nav-item.show .nav-link,
.nav-tabs-fill .nav-link.active {
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    color: #ffffff;
}

.nav-tabs-fill .nav-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ECECEC;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    padding: 8px 30px;
}

.nav-tabs-fill .nav-link:hover {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 3px 3px 0px;
    background: rgb(28, 115, 197);
    background: linear-gradient(90deg, #1C73C5 0%, #1361A1 100%);
    border-color: #1C73C5;
    color: #ffffff;
}

.nav-tabs-fill .nav-item:first-child .nav-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
}

.nav-tabs-fill .nav-item:last-child .nav-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

/*Pop-over css*/
.popover__wrapper {
    position: relative;
}

.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translate(100%, -285%);
    background-color: #ffffff;
    padding: 0;
    box-shadow: 0 6px 6px #00000029;
    border-radius: 3px;
    width: auto;
    max-height: 115px;
    overflow-y: auto;
}

.popover__wrapper:hover .popover__content {
    z-index: 1;
    padding: 5px 12px;
    opacity: 1;
    transform: translate(100%, -285%);
    visibility: visible;
}

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

/*End New dashboard page*/


/*Table header sticky and body scroll*/

.vizn-table-body-scroll {
    max-height: 300px;
}

.vizn-table-body-scroll thead tr {
    position: sticky;
    top: 0;
    background-color: #F6F8FB;
    border-radius: 3px;
    opacity: 1;
    z-index: 1;
    border-bottom: 1px solid #D8D8D8;
}

/*End Table header sticky and body scroll*/

.icon-mark-selected-info:before {
    content: "\e92d";
    color: #1C73C5;
}

.icon-mark-selected-purple:before {
    content: "\e92d";
    color: #00AEEF;
}

.icon-mark-selected-success:before {
    content: "\e92d";
    color: #0CA678;
}

.icon-mark-selected-red:before {
    content: "\e92d";
    color: #FF0000;
}

.icon-mark-selected-text:before {
    content: "\e92d";
    color: rgba(0, 0, 0, 0.5);
}

.icon-followers-text:before {
    content: "\e902";
    color: rgba(0, 0, 0, 0.5);
}

.icon-followers-info:before {
    content: "\e902";
    color: #1C73C5;
}

.icon-followers-purple:before {
    content: "\e902";
    color: #00AEEF;
}

.icon-followers-success:before {
    content: "\e902";
    color: #0CA678;
}

.icon-followers-red:before {
    content: "\e902";
    color: #FF0000;
}

/* Admin Dashboard Morris chart stroke color */
#graph-1>svg>path:first-of-type {
    stroke: #1C73C5 !important;
}

#graph-2>svg>path:first-of-type {
    stroke: #FF0000 !important;
}

#graph-3>svg>path:first-of-type {
    stroke: #FF6D00 !important;
}

#graph-4>svg>path:first-of-type {
    stroke: #1E88E5 !important;
}

#graph-5>svg>path:first-of-type {
    stroke: #0CA678 !important;
}

/* User dropdown sub menu css */
.dropdown-menu .dropdown-menu-sub {
    position: relative;
}

.dropdown-menu .dropdown-item.dropdown-menu-sub:hover>.submenu {
    display: block;
}

.vizn-nested-menu .submenu.dropdown-menu-left {
    left: auto;
    right: 100%;
}

.question-input-field {
    background-color: #f6f8fb;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 0;
    top: 1px;
    bottom: 1px;
    right: 1px;
    z-index: 1;
    cursor: pointer;
}

.vizn-inner-pages .form-control.batch_dropdown+.select2-container .select2-selection {
    padding-right: 35px;
}

.batch-plnner-form-body {
    padding: 20px 30px 12px 30px;
}

@media screen and (max-width: 1440px) {
    .modal.batch-form.show .modal-dialog {
        transform: translate(-8px, 0px);
    }
}
@media screen and (max-width: 1440px) {
    .vizn-login-section #otpFrm .mdc-text-field label.error{
        font-size: 10px;
        left: 0;
        width: 100%;
    }
    .vizn-login-section #otpFrm  .validation-error span.mdc-text-field{
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px;
        font-size: 10px;
    }
}

/** chat count **/
.vizn-task-count.vizn-chat-count {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 3px;
    background: #d93a3a;
    margin-right: -10px;
}

/* Homework modal */
.assignment-uploaded-file-list {
    height: calc( 100vh - 680px );
    min-height: 200px;
    overflow: auto;
}

/* Class admin dashboard */
.vizn-class-admin-dashboard .vizn-dashboard-grid-item-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px;
}

.vizn-bg-gray {
    background-color: #F5F5F7;
}

.vizn-dashboard-grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.vizn-dashboard-span-3 {
    grid-column: span 3;
}

.vizn-chart-card {
    background-color: #F5F5F7;
    border-radius: 10px;
}

.vizn-dashboard-status-bar {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.vizn-dashboard-status-bar:last-child {
    margin-bottom: 0px;
}

.vizn-dashboard-status-bar > img {
    height: 38px;
    width: 38px;
    margin-right: 20px;
}

.vizn-dashboard-status-bar .vizn-dashboard-status-content {
    width: 100%;
}

.vizn-dashboard-status-bar .progress {
    height: 28px;
    border-radius: 0;
    margin-bottom: 4px;
}

.vizn-dashboard-status-bar .progress .progress-bar {
    background: transparent linear-gradient(91deg, #00A6EC 0%, #00EEEF 100%) 0% 0% no-repeat padding-box;
}

.vizn-dashboard-status-bar .vizn-dashboard-status-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 6px;
}

.vizn-dashboard-status-title > h6 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.vizn-dashboard-status-title > span {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}

.vizn-student-behaviour-card {
    padding: 25px 30px 18px;
    border-radius: 30px;
    border: 1px solid #1C73C5;
}

.vizn-student-behaviour-card > h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1C73C5;
}

.vizn-student-behaviour-card > h6 > img {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.vizn-student-behaviour-card > p {
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    color: #1C73C5;
    margin-bottom: 0;
}

/* E-content Page */
.vizn-e-content-dashboard .vizn-e-content-grid-top {
    /* grid-column: 1/-1; */
    -ms-grid-columns: 32% 20px 1fr;
    grid-template-columns: 32% 1fr;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
}

.vizn-e-content-dashboard .vizn-card-box {
    -webkit-box-shadow: 0px 6px 6px #00000014;
            box-shadow: 0px 6px 6px #00000014;
    border-radius: 5px;
}

.vizn-e-subject-list .vizn-card-box {
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20px 10px 10px;
    -webkit-box-shadow: 0px 6px 6px #0000000F;
            box-shadow: 0px 6px 6px #0000000F;
    border-radius: 5px;
    position: relative;
    min-height: 132px;
}

.vizn-e-subject-list .vizn-card-box > img {
    width: 66px;
    min-width: 66px;
    height: 66px;
    display: block;
    margin-bottom: 4px;
}

.vizn-e-subject-list .vizn-card-box > h6 {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px; 
    color: #1C73C5;
    margin-bottom: 0;
}

.vizn-e-subject-list .vizn-card-box > a {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vizn-e-content-dashboard-chart {
    min-height: 436px;
}

.vizn-e-content-dashboard-chart .vizn-dashboard-grid-graph {
    margin-left: -15px;
    margin-right: -15px;
}

.vizn-e-content-dashboard .vizn-dashboard-grid-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.vizn-e-content-dashboard .vizn-dashboard-grid-item-header h6 {
    font-size: 16px;
    line-height: 25px;
    margin-right: 15px;
}

.vizn-e-content-dashboard .vizn-dashboard-grid-item-header .view-all-option {
    font-weight: 500;
    font-size:  14px;
    line-height:  21px;
    color: #1C73C5;
}

.vizn-grid {
    display: -ms-grid;
    display: grid;
}

.vizn-grid-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

.vizn-grid-full {
    grid-column: 1/-1;
}

.vizn-grid-gap-20 {
    grid-gap: 20px;
}

.vizn-video-card {
    -webkit-box-shadow: 0px 6px 6px #00000014;
            box-shadow: 0px 6px 6px #00000014;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    background-color: #ffffff;
}

.vizn-video-card .vizn-video-banner {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.vizn-video-card .vizn-video-banner img {
    width: 100%;
    max-height: 255px;
    -o-object-fit: cover;
       object-fit: cover;
}

.vizn-video-card .vizn-video-banner-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vizn-video-card .vizn-video-banner-icon::after {
    content: '\e954';
    font-family: 'icomoon' !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: #ffffff;
    color: #1C73C5;
    font-size: 19px;
}

.vizn-video-card.play .vizn-video-banner-icon::after {
    background-color: #1C73C5;
    color: #ffffff;
}

.vizn-video-card.locked .vizn-video-banner-icon::after {
    content: '\e955';
}

.vizn-video-card .vizn-video-content {
    padding: 0px 10px 5px;
}

.vizn-video-card .vizn-video-content-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 2px;
}

.vizn-video-card .vizn-video-content-subject h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}   

.vizn-student-behaviour-chart {
    display: flex;
    /* align-items: center; */
    /* justify-content: ; */
    border-radius: 10px;
}

.vizn-student-behaviour-chart .vizn-dashboard-grid-graph {
    width: 100%;
    height: auto;
}

.vizn-student-behaviour-details {
    padding: 20px 20px;
    min-width: 200px;
    color: #1C73C5;
}

.vizn-student-behaviour-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 2px;
}

.vizn-student-behaviour-hours {
    font-size: 28px;
    line-height: 35px;
    font-weight: 500;
}

.vizn-student-behaviour-list {
    height: 80%;
    display: flex;
    align-items: center;
}

.vizn-student-behaviour-list ul {
    width: 100%;
    margin-bottom: 0;
}

.vizn-student-behaviour-list ul li {
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}

.vizn-student-behaviour-list ul li:last-child {
    margin-bottom: 0;
}

.vizn-survey-card {
    padding: 15px;
    border-radius: 8px;
}

.vizn-survey-card-strength {
    background-color: rgba(45, 189, 203, 0.28);
}

.vizn-survey-card-weakness {
    background-color: rgba(246, 134, 134, 0.55);
}

.vizn-survey-card > h6 {
    color: #656565;
    font-size: 11px;
    font-weight: 400;
    padding: 0px 10px 8px;
    border-bottom: 1px solid #09145F;
}

.vizn-survey-content {
    overflow: auto;
    width: 100%;
    position: relative;
}

.vizn-survey-table {
    width: 100%;
}

.vizn-survey-table tr td {
    font-size: 12px;
    font-weight: 400;
    color: #09145F;
    padding: 10px 10px;
    vertical-align: middle;
}

.vizn-survey-table tbody tr td:first-child {
    width: 35%;
}

.vizn-survey-table tbody tr td:nth-child(3) {
    width: 160px;
}

.vizn-progress-emoji {
    border-radius: 30px;
    overflow: unset;
    background-color: #ffffff;
}

.vizn-progress-emoji .progress-bar {
    position: relative;
    border-radius: 30px;
}

.vizn-survey-card-strength .vizn-progress-emoji .progress-bar {
    background-color: #2DBDCB;
}

.vizn-survey-card-weakness .vizn-progress-emoji .progress-bar {
    background-color: #FF0000;
}

.vizn-progress-emoji .progress-bar::after {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    right: -8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.vizn-progress-emoji.good .progress-bar::after {
    background-image: url('../images/emoji-1.png');
}

.vizn-progress-emoji.bad .progress-bar::after {
    background-image: url('../images/emoji-2.png');
}

.vizn-progress-emoji.very-bad .progress-bar::after {
    background-image: url('../images/emoji-3.png');
}

.vizn-branch-wise-card {
    background-color: #FCFCFC;
    border-radius: 10px;
    overflow: auto;
    position: relative;
}

.vizn-branch-wise-card table {
    width: 100%;
    /* min-width: 1000px; */
}

.vizn-branch-wise-card table thead tr th,
.vizn-branch-wise-card table tbody tr td {
    padding: 10px 10px;
    text-align: center;
    vertical-align: middle;
}

.vizn-branch-wise-card table thead tr th {
    border-top: 0;
    font-weight: 400;
}

.vizn-branch-wise-card table tr td {
    font-size: 16px;
    color: #565657;
}

.vizn-branch-wise-card table thead tr th:nth-child(2),
.vizn-branch-wise-card table tbody tr td:nth-child(2) {
    background-color: rgba(247, 252, 181, 0.5);
}

.vizn-branch-wise-card table thead tr th:nth-child(3),
.vizn-branch-wise-card table tbody tr td:nth-child(3) {
    background-color: rgba(252, 170, 170, 0.5);
}

.vizn-branch-wise-card table thead tr th:nth-child(4),
.vizn-branch-wise-card table tbody tr td:nth-child(4) {
    background-color: rgba(178, 253, 218, 0.5);
}

.vizn-branch-wise-card .progress {
    border-radius: 0;
    width: 80%;
    margin: 0 auto;
}

.vizn-branch-wise-card .progress .progress-bar {
    color: #000000;
}

.vizn-branch-wise-card .progress.good .progress-bar {
    background-color: #00BDF0;
}

.vizn-branch-wise-card .progress.bad .progress-bar {
    background-color: #F00000;
}

.vizn-branch-wise-card .vizn-dashboard-header-dropdown {
    width: 150px;
    margin: 0 auto;
    text-align: left;
}


.vizn-select2-dropdown-md.vizn-select2 .select2-container .select2-selection--single, 
.vizn-select2-dropdown-md.vizn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.vizn-select2-dropdown-md.vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    font-size: 14px;
    padding-left: 13px;
}

.select2-dropdown-md .select2-results__option {
    min-height: initial;
    font-size: 14px;
    padding: 8px 12px;
}

.test-breadcrumbs-filter .vizn-select2-title {
    font-size: 16px;
}

.vizn-dashboard-filter-select2 {
    width: 160px;
}

.vizn-class-admin-dashboard .vizn-dashboard-grid-graph .apexcharts-canvas svg .apexcharts-legend .apexcharts-legend-marker {
    display: inline-block;
}


/* End Class admin dashboard */
.vizn-video-card .vizn-video-content-subject .download {
    display: none;
}

.vizn-video-card.completed .vizn-video-content-subject .download,
.vizn-video-card.play .vizn-video-content-subject .download {
    display: block;
}

.vizn-video-card .vizn-icon {
    font-size: 23px;
}

.vizn-video-card .vizn-icon::before {
    color: #1C73C5;
}

.vizn-video-card .vizn-video-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    /* max-width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    margin-bottom: 8px;
}

.vizn-video-card.locked .vizn-video-title {
    color: rgba(0,0,0,0.5);
}

.vizn-video-card .progress {
    height: 6px;
    margin-bottom: 6px;
    border-radius: 0;
}

.vizn-video-card .progress .progress-bar {
    background-color: #0CA678;
}

.vizn-video-card .vizn-video-complete-status {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color: rgba(0,0,0,0.5);
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.vizn-video-card .vizn-video-complete-status .vizn-icon {
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
    display: none;
}

.vizn-video-card.completed .vizn-video-complete-status {
    color: #0CA678;
}

.vizn-video-card.completed .vizn-video-complete-status .vizn-icon {
    display: block;
}

.vizn-video-card.completed .vizn-video-complete-status .vizn-icon::before {
    color: #0CA678;
}

.vizn-e-content-dashboard .vizn-card-box > img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.vizn-chapter-card {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px #711EDB33;
            box-shadow: 0px 3px 6px #711EDB33;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
}

.vizn-chapter-card > img {
    width: 100%;
    max-width: 100px;
    height: 100px;
    margin-right: 10px;
}

.vizn-chapter-card-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.vizn-chapter-card-content h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

.vizn-chapter-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.vizn-chapter-details > p {
    font-size: 14px;
    line-height: 20px;
    color: #989898;
    margin-bottom: 0;
}

.vizn-chapter-start-btn {
    background: transparent -webkit-gradient( linear, left top, right top, from(#1C73C5), to(#1361A1)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient( left, #1C73C5 0%, #1361A1 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient( 90deg, #1C73C5 0%, #1361A1 100%) 0% 0% no-repeat padding-box;
    border-radius: 3px;
    color: #fff;
    padding: 2px 10px 2px 9px;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

.vizn-chapter-start-btn .vizn-icon {
    font-size: 12px;
    margin-right: 3px;
}

.vizn-chapter-start-btn .vizn-icon::before {
    color: #fff;
}


.vizn-chapter-start-btn:hover {
    color: #ffffff;
    -webkit-box-shadow: 0px 2px 7px 1px #00000014;
            box-shadow: 0px 2px 7px 1px #00000014;
}

.vizn-chapter-card-list {
    max-height: 390px;
    overflow: auto;
}

.vizn-chapter-card-list .vizn-chapter-card {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 10px 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.vizn-chapter-card-list .vizn-chapter-card:last-child {
    border: 0;
}

.vizn-chapter-card-list .vizn-chapter-card > div {
    width: 100%;
    margin-bottom: 5px;
}

.vizn-chapter-card-list .vizn-chapter-card > img {
    width: 100%;
    max-width: 90px;
    height: 90px;
    margin-right: 20px;
}

.vizn-chapter-card-list .vizn-chapter-card-content h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.vizn-chapter-card-list .vizn-chapter-details > p {
    font-size: 12px;
    line-height: 20px;
    color: #989898;
}

.vizn-chapter-card-list .vizn-chapter-start-btn {
    margin-bottom: 5px;
}

.vizn-header-bar {
    background: transparent -webkit-gradient(linear, left top, right top, from(#1C73C5), to(#1361A1)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(left, #1C73C5 0%, #1361A1 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #1C73C5 0%, #1361A1 100%) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #711EDB33;
            box-shadow: 0px 3px 6px #711EDB33;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 68px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.vizn-header-bar > h4 {
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.vizn-header-bar > h4 > span {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    margin-right: 20px;
}

.vizn-header-bar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.vizn-header-bar-right > h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.vizn-header-bar-right > h6:not(:last-child) {
    margin-right: 30px;
}

.vizn-chapter-progress {
    height: 100px;
    max-width: 100px;
    width: 100%;
    background-color: rgba(216, 216, 216, 0.26);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 10px;
}

.vizn-chapter-progress-bar {
    height: 60px;
    width: 60px;
    position: relative;
}

.vizn-chapter-number {
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #1C73C5;
    margin-bottom: 0;
    -webkit-transform: translate(-25px, -16px);
        -ms-transform: translate(-25px, -16px);
            transform: translate(-25px, -16px);
    width: 50px;
    text-align: center;
}

.vizn-chapter-progress-status {
    background-color: #0CA678;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
    border-radius: 100%;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: -6px;
    right: 4px;
}

.vizn-chapter-progress-status::after {
    content: '\e959';
    font-family: 'icomoon';
    color: #fff;
    font-size: 14px;
}

.vizn-chapter-card.completed .vizn-chapter-progress-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vizn-circle-chart {
    display: none;
    margin: 0px auto;
    max-width: 100%;
    max-height: 100%;
}

.vizn-chapter-card.play .vizn-circle-chart,
.vizn-chapter-card.completed .vizn-circle-chart {
    display: block;
}

.vizn-circle {
    stroke: #4CC790;
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    -webkit-animation: progress 1s ease-out forwards;
            animation: progress 1s ease-out forwards;
}

.vizn-circle {
    stroke: #D8D8D8;
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    -webkit-animation: progress 1s ease-out forwards;
            animation: progress 1s ease-out forwards;
}
.vizn-circle-2 {
    stroke: #1C73C5;
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
}

@-webkit-keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.vizn-chapter-card .vizn-chapter-in-btn {
    color: #000000;
}

.vizn-chapter-card .vizn-chapter-in-btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-content-bg-light {
    background-color: #F9FAFC;
}

.modal.right .modal-content-bg-light .modal-header{
    border-bottom: 1px solid #ECECEC;
}

.vizn-e-content-chapter-detail {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.vizn-video-card .vizn-video-player {
    max-height: initial;
    margin-bottom: 20px;
}

.vizn-e-content-chapter-left .vizn-video-card .vizn-video-banner img {
    max-height: 515px;
}

.vizn-e-content-chapter-left .vizn-video-card {
    padding: 20px;
}

.vizn-e-content-chapter-left .vizn-video-card .vizn-video-banner-icon::after {
    width: 90px;
    height: 90px;
    font-size: 36px;
}

.vizn-e-content-chapter-left .vizn-video-card .vizn-video-content {
    padding: 0;
}

.vizn-e-content-chapter-left .vizn-video-card .vizn-video-banner {
    margin-bottom: 20px;
}

/* .vizn-e-content-chapter-left .vizn-video-card .vizn-video-content-subject h6 {
    font-size: 14px;
    line-height: 21px
} */

.vizn-e-content-chapter-left .vizn-video-card .vizn-icon {
    font-size: 24px;
}

/* .vizn-e-content-chapter-right {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
} */

.vizn-e-content-chapter-right .vizn-e-content-chapter-right-heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #262626;
    padding: 0px 15px;
}

.vizn-e-content-chapter-right .vizn-e-content-chapter-right-inner {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
    height: calc( 100vh - 300px );
    overflow: auto;
    padding-bottom: 10px;
}

.vizn-e-content-chapter-right .vizn-video-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 8px 20px;
}

.vizn-e-content-chapter-right .vizn-video-card:last-child {
    margin-bottom: 0px;
}

.vizn-e-content-chapter-right .vizn-video-content {
    width: 100%;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-banner {
    max-width: 300px;
    width: 100%;
    margin-bottom: 0;
    margin-right: 20px;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-banner > img {
    max-height: 178px;
}

.vizn-e-content-chapter-right .vizn-video-chapter {
    padding-left: 0px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vizn-e-content-chapter-right .vizn-video-chapter > span {
    display: none;
}

.vizn-e-content-chapter-right .vizn-video-card.play .vizn-video-chapter > span {
    display: block;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-chapter > h4 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 0;
}

.vizn-e-content-chapter-right .vizn-video-card.play .vizn-video-chapter > h4 {
    display: none;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 0;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-banner-icon::after {
    height: 42px;
    width: 42px;
    font-size: 16px;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-content-subject h6 {
    font-size: 13px;
    line-height: 20px;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-icon {
    font-size: 20px;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-title {
    font-size: 19px;
    line-height: 29px;
}

.vizn-e-content-chapter-right .vizn-video-card .progress {
    height: 4px;
    margin-bottom: 4px;
}

.vizn-e-content-chapter-right .vizn-video-card .vizn-video-complete-status {
    font-size: 11px;
    line-height: 17px;
}

.vizn-no-data-found {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 30px;
}

.vizn-no-data-found img {
    max-width: 60px;
    margin-bottom: 10px;
}

.vizn-no-data-found h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.vizn-e-content-modal-right.modal.right .modal-body {
    margin-top: 72px;
}
/** chat count **/
.vizn-task-count.vizn-chat-count {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 3px;
    background: #d93a3a;
    margin-right: -10px;
}

.vizn-locked-feature {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 20px;
    background-color: rgba(255,255,255,0.8);
    z-index: 1;
    transition-duration: 0.3s;
    opacity: 0;
}

.vizn-locked-feature .feature-content {
    display: flex;
    justify-content: center;
    height: auto;
}
.vizn-locked-feature .feature-content h3{
    display: inline-block;
    font-size: 18px;
    color: #1b71c0;
    text-align: center;
}
.vizn-locked-feature .feature-content i{
    font-size: 2rem;
    margin-left: 10px;
}

.vizn-dashboard-grid-item:hover .vizn-locked-feature {
    transition-duration: 0.3s;
    opacity: 1;
}
/* End Class admin dashboard */

/* Student target modal */ 
.modal.student-target-modal .modal-dialog{
    max-width: 748px;
}
.modal.student-target-modal .modal-content{
    border-radius: 8px;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);
}
.modal.student-target-modal .modal-title{
    color: #707070;
    font-size: 25px;
    font-weight: 500;
}
.modal.student-target-modal .modal-header{
    border-bottom: none;
}
.modal.student-target-modal .modal-footer{
    border-top: none;
}
.modal.student-target-modal .modal-body{
    padding-top: 0;
    padding-bottom: 0;
}
.modal-overflow{
    width: 100%;
    overflow: auto;
}
.target-box-wrapper{
    display: flex;
    margin: 15px 0;
}
.target-box{
    min-width: 218px;
    border-radius: 3px;
    border: solid 1px #bebebe;
    position: relative;
    color: #939393;
    font-size: 10px;
    font-weight: 500;
}
.target-box:first-child{
    min-width: 209px;
    margin-right: 21px;
}
.copy-icon{
    margin: 0 9px;
    color: #707070;
    padding: 0;
    border: none;
    font-size: 20px;
}
.copy-icon:hover{
    text-decoration: none;
}
.copy-icon-text{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.copy-text{
    font-size: 8px;
    color: #939393;
}
.target-box-inner{
    padding: 3px 10px 0;
}
.target-box-label{
    position: absolute;
    top: -6px;
    left: 50px;
    font-size: 8px;
    min-width: 91px;
}
.target-box-label span{
    background-color: #fff;
    padding: 0 5px;
}
.target-box-input{
    background-color: #f8f8f8;
    border: none;
    text-align: center;
    color: #939393;
    width: 100%;
    height: 18px;
}
.target-box-data .target-box-input{
    width: 90px;
}
.double-box .target-box-inner{
    width: 100%;
    text-align: center;
}
.double-box .target-box-label span{
    padding: 0 3px;
}
.target-box-label.left{
    left: 5px;
}
.target-box-label.right{
    right: 8px;
    left: auto;
}
.multiple-data .target-box-value{
    line-height: 18px;
    width: 50%;
}
.target-subject{
    display: flex;
    line-height: 18px;
    align-items: center;
}
.check-text{
    margin-left: 20px;
    text-transform: uppercase;
    color: #575757;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 75px;
}
.target-box-input-width .target-box-input{
    width: 75px;
    margin: 0;
}
.modal-footer .target-submit{
    padding: 6px 27px 6px 28px;
    border-radius: 5px;
    font-size: 17px;
}
.target-box-label.subject-label{
    min-width: 52px;
    left: 35px;
}
.target-subject input[type=checkbox]{
    opacity: 0.7;
}
.ps-year{
    min-width: 65px;
}
.mcq-suggested{
    min-width: 78px;
}
.label-position{
    position: absolute;
}
.target-box-data{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}
.first-wrapper .target-box-data{
    margin: 6px 0;
}
.target-box-wrapper.first-wrapper{
    margin-top: 5px;
}
.target-box.single-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.target-box.single-box .target-box-input{
    width: 171px;
}
.target-box.single-box .target-box-label{
    font-size: 10px;
    top: -8px;
}

table#lecture_listing .vizn-table-actions .btn span:hover:after, table#lecture_listing .vizn-table-actions .btn i:hover:after, table#lecture_listing .vizn-actions .btn [class^="icon-"]:hover:after, .vizn-actions .btn [class*=" icon-"]:hover:after{
    top:1px;
    left:-4px
}

/* Prashank add header button for specific plan */
.navbar-scroll {
    width: 100%;
}
.ml-auto {
    margin-left: auto;
}

#publish-paper_wrapper .dt-select2 select.custom-select2 { height: auto; min-height: unset; width: auto; }


.vizn-dashboard-miancards .count-box {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 4px #ccc;
    border-radius: 15px;
    height: 100%;
}
.vizn-dashboard-miancards .count-box.box-1 {
    background: linear-gradient(90deg, #EA3D44 0%, #EB1C24 100%);
}
.vizn-dashboard-miancards .count-box.box-2 {
    background: linear-gradient(90deg, #E06DEC 0%, #8F64FA 100%);
}
.vizn-dashboard-miancards .count-box.box-3 {
    background: linear-gradient(90deg, #6BD3EC 0%, #2395B0 100%);
}
.vizn-dashboard-miancards .count-box.box-4 {
    background: linear-gradient(90deg, #69C2F2 0%, #3380E8 100%);
}
.vizn-dashboard-miancards .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/*Tech notes 16-01-2023*/
.vizn-dashboard-miancards .icons_box {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 70px;
    height: 70px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    flex: 0 0 70px;
    max-width: 70px;
}
.vizn-dashboard-miancards .icons_box img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.vizn-dashboard-miancards .content_box {
    padding-left: 20px;
    flex: 0 0 100%;
    max-width: calc(100% - 70px);
}
.vizn-dashboard-miancards .content_box p {
    margin: 0px;
    color: #fff;
}
.vizn-dashboard-miancards .content_box h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}
.vizn-dashboard-miancards .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.vizn-class-admin-dashboard .vizn-dashboard-grid-item-header {
    padding-bottom: 15px;
    border-bottom: none;
    margin-bottom: 0;
}
.vizn-chart-card {
    background-color: transparent;
    border-radius: 0;
}
.vizn-dashboard-grid-item {
    background-color: #FFFFFF;
    border: none;
    border-radius: 20px;
    padding: 22px;
    box-shadow: 0px 0px 6px #ccc;
    position: relative;
}



.vizn-dashboard-miancards .count-box {
    padding: 15px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 4px #ccc;
    border-radius: 10px;
    height: 100%;
}
.vizn-dashboard-miancards .count-box.box-1 {
    background: linear-gradient(90deg, #EA3D44 0%, #EB1C24 100%);
}
.vizn-dashboard-miancards .count-box.box-2 {
    background: linear-gradient(90deg, #E06DEC 0%, #8F64FA 100%);
}
.vizn-dashboard-miancards .count-box.box-3 {
    background: linear-gradient(90deg, #6BD3EC 0%, #2395B0 100%);
}
.vizn-dashboard-miancards .count-box.box-4 {
    background: linear-gradient(90deg, #69C2F2 0%, #3380E8 100%);
}
.vizn-dashboard-miancards .count-box.box-5 {
    background: linear-gradient(90deg, #FCC105 0%, #F3A401 100%);
}
.vizn-dashboard-miancards .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.vizn-dashboard-miancards .icons_box {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 70px;
    height: 70px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    flex: 0 0 70px;
    max-width: 70px;
}
.vizn-dashboard-miancards .icons_box img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.vizn-dashboard-miancards .content_box {
    padding-left: 20px;
    flex: 0 0 100%;
    max-width: calc(100% - 70px);
}
.vizn-dashboard-miancards .content_box p {
    margin: 0px;
    color: #fff;
}
.vizn-dashboard-miancards .content_box h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}
.vizn-dashboard-miancards.newcards .col-md-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.vizn-class-admin-dashboard .vizn-dashboard-grid-item-header {
    padding-bottom: 15px;
    border-bottom: none;
    margin-bottom: 0;
}
.vizn-chart-card {
    background-color: transparent;
    border-radius: 0;
}
.vizn-dashboard-grid-item {
    background-color: #FFFFFF;
    border: none;
    border-radius: 20px;
    padding: 22px;
    box-shadow: 0px 0px 6px #ccc;
    position: relative;
}


.vizn-chart-table th {
    background: #EA242B;
    color: #fff;
    border: 1px solid #fff;
}
.vizn-chart-table td {
    border: 1px solid #ccc !important;
}
.vizn-chart-table {
    width: calc(100% + 42px);
    margin-left: -21px;
}