.flashmarque
{
  display: flex;
  align-items: baseline;
}
 
.academic_term_head
{
  display: flex;
  align-items: baseline;
  width: 100%;
  margin-left: 27px;
}

/*NEW MENUBAR START_12.12.2022*/
/*div#slide-eLibraryReports7 {
    left: 108px;
}
div#slide-eAcademicsReports6 {
    left: 11px;
}
div#slide-eHostelReports5
{
    left: 108px;
}
div#slide-eOfficeReports3
{
    left: 10px;
}*/
.hover_bkgr_fricc
{
  z-index: 999999 !important;
}

.l2-REPORTS.slidenew
{
  width: 100%;
  left: 0px !important;
}

#slide-eOfficeReports2 {
/*  max-width: 50%;*/
}
.l2-REPORTS.slidenew {
/*  max-width: 50%;*/
}

.header-sticky .toggle{
width:fit-content !important;
}


#mainDropdown {
  display: flex;
}


.tutorial_section {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  flex-direction: column;
}

.slidenew {
margin-top: 32px !important;
    width: fit-content;
    max-width: fit-content;
/*    left: 0px;*/
}

.l2-REPORTS.slidenew {
/*  max-width: 600px;*/
}

/*NEW MENUBAR END_12.12.2022*/







.slidenew .row .col-md-2 .mb-3 a:hover{
  text-decoration: none;
}

#slide-eLibraryReports6, #slide-eAdmissionReports1 {
/*  width: fit-content;*/
}


 /*Mainmenu adjustment CSS Start_07.09.2022*/
    #toggle-eHRMS {
  width: 100px;
}
#slide-eHRMS1 {
/*  left: 100px;*/
}

#toggle-MASTERSETTINGS {
  width: 170px;
}

#slide-MASTERSETTINGS1{
 /* left: 170px;*/
 left: 0px;
}
#toggle-eAcademics, #toggle-eLEARNING, #toggle-eLIBRARY, #toggle-eSURVEY, #toggle-eAlumni,
#toggle-eAdmissions, #toggle-eExpense, #toggle-eOffice, #toggle-eHostel, #toggle-eTICKETS,
#toggle-eCOPO, #toggle-eAccreditation, #toggle-eAssessment, #toggle-Reports{
  width: 130px;
}

#eAcademics .slidenew, #eLEARNING .slidenew, #eLIBRARY .slidenew, #eSURVEY .slidenew, #eAlumni .slidenew,
#eAdmissions .slidenew, #eExpense .slidenew, #eOffice .slidenew, #eHostel .slidenew, #eTICKETS .slidenew,
#eCOPO .slidenew, #eAccreditation .slidenew, #eAssessment .slidenew, #Reports .slidenew{
/*  left:130px;*/
}

#toggle-eGovernance {
  width: 120px;
}

#eGovernance .slidenew{
/*  left:120px;*/
}

#toggle-eAcademicsReports, #toggle-eAdmissionReports, #toggle-eOfficeReports,
#toggle-eTicketingReports, #toggle-eHostelReports, #toggle-eLibraryReports {
  width: 180px;
}

#slide-eAdmissionReports1, #slide-eOfficeReports2, #slide-eTicketingReports3,
#slide-eHostelReports4, #slide-eAcademicsReports5, #slide-eLibraryReports6{
 /* left: 180px;*/
}

    .menu.container{
        padding:0px 0px;
    }

    .font-green-sharp.text-left b {
  color: var(--main-color) !important;
}


.menu{
  font-size: 14px !important;
}


  #Administration-main #mainDropdown {
 /* left: 13em;*/
}

/*#Governance-main .menu.container {
  display: none;
}

#Governance-main i {
  display: none;
}*/

.menu{
  /*cursor: none !important;*/
}


