body{
    font-size: 13px;
}
.accesshide {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,.btn-primary{
    background-color: #093697 !important;
    border-color: #0062cc;
}
.card-primary.card-outline {
    border-top: 3px solid #093697;
  }
  .bg-primary, .label-primary {
    background-color: #093697 !important;
  }
  .page-item.active .page-link {
    background-color: #093697;
    border-color: #093697;
    color: #fff;
  }
 
  

.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {

    background-color: #6a737b

}



.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {

    background-color: #ca3120;

}



.path-mod-quiz #mod_quiz_navblock .qnbutton {

    text-decoration: none;

    font-size: 14px;

    line-height: 55px;

    font-weight: 400;

    background-color: #fff;

    background-image: none;

    height: 40px;

    width: 30px;

    border-radius: 3px;

    border: 0;

    overflow: visible;

    margin: 0 6px 6px 0;



}



.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {

    border: 1px solid;

    border-radius: 3px;

    z-index: 1;

}



.path-mod-quiz .statedetails {

    display: block;

    font-size: .7em

}



#page-mod-quiz-attempt #page .controls,

#page-mod-quiz-summary #page .controls,

#page-mod-quiz-review #page .controls {

    text-align: center;

    margin: 8px auto

}



#page-mod-quiz-attempt .submitbtns,

#page-mod-quiz-review .submitbtns {

    display: flex

}



#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,

#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {

    margin-left: auto

}



.path-mod-quiz .mod_quiz-redo_question_button {

    margin: 0

}



.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {

    padding: 2px .8em;

    font-size: 1em

}



#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,

#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {

    background: #eee;

    border: 1px solid #dcdcdc

}



#page-mod-quiz-attempt #connection-ok,

#page-mod-quiz-attempt #connection-error {

    position: fixed;

    top: 0;

    width: 80%;

    left: 10%;

    color: #555;

    border-radius: 0 0 10px 10px;

    box-shadow: 5px 5px 20px 0 #666;

    padding: 1em 1em 0;

    z-index: 10000

}



#page-mod-quiz-attempt #connection-error {

    background-color: #fcc

}



#page-mod-quiz-attempt #connection-ok {

    background-color: #cfb;

    width: 60%;

    left: 20%

}



.generalbox#passwordbox {

    width: 70%;

    margin-left: auto;

    margin-right: auto

}



#passwordform {

    margin: 1em 0

}



#quiznojswarning {

    color: red

}



#quiznojswarning {

    font-size: .7em;

    line-height: 1.1

}



.jsenabled #quiznojswarning {

    display: none

}



.path-mod-quiz #user-picture {

    margin: .5em 0

}



.path-mod-quiz #user-picture img {

    width: auto;

    height: auto;

    vertical-align: bottom

}



.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {

    padding: .7em 0 0;

    margin: 0;

    clear: both

}



.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {

    padding-top: 0

}



.path-mod-quiz .qnbutton {

    display: block;

    position: relative;

    float: left;

    width: 1.5em;

    height: 1.5em;

    overflow: hidden;

    margin: .3em .3em .3em 0;

    padding: 0;

    border: 1px solid #bbb;

    background: #ddd;

    text-align: center;

    line-height: 1.5em;

    font-weight: 700;

    text-decoration: none;

}



.path-mod-quiz .qnbutton:visited:hover,

.path-mod-quiz .qnbutton:link:hover {

    text-decoration: underline

}



.path-mod-quiz .qnbutton .trafficlight,

.path-mod-quiz .qnbutton .thispageholder {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.path-mod-quiz .qnbutton.thispage {

    border-color: #666
}



.path-mod-quiz .qnbutton.thispage .thispageholder {

    border: 3px solid #666 !important

}



.path-mod-quiz .qnbutton.flagged .trafficlight {

    background: url(../../assets/img/flag-on.svg) no-repeat top right

}



.path-mod-quiz .qnbutton.blocked,

.path-mod-quiz .qnbutton.notyetanswered,

.path-mod-quiz .qnbutton.requiresgrading,

.path-mod-quiz .qnbutton.invalidanswer {

    background-color: #fff

}



.path-mod-quiz .qnbutton.correct {

    background-color: #cfc

}



.path-mod-quiz .qnbutton.correct .trafficlight {

    border-bottom: 3px solid #080

}



.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {

    border: 0;

    height: 15px;

    border-radius: 3px 3px 0 0

}



.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {

    background-color: #fff

}





.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {

    background-color: #357a32 !important

}



.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {

    background-color: #e9ecef

}



.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {

    background-color: #ca3120

}



.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {

    background-color: #f0ad4e

}



.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,

.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {

    background-color: #6a737b

}



.path-mod-quiz .qnbutton.partiallycorrect {

    background-color: #ffa

}



.path-mod-quiz .qnbutton.notanswered,

.path-mod-quiz .qnbutton.incorrect {

    background-color: #fcc

}



.path-mod-quiz .qnbutton.blocked {

    color: #999

}



.path-mod-quiz .qnbutton.notanswered .trafficlight,

.path-mod-quiz .qnbutton.incorrect .trafficlight {

    border-top: 3px solid #800

}



.path-mod-quiz .othernav {

    clear: both;

    margin: .5em 0

}



.path-mod-quiz .othernav a,

.path-mod-quiz .othernav input {

    display: block;

    margin: .5em 0

}



#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {

    height: 1.4em;

    vertical-align: middle

}



