html{
position:relative;
min-height:100%
}
body{
overflow-x:hidden
}
#wrapper{
height:100%;
overflow:hidden;
width:100%
}
.content-page{
margin-left:240px;
overflow:hidden;
padding:0 15px 65px 15px;
min-height:80vh;
margin-top:70px
}
.left-side-menu{
width:240px;
background:#fff;
bottom:0;
padding:20px 0;
position:fixed;
transition:all .1s ease-out;
top:70px;
box-shadow:0 0 35px 0 rgba(66,72,80,.15)
}
#sidebar-menu>ul{
list-style:none;
padding:0
}
#sidebar-menu>ul>li>a{
color:#6e768e;
display:block;
padding:12px 20px;
position:relative;
transition:all .4s;
font-family:"Cerebri Sans,sans-serif";
font-size:.95rem
}
#sidebar-menu>ul>li>a:active,#sidebar-menu>ul>li>a:focus,#sidebar-menu>ul>li>a:hover{
color:#00acc1;
text-decoration:none
}
#sidebar-menu>ul>li>a>span{
vertical-align:middle
}
#sidebar-menu>ul>li>a i{
display:inline-block;
line-height:1.0625rem;
margin:0 10px 0 3px;
text-align:center;
vertical-align:middle;
width:16px;
font-size:18px
}
#sidebar-menu>ul>li>a svg{
width:16px;
height:16px;
margin-left:3px;
margin-right:10px
}
#sidebar-menu>ul>li>a .drop-arrow{
float:right
}
#sidebar-menu>ul>li>a .drop-arrow i{
margin-right:0
}
#sidebar-menu>ul>li>a.mm-active{
color:#00acc1
}
#sidebar-menu>ul>li ul{
padding-left:34px;
list-style:none
}
#sidebar-menu>ul>li ul ul{
padding-left:20px
}
#sidebar-menu .badge{
margin-top:4px
}
#sidebar-menu .menu-title{
padding:10px 20px;
letter-spacing:.05em;
pointer-events:none;
cursor:default;
font-size:.6875rem;
text-transform:uppercase;
color:#6e768e;
font-weight:600
}
#sidebar-menu .menuitem-active>a{
color:#00acc1
}
#sidebar-menu .menuitem-active .active{
color:#00acc1
}
.nav-second-level li a{
padding:8px 20px;
color:#6e768e;
display:block;
position:relative;
transition:all .4s;
font-size:.875rem
}
.nav-second-level li a:focus,.nav-second-level li a:hover{
color:#00acc1
}
.nav-second-level li.active>a{
color:#00acc1
}
.menu-arrow{
transition:transform .15s;
position:absolute;
right:20px;
display:inline-block;
font-family:'Material Design Icons';
text-rendering:auto;
line-height:1.5rem;
font-size:1.1rem;
transform:translate(0,0)
}
.menu-arrow:before{
content:"\F0142"
}
li>a[aria-expanded=true]>span.menu-arrow{
transform:rotate(90deg)
}
li.menuitem-active>a:not(.collapsed)>span.menu-arrow{
transform:rotate(90deg)
}
body[data-sidebar-size=condensed] .logo-box{
width:70px!important
}
body[data-sidebar-size=condensed] .logo span.logo-lg{
display:none
}
body[data-sidebar-size=condensed] .logo span.logo-sm{
display:block
}
body[data-sidebar-size=condensed] .left-side-menu{
position:absolute;
padding-top:0;
width:70px!important;
z-index:5
}
body[data-sidebar-size=condensed] .left-side-menu .simplebar-content-wrapper,body[data-sidebar-size=condensed] .left-side-menu .simplebar-mask{
overflow:visible!important
}
body[data-sidebar-size=condensed] .left-side-menu .simplebar-scrollbar{
display:none!important
}
body[data-sidebar-size=condensed] .left-side-menu .simplebar-offset{
bottom:0!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .badge,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .collapse.in,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .label,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .menu-arrow,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .menu-title{
display:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .nav.collapse{
height:inherit!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li{
position:relative;
white-space:nowrap
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a{
padding:15px 20px;
min-height:54px;
transition:none
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a:active,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a:focus,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a:hover{
color:#00acc1
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a i{
font-size:1.3rem;
margin-right:20px;
margin-left:5px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a svg{
width:18px;
height:18px;
margin-left:6px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a span{
display:none;
padding-left:25px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a{
position:relative;
width:calc(190px + 70px);
color:#00acc1;
background-color:#323a46;
box-shadow:inset 3px 5px 10px 0 #323a42
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a span{
display:inline
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover a.active :after,body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover a.open :after{
display:none
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse{
display:block!important;
height:auto!important;
transition:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul{
display:block!important;
left:70px;
position:absolute;
width:190px;
box-shadow:3px 5px 10px 0 #323a42
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul ul{
box-shadow:3px 5px 10px 0 #323a42
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul a{
box-shadow:none;
padding:8px 20px;
position:relative;
width:190px;
z-index:6
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul a:hover{
color:#00acc1
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul .collapsing{
display:block!important;
height:auto!important;
transition:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul{
padding:5px 0;
z-index:9999;
display:none;
background-color:#fff
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li:hover>.collapse{
display:block!important;
height:auto!important;
transition:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li:hover>.collapse>ul{
display:block;
left:190px;
margin-top:-36px;
position:absolute;
width:190px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li>a span.pull-right{
position:absolute;
right:20px;
top:12px;
transform:rotate(270deg)
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li.active a{
color:#00acc1
}
body[data-sidebar-size=condensed] .content-page{
margin-left:70px!important
}
@media (min-width:992px){
body[data-sidebar-size=condensed] .footer{
left:70px!important
}
}
body[data-sidebar-size=condensed] .user-box{
display:none!important
}
@media (min-width:768px){
body[data-sidebar-size=condensed]:not([data-layout=compact]){
min-height:1750px
}
}
@media (max-width:767.98px){
.pro-user-name{
display:none
}
}
@media (max-width:991.98px){
body{
overflow-x:hidden;
padding-bottom:80px
}
.left-side-menu{
display:none;
z-index:10!important
}
.sidebar-enable .left-side-menu{
display:block
}
.content-page,body[data-sidebar-size=condensed] .content-page{
margin-left:0!important;
padding:0 10px
}
.footer{
left:0!important
}
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .logo-box{
width:160px!important
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu{
width:160px!important;
text-align:center
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul>li>a>i{
display:block;
font-size:18px;
line-height:24px;
width:100%;
margin:0
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul>li>a svg{
display:block;
margin:0 auto 5px auto
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul ul{
padding-left:0
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul ul a{
padding:10px 20px
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .badge,body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .menu-arrow{
display:none!important
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu+.content-page{
margin-left:160px
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu+.content-page .footer{
left:160px
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .menu-title{
background-color:#323a46
}
body[data-sidebar-color=dark] .logo-box{
background-color:#37424c
}
body[data-sidebar-color=dark] .logo-box .logo-dark{
display:none
}
body[data-sidebar-color=dark] .logo-box .logo-light{
display:block
}
body[data-sidebar-color=dark] .left-side-menu{
background-color:#37424c;
box-shadow:none
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a{
color:#9097a7
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a:active,body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a:focus,body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a:hover{
color:#c8cddc
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a.mm-active{
color:#fff;
background-color:#3c4853
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menu-title{
color:#8c98a5
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menuitem-active>a{
color:#00acc1
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menuitem-active .active{
color:#00acc1
}
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li a,body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li a{
color:#9097a7
}
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li a:focus,body[data-sidebar-color=dark] .left-side-menu .nav-second-level li a:hover,body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li a:focus,body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li a:hover{
background-color:transparent;
color:#c8cddc
}
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li.active>a,body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li.active>a{
color:#fff
}
body[data-sidebar-color=dark] .left-side-menu .user-box .dropdown>a{
color:#fff!important
}
body[data-sidebar-color=dark][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a{
background-color:#37424c;
box-shadow:none
}
body[data-sidebar-color=dark][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active{
color:#00acc1
}
body[data-sidebar-color=dark][data-sidebar-size=compact] #wrapper .left-side-menu .menu-title{
background-color:rgba(255,255,255,.03)
}
body[data-sidebar-color=brand] .logo-box,body[data-sidebar-color=gradient] .logo-box{
background-color:#4a81d4
}
body[data-sidebar-color=brand] .logo-box .logo-dark,body[data-sidebar-color=gradient] .logo-box .logo-dark{
display:none
}
body[data-sidebar-color=brand] .logo-box .logo-light,body[data-sidebar-color=gradient] .logo-box .logo-light{
display:block
}
body[data-sidebar-color=brand] .menuitem-active>a,body[data-sidebar-color=gradient] .menuitem-active>a{
color:#fff!important
}
body[data-sidebar-color=brand] .left-side-menu,body[data-sidebar-color=gradient] .left-side-menu{
background-color:#4a81d4;
box-shadow:none
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a{
color:rgba(255,255,255,.7)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a:active,body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a:focus,body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a:hover,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a:active,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a:focus,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a:hover{
color:rgba(255,255,255,.9)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a.mm-active,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a.mm-active{
color:#fff;
background-color:rgba(255,255,255,.07)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu .menu-title,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu .menu-title{
color:rgba(255,255,255,.6)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu .mm-active .active,body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu .mm-active .active{
color:#fff
}
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li a,body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li a,body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li a,body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li a{
color:rgba(255,255,255,.7)
}
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li a:focus,body[data-sidebar-color=brand] .left-side-menu .nav-second-level li a:hover,body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li a:focus,body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li a:hover,body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li a:focus,body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li a:hover,body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li a:focus,body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li a:hover{
background-color:transparent;
color:#fff
}
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li.active>a,body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li.active>a,body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li.active>a,body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li.active>a{
color:#fff
}
body[data-sidebar-color=brand] .left-side-menu .user-box .dropdown>a,body[data-sidebar-color=gradient] .left-side-menu .user-box .dropdown>a{
color:#fff!important
}
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a,body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a{
background-color:#4a81d4;
box-shadow:none;
color:#fff
}
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active,body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active{
color:#00acc1
}
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a,body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a{
color:#6e768e
}
body[data-sidebar-color=brand][data-sidebar-size=compact] #wrapper .left-side-menu .menu-title,body[data-sidebar-color=gradient][data-sidebar-size=compact] #wrapper .left-side-menu .menu-title{
background-color:rgba(255,255,255,.05)
}
body[data-sidebar-color=gradient] .left-side-menu,body[data-sidebar-color=gradient] .logo-box{
background:#683ba9;
background-image:linear-gradient(270deg,rgba(64,149,216,.15),transparent)
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a{
background:#683ba9
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active{
color:#00acc1
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a{
color:#6e768e
}
.user-box{
display:none
}
.user-pro-dropdown{
background-color:#323a46;
box-shadow:none;
padding:15px 5px;
width:90%;
margin-left:5%;
margin-top:10px
}
.user-pro-dropdown .dropdown-item{
border-radius:3px
}
.user-pro-dropdown .dropdown-item:hover{
background-color:#6658dd;
color:#fff
}
@media (min-width:992px){
body[data-layout-mode=detached] .navbar-custom .container-fluid{
max-width:95%
}
body[data-layout-mode=detached] #wrapper{
max-width:95%;
margin:0 auto
}
body[data-layout-mode=detached] .left-side-menu{
margin-top:30px;
margin-bottom:30px;
border-radius:5px
}
body[data-layout-mode=detached] .content-page{
padding-bottom:30px
}
body[data-layout-mode=detached] .logo-box{
background-color:transparent;
background-image:none
}
}
body[data-sidebar-showuser=true] .user-box{
display:block
}
body[data-sidebar-icon=twotones] #sidebar-menu>ul>li>a i{
color:#4a81d4
}
body[data-sidebar-icon=twotones] #sidebar-menu>ul>li>a svg{
width:18px;
height:18px;
margin-left:3px;
margin-right:10px;
color:#4a81d4;
fill:rgba(74,129,212,.2)
}
.logo{
display:block
}
.logo span.logo-lg{
display:block
}
.logo span.logo-sm{
display:none
}
.logo .logo-lg-text-dark{
color:#f3f7f9;
font-weight:700;
font-size:22px;
text-transform:uppercase
}
.logo .logo-lg-text-light{
color:#fff;
font-weight:700;
font-size:22px;
text-transform:uppercase
}
.logo-box{
height:70px;
width:240px;
float:left;
transition:all .1s ease-out
}
.logo-box .logo{
line-height:70px
}
.logo-light{
display:block
}
.logo-dark{
display:none
}
.navbar-custom{
background-color:#3c4752;
box-shadow:0 0 35px 0 rgba(66,72,80,.15);
padding:0 10px 0 0;
position:fixed;
left:0;
right:0;
height:70px;
z-index:1001
}
.navbar-custom .topnav-menu>li{
float:left
}
.navbar-custom .topnav-menu .nav-link{
padding:0 15px;
color:rgba(255,255,255,.6);
min-width:32px;
display:block;
line-height:70px;
text-align:center;
max-height:70px
}
.navbar-custom .dropdown.show .nav-link{
background-color:rgba(255,255,255,.05)
}
.navbar-custom .container-fluid{
padding:0
}
.navbar-custom .app-search{
height:70px;
display:table;
max-width:180px;
margin-right:20px
}
.navbar-custom .app-search .app-search-box{
display:table-cell;
vertical-align:middle;
position:relative
}
.navbar-custom .app-search .app-search-box input:-ms-input-placeholder{
font-size:.8125rem;
color:rgba(255,255,255,.3)
}
.navbar-custom .app-search .app-search-box input::-ms-input-placeholder{
font-size:.8125rem;
color:rgba(255,255,255,.3)
}
.navbar-custom .app-search .app-search-box input::placeholder{
font-size:.8125rem;
color:rgba(255,255,255,.3)
}
.navbar-custom .app-search .form-control{
border:none;
height:38px;
padding-left:20px;
padding-right:0;
color:#fff;
background-color:rgba(255,255,255,.07);
box-shadow:none;
border-radius:30px 0 0 30px
}
.navbar-custom .app-search .input-group-append{
margin-left:0;
z-index:4
}
.navbar-custom .app-search .btn{
background-color:rgba(255,255,255,.07);
border-color:transparent;
color:rgba(255,255,255,.3);
border-radius:0 30px 30px 0;
box-shadow:none!important
}
.navbar-custom .button-menu-mobile{
border:none;
color:#fff;
display:inline-block;
height:70px;
line-height:70px;
width:60px;
background-color:transparent;
font-size:24px;
cursor:pointer
}
.navbar-custom .button-menu-mobile.disable-btn{
display:none
}
.noti-scroll{
max-height:230px
}
.notification-list{
margin-left:0
}
.notification-list .noti-title{
background-color:transparent;
padding:15px 20px
}
.notification-list .noti-icon-badge{
display:inline-block;
position:absolute;
top:16px;
right:10px
}
.notification-list .notify-item{
padding:12px 20px
}
.notification-list .notify-item .notify-icon{
float:left;
height:36px;
width:36px;
font-size:18px;
line-height:36px;
text-align:center;
margin-right:10px;
border-radius:50%;
color:#fff
}
.notification-list .notify-item .notify-details{
margin-bottom:5px;
overflow:hidden;
margin-left:45px;
text-overflow:ellipsis;
white-space:nowrap;
color:#f7f7f7
}
.notification-list .notify-item .notify-details b{
font-weight:500
}
.notification-list .notify-item .notify-details small{
display:block
}
.notification-list .notify-item .notify-details span{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:13px
}
.notification-list .notify-item .user-msg{
margin-left:45px;
white-space:normal;
line-height:16px
}
.notification-list .profile-dropdown .notify-item{
padding:7px 20px
}
.noti-icon{
font-size:21px;
vertical-align:middle
}
.profile-dropdown{
min-width:170px
}
.profile-dropdown i{
vertical-align:middle;
margin-right:5px
}
.nav-user{
padding:0 12px!important
}
.nav-user img{
height:32px;
width:32px
}
.fullscreen-enable [data-toggle=fullscreen] .fe-maximize::before{
content:"\e88d"
}
@media (max-width:991.98px){
.logo-box{
width:70px!important;
padding-right:0!important
}
.logo-box .logo-lg{
display:none!important
}
.logo-box .logo-sm{
display:block!important
}
}
@media (max-width:600px){
.navbar-custom .dropdown{
position:static
}
.navbar-custom .dropdown .dropdown-menu{
left:10px!important;
right:10px!important
}
}
body[data-topbar-color=light] .navbar-custom{
background-color:#3c4752!important;
box-shadow:0 .75rem 6rem rgba(56,65,74,.03)
}
body[data-topbar-color=light] .navbar-custom .topnav-menu .nav-link{
color:#dee2e6
}
body[data-topbar-color=light] .navbar-custom .dropdown.show .nav-link{
background-color:rgba(243,247,249,.03)
}
body[data-topbar-color=light] .navbar-custom .button-menu-mobile{
color:#f3f7f9
}
body[data-topbar-color=light] .navbar-custom .app-search input:-ms-input-placeholder{
color:#8c98a5!important
}
body[data-topbar-color=light] .navbar-custom .app-search input::-ms-input-placeholder{
color:#8c98a5!important
}
body[data-topbar-color=light] .navbar-custom .app-search input::placeholder{
color:#8c98a5!important
}
body[data-topbar-color=light] .navbar-custom .app-search .form-control{
color:#f3f7f9;
background-color:#323a46;
border-color:#323a46
}
body[data-topbar-color=light] .navbar-custom .app-search .btn{
background-color:#323a46;
color:#5d7186
}
body[data-topbar-color=light] .logo-dark{
display:block
}
body[data-topbar-color=light] .logo-light{
display:none
}
@media (max-width:991.98px){
body[data-layout-mode=horizontal] .navbar-toggle{
border:0;
position:relative;
padding:0;
margin:0;
cursor:pointer
}
body[data-layout-mode=horizontal] .navbar-toggle .lines{
width:25px;
display:block;
position:relative;
height:16px;
transition:all .5s ease;
margin-top:calc(54px / 2)
}
body[data-layout-mode=horizontal] .navbar-toggle span{
height:2px;
width:100%;
background-color:#dee2e6;
display:block;
margin-bottom:5px;
transition:transform .5s ease
}
body[data-layout-mode=horizontal] .navbar-toggle.open span{
position:absolute
}
body[data-layout-mode=horizontal] .navbar-toggle.open span:first-child{
top:7px;
transform:rotate(45deg)
}
body[data-layout-mode=horizontal] .navbar-toggle.open span:nth-child(2){
visibility:hidden
}
body[data-layout-mode=horizontal] .navbar-toggle.open span:last-child{
width:100%;
top:7px;
transform:rotate(-45deg)
}
}
body[data-layout-mode=horizontal] .button-menu-mobile{
display:none
}
body[data-layout-mode=horizontal] .logo-box{
width:auto;
padding-right:50px;
background-color:transparent
}
@media (min-width:992px) and (max-width:1366px){
body[data-layout-mode=horizontal] .logo-box{
padding-left:20px
}
}
@media (max-width:360px){
.navbar-custom .topnav-menu .nav-link{
padding:0 12px
}
.navbar-custom .button-menu-mobile{
width:45px
}
}
.page-title-box .page-title{
font-size:1.25rem;
margin:0;
line-height:75px;
color:#f3f7f9
}
.page-title-box .page-title-right{
float:right;
margin-top:22px
}
.page-title-box .breadcrumb{
padding-top:5px
}
@media (max-width:767.98px){
.page-title-box .page-title{
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
line-height:70px
}
.page-title-box .breadcrumb{
display:none
}
}
@media (max-width:640px){
.page-title-box .page-title-right{
display:none
}
}
@media (max-width:419px){
.page-title-box .breadcrumb{
display:none
}
}
.footer{
bottom:0;
padding:19px 15px 20px;
position:absolute;
right:0;
color:#8c98a5;
left:240px;
background-color:#2b323a
}
.footer .footer-links a{
color:#8c98a5;
margin-left:1.5rem;
transition:all .4s
}
.footer .footer-links a:hover{
color:#f3f7f9
}
.footer .footer-links a:first-of-type{
margin-left:0
}
.footer-alt{
left:0!important;
text-align:center;
background-color:transparent
}
@media (max-width:767.98px){
.footer{
left:0!important;
text-align:center
}
}
body[data-layout-mode=horizontal] .footer{
left:0!important
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .footer{
max-width:1300px!important
}
@media (min-width:992px){
body[data-layout-mode=detached] .footer{
position:inherit;
margin:0 10px
}
}
.right-bar{
background-color:#3b4651;
box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
display:block;
position:fixed;
transition:all .2s ease-out;
width:260px;
z-index:9999;
float:right!important;
right:-270px;
top:0;
bottom:0
}
.right-bar .rightbar-title{
background-color:#6658dd;
padding:27px 25px;
color:#fff
}
.right-bar .right-bar-toggle{
background-color:#fff;
height:24px;
width:24px;
line-height:27px;
color:#fff;
text-align:center;
border-radius:50%;
margin-top:-4px
}
.right-bar .right-bar-toggle:hover{
background-color:#fff
}
.right-bar .user-box{
padding:25px;
text-align:center
}
.right-bar .user-box .user-img{
position:relative;
height:64px;
width:64px;
margin:0 auto 15px auto
}
.right-bar .user-box .user-img .user-edit{
position:absolute;
right:-5px;
bottom:0;
height:24px;
width:24px;
background-color:#fff;
line-height:24px;
border-radius:50%;
box-shadow:0 0 45px 0 rgba(0,0,0,.12)
}
.right-bar .user-box h5{
margin-bottom:2px
}
.right-bar .user-box h5 a{
color:#f3f7f9
}
.right-bar .notification-item .media{
padding:.75rem 1rem
}
.right-bar .notification-item .media:hover{
background-color:#424e5a
}
.right-bar .notification-item .user-status{
position:absolute;
right:0;
bottom:-4px;
font-size:10px
}
.right-bar .notification-item .user-status.online{
color:#1abc9c
}
.right-bar .notification-item .user-status.away{
color:#f7b84b
}
.right-bar .notification-item .user-status.busy{
color:#f1556c
}
.rightbar-overlay{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
display:none;
z-index:9998;
transition:all .2s ease-out
}
.right-bar-enabled .right-bar{
right:0
}
.right-bar-enabled .rightbar-overlay{
display:block
}
@media (max-width:767.98px){
.right-bar{
overflow:auto
}
.right-bar .slimscroll-menu{
height:auto!important
}
}
body[data-layout-width=boxed] #wrapper{
max-width:1300px;
margin:0 auto;
box-shadow:0 0 45px 0 rgba(0,0,0,.12)
}
body[data-layout-width=boxed] .navbar-custom{
max-width:1300px;
margin:0 auto
}
body[data-layout-width=boxed] .footer{
margin:0 auto;
max-width:calc(1300px - 240px)
}
body[data-layout-width=boxed][data-sidebar-size=condensed] .footer{
max-width:calc(1300px - 70px)
}
body[data-layout-width=boxed][data-sidebar-size=compact] .footer{
max-width:calc(1300px - 160px)
}
@media (min-width:768px){
body[data-layout-width=boxed][data-sidebar-size=condensed] .content-page{
min-height:calc(1750px - 70px)
}
}
@media (min-width:1367px){
body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]){
padding-bottom:0
}
body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) #wrapper{
display:flex
}
body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .navbar-custom,body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .topnav{
position:absolute
}
body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .left-side-menu{
position:relative;
min-width:240px;
max-width:240px;
padding:20px 0 calc(70px + 20px)
}
body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .content-page{
margin-left:0;
width:100%;
padding-bottom:60px
}
}
@media (min-width:1367px){
body[data-layout-mode=horizontal] .container-fluid{
max-width:90%
}
body[data-layout-mode=horizontal] .navbar-custom{
padding:0 24px
}
}
body[data-layout-mode=horizontal] .content-page{
margin-left:0!important
}
.topnav{
background:#3c4752;
box-shadow:0 0 35px 0 rgba(66,72,80,.15);
margin-top:70px;
padding:0 calc(24px / 2);
position:fixed;
left:0;
right:0;
z-index:100
}
.topnav .topnav-menu{
margin:0;
padding:0
}
.topnav .navbar-nav .nav-link{
font-size:.95rem;
position:relative;
line-height:22px;
padding:calc(33px / 2) 1.1rem;
color:#919eab;
font-family:"Cerebri Sans,sans-serif"
}
.topnav .navbar-nav .nav-link i{
font-size:15px;
display:inline-block
}
.topnav .navbar-nav .nav-link:focus,.topnav .navbar-nav .nav-link:hover{
color:#00acc1;
background-color:transparent
}
.topnav .navbar-nav .nav-item .dropdown.active>a.dropdown-toggle{
color:#00acc1
}
@media (min-width:992px){
.topnav{
height:55px
}
.topnav .navbar-nav .nav-item:first-of-type .nav-link{
padding-left:0
}
.topnav .dropdown-item{
padding:.5rem 1.25rem;
min-width:180px;
margin:0 .3rem;
width:auto
}
.topnav .dropdown-item.active{
background-color:transparent;
color:#00acc1
}
.topnav .dropdown.mega-dropdown .mega-dropdown-menu{
left:0;
right:auto
}
.topnav .dropdown .dropdown-menu{
padding:.3rem 0;
margin-top:0;
border-radius:0 0 .25rem .25rem
}
.topnav .dropdown .dropdown-menu .arrow-down::after{
right:20px;
transform:rotate(-135deg) translateY(-50%);
position:absolute
}
.topnav .dropdown .dropdown-menu .dropdown .dropdown-menu{
position:absolute;
top:0!important;
left:100%;
display:none
}
.topnav .dropdown:hover>.nav-link{
color:#00acc1
}
.topnav .dropdown:hover>.dropdown-menu{
display:block
}
.topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-item{
color:#00acc1
}
.topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu{
display:block
}
.navbar-toggle{
display:none
}
body[data-layout-mode=horizontal] .content-page{
padding:55px 15px 65px 15px
}
}
.arrow-down{
display:inline-block
}
.arrow-down:after{
border-color:initial;
border-style:solid;
border-width:0 0 1px 1px;
content:"";
height:.4em;
display:inline-block;
right:5px;
top:50%;
margin-left:10px;
transform:rotate(-45deg) translateY(-50%);
transform-origin:top;
transition:all .3s ease-out;
width:.4em
}
@media (max-width:1366.98px){
.topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu{
right:100%;
left:auto
}
}
@media (max-width:991.98px){
.topnav{
max-height:360px;
overflow-y:auto;
padding:0
}
.topnav .navbar-nav .nav-link{
padding:.75rem 1.1rem
}
.topnav .dropdown .dropdown-menu{
background-color:transparent;
border:none;
box-shadow:none;
padding-left:15px
}
.topnav .dropdown .dropdown-item{
position:relative;
background-color:transparent
}
.topnav .dropdown .dropdown-item.active,.topnav .dropdown .dropdown-item:active{
color:#00acc1
}
.topnav .arrow-down::after{
right:15px;
position:absolute
}
}
@media (min-width:992px){
body[data-layout-mode=horizontal][data-topbar-color=light] .topnav{
background-color:#3c4752
}
body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link{
color:rgba(255,255,255,.7)
}
body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link:focus,body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link:hover{
color:rgba(255,255,255,.9)
}
body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link.active{
color:#fff
}
body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-item:hover .nav-link{
color:#fff
}
body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav>.dropdown.active>a{
color:rgba(255,255,255,.9)!important
}
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .topnav{
max-width:1300px;
margin:70px auto 0
}
body[data-layout-mode=two-column] .left-side-menu{
width:calc(70px + 220px);
background-color:transparent;
box-shadow:none
}
body[data-layout-mode=two-column] .sidebar-icon-menu{
position:fixed;
width:70px;
z-index:500;
top:0;
bottom:0;
padding-bottom:20px;
background-color:#6658dd
}
body[data-layout-mode=two-column] .sidebar-icon-menu .logo{
display:block;
width:70px;
height:70px;
line-height:70px;
text-align:center
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav{
background-color:transparent;
margin:24px auto
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link{
text-align:center;
width:40px;
height:40px;
line-height:40px;
margin:12px auto;
padding:0;
border-radius:4px
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link.active{
background-color:rgba(255,255,255,.12)
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link svg{
color:#fff;
fill:rgba(255,255,255,.12);
height:22px;
width:22px
}
body[data-layout-mode=two-column] .sidebar-main-menu{
display:block;
position:fixed;
width:220px;
background-color:#37424c;
top:70px;
bottom:0;
left:70px;
padding:30px 5px;
box-shadow:0 0 35px 0 rgba(66,72,80,.15);
transition:all .1s ease-out
}
body[data-layout-mode=two-column] .sidebar-main-menu .sidebar-menu-body{
padding:20px
}
body[data-layout-mode=two-column] .sidebar-main-menu .menu-title{
color:#8c98a5!important;
margin:0;
padding:10px 20px;
letter-spacing:.05em;
font-size:.7rem;
text-transform:uppercase;
font-weight:600
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav>.nav-item>.nav-link{
color:#6e768e;
font-size:.95rem;
font-family:"Cerebri Sans,sans-serif"
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav>.nav-item .menu-arrow{
right:10px
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link{
position:relative;
color:#6e768e;
padding:6px 15px;
border-radius:3px;
margin:3px 5px
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link.active,body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link:focus,body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link:hover{
color:#00acc1
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .menuitem-active>a.nav-link{
color:#00acc1;
background-color:rgba(0,172,193,.07)
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .menuitem-active a.active{
color:#00acc1
}
body[data-layout-mode=two-column] .sidebar-main-menu #sidebar-menu .menu-arrow{
top:7px
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav-second-level{
padding-left:15px;
list-style:none
}
@media (min-width:992px){
body[data-layout-mode=two-column] .navbar-custom{
left:70px!important;
padding-left:0
}
body[data-layout-mode=two-column] .navbar-custom .logo-box{
width:220px
}
body[data-layout-mode=two-column] .navbar-custom .logo-box .logo-sm{
display:none
}
body[data-layout-mode=two-column][data-sidebar-size=condensed] .logo-box{
width:0!important
}
}
body[data-layout-mode=two-column][data-sidebar-color=light] .logo-box{
background-color:#37424c
}
@media (min-width:992px){
body[data-layout-mode=two-column] .content-page{
margin-left:calc(70px + 220px)
}
body[data-layout-mode=two-column] .footer{
left:calc(70px + 220px)
}
body[data-layout-mode=two-column][data-sidebar-size=condensed] .sidebar-main-menu{
display:none
}
}
body[data-layout-mode=two-column] .twocolumn-menu-item{
display:none
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu{
background-color:#37424c
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav>.nav-item>.nav-link{
color:#9097a7
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .nav-link.active,body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .nav-link:focus,body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .nav-link:hover{
color:#c8cddc
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .menuitem-active>a.nav-link{
color:#00acc1;
background-color:rgba(0,172,193,.07)
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .menuitem-active a.active{
color:#00acc1
}
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav>.nav-item>.nav-link,body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav>.nav-item>.nav-link{
color:rgba(255,255,255,.7)
}
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav .nav-link.active,body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav .nav-link:focus,body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav .nav-link:hover,body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav .nav-link.active,body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav .nav-link:focus,body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav .nav-link:hover{
color:rgba(255,255,255,.9)
}
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu{
background-color:#4a81d4
}
body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu{
background:#683ba9;
background-image:linear-gradient(270deg,rgba(64,149,216,.15),transparent)
}
body[data-layout-mode=two-column][data-layout-width=boxed] .navbar-custom{
max-width:calc(1300px - 70px)
}
body[data-layout-mode=two-column][data-layout-width=boxed] .sidebar-main-menu{
position:absolute;
top:0
}
body[data-layout-mode=two-column][data-layout-width=boxed]:not([data-sidebar-size=condensed]) .footer{
max-width:calc(1300px - calc(70px + 220px))
}
.avatar-xs{
height:1.5rem;
width:1.5rem
}
.avatar-sm{
height:2.25rem;
width:2.25rem
}
.avatar-md{
height:3.5rem;
width:3.5rem
}
.avatar-lg{
height:4.5rem;
width:4.5rem
}
.avatar-xl{
height:6rem;
width:6rem
}
.avatar-xxl{
height:7.5rem;
width:7.5rem
}
.avatar-title{
align-items:center;
color:#fff;
display:flex;
height:100%;
justify-content:center;
width:100%
}
.avatar-group{
padding-left:12px
}
.avatar-group .avatar-group-item{
margin:0 0 10px -12px;
display:inline-block;
border:2px solid #fff;
border-radius:50%
}
.width-xs{
min-width:80px
}
.width-sm{
min-width:100px
}
.width-md{
min-width:120px
}
.width-lg{
min-width:140px
}
.width-xl{
min-width:160px
}
.font-family-primary{
font-family:Nunito,sans-serif
}
.font-family-secondary{
font-family:"Cerebri Sans,sans-serif"
}
.sp-line-1,.sp-line-2,.sp-line-3,.sp-line-4{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical
}
.sp-line-1{
-webkit-line-clamp:1
}
.sp-line-2{
-webkit-line-clamp:2
}
.sp-line-3{
-webkit-line-clamp:3
}
.sp-line-4{
-webkit-line-clamp:4
}
.icon-dual{
color:#8c98a5;
fill:rgba(140,152,165,.12)
}
.icon-dual-primary{
color:#6658dd;
fill:rgba(102,88,221,.16)
}
.icon-dual-secondary{
color:#cedeef;
fill:rgba(206,222,239,.16)
}
.icon-dual-success{
color:#1abc9c;
fill:rgba(26,188,156,.16)
}
.icon-dual-info{
color:#4fc6e1;
fill:rgba(79,198,225,.16)
}
.icon-dual-warning{
color:#f7b84b;
fill:rgba(247,184,75,.16)
}
.icon-dual-danger{
color:#f1556c;
fill:rgba(241,85,108,.16)
}
.icon-dual-light{
color:#424e5a;
fill:rgba(66,78,90,.16)
}
.icon-dual-dark{
color:#f3f7f9;
fill:rgba(243,247,249,.16)
}
.icon-dual-pink{
color:#f672a7;
fill:rgba(246,114,167,.16)
}
.icon-dual-blue{
color:#4a81d4;
fill:rgba(74,129,212,.16)
}
.icons-xs{
height:16px;
width:16px
}
.icons-sm{
height:24px;
width:24px
}
.icons-md{
height:32px;
width:32px
}
.icons-lg{
height:40px;
width:40px
}
.icons-xl{
height:48px;
width:48px
}
.icons-xxl{
height:60px;
width:60px
}
.item-hovered:hover{
background-color:#424e5a
}
.social-list-item{
height:2rem;
width:2rem;
line-height:calc(2rem - 2px);
display:block;
border:2px solid #8c98a5;
border-radius:50%;
color:#8c98a5
}
.widget-flat{
position:relative;
overflow:hidden
}
.widget-flat i.widget-icon{
font-size:36px
}
.inbox-widget .inbox-item{
border-bottom:1px solid rgba(66,78,90,.5);
overflow:hidden;
padding:.625rem 0;
position:relative
}
.inbox-widget .inbox-item:last-of-type{
border-bottom:none
}
.inbox-widget .inbox-item .inbox-item-img{
display:block;
float:left;
margin-right:15px;
width:40px
}
.inbox-widget .inbox-item .inbox-item-img img{
width:40px
}
.inbox-widget .inbox-item .inbox-item-author{
color:#acbfd2;
display:block;
margin-bottom:3px;
font-weight:600
}
.inbox-widget .inbox-item .inbox-item-text{
color:#8c98a5;
display:block;
font-size:.8125rem;
margin:0;
overflow:hidden
}
.inbox-widget .inbox-item .inbox-item-date{
color:#cedeef;
font-size:.6875rem;
position:absolute;
right:5px;
top:10px
}
.conversation-list{
list-style:none;
padding:0 15px
}
.conversation-list li{
margin-bottom:20px
}
.conversation-list li .conversation-actions{
float:right;
display:none
}
.conversation-list li:hover .conversation-actions{
display:block
}
.conversation-list .chat-avatar{
float:left;
text-align:center;
width:42px
}
.conversation-list .chat-avatar img{
border-radius:100%;
width:100%
}
.conversation-list .chat-avatar i{
font-size:12px;
font-style:normal
}
.conversation-list .ctext-wrap{
background:#404c58;
border-radius:3px;
display:inline-block;
padding:12px;
position:relative
}
.conversation-list .ctext-wrap i{
display:block;
font-size:12px;
font-style:normal;
font-weight:600;
position:relative
}
.conversation-list .ctext-wrap p{
margin:0;
padding-top:3px
}
.conversation-list .ctext-wrap:after{
left:-10px;
top:0;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-top-color:#404c58;
border-width:6px;
margin-right:-1px;
border-right-color:#404c58
}
.conversation-list .conversation-text{
float:left;
font-size:12px;
margin-left:12px;
width:70%
}
.conversation-list .odd .chat-avatar{
float:right!important
}
.conversation-list .odd .conversation-text{
float:right!important;
margin-right:12px;
text-align:right;
width:70%!important
}
.conversation-list .odd .ctext-wrap{
background-color:#404c58
}
.conversation-list .odd .ctext-wrap:after{
border-color:transparent;
border-left-color:#404c58;
border-top-color:#404c58;
right:-10px!important;
left:auto
}
.conversation-list .odd .conversation-actions{
float:left
}
.checkbox label{
display:inline-block;
padding-left:8px;
position:relative;
font-weight:600;
margin-bottom:0
}
.checkbox label::before{
background-color:transparent;
border-radius:3px;
border:2px solid #8c98a5;
content:"";
display:inline-block;
height:18px;
left:0;
margin-left:-18px;
position:absolute;
transition:.3s ease-in-out;
width:18px;
outline:0!important;
top:2px
}
.checkbox label::after{
color:#dee2e6;
display:inline-block;
font-size:11px;
height:18px;
left:0;
margin-left:-18px;
padding-left:3px;
padding-top:2px;
position:absolute;
top:0;
width:18px
}
.checkbox input[type=checkbox]{
cursor:pointer;
opacity:0;
z-index:1;
outline:0!important
}
.checkbox input[type=checkbox]:disabled+label{
opacity:.65
}
.checkbox input[type=checkbox]:focus+label::before{
outline-offset:-2px;
outline:0
}
.checkbox input[type=checkbox]:checked+label::after{
content:"";
position:absolute;
top:6px;
left:7px;
display:table;
width:4px;
height:8px;
border:2px solid #dee2e6;
border-top-width:0;
border-left-width:0;
transform:rotate(45deg)
}
.checkbox input[type=checkbox]:disabled+label::before{
background-color:#424e5a;
cursor:not-allowed
}
.checkbox.checkbox-circle label::before{
border-radius:50%
}
.checkbox.checkbox-inline{
margin-top:0
}
.checkbox.checkbox-single input{
height:18px;
width:18px;
position:absolute
}
.checkbox.checkbox-single label{
height:18px;
width:18px
}
.checkbox.checkbox-single label:before{
margin-left:0
}
.checkbox.checkbox-single label:after{
margin-left:0
}
.checkbox-primary input[type=checkbox]:checked+label::before{
background-color:#6658dd;
border-color:#6658dd
}
.checkbox-primary input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-secondary input[type=checkbox]:checked+label::before{
background-color:#cedeef;
border-color:#cedeef
}
.checkbox-secondary input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-success input[type=checkbox]:checked+label::before{
background-color:#1abc9c;
border-color:#1abc9c
}
.checkbox-success input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-info input[type=checkbox]:checked+label::before{
background-color:#4fc6e1;
border-color:#4fc6e1
}
.checkbox-info input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-warning input[type=checkbox]:checked+label::before{
background-color:#f7b84b;
border-color:#f7b84b
}
.checkbox-warning input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-danger input[type=checkbox]:checked+label::before{
background-color:#f1556c;
border-color:#f1556c
}
.checkbox-danger input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-light input[type=checkbox]:checked+label::before{
background-color:#424e5a;
border-color:#424e5a
}
.checkbox-light input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-dark input[type=checkbox]:checked+label::before{
background-color:#f3f7f9;
border-color:#f3f7f9
}
.checkbox-dark input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-pink input[type=checkbox]:checked+label::before{
background-color:#f672a7;
border-color:#f672a7
}
.checkbox-pink input[type=checkbox]:checked+label::after{
border-color:#fff
}
.checkbox-blue input[type=checkbox]:checked+label::before{
background-color:#4a81d4;
border-color:#4a81d4
}
.checkbox-blue input[type=checkbox]:checked+label::after{
border-color:#fff
}
.radio label{
display:inline-block;
padding-left:8px;
position:relative;
font-weight:600;
margin-bottom:0
}
.radio label::before{
background-color:transparent;
border-radius:50%;
border:2px solid #8c98a5;
content:"";
display:inline-block;
height:18px;
left:0;
margin-left:-18px;
position:absolute;
transition:border .5s ease-in-out;
width:18px;
outline:0!important
}
.radio label::after{
background-color:#dee2e6;
border-radius:50%;
content:" ";
display:inline-block;
height:10px;
left:6px;
margin-left:-20px;
position:absolute;
top:4px;
transform:scale(0,0);
transition:transform .1s cubic-bezier(.8,-.33,.2,1.33);
width:10px
}
.radio input[type=radio]{
cursor:pointer;
opacity:0;
z-index:1;
outline:0!important
}
.radio input[type=radio]:disabled+label{
opacity:.65
}
.radio input[type=radio]:focus+label::before{
outline-offset:-2px;
outline:5px auto -webkit-focus-ring-color;
outline:thin dotted
}
.radio input[type=radio]:checked+label::after{
transform:scale(1,1)
}
.radio input[type=radio]:disabled+label::before{
cursor:not-allowed
}
.radio.radio-inline{
margin-top:0
}
.radio.radio-single label{
height:17px
}
.radio-primary input[type=radio]+label::after{
background-color:#6658dd
}
.radio-primary input[type=radio]:checked+label::before{
border-color:#6658dd
}
.radio-primary input[type=radio]:checked+label::after{
background-color:#6658dd
}
.radio-secondary input[type=radio]+label::after{
background-color:#cedeef
}
.radio-secondary input[type=radio]:checked+label::before{
border-color:#cedeef
}
.radio-secondary input[type=radio]:checked+label::after{
background-color:#cedeef
}
.radio-success input[type=radio]+label::after{
background-color:#1abc9c
}
.radio-success input[type=radio]:checked+label::before{
border-color:#1abc9c
}
.radio-success input[type=radio]:checked+label::after{
background-color:#1abc9c
}
.radio-info input[type=radio]+label::after{
background-color:#4fc6e1
}
.radio-info input[type=radio]:checked+label::before{
border-color:#4fc6e1
}
.radio-info input[type=radio]:checked+label::after{
background-color:#4fc6e1
}
.radio-warning input[type=radio]+label::after{
background-color:#f7b84b
}
.radio-warning input[type=radio]:checked+label::before{
border-color:#f7b84b
}
.radio-warning input[type=radio]:checked+label::after{
background-color:#f7b84b
}
.radio-danger input[type=radio]+label::after{
background-color:#f1556c
}
.radio-danger input[type=radio]:checked+label::before{
border-color:#f1556c
}
.radio-danger input[type=radio]:checked+label::after{
background-color:#f1556c
}
.radio-light input[type=radio]+label::after{
background-color:#424e5a
}
.radio-light input[type=radio]:checked+label::before{
border-color:#424e5a
}
.radio-light input[type=radio]:checked+label::after{
background-color:#424e5a
}
.radio-dark input[type=radio]+label::after{
background-color:#f3f7f9
}
.radio-dark input[type=radio]:checked+label::before{
border-color:#f3f7f9
}
.radio-dark input[type=radio]:checked+label::after{
background-color:#f3f7f9
}
.radio-pink input[type=radio]+label::after{
background-color:#f672a7
}
.radio-pink input[type=radio]:checked+label::before{
border-color:#f672a7
}
.radio-pink input[type=radio]:checked+label::after{
background-color:#f672a7
}
.radio-blue input[type=radio]+label::after{
background-color:#4a81d4
}
.radio-blue input[type=radio]:checked+label::before{
border-color:#4a81d4
}
.radio-blue input[type=radio]:checked+label::after{
background-color:#4a81d4
}
.ribbon-box{
position:relative
}
.ribbon-box .ribbon{
position:relative;
clear:both;
padding:5px 12px;
margin-bottom:15px;
box-shadow:2px 5px 10px rgba(243,247,249,.15);
color:#fff;
font-size:13px;
font-weight:600
}
.ribbon-box .ribbon:before{
content:" ";
border-style:solid;
border-width:10px;
display:block;
position:absolute;
bottom:-10px;
left:0;
margin-bottom:-10px;
z-index:-1
}
.ribbon-box .ribbon.float-left{
margin-left:-30px;
border-radius:0 3px 3px 0
}
.ribbon-box .ribbon.float-right{
margin-right:-30px;
border-radius:3px 0 0 3px
}
.ribbon-box .ribbon.float-right:before{
right:0
}
.ribbon-box .ribbon.float-center span{
margin:0 auto 20px auto
}
.ribbon-box .ribbon-content{
clear:both
}
.ribbon-box .ribbon-primary{
background:#6658dd
}
.ribbon-box .ribbon-primary:before{
border-color:#3f2ed4 transparent transparent
}
.ribbon-box .ribbon-secondary{
background:#cedeef
}
.ribbon-box .ribbon-secondary:before{
border-color:#a8c4e2 transparent transparent
}
.ribbon-box .ribbon-success{
background:#1abc9c
}
.ribbon-box .ribbon-success:before{
border-color:#148f77 transparent transparent
}
.ribbon-box .ribbon-info{
background:#4fc6e1
}
.ribbon-box .ribbon-info:before{
border-color:#25b7d8 transparent transparent
}
.ribbon-box .ribbon-warning{
background:#f7b84b
}
.ribbon-box .ribbon-warning:before{
border-color:#f5a51a transparent transparent
}
.ribbon-box .ribbon-danger{
background:#f1556c
}
.ribbon-box .ribbon-danger:before{
border-color:#ed2643 transparent transparent
}
.ribbon-box .ribbon-light{
background:#424e5a
}
.ribbon-box .ribbon-light:before{
border-color:#2c353d transparent transparent
}
.ribbon-box .ribbon-dark{
background:#f3f7f9
}
.ribbon-box .ribbon-dark:before{
border-color:#d1e0e8 transparent transparent
}
.ribbon-box .ribbon-pink{
background:#f672a7
}
.ribbon-box .ribbon-pink:before{
border-color:#f34289 transparent transparent
}
.ribbon-box .ribbon-blue{
background:#4a81d4
}
.ribbon-box .ribbon-blue:before{
border-color:#2d67be transparent transparent
}
.ribbon-box .ribbon-two{
position:absolute;
left:-5px;
top:-5px;
z-index:1;
overflow:hidden;
width:75px;
height:75px;
text-align:right
}
.ribbon-box .ribbon-two span{
font-size:13px;
color:#fff;
text-align:center;
line-height:20px;
transform:rotate(-45deg);
width:100px;
display:block;
box-shadow:0 0 8px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
position:absolute;
top:19px;
left:-21px;
font-weight:600
}
.ribbon-box .ribbon-two span:before{
content:"";
position:absolute;
left:0;
top:100%;
z-index:-1;
border-right:3px solid transparent;
border-bottom:3px solid transparent
}
.ribbon-box .ribbon-two span:after{
content:"";
position:absolute;
right:0;
top:100%;
z-index:-1;
border-left:3px solid transparent;
border-bottom:3px solid transparent
}
.ribbon-box .ribbon-two-primary span{
background:#6658dd
}
.ribbon-box .ribbon-two-primary span:before{
border-left:3px solid #3827c1;
border-top:3px solid #3827c1
}
.ribbon-box .ribbon-two-primary span:after{
border-right:3px solid #3827c1;
border-top:3px solid #3827c1
}
.ribbon-box .ribbon-two-secondary span{
background:#cedeef
}
.ribbon-box .ribbon-two-secondary span:before{
border-left:3px solid #94b7dc;
border-top:3px solid #94b7dc
}
.ribbon-box .ribbon-two-secondary span:after{
border-right:3px solid #94b7dc;
border-top:3px solid #94b7dc
}
.ribbon-box .ribbon-two-success span{
background:#1abc9c
}
.ribbon-box .ribbon-two-success span:before{
border-left:3px solid #117964;
border-top:3px solid #117964
}
.ribbon-box .ribbon-two-success span:after{
border-right:3px solid #117964;
border-top:3px solid #117964
}
.ribbon-box .ribbon-two-info span{
background:#4fc6e1
}
.ribbon-box .ribbon-two-info span:before{
border-left:3px solid #21a5c2;
border-top:3px solid #21a5c2
}
.ribbon-box .ribbon-two-info span:after{
border-right:3px solid #21a5c2;
border-top:3px solid #21a5c2
}
.ribbon-box .ribbon-two-warning span{
background:#f7b84b
}
.ribbon-box .ribbon-two-warning span:before{
border-left:3px solid #eb990a;
border-top:3px solid #eb990a
}
.ribbon-box .ribbon-two-warning span:after{
border-right:3px solid #eb990a;
border-top:3px solid #eb990a
}
.ribbon-box .ribbon-two-danger span{
background:#f1556c
}
.ribbon-box .ribbon-two-danger span:before{
border-left:3px solid #e71332;
border-top:3px solid #e71332
}
.ribbon-box .ribbon-two-danger span:after{
border-right:3px solid #e71332;
border-top:3px solid #e71332
}
.ribbon-box .ribbon-two-light span{
background:#424e5a
}
.ribbon-box .ribbon-two-light span:before{
border-left:3px solid #22282e;
border-top:3px solid #22282e
}
.ribbon-box .ribbon-two-light span:after{
border-right:3px solid #22282e;
border-top:3px solid #22282e
}
.ribbon-box .ribbon-two-dark span{
background:#f3f7f9
}
.ribbon-box .ribbon-two-dark span:before{
border-left:3px solid #c0d5e0;
border-top:3px solid #c0d5e0
}
.ribbon-box .ribbon-two-dark span:after{
border-right:3px solid #c0d5e0;
border-top:3px solid #c0d5e0
}
.ribbon-box .ribbon-two-pink span{
background:#f672a7
}
.ribbon-box .ribbon-two-pink span:before{
border-left:3px solid #f12a7a;
border-top:3px solid #f12a7a
}
.ribbon-box .ribbon-two-pink span:after{
border-right:3px solid #f12a7a;
border-top:3px solid #f12a7a
}
.ribbon-box .ribbon-two-blue span{
background:#4a81d4
}
.ribbon-box .ribbon-two-blue span:before{
border-left:3px solid #285ca9;
border-top:3px solid #285ca9
}
.ribbon-box .ribbon-two-blue span:after{
border-right:3px solid #285ca9;
border-top:3px solid #285ca9
}
@media print{
.footer,.left-side-menu,.navbar-custom,.page-title-box,.right-bar{
display:none
}
.card-body,.content,.content-page,.right-bar,body{
padding:0;
margin:0
}
}
#preloader{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#36404a;
z-index:9999
}
#status{
width:40px;
height:40px;
position:absolute;
left:50%;
top:50%;
margin:-20px 0 0 -20px
}
.spinner{
margin:0 auto;
font-size:10px;
position:relative;
text-indent:-9999em;
border-top:5px solid #424e5a;
border-right:5px solid #424e5a;
border-bottom:5px solid #424e5a;
border-left:5px solid #6658dd;
transform:translateZ(0);
animation:SpinnerAnimation 1.1s infinite linear
}
.spinner,.spinner:after{
border-radius:50%;
width:40px;
height:40px
}
@keyframes SpinnerAnimation{
0%{
transform:rotate(0)
}
100%{
transform:rotate(360deg)
}
}
.authentication-bg.enlarged{
min-height:100px
}
.bg-pattern{
background-image:url(../images/bg-pattern-2.png);
background-size:cover
}
body.authentication-bg{
background-color:#3e4852;
background-size:cover;
background-position:center
}
body.authentication-bg-pattern{
background-image:url(../images/bg-pattern.png)
}
.logout-icon{
width:140px
}
.auth-fluid{
position:relative;
display:flex;
align-items:center;
min-height:100vh;
flex-direction:row;
align-items:stretch;
background:url(../images/bg-auth.jpg) center;
background-size:cover
}
.auth-fluid .auth-fluid-form-box{
max-width:480px;
border-radius:0;
z-index:2;
padding:3rem 2rem;
background-color:#36404a;
position:relative;
width:100%
}
.auth-fluid .auth-fluid-right{
padding:6rem 3rem;
flex:1;
position:relative;
color:#fff;
background-color:rgba(0,0,0,.3)
}
.auth-brand{
margin-bottom:2rem
}
.auth-user-testimonial{
position:absolute;
margin:0 auto;
padding:0 1.75rem;
bottom:3rem;
left:0;
right:0
}
.auth-user-testimonial p.lead{
font-size:1.125rem;
margin:0 auto 20px auto;
max-width:700px
}
@media (min-width:992px){
.auth-brand{
position:absolute;
top:3rem
}
}
@media (max-width:991.98px){
.auth-fluid{
display:block
}
.auth-fluid .auth-fluid-form-box{
max-width:100%;
min-height:100vh
}
.auth-fluid .auth-fluid-right{
display:none
}
}
.auth-logo .logo-light{
display:block
}
.auth-logo .logo-dark{
display:none
}
.button-list{
margin-left:-8px;
margin-bottom:-12px
}
.button-list .btn{
margin-bottom:12px;
margin-left:8px
}
.grid-structure .grid-container{
background-color:#3b4651;
margin-bottom:10px;
font-size:.8rem;
font-weight:600;
padding:10px 20px
}
.icons-list-demo div.col-sm-6{
cursor:pointer;
line-height:45px;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
overflow:hidden
}
.icons-list-demo div.col-sm-6 p{
margin-bottom:0;
line-height:inherit
}
.icons-list-demo i{
text-align:center;
vertical-align:middle;
font-size:22px;
width:50px;
height:50px;
line-height:50px;
margin-right:12px;
color:#8c98a5;
border-radius:3px;
display:inline-block;
transition:all .2s
}
.icons-list-demo .col-md-4{
border-radius:3px;
background-clip:padding-box;
margin-bottom:10px
}
.icons-list-demo .col-md-4:hover,.icons-list-demo .col-md-4:hover i{
color:#6658dd
}
.icons-list-demo .icon-item svg{
margin-right:10px
}
.icons-list-demo .icon-item span{
line-height:30px;
display:inline-block;
vertical-align:middle
}
.scrollspy-example{
position:relative;
height:200px;
margin-top:.5rem;
overflow:auto
}
.text-error{
color:#6658dd;
text-shadow:rgba(102,88,221,.3) 5px 1px,rgba(102,88,221,.2) 10px 3px;
font-size:84px;
line-height:90px;
font-family:"Cerebri Sans,sans-serif"
}
.error-text-box{
font-size:10rem;
font-family:"Cerebri Sans,sans-serif";
min-height:200px
}
.error-text-box .text{
fill:none;
stroke-width:6;
stroke-linejoin:round;
stroke-dasharray:30 100;
stroke-dashoffset:0;
animation:stroke 9s infinite linear
}
.error-text-box .text:nth-child(5n+1){
stroke:#f1556c;
animation-delay:-1.2s
}
.error-text-box .text:nth-child(5n+2){
stroke:#f7b84b;
animation-delay:-2.4s
}
.error-text-box .text:nth-child(5n+3){
stroke:#6658dd;
animation-delay:-3.6s
}
.error-text-box .text:nth-child(5n+4){
stroke:#4fc6e1;
animation-delay:-4.8s
}
.error-text-box .text:nth-child(5n+5){
stroke:#1abc9c;
animation-delay:-6s
}
@keyframes stroke{
100%{
stroke-dashoffset:-400
}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
.error-text-box .text{
fill:#f1556c;
stroke:#f1556c;
stroke-width:6;
stroke-dasharray:0 0;
stroke-dashoffset:0;
animation:none
}
}
.logout-checkmark{
width:100px;
margin:0 auto;
padding:20px 0
}
.logout-checkmark .path{
stroke-dasharray:1000;
stroke-dashoffset:0;
animation:dash 2s ease-in-out
}
.logout-checkmark .spin{
animation:spin 2s;
transform-origin:50% 50%
}
@keyframes dash{
0%{
stroke-dashoffset:1000
}
100%{
stroke-dashoffset:0
}
}
@keyframes spin{
0%{
-webkit-transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg)
}
}
@keyframes text{
0%{
opacity:0
}
100%{
opacity:1
}
}
.faq-question-q-box{
height:30px;
width:30px;
color:#6658dd;
text-align:center;
border-radius:50%;
float:left;
font-weight:700;
line-height:30px;
background-color:rgba(102,88,221,.15)
}
.faq-question{
margin-top:0;
margin-left:50px;
font-weight:400;
font-size:16px
}
.faq-answer{
margin-left:50px;
color:#8c98a5
}
.svg-computer{
stroke-dasharray:1134;
stroke-dashoffset:-1134;
animation:draw-me 5s infinite;
animation-direction:normal;
height:160px
}
@keyframes draw-me{
from{
stroke-dashoffset:-1134
}
to{
stroke-dashoffset:0
}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
.svg-computer{
stroke-dasharray:0;
stroke-dashoffset:0;
animation:none;
animation-direction:normal
}
}
.dot{
border:4px solid #6658dd;
background:0 0;
border-radius:60px;
height:30px;
width:30px;
animation:pulse 3s ease-out;
animation-iteration-count:infinite;
position:absolute;
top:-15px;
right:-2px;
z-index:1;
opacity:0
}
@keyframes pulse{
0%{
-webkit-transform:scale(0);
opacity:0
}
25%{
-webkit-transform:scale(0);
opacity:.1
}
50%{
-webkit-transform:scale(.1);
opacity:.3
}
75%{
-webkit-transform:scale(.5);
opacity:.5
}
100%{
-webkit-transform:scale(1);
opacity:0
}
}
/*! * Waves v0.7.6 * http://fian.my.id/Waves * * Copyright 2014-2018 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect{
position:relative;
cursor:pointer;
display:inline-block;
overflow:hidden;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple{
position:absolute;
border-radius:50%;
width:100px;
height:100px;
margin-top:-50px;
margin-left:-50px;
opacity:0;
background:rgba(0,0,0,.2);
background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
transition:all .5s ease-out;
transition-property:transform,opacity;
transform:scale(0) translate(0,0);
pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
background:rgba(255,255,255,.4);
background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
}
.waves-effect.waves-classic .waves-ripple{
background:rgba(0,0,0,.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple{
background:rgba(255,255,255,.4)
}
.waves-notransition{
transition:none!important
}
.waves-button,.waves-circle{
transform:translateZ(0);
-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 100%);
mask-image:radial-gradient(circle,#fff 100%,#000 100%)
}
.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
border:none;
outline:0;
color:inherit;
background-color:rgba(0,0,0,0);
font-size:1em;
line-height:1em;
text-align:center;
text-decoration:none;
z-index:1
}
.waves-button{
padding:.85em 1.1em;
border-radius:.2em
}
.waves-button-input{
margin:0;
padding:.85em 1.1em
}
.waves-input-wrapper{
border-radius:.2em;
vertical-align:bottom
}
.waves-input-wrapper.waves-button{
padding:0
}
.waves-input-wrapper .waves-button-input{
position:relative;
top:0;
left:0;
z-index:1
}
.waves-circle{
text-align:center;
width:2.5em;
height:2.5em;
line-height:2.5em;
border-radius:50%
}
.waves-float{
-webkit-mask-image:none;
mask-image:none;
box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
transition:all .3s
}
.waves-float:active{
box-shadow:0 8px 20px 1px rgba(0,0,0,.3)
}
.waves-block{
display:block
}
.dataTables_wrapper.container-fluid{
padding:0
}
table.dataTable{
border-collapse:collapse!important;
margin-bottom:15px!important
}
table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{
background-color:#6658dd
}
table.dataTable tbody>tr.selected td,table.dataTable tbody>tr>.selected td{
border-color:#6658dd
}
table.dataTable tbody td:focus{
outline:0!important
}
table.dataTable tbody td.focus,table.dataTable tbody th.focus{
outline:2px solid #6658dd!important;
outline-offset:-1px;
color:#6658dd;
background-color:rgba(102,88,221,.15)
}
.dataTables_info{
font-weight:600
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before{
box-shadow:0 0 45px 0 rgba(0,0,0,.12);
background-color:#1abc9c;
top:.85rem
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
background-color:#f1556c;
top:.85rem
}
div.dt-button-info{
background-color:#6658dd;
border:none;
color:#fff;
box-shadow:none;
border-radius:3px;
text-align:center;
z-index:21
}
div.dt-button-info h2{
border-bottom:none;
background-color:rgba(255,255,255,.2);
color:#fff
}
@media (max-width:767.98px){
li.paginate_button.next,li.paginate_button.previous{
display:inline-block;
font-size:1.5rem
}
li.paginate_button{
display:none
}
.dataTables_paginate ul{
text-align:center;
display:block;
margin:1.5rem 0 0!important
}
div.dt-buttons{
display:inline-table;
margin-bottom:1.5rem
}
}
.activate-select .sorting_1{
background-color:#424e5a
}
.daterangepicker{
font-family:Nunito,sans-serif
}
.daterangepicker .ranges li.active,.daterangepicker td.active,.daterangepicker td.active:hover{
background-color:#6658dd
}
.form-wizard-header{
margin-left:-1.5rem;
margin-right:-1.5rem
}
[data-simplebar]{
position:relative;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-content:flex-start;
align-items:flex-start
}
.simplebar-wrapper{
overflow:hidden;
width:inherit;
height:inherit;
max-width:inherit;
max-height:inherit
}
.simplebar-mask{
direction:inherit;
position:absolute;
overflow:hidden;
padding:0;
margin:0;
left:0;
top:0;
bottom:0;
right:0;
width:auto!important;
height:auto!important;
z-index:0
}
.simplebar-offset{
direction:inherit!important;
box-sizing:inherit!important;
resize:none!important;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
padding:0;
margin:0;
-webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper{
direction:inherit;
box-sizing:border-box!important;
position:relative;
display:block;
height:100%;
width:auto;
visibility:visible;
overflow:auto;
max-width:100%;
max-height:100%;
scrollbar-width:none
}
.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{
display:none
}
.simplebar-content:after,.simplebar-content:before{
content:' ';
display:table
}
.simplebar-placeholder{
max-height:100%;
max-width:100%;
width:100%;
pointer-events:none
}
.simplebar-height-auto-observer-wrapper{
box-sizing:inherit!important;
height:100%;
width:100%;
max-width:1px;
position:relative;
float:left;
max-height:1px;
overflow:hidden;
z-index:-1;
padding:0;
margin:0;
pointer-events:none;
flex-grow:inherit;
flex-shrink:0;
flex-basis:0
}
.simplebar-height-auto-observer{
box-sizing:inherit;
display:block;
opacity:0;
position:absolute;
top:0;
left:0;
height:1000%;
width:1000%;
min-height:1px;
min-width:1px;
overflow:hidden;
pointer-events:none;
z-index:-1
}
.simplebar-track{
z-index:1;
position:absolute;
right:0;
bottom:0;
pointer-events:none;
overflow:hidden
}
[data-simplebar].simplebar-dragging .simplebar-content{
pointer-events:none;
-ms-user-select:none;
user-select:none;
-webkit-user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track{
pointer-events:all
}
.simplebar-scrollbar{
position:absolute;
right:2px;
width:5px;
min-height:10px
}
.simplebar-scrollbar:before{
position:absolute;
content:'';
background:#a2adb7;
border-radius:7px;
left:0;
right:0;
opacity:0;
transition:opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before{
opacity:.5;
transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical{
top:0;
width:11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
top:2px;
bottom:2px
}
.simplebar-track.simplebar-horizontal{
left:0;
height:11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
height:100%;
left:2px;
right:2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{
right:auto;
left:0;
top:2px;
height:7px;
min-height:0;
min-width:10px;
width:auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{
right:auto;
left:0
}
.hs-dummy-scrollbar-size{
direction:rtl;
position:fixed;
opacity:0;
visibility:hidden;
height:500px;
width:500px;
overflow-y:hidden;
overflow-x:scroll
}
.simplebar-hide-scrollbar{
position:fixed;
left:0;
visibility:hidden;
overflow-y:scroll;
scrollbar-width:none
}
.custom-scroll{
height:100%
}
.jq-toast-single{
padding:15px;
font-family:Nunito,sans-serif;
background-color:#6658dd;
font-size:13px;
line-height:22px
}
.jq-toast-single h2{
font-family:Nunito,sans-serif
}
.jq-toast-single a{
font-size:.875rem
}
.jq-toast-single a:hover{
color:#fff
}
.jq-has-icon{
padding:10px 10px 10px 50px
}
.close-jq-toast-single{
position:absolute;
top:-12px;
right:-12px;
font-size:20px;
cursor:pointer;
height:32px;
width:32px;
background-color:#f3f7f9;
border-radius:50%;
text-align:center;
line-height:32px;
color:#36404a
}
.jq-toast-loader{
height:3px;
top:0;
border-radius:0
}
.jq-icon-primary{
background-color:#6658dd;
color:#fff;
border-color:#6658dd
}
.jq-icon-secondary{
background-color:#cedeef;
color:#fff;
border-color:#cedeef
}
.jq-icon-info{
background-color:#4fc6e1;
color:#fff;
border-color:#4fc6e1
}
.jq-icon-danger{
background-color:#f1556c;
color:#fff;
border-color:#f1556c
}
.jq-icon-light{
background-color:#424e5a;
color:#fff;
border-color:#424e5a
}
.jq-icon-dark{
background-color:#f3f7f9;
color:#fff;
border-color:#f3f7f9
}
.jq-icon-pink{
background-color:#f672a7;
color:#fff;
border-color:#f672a7
}
.jq-icon-blue{
background-color:#4a81d4;
color:#fff;
border-color:#4a81d4
}
.jq-icon-error{
background-color:#f1556c;
color:#fff;
border-color:#f1556c
}
.tippy-tooltip .light-theme[data-animatefill]{
background-color:transparent
}
.light-theme{
color:#36404a;
box-shadow:0 0 45px 0 rgba(0,0,0,.12);
background-color:#fff
}
.light-theme .tippy-backdrop{
background-color:#fff
}
.light-theme .tippy-roundarrow{
fill:#fff
}
.gradient-theme .tippy-backdrop{
background:#6658dd;
background:linear-gradient(to left,#f1556c,#6658dd)
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow{
border-top:7px solid #fff;
border-right:7px solid transparent;
border-left:7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow{
border-bottom:7px solid #fff;
border-right:7px solid transparent;
border-left:7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow{
border-left:7px solid #fff;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow{
border-right:7px solid #fff;
border-top:7px solid transparent;
border-bottom:7px solid transparent
}
.flotTip{
padding:8px 12px;
background-color:#f3f7f9;
z-index:100;
color:#36404a;
opacity:1;
border-radius:3px
}
.legend{
font-size:14px
}
.legend tr{
height:30px;
font-family:"Cerebri Sans,sans-serif"
}
.legend>div{
background-color:transparent!important
}
.legendLabel{
padding-left:5px!important;
line-height:10px;
padding-right:10px;
font-size:13px;
font-weight:500;
color:#cedeef;
text-transform:uppercase
}
.legendColorBox div div{
border-radius:50%
}
.flot-text{
color:#8c98a5!important
}
.flot-svg text{
fill:#8c98a5!important
}
@media (max-width:767.98px){
.legendLabel{
display:none
}
}
.legendIcon{
width:1.5em;
height:1.5em
}
.morris-chart text{
font-family:"Cerebri Sans,sans-serif"!important;
fill:#94a0ad
}
.morris-hover{
position:absolute;
z-index:10
}
.morris-hover.morris-default-style{
font-size:12px;
text-align:center;
border-radius:5px;
padding:10px 12px;
background:#f3f7f9;
color:#36404a;
font-family:Nunito,sans-serif
}
.morris-hover.morris-default-style .morris-hover-row-label{
font-weight:700;
margin:.25em 0;
font-family:"Cerebri Sans,sans-serif"
}
.morris-hover.morris-default-style .morris-hover-point{
white-space:nowrap;
margin:.1em 0;
color:#fff
}
.chartjs-chart{
margin:auto;
position:relative;
width:100%
}
.ct-golden-section:before{
float:none
}
.ct-grid{
stroke:rgba(140,152,165,.2)
}
.ct-chart{
max-height:300px
}
.ct-chart .ct-label{
fill:#8c98a5;
color:#8c98a5;
font-size:12px;
line-height:1
}
.ct-chart.simple-pie-chart-chartist .ct-label{
color:#fff;
fill:#fff;
font-size:16px
}
.ct-chart .ct-series.ct-series-a .ct-bar,.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,.ct-chart .ct-series.ct-series-a .ct-slice-donut{
stroke:#4a81d4
}
.ct-chart .ct-series.ct-series-b .ct-bar,.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point,.ct-chart .ct-series.ct-series-b .ct-slice-donut{
stroke:#1abc9c
}
.ct-chart .ct-series.ct-series-c .ct-bar,.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point,.ct-chart .ct-series.ct-series-c .ct-slice-donut{
stroke:#f7b84b
}
.ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point,.ct-chart .ct-series.ct-series-d .ct-slice-donut{
stroke:#f1556c
}
.ct-chart .ct-series.ct-series-e .ct-bar,.ct-chart .ct-series.ct-series-e .ct-line,.ct-chart .ct-series.ct-series-e .ct-point,.ct-chart .ct-series.ct-series-e .ct-slice-donut{
stroke:#4fc6e1
}
.ct-chart .ct-series.ct-series-f .ct-bar,.ct-chart .ct-series.ct-series-f .ct-line,.ct-chart .ct-series.ct-series-f .ct-point,.ct-chart .ct-series.ct-series-f .ct-slice-donut{
stroke:#f672a7
}
.ct-chart .ct-series.ct-series-g .ct-bar,.ct-chart .ct-series.ct-series-g .ct-line,.ct-chart .ct-series.ct-series-g .ct-point,.ct-chart .ct-series.ct-series-g .ct-slice-donut{
stroke:#6658dd
}
.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{
fill:#4a81d4
}
.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{
fill:#1abc9c
}
.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{
fill:#f7b84b
}
.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{
fill:#f1556c
}
.ct-area{
fill-opacity:.33
}
.chartist-tooltip{
position:absolute;
display:inline-block;
opacity:0;
min-width:10px;
padding:2px 10px;
border-radius:3px;
background:#f3f7f9;
color:#36404a;
text-align:center;
pointer-events:none;
z-index:1;
transition:opacity .2s linear
}
.chartist-tooltip.tooltip-show{
opacity:1
}
.c3-tooltip{
box-shadow:0 0 45px 0 rgba(0,0,0,.12);
opacity:1
}
.c3-tooltip td{
border-left:none;
font-family:"Cerebri Sans,sans-serif"
}
.c3-tooltip td>span{
background:#f3f7f9
}
.c3-tooltip tr{
border:none!important
}
.c3-tooltip th{
background-color:#f3f7f9;
color:#36404a
}
.c3-chart-arcs-title{
font-size:18px;
font-weight:600
}
.c3 text{
font-family:Nunito,sans-serif;
fill:#94a0ad
}
.c3-legend-item{
font-family:"Cerebri Sans,sans-serif";
font-size:14px
}
.c3 line,.c3 path{
stroke:#5d7186
}
.c3-chart-arc.c3-target g path{
stroke:#fff
}
#legend{
background:#fff;
position:absolute;
top:0;
right:15px
}
#legend .line{
color:#f3f7f9
}
.rickshaw_graph svg{
max-width:100%
}
.rickshaw_legend .label{
font-family:inherit;
letter-spacing:.01em;
font-weight:600
}
.rickshaw_graph .detail .item,.rickshaw_graph .detail .x_label,.rickshaw_graph .x_tick .title{
font-family:Nunito,sans-serif
}
.gauge-chart text{
font-family:Nunito,sans-serif!important
}
.responsive-table-plugin .dropdown-menu li.checkbox-row{
padding:7px 15px;
color:#94a0ad
}
.responsive-table-plugin .table-responsive{
border:none;
margin-bottom:0
}
.responsive-table-plugin .btn-toolbar{
display:block
}
.responsive-table-plugin tbody th{
font-size:14px;
font-weight:400
}
.responsive-table-plugin .checkbox-row{
padding-left:40px
}
.responsive-table-plugin .checkbox-row label{
display:inline-block;
padding-left:5px;
position:relative;
margin-bottom:0
}
.responsive-table-plugin .checkbox-row label::before{
background-color:transparent;
border-radius:3px;
border:1px solid #5d7186;
content:"";
display:inline-block;
height:17px;
left:0;
margin-left:-20px;
position:absolute;
transition:.3s ease-in-out;
width:17px;
outline:0
}
.responsive-table-plugin .checkbox-row label::after{
color:#5d7186;
display:inline-block;
font-size:9px;
height:16px;
left:0;
margin-left:-19px;
padding-left:3px;
padding-top:1px;
position:absolute;
top:-2px;
width:16px
}
.responsive-table-plugin .checkbox-row input[type=checkbox]{
cursor:pointer;
opacity:0;
z-index:1;
outline:0
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled+label{
opacity:.65
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:focus+label::before{
outline-offset:-2px;
outline:0
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::after{
content:"\f00c";
font-family:'Font Awesome 5 Free';
font-weight:900
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled+label::before{
background-color:#424e5a;
cursor:not-allowed
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::before{
background-color:transparent;
border-color:#6658dd
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::after{
color:#6658dd
}
.responsive-table-plugin .sticky-table-header,.responsive-table-plugin table.focus-on tbody tr.focused td,.responsive-table-plugin table.focus-on tbody tr.focused th{
background:#6658dd;
border-color:#6658dd;
color:#fff
}
.responsive-table-plugin .sticky-table-header table,.responsive-table-plugin table.focus-on tbody tr.focused td table,.responsive-table-plugin table.focus-on tbody tr.focused th table{
color:#fff
}
.responsive-table-plugin .fixed-solution .sticky-table-header{
top:70px!important
}
.responsive-table-plugin .btn-default{
background-color:#424e5a;
color:#fff;
border:1px solid rgba(243,247,249,.3)
}
.responsive-table-plugin .btn-default.btn-primary{
background-color:#6658dd;
border-color:#6658dd;
color:#fff;
box-shadow:0 0 0 2px rgba(102,88,221,.5)
}
.responsive-table-plugin .btn-group.pull-right{
float:right
}
.responsive-table-plugin .btn-group.pull-right .dropdown-menu{
left:auto;
right:0
}
.no-touch .dropdown-menu>.checkbox-row:active,.no-touch .dropdown-menu>.checkbox-row:hover{
color:#f3f7f9;
background-color:#424e5a
}
.bootstrap-table .table:not(.table-sm)>tbody>tr>td,.bootstrap-table .table:not(.table-sm)>tbody>tr>th,.bootstrap-table .table:not(.table-sm)>tfoot>tr>td,.bootstrap-table .table:not(.table-sm)>tfoot>tr>th,.bootstrap-table .table:not(.table-sm)>thead>tr>td{
padding:.85rem
}
.bootstrap-table .table{
border-bottom:none
}
.bootstrap-table .table>thead>tr>th{
border-bottom:2px solid transparent
}
.table-borderless.table-bordered{
border:none!important
}
table[data-toggle=table]{
display:none
}
.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{
margin-top:20px;
margin-bottom:0
}
.fixed-table-pagination .pagination .page-link{
border-radius:30px!important;
margin:0 3px;
border:none
}
.fixed-table-container{
border:none
}
.fixed-table-container tbody td{
border-left:none
}
.fixed-table-container thead th .th-inner{
padding:.85rem
}
.fixed-table-toolbar .fa{
font-family:'Font Awesome 5 Free';
font-weight:400
}
.fixed-table-toolbar .fa.fa-sync{
font-weight:900
}
.fixed-table-toolbar .fa-toggle-down:before{
content:"\f150"
}
.fixed-table-toolbar .fa-toggle-up:before{
content:"\f151"
}
.fixed-table-toolbar .fa-refresh:before{
content:"\f01e";
font-weight:900
}
.fixed-table-toolbar .fa-th-list:before{
content:"\f0ca";
font-weight:900
}
.tablesaw thead{
background:#3e4954;
background-image:none;
border:none
}
.tablesaw thead th{
text-shadow:none
}
.tablesaw thead tr:first-child th{
border:none;
font-weight:500;
font-family:"Cerebri Sans,sans-serif"
}
.tablesaw td{
border-top:1px solid #3e4954!important
}
.tablesaw tbody th,.tablesaw td{
font-size:inherit;
line-height:inherit;
padding:10px!important
}
.tablesaw tbody tr,.tablesaw-stack tbody tr{
border-bottom:none
}
.tablesaw-bar .btn-select.btn-micro:after,.tablesaw-bar .btn-select.btn-small:after{
font-size:8px;
padding-right:10px
}
.tablesaw-swipe .tablesaw-cell-persist{
box-shadow:none;
border-color:#3e4954
}
.tablesaw-enhanced .tablesaw-bar .btn{
text-shadow:none;
background-image:none;
text-transform:none;
border:1px solid #424e5a;
padding:3px 10px;
color:#f3f7f9
}
.tablesaw-enhanced .tablesaw-bar .btn:after{
display:none
}
.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover{
background:#fff
}
.tablesaw-enhanced .tablesaw-bar .btn:active,.tablesaw-enhanced .tablesaw-bar .btn:focus,.tablesaw-enhanced .tablesaw-bar .btn:hover{
color:#6658dd!important;
background-color:#3b4651;
outline:0!important;
box-shadow:none!important;
background-image:none
}
.tablesaw-columntoggle-popup .btn-group{
display:block
}
.tablesaw-swipe .tablesaw-swipe-cellpersist{
border-right:2px solid #3e4954
}
.tablesaw-sortable-btn{
cursor:pointer
}
.tablesaw-swipe-cellpersist{
width:auto!important
}
.tablesaw-bar-section label{
color:inherit
}
.autocomplete-suggestions{
border:1px solid #414d59;
background-color:#3b4651;
cursor:default;
overflow:auto;
max-height:200px!important;
box-shadow:0 0 35px 0 rgba(66,72,80,.15)
}
.autocomplete-suggestion{
padding:5px 10px;
white-space:nowrap;
overflow:hidden
}
.autocomplete-no-suggestion{
padding:5px
}
.autocomplete-selected{
background:#36404a;
cursor:pointer
}
.autocomplete-suggestions strong{
font-weight:700;
color:#f3f7f9
}
.autocomplete-group{
padding:5px;
font-weight:500;
font-family:"Cerebri Sans,sans-serif"
}
.autocomplete-group strong{
font-weight:700;
font-size:16px;
color:#f3f7f9;
display:block
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
width:100%!important
}
.bootstrap-select .dropdown-toggle:after{
content:"\F0140";
display:inline-block;
font-family:"Material Design Icons";
padding-left:10px
}
.bootstrap-select .dropdown-toggle:focus{
outline:0!important;
outline-offset:0
}
.bootstrap-select a{
outline:0!important
}
.bootstrap-select .inner{
overflow-y:inherit!important
}
.bootstrap-select>.dropdown-toggle .bs-placeholder{
color:#586877
}
.bootstrap-select>.dropdown-toggle .bs-placeholder:active,.bootstrap-select>.dropdown-toggle .bs-placeholder:focus,.bootstrap-select>.dropdown-toggle .bs-placeholder:hover{
color:#586877
}
.bootstrap-touchspin .btn .input-group-text{
padding:0;
border:none;
background-color:transparent;
color:inherit
}