.mega-dropdown{
    /* position:static!important; */
}
.mega-dropdown-menu{
    font-size:.9rem
}
.mega-dropdown-menu:before{
    content:"";
    border-bottom:15px solid #fff;
    border-right:17px solid transparent;
    border-left:17px solid transparent;
    position:absolute;
    top:-15px;
    left:174px;
    z-index:10
}
.mega-dropdown-menu:after{
    content:"";
    border-bottom:17px solid #ccc;
    border-right:19px solid transparent;
    border-left:19px solid transparent;
    position:absolute;
    top:-17px;
    left:172px;
    z-index:8
}
.mg-show{
    display:none
}
#learnId:hover~.mega-dropdown-menu.mg-show{
    position:absolute;
    left:0;
    display:block
}
.mega-dropdown-menu.mg-show:hover{
    position:absolute;
    left:0;
    display:block
}
@media (max-width:576px){
    .ps-md{
        padding-left:3rem
    }
    .mega-dropdown-menu:before{
        display:none
    }
    .mega-dropdown-menu:after{
        display:none
    }
}
#ic .arrow{
    width:1.25rem;
    margin-left:auto;
    fill:currentColor
}
#ic .menu{
    position:absolute;
    z-index:100;
    color:#fff;
    width:300px
}
#ic .menu ul{
    margin-top:.5rem;
    padding:.5rem 0;
    border-radius:.35rem;
    background-color:#fff;
    box-shadow:rgba(0,0,0,.3) 0 19px 38px,rgba(0,0,0,.22) 0 15px 12px;
    list-style:none
}
#ic .menu ul li{
    display:flex;
    align-items:center;
    padding:.75rem 1.5rem
}
#ic .menu ul li:hover{
    background-color:#4535aa
}
#ic .menu ul li#info:hover{
    background-color:#fff!important
}
#ic .menu ul li#info{
    color:#000!important;
    font-weight:300!important;
    font-size:.8rem
}
#ic .menu ul li:hover a{
    color:#fff
}
#ic .menu ul li a{
    color:#000;
    cursor:pointer
}
#ic .menu ul li img{
    width:1.5rem;
    height:1.5rem;
    margin-right:.75rem
}
#ic .arrow{
    transition:transform .2s
}
#ic .menu{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
#ic:hover .arrow{
    transform:rotate(180deg)
}
#ic:hover .menu{
    opacity:1;
    visibility:visible
}
#ic .menu{
    transform:translateY(1rem)
}
#ic:hover .menu{
    transform:translateY(0)
}
.mg-show{
    display:none
}
#learnId:hover~.mega-dropdown-menu.mg-show{
    position:absolute;
    left:0;
    display:block
}
.mega-dropdown-menu.mg-show:hover{
    position:absolute;
    left:0;
    display:block
}
#ic .arrow{
    width:1.25rem;
    margin-left:auto;
    fill:currentColor
}
#ic .menu{
    position:absolute;
    z-index:100;
    color:#fff;
    width:300px
}
#ic .menu ul{
    margin-top:.5rem;
    padding:.5rem 0;
    border-radius:.35rem;
    background-color:#fff;
    box-shadow:rgba(0,0,0,.3) 0 19px 38px,rgba(0,0,0,.22) 0 15px 12px;
    list-style:none
}
#ic .menu ul li{
    display:flex;
    align-items:center;
    padding:.75rem 1.5rem
}
#ic .menu ul li:hover{
    background-color:#4535aa
}
#ic .menu ul li#info:hover{
    background-color:#fff!important
}
#ic .menu ul li#info{
    color:#000!important;
    font-weight:300!important;
    font-size:.8rem
}
#ic .menu ul li:hover a{
    color:#fff
}
#ic .menu ul li a{
    color:#000;
    cursor:pointer
}
#ic .menu ul li img{
    width:1.5rem;
    height:1.5rem;
    margin-right:.75rem
}
#ic .arrow{
    transition:transform .2s
}
#ic .menu{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
#ic:hover .arrow{
    transform:rotate(180deg)
}
#ic:hover .menu{
    opacity:1;
    visibility:visible
}
#ic .menu{
    transform:translateY(1rem)
}
#ic:hover .menu{
    transform:translateY(0)
}
.mg-show1{
    position:absolute!important;
    left:0!important;
    display:none!important;
    transform:translate(0,20px)!important;
    transition:.3s!important;
    opacity:1!important
}
.mg-show1:hover{
    transform:translate(0,0)!important;
    margin-top:-5px!important;
    transition:all .3s!important;
    opacity:1!important;
    display:inline!important;
    border-top:#ddd
}
#learnId1:hover+.mg-show{
    transform:translate(0,0)!important;
    opacity:1!important;
    display:inline!important;
    border-top:#ddd;
    transition:all .3s!important
}
.subDiv1:hover{
    background-color:#d6d1f5!important;
    color:#fff!important;
    border-radius:5px
}
#mega-dropdown-id1{
    box-shadow:rgba(0,0,0,.3) 0 19px 38px,rgba(0,0,0,.22) 0 15px 12px
}
.dropdown .arrow{
    width:1.25rem;
    margin-left:auto;
    fill:currentColor
}
.dropdown .menu{
    position:absolute;
    z-index:9999;
    /*width:12000px;
    left:-50px*/
}
.dropdown .menu ul{
    /* margin-top:.5rem; */
    padding:0rem 0;
    border-radius:.35rem;
    background-color:#fff;
    box-shadow:rgba(0,0,0,.3) 0 19px 38px,rgba(0,0,0,.22) 0 15px 12px;
    list-style:none
}
.dropdown .arrow{
    transition: transform .2s;
    /* margin-top: 5px; */
    margin-left: 4px;
}