#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {

    padding: 0;

    margin: 0 .4em

}



#page-mod-quiz-attempt #region-main {

    overflow-x: inherit

}



#quiz-timer-wrapper {

    display: none;

    position: sticky;

    justify-content: end;

    top: 55px;

    z-index: 1020

}



#quiz-timer-wrapper #quiz-timer {

    border: 1px solid #ca3120;

    background-color: #fff

}



.pagelayout-embedded #quiz-timer-wrapper {

    top: 5px

}



#quiz-timer-wrapper #quiz-timer.timeleft0 {

    background-color: #ca3120;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft1 {

    background-color: #d73422;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft2 {

    background-color: #dd3d2b;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft3 {

    background-color: #e04938;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft4 {

    background-color: #e25546;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft5 {

    background-color: #e46153;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft6 {

    background-color: #e66d60;

    color: #fff

}



#quiz-timer-wrapper #quiz-timer.timeleft7 {

    background-color: #e8796d;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft8 {

    background-color: #ea867a;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft9 {

    background-color: #ec9288;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft10 {

    background-color: #ee9e95;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft11 {

    background-color: #f0aaa2;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft12 {

    background-color: #f2b6af;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft13 {

    background-color: #f4c2bc;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft14 {

    background-color: #f7ceca;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft15 {

    background-color: #f9dad7;

    color: #1d2125

}



#quiz-timer-wrapper #quiz-timer.timeleft16 {

    background-color: #fbe6e4;

    color: #1d2125

}



.path-mod-quiz .qnbutton .trafficlight,

.path-mod-quiz .qnbutton .thispageholder {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



.que.multichoice .answer div.r0,

.que.multichoice .answer div.r1 {

    display: flex;

    margin: 0.25rem 0;

    align-items: flex-start;

}



.que.multichoice .answer div.r0 input,

.que.multichoice .answer div.r1 input {

    margin: 0.3rem 0.5rem;

    width: 16px;

    flex-shrink: 0;

    height: 16px;

}



#quiz-timer-wrapper #quiz-timer.timeleft16{background-color:#fbe6e4;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft15{background-color:#f9dad7;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft14{background-color:#f7ceca;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft13{background-color:#f4c2bc;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft12{background-color:#f2b6af;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft11{background-color:#f0aaa2;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft10{background-color:#ee9e95;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft09{background-color:#ec9288;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft08{background-color:#ea867a;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft07{background-color:#e8796d;color:#1d2125}

#quiz-timer-wrapper #quiz-timer.timeleft06{background-color:#e66d60;color:#fff}

#quiz-timer-wrapper #quiz-timer.timeleft05{background-color:#e46153;color:#fff}

#quiz-timer-wrapper #quiz-timer.timeleft04{background-color:#e25546;color:#fff}

#quiz-timer-wrapper #quiz-timer.timeleft03{background-color:#e04938;color:#fff}

#quiz-timer-wrapper #quiz-timer.timeleft02{background-color:#dd3d2b;color:#fff}

#quiz-timer-wrapper #quiz-timer.timeleft01{background-color:#d73422;color:#fff}

#quiz-timer-wrapper #quiz-timer.timeleft00{background-color:#ca3120;color:#fff}



@media (min-width: 768px) {

    .sticky {

        position: -webkit-sticky;

        position: sticky;

        top: 0;

        padding: 5px;

      }

  }



.swal2-popup.swal2-toast .swal2-title{

    margin-left: 15px!important;

}

.swal2-toast {

    background-color: rgb(255, 255, 255)!important;

}

.swal2-popup.swal2-toast {

    padding: 14px 20px !important;

    font-size: 18px !important;

    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.15) !important;

}

.swal2-popup.swal2-toast{

    box-shadow: -2px 2px 10px 0px rgb(0 1 31 / 21%)!important;

}

.swal2-toast {

    max-width: 370px !important;

    border-radius: 0px !important;

}

.swal2-popup.swal2-toast .swal2-title {

    font-size: 16px!important;

}

.swal2-popup {

    border: 0px;

    border-left: 4px solid #007bff !important;

}

.swal2-popup.swal2-modal{

    border-left: 0px!important;

}

.vmidle{

    vertical-align: middle!important;

}

.img-demo{

    background-color: #fff;

    border: 3px solid #fff;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    max-width: 100%;

    height: auto;

}

.w-80{

    max-width: 80px;

}

.w-100{

    max-width: 100px;

}

.w-40{

    max-width: 40px;

    max-height: 40px;

}

.ws-70{

    max-width: 70px;

    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);

}

.mw-400{

    max-width: 400px;

}

.ws-100{

    max-width: 100px;

}

.ws-150{

    max-width: 150px;

    background: #ddd;

    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);

}

.w-50{

    max-width: 50px;

}

.ws-200{

    max-width: 200px;

    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);

}

