html{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}body{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.page-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;overflow:auto}.content{padding:1.25rem 1.25rem;-ms-flex-positive:1;flex-grow:1}.content::after{display:block;clear:both;content:""}.page-title{padding:2rem 0;position:relative}.page-title small{display:inline-block;margin-left:.625rem}.page-title small:before{content:'/';margin-right:.875rem}.page-title small.d-block{margin-left:0}.page-title small.d-block:before{content:none}.page-title .breadcrumb,.page-title small.d-block{margin-left:1.875rem}.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6{margin:0}.page-header-content{position:relative;padding:0 1.25rem}.page-header-content[class*=border-bottom-]+.breadcrumb-line{border-top:0}.page-header-light{background-color:#ffffff;color:#0D0D0D;;border-bottom:1px solid #ddd}.page-header-light.has-cover{background:url(../../../../../../global_assets/images/backgrounds/seamless.png)}.page-header-dark{background-color:#2d9cdb;color:#fff;margin-bottom:1.25rem}.page-header-dark .page-header-content .breadcrumb>li+li:before,.page-header-dark .page-header-content .breadcrumb>li>a,.page-header-dark>.breadcrumb>li+li:before,.page-header-dark>.breadcrumb>li>a{color:rgba(255,255,255,.9)}.page-header-dark .page-header-content .breadcrumb>li>a:focus,.page-header-dark .page-header-content .breadcrumb>li>a:hover,.page-header-dark>.breadcrumb>li>a:focus,.page-header-dark>.breadcrumb>li>a:hover{color:#fff;opacity:1}.page-header-dark .page-header-content .breadcrumb>.active,.page-header-dark>.breadcrumb>.active{color:rgba(255,255,255,.5)}.page-header-dark.has-cover{background:url(../../../../../../global_assets/images/login_cover.jpg);background-size:cover}.sidebar{-ms-flex:0 0 auto;flex:0 0 auto;width:16.875rem;z-index:1040}.sidebar:not(.sidebar-component){position:fixed;top:0;bottom:0;box-sizing:content-box;transition:all ease-in-out .15s}@media screen and (prefers-reduced-motion:reduce){.sidebar:not(.sidebar-component){transition:none}}.sidebar-main,.sidebar-main .sidebar-content,.sidebar-secondary,.sidebar-secondary .sidebar-content{left:-18.5625rem}.sidebar-right,.sidebar-right .sidebar-content{right:-18.5625rem}.sidebar.sidebar-fullscreen{width:100%}.sidebar:not(.sidebar-component) .sidebar-content{position:fixed;width:inherit;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:left ease-in-out .15s,right ease-in-out .15s}@media screen and (prefers-reduced-motion:reduce){.sidebar:not(.sidebar-component) .sidebar-content{transition:none}}.navbar-lg:first-child~.page-content .sidebar:not(.sidebar-component) .sidebar-content{top:3.37503rem}.navbar-sm:first-child~.page-content .sidebar:not(.sidebar-component) .sidebar-content{top:2.87503rem}.sidebar-mobile-main .sidebar-main{box-shadow:.25rem 0 1rem rgba(0,0,0,.35)}.sidebar-mobile-main .sidebar-main,.sidebar-mobile-main .sidebar-main .sidebar-content{left:0}.sidebar-mobile-secondary .sidebar-secondary{box-shadow:.25rem 0 1rem rgba(0,0,0,.35)}.sidebar-mobile-secondary .sidebar-secondary,.sidebar-mobile-secondary .sidebar-secondary .sidebar-content{left:0}.sidebar-mobile-right .sidebar-right{display:block;box-shadow:-.25rem 0 1rem rgba(0,0,0,.35)}.sidebar-mobile-right .sidebar-right,.sidebar-mobile-right .sidebar-right .sidebar-content{right:0}.sidebar-mobile-component .sidebar-component{display:block}.nav-sidebar{-ms-flex-direction:column;flex-direction:column}.nav-sidebar .nav-item:not(.nav-item-header):first-child{padding-top:.5rem}.nav-sidebar .nav-item:not(.nav-item-header):last-child{padding-bottom:.5rem}.nav-sidebar .nav-item:not(.nav-item-divider){margin-bottom:1px}.nav-sidebar .nav-item:not(.nav-item-divider):last-child{margin-bottom:0}.nav-sidebar>.nav-item>.nav-link{font-weight:500}.nav-sidebar .nav-link{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:.75rem 1.25rem;transition:background-color ease-in-out .15s,color ease-in-out .15s}@media screen and (prefers-reduced-motion:reduce){.nav-sidebar .nav-link{transition:none}}.nav-sidebar .nav-link i{margin-right:1.25rem;margin-top:.12502rem;margin-bottom:.12502rem;top:0}.nav-sidebar .nav-link .badge{transition:background-color ease-in-out .15s,border-color ease-in-out .15s}@media screen and (prefers-reduced-motion:reduce){.nav-sidebar .nav-link .badge{transition:none}}.nav-sidebar .nav-link.disabled,.nav-sidebar .nav-link.disabled:focus,.nav-sidebar .nav-link.disabled:hover{background-color:transparent;opacity:.5}.nav-sidebar .nav-item-header{padding:.75rem 1.25rem;margin-top:.5rem}.nav-sidebar .nav-item-header>i{display:none}.nav-sidebar .nav-item-divider{margin:.5rem 0;height:1px}.nav-item-submenu>.nav-link{padding-right:2.75rem}.nav-item-submenu>.nav-link:after{content:'\e9c7';font-family:icomoon;display:inline-block;font-size:1rem;vertical-align:middle;line-height:1;position:absolute;top:.75rem;margin-top:.12502rem;right:1.25rem;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (prefers-reduced-motion:reduce){.nav-item-submenu>.nav-link:after{transition:none}}.nav-item-submenu.nav-item-open>.nav-link:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-group-sub{display:none}.nav-group-sub .nav-link{padding:.625rem 1.25rem .625rem 3.5rem}.nav-group-sub .nav-group-sub .nav-link{padding-left:4.75rem}.nav-group-sub .nav-group-sub .nav-group-sub .nav-link{padding-left:6rem}.nav-group-sub .nav-item-submenu>.nav-link:after{top:.625rem}.nav-item-expanded>.nav-group-sub{display:block}.nav-scrollspy .nav-item-open .nav-link:not(.active)+.nav,.nav-scrollspy .nav-link.active+.nav{display:block}.nav-scrollspy .nav-link.active:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-sidebar-icons-reverse .nav-link{padding-right:3.5rem}.nav-sidebar-icons-reverse .nav-link i{position:absolute;top:.75rem;right:1.25rem;margin-right:0}.nav-sidebar-icons-reverse .nav-item-submenu .nav-link{padding-right:4.5rem}.nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after{right:3.25rem}.nav-sidebar-icons-reverse .nav-group-sub .nav-link{padding-left:2.5rem}.nav-sidebar-icons-reverse .nav-group-sub .nav-link i{top:.625rem}.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link{padding-left:3.75rem}.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-group-sub .nav-link{padding-left:5rem}.nav-sidebar-bordered>.nav-item+.nav-item:not(.nav-item-divider){margin-bottom:0}.sidebar .card:first-child .nav-sidebar-bordered{padding-top:0}.sidebar .card:first-child .nav-sidebar-bordered>.nav-item-header:first-child,.sidebar .card:first-child .nav-sidebar-bordered>.nav-item:first-child{border-top:0}.sidebar .card:last-child .nav-sidebar-bordered{padding-bottom:0}.sidebar .card:last-child .nav-sidebar-bordered>.nav-item-header:last-child,.sidebar .card:last-child .nav-sidebar-bordered>.nav-item:last-child{border-bottom:0}.sidebar-dark .nav-sidebar-bordered>.nav-item{border-top:1px solid rgba(255,255,255,.1)}.sidebar-dark .nav-sidebar-bordered>.nav-item:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-dark .nav-sidebar-bordered>.nav-item-header{background-color:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.1);margin:0}.sidebar-light .nav-sidebar-bordered>.nav-item{border-top:1px solid #eee}.sidebar-light .nav-sidebar-bordered>.nav-item:last-child{border-bottom:1px solid #eee}.sidebar-light .nav-sidebar-bordered>.nav-item-header{background-color:#fafafa;border-top:1px solid #eee;margin:0}.sidebar-mobile-toggler{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-top:1px solid transparent;border-bottom:1px solid transparent}.sidebar-mobile-toggler a{padding:.875rem 1.25rem;transition:all ease-in-out .15s}@media screen and (prefers-reduced-motion:reduce){.sidebar-mobile-toggler a{transition:none}}.navbar-lg:first-child~.page-content .sidebar-mobile-toggler a{padding:1rem 1.25rem}.navbar-sm:first-child~.page-content .sidebar-mobile-toggler a{padding:.75rem 1.25rem}.sidebar-mobile-expand i:last-child:not(:first-child){display:none}.sidebar-fullscreen .sidebar-mobile-expand i:first-child{display:none}.sidebar-fullscreen .sidebar-mobile-expand i:last-child{display:inline-block}.sidebar-dark{background-color:#2d9cdb;color:#fff}.sidebar-dark .sidebar-mobile-toggler{color:rgba(255,255,255,.9);border-bottom-color:rgba(255,255,255,.1)}.sidebar-dark .sidebar-mobile-toggler:not([class*=bg-]){background-color:#000000}.sidebar-dark .sidebar-mobile-toggler a{color:rgba(255,255,255,.9)}.sidebar-dark .sidebar-mobile-toggler a:hover{color:#fff;background-color:transparent}.sidebar-dark .card-header{border-color:rgba(255,255,255,.1)}.sidebar-dark .nav-sidebar .nav-link,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link{color:rgba(255,255,255,.9)}.sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link:not(.disabled):hover{color:#fff;background-color:rgba(0,0,0,.15)}.sidebar-dark .nav-sidebar .nav-item>.nav-link.active,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item>.nav-link.active{background-color:rgba(0,0,0,.15);color:#fff}.sidebar-dark .nav-sidebar .nav-item-open>.nav-link:not(.disabled),.sidebar-dark .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-open>.nav-link:not(.disabled),.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link{background-color:rgba(0,0,0,.15);color:#fff}.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active{background-color:#fff;color:#333}.sidebar-dark .nav-sidebar .nav-item-header,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-header{color:rgba(255,255,255,.5)}.sidebar-dark .nav-sidebar .nav-item-divider,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-divider{background-color:rgba(255,255,255,.1)}.sidebar-dark .nav-sidebar>.nav-item-submenu>.nav-group-sub,.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-submenu>.nav-group-sub{background-color:rgba(0,0,0,.15)}.sidebar .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),.sidebar .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active,.sidebar-dark[class*=bg-] .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),.sidebar-dark[class*=bg-] .nav-sidebar>.nav-item>.nav-link.active{background-color:rgba(0,0,0,.3)}.sidebar-light{background-color:#fff;color:#333;border-right:1px solid rgba(0,0,0,.125);background-clip:content-box}.sidebar-light.sidebar-right{border-right:0;border-left:1px solid rgba(0,0,0,.125)}.sidebar-light .nav-sidebar .nav-link{color:rgba(51,51,51,.85)}.sidebar-light .nav-sidebar .nav-link:not(.disabled):hover{color:#333;background-color:#f5f5f5}.sidebar-light .nav-sidebar .nav-item>.nav-link.active{background-color:#f5f5f5;color:#333}.sidebar-light .nav-sidebar .nav-item-open>.nav-link:not(.disabled),.sidebar-light .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link{background-color:#f5f5f5;color:#333}.sidebar-light .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),.sidebar-light .nav-sidebar>.nav-item>.nav-link.active{background-color:#f5f5f5;color:#333}.sidebar-light .nav-sidebar .nav-item-header{color:rgba(51,51,51,.5)}.sidebar-light .nav-sidebar .nav-item-divider{background-color:rgba(0,0,0,.125)}.sidebar-light .nav-sidebar>.nav-item-submenu>.nav-group-sub{background-color:transparent}.sidebar-light .sidebar-mobile-toggler{color:rgba(51,51,51,.8);border-bottom-color:rgba(0,0,0,.125)}.sidebar-light .sidebar-mobile-toggler:not([class*=bg-]){background-color:#f5f5f5}.sidebar-light .sidebar-mobile-toggler a{color:rgba(51,51,51,.8)}.sidebar-light .sidebar-mobile-toggler a:hover{color:#333;background-color:transparent}.sidebar-light .sidebar-mobile-toggler[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent){color:rgba(255,255,255,.9);border-bottom-color:rgba(255,255,255,.1)}.sidebar-light .sidebar-mobile-toggler[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) a{color:rgba(255,255,255,.9)}.sidebar-light .sidebar-mobile-toggler[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) a:hover{color:#fff;background-color:transparent}.sidebar-component{display:none;width:100%;border:1px solid transparent;border-radius:.1875rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sidebar-component.sidebar-dark{border-color:rgba(255,255,255,.1)}.sidebar-component.sidebar-light{border-color:rgba(0,0,0,.125)}@media (min-width:768px){.sidebar-xs .sidebar-main{width:3.5rem}.sidebar-xs .sidebar-main .sidebar-content::-webkit-scrollbar{width:0!important}.sidebar-xs .sidebar-main .card-title,.sidebar-xs .sidebar-main .card:not(.card-sidebar-mobile){display:none}.sidebar-xs .sidebar-main .card-header h6+.header-elements{padding-top:.22117rem;padding-bottom:.22117rem}.sidebar-xs .sidebar-main .card-header h5+.header-elements{padding-top:.31733rem;padding-bottom:.31733rem}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item{position:relative;margin:0}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item>.nav-link{-ms-flex-pack:center;justify-content:center;padding-left:0;padding-right:0}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item>.nav-link>i{position:static;margin-left:0;margin-right:0;display:block;padding-bottom:1px}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item>.nav-link>span{display:none}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-submenu:focus>.nav-group-sub,.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-submenu:hover>.nav-group-sub{display:block!important}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-submenu>.nav-group-sub{position:absolute;top:-.5rem;right:-16.875rem;width:16.875rem;display:none;z-index:1000;box-shadow:0 .25rem .5rem rgba(0,0,0,.1);border-top-right-radius:.1875rem;border-bottom-right-radius:.1875rem}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-submenu>.nav-group-sub[data-submenu-title]:before{content:attr(data-submenu-title);display:block;padding:.75rem 1.25rem;padding-bottom:0;margin-top:.5rem;opacity:.5}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-submenu>.nav-link:after{content:none}.sidebar-xs .sidebar-main .nav-sidebar .nav-group-sub .nav-link{padding-left:1.25rem}.sidebar-xs .sidebar-main .nav-sidebar .nav-group-sub .nav-group-sub .nav-link{padding-left:2.25rem}.sidebar-xs .sidebar-main .nav-sidebar .nav-group-sub .nav-group-sub .nav-group-sub .nav-link{padding-left:3.5rem}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-header{padding:0;text-align:center}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-header>i{display:block;top:0;padding:.75rem 1.25rem;margin-top:.12502rem;margin-bottom:.12502rem}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-header>div{display:none}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item-open>.nav-group-sub{display:none!important}.sidebar-xs .sidebar-main .nav-sidebar>.nav-item:focus>.nav-link.disabled+.nav-group-sub,.sidebar-xs .sidebar-main .nav-sidebar>.nav-item:focus>.nav-link.disabled>span,.sidebar-xs .sidebar-main .nav-sidebar>.nav-item:hover>.nav-link.disabled+.nav-group-sub,.sidebar-xs .sidebar-main .nav-sidebar>.nav-item:hover>.nav-link.disabled>span{display:none!important}.sidebar-xs .sidebar-main .sidebar-user .card-body{padding-left:0;padding-right:0}.sidebar-xs .sidebar-main .sidebar-user .media{-ms-flex-pack:center;justify-content:center}.sidebar-xs .sidebar-main .sidebar-user .media>div:not(:first-child){display:none!important}.sidebar-xs .sidebar-main .sidebar-user .media>div:first-child{margin:0!important}.sidebar-xs .sidebar-main .nav-item-submenu-reversed .nav-group-sub{top:auto!important;bottom:0}.sidebar-xs .sidebar-main.sidebar-dark .nav-sidebar>.nav-item:not(.nav-item-open):hover>.nav-link:not(.active):not(.disabled){color:#fff;background-color:rgba(0,0,0,.15)}.sidebar-xs .sidebar-main.sidebar-dark .nav-sidebar>.nav-item-submenu>.nav-group-sub{background-color:#000;border-radius: 0 8px 8px 0;border-left:1px solid rgba(255,255,255,.1)}.sidebar-xs .sidebar-main.sidebar-light .nav-sidebar>.nav-item:not(.nav-item-open):hover>.nav-link:not(.active):not(.disabled){color:#333;background-color:#f5f5f5}.sidebar-xs .sidebar-main.sidebar-light .nav-sidebar>.nav-item-submenu>.nav-group-sub{background-color:#fcfcfc;border:1px solid rgba(0,0,0,.125)}.sidebar-xs .sidebar-main.sidebar-fixed{z-index:1029}.sidebar-xs .sidebar-main.sidebar-fixed .nav-sidebar>.nav-item-submenu:focus>.nav-group-sub,.sidebar-xs .sidebar-main.sidebar-fixed .nav-sidebar>.nav-item-submenu:hover>.nav-group-sub{position:fixed;left:3.5rem;top:3.12503rem;bottom:0;width:16.875rem;overflow-y:auto;border-radius:0}.sidebar-xs .navbar-lg:first-child~.page-content .sidebar-fixed.sidebar-main .nav-sidebar>.nav-item-submenu:focus>.nav-group-sub,.sidebar-xs .navbar-lg:first-child~.page-content .sidebar-fixed.sidebar-main .nav-sidebar>.nav-item-submenu:hover>.nav-group-sub{top:3.37503rem}.sidebar-xs .navbar-sm:first-child~.page-content .sidebar-fixed.sidebar-main .nav-sidebar>.nav-item-submenu:focus>.nav-group-sub,.sidebar-xs .navbar-sm:first-child~.page-content .sidebar-fixed.sidebar-main .nav-sidebar>.nav-item-submenu:hover>.nav-group-sub{top:2.87503rem}}@media (min-width:576px){.sidebar-expand-sm.sidebar-main{z-index:99;box-shadow:none}.sidebar-expand-sm.sidebar-main .sidebar-content{left:0}.sidebar-expand-sm.sidebar-secondary{z-index:98;box-shadow:none}.sidebar-expand-sm.sidebar-secondary .sidebar-content{left:0}.sidebar-expand-sm.sidebar-right{z-index:97;box-shadow:none}.sidebar-expand-sm.sidebar-right .sidebar-content{right:0}.sidebar-expand-sm.sidebar-component{z-index:96}.sidebar-expand-sm:not(.sidebar-component){position:static;transition:none}}@media screen and (min-width:576px) and (prefers-reduced-motion:reduce){.sidebar-expand-sm:not(.sidebar-component){transition:none}}@media (min-width:576px){.sidebar-expand-sm:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content{position:static;overflow:visible;width:auto}.sidebar-expand-sm.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component){border-left:1px solid rgba(255,255,255,.1)}.sidebar-expand-sm .sidebar-mobile-toggler{display:none}.sidebar-expand-sm.sidebar-fullscreen{width:16.875rem}.sidebar-component-hidden .sidebar-expand-sm.sidebar-component,.sidebar-main-hidden .sidebar-expand-sm.sidebar-main,.sidebar-mobile-right .sidebar-expand-sm.sidebar-right,.sidebar-secondary-hidden .sidebar-expand-sm.sidebar-secondary{display:none}.sidebar-expand-sm.sidebar-right{display:none}.sidebar-right-visible .sidebar-expand-sm.sidebar-right{display:block}.sidebar-expand-sm.sidebar-component{display:block;width:16.875rem}.sidebar-expand-sm.sidebar-component-left{margin-right:1.25rem}.sidebar-expand-sm.sidebar-component-right{margin-left:1.25rem}}@media (max-width:575.98px){.sidebar-expand-sm:not(.sidebar-component){border:0}}@media (min-width:768px){.sidebar-expand-md.sidebar-main{z-index:99;box-shadow:none}.sidebar-expand-md.sidebar-main .sidebar-content{left:0}.sidebar-expand-md.sidebar-secondary{z-index:98;box-shadow:none}.sidebar-expand-md.sidebar-secondary .sidebar-content{left:0}.sidebar-expand-md.sidebar-right{z-index:97;box-shadow:none}.sidebar-expand-md.sidebar-right .sidebar-content{right:0}.sidebar-expand-md.sidebar-component{z-index:96}.sidebar-expand-md:not(.sidebar-component){position:static;transition:none}}@media screen and (min-width:768px) and (prefers-reduced-motion:reduce){.sidebar-expand-md:not(.sidebar-component){transition:none}}@media (min-width:768px){.sidebar-expand-md:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content{position:fixed;overflow:visible;}.sidebar-expand-md.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component){border-left:1px solid rgba(255,255,255,.1)}.sidebar-expand-md .sidebar-mobile-toggler{display:none}.sidebar-expand-md.sidebar-fullscreen{width:16.875rem}.sidebar-component-hidden .sidebar-expand-md.sidebar-component,.sidebar-main-hidden .sidebar-expand-md.sidebar-main,.sidebar-mobile-right .sidebar-expand-md.sidebar-right,.sidebar-secondary-hidden .sidebar-expand-md.sidebar-secondary{display:none}.sidebar-expand-md.sidebar-right{display:none}.sidebar-right-visible .sidebar-expand-md.sidebar-right{display:block}.sidebar-expand-md.sidebar-component{display:block;width:16.875rem}.sidebar-expand-md.sidebar-component-left{margin-right:1.25rem}.sidebar-expand-md.sidebar-component-right{margin-left:1.25rem}}@media (max-width:767.98px){.sidebar-expand-md:not(.sidebar-component){border:0}}@media (min-width:992px){.sidebar-expand-lg.sidebar-main{z-index:99;box-shadow:none}.sidebar-expand-lg.sidebar-main .sidebar-content{left:0}.sidebar-expand-lg.sidebar-secondary{z-index:98;box-shadow:none}.sidebar-expand-lg.sidebar-secondary .sidebar-content{left:0}.sidebar-expand-lg.sidebar-right{z-index:97;box-shadow:none}.sidebar-expand-lg.sidebar-right .sidebar-content{right:0}.sidebar-expand-lg.sidebar-component{z-index:96}.sidebar-expand-lg:not(.sidebar-component){position:static;transition:none}}@media screen and (min-width:992px) and (prefers-reduced-motion:reduce){.sidebar-expand-lg:not(.sidebar-component){transition:none}}@media (min-width:992px){.sidebar-expand-lg:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content{position:static;overflow:visible;width:auto}.sidebar-expand-lg.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component){border-left:1px solid rgba(255,255,255,.1)}.sidebar-expand-lg .sidebar-mobile-toggler{display:none}.sidebar-expand-lg.sidebar-fullscreen{width:16.875rem}.sidebar-component-hidden .sidebar-expand-lg.sidebar-component,.sidebar-main-hidden .sidebar-expand-lg.sidebar-main,.sidebar-mobile-right .sidebar-expand-lg.sidebar-right,.sidebar-secondary-hidden .sidebar-expand-lg.sidebar-secondary{display:none}.sidebar-expand-lg.sidebar-right{display:none}.sidebar-right-visible .sidebar-expand-lg.sidebar-right{display:block}.sidebar-expand-lg.sidebar-component{display:block;width:16.875rem}.sidebar-expand-lg.sidebar-component-left{margin-right:1.25rem}.sidebar-expand-lg.sidebar-component-right{margin-left:1.25rem}}@media (max-width:991.98px){.sidebar-expand-lg:not(.sidebar-component){border:0}}@media (min-width:1200px){.sidebar-expand-xl.sidebar-main{z-index:99;box-shadow:none}.sidebar-expand-xl.sidebar-main .sidebar-content{left:0}.sidebar-expand-xl.sidebar-secondary{z-index:98;box-shadow:none}.sidebar-expand-xl.sidebar-secondary .sidebar-content{left:0}.sidebar-expand-xl.sidebar-right{z-index:97;box-shadow:none}.sidebar-expand-xl.sidebar-right .sidebar-content{right:0}.sidebar-expand-xl.sidebar-component{z-index:96}.sidebar-expand-xl:not(.sidebar-component){position:static;transition:none}}@media screen and (min-width:1200px) and (prefers-reduced-motion:reduce){.sidebar-expand-xl:not(.sidebar-component){transition:none}}@media (min-width:1200px){.sidebar-expand-xl:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content{position:static;overflow:visible;width:auto}.sidebar-expand-xl.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component){border-left:1px solid rgba(255,255,255,.1)}.sidebar-expand-xl .sidebar-mobile-toggler{display:none}.sidebar-expand-xl.sidebar-fullscreen{width:16.875rem}.sidebar-component-hidden .sidebar-expand-xl.sidebar-component,.sidebar-main-hidden .sidebar-expand-xl.sidebar-main,.sidebar-mobile-right .sidebar-expand-xl.sidebar-right,.sidebar-secondary-hidden .sidebar-expand-xl.sidebar-secondary{display:none}.sidebar-expand-xl.sidebar-right{display:none}.sidebar-right-visible .sidebar-expand-xl.sidebar-right{display:block}.sidebar-expand-xl.sidebar-component{display:block;width:16.875rem}.sidebar-expand-xl.sidebar-component-left{margin-right:1.25rem}.sidebar-expand-xl.sidebar-component-right{margin-left:1.25rem}}@media (max-width:1199.98px){.sidebar-expand-xl:not(.sidebar-component){border:0}}.sidebar-expand.sidebar-main{z-index:99;box-shadow:none}.sidebar-expand.sidebar-main .sidebar-content{left:0}.sidebar-expand.sidebar-secondary{z-index:98;box-shadow:none}.sidebar-expand.sidebar-secondary .sidebar-content{left:0}.sidebar-expand.sidebar-right{z-index:97;box-shadow:none}.sidebar-expand.sidebar-right .sidebar-content{right:0}.sidebar-expand.sidebar-component{z-index:96}.sidebar-expand:not(.sidebar-component){position:static;transition:none}@media screen and (prefers-reduced-motion:reduce){.sidebar-expand:not(.sidebar-component){transition:none}}.sidebar-expand:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content{position:static;overflow:visible;width:auto}.sidebar-expand.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component){border-left:1px solid rgba(255,255,255,.1)}.sidebar-expand .sidebar-mobile-toggler{display:none}.sidebar-expand.sidebar-fullscreen{width:16.875rem}.sidebar-component-hidden .sidebar-expand.sidebar-component,.sidebar-main-hidden .sidebar-expand.sidebar-main,.sidebar-mobile-right .sidebar-expand.sidebar-right,.sidebar-secondary-hidden .sidebar-expand.sidebar-secondary{display:none}.sidebar-expand.sidebar-right{display:none}.sidebar-right-visible .sidebar-expand.sidebar-right{display:block}.sidebar-expand.sidebar-component{display:block;width:16.875rem}.sidebar-expand.sidebar-component-left{margin-right:1.25rem}.sidebar-expand.sidebar-component-right{margin-left:1.25rem}.sidebar-expand:not(.sidebar-component){border:0}.sidebar:not(.bg-transparent) .card{border-width:0;margin-bottom:0;border-radius:0;box-shadow:none}.sidebar:not(.bg-transparent) .card .card{border-width:1px}.sidebar:not(.bg-transparent) .card:not([class*=bg-]):not(.fixed-top){background-color:transparent}.sidebar .card-footer{border-bottom:1px solid rgba(0,0,0,.125)}.sidebar .row:not(.no-gutters){margin-left:-.3125rem;margin-right:-.3125rem}.sidebar .row:not(.no-gutters) [class*=col]{padding-left:.3125rem;padding-right:.3125rem}.sidebar .form-group:last-child{margin-bottom:0}.sidebar .nav-tabs .nav-item:first-child .nav-link{border-left:0}.sidebar .nav-tabs .nav-item:last-child .nav-link{border-right:0}.sidebar .nav-tabs .nav-link{border-top:0;border-bottom-width:0}.sidebar .nav-tabs .nav-link.active{border-bottom-color:transparent}.sidebar-dark .nav-tabs{background-color:#1e272c;border-bottom-color:rgba(255,255,255,.1)}.sidebar-dark .nav-tabs .nav-link{color:rgba(255,255,255,.9)}.sidebar-dark .nav-tabs .nav-link:focus,.sidebar-dark .nav-tabs .nav-link:hover{color:#fff}.sidebar-dark .nav-tabs .nav-link.active{color:#fff}.sidebar-dark .nav-tabs:not(.nav-tabs-bottom) .nav-link.active{background-color:#263238;border-color:rgba(255,255,255,.1)}.sidebar-dark .nav-tabs .nav-item.show .nav-link:not(.active){color:#fff}.sidebar-light .nav-tabs{background-color:#f5f5f5;border-bottom-color:rgba(0,0,0,.125)}.sidebar-light .nav-tabs .nav-link:focus,.sidebar-light .nav-tabs .nav-link:hover{color:#333}.sidebar-light .nav-tabs .nav-link.active{color:#333}.sidebar-light .nav-tabs:not(.nav-tabs-bottom) .nav-link.active{background-color:#fff}.row-tile div[class*=col] .btn{border-radius:0}.row-tile div[class*=col]:first-child .btn:first-child{border-top-left-radius:.1875rem}.row-tile div[class*=col]:first-child .btn:last-child{border-bottom-left-radius:.1875rem}.row-tile div[class*=col]:last-child .btn:first-child{border-top-right-radius:.1875rem}.row-tile div[class*=col]:last-child .btn:last-child{border-bottom-right-radius:.1875rem}.row-tile div[class*=col] .btn+.btn{border-top:0}.row-tile div[class*=col]+div[class*=col] .btn{border-left:0}.layout-boxed-bg{background:url(../../../../../../global_assets/images/backgrounds/boxed_bg.png) repeat}.layout-boxed{box-shadow:-4px 2px 4px rgba(0,0,0,.15),4px 2px 4px rgba(0,0,0,.15)}@media (min-width:992px){.layout-boxed,.layout-boxed>.navbar{width:992px;margin-left:auto;margin-right:auto}}@media (min-width:1200px){.layout-boxed,.layout-boxed>.navbar{width:1200px}}.layout-boxed .page-content{background-color:#f5f5f5}@media (min-width:992px){.content-boxed:not(.navbar-collapse){margin-left:6%;margin-right:6%}.navbar>.content-boxed>:first-child{margin-left:6%}.navbar>.content-boxed>:last-child{margin-right:6%}.breadcrumb-line>.content-boxed>:first-child{margin-left:1.25rem}.breadcrumb-line>.content-boxed>:last-child{margin-right:1.25rem}}
/* swapna new styles */
.content{
background-color:#fff;
}
.card{
border-color: #fff;
border-radius:10px;
padding: 10px;
}
.graybg{
background-color: #EDEDED;
border-color: #EDEDED;
border-radius:10px;
padding: 10px;
}
.card-body .studentForm{
background-color: #eceef3;
}
.studentForm .nav-tabs{
border-bottom: 3px solid #fff;
}
.studentForm .nav-item{
width: 25%;
text-align: center;
font-weight: 500;
color: #000;
}
.studentForm .nav-tabs .nav-item.show .nav-link,.studentForm .nav-tabs .nav-link.active{
color: #2196f3;
background-color: #eceef3;
border-color: #eceef3;
}
.studentForm .nav-tabs-highlight .nav-link:before {
top:40px;
}
.studentForm .select2-selection--single:not([class*=bg-]){
background-color: #fff;
}
.studentForm .form-control{
background-color: #fff;
}
.studentForm .bgcard{
background-color: #fff;
padding:10px;
border-radius:5px;
}
.studentForm .fileclick{
border: none;
background-color: #fff;
color: #2196f3;
font-size: 14px;
cursor: pointer;
}
.delete-btn{
cursor:pointer;
}
/* enable absolute positioning */
.studentForm .inner-addon,.datepick .inner-addon{
position: relative;
}
/* style icon */
.studentForm .inner-addon i ,.datepick .inner-addon i{
position: absolute;
padding: 10px;
pointer-events: none;
}
.icon-square-pen:before {
content: "\ea10"; /* Replace with the correct Unicode for your square pen icon */
}
/* align icon */
.studentForm .left-addon i { left: 0px;}
.studentForm .right-addon i , .datepick .right-addon i { right: 0px;}
/* add padding */
.studentForm .left-addon input { padding-left: 30px; }
.studentForm .right-addon input, .datepick .right-addon input { padding-right: 30px; }
.swal-modal{
width: 400px;
}
.swal-icon{
width: 50px;
height: 50px;
}
.swal-icon--warning__body{
height: 20px;
}
.swal-title{
font-size: 20px;
padding: 0px 15px;
}
.swal-text{
font-size: 15px;
text-align: center;
}
.swal-button--danger{
background-color:#7cd1f9
}
.swal-button{
width: 100px;
}
.content{
padding:0;
}
ul.breadcrumb {
padding: 5px 10px;
list-style: none;
}
ul.breadcrumb li {
display: inline;
font-size: 14px;
}
ul.breadcrumb li+li:before {
padding: 8px;
color: black;
content: '>';
}
ul.breadcrumb li a {
color: grey;
text-decoration: none;
}
ul.breadcrumb li a.active{
color: #0275d8;
}
ul.breadcrumb li a:hover {
color: #0275d8;
text-decoration: underline;
}
.photo-block{
background-color:#fff;
border-radius:8px;
}
.title_bg{
background-color: #fdf4e2;
padding:10px 15px;
margin-bottom: 1em;
}
/* new css */
.sidebar-dark {
background-color: #0D0D0D !important;
color: #fff;
}
.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active {
background-color: #fff;
color: #333;
border-radius: 8px;
}
@media (min-width: 768px) {
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item > .nav-link.active {
padding: 5px !important;
}
}
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu.nav-item-active > .nav-link,
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu.nav-item-expanded > .nav-link {
padding: 5px !important;
}
.nav-item-open, .nav-item-submenu {
background-color: none !important;
}
.less-width {
position: relative !important;
left: -14px;
width: 0%;
}
.custom-rem-width {
width: 15rem !important;
}
/* add institute table styles */
.table.datatable-responsive {
border-collapse: separate !important;
border-spacing: 0 !important;
border: none !important;
}
.table.datatable-responsive thead {
background-color: #EDEDED;
/* border-radius: 8px !important; */
overflow: hidden !important;
border-bottom: none !important;
}
.table.datatable-responsive thead tr th {
border-bottom: none !important;
border-top: none !important;
}
.table.datatable-responsive tbody tr td {
border-bottom: 1px solid #e1e1e1 !important;
border-top: none !important;
}
.table.datatable-responsive tbody tr:nth-child(odd) {
background-color: transparent;
}
.table.datatable-responsive tbody tr:nth-child(even) {
background-color: #FBFBFB;
/* border-radius: 8px !important; */
}
.table.datatable-responsive tbody tr:nth-child(even) td:first-child {
border-top-left-radius: 8px;
/* border-bottom-left-radius: 8px; */
}
.table.datatable-responsive tbody tr:nth-child(even) td:last-child {
border-top-right-radius: 8px;
/* border-bottom-right-radius: 8px; */
}
@media (max-width: 767.98px) {
/* .table.datatable-responsive th:nth-child(3),
.table.datatable-responsive td:nth-child(3),
.table.datatable-responsive th:nth-child(4),
.table.datatable-responsive td:nth-child(4) {
display: none;
} */
.table.datatable-responsive {
width: 100% !important;
}
}
/* Table styling for timetables */
.table.datatable-button-html5-columns {
border-collapse: separate !important;
border-spacing: 0 !important;
border: none !important;
}
.table.datatable-button-html5-columns thead {
background-color: #EDEDED;
overflow: hidden !important;
border-bottom: none !important;
}
.table.datatable-button-html5-columns thead tr th {
border-bottom: none !important;
border-top: none !important;
}
.table.datatable-button-html5-columns tbody tr td {
border-bottom: 1px solid #e1e1e1 !important;
border-top: none !important;
}
.table.datatable-button-html5-columns tbody tr:nth-child(odd) {
background-color: transparent;
}
.table.datatable-button-html5-columns tbody tr:nth-child(even) {
background-color: #FBFBFB;
}
.table.datatable-button-html5-columns tbody tr:nth-child(even) td:first-child {
border-top-left-radius: 8px;
}
.table.datatable-button-html5-columns tbody tr:nth-child(even) td:last-child {
border-top-right-radius: 8px;
}
@media (max-width: 767.98px) {
/* .table.datatable-button-html5-columns th:nth-child(3),
.table.datatable-button-html5-columns td:nth-child(3),
.table.datatable-button-html5-columns th:nth-child(4),
.table.datatable-button-html5-columns td:nth-child(4) {
display: none;
} */
.table.datatable-button-html5-columns {
width: 100% !important;
}
.timetable-section {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.dt-buttons {
display: none !important;
}
}
/* table.dataTable thead th:last-child:after {
display: none !important;
}
table.dataTable thead th:last-child:before {
display: none !important;
} */
.btn-primary {
background-color: #0D0D0D !important;
border-color: #0D0D0D !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.btn-primary:hover {
background-color: #333333 !important;
border-color: #333333 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.btn-black-primary {
background-color: #0D0D0D !important;
border-color: #0D0D0D !important;
color: #fff !important;
border-radius: 8px !important;
padding: 8px 16px !important;
font-size: 12px !important;
}
.btn-black-primary:hover {
background-color: #333333 !important;
border-color: #333333 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 8px 16px !important;
font-size: 12px !important;
}
.btn-danger-custom {
background-color: #f44336 !important;
border-color: #f44336 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.btn-danger-custom:hover {
background-color: #a42f26 !important;
border-color: #a42f26 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.btn-nobg {
background-color: transparent !important;
border: none !important;
color: #000000 !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 10px 20px !important;
}
.btn-nobg:hover {
background-color: transparent !important;
border: none !important;
color: #535353 !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 10px 20px !important;
box-shadow: none !important;
}
.btn-nobg-red {
background-color: transparent !important;
border: none !important;
color: #e10e0e !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 10px 20px !important;
}
.btn-nobg-red:hover {
background-color: transparent !important;
border: none !important;
color: #890b0b !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 10px 20px !important;
box-shadow: none !important;
}
.card, .card-body {
box-shadow: none !important;
border-bottom: none !important;
}
.card-footer {
background-color: transparent !important;
border-top: none !important;
}
.action.btn.bg-blue {
background-color: #0D0D0D !important;
}
.custom-breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 15px 0;
list-style: none;
}
.custom-breadcrumb li {
position: relative;
margin-right: 20px;
margin-bottom: 8px;
}
.custom-breadcrumb li a {
display: inline-block;
padding: 8px 16px;
text-decoration: none;
border-radius: 8px;
background-color: #FFFFFF;
color: #384352;
font-weight: 500;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
}
.custom-breadcrumb li a.active {
background-color: #0D0D0D;
color: white;
box-shadow: none;
}
.custom-breadcrumb li:not(:last-child):after {
content: "›";
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
color: #384352;
font-size: 18px;
font-weight: bold;
}
@media (max-width: 768px) {
.custom-breadcrumb {
overflow-x: auto;
white-space: nowrap;
padding-bottom: 8px;
}
}
@media (min-width: 768px) {
.table-responsive,
.dataTables_wrapper,
.timetable-section {
overflow-x: visible !important;
max-width: 100%;
}
}
.swal-title {
color: #0D0D0D !important;
}
.swal-text {
color: #0D0D0D !important;
}
.swal-footer {
text-align: center !important;
}
.swal-button--cancel {
color: #0D0D0D !important;
background-color: #efefef;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.swal-button--danger {
background-color: #0D0D0D !important;
color: #fff !important;
}
.nav-tabs-highlight .nav-link.active:before {
background-color: #0D0D0D !important;
}
.studentForm .nav-tabs .nav-item.show .nav-link, .studentForm .nav-tabs .nav-link.active {
color: #0D0D0D !important;
}
@media (max-width: 767.98px) {
.studentForm .nav-tabs-highlight .nav-link:before {
top: 80px !important;
}
}
.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after {
font-family: "icomoon";
font-size: 16px;
line-height: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
width: 100%;
text-align: center;
height: 100%;
margin: 0;
}
.fc-icon-left-single-arrow:after {
content: "\e9c0" !important;
}
.fc-icon-right-single-arrow:after {
content: "\e9c3" !important;
}
.fc-button {
height: 30px;
position: relative;
overflow: visible;
}
.fc-icon {
display: block;
height: 100%;
position: relative;
}
.sidebar-xs .toggle-text {
display: none !important;
visibility: hidden !important;
width: 0 !important;
overflow: hidden !important;
}
.toggle-text {
color: white !important;
text-decoration: none !important;
}
.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled) {
border-radius: 8px !important;
}
.logo-container {
padding: 0;
margin: 0;
overflow: hidden;
border-radius: 8px;
}
.logo-container .institute-header {
display: flex;
align-items: center;
width: 100%;
}
.institute-name {
color: white !important;
}
.card.card-sidebar-mobile > li.nav-item.logo-container {
border-radius: 0 !important;
}
.sidebar-xs .institute-name-wrapper {
display: none !important;
}
.sidebar-xs .logo-container {
background: none !important;
}
.sidebar-xs .logo-wrapper {
margin-right: 0;
}
.sidebar-xs .logo-container a {
justify-content: center;
}
.nav-link {
display: flex !important;
align-items: center !important;
}
.nav-link i {
font-size: 18px;
width: 24px;
text-align: center;
margin-right: 10px;
}
.nav-link span {
line-height: 1.2;
}
.nav-icon-container {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.fc-time-grid-event.fc-not-start.fc-end:empty {
display: none !important;
}
.nav-icon-container img {
filter: brightness(0) invert(1);
}
.nav-link.active .nav-icon-container img {
filter: brightness(0);
}
.nav-item-submenu.nav-item-open > .nav-link .nav-icon-container img,
.nav-item-submenu.nav-item-expanded > .nav-link .nav-icon-container img {
filter: brightness(0);
}
.btn-custom {
padding: 10px 10px !important;
}
.btn-custom:hover {
padding: 10px 10px !important;
}
.invoice-big-font {
font-size: 18px !important;
font-weight: 500 !important;
color: #0D0D0D !important;
}
.fc-time-grid-event.fc-not-start.fc-end:empty {
display: none;
}
.cke_notification {
display: none !important;
}
select[readonly] {
-webkit-appearance: none; /* for Chrome & Safari */
-moz-appearance: none; /* for Firefox */
appearance: none; /* modern browsers */
pointer-events: none; /* disable mouse interaction */
background: transparent; /* remove default background */
}
.btn-not-marked {
background-color: #0D0D0D !important;
border-color: #0D0D0D !important;
color: #fff !important;
border-radius: 8px !important;
padding: 5px 16px !important;
font-size: 12px !important;
}
.btn-not-marked:hover {
background-color: #333333 !important;
border-color: #333333 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 5px 16px !important;
font-size: 12px !important;
}
.btn-present {
background: none !important;
color: red !important;
border: none;
padding: 5px 16px !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.btn-present:hover {
background: none !important;
color: #340c0c !important;
border: none;
padding: 5px 16px !important;
font-size: 12px !important;
font-weight: 500 !important;
box-shadow: none !important;
outline: none !important;
}
.btn-absent {
background: none !important;
color: green !important;
border: none;
padding: 5px 16px !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.btn-absent:hover {
background: none !important;
color: #1c580d !important;
border: none;
padding: 5px 16px !important;
font-size: 12px !important;
font-weight: 500 !important;
box-shadow: none !important;
outline: none !important;
}
.custom-filter-button {
background: transparent;
border-color: #dddddd;
color: #a2a2a2;
}
.timetable-filter {
min-width: 200px;
}
@media (max-width: 767px) {
.d-flex.align-items-center {
flex-direction: column;
}
.timetable-filter {
margin-bottom: 10px;
min-width: auto;
}
}
.nav-tabs-highlight .nav-link.active
{
color: #000;
background-color: transparent;
border-bottom: 2px solid #000;
}
.nav-tabs-highlight .nav-link {
color: #333;
border: none;
border-bottom: 2px solid transparent;
padding: 0.75rem 1rem;
transition: all 0.2s ease;
}
.dataTable thead .sorting:after {
content: '\e9c2';
display: none !important;
}
.dataTable thead .sorting:before {
content: '\e9c1';
display: none !important;
}
.dataTable thead .sorting:before {
content: '\e9c1';
display: none !important;
}
.dataTable thead .sorting_asc:after {
content: '\e9c2';
display: none !important;
}
.dt-button-collection {
background-color: #fff !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
border-radius: 4px !important;
padding: 8px !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility {
background-color: transparent !important;
color: #000 !important;
border-bottom: 1px solid #e1e1e1 !important;
text-align: left !important;
padding: 6px 12px 6px 30px !important;
margin: 2px 0 !important;
border-radius: 4px !important;
position: relative !important;
width: 100% !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility span::before {
content: "" !important;
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 14px !important;
height: 14px !important;
border: 1px solid #999 !important;
background-color: transparent !important;
display: inline-block !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility.active span::before {
background-color: #000 !important;
border-color: #000 !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility.active span::after {
content: "✓" !important;
position: absolute !important;
left: 12px !important;
top: 55% !important;
transform: translateY(-55%) !important;
color: white !important;
font-size: 12px !important;
font-weight: bold !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility:hover {
background-color: #f5f5f5 !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility span:empty::before,
.dt-button-collection .dt-button.buttons-columnVisibility span:empty::after {
display: none !important;
}
.dt-button-collection .dt-button.buttons-columnVisibility:has(span:empty) {
border-bottom: none !important;
}
@media (max-width: 767px) {
.dataTables_filter label {
width: 100%;
display: block;
}
.dataTables_filter input {
width: 100%;
display: block;
}
.filter-positioned {
padding: 0 !important;
}
}
.dataTable thead .sorting_desc:after
{
content: '\e9c1';
display: none !important;
}
.btn-complete {
background-color: #4CAF50 !important;
border-color: #4CAF50 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.btn-incomplete {
background-color: #F44336 !important;
border-color: #F44336 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.collapse.show + .card-header .fa-chevron-down,
[aria-expanded="true"] .fa-chevron-down {
transform: rotate(180deg);
transition: transform 0.2s ease;
}
.fa-chevron-down {
transition: transform 0.2s ease;
}
.qst-questions-container {
width: 100%;
}
.qst-question-card {
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.qst-question-card .card-header {
padding: 0.75rem 1.25rem;
}
.qst-question-card .card-header h5 {
margin: 0;
font-size: .8rem;
font-weight: 400;
}
.qst-question-card .card-header button {
padding: 0;
text-decoration: none;
color: inherit;
box-shadow: none;
}
.qst-question-card .card-header button:focus,
.qst-question-card .card-header button:hover {
text-decoration: none;
box-shadow: none;
}
.full-width-tabs {
width: 100%;
display: flex;
gap: 15px;
}
.custom-tab {
flex-basis: 0;
flex-grow: 1;
width: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: relative;
max-width: calc(50% - 8px);
}
.full-width-tabs .custom-tab:only-child {
width: 100%;
max-width: 100%;
}
.custom-tab .nav-link {
border: none;
border-radius: 8px;
text-align: center;
width: 100%;
padding: 12px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.custom-tab .nav-link.active {
border-bottom: none !important;
box-shadow: none;
border-top: none !important;
background-color: transparent;
}
.custom-tab .nav-link.active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: #000;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
display: block !important;
z-index: 1;
}
.nav-tabs.full-width-tabs .nav-item.custom-tab .nav-link,
.nav-tabs.full-width-tabs .nav-item.custom-tab .nav-link:before {
border-top: 0 none !important;
border-top-width: 0 !important;
border-top-style: none !important;
border-top-color: transparent !important;
box-shadow: none !important;
}
.nav-tabs.full-width-tabs .nav-item.custom-tab .nav-link:before {
display: none !important;
}
.nav-tabs-highlight.full-width-tabs .nav-link:before {
display: none !important;
}
.btn.btn-outline:hover,
.btn.btn-outline:focus {
background-color: #878787;
color: #000000 !important;
border-color: #9a9a9a;
}
.card-new-border {
border: 1px solid #e1e1e1;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.full-width-hr {
border: 1px solid #e1e1e1;
margin-left: -1.2rem;
margin-right: -1.2rem;
}
.custom-title-style {
font-size: 18px;
font-weight: 500;
}
input[type="date"]::-webkit-calendar-picker-indicator {
cursor: pointer;
}
input[type="date"]::-webkit-inner-spin-button {
cursor: pointer;
}
input[type="date"] {
cursor: pointer;
}
.btn-fees-trasparent {
background-color: transparent !important;
border: none !important;
color: #000000 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.btn-fees-trasparent:hover {
background: none !important;
border: none !important;
color: #535353 !important;
font-size: 14px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
.btn-fees-trasparent:focus {
background: none !important;
border: none !important;
color: #535353 !important;
font-size: 14px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
.btn-red-transparent {
background-color: transparent !important;
border: none !important;
color: #e10e0e !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.btn-red-transparent:hover {
background-color: transparent !important;
border: none !important;
color: #890b0b !important;
font-size: 14px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
.btn-red-transparent:focus {
background-color: transparent !important;
border: none !important;
color: #890b0b !important;
font-size: 14px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
.datatable-scroll:has(tbody tr:nth-child(11)) {
max-height: 500px !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
position: relative !important;
transform: translateZ(0);
will-change: transform;
}
.datatable-scroll:has(tbody tr:nth-child(11)) thead th {
position: sticky !important;
top: 0 !important;
background-color: #EDEDED !important;
z-index: 100 !important;
border-bottom: 1px solid #e1e1e1 !important;
}
.datatable-scroll:has(tbody tr:nth-child(11)) tbody td {
position: relative !important;
}
@media (max-width: 767.98px) {
.datatable-scroll:has(tbody tr:nth-child(11))
{
max-height: 400px !important;
}
.datatable-scroll:has(tbody tr:nth-child(11)) thead th
{
font-size: 12px !important;
padding: 8px 4px !important;
}
}
.card-new-border-1 {
border: 1px solid #e1e1e1;
border-radius: 5px;
}
.custom-card {
border-radius: 10px !important;
}
.validation-invalid-label:before{
content: none !important;
}
.validation-invalid-label, .validation-valid-label{
padding-left: 0 !important;
}
.datepicker{
padding: .4375rem 4px !important;
}
.subject-btn {
background-color: white;
color: black;
border: 1px solid rgba(0,0,0,0.1);
transition: all 0.3s ease;
border-radius: 8px;
}
.subject-btn.active {
background-color: black;
color: white;
}
.view-btn {
background-color: white;
color: #333;
border: 1px solid rgba(0,0,0,0.1);
transition: all 0.2s ease;
}
.view-btn.active {
background-color: black !important;
color: white !important;
border-color: black;
}
.badge-custom-black {
background-color: #0D0D0D !important;
color: #fff !important;
padding: 10px 10px !important;
border-radius: 8px !important;
font-size: 12px !important;
}
.custom-card {
border-radius: 8px;
border-top: 6px solid black;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee !important;
border-left: 1px solid #eee;
transition: transform 0.2s;
box-shadow:
0 5px 15px rgba(0,0,0,0.1),
0 2px 5px rgba(0,0,0,0.1) !important;
}
.card-title {
font-weight: 500;
margin-bottom: 15px;
}
.card-body .full-width-hr {
margin-left: -1.95rem;
margin-right: -1.95rem;
width: calc(100% + 3.7rem);
}
.text-decoration-none.card-link {
color: inherit !important;
}
.custom-card-2 {
border-radius: 8px;
border-top: 6px solid black;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee !important;
border-left: 1px solid #eee;
transition: transform 0.2s;
box-shadow:
0 5px 15px rgba(0,0,0,0.1),
0 2px 5px rgba(0,0,0,0.1) !important;
}
.semester-item {
transition: all 0.2s ease;
cursor: pointer;
}
.semester-item:hover {
background-color: #000;
color: #fff;
}
.semester-item:hover a {
color: #fff !important;
}
.custom-card-3 {
border-radius: 8px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee !important;
border-left: 1px solid #eee;
transition: transform 0.2s;
box-shadow:
0 5px 15px rgba(0,0,0,0.1),
0 2px 5px rgba(0,0,0,0.1) !important;
}
.dataTables_scroll .dataTables_scrollBody table{
min-height: 200px !important;
margin-bottom: 1em !important;
}
.swal-button--confirm{
background-color: #0D0D0D !important;
color: #fff !important;
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.swal-button--cancel {
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.bg-custom-grey {
background-color: #f6f6f6;
padding: .5rem 0;
border-radius: 8px;
}
.badge-container {
padding: 6px 10px;
cursor: pointer;
color: #000;
margin-right: 15px;
}
.badge-container a{
color: black;
}
.active-badge {
background-color: #fff;
color: #000;
border-radius: 8px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 6px solid black;
border-left: 1px solid #eee;
transition: transform 0.2s;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}
.badge-orange {
background-color: #ff9800;
color: white;
}
.badge-red {
background-color: #f44336;
color: white;
}
.badge-green {
background-color: #4CAF50;
color: white;
}
.shadow-box {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1) !important;
padding: 20px;
border-radius: 8px;
}
.custom-tabs .nav-link {
border: none !important;
background-color: #f8f9fa;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
border-radius: 6px;
padding: 8px 14px;
transition: all 0.2s ease-in-out;
}
.custom-tabs .nav-link:hover {
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.custom-tabs .nav-link.active {
background-color: #ffffff !important;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
font-weight: 600;
}
.btn-dark-custom {
background-color: #0D0D0D !important;
color: #fff !important;
border: none;
}
.btn-dark-custom:hover {
background-color: #1a1a1a !important;
}
.table.datatable-basic {
border-collapse: separate !important;
border-spacing: 0 !important;
border: none !important;
}
.table.datatable-basic thead {
background-color: #EDEDED;
overflow: hidden !important;
border-bottom: none !important;
}
.table.datatable-basic thead tr th {
border-bottom: none !important;
border-top: none !important;
}
.table.datatable-basic tbody tr td {
border-bottom: 1px solid #e1e1e1 !important;
border-top: none !important;
}
.table.datatable-basic tbody tr:nth-child(odd) {
background-color: transparent;
}
.table.datatable-basic tbody tr:nth-child(even) {
background-color: #FBFBFB;
}
.table.datatable-basic tbody tr:nth-child(even) td:first-child {
border-top-left-radius: 8px;
}
.table.datatable-basic tbody tr:nth-child(even) td:last-child {
border-top-right-radius: 8px;
}
.rounded-2 {
border-radius :1rem;
}
.btn-outline-secondary{
border-radius: 8px !important;
padding: 10px 20px !important;
font-size: 12px !important;
}
.cancelBtn{
border-radius: 8px;
}
@media (max-width: 767.98px) {
.d-flex.justify-content-between.align-items-center.mb-3 {
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 0.5rem;
}
.search-container {
width: auto !important;
position: relative;
transition: width 0.3s ease;
}
.search-container input#search {
width: 40px !important;
padding: 10px !important;
padding-left: 35px !important;
border: none !important;
transition: width 0.3s ease, padding 0.3s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 10px center;
cursor: pointer;
}
.search-container input#search:focus,
.search-container input#search.active {
width: 120px !important;
padding-left: 35px !important;
cursor: text;
}
#search {
width: 120px !important;
}
.d-flex.align-items-center {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 0.25rem;
flex-wrap: nowrap !important;
white-space: nowrap;
}
.d-flex.align-items-center .me-2 {
margin-right: 0.25rem !important;
font-size: 0.875rem;
flex-shrink: 0;
}
.d-flex.align-items-center #perPage {
width: 55px !important;
min-width: 55px !important;
padding: 0.6rem 0.25rem !important;
font-size: 0.875rem;
flex-shrink: 0;
}
.export-btn.ms-2 {
margin-left: 0.25rem !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.875rem;
white-space: nowrap;
flex-shrink: 0;
}
.export-btn.ms-2 i {
margin-right: 0.25rem;
}
}
@media (max-width: 575.98px) {
.export-btn.ms-2 {
padding: 0.79rem !important;
width: auto;
}
.export-btn.ms-2 .btn-text {
display: none;
}
.export-btn.ms-2 i {
margin-right: 0;
}
}
/* Mobile Table Design - Card/Tile View */
@media (max-width: 767.98px) {
.table-responsive table thead, .laravel-table-responsive table thead {
display: none;
}
.table-responsive table,
.table-responsive table tbody,
.table-responsive table tr,
.table-responsive table td {
display: block;
width: 100%;
}
.laravel-table-responsive table,
.laravel-table-responsive table tbody,
.laravel-table-responsive table tr,
.laravel-table-responsive table td {
display: block;
width: 100%;
}
.table tbody tr {
background: #fff;
border: 1px solid #e1e1e1;
border-radius: 8px;
margin-bottom: 1rem;
padding: 1rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
position: relative;
}
.table tbody tr:nth-child(even) {
background: #fff;
}
/* Cell styling */
.table tbody td {
padding: 0.5rem 0 !important;
border: none !important;
display: flex;
justify-content: space-between;
align-items: flex-start;
min-height: 36px;
font-size: 0.875rem;
text-align: left !important;
}
.table tbody td:before {
content: attr(data-label);
font-weight: 600;
color: #333;
flex: 0 0 40%;
padding-right: 1rem;
text-align: left !important;
font-size: 0.8125rem;
}
.table tbody td > * {
flex: 1;
}
/* Direct text content */
.table tbody td {
padding: 0.5rem 0 !important;
border: none !important;
display: flex;
justify-content: space-between;
align-items: flex-start;
min-height: 36px;
font-size: 0.875rem;
text-align: right !important;
}
.table tbody td > a,
.table tbody td > span:not(.badge),
.table tbody td > small {
display: inline !important;
flex: none !important;
width: auto !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.table tbody td {
flex-wrap: wrap;
}
.border-right-2.border-right-blue-400 {
border-right: none !important;
}
.table tbody td br {
display: block;
content: "";
margin: 0 !important;
line-height: 0.2 !important;
}
.table tbody td > a + small,
.table tbody td > a + br + small,
.table tbody td > span + small,
.table tbody td > div + small {
display: block;
margin-top: 0.15rem !important;
}
.table tbody td .text-muted {
margin-top: 0.15rem !important;
display: block;
}
.table tbody tr td:first-child {
background: transparent !important;
margin: 0 !important;
padding: 0.5rem 0 !important;
border-radius: 0 !important;
font-weight: 400 !important;
font-size: 0.875rem !important;
border-bottom: none !important;
display: flex !important;
justify-content: space-between !important;
}
.table tbody tr td:first-child:before {
display: inline !important;
font-size: 0.8125rem !important;
color: #333 !important;
margin-bottom: 0 !important;
font-weight: 600 !important;
flex: 0 0 40% !important;
padding-right: 1rem !important;
}
.table tbody td.no-export,
.table tbody td:last-child:not([data-label]) {
justify-content: flex-end !important;
padding-top: 0.75rem !important;
padding-bottom: 0.25rem !important;
border-top: 1px solid #f0f0f0 !important;
margin-top: 0.5rem;
}
.table tbody td.no-export:before,
.table tbody td:last-child:not([data-label]):before {
content: none;
}
.table tbody td:last-child[data-label] {
justify-content: space-between;
border-top: none !important;
margin-top: 0;
}
.table .badge {
flex: 0;
display: inline-block;
padding: 0.375rem 0.75rem;
font-size: 0.75rem;
}
.table tbody td .badge-success,
.table tbody td .badge-danger,
.table tbody td .badge-warning,
.table tbody td .badge-info {
min-width: 90px;
text-align: center !important;
}
.table tbody td a.list-icons-item {
display: flex;
justify-content: flex-end;
}
.table tbody tr td[colspan] {
display: block !important;
text-align: center !important;
padding: 2rem 1rem !important;
}
.table tbody tr td[colspan]:before {
content: none;
}
.dataTables_wrapper .table tbody tr {
margin-bottom: 1rem;
}
.table thead th:first-child,
.table tbody td:first-child {
position: static;
box-shadow: none;
}
.table .btn-group {
display: flex;
flex-direction: column;
width: 100%;
gap: 0.5rem;
}
.table .btn {
width: 100%;
justify-content: center;
}
.table input[type="text"],
.table input[type="number"],
.table select {
width: 100%;
max-width: 200px;
}
.table input[type="checkbox"],
.table input[type="radio"] {
width: 1.25rem;
height: 1.25rem;
}
.table tbody td a {
display: inline-flex;
align-items: center;
gap: 0.25rem;
text-align: left !important;
}
.table tbody td i {
font-size: 1.125rem;
}
.table tbody td img {
max-width: 60px;
height: auto;
border-radius: 4px;
}
.dataTables_wrapper .dataTables_paginate {
margin-top: 1rem;
}
.pagination {
justify-content: center;
flex-wrap: wrap;
}
.pagination .page-item:not(:first-child):not(:last-child):not(.active):not(:nth-child(2)):not(:nth-last-child(2)) {
display: none;
}
.pagination .page-item:first-child,
.pagination .page-item:last-child,
.pagination .page-item:nth-child(2),
.pagination .page-item:nth-last-child(2),
.pagination .page-item.active,
.pagination .page-item.active + .page-item,
.pagination .page-item.active .page-item {
display: flex !important;
}
.pagination .page-link {
min-width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
margin: 0.125rem;
}
.dataTables_info {
text-align: center;
padding: 1rem 0;
}
.dataTables_wrapper {
padding: 0.5rem;
}
.timetable-section .table tbody tr {
background: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
}
.timetable-section .table tbody td {
border-left: 3px solid #0D0D0D !important;
padding-left: 0.75rem !important;
}
.attendance-table .table tbody tr {
border-left: 4px solid #4CAF50;
}
.attendance-table .table tbody td[data-label*="Present"] {
color: #4CAF50;
font-weight: 600;
}
.attendance-table .table tbody td[data-label*="Absent"] {
color: #f44336;
font-weight: 600;
}
.marks-table .table tbody tr {
border-left: 4px solid #2196F3;
}
.marks-table .table tbody td input[type="number"] {
width: 80px;
padding: 0.5rem;
font-size: 1rem;
border: 2px solid #e1e1e1;
border-radius: 6px;
}
.invoice-table .table tbody tr {
border-left: 4px solid #FF9800;
}
.invoice-table .table tbody td[data-label*="Amount"],
.invoice-table .table tbody td[data-label*="Total"],
.invoice-table .table tbody td[data-label*="Balance"] {
font-weight: 700;
color: #FF9800;
font-size: 1rem;
}
.fees-table .table tbody tr {
border-left: 4px solid #9C27B0;
}
.students-table .table tbody tr td:first-child {
background: transparent !important;
}
.teachers-table .table tbody tr td:first-child {
background: transparent !important;
}
.exam-table .table tbody tr {
border-left: 4px solid #f44336;
}
.grade-table .table tbody tr td[data-label*="Grade"] {
font-size: 1.25rem;
font-weight: 700;
}
.table .table tbody tr {
margin: 0.5rem 0;
padding: 0.75rem;
}
.table tr.child {
background: #f8f9fa !important;
border-left: 4px solid #0D0D0D;
margin-top: -0.5rem;
padding-top: 0.75rem;
}
.table tr.child td {
font-size: 0.8125rem;
}
.table.loading tbody tr {
opacity: 0.5;
pointer-events: none;
}
.table tbody tr {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.table tbody tr:active {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.table tbody td .btn-group-vertical {
width: 100%;
}
.table tbody td .dropdown-toggle {
width: auto !important;
}
.table tbody tr[class*="table-"] td:first-child:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
border-radius: 8px 0 0 8px;
}
.table tbody td.no-export .dropdown,
.table tbody td:last-child .dropdown {
margin-left: auto !important;
position: relative;
}
.table tbody td.no-export .list-icons-item,
.table tbody td:last-child .list-icons-item {
margin-left: auto !important;
}
.table tbody td.no-export .dropdown,
.table tbody td:last-child .dropdown {
position: relative !important;
display: inline-block !important;
}
.table tbody td .dropdown-menu {
position: absolute !important;
right: 0 !important;
left: auto !important;
top: 100% !important;
margin-top: 0.25rem !important;
transform: none !important;
min-width: 150px !important;
}
.table tbody td .dropdown-menu.show {
display: block !important;
z-index: 1050 !important;
}
.export-btn {
padding: 0.5rem !important;
min-width: auto !important;
}
.export-btn .icon-download4 + * {
display: none !important;
}
.export-btn {
margin-top: -3px;
font-size: 0 !important;
}
.export-btn i,
.export-btn .icon-download4 {
font-size: 1rem !important;
margin: 0 !important;
}
.export-btn .icon-spinner {
font-size: 1rem !important;
}
.table tbody tr.table-success td:first-child:after {
background: #4CAF50;
}
.table tbody tr.table-danger td:first-child:after {
background: #f44336;
}
.table tbody tr.table-warning td:first-child:after {
background: #FF9800;
}
.table tbody tr.table-info td:first-child:after {
background: #2196F3;
}
@media print {
.table thead {
display: table-header-group !important;
}
.table tbody tr {
display: table-row;
page-break-inside: avoid;
}
.table tbody td {
display: table-cell;
}
.table tbody td:before {
display: none;
}
}
}
@media (max-width: 575.98px) {
.table tbody tr {
padding: 0.75rem;
margin-bottom: 0.75rem;
}
.table tbody td {
font-size: 0.8125rem;
padding: 0.375rem 0 !important;
}
.table tbody td:before {
font-size: 0.75rem;
flex: 0 0 35%;
}
.table tbody tr td:first-child {
margin: 0 !important;
padding: 0.375rem 0 !important;
font-size: 0.8125rem !important;
justify-content: space-between !important;
}
}
/* Landscape orientation */
@media (max-width: 767.98px) and (orientation: landscape) {
.table tbody td {
flex-direction: row;
}
.table tbody td:before {
flex: 0 0 30%;
}
}
.description-cell {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
@media (min-width: 768px) {
.description-cell {
width: 300px;
max-width: 300px;
}
}
@media (max-width: 767.98px) {
.custom-breadcrumb li {
display: none;
}
.custom-breadcrumb li.active,
.custom-breadcrumb li:has(a.active) {
display: block;
}
.custom-breadcrumb li.active::before,
.custom-breadcrumb li:has(a.active)::before {
display: none;
}
}
@media (max-width: 767.98px) {
.nav-tabs-highlight {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-bottom: 1px solid #ddd;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
.nav-tabs-highlight::-webkit-scrollbar {
height: 4px;
}
.nav-tabs-highlight::-webkit-scrollbar-track {
background: transparent;
}
.nav-tabs-highlight::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 4px;
}
.nav-tabs-highlight .nav-item {
flex: 0 0 auto;
white-space: nowrap;
min-width: fit-content;
}
.nav-tabs-highlight .nav-link {
padding: 0.625rem 1rem;
font-size: 13px;
white-space: nowrap;
display: inline-block;
}
.nav-tabs-highlight .nav-link:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
}
}
@media (max-width: 767px) {
.sidebar-fixed-bottom {
position: relative !important;
width: 100% !important;
background: transparent !important;
}
.sidebar-fixed-bottom .nav-link {
margin-right: 0 !important;
}
.sidebar-fixed-bottom .nav-group-sub {
position: static !important;
background-color: #000 !important;
max-height: none !important;
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
}
.extra-height {
display: none;
}
/* Force accordion behavior on mobile */
.sidebar-fixed-bottom .dropdown,
.sidebar-fixed-bottom .dropdown-menu {
display: none !important;
}
.sidebar-fixed-bottom .nav-group-sub {
display: none !important;
}
.sidebar-fixed-bottom.nav-item-open .nav-group-sub {
display: block !important;
}
.sidebar-xs .sidebar-main .sidebar-fixed-bottom {
width: 15.7rem !important;
background-color: transparent !important;
}
}
.nav-item.nav-item-submenu.sidebar-fixed-bottom {
padding-bottom: 0 !important;
}
@media (max-width: 767.98px) {
.d-flex.justify-content-between.align-items-center.mt-3 {
flex-direction: column-reverse !important;
gap: 1rem;
}
.d-flex.justify-content-between.align-items-center.mt-3 > div:first-child,
.d-flex.justify-content-between.align-items-center.mt-3 > div:last-child {
text-align: center !important;
width: 100%;
}
.pagination {
justify-content: center !important;
margin: 0 !important;
}
.d-flex.justify-content-between.align-items-center.mt-3 > div:first-child {
order: 1;
font-size: 0.875rem;
}
.d-flex.justify-content-between.align-items-center.mt-3 > div:last-child {
order: 2;
}
}
@media (max-width: 767.98px) {
.qst-question-card .card-header button {
gap: 0.5rem !important;
white-space: nowrap !important;
}
.qst-question-card .card-header button > span {
overflow: hidden !important;
text-overflow: ellipsis !important;
flex: 1 !important;
min-width: 0 !important;
}
.qst-question-card .card-header button .d-flex.align-items-center {
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.qst-question-card .card-header button .d-flex.align-items-center .mr-2 {
display: none !important;
}
.qst-question-card .card-header h5 {
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
font-size: 16px !important;
}
.global-clear-btn {
display: none !important;
}
}
.global-clear-btn
{
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: #00000000;
border: none;
cursor: pointer;
font-size: 10px !important;
font-weight: 100;
color: #000000 !important;
}
@media (min-width: 768px) {
.table tbody .btn,
.table tbody td.no-export .btn,
.table tbody td[class*="action"] .btn {
font-size: 11px !important;
padding: 4px 16px !important;
}
}
@media (max-width: 767.98px) {
.table thead th.no-export,
.table thead th:has(input[type="checkbox"]) {
display: none !important;
}
.table tbody td.no-export:has(input[type="checkbox"]),
.table tbody td:has(input.student-checkbox) {
display: none !important;
}
.table input[type="checkbox"].student-checkbox,
.table #selectAll {
display: none !important;
}
.custom-tabs.nav.nav-tabs {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
white-space: nowrap !important;
scrollbar-width: thin !important;
}
.custom-tabs.nav.nav-tabs::-webkit-scrollbar {
height: 4px !important;
}
.custom-tabs.nav.nav-tabs::-webkit-scrollbar-track {
background: transparent !important;
}
.custom-tabs.nav.nav-tabs::-webkit-scrollbar-thumb {
background: #ddd !important;
border-radius: 4px !important;
}
.custom-tabs.nav.nav-tabs .nav-item {
flex: 0 0 auto !important;
white-space: nowrap !important;
}
.custom-tabs.nav.nav-tabs .nav-link {
white-space: nowrap !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
.custom-tabs.nav.nav-tabs .btn-dark-custom {
flex-shrink: 0 !important;
}
.callout table {
display: block !important;
width: 100% !important;
}
.callout table tbody {
display: block !important;
width: 100% !important;
}
.callout table tr {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
margin-bottom: 0.5rem !important;
padding: 0.5rem 0 !important;
padding-left: 5px !important;
padding-right: 5px !important;
border-bottom: 1px solid #ddd !important;
gap: 0.75rem !important;
}
.callout table tr:last-child {
border-bottom: none !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.callout table td:first-child {
flex: 0 0 auto !important;
width: auto !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
}
.callout table td:nth-child(2) {
flex: 1 1 auto !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.callout table td:nth-child(3) {
flex: 0 0 auto !important;
width: auto !important;
text-align: right !important;
padding: 0 !important;
margin: 0 !important;
}
.callout table td {
display: flex !important;
align-items: center !important;
border: none !important;
}
.callout table td:nth-child(2) input {
width: 100% !important;
flex: 1 !important;
}
.callout table input[type="radio"],
.callout table input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.callout table .remove-option {
background: none !important;
border: none !important;
padding: 0 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.callout table .remove-option i {
font-size: 1.125rem !important;
color: #f44336 !important;
}
}
.extra-padding {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
table .badge,
table .badge-pill,
table .badge-primary,
table .badge-secondary,
table .badge-success,
table .badge-info,
table .badge-warning,
table .badge-danger,
table .badge-light,
table .badge-dark,
table .badge.bg-secondary,
table .badge.bg-success,
table .badge.bg-danger {
background-color: transparent !important;
border: none !important;
padding: 0px !important;
font-size: 11px !important;
font-weight: 500 !important;
}
table .badge-primary {
color: #2196F3 !important;
}
table .badge-secondary {
color: #777 !important;
}
table .badge-success {
color: #4CAF50 !important;
}
table .badge-info {
color: #00BCD4 !important;
}
table .badge-warning {
color: #FF7043 !important;
}
table .badge-danger {
color: #F44336 !important;
}
table .badge-light {
color: #333 !important;
}
table .badge-dark {
color: #324148 !important;
}
table .badge.bg-secondary {
color: #777 !important;
}
table .badge.bg-success {
color: #4CAF50 !important;
}
table .badge.bg-danger {
color: #F44336 !important;
}
.upload-button-styled {
display: inline-block;
width: 100%;
max-width: 200px;
background: white;
border: none;
padding: 0.75rem;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500;
color: #333;
transition: all 0.2s;
cursor: pointer;
text-align: center;
}
.upload-button-styled:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
background: #f8f9fa;
}
.form-control,
.custom-select,
.custom-file-label,
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control,
input[type="number"].form-control,
input[type="tel"].form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.bootstrap-select .dropdown-toggle {
border-radius: 8px !important;
}
.input-group .form-control:first-child,
.input-group-prepend .input-group-text {
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.input-group .form-control:last-child,
.input-group-append .input-group-text {
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.btn {
border-radius: 8px !important;
}
.upload-button-styled {
border-radius: 8px !important;
}
#image-preview {
border-radius: 8px !important;
}
.inner-addon.right-addon .input-group .form-control.date-pick,
.inner-addon.right-addon .input-group .form-control.has-datepicker-icon {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.inner-addon.right-addon .input-group .input-group-append .input-group-text {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.inner-addon.right-addon .input-group .form-control.date-pick:first-child,
.inner-addon.right-addon .input-group .form-control.has-datepicker-icon:first-child {
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.inner-addon.right-addon .input-group .input-group-append .input-group-text {
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input-group-prepend .btn:last-child,
.input-group-prepend .input-group-text:last-child {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input-group-append .btn:first-child,
.input-group-append .input-group-text:first-child {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.form-control:not(.input-group .form-control),
input[type="file"].form-control:not(.input-group .form-control) {
border-radius: 8px !important;
}
/* Button group border radius fix */
.btn-group .btn,
.btn-group-vertical .btn {
border-radius: 0 !important;
}
.btn-group .btn:first-child:not(:last-child),
.btn-group-vertical .btn:first-child:not(:last-child) {
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-group .btn:last-child:not(:first-child),
.btn-group-vertical .btn:last-child:not(:first-child) {
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.btn-group .btn:only-child,
.btn-group-vertical .btn:only-child {
border-radius: 8px !important;
}
/* Vertical button groups */
.btn-group-vertical .btn:first-child:not(:last-child) {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-group-vertical .btn:last-child:not(:first-child) {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.student-tab-group {
display: inline-flex;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
background: #fff;
}
.student-tab-btn {
padding: 10px 18px;
font-size: 13px;
font-weight: 500;
color: #333;
background: #fff;
border: none;
border-right: 1px solid #e0e0e0;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.student-tab-btn:last-child {
border-right: none;
}
.student-tab-btn.active {
background: #000;
color: #fff !important;
}
.student-tab-btn:not(.active):hover {
background: #000;
color: #fff !important;
text-decoration: none;
}
@media(max-width: 767px) {
.student-tab-group {
overflow: auto;
}
}
.sidebar-nav-scroll {
max-height: calc(100dvh - 120px);
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
scroll-behavior: smooth;
position: relative;
}
.sidebar-nav-scroll::-webkit-scrollbar {
width: 0px;
}
@media (min-width: 768px) {
.sidebar-xs .sidebar-nav-scroll {
overflow-y: auto !important;
overflow-x: hidden !important;
position: relative;
z-index: 1;
}
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:not(.sidebar-fixed-bottom) {
position: relative;
}
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:not(.sidebar-fixed-bottom):hover > .nav-group-sub,
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:not(.sidebar-fixed-bottom):focus-within > .nav-group-sub {
background: #000000;
position: fixed !important;
left: 2.9rem !important;
top: inherit !important;
transform: translateY(-50%) !important;
width: 16.875rem !important;
overflow-y: auto !important;
z-index: 3000 !important;
display: block !important;
transition: none !important;
}
/* .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:nth-last-child(-n+2):not(.sidebar-fixed-bottom):hover > .nav-group-sub,
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:nth-last-child(-n+2):not(.sidebar-fixed-bottom):focus-within > .nav-group-sub {
top: auto !important;
z-index: 3000 !important;
bottom: 0 !important;
transform: translateY(0) !important;
} */
.sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:not(.sidebar-fixed-bottom) > .nav-group-sub::before {
content: attr(data-parent-title);
display: block;
padding: 0.75rem 1.25rem;
padding-bottom: 0.5rem;
font-weight: 500;
font-size: 14px;
background: #2c2c2c;
color: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-xs .sidebar-main .sidebar-content {
overflow: visible !important;
}
}
.nav-group-sub .nav-item:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
}
.sidebar-main:not(.sidebar-xs) .nav-group-sub .nav-item:not(:last-child) {
border-bottom: none;
}
.sidebar-main:not(.sidebar-xs) .nav-group-sub .nav-item:not(:last-child)::after {
content: '';
position: absolute;
bottom: 0;
left: 3.5rem;
right: 1.25rem;
height: .9px;
background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 768px) {
.sidebar-xs .sidebar-main .nav-group-sub .nav-item:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.sidebar-xs .sidebar-main .nav-group-sub .nav-item:not(:last-child)::after {
display: none !important;
}
}
.sidebar-dark .nav-group-sub .nav-item:not(:last-child) {
.sidebar-xs .sidebar-main .sidebar-content {
overflow: visible !important;
}
}
.nav.nav-sidebar {
height: 100%;
}
.nav-item.sidebar-fixed-bottom {
padding-top: 0 !important;
}
@media (max-width: 767px) {
.sidebar-content{position:fixed;top:3.12503rem;bottom:0;width:inherit;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:left ; }
.sidebar-content{position:static;overflow:visible;width:auto}.sidebar-expand-md.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component){border-left:1px;}
}
@media (min-width: 768px) {
.nav-group-sub .nav-link {
color: #868686 !important;
transition: color 0.2s ease, background-color 0.2s ease;
position: relative;
overflow: hidden;
}
.nav-group-sub .nav-link:hover {
color: #fff !important;
}
.sidebar-main:not(.sidebar-xs) .nav-group-sub .nav-link::before {
content: '';
position: absolute;
top: 0;
left: 3.5rem;
width: calc(100% - 3.5rem);
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.1),
transparent
);
transition: left 0.5s ease;
}
.sidebar-main:not(.sidebar-xs) .nav-group-sub .nav-link:hover::before {
left: 100%;
}
.sidebar-xs .sidebar-main .nav-group-sub .nav-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.1),
transparent
);
transition: left 0.5s ease;
}
.sidebar-xs .sidebar-main .nav-group-sub .nav-link:hover::before {
left: 100%;
}
.nav-group-sub .nav-link:hover {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.nav-group-sub .nav-link.active {
color: #fff !important;
background-color: rgba(0, 0, 0, 0.3) !important;
}
}