.dropdown .menu{
    opacity:0;
   /* visibility:hidden;*/
    display: none;
    transition:all .3s
}
.dropdown:hover .arrow{
    /* transform:rotate(180deg) */
}
.navbar-light .navbar-nav .dropdown:hover .nav-link,
.dropdown:hover .arrow {
    color: #bd000c!important;
    font-weight: 600;
}
.dropdown:hover .menu{
    opacity:1;
    /*visibility:visible;*/
    min-width: 1170px;
    max-width: 100%;
    width: 100%;
    display: block;
    /* position: absolute; */
}
.dropdown .menu{
    transform:translateY(1rem)
}
.dropdown:hover .menu{
    transform:translateY(0)
}
*{
    box-sizing:border-box
}
#mainDropdown{
    /*top:-10px;*/
    /*margin-top:.5rem;*/
   /* border-radius:.4rem;*/
   /* box-shadow:rgb(0 0 0 / 30%) 0 19px 38px,rgb(0 0 0 / 22%) 0 15px 12px;*/
    /*transform:translateY(1rem);*/
    transition:all .3s;
   /* background-color:#fff;*/
    /*overflow:auto*/
}
#library:hover~#mainDropdown{
    transform:translateY(0)
}
.tutorial_section{
    /*display:flex*/
}
.header-sticky .toggle{
    /*width:20%;*/
    width: 220px;
    height: 100%;
  /*  padding:12px;*/
 padding: 6px 10px;
  /*  padding: 6px 8px;*/
    background-color:#e9e9e9;
    /* border-bottom:1px solid #ddd; */
    border: 1px solid #c2bdd0;
    box-shadow: 1px 1px 6px #cecece;


/*    box-shadow: 1px 7px 10px #979797;*/
  /*  border-top: 1px solid #a6a6a6;
    border-left: 1px solid #a6a6a6;*/

    display: flex;
    align-items: center;
    cursor: pointer;
}
.header-sticky .toggle a{
    color:#383838;
}
.mega-link{
    color:#000;
    text-decoration:none
}
.mega-link:hover{
    color:#be020e;
    text-decoration:underline
}
.mega-url-list{
    /*font-size:.95rem;*/
/*    font-size: 1.25rem;*/
/*margin-left: 15px;*/
/*font-size: 13px;*/
}
.mega-link-pill{
    font-size:.95rem;
    text-decoration:none;
    padding:5px 10px;
    margin-right:15px;
    background-color:#f9f9f9;
    color:#4535aa;
    border-radius:5px
}
.mega-link-pill:hover{
    background-color:#4535aa;
    color:#f9f9f9
}
.mega-link-iconbox{
    background-color:#f9f9f9;
    color:#4535aa;
    border-radius:40px;
    padding:10px;
    width:40px
}
#mega-dropdown-topfixed-lopt:hover .mega-link-iconbox{
    background-color:#ffb643;
    color:#4535aa
}
#mega-dropdown-topfixed-ropt:hover .mega-link-iconbox{
    background-color:#ffb643;
    color:#4535aa
}
#mega-dropdown-topfixed-ropt:hover .mega-link-text{
    font-weight:400;
    color:#000
}
#mega-dropdown-topfixed-lopt:hover .mega-link-text{
    font-weight:400;
    color:#000
}
.mega-dropdown-topfixed{
    padding:5px;
    margin:10px 0 0 0;
    background-color:#f9f9f9;
    border-radius:5px
}
#slide-1:hover,#toggle-1:hover+#slide-1{
    display:block
}
#toggle-1-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}