.btn i{

    font-size: 13px!important;

}



.elevation-4 {

    border-right: 1px solid #dee2e6;

    box-shadow: none!important;

}

.content-header .breadcrumb a{

    color: #212529;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    transition: all linear .3s;

}

.content-header .breadcrumb a:hover{

    color: #007bff;

}

.content-header .breadcrumb a i{

    margin-right: 5px;

}

.shadow-none{

    -webkit-box-shadow: unset!important;

    box-shadow: unset!important;

}

.border-none{

    border: 0px!important;

}

.widget-user-2 .widget-user-username{

    font-weight: 600;

    font-size: 18px;

    text-overflow: ellipsis;

    overflow: hidden !important;

    white-space: nowrap;

}

.widget-user-2 .widget-user-desc{

    font-size: 14px;

}

/* [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover

{

    background-color: rgba(0, 123, 255, 0.1)!important;

}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link,

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover 

{

    background-color: rgba(0, 123, 255, 0.1)!important;

}

.nav-pills .nav-link:not(.active):hover,

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active

 {

    color: #212529!important;

} */



/* [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{

    background-color: rgba(0, 123, 255, 0.1);

}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active:hover {

    background-color: #007bff!important;

}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {

    background-color: #007bff!important;

} */



.content-header h1{

    font-size: 22px;

    font-weight: 600;

}

.pagination{

    margin-bottom: 0px;

}



.nicEdit-main:focus{

    outline: 0px;

}

.sidebar .user-panel{



    text-align: center;

}

.user-panel .name{

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    margin-bottom: 0px;

    width: 100%;

    height: 100%;

    text-align: center;

    display: inline-block;

}

.user-panel .name img{

    /* max-height: 50px; */

    width: auto;

    /* height: auto; */

    max-height: 50px;

    display: inline-block;

    padding-top: 7px;

}

.bootstrap-switch .bootstrap-switch-handle-off, 

.bootstrap-switch .bootstrap-switch-handle-on, 

.bootstrap-switch .bootstrap-switch-label {

    text-align: center;

}

.user-panel .info a{

    font-size: 15px;

    line-height: 15px;

    margin-bottom: 0px;

}

.user-panel .info span{

    font-size: 12px;

    line-height: 15px;

    position: relative;

    top: -2px;

}



.form-group.note-form-group.note-group-select-from-files {

    display: none!important;

}



.form-control.lang{

    height: 31px;

    padding: 0px 20px 0px 10px;

}

.table tr td {

    vertical-align: middle;

}





/* .nav-sidebar .nav-link p{

    font-weight: 600;

} */



.content-header h1,

.card-title,

.breadcrumb-item+.breadcrumb-item,

.btn,

table>thead>tr>th

{

    text-transform: capitalize;

}



.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {

    background: rgba(0, 0, 0, 0.1)!important;

}



.dropdown button#delete{

    background: none;

    border: none;

    margin: 0px;

    padding: 0px;

}

.main-footer p{

    display: inline-block;

    margin-bottom: 0px;

}



.h80 {

    height: 150px!important;

}

.drop-img .custom-file-label::after{

    display: none;

 }

 

 .drop-img .custom-file-label{

     padding-top: 60px;

     border: 2px dashed #ddd!important;

 }

 .drop-img .custom-file-label h5{

     font-weight: 600;

     font-size: 24px;

     color: #b4b1bd;

 }



 .edit-slider{

    display: inline-block;

    margin: 5px;

}

.edit-slider img{

    max-width: 200px;

    display: block;

}



.remove-btn{

    background: red;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    color: #fff;

    display: inline-block;

    cursor: pointer;

}



/* Gallery Upload Design Start*/



  #setgallery .upload-img-btn input {

    width: 200px;

    height: 45px;

    z-index: 10;

    top: 0;

    left: 0;

    position: absolute;

    cursor: pointer;

    opacity: 0;

    margin-left: 30px;

    top: 10px;

    border-radius: 50px;

  }

  

  #setgallery .upload-img-btn input:focus {

    outline: 0px;

  }

  #setgallery .upload-img-btn label{

      margin-bottom: 0px!important;

      font-weight: 400;

  }

  

  #setgallery .modal-body .top-area {

    display: -ms-flexbox;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    padding-bottom: 15px;

    margin-bottom: 30px;

  }

  

  #setgallery .modal-body {

    max-height: 460px;

    overflow: hidden;

    overflow-y: auto;

  }

  

  #setgallery .modal-body .selected-image .gallery-img {

    text-align: center;

    margin-bottom: 20px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    position: relative;

  }

  #setgallery .modal-body .selected-image .gallery-img img{

      max-width: 100%;

  }

  #setgallery .modal-body .selected-image .img .remove-img {

    position: absolute;

    top: -12px;

    right: -12px;

    background: #fff;

    width: 20px;

    height: 20px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    font-size: 12px;

    color: rgba(0, 0, 0, 0.5);

    border-radius: 50%;

    line-height: 20px;

    text-align: center;

    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);

    cursor: pointer;

  }

  

/* Gallery Upload Design End*/





.themeselect .card-body{

    position: relative;

}

.themeselect .card-body .tag{

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100px;

}