html, body {
    font-family: Poppins,Helvetica,sans-serif;
    min-width: 320px !important;
    background-color: whitesmoke;
}
body.with-img-header {}
body.q-body--prevent-scroll .main-header{
    opacity: 0 !important;
}
body.boxed .header-top .q-focusable:focus>.q-focus-helper,
body.boxed .header-top .q-hoverable:hover>.q-focus-helper,
body.boxed .header-top .q-manual-focusable--focused>.q-focus-helper {
    border-radius: 6px;
}
.overlay-background-header{
    width: 100%;
    height: 350px;
    position: absolute;
    top:0px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f9f9fc;
}
.q-header--bordered {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.q-header{
    height: 80px;
}
.q-header > .row >.q-toolbar{
    min-height: 80px;
}
.q-header.sticky{
    background-color: white !important;
    webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 0 40px 0 rgba(82,63,105,.1);
    box-shadow: 0 0 40px 0 rgba(82,63,105,.1);
}
.q-header.sticky .q-tabs__content{
    color: #6c7293;
}
.q-header.fixed-top.keep{
    position: absolute;
}
.q-footer .q-tab__content, .q-header .q-tab__content {
    min-width: initial;
}
.header-top .q-tab{
    margin-left: 3px;
    margin-right: 3px;
}
.header-top .q-tab--active{
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
}
.primary-tab .q-tab--active{
    background-color: #eef2fc;
}
.accent-tab .q-tab--active{
    background-color: #fff4f8;
}
.logo-in-text{
    font-family: 'Baloo Chettan 2',serif;
    font-weight: bold;
    color:#fd397a;
    padding-top: 5px;
}
.header-logo{
    font-size: 40px;
    float: left;
    line-height: 40px;
    margin-top: 10px;
}
.header-logo.q-img{
    position: absolute !important;
    top: 10px;
}
.header-logo .q-img__image{
    background-position: initial !important;
}
.subheader-title{
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 700;
    margin-bottom: .5rem;
    color: #fff;
}
.q-card{
    color: #48465b;
}
.q-card .card-options{
    position: absolute;
    top: 15px;
    right: 20px
}
.q-btn.with-icon i.q-icon.on-left{
    margin-right: 8px !important;
}
.breadcrumb{
    color: rgba(255,255,255,.7);
}
.breadcrumb-item{
    cursor: pointer;
}
.breadcrumb-item:hover{
    color: rgba(255,255,255,1);
}
.breadcrumbs-separator{
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .2rem 0.15rem;
}
.breadcrumbs-separator:after {
    background: rgba(255,255,255,.6);
}
.breadcrumbs-separator:after {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: " ";
}
.breadcrumb > .breadcrumb-item > .q-icon{
    padding-bottom: 3px; margin-right: 4px
}
.kt-svg-icon g [fill] {
    fill: #366cf3;
}
.grey-svg-icon g [fill] {
    fill: #595d6e;
}
.strong-data{
    display: block;
    color: #595d6e;
    font-weight: 600;
    font-size: .95rem;
}
.instructor-courses-table .q-table__top,
.courses-subscribed-table .q-table__top {
    padding: 0;
}
.q-select > .q-field__inner > .q-field__control > .q-field__append > .material-icons {
    color: #e5e5e5;
}
.overlay-wrapper{
    cursor: pointer;
    overflow: hidden;
}
.grid-course-img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: transform 500ms ease-in-out 0s;
}
.image-overlay{
    position: absolute;
    background-color: rgba(52, 52, 52, 0.6);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    transition: all 500ms ease-in-out 0s;
    opacity: 0.75;
}
.image-overlay-texture{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: .75;
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000000 100%);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(70%, rgba(0, 0, 0, 0.8)), color-stop(100%, #000000));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000000 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000000 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000000 100%);
}
.dot-texture{
    background: url(/img/dot-texture.png);
    background-size: 3px;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
}