.tutorial_section:hover #toggle-1-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
#slide-2,#slide-3,#slide-4,#slide-5,#slide-6,#slide-7{
    display:none
}
#slide-2:hover,#toggle-2:hover+#slide-2{
    display:block
}
#toggle-2-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.tutorial_section:hover #toggle-2-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
#slide-3:hover,#toggle-3:hover+#slide-3{
    display:block
}
#toggle-3-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.tutorial_section:hover #toggle-3-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
#slide-4:hover,#toggle-4:hover+#slide-4{
    display:block
}
#toggle-4-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.tutorial_section:hover #toggle-4-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
#slide-5:hover,#toggle-5:hover+#slide-5{
    display:block
}
#toggle-5-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.tutorial_section:hover #toggle-5-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
#slide-6:hover,#toggle-6:hover+#slide-6{
    display:block
}
#toggle-6-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.tutorial_section:hover #toggle-6-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
#slide-7:hover,#toggle-7:hover+#slide-7{
    display:block
}
#toggle-7-arrow{
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
.tutorial_section:hover #toggle-7-arrow{
    opacity:1;
    visibility:visible;
    transform:translateX(.5rem)
}
.slidenew{
    position:absolute;
    top:auto;
  /*  margin-top:-50px;*/
    margin-top: -40px;
    /*left:20%;*/
   /* left: 220px;*/
    height: auto;
    /*height:100%;*/
  /*  min-height:368px;*/
   /* width: fit-content;*/
    /*width:80%;*/
    background-color:#fff;
   /* overflow:hidden;*/
   /* border-radius:0 .4rem .4rem 0*/
   border-radius: 0px;
   /* box-shadow: 4px 8px 10px #979797; */
   box-shadow: 2px 5px 12px #dcdcdc;
   /*box-shadow: 5px 2px 10px #979797;*/
   border: 1px solid #ddd;
   border-left: 0px;
/*   max-width: 60%;*/
border-radius: 0px;
max-height: 400px;
overflow: auto !important;
border-top: 2px solid #bd000c;
}
@media only screen and (max-width:992px){
    .tutorial_section{
        display:block
    }
    .header-sticky .toggle{
       /* width:100%*/
    }
    .slidenew{
       /* position:relative;
        left:0;
        height:100%;
        width:100%*/
    }
}
.activeSub{
    background-color:#4535aa
}
.active{
   /* display:block*/
}
.offcanvas{
    position:fixed;
    bottom:0;
    z-index:99999;
    display:flex;
    flex-direction:column;
    max-width:75%;
    visibility:hidden;
    background-color:#fff;
    background-clip:padding-box;
    outline:0;
    transition:transform .3s ease-in-out
}
@media (prefers-reduced-motion:reduce){
    .offcanvas{
        transition:none
    }
}
.offcanvas-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.1rem 1rem;
    border-bottom:1px solid #d3d3d3
}
.offcanvas-header .btn-close{
    padding:.5rem .5rem;
    margin-top:-.5rem;
    margin-right:-.5rem;
    margin-bottom:-.5rem
}
.offcanvas-title{
    margin-bottom:0;
    line-height:1.5
}
.offcanvas-body{
    flex-grow:1;
    padding:.1rem 1rem;
    overflow-y:auto
}
.offcanvas-start{
    top:0;
    left:0;
    width:400px;
    border-right:1px solid rgba(0,0,0,.2);
    transform:translateX(-100%)
}
.offcanvas-end{
    top:0;
    right:0;
    width:400px;
    border-left:1px solid rgba(0,0,0,.2);
    transform:translateX(100%)
}
.offcanvas-top{
    top:0;
    right:0;
    left:0;
    height:30vh;
    max-height:100%;
    border-bottom:1px solid rgba(0,0,0,.2);
    transform:translateY(-100%)
}
.offcanvas-bottom{
    right:0;
    left:0;
    height:30vh;
    max-height:100%;
    border-top:1px solid rgba(0,0,0,.2);
    transform:translateY(100%)
}
.offcanvas.show{
    transform:none
}
.z-index{
    z-index:5000
}
.mobile-toggle{
    width:100%;
    padding:15px 0
}
.mobile-toggle a{
    color:#000
}
.mobile-toggle .arrow{
    width:1.25rem
}
.mob-footer-icon:hover{
    color:#4535aa
}
.mob-footer-icon:hover a{
    color:#4535aa;
    font-weight:500
}
@media (min-width:451px){
    .coin-background{
        background:url(https://static.studytonight.com/css/resource.v3/svg/coin-single-st.svg);
        background-repeat:no-repeat;
        background-position:-20px 10px
    }
}
@media (max-width:450px){
    .coin-background{
        background:url(https://static.studytonight.com/css/resource.v3/svg/coin-single-st.svg);
        background-repeat:no-repeat;
        background-position:-30px 20px
    }
}
.andriod:before{
    content:"\f17b";
    display:block
}
.card>.list-group{
    border-top:inherit;
    border-bottom:inherit
}
.card>.list-group:first-child{
    border-top-width:0;
    border-top-left-radius:calc(.25rem - 1px);
    border-top-right-radius:calc(.25rem - 1px)
}
.card>.list-group:last-child{
    border-bottom-width:0;
    border-bottom-right-radius:calc(.25rem - 1px);
    border-bottom-left-radius:calc(.25rem - 1px)
}
.list-group-item{
    position:relative;
    display:block;
    padding:.5rem 1rem;
    text-decoration:none;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child{
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
}
.list-group-item:last-child{
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.list-group-item.disabled,.list-group-item:disabled{
    color:#6c757d;
    pointer-events:none;
    background-color:#fff
}
.list-group-item.active{
    z-index:2;
    color:#fff;
    background-color:#0d6efd;
    border-color:#0d6efd
}
.list-group-item+.list-group-item{
    border-top-width:0
}
.list-group-item+.list-group-item.active{
    margin-top:-1px;
    border-top-width:1px
}
.list-inline{
    padding-left:0;
    list-style:none
}
.list-inline>li{
    display:inline-block;
    padding-left:5px;
    padding-right:5px
}
.list-inline>li:first-child{
    padding-left:0
}
.borderHide{
    border:none
}
.w-100{
    width:100%!important
}
.justify-content-between{
    justify-content:space-between!important
}
#outputContainer{
    color:#fff;
    overflow:auto;
    font-family:Menlo,Monaco,Consolas,"Courier New",Courier
}
#outputContainer header{
    height:30px;
    border-radius:8px 8px 0 0;
    padding-left:10px
}
#outputContainer header .button{
    width:12px;
    height:12px;
    margin:10px 4px 0 0;
    display:inline-block;
    border-radius:8px
}
#outputContainer header .button.green{
    background:#3bb662
}
#outputContainer header .button.yellow{
    background:#e5c30f
}
#outputContainer header .button.red{
    background:#e75448
}
.paneHeight{
    height:calc(100vh - 56px);
    background:#17202a
}
.editorContainer{
    height:75vh;
    font-size:15px;
    width:100%
}
.fab-container{
    position:fixed;
    bottom:50px;
    right:50px;
    z-index:999;
    cursor:pointer
}
.fab-icon-holder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:100%;
    box-shadow:0 6px 20px rgba(0,0,0,.2);
    transition:all .3s ease
}
.fab-icon-holder:hover{
    opacity:.8;
    border:3px solid #4535aa
}
.fab-icon-holder svg{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-style:25px;
    color:#fff
}
.fab{
    width:60px;
    height:60px;
    background:#4535aa
}
.fab-options{
    list-style-type:none;
    margin:0;
    position:absolute;
    bottom:70px;
    right:0;
    opacity:0;
    transition:all .3s ease;
    transform:scale(0);
    transform-origin:85% bottom
}
.fab-options:hover,.fab:hover+.fab-options{
    opacity:1;
    transform:scale(1)
}
.fab-options li{
    display:flex;
    justify-content:flex-end;
    padding:5px
}
.fab-options li img{
    width:1.5rem;
    height:1.5rem;
    border-radius:100%
}
.fab-label{
    padding:2px 5px;
    align-self:center;
    user-select:none;
    white-space:nowrap;
    border-radius:3px;
    font-size:16px;
    color:#fff;
    box-shadow:0 6px 20px rgba(0,0,0,.2);
    margin-right:10px
}
#overlay-screen{
    position:fixed;
    height:100%;
    width:100%;
    z-index:999;
    background:rgba(255,255,255,.8);
    top:0;
    left:0
}
#overlay-infinity-loader{
    background:url(/css/resource.v2/icons/loader/dashinfinity.gif) no-repeat;
    padding:35px 45px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-30px;
    margin-top:-30px;
    display:block
}
#gsc-iw-id2{
    border:none!important
}
@media only screen and (max-width:700px){
    .paneHeight{
        height:100vh
    }
    .dropstart .dropdown-toggle::after{
        display:inline-block
    }
    .dropstart .dropdown-toggle::before{
        display:none
    }
    .dropstart .dropdown-menu{
        top:50px!important;
        left:-25px!important
    }
    .editorContainer{
        height:70vh
    }
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.list-inline > li{
    margin:0px 10px 0px 10px !important;
}
.list-inline > li.active{
    border-bottom:5px solid #6a67ce;
}
 :root{
    --default:#212529;
    --white:#ffffff;
    --black:#000;
    --warning:#ffb643;
    --danger:#ed639e;
    --transparent:transparent;
    --purple:#4535aa;
    --border-white:#dee2e6;
    --light-purple:#E7E4F8
}
.dark-mode{
    background-color:var(--default)!important;
    color:var(--white);
    box-sizing:border-box
}
.dark-mode .page-link{
    background-color:var(--black)!important
}
.dark-mode footer a{
    color:var(--white)!important
}
.dark-mode footer .btn-warning:hover{
    color:#000!important
}
.dark-mode footer .text-dark{
    color:var(--black)!important
}
.dark-mode footer .fw-light{
    color:var(--white)!important
}
.dark-mode footer .text-primary{
    color:var(--warning)!important
}
.dark-mode .navbar-light .navbar-nav .nav-link{
    color:var(--white)!important
}
.dark-mode .navbar-light .navbar-nav .text-danger{
    color:var(--danger)!important
}
.dark-mode .text-dark{
    color:var(--white)!important
}
.dark-mode .bg-light{
    background-color:var(--default)!important
}
.dark-mode .curious-post .text-dark{
    color:var(--white)
}
.dark-mode .fab-container .fab-options .fab-icon-holder{
    background-color:var(--black)!important
}
.dark-mode .fab-container .text-primary,.dark-mode .scroller_right .text-primary{
    color:#d6d1f5!important
}
.dark-mode #navbar2 .nav-link{
    color:#efa22f!important
}
.dark-mode .all-timelines span{
    color:var(--white)!important
}
.dark-mode .card-body{
    border:1px solid var(--border-white)!important;
    background-color:var(--black);
    color:var(--white);
    box-shadow:5px 10px 15px #888
}
.dark-mode .btn-light{
    background-color:transparent!important
}
.dark-mode .testimonial-box .bg-white{
    border:1px solid var(--border-white)!important;
    background-color:var(--black)!important;
    color:var(--white)
}
.dark-mode .card-body .bg-light{
    background-color:var(--black)!important
}
.dark-mode .bg-body{
    background-color:#212529!important
}
.dark-mode .scroller_right .text-dark{
    color:var(--white)!important
}
.dark-mode .bg-white{
    background-color:var(--black)!important;
    color:var(--white)!important
}
.dark-mode #related_posts .bg-white{
    border:1px solid var(--border-white)!important
}
.dark-mode .tutorial_section .slidenew{
    background-color:var(--black)!important;
    border:1px solid var(--border-white)!important
}
.dark-mode .tutorial_section .toggle{
    background-color:var(--black)!important;
    border:1px solid var(--border-white)!important;
}
.dark-mode .tutorial_section .toggle a{
    color:var(--white)!important
}
.dark-mode .tutorial_section .mega-link{
    color:var(--white)!important
}
.dark-mode #ic .menu ul li a{
    color:var(--white)!important
}
.dark-mode #mainDropdown .mega-link-pill{
    border:1px solid var(--border-white)!important;
    background-color:var(--black)!important;
    color:var(--white)
}
.dark-mode #mainDropdown .mega-link-pill:hover{
    background-color:var(--white)!important;
    color:var(--black)!important
}
.dark-mode #ic .menu ul{
    background-color:var(--black)!important;
    color:var(--white);
    border:1px solid var(--border-white)!important
}
.dark-mode #ic .menu ul li#info{
    color:var(--warning)!important
}
.dark-mode .que_container_main{
    border:1px solid var(--border-white)!important
}
.dark-mode .que_container_main a{
    color:var(--white)!important
}
.dark-mode .que_container_main .text-dark{
    color:var(--white)!important
}
.dark-mode #que-ans-container .text-dark{
    color:var(--white)!important
}
.dark-mode #test-list .badge:not(.bg-warning),.dark-mode section .badge{
    background-color:var(--black)!important
}
.dark-mode #exitIntent .modal-content{
    background-color:#000!important;
    border:1px solid var(--white)!important;
    box-shadow:5px 10px 18px #888
}
.dark-mode #exitIntent .modal-content .btn-default{
    background-color:var(--white)!important
}
.dark-mode #exitIntent .btn-close{
    background-color:var(--white)!important
}
.dark-mode .mySlides .text-dark{
    color:var(--white)!important
}
.dark-mode #testDiv .card .text-dark{
    color:var(--white)!important
}
.dark-mode #testDiv .card{
    background-color:#212529!important;
    color:var(--white)!important
}
.dark-mode .text-dark{
    color:var(--white)!important
}
.dark-mode .accordion-button{
    background-color:#212529!important;
    color:var(--white)!important;
    border-bottom:.5px solid #fff
}
.dark-mode .dropdown-menu{
    background-color:var(--black)!important
}
.dark-mode .dropdown-item:hover{
    color:var(--black)!important
}
.dark-mode .card{
    background-color:var(--black)!important;
    border:1px solid var(--white)!important;
    color:var(--white)!important
}
.dark-mode .card .text-dark{
    color:var(--white)!important
}
.dark-mode .toast{
    border:1px solid var(--border-white)!important
}
.dark-mode #liveToast .text-dark{
    color:var(--white)!important
}
.dark-mode #liveToast .btn-close{
    background-color:var(--white)!important
}
.dark-mode .container .bg-white{
    background-color:var(--default)!important;
    border:1px solid var(--white)!important
}
.dark-mode .slideshow-container .btn-close{
    background-color:var(--white)!important
}
.dark-mode .btn-outline-primary{
    color:var(--white)!important
}
.dark-mode .table{
    color:var(--white)!important
}
.dark-mode .scroll-horizontal a{
    color:#fff!important
}
.dark-mode .pager .previous>a{
    background-color:#000!important
}
.dark-mode .toast{
    border:1px solid var(--border-white)!important
}
.dark-mode #liveToast .text-dark{
    color:#fff!important
}
.dark-mode #liveToast .btn-close{
    background-color:#fff!important
}
.dark-mode ul.sidebar-sublist>li a{
    color:var(--white)!important
}
.dark-mode ul.sidebar-sublist>li:hover a{
    color:var(--black)!important
}
.dark-mode .container-fluid .bg-white a{
    color:var(--white)!important
}
.dark-mode .container-fluid .bg-white a .text-dark{
    color:var(--white)!important
}
.dark-mode .bg-light .bg-white{
    background-color:var(--default)!important
}
.dark-mode .accordion-button::after{
    border-radius:50%;
    background-color:var(--white)!important
}
.dark-mode .mb-4 .text-dark{
    color:var(--black)!important
}
.dark-mode .col-md-5 .bg-primary{
    background-color:var(--purple)!important
}
.dark-mode .col-md-5 .bg-danger{
    background-color:var(--danger)!important
}
.dark-mode #mobNav .btn{
    color:var(--white)!important
}
.dark-mode #offcanvasRight{
    background-color:var(--black)!important;
    color:var(--white)!important
}
.dark-mode #offcanvasRight .text-muted{
    color:var(--light-purple)!important
}
.dark-mode #offcanvasRight,.dark-mode #offcanvasRight .btn-close{
    background-color:var(--white)
}
.dark-mode #offcanvasRight .arrow{
    color:var(--white);
    fill:currentColor
}
.dark-mode #offcanvasRight .bg-primary-light a>*,.dark-mode #offcanvasRight .bg-warning a>*{
    color:var(--black)!important
}
.dark-mode a{
    color:#e7e4f8
}
.dark-mode .active>*{
    color:var(--black)!important
}
.dark-mode a:hover{
    color:#ffb643!important
}
.dark-mode .btn-warning:hover{
    color:#000!important
}
.dark-mode .page-link{
    background-color:var(--black)!important
}
.dark-mode .options-toolbar label{
    background-color:var(--black)!important
}
.dark-mode .options-toolbar label:hover{
    background-color:#dfd!important;
    color:var(--black)!important
}
.dark-mode .options-toolbar input[type=radio]:checked+label{
    background-color:#bfb!important;
    color:var(--black)!important
}
.dark-mode .output{
    background-color:var(--default);
    border:1px solid var(--white)
}
.dark-mode .modal-content{
    color:var(--white)!important;
    background-color:var(--default)!important
}
.dark-mode .content-note{
    color:var(--black)!important
}
.theme-checkbox{
    opacity:0;
    position:absolute
}
.label{
    width:40px;
    height:18px;
    background-color:#111;
    display:flex;
    border-radius:18px;
    align-items:center;
    justify-content:space-between;
    padding:5px;
    position:relative;
    transform:scale(1.5);
    border:1px solid var(--white);
    cursor:pointer
}
.ball{
    width:14px;
    height:14px;
    background-color:#fff;
    position:absolute;
    left:1px;
    border-radius:50%;
    transition:transform .2s linear
}
.theme-checkbox:checked+.label .ball{
    transform:translateX(22px)
}
.bi-moon{
    color:var(--white)
}
.bi-sun{
    color:#ffb643
}
.dark-mode .fw-light {
    font-weight: 400 !important;
}
 .dark-mode .text-muted {
    color: var(--light-purple) !important;
}
 .dark-mode .shadow-sm {
    box-shadow: 0 .125rem .25rem var(--light-purple)!important;
}
 .table-striped > tbody > tr:nth-of-type(odd) {
   /* background-color: var(--black) !important;
    color: var(--light-purple) !important;*/
}
 .dark-mode #sidebar-sliding-menu{
     background-color: var(--default) !important;
     color: var(--white);
    box-shadow: 0 .125rem .25rem var(--light-purple)!important;
}


#navbarSupportedContent .navbar-nav > li {
  float: initial !important;
  /* width: fit-content !important; */
  /*  margin-right: 15px;*/
  /*font-size: 16px;*/
  position: relative;
}

.navbar-nav > li > a {
 /* padding-top: 0px !important;
  padding-bottom: 0px !important;*/
}

li.dropdown{
    border: none !important;
}

.mega-link {
  padding: 5px 0px !important;
  /*text-transform: uppercase;*/
}

.mega-url-list p, .mega-url-list li {
  /*margin-bottom: 10px;*/
  margin-bottom: 6px;
}

.mega-url-list {
  background: transparent !important;
  box-shadow: 0px 0px !important;
}

.header-sticky .toggle a {
 /* font-size: 14px;*/
 font-size: 13px;
 font-weight: 600;
 text-decoration: none;
}

.mega-link h3 {
    color: #be0511 !important;
    /* font-family: verdana !important; */
    font-weight: 600;
}


.slidenew .col-md-2 {
  width: auto;
  /*padding: 1rem !important;*/
 /* padding: 0.75em 0.5em !important;*/
  padding: 4px 15px !important;
margin: 5px 0px !important;
}

.navbar-nav .mega-dropdown #mainDropdown .tutorial_section .l2-REPORTS
{
    max-width: 93%;
    width: 100%;
 
}
.navbar-nav .mega-dropdown #mainDropdown .tutorial_section .l2-REPORTS .row
{
    max-width: 100%;
}