.overlay-wrapper:hover .image-overlay{
    opacity: 0.95 !important;
}
.overlay-wrapper:hover .grid-course-img,
.overlay-wrapper:focus .grid-course-img {
    transform: scale(1.2);
}
.text-overlay-wrapper{
    position: absolute;
    background-color: transparent;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 20;
}
.text-overlay-wrapper > div {
    opacity: 0.85;
    line-height: 1.4rem;
    color: white;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 500ms ease-in-out 0s;
    width: 90%;
}
.overlay-wrapper:hover .text-overlay-wrapper > div{
    opacity: 1 !important;
}
.top-label{
    display: block;
    color: #595d6e;
    font-weight: 600;
    font-size: .8rem;
}
.data-label{
    display: block;
    color: #48465b;
    font-weight: 600;
    font-size: 1rem;
}
.pulse-brand{
    transform: scale(1);
    animation: pulse-brand 2s infinite;
}
.q-menu,
.q-card {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06), 0 2px 2px rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.01);
}
.shadow-light{
    box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
}
.shadow{
    box-shadow: 0 1px 5px rgba(171, 171, 171, 0.2), 0 2px 2px rgba(193, 193, 193, 0.14), 0 3px 1px -2px rgba(206, 206, 206, 0.12);
}
.big-stepper .q-stepper__title {
    font-size: 22px;
    line-height: 22px;
}
.big-stepper .q-stepper__dot {
    font-size: 22px;
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.color-lightgray{
    color: #919191;
}
.disabled, .disabled *, [disabled], [disabled] * {
    pointer-events: none !important;
}
.btn-sm-lightblue{
    background-color: rgba(54,108,243,.1);
    color: #366cf3;
    font-size: 0.7rem;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}

.btn-sm-lightpink{
    background-color: rgba(253,57,122,.1);
    color: #fd397a;
    font-size: 0.7rem;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}

.btn-sm-lightgreen{
    background-color: rgba(29,201,183,.1);
    color: #1dc9b7;
    font-size: 0.7rem;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}
.btn-sm-lightgray{
    background-color: transparent;
    color: #919191;
    font-size: 0.7rem;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}
.btn-lightblue{
    background-color: rgba(54,108,243,.1);
    color: #366cf3;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-lightpink{
    background-color: rgba(253,57,122,.1);
    color: #fd397a;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-lightgreen{
    background-color: rgba(29,201,183,.1);
    color: #1dc9b7;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}
.btn-lightgray{
    background-color: transparent;
    color: #919191;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}
.btn-light{
    background-color: white;
    color: #333333;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
}
.content-tree .q-tree__node--selected {
    background-color: #f9f9fc;
}

.talenta-modal .q-dialog__inner--minimized>div {
    width: 100% !important;
    max-width: 900px !important;
}
.talenta-modal .q-layout.q-layout--containerized{
    padding: 0;
}

.talenta-modal .content-tabs .q-tab__icon {
    width: 64px;
    height: 64px;
    font-size: 24px;
}
.talenta-modal .q-tabs--vertical .q-tab {
    padding: 11px 8px;
}
.text-big-inset{
    font-size: 28px;
    line-height: 60px;
    font-weight: bold;
    background-color: #bdbdbd;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
    -webkit-background-clip: text;
}
.white-link{
    text-decoration: none;
    color: rgba(255,255,255,.7);
}
.q-field--error .q-field__bottom {
    padding-top: 4px;
}
.q-editor>div:first-child, .q-editor__toolbars-container, .q-editor__toolbars-container>div:first-child {
    background-color: #f4f4f4;
}
.q-field__bottom{
    color: rgba(0, 0, 0, 0.24);
    padding: 5px 5px 0;
}
.q-field__messages {
    font-size: 11px;
    font-style: italic;
}
.q-field__counter {
    font-size: 11px;
    font-style: italic;
}
.text-muted{
    color: rgba(0, 0, 0, 0.24);
    font-style: italic;
}
.text-small-muted{
    font-size: 11px;
    color: rgba(0, 0, 0, 0.24);
    font-style: italic;
}
.color-form-label{
    color: #555555;
}
.track-light .q-circular-progress__track{
    opacity: 24%;
}
.video-input .q-field__bottom{
    background-color: #f5f5f5;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.uppy-Root{
    font-family: inherit;
}
.uppy-StatusBar-additionalInfo{
    display: block !important;
}
.uppy-StatusBar{
    transition: .5s background-color;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.preparing-load{
    height: 40px; font-size: 12px; line-height: 3.2;
}
.preparing-load > .q-spinner{

}
.full-opacity{
    opacity: 1 !important;
}
.video-input .q-field--filled .q-field__control{
    background: whitesmoke !important;
}
.video-input .q-field--filled .q-field__control:before {
    background: whitesmoke !important;
    border-bottom: none;
    opacity: 1;
    transition: none;
}
.hide-subtitle .q-timeline__subtitle{
    display: none;
}
body.boxed .talenta-modal  .q-layout,
body.boxed .talenta-modal  .q-toolbar {
    width: initial !important;
}
.image-overlay .q-btn__wrapper{
    padding: 2px !important;
    min-height: inherit;
}
.content-container{
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
}
.embed-container{
    height: 100%;
    width: 80%;
    margin: 0 auto;
    position: relative;
    background-color: black;
}
.embed-container-office{
    height: 100%;
    width: 82%;
    margin: 0 auto;
    position: relative;
}
.content-container > .quiz,
.content-container > .library,
.content-container > .activity{
    width: 80%;
    margin: auto;
    height: 100%;
}
.embed-container-office iframe,
.embed-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container-office.full-screen{
    width: 100% !important;
}
.full-screen.quiz,
.full-screen.library{
    margin-top: 30px;
}
.full-screen.quiz,
.full-screen.library,
.full-scree.activity{
    overflow: auto;
}
.container-93-percent-height.content-container{
    height: 93%;
}
.q-drawer--left{
    max-width: 100%;
}
.q-page.main-page{
    overflow: auto;
}
.blue-header{
    background: linear-gradient(to right top, rgb(51, 70, 187), rgb(54, 107, 243));
    font-size: 21px;
    font-weight: bold;
    color: white;
}
.sub-header.q-field--dense .q-field__control, .sub-header.q-field--dense .q-field__marginal {
    height: 20px;
}
.text-error{
    font-size: 10px;
    color: red;
}
.input-as-title input{
    font-size: 21px;
    font-weight: bold;
    color: white;
}
.text-title{
    font-size: 18px;
    font-weight: bolder;
}
.disabled.gray-if-disabled .q-btn__content, [disabled].gray-if-disabled .q-btn__content{
    color: darkgray;
}
.avatar-file .q-uploader__header{
    display: none;
}
.single-file .q-uploader__list{
    display: none;
}
.uploading-file .q-uploader__list{
    display: block;
}
.dark-list .q-uploader__list{
    background-color: #273444;
    border-radius: 0 !important;
}
.dark-list .q-uploader__file {
    background-color: white;
    border-radius: 4px !important;
}
.contents-list .q-timeline__title .q-btn__content{
    text-align: left !important;
}
.library-option{
    width: 130px;
}
.title-with-border {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    font-size: 12px;
    color: #8a8a8a;
}
      
.faq-question{

}
.selected-vendor {
    border: 4px solid #366cf3;
    box-shadow: 0 0 9px 0 rgba(54, 108, 243, 0.3) !important;
}
.course-poster{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.font-size-17{
    font-size: 17px;
}
.font-size-14{
    font-size: 14px;
}
.font-size-12{
    font-size: 12px;
}
.q-tabs--horizontal .q-tabs__arrow {
    background-color: white;
}
.q-tree > .q-tree__node > .q-tree__node-header{
    font-weight: 600;
}
.course-dependency{
    color: #0b96e5;
}
.faq-question{
    font-size: 16px;
    font-weight: bold;
}
.link-format .q-btn__content > span {
    color: #0b96e5;
    text-decoration: underline;
}
.fc .fc-button-primary {
    color: #fff;
    background-color: #366cf3;
    border-color: #366cf3;
}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    background-color: #2e59c4;
    border-color: #2e59c4;
}
.fc .fc-button-primary:hover {
    color: #fff;
    background-color: #2e59c4;
    border-color: #2e59c4;
}
.fc .fc-button-primary:disabled {
    color: #fff;
    background-color: darkgray;
    border-color: darkgray;
}
.full-opacity-on-blur{
    opacity: .3;
    transition: .5s all;
    cursor: pointer;
}
.full-opacity-on-blur:hover{
    opacity: 1;
}
.list-with-icons .q-item__section--avatar {
    min-width: initial;
}
.list-with-icons .q-item__section--side {
    padding-right: 10px;
}
.lower.q-badge--floating {
    top: 0 !important;
}
.el-transfer-panel{
    text-align: left !important;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    background-color: #f5f7fa;
    padding: 0 4px;
}
.tooltip{
    z-index: 10 !important;
    padding: 2px !important;
}
.tooltip-inner {
    background-color: #e8e8e8 !important;
    padding: 8px !important;
    border-radius: 4px;
    width: 280px;
}
.tooltip.bs-tooltip-right .arrow:before {
    background-color: #e8e8e8 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    background-color: #e8e8e8 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    background-color: #e8e8e8 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    background-color: #e8e8e8 !important;
}
blockquote{
    font-style:italic;
    color: #555555;
    padding:1.2em;
    /*width: 70%;*/
    border-left:8px solid #ccc;
    line-height:1.6;
    position: relative;
    background:#EDEDED;
}

blockquote::before{
    font-family:Arial;
    content: "\201C";
    color:#ccc;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote::after{
    content: '';
}

blockquote span{
    display:block;
    color:#333333;
    font-style: normal;
    font-weight: bold;
    margin-top:1em;
}
.full-drawer .q-drawer{
    bottom: 0 !important;
}
.full-screen{
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100% !important;
    z-index: -1;
}
.full-screen.activity{
    padding-top: 120px;
}
.full-screen-overlay{
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100% !important;
    z-index: 10002;
    background-color: #273444 !important;
}
.full-screen-overlay > .content-container{
    height: 0%;
}
.full-screen-overlay .comments-box{
    display: none;
}
.show-on-screen-hover{
    opacity: 0 !important;
    margin-top: 90px !important;
    transition: opacity 0.5s;
}
.full-screen-overlay:hover .show-on-screen-hover{
    opacity: 0.5 !important;
}
.full-screen-overlay:hover .show-on-screen-hover:hover{
    opacity: 1 !important;
}
.mt-audio-normal-screen{
    margin-top: 90px;
}
.mt-audio-full-screen{
    margin-top: 150px !important;
}
.analytic{
    text-transform: capitalize;
    font-size: 26px;
    padding-top: 0px;
    font-weight: 700;
}

.hbar{
    width: 89px;
    height: 20px;
    background-color: transparent;
    position: absolute;
    bottom: 1px;
    right: 1px;
}
.hbar-loaded{
    /*background-color: #444444 !important;*/
}
.hbar-ppt-loaded{
    background-color: #444444 !important;
}
.hbar-doc-loaded{
    background-color: #ffffff !important;
}
@keyframes pulse-brand {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(253, 57, 122, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(253, 57, 122, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(253, 57, 122, 0);
    }
}
body.boxed .q-layout,
body.boxed .q-toolbar {
    width: 100%;
    margin: 0;
}
.width-240{
    width: 240px;
}
.pointer{
    cursor: pointer;
}
.notification_box{
    position: absolute;
    width: calc(100% - 16px);
    height: auto;
}
.text-grey-transparent{
    color: white;
    opacity: 0.3;
}
.p-dense .q-btn__content > span{
    padding: 0px 7px;
}
.dashboard-card-left-img {
    max-width: 100px;
    max-height: 70px;
    margin: auto 0;
}
.font-weight-bolder{
    font-weight: bolder;
}
.font-weight-bold{
    font-weight: bold;
}
/*
.material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .q-icon {
    justify-content: initial;
}*/
.text-italic{
    font-style: italic;
}
.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}
.dashboard-grid .q-card{
    height: 240px;
}
.el-radio__label {
    white-space: break-spaces;
}
.questio-question > label{
    line-height: 1.4;
}
.questio-form-viewer .text-h5{
    margin-bottom: 10px !important;
}
.questio-form-viewer .test-mode label{
    color: black;
}
.questio-form-viewer .test-mode label.questio-block{
    text-align: left;
    color: #464646;
    font-weight: 400;
}
.questio-block{
    margin-bottom: 10px;
}
.questio-question > label{
    margin-bottom: 8px;
}

.line-right{
    margin: 0%;
}
.title-smaller{
    font-size: 11px;
}
.input-smaller{
    width : 80%;
    float:right;
}

@media (min-width: 599px) {
    .float-xs-left {
        float: left !important
    }

    .float-xs-right {
        float: right !important
    }

    .float-xs-none {
        float: none !important
    }
}

@media (min-width: 1023px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 1439px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 1919px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
    .line-right{
        display:none;
    }
}

@media (min-width: 10px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
    
}

@media (min-width: 1025px) {
    body.boxed .q-layout,
    body.boxed .q-toolbar {    
        padding: 0 30px;
    }
}
@media (min-width: 1439px) {
    body.boxed .q-layout,
    body.boxed .q-toolbar {
        width: 1380px;
        margin: 0 auto;
    }
    
}
@media (max-width: 900px) {
    .embed-container{
        width: 100%;
    }
    .line-right{
        display:none;
    }
    
    .input-smaller{
        width : auto;
        float:left;
    }
}