.navbar-nav .mega-dropdown:nth-child(7) .slidenew .row{
    max-width: 742px !important;
} 

.slidenew .row{
    margin: 0px 5px !important;
    overflow: auto;
    max-width: 808px;
   /* padding: 10px;*/
    padding: 6px 8px;
    display: flex;
  flex-wrap: wrap;
}

.module-line-menu.activeCls {
  border-bottom: none !important;
}
#mobilewrapperblk_desktop {
  display: none !important;
}

.newheader-div{
    z-index: 99999 !important;
}

.navbar {
  position: relative;
  min-height: inherit;
  margin-bottom: 0px;
  }

  .nav-link i {
  display: inline-block;
  color: #393939 !important;
  /* margin-bottom: 5px; */
  font-size: 1.2em !important;
}

.module-line {
  display: none;
}

.menu.container {
  max-width: 1100px;
/*min-height: 100%;
background: rgba(0,0,0,0.8);*/
/*left: 0;*/
/*padding-bottom: 50px;*/
}

 



@media (min-width: 1024px) and (max-width: 1500px) 
{ 
.navbar-light .navbar-nav .nav-link
{
    font-size: 12px !important;
}    
.header-sticky .toggle a
{
    font-size: 11px;
}    
.navbar-nav .mega-dropdown:last-child .lastmenup
{
left: -90px;
max-width: 782px;
}
.navbar-nav #Help-main .lastmenup
{
left: 0px;
max-width: 782px;
}

.navbar-nav .mega-dropdown #mainDropdown .tutorial_section .l2-REPORTS
{
    max-width: 751px;
    width: 100%;
   /* margin-top: 28px !important;*/
}
.PSGRKCW .navbar-nav .mega-dropdown #mainDropdown .tutorial_section .l2-REPORTS
{
    max-width: 100%;
    width: 100%;
/*    margin-top: 32px !important;*/
}

}

@media screen and (min-width : 1024px) 
{    
    #mobilewrapperblk {display:none;}
}

@media screen and (min-width : 1200px) 
{    
    #mobilewrapperblk {display:none;}


}

.btnsec_copy {
    margin-left: 5px;
    border: 0px;
}
.btnsec_copy button{
    border: 0px;
}
.eventtit_hedaerblk {
    background-color:#bd000c;
    /* display: grid; */
    padding: 3px 10px;
    color: white;
    font-weight: 400;
    /* width: 150px; */
    font-size: 15px;
    white-space: nowrap;
    border-radius: 5px;
}






@media (min-width: 1024px) and (max-width:1100px)
{
    #REPORTS-main .slidenew
    {
/*        margin-top: 25px !important;*/
        max-width: 100% !important;
    }
    .navbar-nav .mega-dropdown:last-child .lastmenup
    {
    left:-352px;
    }
    .navbar-nav #REPORTS-main  .lastmenup
    {
    left:-359px !important;
    }
     .navbar-nav #REPORTS-main  .snsctclass
    {
    left:-7px !important;
    max-width: 700px !important;
    }
    #slide-eOffice2, #slide-eAdmission3
    {
        left: 0px !important;
    }
    #Administration-main .slidenew 
    {
        font-size: 12px;
    }
    #Administration-main #slide-eOffice3
    {
        left: -120px;
    }
     #Administration-main #slide-eHostel7
         {
        left: 20px;
        }
    #Hrms-main .lastmenup .slidenew
    {
        left: -177px;
        font-size: 12px;
    }
}

@media (min-width: 1101px) and (max-width:1200px)
{
    .navbar-nav .mega-dropdown:last-child .lastmenup
    {
    left:-231px;
    }
    #REPORTS-main:hover .menu
    {
        min-width: 779px !important;
    }
    .navbar-nav #REPORTS-main  .lastmenup
    {
    left:-367px !important;
    }
          .navbar-nav #REPORTS-main  .snsctclass
    {
    left:-7px !important;
    }
    #Hrms-main .lastmenup .slidenew
    {
        left: -157px;
    }

}

@media (min-width: 1201px) and (max-width:1300px)
{
    .navbar-nav .mega-dropdown:last-child .lastmenup
    {
    left:-231px;
    }
    #REPORTS-main:hover .menu
    {
        min-width: 779px !important;
    }
    .navbar-nav #REPORTS-main  .lastmenup
    {
    left:-266px !important;
    }
      .navbar-nav #REPORTS-main  .snsctclass
    {
    left:-7px !important;
    }
       #eHostel .slidenew
    {
        left: 30px;
        font-size: 12px;
    }
}
@media (min-width: 1301px) and (max-width:1440px)
{
    #REPORTS-main:hover .menu
    {
        min-width: 908px !important;
    } 
}




@media (min-width: 1600px) and (max-width:1700px)
{
    #REPORTS-main .lastmenup 
    {
        width: 842px !important;
    }

}