@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
.topbar
{
left:0;
position:fixed;
right:0;
top:0;
z-index:999
}
.navbar-custom
{
/* background:#fff; */
background-color: rgba(196, 244, 208, 0.9);
min-height:60px;
position:relative;
border-bottom:0px solid #eceff5;
margin-left:260px;
-webkit-box-shadow:none;
box-shadow:none
}
.navbar-custom .nav-link
{
padding:0;
color:#384a65;
margin:0 8px
}
.navbar-custom .nav-link.nav-icon
{
width:36px;
height:36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:50%;
background-color:#f5f5f9;
-webkit-box-shadow:none;
box-shadow:none
}
.navbar-custom .nav-link.nav-icon i
{
font-size:20px;
padding-bottom:2px;
color:#384a65
}
.navbar-custom .dropdown-toggle:after
{
content:initial
}
.navbar-custom .topbar-nav
{
height:120px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.navbar-custom .topbar-nav li
{
float:left
}
.navbar-custom .topbar-nav li.show .nav-link
{
background-color:#fff;
color:#000444
}
.navbar-custom .topbar-nav li:last-child
{
margin-right:8px
}
.navbar-custom .topbar-nav li:first-child
{
margin-left:8px
}
.button-menu-mobile
{
border:none;
color:#384a65!important;
width:60px;
background-color:transparent;
cursor:pointer
}
.nav-user .nav-user-name
{
vertical-align:middle
}
.notification-list .notification-menu
{
max-height:220px;
margin-left:0
}
.notification-list .alert-badge::after
{
content:"";
position:absolute;
width:10px;
height:10px;
top:5px;
right:15px;
border:2px solid #fff;
border-radius:50%;
background-color:#ef4d56
}
.app-search
{
position:relative;
margin:0
}
.app-search form
{
position:relative;
z-index:1
}
.app-search form .form-control,.app-search form .form-control:focus
{
border:1px solid transparent;
font-size:13px;
height:34px;
color:#696c71;
background:#fff;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
width:300px;
border-radius:30px;
padding-left:38px
}
.app-search form button
{
position:absolute;
width:30px;
height:30px;
left:12px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border:none;
text-align:center;
background-color:transparent;
color:#748aa9
}
.app-search form button i
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.app-search form button:focus
{
outline:0
}
.app-search .input.form-control::-webkit-input-placeholder
{
color:#98a9d9
}
.app-search input.form-control:-moz-placeholder
{
color:#98a9d9
}
.app-search input.form-control::-moz-placeholder
{
color:#98a9d9
}
.app-search input.form-control:-ms-input-placeholder
{
color:#98a9d9
}
@media (max-width:1316.98px)
{
.topbar
{
position:fixed
}
.page-wrapper .page-content
{
margin-top:60px
}

}
@media (max-width:1024px)
{
.topbar .app-search .form-control,.topbar .app-search .form-control:focus
{
width:230px
}

}
@media (max-width:768px) and (max-width:1023.98px)
{
.app-search
{
display:none
}

}
@media (max-width:767px)
{
.app-search,.hidden-sm
{
display:none
}

}
@media (max-width:375px)
{
.page-title-box .breadcrumb
{
display:none
}

}
body.dark-topbar .navbar-custom,body.dark-topbar .topbar
{
background-color:#292e40
}
body.dark-topbar .left-sidebar .brand
{
background-color:#292e40;
border-right:1px solid #2f3549
}
body.dark-topbar .left-sidebar .brand .logo .logo-lg
{
display:none
}
body.dark-topbar .left-sidebar .brand .logo .logo-lg.logo-light
{
display:inline-block
}
body.dark-topbar .navbar-custom .nav-link.nav-icon i
{
color:#abb4c7
}
body.dark-topbar .navbar-custom .nav-link.nav-icon
{
background-color:#32384c
}
body.dark-topbar .navbar-custom .nav-link
{
color:#c2cbe2
}
body.dark-topbar .app-search form .form-control,body.dark-topbar .app-search form .form-control:focus
{
color:#c2cbe2;
background:#3d454e
}
.footer
{
bottom:0;
padding:16px;
position:absolute;
right:0;
left:0;
color:#7081b9;
border-top:1px solid #eceff5
}
.leftbar-tab-menu
{
min-width:260px;
z-index:1001
}
.leftbar-tab-menu .main-icon-menu
{
width:60px!important;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:16px 0;
background-color:#A5B2DE;  /*0b51b7*/
height:100%!important;
z-index:1001;
position:fixed;
top:0
}
.leftbar-tab-menu .main-icon-menu .logo-metrica .logo-sm
{
height:34px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body
{
overflow:hidden;
width:100%;
max-height:100%
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .menu-icon
{
color:#becae6;
font-size:22px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav
{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:60px;
width:60px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav .nav-item
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:14px 0
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs
{
border-bottom:none
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link
{
border:none;
position:relative;
padding:0;
color:#fff;
width:36px;
height:36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#1256b9;
border-radius:5px;
font-weight:500
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active,.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:focus
{
background-color:#1256b9;
border-color:transparent;
color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:hover
{
color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active,.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active
{
color:#0b51b7
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active .menu-icon,.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active .menu-icon
{
color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active:before,.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active:before
{
content:"";
position:absolute;
left:40px;
top:10px;
border-right:10px solid #f8f9fb;
border-top:10px solid transparent;
border-bottom:10px solid transparent
}
.leftbar-tab-menu .main-icon-menu .pro-metrica-end
{
-ms-flex-negative:0;
flex-shrink:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#0b51b7;
margin-top:auto
}
@media (min-width:992px)
{
.leftbar-tab-menu .main-icon-menu
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

}
@media (max-width:991.98px)
{
.leftbar-tab-menu .main-icon-menu
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

}
.leftbar-tab-menu .main-menu-inner
{
width:200px;
height:100%;
/*background-color:#f8f9fb;*/
background-color:rgba(196, 244, 208, 0.8);
border-right:1px solid #eceff5;
position:fixed;
top:0;
left:60px;
z-index:1001;
border-right:1px solid #eceff5
}
.leftbar-tab-menu .main-menu-inner .topbar-left
{
background-color:#f8f9fb;
padding-left:16px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo
{
line-height:60px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-sm
{
height:24px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg
{
height:15px;
margin-left:2px;
display:inline-block
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-light
{
display:none
}
.leftbar-tab-menu .main-menu-inner .menu-body
{
padding:16px;
height:calc(100vh - 60px)!important;
-webkit-box-shadow:none;
box-shadow:none
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item
{
position:relative;
display:block
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link
{
position:relative;
color:#5a5c61;
font-size:13px;
font-weight:500;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:38px;
border-radius:3px
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active,.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active i
{
color:#0b51b7
}
.leftbar-tab-menu .main-menu-inner .menu-body .main-icon-menu-pane
{
margin-bottom:20px;
display:none
}
.leftbar-tab-menu .main-menu-inner .menu-body .main-icon-menu-pane.active
{
display:block
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav
{
padding-left:1rem
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after
{
display:block;
content:"\f105";
font-family:"Line Awesome Free";
font-weight:900;
margin-left:auto;
-webkit-transition:-webkit-transform .2s;
transition:-webkit-transform .2s;
transition:transform .2s;
transition:transform .2s,-webkit-transform .2s
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after
{
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before
{
content:"";
position:absolute;
left:4px;
width:4px;
height:4px;
border:1px solid #8997bd;
border-radius:50%;
background:rgba(48,62,103,.2)
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before
{
content:"";
border:none;
background:#0b51b7
}
.navbar-custom .responsive-logo
{
display:none
}
.page-wrapper
{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.page-wrapper .page-content-tab
{
width:calc(100% - 260px);
margin-left:auto;
position:relative;
min-height:calc(100vh - 60px);
padding:0 8px 52px 8px;
margin-top:60px
}
.enlarge-menu .leftbar-tab-menu
{
min-width:60px
}
.enlarge-menu .leftbar-tab-menu .main-menu-inner
{
display:none;
-webkit-transition:opacity .3s linear,left .3s ease-out;
transition:opacity .3s linear,left .3s ease-out
}
.enlarge-menu .topbar .navbar-custom
{
margin-left:60px
}
.enlarge-menu .topbar .topbar-left
{
margin-left:0;
width:260px
}
.enlarge-menu.enlarge-menu-all .leftbar-tab-menu
{
display:none
}
.enlarge-menu.enlarge-menu-all .topbar .topbar-left
{
margin-left:0;
width:260px
}
.enlarge-menu.enlarge-menu-all .topbar .navbar-custom
{
margin-left:0
}
.enlarge-menu .page-content-tab
{
width:calc(100% - 60px)
}
@media (max-width:1199.98px)
{
.page-wrapper .page-content-tab
{
width:calc(100% - 60px)
}

}
@media (max-width:1023.98px)
{
.leftbar-tab-menu
{
position:fixed;
top:60px;
overflow-y:auto;
z-index:5;
bottom:0
}
.navbar-custom
{
margin-left:60px
}
.navbar-custom .responsive-logo
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:10px
}
.page-content-tab
{
min-height:100vh;
width:100%
}
.enlarge-menu .topbar .topbar-left
{
margin-left:0;
width:60px!important
}
.enlarge-menu .page-content-tab
{
width:100%
}
.enlarge-menu-all .topbar .navbar-custom
{
margin-left:0
}
.enlarge-menu-all .page-content-tab
{
width:100%
}

}
@media (min-width:768px)
{
.navbar-collapse
{
display:block!important
}
.navbar-vertical .navbar-nav .nav .nav-link
{
padding-left:1rem
}

}
@media (max-width:767.98px)
{
.navbar-collapse
{
display:block!important
}
.navbar-vertical .navbar-nav .nav .nav-link
{
padding-left:1rem
}

}
@media (min-width:680px)
{
.page-wrapper
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner
{
background-color:#132744
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .topbar-left
{
background-color:#132744
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg
{
display:none
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-light
{
display:inline-block
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link
{
color:#9da2af
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .menu-title
{
color:#d5d7dd
}
body.dark-sidebar .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active:before
{
content:"";
border-right:10px solid #132744
}
[dir=rtl] .leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after
{
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
[dir=rtl] .leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after
{
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.left-sidebar
{
min-width:260px;
max-width:260px;
background-color:#fff;
min-height:100vh;
-webkit-transition:.3s;
transition:.3s;
position:fixed;
bottom:0;
top:0;
z-index:1001
}
.left-sidebar .brand
{
background-color:#fff;
border-bottom:1px solid #eceff5;
border-right:1px solid #eceff5;
text-align:center
}
.left-sidebar .brand .logo
{
line-height:60px
}
.left-sidebar .brand .logo .logo-sm
{
height:24px
}
.left-sidebar .brand .logo .logo-lg
{
height:15px;
margin-left:2px;
display:inline-block
}
.left-sidebar .brand .logo .logo-light
{
display:none
}
.left-sidebar .menu-content
{
padding-bottom:60px;
-webkit-box-shadow:none;
box-shadow:none;
border-right:1px solid #eceff5
}
.left-sidebar .menu-body
{
padding:16px
}
.left-sidebar .menu-body .nav-item
{
position:relative;
display:block
}
.left-sidebar .menu-body .nav-item .nav-link
{
position:relative;
color:#5a5c61;
font-size:13px;
font-weight:500;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:44px;
border-radius:3px;
padding:10px
}
.left-sidebar .menu-body .nav-item .nav-link .menu-icon
{
color:#1f2538;
margin-right:6px;
font-size:18px
}
.left-sidebar .menu-body .nav-item .nav-link.active,.left-sidebar .menu-body .nav-item .nav-link.active i
{
color:#0b51b7
}
.left-sidebar .navbar-vertical .navbar-nav
{
padding-left:0
}
.left-sidebar .navbar-vertical .navbar-nav .menu-label
{
text-transform:uppercase;
font-size:10px;
font-weight:500;
letter-spacing:.5px;
color:#8491b7;
padding:8px 8px
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after
{
display:block;
content:"\f105";
font-family:"Line Awesome Free";
font-weight:900;
margin-left:auto;
-webkit-transition:-webkit-transform .2s;
transition:-webkit-transform .2s;
transition:transform .2s;
transition:transform .2s,-webkit-transform .2s
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]
{
color:#303e67;
background:#f5f5f9;
-webkit-box-shadow:none;
box-shadow:none
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after
{
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon
{
color:#1f2538
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav
{
padding:0 0 0 21px
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before
{
content:"";
position:absolute;
left:4px;
width:4px;
height:4px;
border:1px solid #8997bd;
border-radius:50%;
background:rgba(48,62,103,.2)
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before
{
content:"";
border:none;
background:#0b51b7
}
.navbar-custom .responsive-logo
{
display:none
}
.page-wrapper
{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.page-wrapper .page-content-tab
{
width:calc(100% - 260px);
margin-left:auto;
position:relative;
min-height:calc(100vh - 60px);
padding:0 8px 52px 8px;
margin-top:120px
}
.enlarge-menu .left-sidebar
{
min-width:60px
}
.enlarge-menu .left-sidebar .brand .logo .logo-lg
{
display:inline-block
}
.enlarge-menu .left-sidebar .brand .logo .logo-lg
{
display:none
}
.enlarge-menu .left-sidebar .menu-body .nav-item .collapse.show
{
display:none
}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link
{
padding:0
}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link .menu-icon
{
margin:0 auto
}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link span
{
display:none
}
.enlarge-menu .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after
{
display:none
}
.enlarge-menu .left-sidebar .menu-label
{
border:1px solid #eceff5;
border-radius:5px
}
.enlarge-menu .left-sidebar .menu-label span
{
display:none
}
.enlarge-menu .left-sidebar:hover
{
min-width:260px
}
.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg
{
display:inline-block
}
.enlarge-menu .left-sidebar:hover .brand .logo .logo-light
{
display:none
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .collapse.show
{
display:block
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link
{
padding:10px
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link .menu-icon
{
margin:0;
margin-right:6px
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link span
{
display:block
}
.enlarge-menu .left-sidebar:hover .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after
{
display:block
}
.enlarge-menu .left-sidebar:hover .menu-label
{
border:none
}
.enlarge-menu .left-sidebar:hover .menu-label span
{
display:inline-block
}
.enlarge-menu .topbar .navbar-custom
{
margin-left:60px
}
.enlarge-menu .topbar .topbar-left
{
margin-left:0;
width:260px
}
.enlarge-menu.enlarge-menu-all .left-sidebar
{
display:none
}
.enlarge-menu.enlarge-menu-all .topbar .topbar-left
{
margin-left:0;
width:260px
}
.enlarge-menu.enlarge-menu-all .topbar .navbar-custom
{
margin-left:0
}
.enlarge-menu .page-content-tab
{
width:calc(100% - 60px)
}
@media (max-width:1199.98px)
{
.page-wrapper .page-content-tab
{
width:calc(100% - 60px)
}

}
@media (max-width:1024px)
{
.left-sidebar
{
position:fixed;
top:60px;
overflow-y:auto;
z-index:5;
bottom:0
}
.navbar-custom
{
margin-left:60px
}
.navbar-custom .responsive-logo
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:10px
}
.page-content-tab
{
min-height:100vh;
width:100%
}
.enlarge-menu .topbar .topbar-left
{
margin-left:0;
width:60px!important
}
.enlarge-menu .page-content-tab
{
width:100%
}
.enlarge-menu-all .topbar .navbar-custom
{
margin-left:0
}
.enlarge-menu-all .page-content-tab
{
width:100%
}

}
@media (min-width:768px)
{
.navbar-collapse
{
display:block!important
}
.navbar-vertical .navbar-nav .nav .nav-link
{
padding-left:1rem!important
}

}
@media (max-width:767.98px)
{
.navbar-collapse
{
display:block!important
}
.navbar-vertical .navbar-nav .nav .nav-link
{
padding-left:1rem
}

}
@media (min-width:680px)
{
.page-wrapper
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

}
body.dark-sidebar .left-sidebar
{
background-color:#292e40
}
body.dark-sidebar .left-sidebar .brand
{
background-color:#292e40;
border-bottom:1px solid #2f3549
}
body.dark-sidebar .left-sidebar .brand .logo .logo-lg
{
display:none
}
body.dark-sidebar .left-sidebar .brand .logo .logo-light
{
display:inline-block
}
body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link
{
color:#9da2af
}
body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link .menu-icon
{
color:#545d7b
}
body.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]
{
color:#ccd1e0;
background-color:rgba(204,209,224,.03)
}
body.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon
{
color:#ccd1e0
}
body.dark-sidebar.enlarge-menu .left-sidebar .brand .logo .logo-lg
{
display:none
}
body.dark-sidebar.enlarge-menu .left-sidebar .menu-label
{
border:1px solid rgba(204,209,224,.05)
}
body.dark-sidebar.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg
{
display:none
}
body.dark-sidebar.enlarge-menu .left-sidebar:hover .brand .logo .logo-light
{
display:inline-block
}
body.dark-sidebar.enlarge-menu .left-sidebar:hover .menu-label
{
border:1px solid transparent
}
[data-layout=horizontal]
{
display:inherit
}
[data-layout=horizontal] .topbar
{
background-color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #eceff5;
left:0;
position:fixed;
right:0;
top:0;
z-index:999
}
[data-layout=horizontal] .topbar .brand
{
text-align:center;
height:60px;
width:160px;
background-color:#fff;
border-bottom:none;
-webkit-box-shadow:none;
box-shadow:none
}
[data-layout=horizontal] .topbar .brand .logo
{
line-height:60px
}
[data-layout=horizontal] .topbar .brand .logo .logo-sm
{
height:30px
}
[data-layout=horizontal] .topbar .brand .logo .logo-lg
{
height:16px;
display:inline-block
}
[data-layout=horizontal] .topbar .brand .logo .logo-lg.logo-light
{
display:none
}
[data-layout=horizontal] .topbar .navbar-custom
{
margin-left:0;
width:100%;
border-bottom:none
}
[data-layout=horizontal] .topbar .navbar-custom .navbar-custom-menu
{
min-height:60px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
[data-layout=horizontal] .page-wrapper
{
margin:0 auto;
width:1380px;
padding-top:60px
}
[data-layout=horizontal] .page-wrapper .page-content-tab
{
margin-left:0;
width:100%;
margin-top:0
}
[data-layout=horizontal] .app-search-topbar form
{
position:relative;
z-index:1
}
[data-layout=horizontal] .app-search-topbar button
{
position:absolute;
width:30px;
height:30px;
left:12px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border:none;
text-align:center;
background-color:transparent;
color:#384a65
}
[data-layout=horizontal] .app-search-topbar button i
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
[data-layout=horizontal] .app-search-topbar button:focus
{
outline:0
}
[data-layout=horizontal] .app-search-topbar input
{
width:100%;
height:56px;
border:none;
font-size:12px;
border-radius:4px;
padding-left:54px;
padding-right:15px;
background-color:#fff;
color:#000444
}
[data-layout=horizontal] .app-search-topbar input:focus
{
-webkit-box-shadow:none;
box-shadow:none;
outline:0!important
}
.navbar-custom-menu .navigation-menu .nav-item.active a
{
color:#0b51b7
}
.navbar-custom-menu .navigation-menu .nav-item.active a i
{
color:#0b51b7
}
.navbar-custom-menu .navigation-menu .nav-item.active .dropdown-menu li.active>a
{
color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link
{
font-weight:500;
font-size:14px
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link:hover
{
color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active
{
color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon
{
color:#2f6bf9
}
.navbar-custom-menu .dropdown
{
position:relative
}
.navbar-custom-menu .dropdown .dropdown-toggle:after
{
display:block;
content:"\f107";
font-family:"Line Awesome Free";
font-weight:900;
color:#303e67;
border:none;
font-size:12px;
margin-left:.255em;
float:right
}
.navbar-custom-menu .dropdown .nav-link.dropdown-toggle:after
{
content:"\f107";
font-family:"Line Awesome Free";
position:relative;
top:2px
}
.navbar-custom-menu .dropdown .nav-link.dropdown-toggle.arrow-none:after
{
display:none
}
.navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after
{
content:"\f107";
color:#2f6bf9
}
.navbar-custom-menu .dropdown .dropdown-menu
{
margin:1.125rem 0;
line-height:1.2rem;
min-width:12rem;
-webkit-box-shadow:0 3px 12px rgba(214,228,241,.3);
box-shadow:0 3px 12px rgba(214,228,241,.3);
border-radius:.5rem;
top:100%!important
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item
{
position:relative;
line-height:26px;
color:#384a65
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item.active
{
color:#0b51b7;
text-decoration:none;
background-color:rgba(11,81,183,.04)
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:last-child
{
border-bottom:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus
{
background-color:rgba(11,81,183,.04);
color:#0b51b7;
border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus .dropdown-toggle:after
{
color:#0b51b7
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:hover
{
color:#2f6bf9;
text-decoration:none;
background-color:rgba(11,81,183,.04);
border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:active
{
color:#0b51b7;
text-decoration:none;
background-color:rgba(11,81,183,.04);
border-radius:.25rem
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover
{
color:#2f6bf9;
text-decoration:none;
background-color:rgba(11,81,183,.04);
border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover.dropdown-toggle:after
{
color:#2f6bf9
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu a:after
{
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
right:1rem
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu
{
top:-18px!important;
left:100%;
-webkit-box-shadow:0 3px 12px rgba(214,228,241,.3);
box-shadow:0 3px 12px rgba(214,228,241,.3);
min-width:12rem;
border-radius:.5rem
}
.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-md
{
min-width:17rem!important;
border-radius:.5rem
}
.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-xl
{
min-width:24rem!important;
border-radius:.5rem
}
.navbar-toggle
{
border:0;
position:relative;
padding:0;
margin:0;
cursor:pointer
}
.navbar-toggle:hover
{
background-color:transparent
}
.navbar-toggle:hover span
{
background-color:#7081b9
}
.navbar-toggle .lines
{
width:20px;
display:block;
position:relative;
padding-top:24px;
height:60px;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.navbar-toggle span
{
height:2px;
width:100%;
background-color:#7081b9;
display:block;
margin-bottom:4px;
-webkit-transition:-webkit-transform .5s ease;
transition:-webkit-transform .5s ease;
transition:transform .5s ease;
transition:transform .5s ease,-webkit-transform .5s ease
}
.navbar-toggle.open span
{
position:absolute
}
.navbar-toggle.open span:first-child
{
top:30px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#7081b9
}
.navbar-toggle.open span:nth-child(2)
{
visibility:hidden
}
.navbar-toggle.open span:last-child
{
width:100%;
top:30px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.navigation-menu
{
list-style:none;
margin:0;
padding:0;
display:inline-block
}
.navigation-menu>li
{
display:inline-block;
position:relative
}
.navigation-menu>li a
{
display:block;
font-size:13px;
-webkit-transition:all .1s ease;
transition:all .1s ease;
line-height:18px
}
.navigation-menu>li a .menu-icon
{
display:inline-block;
font-size:20px;
margin-right:8px;
-webkit-transition:all .1s ease;
transition:all .1s ease;
vertical-align:text-bottom;
color:#1f2538
}
@media (max-width:1499.98px)
{
body[data-layout=horizontal]
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
body[data-layout=horizontal] .page-wrapper
{
width:100%
}
body[data-layout=horizontal] .page-wrapper .page-content
{
min-height:calc(100vh - 60px);
margin-top:0
}

}
@media (max-width:1200px)
{
body[data-layout=horizontal] .navbar-custom-menu .navigation-menu .nav-item .nav-link
{
padding:5px 0
}
body[data-layout=horizontal] .topbar .brand
{
width:60px!important;
position:fixed;
z-index:1
}
body[data-layout=horizontal] .topbar .brand .logo .logo-lg
{
display:none!important
}
body[data-layout=horizontal] .topbar .navigation-menu
{
margin-left:60px
}

}
@media (max-width:1024px)
{
body[data-layout=horizontal]
{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
body[data-layout=horizontal] .page-wrapper
{
width:100%
}

}
@media (min-width:992px)
{
.topbar .navigation-menu>li>a
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#384a65;
min-height:60px;
font-weight:500
}
.topbar .navigation-menu>li>a span
{
vertical-align:middle;
padding:4px;
border-radius:4px
}
.topbar .navigation-menu>li>a span menu-icon
{
color:#8997bd;
font-size:20px
}
.topbar .navigation-menu>li:hover a
{
color:#2f6bf9
}
.topbar .navigation-menu>li:hover a i
{
color:#2f6bf9
}
.topbar .navigation-menu>li.active
{
border-bottom:1px solid #0b51b7
}
.topbar .navbar-toggle
{
display:none
}
.topbar #navigation
{
display:block
}
.animate
{
-webkit-animation-duration:.3s;
animation-duration:.3s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.navbar-custom-menu .dropdown .dropdown-submenu:hover>.dropdown-menu
{
display:block
}

}
@media (max-width:991px)
{
body[data-layout=horizontal] .page-wrapper
{
width:100%
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon
{
color:#384a65!important
}
.topbar .navigation-menu
{
float:none;
max-height:400px;
text-align:left;
width:100%;
margin-left:0!important
}
.topbar .navigation-menu>li
{
display:block
}
.topbar .navigation-menu>li>a
{
color:#1f2538;
padding:15px;
font-size:13px
}
.topbar .navigation-menu>li>a:after
{
position:absolute;
right:15px
}
.topbar .navigation-menu>li>a:hover
{
color:#0b51b7
}
.topbar .navbar-header
{
float:left
}
#navigation
{
position:absolute;
top:60px;
left:0;
right:0;
display:none;
height:auto;
max-height:500px;
padding:8px;
overflow:auto;
background-color:#fff;
z-index:1000;
-webkit-box-shadow:0 1px 3px 1.25px rgba(137,151,189,.3);
box-shadow:0 1px 3px 1.25px rgba(137,151,189,.3)
}
#navigation.open
{
display:block;
overflow-y:auto
}
.navbar-custom-menu
{
min-height:0
}
.topbar .navigation-menu
{
margin-left:0
}
.topbar .navigation-menu .dropdown-menu
{
margin:0
}
.topbar .navigation-menu .dropdown-menu .dropdown-submenu .dropdown-menu
{
-webkit-box-shadow:none;
box-shadow:none;
margin:0
}
.topbar .navigation-menu .nav-item .nav-link
{
padding:.5rem 0!important;
border-bottom:1px solid #eceff5
}
.topbar .navigation-menu .nav-item .dropdown-menu
{
position:static!important;
margin:0;
-webkit-transform:none!important;
transform:none!important
}
.topbar .navigation-menu .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu
{
-webkit-box-shadow:none;
box-shadow:none;
margin:0
}
.dark-topbar .topbar .navigation-menu>li>a
{
color:#384a65!important
}

}
@media (min-width:768px)
{
.navbar-toggle
{
display:block
}

}
@media (max-width:1129.98px)
{
.topbar .nav-user .user-name
{
display:none
}

}
@media (max-width:767.98px)
{
.topbar .brand
{
margin-right:0
}
.topbar .brand .logo .logo-sm
{
height:32px
}
.topbar .brand .logo .logo-lg
{
display:none
}
.page-content
{
width:100%;
margin-top:0;
min-height:100vh;
padding:0 0 60px 0
}
.hide-phone
{
display:none
}

}
@media (max-width:767px)
{
.page-title-box .breadcrumb
{
display:none
}

}
@media (max-width:620px)
{
.logo-large
{
display:none
}
.logo-small
{
display:inline-block!important
}

}
@keyframes slideIn
{
0%
{
-webkit-transform:translateY(1rem);
transform:translateY(1rem);
opacity:0
}
100%
{
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
0%
{
-webkit-transform:translateY(1rem);
transform:translateY(1rem);
opacity:0
}

}
@-webkit-keyframes slideIn
{
0%
{
-webkit-transform:transform;
-webkit-opacity:0
}
100%
{
-webkit-transform:translateY(0);
-webkit-opacity:1
}
0%
{
-webkit-transform:translateY(1rem);
-webkit-opacity:0
}

}
.slideIn
{
-webkit-animation-name:slideIn;
animation-name:slideIn
}
body[data-layout=horizontal].dark-topbar .navbar-custom,body[data-layout=horizontal].dark-topbar .topbar
{
background-color:#292e40
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand,body[data-layout=horizontal].dark-topbar .topbar .brand
{
background-color:#292e40
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand .logo .logo-lg,body[data-layout=horizontal].dark-topbar .topbar .brand .logo .logo-lg
{
display:none
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand .logo .logo-lg.logo-light,body[data-layout=horizontal].dark-topbar .topbar .brand .logo .logo-lg.logo-light
{
display:inline-block
}
body[data-layout=horizontal].dark-topbar .navigation-menu>li a .menu-icon
{
color:#2f6bf9
}
body[data-layout=horizontal].dark-topbar .topbar .navigation-menu>li>a
{
color:#c2cbe2
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link:hover
{
color:#fff
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active
{
color:#fff
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon
{
color:#fff
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .dropdown .dropdown-toggle:after
{
color:#c2cbe2;
opacity:1
}
body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon i
{
color:#abb4c7
}
body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon
{
background-color:#32384c
}
body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link
{
color:#c2cbe2
}
html
{
position:relative;
min-height:100%
}
body
{
margin:0;
overflow-x:hidden!important;
font-size:.8125rem;
background-color:#fff;
color:#000444;
letter-spacing:.1px;
line-height:1.5;
position:relative
}
.row>*
{
position:relative
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6
{
color:#303e67;
margin:10px 0
}
h1
{
line-height:43px
}
h2
{
line-height:35px
}
h3
{
line-height:30px
}
h4
{
line-height:22px
}
a
{
font-family:Roboto,sans-serif;
color:#303e67;
text-decoration:none
}
a:active,a:focus,a:hover
{
outline:0;
text-decoration:none
}
hr
{
background-color:#eceff5;
opacity:.1
}
.o-1
{
opacity:.08
}
p
{
line-height:1.6;
font-family:Roboto,sans-serif;
font-size:.8125rem;
font-weight:400
}
.card-bg
{
background-color:#fff
}
*
{
outline:0!important
}
mark
{
color:inherit;
padding:0;
background:0 0;
background-image:linear-gradient(120deg,rgba(255,159,67,.4) 0,rgba(255,159,67,.4) 100%);
background-repeat:no-repeat;
background-position:0 80%;
position:relative;
background-size:100% .3em
}
.fw-semibold
{
font-weight:500!important
}
.nav.nav-pills
{
background-color:#fbfbfb
}
.media
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.media-body
{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.divider-custom
{
display:block;
text-align:center;
overflow:hidden;
margin:1rem 0
}
.divider-custom .divider-text
{
position:relative;
display:inline-block;
font-size:12px;
padding:2px 6px;
color:#000444;
border:1px dashed #eceff5;
border-radius:30px;
font-family:Roboto,sans-serif
}
.divider-custom .divider-text:after
{
left:100%
}
.divider-custom .divider-text:before
{
right:100%
}
.divider-custom .divider-text:after,.divider-custom .divider-text:before
{
content:"";
position:absolute;
top:50%;
width:9999px;
border-top:1px dashed #eceff5
}
.ti-spin
{
-webkit-animation:2s linear infinite spinner-border;
animation:2s linear infinite spinner-border
}
/*!
 * 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;
-moz-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%);
-webkit-transition:all .5s ease-out;
transition:all .5s ease-out;
-webkit-transition-property:-webkit-transform,opacity;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
transition-property:transform,opacity;
transition-property:transform,opacity,-webkit-transform;
-webkit-transform:scale(0) translate(0,0);
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
{
-webkit-transition:none!important;
transition:none!important
}
.waves-button,.waves-circle
{
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-mask-image:-webkit-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;
-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
-webkit-transition:all .3s;
transition:all .3s
}
.waves-float:active
{
-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);
box-shadow:0 8px 20px 1px rgba(0,0,0,.3)
}
.waves-block
{
display:block
}
.waves-effect.waves-light .waves-ripple
{
background-color:rgba(255,255,255,.4)
}
.waves-effect.waves-primary .waves-ripple
{
background-color:rgba(11,81,183,.4)
}
.waves-effect.waves-success .waves-ripple
{
background-color:rgba(34,183,131,.4)
}
.waves-effect.waves-info .waves-ripple
{
background-color:rgba(65,203,216,.4)
}
.waves-effect.waves-warning .waves-ripple
{
background-color:rgba(255,159,67,.4)
}
.waves-effect.waves-danger .waves-ripple
{
background-color:rgba(239,77,86,.4)
}
.card
{
margin-bottom:16px;
background-color:#fff;
border:1px solid #eceff5;
-webkit-box-shadow:none;
box-shadow:none
}
.card .card-header
{
background-color:#fff;
border-bottom:1px solid #eceff5
}
.card .card-header:first-child
{
border-radius:calc(.5rem - 1px) calc(.5rem - 1px) 0 0
}
.card .card-footer
{
background-color:#fff;
border-top:1px dashed #eceff5
}
.card-title
{
text-transform:capitalize;
letter-spacing:.02em;
font-size:14px;
font-weight:500;
margin:0;
color:#303e67
}
pre
{
margin-bottom:0!important
}
pre.prettyprint
{
border:none!important
}
.pln
{
color:#9c9ebb
}
@media screen
{
.str
{
color:#2b81ff!important
}
.kwd
{
color:#008!important
}
.com
{
color:#066!important
}
.typ
{
color:#f93636!important
}
.lit
{
color:#066!important
}
.clo,.opn,.pun
{
color:#660
}
.tag
{
color:#00bcd4!important
}
.atn
{
color:#f93636!important
}
.atv
{
color:#2b81ff!important
}
.dec,.var
{
color:#f93636!important
}
.fun
{
color:red
}

}
@media print,projection
{
.str
{
color:#060
}
.kwd
{
color:#00bcd4;
font-weight:700
}
.com
{
color:#600;
font-style:italic
}
.typ
{
color:#404;
font-weight:700
}
.lit
{
color:#044
}
.clo,.opn,.pun
{
color:#440
}
.tag
{
color:#00bcd4;
font-weight:700
}
.atn
{
color:#404
}
.atv
{
color:#060
}

}
pre.prettyprint
{
padding:2px;
border:1px solid transparent!important
}
ol.linenums
{
margin-top:0;
margin-bottom:0
}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8
{
list-style-type:none
}
li.L1,li.L3,li.L5,li.L7,li.L9
{
background:#eee
}
.badge.badge-dot:after
{
position:absolute;
content:"";
right:3px;
top:-13px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:inline-block;
height:10px;
width:10px;
border:2px solid #fff;
border-radius:50%
}
.badge.badge-dot.online:after
{
background-color:#22b783
}
.badge.badge-dot.offline:after
{
background-color:#8997bd
}
.badge.badge-soft-primary
{
background-color:rgba(11,81,183,.15)!important;
color:#0b51b7;
-webkit-box-shadow:0 0 13px 0 rgba(11,81,183,.05);
box-shadow:0 0 13px 0 rgba(11,81,183,.05)
}
.badge.badge-outline-primary
{
background-color:transparent!important;
color:#0b51b7;
border:1px solid #0b51b7
}
.badge.badge-soft-secondary
{
background-color:rgba(112,129,185,.15)!important;
color:#7081b9;
-webkit-box-shadow:0 0 13px 0 rgba(112,129,185,.05);
box-shadow:0 0 13px 0 rgba(112,129,185,.05)
}
.badge.badge-outline-secondary
{
background-color:transparent!important;
color:#7081b9;
border:1px solid #7081b9
}
.badge.badge-soft-success
{
background-color:rgba(34,183,131,.15)!important;
color:#22b783;
-webkit-box-shadow:0 0 13px 0 rgba(34,183,131,.05);
box-shadow:0 0 13px 0 rgba(34,183,131,.05)
}
.badge.badge-outline-success
{
background-color:transparent!important;
color:#22b783;
border:1px solid #22b783
}
.badge.badge-soft-info
{
background-color:rgba(65,203,216,.15)!important;
color:#41cbd8;
-webkit-box-shadow:0 0 13px 0 rgba(65,203,216,.05);
box-shadow:0 0 13px 0 rgba(65,203,216,.05)
}
.badge.badge-outline-info
{
background-color:transparent!important;
color:#41cbd8;
border:1px solid #41cbd8
}
.badge.badge-soft-warning
{
background-color:rgba(255,159,67,.15)!important;
color:#ff9f43;
-webkit-box-shadow:0 0 13px 0 rgba(255,159,67,.05);
box-shadow:0 0 13px 0 rgba(255,159,67,.05)
}
.badge.badge-outline-warning
{
background-color:transparent!important;
color:#ff9f43;
border:1px solid #ff9f43
}
.badge.badge-soft-danger
{
background-color:rgba(239,77,86,.15)!important;
color:#ef4d56;
-webkit-box-shadow:0 0 13px 0 rgba(239,77,86,.05);
box-shadow:0 0 13px 0 rgba(239,77,86,.05)
}
.badge.badge-outline-danger
{
background-color:transparent!important;
color:#ef4d56;
border:1px solid #ef4d56
}
.badge.badge-soft-light
{
background-color:rgba(250,251,251,.15)!important;
color:#fafbfb;
-webkit-box-shadow:0 0 13px 0 rgba(250,251,251,.05);
box-shadow:0 0 13px 0 rgba(250,251,251,.05)
}
.badge.badge-outline-light
{
background-color:transparent!important;
color:#fafbfb;
border:1px solid #fafbfb
}
.badge.badge-soft-dark
{
background-color:rgba(0,4,68,.15)!important;
color:#000444;
-webkit-box-shadow:0 0 13px 0 rgba(0,4,68,.05);
box-shadow:0 0 13px 0 rgba(0,4,68,.05)
}
.badge.badge-outline-dark
{
background-color:transparent!important;
color:#000444;
border:1px solid #000444
}
.badge.badge-soft-pink
{
background-color:rgba(253,60,151,.15)!important;
color:#fd3c97;
-webkit-box-shadow:0 0 13px 0 rgba(253,60,151,.05);
box-shadow:0 0 13px 0 rgba(253,60,151,.05)
}
.badge.badge-outline-pink
{
background-color:transparent!important;
color:#fd3c97;
border:1px solid #fd3c97
}
.badge.badge-soft-purple
{
background-color:rgba(109,129,245,.15)!important;
color:#6d81f5;
-webkit-box-shadow:0 0 13px 0 rgba(109,129,245,.05);
box-shadow:0 0 13px 0 rgba(109,129,245,.05)
}
.badge.badge-outline-purple
{
background-color:transparent!important;
color:#6d81f5;
border:1px solid #6d81f5
}
.badge.badge-soft-blue
{
background-color:rgba(11,81,183,.15)!important;
color:#0b51b7;
-webkit-box-shadow:0 0 13px 0 rgba(11,81,183,.05);
box-shadow:0 0 13px 0 rgba(11,81,183,.05)
}
.badge.badge-outline-blue
{
background-color:transparent!important;
color:#0b51b7;
border:1px solid #0b51b7
}
.badge-outline-light
{
color:#303e67!important
}
.btn-round
{
border-radius:30px
}
.btn-icon-circle
{
width:36px;
height:36px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:50%
}
.btn-icon-circle.btn-icon-circle-sm
{
width:30px;
height:30px;
line-height:1;
padding:0
}
.btn-icon-square
{
width:36px;
height:36px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.btn-icon-square-sm
{
width:30px;
height:30px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.btn-square
{
border-radius:0
}
.btn-skew
{
-webkit-transform:skew(-15deg);
transform:skew(-15deg)
}
.btn-skew i,.btn-skew span
{
display:inline-block;
-webkit-transform:skew(15deg);
transform:skew(15deg)
}
.accordion .btn:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.btn.btn-outline-dashed
{
outline:1px dashed #fff!important;
outline-offset:-5px;
-moz-outline-radius:25px
}
.btn-link.active,.btn-link:active,.btn-link:focus,.btn-link:hover
{
text-decoration:none
}
.button-items,.button-list
{
margin-bottom:-8px
}
.button-items .btn,.button-list .btn
{
margin:0 5px 8px 0
}
.btn
{
-webkit-box-shadow:none;
box-shadow:none
}
.btn.focus,.btn:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.btn-xs
{
padding:2px 10px;
font-size:11px
}
.btn-outline-light
{
color:#7081b9;
background-image:none;
background-color:transparent;
border-color:#eaf0f9
}
.btn-outline-dark
{
color:#000444
}
.btn-outline-dark:hover
{
-webkit-box-shadow:none;
box-shadow:none;
color:#fafbfb
}
.btn-outline-info.focus,.btn-outline-info:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.btn-soft-primary
{
background-color:rgba(11,81,183,.08)!important;
color:#0b51b7!important
}
.btn-soft-primary:hover
{
background-color:#0b51b7!important;
color:#fff!important
}
.btn-de-primary
{
background-color:transparent!important;
color:#0b51b7!important;
border:1px solid #e8ebf3
}
.btn-de-primary:hover
{
background-color:#0b51b7!important;
color:#fff!important;
border:1px solid #0b51b7
}
.btn-de-dashed-primary
{
background-color:transparent!important;
color:#0b51b7!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-primary:hover
{
background-color:#0b51b7!important;
color:#fff!important;
border:1px solid #0b51b7
}
.btn-soft-secondary
{
background-color:rgba(112,129,185,.08)!important;
color:#7081b9!important
}
.btn-soft-secondary:hover
{
background-color:#7081b9!important;
color:#fff!important
}
.btn-de-secondary
{
background-color:transparent!important;
color:#7081b9!important;
border:1px solid #e8ebf3
}
.btn-de-secondary:hover
{
background-color:#7081b9!important;
color:#fff!important;
border:1px solid #7081b9
}
.btn-de-dashed-secondary
{
background-color:transparent!important;
color:#7081b9!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-secondary:hover
{
background-color:#7081b9!important;
color:#fff!important;
border:1px solid #7081b9
}
.btn-soft-success
{
background-color:rgba(34,183,131,.08)!important;
color:#22b783!important
}
.btn-soft-success:hover
{
background-color:#22b783!important;
color:#fff!important
}
.btn-de-success
{
background-color:transparent!important;
color:#22b783!important;
border:1px solid #e8ebf3
}
.btn-de-success:hover
{
background-color:#22b783!important;
color:#fff!important;
border:1px solid #22b783
}
.btn-de-dashed-success
{
background-color:transparent!important;
color:#22b783!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-success:hover
{
background-color:#22b783!important;
color:#fff!important;
border:1px solid #22b783
}
.btn-soft-info
{
background-color:rgba(65,203,216,.08)!important;
color:#41cbd8!important
}
.btn-soft-info:hover
{
background-color:#41cbd8!important;
color:#fff!important
}
.btn-de-info
{
background-color:transparent!important;
color:#41cbd8!important;
border:1px solid #e8ebf3
}
.btn-de-info:hover
{
background-color:#41cbd8!important;
color:#fff!important;
border:1px solid #41cbd8
}
.btn-de-dashed-info
{
background-color:transparent!important;
color:#41cbd8!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-info:hover
{
background-color:#41cbd8!important;
color:#fff!important;
border:1px solid #41cbd8
}
.btn-soft-warning
{
background-color:rgba(255,159,67,.08)!important;
color:#ff9f43!important
}
.btn-soft-warning:hover
{
background-color:#ff9f43!important;
color:#fff!important
}
.btn-de-warning
{
background-color:transparent!important;
color:#ff9f43!important;
border:1px solid #e8ebf3
}
.btn-de-warning:hover
{
background-color:#ff9f43!important;
color:#fff!important;
border:1px solid #ff9f43
}
.btn-de-dashed-warning
{
background-color:transparent!important;
color:#ff9f43!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-warning:hover
{
background-color:#ff9f43!important;
color:#fff!important;
border:1px solid #ff9f43
}
.btn-soft-danger
{
background-color:rgba(239,77,86,.08)!important;
color:#ef4d56!important
}
.btn-soft-danger:hover
{
background-color:#ef4d56!important;
color:#fff!important
}
.btn-de-danger
{
background-color:transparent!important;
color:#ef4d56!important;
border:1px solid #e8ebf3
}
.btn-de-danger:hover
{
background-color:#ef4d56!important;
color:#fff!important;
border:1px solid #ef4d56
}
.btn-de-dashed-danger
{
background-color:transparent!important;
color:#ef4d56!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-danger:hover
{
background-color:#ef4d56!important;
color:#fff!important;
border:1px solid #ef4d56
}
.btn-soft-light
{
background-color:rgba(250,251,251,.08)!important;
color:#fafbfb!important
}
.btn-soft-light:hover
{
background-color:#fafbfb!important;
color:#fff!important
}
.btn-de-light
{
background-color:transparent!important;
color:#fafbfb!important;
border:1px solid #e8ebf3
}
.btn-de-light:hover
{
background-color:#fafbfb!important;
color:#fff!important;
border:1px solid #fafbfb
}
.btn-de-dashed-light
{
background-color:transparent!important;
color:#fafbfb!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-light:hover
{
background-color:#fafbfb!important;
color:#fff!important;
border:1px solid #fafbfb
}
.btn-soft-dark
{
background-color:rgba(0,4,68,.08)!important;
color:#000444!important
}
.btn-soft-dark:hover
{
background-color:#000444!important;
color:#fff!important
}
.btn-de-dark
{
background-color:transparent!important;
color:#000444!important;
border:1px solid #e8ebf3
}
.btn-de-dark:hover
{
background-color:#000444!important;
color:#fff!important;
border:1px solid #000444
}
.btn-de-dashed-dark
{
background-color:transparent!important;
color:#000444!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-dark:hover
{
background-color:#000444!important;
color:#fff!important;
border:1px solid #000444
}
.btn-soft-pink
{
background-color:rgba(253,60,151,.08)!important;
color:#fd3c97!important
}
.btn-soft-pink:hover
{
background-color:#fd3c97!important;
color:#fff!important
}
.btn-de-pink
{
background-color:transparent!important;
color:#fd3c97!important;
border:1px solid #e8ebf3
}
.btn-de-pink:hover
{
background-color:#fd3c97!important;
color:#fff!important;
border:1px solid #fd3c97
}
.btn-de-dashed-pink
{
background-color:transparent!important;
color:#fd3c97!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-pink:hover
{
background-color:#fd3c97!important;
color:#fff!important;
border:1px solid #fd3c97
}
.btn-soft-purple
{
background-color:rgba(109,129,245,.08)!important;
color:#6d81f5!important
}
.btn-soft-purple:hover
{
background-color:#6d81f5!important;
color:#fff!important
}
.btn-de-purple
{
background-color:transparent!important;
color:#6d81f5!important;
border:1px solid #e8ebf3
}
.btn-de-purple:hover
{
background-color:#6d81f5!important;
color:#fff!important;
border:1px solid #6d81f5
}
.btn-de-dashed-purple
{
background-color:transparent!important;
color:#6d81f5!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-purple:hover
{
background-color:#6d81f5!important;
color:#fff!important;
border:1px solid #6d81f5
}
.btn-soft-blue
{
background-color:rgba(11,81,183,.08)!important;
color:#0b51b7!important
}
.btn-soft-blue:hover
{
background-color:#0b51b7!important;
color:#fff!important
}
.btn-de-blue
{
background-color:transparent!important;
color:#0b51b7!important;
border:1px solid #e8ebf3
}
.btn-de-blue:hover
{
background-color:#0b51b7!important;
color:#fff!important;
border:1px solid #0b51b7
}
.btn-de-dashed-blue
{
background-color:transparent!important;
color:#0b51b7!important;
border:1px dashed #e8ebf3
}
.btn-de-dashed-blue:hover
{
background-color:#0b51b7!important;
color:#fff!important;
border:1px solid #0b51b7
}
.hover-light-color:hover
{
color:#fafbfb!important
}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active
{
border-color:transparent
}
.dropdown-menu
{
-webkit-box-shadow:0 3px 12px rgba(214,228,241,.3);
box-shadow:0 3px 12px rgba(214,228,241,.3);
margin:0
}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover
{
background-color:#fafbfb;
color:#000444
}
.dropdown-lg
{
width:320px
}
.dropdown-xl
{
min-width:42rem
}
.dropdown-toggle::after,.dropend .dropdown-toggle::after,.dropstart .dropdown-toggle::before,.dropup .dropdown-toggle::after
{
display:none
}
.table th
{
color:#303e67;
font-weight:500;
vertical-align:middle;
border-color:#e8ebf3
}
.table td
{
font-weight:400;
vertical-align:middle;
border-color:#e8ebf3
}
.table.border-dashed th
{
font-weight:500;
border-top:1px dashed #e8ebf3
}
.table.border-dashed td
{
border-top:1px dashed #e8ebf3
}
.table.border-dashed thead th
{
border-bottom:1px dashed #e8ebf3
}
.table .thead-light th
{
color:#303e67;
background-color:#f1f5fa;
border-color:#e8ebf3
}
.table.table-dark
{
color:#fafbfb
}
.table.table-dark th
{
color:#fafbfb
}
.table tbody tr:last-child td,.table tbody tr:last-child th
{
border-bottom:none
}
.table-rep-plugin .btn-toolbar
{
display:block
}
.table-rep-plugin .btn-default
{
border:none;
background:linear-gradient(14deg,#0b51b7 0,rgba(11,81,183,.6));
color:#fff;
margin-right:5px;
-webkit-box-shadow:0 7px 14px 0 rgba(11,81,183,.5);
box-shadow:0 7px 14px 0 rgba(11,81,183,.5);
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.table-rep-plugin .btn-default:focus,.table-rep-plugin .btn-default:hover
{
color:#fff;
-webkit-box-shadow:0 0 0 2px rgba(11,81,183,.3);
box-shadow:0 0 0 2px rgba(11,81,183,.3)
}
.table-rep-plugin .btn-default.btn-primary:active,.table-rep-plugin .btn-default.btn-primary:focus,.table-rep-plugin .btn-default.btn-primary:hover
{
border:none!important;
background:linear-gradient(14deg,#0b51b7 0,rgba(11,81,183,.6));
color:#fff;
-webkit-box-shadow:0 0 0 2px rgba(11,81,183,.3);
box-shadow:0 0 0 2px rgba(11,81,183,.3)
}
.table-rep-plugin tbody th
{
font-size:14px;
font-weight:400
}
.table-rep-plugin table.focus-on tbody tr.focused td,.table-rep-plugin table.focus-on tbody tr.focused th
{
background-color:#0b51b7;
color:#fff
}
.fixed-solution .sticky-table-header
{
top:70px!important;
background-color:#fafbfb;
border-top:1px solid #e8ebf3;
border-bottom:1px solid #e8ebf3
}
.table-responsive[data-pattern=priority-columns]
{
border:1px solid #e8ebf3
}
.attendance-table .table thead tr th
{
padding:5px
}
.datatable-editor-action .mdi
{
margin-right:5px;
color:#7081b9
}
.dataTable-selector
{
background-color:#fff;
color:#000444;
border-color:#e8ebf3;
border-radius:4px
}
.dataTable-input
{
background-color:#fff;
color:#000444;
border:1px solid #e8ebf3;
border-radius:4px
}
.dataTable-wrapper.no-footer .dataTable-container
{
border-bottom:2px solid #eceff5
}
.dataTable-pagination a
{
border:1px solid #eceff5;
color:#000444
}
.dataTable-pagination .active a,.dataTable-pagination .active a:focus,.dataTable-pagination .active a:hover,.dataTable-pagination a:hover
{
background-color:#fafbfb;
color:#0b51b7
}
.tabulator-row
{
border-bottom:1px solid #e8ebf3;
min-height:0;
background-color:#fff!important
}
.tabulator-row .tabulator-cell
{
padding:.7rem
}
.tabulator-row .tabulator-cell div[data-max="100"]
{
height:5px!important
}
.tabulator-row .tabulator-cell.tabulator-editing
{
color:#000444!important
}
.tabulator-row .tabulator-cell.tabulator-editable.tabulator-editing
{
color:#000444!important
}
.tabulator-row .tabulator-responsive-collapse table
{
font-size:.8125rem;
font-weight:500
}
.tabulator-row .tabulator-responsive-collapse table tr td
{
font-weight:400
}
.tabulator-row.tabulator-selectable:hover
{
background-color:#fafafa
}
.tabulator
{
font-size:.8125rem;
background-color:#fff
}
.tabulator .tabulator-header
{
border-bottom:1px solid #e8ebf3;
border-top:0;
background-color:#f1f5fa
}
.tabulator .tabulator-header .tabulator-col
{
background-color:transparent;
font-weight:500
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content
{
padding:.7rem
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
{
border-bottom:6px solid #b6c2e4
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover
{
background-color:transparent
}
.tabulator .tabulator-footer
{
border-top:1px solid #e8ebf3;
background-color:#fff
}
.tabulator .tabulator-footer .tabulator-page
{
padding:.375rem .75rem;
font-size:.8125rem;
border:1px solid #e8ebf3;
border-right:none;
background:#fff;
color:#000444
}
.tabulator .tabulator-footer .tabulator-page:disabled
{
background-color:#fff;
border-color:#e8ebf3;
color:#8997bd
}
.tabulator .tabulator-footer .tabulator-page[data-page=last]
{
border:1px solid #e8ebf3
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover
{
background-color:#fff;
border-color:#e8ebf3;
color:#8997bd
}
.progress
{
background-color:#f1f5fa
}
.progress-vertical
{
min-height:250px;
height:250px;
width:8px;
position:relative;
display:inline-block;
margin-bottom:0;
margin-right:20px;
-webkit-box-shadow:none;
box-shadow:none
}
.progress-vertical .progress-bar
{
width:100%
}
.progress-vertical-bottom
{
min-height:250px;
height:250px;
position:relative;
width:8px;
display:inline-block;
margin-bottom:0;
margin-right:20px;
-webkit-box-shadow:none;
box-shadow:none
}
.progress-vertical-bottom .progress-bar
{
width:100%;
position:absolute;
bottom:0
}
.progress-vertical-bottom.progress-sm,.progress-vertical.progress-sm
{
width:5px!important
}
.progress-vertical-bottom.progress-sm .progress-bar,.progress-vertical.progress-sm .progress-bar
{
font-size:8px;
line-height:5px
}
.progress-vertical-bottom.progress-md,.progress-vertical.progress-md
{
width:15px!important
}
.progress-vertical-bottom.progress-md .progress-bar,.progress-vertical.progress-md .progress-bar
{
font-size:10.8px;
line-height:14.4px
}
.progress-vertical-bottom.progress-lg,.progress-vertical.progress-lg
{
width:20px!important
}
.progress-vertical-bottom.progress-lg .progress-bar,.progress-vertical.progress-lg .progress-bar
{
font-size:12px;
line-height:20px
}
.progress-icon-spin
{
font-size:36px
}
a.badge:hover
{
color:#fff
}
.alert
{
position:relative;
border:0
}
.alert.custom-alert
{
overflow:hidden
}
.alert.custom-alert:after
{
content:"";
position:absolute;
width:4px;
height:100%;
top:0;
left:0
}
.alert.custom-alert.custom-alert-primary:after
{
background-color:#0b51b7
}
.alert.custom-alert.custom-alert-secondary:after
{
background-color:#7081b9
}
.alert.custom-alert.custom-alert-success:after
{
background-color:#22b783
}
.alert.custom-alert.custom-alert-info:after
{
background-color:#41cbd8
}
.alert.custom-alert.custom-alert-warning:after
{
background-color:#ff9f43
}
.alert.custom-alert.custom-alert-danger:after
{
background-color:#ef4d56
}
.alert.custom-alert.custom-alert-light:after
{
background-color:#fafbfb
}
.alert.custom-alert.custom-alert-dark:after
{
background-color:#000444
}
.alert.custom-alert.custom-alert-pink:after
{
background-color:#fd3c97
}
.alert.custom-alert.custom-alert-purple:after
{
background-color:#6d81f5
}
.alert.custom-alert.custom-alert-blue:after
{
background-color:#0b51b7
}
.b-round
{
border-radius:40px
}
.alert
{
position:relative;
border:0
}
.alert.icon-custom-alert
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:5px 18px
}
.alert .alert-icon
{
font-size:21px;
margin-right:8px
}
.alert .alert-text
{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
-ms-flex-item-align:center;
align-self:center
}
.alert .alert-close
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.alert .alert-link
{
font-weight:600
}
.alert.alert-light
{
color:#000444;
background-color:#fafbfb
}
.alert.alert-outline-primary
{
border:1px solid #0b51b7;
background-color:transparent;
color:#0b51b7!important
}
.alert.alert-soft-success
{
border:none;
background-color:#adcdfa;
color:#0b51b7
}
.alert.alert-outline-secondary
{
border:1px solid #7081b9;
background-color:transparent;
color:#7081b9!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#7081b9
}
.alert.alert-outline-success
{
border:1px solid #22b783;
background-color:transparent;
color:#22b783!important
}
.alert.alert-soft-success
{
border:none;
background-color:#c9f5e6;
color:#22b783
}
.alert.alert-outline-info
{
border:1px solid #41cbd8;
background-color:transparent;
color:#41cbd8!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#41cbd8
}
.alert.alert-outline-warning
{
border:1px solid #ff9f43;
background-color:transparent;
color:#ff9f43!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#ff9f43
}
.alert.alert-outline-danger
{
border:1px solid #ef4d56;
background-color:transparent;
color:#ef4d56!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#ef4d56
}
.alert.alert-outline-light
{
border:1px solid #fafbfb;
background-color:transparent;
color:#fafbfb!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#fafbfb
}
.alert.alert-outline-dark
{
border:1px solid #000444;
background-color:transparent;
color:#000444!important
}
.alert.alert-soft-success
{
border:none;
background-color:#2b37ff;
color:#000444
}
.alert.alert-outline-pink
{
border:1px solid #fd3c97;
background-color:transparent;
color:#fd3c97!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#fd3c97
}
.alert.alert-outline-purple
{
border:1px solid #6d81f5;
background-color:transparent;
color:#6d81f5!important
}
.alert.alert-soft-success
{
border:none;
background-color:#fff;
color:#6d81f5
}
.alert.alert-outline-blue
{
border:1px solid #0b51b7;
background-color:transparent;
color:#0b51b7!important
}
.alert.alert-soft-success
{
border:none;
background-color:#adcdfa;
color:#0b51b7
}
.uppy-DragDrop-container
{
background-color:#fff
}
.uppy-Dashboard-inner
{
background-color:#fff;
border:1px solid #e8ebf3
}
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles
{
border:1px dashed #e8ebf3
}
.uppy-Dashboard-AddFiles-title
{
color:#000444
}
.uppy-DragDrop-container:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.uppy-DragDrop--isDragDropSupported
{
border:2px dashed #eaf0f9
}
.uppy-DragDrop-label
{
color:#000444
}
.modal-demo
{
background-color:#fff;
width:600px;
border-radius:4px;
display:none;
position:relative
}
.modal-demo .close
{
position:absolute;
top:15px;
right:25px;
color:#f1f5fa
}
.modal-content
{
background-color:#fff
}
.modal-content .modal-header
{
background-color:#0b51b7
}
.modal-content .modal-header .modal-title
{
color:#fff;
-ms-flex-item-align:center;
align-self:center;
font-weight:500;
margin-top:0;
font-family:Roboto,sans-serif;
font-size:14px
}
.modal-content .modal-footer
{
border-top:1px solid #eaf0f9
}
.modal-content .modal-footer>*
{
margin:0 0 0 .25rem
}
.modal-content .modal-body p,.modal-content h4
{
color:#7081b9
}
.modal-content .modal-title.custom-title
{
color:#fff
}
#custom-modal .close
{
color:#435177
}
.custom-modal-title
{
padding:15px 25px 15px 25px;
line-height:22px;
font-size:18px;
background-color:#f1f5fa;
color:#435177;
text-align:left;
margin:0
}
.custom-modal-text
{
padding:20px;
color:#8997bd
}
.custombox-modal-flash .close,.custombox-modal-rotatedown .close
{
top:20px;
z-index:9999
}
#session-timeout-dialog .modal-header
{
display:inline-block
}
.modal.modal-rightbar
{
position:fixed;
margin:auto;
right:0;
left:auto;
height:100%;
padding-right:0!important
}
.modal.modal-rightbar .modal-content
{
height:100vh;
overflow-y:auto;
border:none;
border-radius:0
}
.modal.modal-rightbar .modal-body
{
padding:15px;
overflow-x:hidden
}
.modal.modal-rightbar .modal-dialog
{
width:320px;
right:-320px;
margin:0 0 0 auto
}
.modal.modal-rightbar.show .modal-dialog
{
right:0;
-webkit-transition:left .3s ease,right .3s ease;
transition:left .3s ease,right .3s ease
}
.form-switch-primary .form-check-input:checked
{
background-color:#0b51b7;
border-color:#0b51b7
}
.form-switch-secondary .form-check-input:checked
{
background-color:#7081b9;
border-color:#7081b9
}
.form-switch-success .form-check-input:checked
{
background-color:#22b783;
border-color:#22b783
}
.form-switch-info .form-check-input:checked
{
background-color:#41cbd8;
border-color:#41cbd8
}
.form-switch-warning .form-check-input:checked
{
background-color:#ff9f43;
border-color:#ff9f43
}
.form-switch-danger .form-check-input:checked
{
background-color:#ef4d56;
border-color:#ef4d56
}
.form-switch-light .form-check-input:checked
{
background-color:#fafbfb;
border-color:#fafbfb
}
.form-switch-dark .form-check-input:checked
{
background-color:#000444;
border-color:#000444
}
.form-switch-pink .form-check-input:checked
{
background-color:#fd3c97;
border-color:#fd3c97
}
.form-switch-purple .form-check-input:checked
{
background-color:#6d81f5;
border-color:#6d81f5
}
.form-switch-blue .form-check-input:checked
{
background-color:#0b51b7;
border-color:#0b51b7
}
.selectr-options-container,.selectr-selected
{
border-color:#e8ebf3!important;
background-color:#fff
}
.selectr-tag-input
{
background-color:#fff
}
.selectr-option.selected
{
background-color:#f1f5fa
}
.selectr-input
{
border-color:#eceff5!important
}
.selectr-container.open .selectr-selected
{
border-color:#e8ebf3 #e8ebf3 transparent;
border-radius:3px 3px 0 0
}
.selectr-tag
{
background:#0b51b7;
border-radius:3px
}
.selectr-tag-remove::after,.selectr-tag-remove::before
{
width:1px
}
.datepicker.active
{
display:inline-block;
border:1px solid #eceff5;
border-radius:4px
}
.datepicker-dropdown.datepicker-orient-top
{
padding-bottom:0
}
.datepicker-header .datepicker-controls .button
{
font-weight:500
}
.datepicker-controls .button
{
font-size:15px;
border:1px solid #eceff5;
background-color:#fff;
color:#303e67
}
.datepicker-view .dow
{
font-weight:500;
font-size:12px
}
.datepicker-picker
{
background-color:#fff
}
.datepicker-picker span
{
border-radius:25px
}
.datepicker-cell.focused:not(.selected),.datepicker-cell:not(.disabled):hover
{
background-color:#fff
}
.example__complete
{
display:none;
margin-left:5px
}
.example__complete::after
{
content:"✔"
}
#form-validation-2 small
{
display:none;
color:#ef4d56
}
#form-validation-2 small.error
{
display:block
}
.form-control.error
{
border-color:#ef4d56
}
.form-control.success
{
border-color:#22b783
}
.form-wizard-wrapper label
{
font-size:13px;
text-align:right
}
.wizard>.content>.body input
{
border:1px solid #e8ebf3;
-webkit-transition:border-color 0s ease-out;
transition:border-color 0s ease-out
}
.wizard>.content>.body input:focus
{
-webkit-box-shadow:none;
box-shadow:none;
border-color:#0b51b7
}
.wizard.vertical>.steps
{
width:auto
}
.wizard>.steps>ul>li
{
width:auto;
margin-bottom:10px
}
.wizard>.steps a,.wizard>.steps a:active,.wizard>.steps a:hover
{
margin:3px;
padding:0;
border-radius:50px
}
.wizard>.steps .current a,.wizard>.steps .current a:active,.wizard>.steps .current a:hover
{
background:linear-gradient(14deg,#0b51b7 0,rgba(11,81,183,.6));
color:#fff;
padding:2px 20px 2px 2px;
-webkit-box-shadow:0 3px 10px 0 rgba(11,81,183,.4);
box-shadow:0 3px 10px 0 rgba(11,81,183,.4)
}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:active,.wizard>.steps .disabled a:hover,.wizard>.steps .done a,.wizard>.steps .done a:active,.wizard>.steps .done a:hover
{
background-color:rgba(11,81,183,.1);
color:#0b51b7;
padding:0 20px 0 0;
-webkit-box-shadow:0 0 0 2.25px rgba(11,81,183,.5);
box-shadow:0 0 0 2.25px rgba(11,81,183,.5)
}
.wizard>.steps .current a .number,.wizard>.steps .current a:active .number,.wizard>.steps .current a:hover .number
{
border:2px solid #fff
}
.wizard>.steps .disabled a .number,.wizard>.steps .disabled a:active .number,.wizard>.steps .disabled a:hover .number,.wizard>.steps .done a .number,.wizard>.steps .done a:active .number,.wizard>.steps .done a:hover .number
{
border-color:#0b51b7
}
.wizard>.content
{
background-color:transparent;
margin:0 5px;
border-radius:0;
min-height:150px
}
#form-horizontal fieldset
{
margin-top:20px
}
.wizard>.content>.body
{
width:100%;
height:100%;
padding:15px 0 0;
position:static
}
.wizard>.steps .number
{
font-size:16px;
padding:5px;
border-radius:50%;
border:2px solid #fff;
width:38px;
display:inline-block;
font-weight:600;
text-align:center;
margin-right:10px;
background-color:rgba(11,81,183,.15)
}
.wizard.vertical>.actions,.wizard>.actions
{
margin-top:20px
}
.wizard>.actions .disabled a,.wizard>.actions .disabled a:active,.wizard>.actions .disabled a:hover
{
opacity:.65;
background:linear-gradient(14deg,#0b51b7 0,rgba(11,81,183,.6));
color:#fff;
cursor:not-allowed
}
.wizard>.actions a,.wizard>.actions a:active,.wizard>.actions a:hover
{
background:linear-gradient(14deg,#0b51b7 0,rgba(11,81,183,.6));
border-radius:4px;
padding:8px 15px
}
@media (max-width:768px)
{
.wizard>.steps>ul>li
{
width:50%
}
.form-wizard-wrapper label
{
text-align:left
}

}
@media (max-width:520px)
{
.wizard>.steps>ul>li
{
width:100%
}

}
.mce-panel
{
border:1px solid #f1f5fa!important;
background-color:#fff!important;
color:#303e67!important
}
.mce-label
{
text-shadow:none!important;
color:#8997bd!important
}
.mce-tinymce
{
-webkit-box-shadow:none!important;
box-shadow:none!important
}
.mce-btn
{
background:0 0!important
}
.mce-flow-layout,.mce-top-part::before
{
-webkit-box-shadow:none!important;
box-shadow:none!important;
background-color:#f1f5fa!important
}
.mce-caret
{
border-top:4px solid #303e67!important;
opacity:.7!important
}
.mce-menubar .mce-caret
{
border-top-color:#303e67!important;
opacity:.7!important
}
.mce-btn .mce-txt,.mce-ico,.mce-menubar .mce-menubtn button span
{
color:#303e67!important
}
.mce-btn.mce-disabled button,.mce-btn.mce-disabled:hover button
{
opacity:.7!important
}
.mce-menu-item.mce-disabled,.mce-menu-item.mce-disabled:hover,.mce-menu-item:focus,.mce-menu-item:hover
{
background:#fafbfb!important
}
.nav.nav-tabs .nav-item.show,.nav.nav-tabs .nav-link
{
color:#303e67
}
.nav.nav-tabs .nav-item.show.active,.nav.nav-tabs .nav-item.show:focus,.nav.nav-tabs .nav-link.active,.nav.nav-tabs .nav-link:focus
{
color:#0b51b7;
background-color:#fff;
border-color:transparent transparent #0b51b7
}
.nav.nav-tabs .nav-item.show.active:hover,.nav.nav-tabs .nav-link.active:hover
{
border-color:transparent transparent #0b51b7
}
.nav.nav-tabs .nav-item.show:hover,.nav.nav-tabs .nav-link:hover
{
border-color:transparent transparent #eceff5
}
.nav.nav-tabs .nav-item.show .nav-link
{
color:#0b51b7;
background-color:#fff
}
.nav.nav-pills
{
background-color:#fafbfb
}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover
{
color:#fafbfb
}
.nav-tabs-custom .nav.nav-tabs
{
border-bottom:none;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex
}
.nav-tabs-custom .nav.nav-tabs .nav-item
{
border:2px solid #f1f5fa;
border-radius:4px;
margin-right:5px
}
.nav-tabs-custom .nav.nav-tabs .nav-link
{
border-radius:3px;
padding:10px 14px
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active
{
background-color:#fafbfb;
border-color:transparent;
color:#0b51b7
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active i
{
color:#0b51b7
}
.nav-tabs-custom .nav.nav-tabs .nav-link i
{
font-size:24px;
vertical-align:middle;
color:#7081b9
}
.nav.nav-pills-custom.nav-pills .nav-item .nav-link
{
padding:4px 14px;
font-size:.71rem;
line-height:2;
border:1px solid #eaf0f9;
color:#7081b9
}
.nav.nav-pills-custom.nav-pills .nav-item .nav-link.active
{
color:#fff
}
.nav-pills .nav-item.show .nav-link,.nav-pills .nav-link.active
{
background:#0b51b7;
color:#fff
}
.eco-revene-history .nav .nav-item .nav-link.active
{
color:#000444;
background-color:#fafbfb
}
.nav-border.nav.nav-pills
{
background-color:transparent;
border-bottom:1px solid #eceff5;
line-height:36px
}
.nav-border .nav-item
{
margin-bottom:-1px
}
.nav-border .nav-link
{
color:#303e67
}
.nav-border .nav-item.show .nav-link,.nav-border .nav-link.active
{
background:0 0;
color:#0b51b7;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
border-bottom:1px solid #0b51b7
}
.nav-pills .nav-item.show .nav-link,.nav-pills .nav-link.active
{
background:#0b51b7;
color:#fff;
border-radius:0
}
.spinner-border.spinner-border-custom-1
{
border:5px double currentColor;
border-right-color:transparent
}
.spinner-border.spinner-border-custom-2
{
border:5px dotted currentColor;
border-right-color:transparent
}
.spinner-border.spinner-border-custom-3
{
border:5px groove currentColor;
border-right-color:transparent
}
.spinner-border.spinner-border-custom-4
{
border:5px dashed currentColor;
border-right-color:transparent
}
.spinner-border.spinner-border-custom-5
{
border:5px outset currentColor;
border-right-color:transparent
}
[data-simplebar]
{
position:relative;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-ms-flex-line-pack:start;
align-content:flex-start;
-webkit-box-align:start;
-ms-flex-align: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;
-webkit-box-sizing: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;
-webkit-box-sizing:border-box!important;
box-sizing:border-box!important;
position:relative;
display:block;
height:100%;
width:auto;
visibility:visible;
overflow:auto;
max-width:100%;
max-height:100%
}
.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
{
-webkit-box-sizing:inherit!important;
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;
-webkit-box-flex:inherit;
-ms-flex-positive:inherit;
flex-grow:inherit;
-ms-flex-negative:0;
flex-shrink:0;
-ms-flex-preferred-size:0;
flex-basis:0
}
.simplebar-height-auto-observer
{
-webkit-box-sizing:inherit;
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;
-moz-user-select: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:7px;
min-height:10px
}
.simplebar-scrollbar:before
{
position:absolute;
content:"";
background:#d3d8e0;
border-radius:7px;
left:0;
right:0;
opacity:0;
-webkit-transition:opacity .2s linear;
transition:opacity .2s linear
}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before
{
opacity:.5;
-webkit-transition:opacity 0s linear;
transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical
{
top:0;
width:9px
}
.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
}
.jqstooltip
{
width:auto!important;
height:auto!important;
-webkit-box-sizing:content-box;
box-sizing:content-box;
background-color:#fff!important;
padding:5px 10px!important;
border-radius:3px;
border-color:#fff!important;
display:inline-block!important;
-webkit-box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02);
box-shadow:0 -3px 31px 0 rgba(0,0,0,.05),0 6px 20px 0 rgba(0,0,0,.02)
}
.jqsfield
{
font-size:12px!important;
line-height:18px!important;
color:#000444!important
}
.chart
{
position:relative;
display:inline-block;
width:110px;
height:110px;
margin-top:20px;
margin-bottom:20px;
text-align:center
}
.chart canvas
{
position:absolute;
top:0;
left:0
}
.chart.chart-widget-pie
{
margin-top:5px;
margin-bottom:5px
}
.percent
{
display:inline-block;
line-height:110px;
z-index:2
}
.percent:after
{
content:"%";
margin-left:.1em;
font-size:.8em
}
.morris-chart text
{
font-family:Roboto,sans-serif!important;
color:#8997bd
}
.morris-hover.morris-default-style
{
border-radius:5px;
padding:10px 12px;
background:#fafbfb;
border:none;
font-family:Roboto,sans-serif;
-webkit-box-shadow:0 5px 25px 5px rgba(0,4,68,.14);
box-shadow:0 5px 25px 5px rgba(0,4,68,.14)
}
.morris-hover.morris-default-style .morris-hover-point
{
line-height:28px
}
.morris-hover.morris-default-style .morris-hover-row-label
{
background-color:#0b51b7;
color:#fff;
padding:4px 20px;
border-radius:5px 5px 0 0;
margin:-10px -12px 10px
}
#flotTip
{
padding:8px 12px;
background-color:#fff;
z-index:100;
color:#000444;
-webkit-box-shadow:0 5px 25px 5px rgba(0,4,68,.14);
box-shadow:0 5px 25px 5px rgba(0,4,68,.14);
border-radius:1px
}
.flot-chart .flot-x-axis .flot-tick-label,.flot-chart .flot-y-axis .flot-tick-label
{
-webkit-transform:translateY(2px);
transform:translateY(2px);
text-transform:uppercase;
font-size:12px;
font-weight:400;
font-family:Roboto,sans-serif;
letter-spacing:.5px;
fill:#8997bd
}
.ct-golden-section:before
{
float:none
}
.ct-chart
{
height:300px
}
.ct-grid
{
stroke:rgba(0,4,68,.09);
stroke-width:2px;
stroke-dasharray:3px
}
.ct-chart .ct-label
{
fill:#7081b9;
color:#7081b9;
font-size:14px;
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-slice-donut,.ct-chart .ct-series.ct-series-b .ct-bar
{
stroke:#eaf0f9
}
.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point
{
stroke:#b6c2e4
}
.ct-chart .ct-series.ct-series-c .ct-slice-donut
{
stroke:#7081b9
}
.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-b .ct-slice-donut
{
stroke:#0b51b7
}
.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point
{
stroke:#ff9f43
}
.ct-chart .ct-series.ct-series-c .ct-bar
{
stroke:#fafbfb
}
.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-e .ct-slice-donut
{
stroke:#22b783
}
.ct-chart .ct-series.ct-series-d .ct-slice-donut
{
stroke:#ff9f43
}
.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
{
stroke:#fd3c97
}
.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
{
stroke:#6d81f5
}
.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
{
stroke:#d7454d
}
.ct-series-a .ct-area,.ct-series-a .ct-slice-pie
{
fill:#0b51b7
}
.ct-series-b .ct-area,.ct-series-b .ct-slice-pie
{
fill:#7081b9
}
.ct-series-c .ct-area,.ct-series-c .ct-slice-pie
{
fill:#eaf0f9
}
.chartist-tooltip
{
position:absolute;
display:inline-block;
opacity:0;
min-width:10px;
padding:2px 10px;
border-radius:3px;
-moz-border-radius:3px;
background-clip:padding-box;
background:#000444;
color:#fff;
text-align:center;
pointer-events:none;
z-index:1;
-webkit-transition:opacity .2s linear;
transition:opacity .2s linear
}
.chartist-tooltip.tooltip-show
{
opacity:1
}
#donut-chart #donut-chart-container .legend
{
position:relative;
margin-right:-50px;
top:-50px
}
.apexcharts-grid,.apexcharts-gridline,.apexcharts-gridline line,.apexcharts-gridlines-horizontal,.apexcharts-gridlines-vertical,.apexcharts-xaxis line,.apexcharts-xaxis-tick
{
pointer-events:none;
stroke:#e8ecf1
}
.apexcharts-xaxis line
{
display:none
}
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-radar-series line,.apexcharts-radar-series path,.apexcharts-radar-series polygon
{
pointer-events:none;
stroke:#eaedf3
}
.apexcharts-legend-text
{
color:#8997bd!important;
font-family:Roboto,sans-serif!important
}
.apexcharts-pie-label
{
fill:#fff!important
}
.apexcharts-data-labels,.apexcharts-datalabels text,.apexcharts-xaxis text,.apexcharts-yaxis text
{
font-family:Roboto,sans-serif!important;
fill:#8997bd
}
.apexcharts-yaxis-annotation-label
{
color:#8997bd!important
}
.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text
{
fill:#fff
}
.britechart,.tick text
{
font-family:Roboto,sans-serif;
font-size:.75rem
}
.extended-x-line,.extended-y-line,.horizontal-grid-line,.vertical-grid-line
{
stroke:#eaf0f9
}
.bar-chart .percentage-label,.donut-text,.legend-entry-name,.legend-entry-value,.tick text
{
fill:#8997bd
}
.apex-charts
{
min-height:10px!important
}
.apexcharts-tooltip-title
{
background:#fff!important;
color:#000444;
border-color:#fafbfb!important
}
.dash-apex-chart .apexcharts-toolbar
{
display:none!important
}
.apexcharts-tooltip
{
background:#fff!important;
border-color:#eceff5!important;
white-space:normal!important
}
.apexcharts-xaxistooltip
{
background-color:#fff!important;
border-color:#fff!important;
color:#000444!important
}
.apexcharts-xaxistooltip-top:after,.apexcharts-xaxistooltip-top:before
{
border-top-color:#fff!important
}
.apexcharts-xaxistooltip-bottom:after,.apexcharts-xaxistooltip-bottom:before
{
border-bottom-color:#fff!important
}
.apexcharts-xaxistooltip:after,.apexcharts-xaxistooltip:before
{
border-color:#fff
}
.apexcharts-datalabel-label,.apexcharts-title-text
{
color:#303e67
}
.apexcharts-datalabel-value
{
color:#fafbfb
}
.apexcharts-legend-marker
{
margin-right:5px;
vertical-align:middle
}
.apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,.apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,.apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,.apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,.apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,.apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-yaxis-label,.apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-xaxis-label,.apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-yaxis-label
{
font-weight:500
}
.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label,.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value
{
fill:#8997bd;
color:#8997bd
}
.superpose
{
color:#f1f5fa;
height:350px;
width:100%
}
.superpose .superclock
{
position:relative;
width:300px;
margin:auto
}
.superpose .superclock .superclock1
{
position:absolute;
left:10px;
top:10px
}
.superpose .superclock .superclock2
{
position:absolute;
left:60px;
top:60px
}
.superpose .superclock .superclock3
{
position:absolute;
left:110px;
top:110px
}
.drop-shadow
{
-webkit-filter:drop-shadow(0 8px 4px #fafbfb);
filter:drop-shadow(0 8px 4px #fafbfb)
}
.tui-chart .tui-chart-chartExportMenu-area
{
z-index:50
}
.noUi-target
{
background:#eaf0f9;
border-radius:4px;
border:1px solid #e8ebf3;
-webkit-box-shadow:inset 0 1px 1px #fafbfb,0 3px 6px -5px #eaf0f9;
box-shadow:inset 0 1px 1px #fafbfb,0 3px 6px -5px #eaf0f9
}
.noUi-horizontal .noUi-handle
{
width:16px;
height:16px;
right:-8px;
top:-6px
}
.noUi-horizontal
{
height:7px
}
.noUi-handle
{
border:2px solid #e8ebf3;
border-radius:50px;
background:#0b51b7;
-webkit-box-shadow:none;
box-shadow:none
}
.noUi-handle:after,.noUi-handle:before
{
height:4px;
width:1px;
background:#fff;
left:4px;
top:4px
}
.noUi-handle:after
{
left:7px
}
.noUi-connect
{
background:#0a49a5
}
.noUi-vertical
{
width:7px
}
.noUi-vertical .noUi-handle
{
width:16px;
height:16px;
right:-5.5px;
top:-10px
}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before
{
width:5px;
height:1px;
left:3px;
top:7px
}
.noUi-vertical .noUi-handle:after
{
width:5px;
height:1px;
left:3px;
top:4px
}
.noUi-marker
{
position:absolute;
background:rgba(137,151,189,.2)
}
.noUi-marker-sub
{
background:rgba(137,151,189,.3)
}
.noUi-marker-large
{
background:rgba(137,151,189,.3)
}
.noUi-marker-horizontal.noUi-marker-large
{
height:12px
}
.example-val:before
{
content:"Value: "
}
.noUi-tooltip
{
display:none
}
.noUi-active .noUi-tooltip
{
display:block
}
.noUi-tooltip
{
border:1px solid #eceff5;
background:#fdfdfd;
color:#303e67;
padding:2px 4px;
font-size:10px
}
.swal2-popup
{
background:#fff
}
.swal2-popup .swal2-title
{
font-size:20px;
font-weight:500;
color:#303e67
}
.swal2-popup .swal2-content
{
color:#7081b9;
font-size:15px
}
.swal2-popup.swal2-toast
{
background-color:#fff;
-webkit-box-shadow:0 0 .625em #f1f5fa;
box-shadow:0 0 .625em #f1f5fa
}
.swal2-popup.swal2-toast .swal2-title
{
line-height:0
}
.swal2-popup .swal2-styled
{
display:inline-block;
font-weight:400;
line-height:1.5;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:transparent;
border:none;
padding:.375rem .75rem;
font-size:.8125rem;
border-radius:.25rem
}
.swal2-popup .swal2-styled:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.swal2-popup .swal2-styled.swal2-confirm
{
font-size:.8125rem;
background-color:#22b783
}
.swal2-popup .swal2-styled.swal2-confirm:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.swal2-popup .swal2-styled.swal2-deny
{
background-color:#0b51b7;
font-size:.8125rem
}
.swal2-popup .swal2-styled.swal2-deny:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.swal2-popup .swal2-styled.swal2-cancel
{
font-size:.8125rem;
background-color:#ef4d56
}
.swal2-popup .swal2-styled.swal2-cancel:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.swal2-html-container
{
color:#b6c2e4
}
.swal2-close:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.swal2-footer
{
border-top:1px solid #e8ebf3
}
.swal2-actions .btn-danger,.swal2-actions .btn-success
{
border:none
}
.swal2-actions .btn-danger:focus,.swal2-actions .btn-success:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.swal2-icon
{
width:3em;
height:3em;
margin:1em auto 1em
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line]
{
top:22px;
width:30px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]
{
left:9px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]
{
right:9px
}
.swal2-icon .swal2-icon-content
{
font-size:40px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line]
{
width:40px;
height:70px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]
{
top:-23px;
left:-13px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]
{
top:-12px;
left:36px
}
.swal2-icon.swal2-success .swal2-success-fix
{
top:0;
left:12px;
width:6px;
height:60px
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]
{
top:28px;
left:6px;
width:18px
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]
{
top:23px;
right:4px;
width:30px
}
@-webkit-keyframes swal2-animate-success-line-tip
{
0%
{
top:1.1875em;
left:.0625em;
width:0
}
54%
{
top:24px;
left:4px;
width:0
}
70%
{
top:27px;
left:0;
width:22px
}
84%
{
top:30px;
left:8px;
width:16px
}
100%
{
top:28px;
left:6px;
width:18px
}

}
@keyframes swal2-animate-success-line-tip
{
0%
{
top:1.1875em;
left:.0625em;
width:0
}
54%
{
top:24px;
left:4px;
width:0
}
70%
{
top:27px;
left:0;
width:22px
}
84%
{
top:30px;
left:8px;
width:16px
}
100%
{
top:28px;
left:6px;
width:18px
}

}
@-webkit-keyframes swal2-animate-success-line-long
{
0%
{
top:26px;
right:10px;
width:0
}
65%
{
top:26px;
right:10px;
width:0
}
84%
{
top:22px;
right:0;
width:34px
}
100%
{
top:23px;
right:4px;
width:30px
}

}
@keyframes swal2-animate-success-line-long
{
0%
{
top:3.375em;
right:2.875em;
width:0
}
65%
{
top:40px;
right:30px;
width:0
}
84%
{
top:22px;
right:0;
width:34px
}
100%
{
top:23px;
right:4px;
width:30px
}

}
@-webkit-keyframes passing-through
{
0%
{
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
30%,70%
{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100%
{
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}

}
@keyframes passing-through
{
0%
{
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
30%,70%
{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100%
{
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}

}
@-webkit-keyframes slide-in
{
0%
{
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
30%
{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}

}
@keyframes slide-in
{
0%
{
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
30%
{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}

}
@-webkit-keyframes pulse
{
0%
{
-webkit-transform:scale(1);
transform:scale(1)
}
10%
{
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
20%
{
-webkit-transform:scale(1);
transform:scale(1)
}

}
@keyframes pulse
{
0%
{
-webkit-transform:scale(1);
transform:scale(1)
}
10%
{
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
20%
{
-webkit-transform:scale(1);
transform:scale(1)
}

}
.dropzone,.dropzone *
{
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.dropzone
{
min-height:150px;
border:2px solid rgba(0,0,0,.3);
background:#fff;
padding:20px 20px
}
.dropzone.dz-clickable
{
cursor:pointer
}
.dropzone.dz-clickable *
{
cursor:default
}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *
{
cursor:pointer
}
.dropzone.dz-started .dz-message
{
display:none
}
.dropzone.dz-drag-hover
{
border-style:solid
}
.dropzone.dz-drag-hover .dz-message
{
opacity:.5
}
.dropzone .dz-message
{
text-align:center;
margin:2em 0
}
.dropzone .dz-message .dz-button
{
background:0 0;
color:inherit;
border:none;
padding:0;
font:inherit;
cursor:pointer;
outline:inherit
}
.dropzone .dz-preview
{
position:relative;
display:inline-block;
vertical-align:top;
margin:16px;
min-height:100px
}
.dropzone .dz-preview:hover
{
z-index:1000
}
.dropzone .dz-preview:hover .dz-details
{
opacity:1
}
.dropzone .dz-preview.dz-file-preview .dz-image
{
border-radius:20px;
background:#999;
background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));
background:linear-gradient(to bottom,#eee,#ddd)
}
.dropzone .dz-preview.dz-file-preview .dz-details
{
opacity:1
}
.dropzone .dz-preview.dz-image-preview
{
background:#fff
}
.dropzone .dz-preview.dz-image-preview .dz-details
{
-webkit-transition:opacity .2s linear;
transition:opacity .2s linear
}
.dropzone .dz-preview .dz-remove
{
font-size:14px;
text-align:center;
display:block;
cursor:pointer;
border:none
}
.dropzone .dz-preview .dz-remove:hover
{
text-decoration:underline
}
.dropzone .dz-preview:hover .dz-details
{
opacity:1
}
.dropzone .dz-preview .dz-details
{
z-index:20;
position:absolute;
top:0;
left:0;
opacity:0;
font-size:13px;
min-width:100%;
max-width:100%;
padding:2em 1em;
text-align:center;
color:rgba(0,0,0,.9);
line-height:150%
}
.dropzone .dz-preview .dz-details .dz-size
{
margin-bottom:1em;
font-size:16px
}
.dropzone .dz-preview .dz-details .dz-filename
{
white-space:nowrap
}
.dropzone .dz-preview .dz-details .dz-filename:hover span
{
border:1px solid rgba(200,200,200,.8);
background-color:rgba(255,255,255,.8)
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover)
{
overflow:hidden;
text-overflow:ellipsis
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span
{
border:1px solid transparent
}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span
{
background-color:rgba(255,255,255,.4);
padding:0 .4em;
border-radius:3px
}
.dropzone .dz-preview:hover .dz-image img
{
-webkit-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);
-webkit-filter:blur(8px);
filter:blur(8px)
}
.dropzone .dz-preview .dz-image
{
border-radius:20px;
overflow:hidden;
width:120px;
height:120px;
position:relative;
display:block;
z-index:10
}
.dropzone .dz-preview .dz-image img
{
display:block
}
.dropzone .dz-preview.dz-success .dz-success-mark
{
-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);
animation:passing-through 3s cubic-bezier(.77,0,.175,1)
}
.dropzone .dz-preview.dz-error .dz-error-mark
{
opacity:1;
-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);
animation:slide-in 3s cubic-bezier(.77,0,.175,1)
}
.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark
{
pointer-events:none;
opacity:0;
z-index:500;
position:absolute;
display:block;
top:50%;
left:50%;
margin-left:-27px;
margin-top:-27px
}
.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg
{
display:block;
width:54px;
height:54px
}
.dropzone .dz-preview.dz-processing .dz-progress
{
opacity:1;
-webkit-transition:all .2s linear;
transition:all .2s linear
}
.dropzone .dz-preview.dz-complete .dz-progress
{
opacity:0;
-webkit-transition:opacity .4s ease-in;
transition:opacity .4s ease-in
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress
{
-webkit-animation:pulse 6s ease infinite;
animation:pulse 6s ease infinite
}
.dropzone .dz-preview .dz-progress
{
opacity:1;
z-index:1000;
pointer-events:none;
position:absolute;
height:16px;
left:50%;
top:50%;
margin-top:-8px;
width:80px;
margin-left:-40px;
background:rgba(255,255,255,.9);
-webkit-transform:scale(1);
border-radius:8px;
overflow:hidden
}
.dropzone .dz-preview .dz-progress .dz-upload
{
background:#333;
background:-webkit-gradient(linear,left top,left bottom,from(#666),to(#444));
background:linear-gradient(to bottom,#666,#444);
position:absolute;
top:0;
left:0;
bottom:0;
width:0;
-webkit-transition:width .3s ease-in-out;
transition:width .3s ease-in-out
}
.dropzone .dz-preview.dz-error .dz-error-message
{
display:block
}
.dropzone .dz-preview.dz-error:hover .dz-error-message
{
opacity:1;
pointer-events:auto
}
.dropzone .dz-preview .dz-error-message
{
pointer-events:none;
z-index:1000;
position:absolute;
display:block;
display:none;
opacity:0;
-webkit-transition:opacity .3s ease;
transition:opacity .3s ease;
border-radius:8px;
font-size:13px;
top:130px;
left:-10px;
width:140px;
background:#be2626;
background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));
background:linear-gradient(to bottom,#be2626,#a92222);
padding:.5em 1.2em;
color:#fff
}
.dropzone .dz-preview .dz-error-message:after
{
content:"";
position:absolute;
top:-6px;
left:64px;
width:0;
height:0;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #be2626
}
.gmaps
{
height:300px;
background:#fafbfb;
border-radius:3px
}
.overlay
{
display:block;
text-align:center;
color:#fff;
font-size:14px;
line-height:20px;
background:#0b51b7;
border-radius:4px;
padding:5px 15px
}
.overlay_arrow
{
left:50%;
margin-left:-16px;
width:0;
height:0;
position:absolute
}
.overlay_arrow.above
{
bottom:-9px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #0b51b7
}
.overlay_arrow.below
{
top:-9px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #0b51b7
}
.svgMap-map-wrapper
{
position:relative;
width:100%;
padding-top:50%;
overflow:hidden;
background:#fafbfb
}
.fc-event
{
border-radius:2px;
border:none;
cursor:move;
font-size:13px;
margin:5px;
padding:7px 5px;
text-align:center;
background-color:rgba(11,81,183,.18);
color:#0b51b7
}
.fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2
{
font-size:16px;
text-transform:uppercase
}
.fc .fc-toolbar.fc-header-toolbar
{
margin-bottom:1rem
}
.fc .fc-col-header-cell-cushion
{
padding:10px 0
}
.fc .fc-button
{
font-size:.8125rem
}
.fc .fc-button-primary
{
background:0 0;
border:1px solid #eceff5;
color:#7081b9;
text-transform:capitalize;
text-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}
.fc .fc-button-primary:hover
{
background:#0b51b7;
color:#fff;
border-color:#fff
}
.fc .fc-button-primary.active,.fc .fc-button-primary:active,.fc .fc-button-primary:focus
{
text-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}
.fc .fc-button-primary:disabled
{
background:rgba(11,81,183,.1);
color:#0b51b7;
border-color:#fff;
opacity:1
}
.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active
{
background:#0b51b7;
color:#fff;
border-color:#fff
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus
{
-webkit-box-shadow:none;
box-shadow:none
}
.fc-license-message
{
display:none
}
.fc-theme-standard .fc-scrollgrid,.fc-theme-standard td,.fc-theme-standard th
{
border:1px solid #eceff5
}
.fc-day-other
{
background-image:linear-gradient(-45deg,#fff 25%,transparent 25%,transparent 50%,#fff 50%,#f1f5fa 75%,transparent 75%,transparent);
background-size:10px 10px
}
.fc-h-event .fc-event-main
{
color:#8997bd
}
.litepicker
{
-webkit-box-shadow:none;
box-shadow:none;
font-family:Roboto,sans-serif;
background-color:#fff;
border:1px solid #eceff5;
z-index:99;
width:100%;
font-size:.8125rem
}
.litepicker .container__main
{
width:100%
}
.litepicker .container__main .month-item
{
width:100%
}
.litepicker .container__months
{
width:100%;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#fff
}
.litepicker .container__months .month-item-weekdays-row>div
{
font-size:12px;
font-weight:500;
color:#000444
}
.litepicker .container__months .month-item-header div>.month-item-name,.litepicker .container__months .month-item-header div>.month-item-year
{
color:#000444
}
.litepicker .container__days>a,.litepicker .container__days>div
{
width:14.2857142857%;
padding:12px 0
}
.litepicker .container__days .day-item
{
font-size:12px;
color:#303e67;
-webkit-transition:none;
transition:none
}
.litepicker .container__days .day-item.is-today
{
background-color:rgba(11,81,183,.08);
color:#0b51b7
}
.litepicker .container__days .day-item:hover
{
-webkit-box-shadow:none;
box-shadow:none;
background-color:rgba(11,81,183,.08);
color:#0b51b7
}
label.btn
{
margin-bottom:0
}
.d-flex>.btn
{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.carbonads
{
border:1px solid #ccc;
border-radius:.25rem;
font-size:.875rem;
overflow:hidden;
padding:1rem
}
.carbon-wrap
{
overflow:hidden
}
.carbon-img
{
clear:left;
display:block;
float:left
}
.carbon-poweredby,.carbon-text
{
display:block;
margin-left:140px
}
.carbon-text,.carbon-text:focus,.carbon-text:hover
{
color:#fff;
text-decoration:none
}
.carbon-poweredby,.carbon-poweredby:focus,.carbon-poweredby:hover
{
color:#ddd;
text-decoration:none
}
@media (min-width:768px)
{
.carbonads
{
float:right;
margin-bottom:-1rem;
margin-top:-1rem;
max-width:360px
}

}
.footer
{
font-size:.875rem
}
.heart
{
color:#ddd;
display:block;
height:2rem;
line-height:2rem;
margin-bottom:0;
margin-top:1rem;
position:relative;
text-align:center;
width:100%
}
.heart:hover
{
color:#ff4136
}
.heart::before
{
border-top:1px solid #eee;
content:" ";
display:block;
height:0;
left:0;
position:absolute;
right:0;
top:50%
}
.heart::after
{
background-color:#fff;
content:"♥";
padding-left:.5rem;
padding-right:.5rem;
position:relative;
z-index:1
}
.docs-demo
{
margin-bottom:1rem;
overflow:hidden;
padding:2px
}
.img-container,.img-preview
{
background-color:#f7f7f7;
text-align:center;
width:100%
}
.img-container
{
max-height:497px;
min-height:200px
}
@media (min-width:768px)
{
.img-container
{
min-height:497px
}

}
.img-container>img
{
max-width:100%
}
.docs-preview
{
margin-right:-1rem
}
.img-preview
{
float:left;
margin-bottom:.5rem;
margin-right:.5rem;
overflow:hidden
}
.img-preview>img
{
max-width:100%
}
.preview-lg
{
height:9rem;
width:16rem
}
.preview-md
{
height:4.5rem;
width:8rem
}
.preview-sm
{
height:2.25rem;
width:4rem
}
.preview-xs
{
height:1.125rem;
margin-right:0;
width:2rem
}
.docs-data>.input-group
{
margin-bottom:.5rem
}
.docs-data .input-group-prepend .input-group-text
{
min-width:4rem
}
.docs-data .input-group-append .input-group-text
{
min-width:3rem
}
.docs-buttons>.btn,.docs-buttons>.btn-group,.docs-buttons>.form-control
{
margin-bottom:.5rem;
margin-right:.25rem
}
.docs-toggles>.btn,.docs-toggles>.btn-group,.docs-toggles>.dropdown
{
margin-bottom:.5rem
}
.docs-tooltip
{
display:block;
margin:-.5rem -.75rem;
padding:.5rem .75rem
}
.docs-tooltip>.icon
{
margin:0 -.25rem;
vertical-align:top
}
.tooltip-inner
{
white-space:normal
}
.btn-toggle .tooltip-inner,.btn-upload .tooltip-inner
{
white-space:nowrap
}
.btn-toggle
{
padding:.5rem
}
.btn-toggle>.docs-tooltip
{
margin:-.5rem;
padding:.5rem
}
@media (max-width:400px)
{
.btn-group-crop
{
margin-right:-1rem!important
}
.btn-group-crop>.btn
{
padding-left:.5rem;
padding-right:.5rem
}
.btn-group-crop .docs-tooltip
{
margin-left:-.5rem;
margin-right:-.5rem;
padding-left:.5rem;
padding-right:.5rem
}

}
.docs-options .dropdown-menu
{
width:100%
}
.docs-options .dropdown-menu>li
{
font-size:.875rem;
padding:.125rem 1rem
}
.docs-options .dropdown-menu .form-check-label
{
display:block
}
.docs-cropped .modal-body
{
text-align:center
}
.docs-cropped .modal-body>canvas,.docs-cropped .modal-body>img
{
max-width:100%
}
.scroll-rightbar
{
max-height:500px
}
.icon-dual
{
color:#a1acb8;
fill:rgba(161,172,184,.12)
}
.icon-sm
{
height:22px;
width:22px
}
.icon-md
{
height:26px;
width:26px
}
.icon-lg
{
height:32px;
width:32px
}
hr.hr-dashed
{
margin-top:1rem;
margin-bottom:1rem;
border:0;
border-top:1px dashed #e8ebf3;
-webkit-box-sizing:content-box;
box-sizing:content-box;
height:0;
background-color:transparent;
overflow:visible
}
.thumb-xxs
{
height:24px!important;
width:24px!important;
font-size:10px;
font-weight:700
}
.thumb-xs
{
height:32px!important;
width:32px!important;
font-size:12px;
font-weight:700
}
.thumb-sm
{
height:36px!important;
width:36px!important;
font-size:14px;
font-weight:700
}
.thumb-md
{
height:48px;
width:48px;
font-size:18px;
font-weight:700
}
.thumb-lg
{
height:60px;
width:60px;
font-size:24px;
font-weight:700
}
.thumb-xl
{
height:78px;
width:78px;
font-size:32px;
font-weight:700
}
.badge
{
line-height:10px
}
.header-title,.title-text
{
margin-bottom:8px;
text-transform:capitalize;
letter-spacing:.02em;
font-size:15px;
font-weight:500;
margin-top:0;
color:#303e67;
text-shadow:0 0 1px rgba(241,245,250,.1);
font-family:Roboto,sans-serif
}
.page-title-box
{
padding:16px 0
}
.page-title-box .page-title
{
font-size:18px;
margin:0;
color:#303e67
}
.page-title-box .breadcrumb
{
font-size:13px;
margin-bottom:0;
padding:2px 0;
background-color:transparent
}
.dual-border:after
{
content:"";
height:3px;
width:80px;
position:absolute;
top:20px;
left:0;
border:1px dotted #0b51b7;
border-radius:63px
}
.dash-info-carousel .carousel-item h2
{
font-weight:500;
color:#303e67;
font-size:16px
}
.dash-info-carousel .carousel-control-next,.dash-info-carousel .carousel-control-prev
{
width:30px;
height:30px;
background-color:#fafbfb;
border-radius:50%;
opacity:1
}
.dash-info-carousel .carousel-control-next:hover,.dash-info-carousel .carousel-control-prev:hover
{
opacity:.9
}
.dash-info-carousel .carousel-control-prev
{
left:auto;
right:38px;
top:0;
border:1px solid #eceff5
}
.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon
{
background-image:none
}
.dash-info-carousel .carousel-control-prev:after
{
content:"\f104";
font-family:"Line Awesome Free";
font-weight:900;
font-size:.875rem;
color:#303e67;
line-height:1.875rem;
position:absolute
}
.dash-info-carousel .carousel-control-next
{
left:auto;
right:0;
top:0;
border:1px solid #eceff5
}
.dash-info-carousel .carousel-control-next .carousel-control-next-icon
{
background-image:none;
width:0
}
.dash-info-carousel .carousel-control-next:after
{
content:"\f105";
font-family:"Line Awesome Free";
font-weight:900;
font-size:.875rem;
color:#303e67;
line-height:1.875rem
}
:not(pre)>code[class*=language-],pre[class*=language-]
{
background:#fafbfb
}
.popover
{
border-color:#eaf0f9
}
.popover .popover-header
{
margin-top:0;
background-color:#f1f5fa
}
.eco-revene-history .nav .nav-item .nav-link.active
{
color:#000444;
background-color:#fafbfb
}
.icon-demo-content
{
text-align:center
}
.icon-demo-content i
{
display:block;
font-size:30px;
margin:0 auto 5px;
color:#7081b9
}
.icon-demo-content svg
{
display:block;
font-size:30px;
margin:0 auto 5px;
color:#7081b9
}
.icon-demo-content .col-sm-6
{
margin-bottom:40px
}
.icon-demo-content .col-sm-6:hover i
{
color:#0b51b7
}
.icon-demo-content .col-sm-6:hover path:nth-of-type(1)
{
fill:#0b51b7
}
.icon-demo-content .col-sm-6:hover path:nth-of-type(2)
{
fill:#7081b9
}
.icon-xs
{
width:15px;
height:15px
}
.icon-sm
{
width:22px;
height:22px
}
.icon-md
{
width:30px;
height:30px
}
.icon-lg
{
width:36px;
height:36px
}
.icon-xl
{
width:42px;
height:42px
}
.br-theme-bars-square .br-widget a
{
background-color:#fff
}
.br-theme-css-stars .br-widget a:after,.br-theme-fontawesome-stars .br-widget a:after,.br-theme-fontawesome-stars-o .br-widget a:after
{
color:#eaf0f9
}
code[class*=language-],pre[class*=language-]
{
text-shadow:none;
color:#303e67
}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url
{
color:#fff;
background:#0b51b7
}
.icon-demo-content.emoji-icons i
{
display:block;
font-size:18px;
margin:0 auto 8px
}
.lightpick
{
-webkit-box-shadow:none;
box-shadow:none;
font-family:Roboto,sans-serif;
background-color:#fff;
border:1px solid #eceff5;
z-index:99
}
.lightpick.lightpick--inlined
{
display:block
}
.lightpick .lightpick__month
{
width:100%;
background-color:#fff
}
.lightpick .lightpick__day
{
color:#8997bd
}
.lightpick .lightpick__close-action,.lightpick .lightpick__next-action,.lightpick .lightpick__previous-action
{
background-color:#f1f5fa;
padding-bottom:4px
}
.lightpick .lightpick__month-title-bar
{
margin-bottom:22px
}
.lightpick .lightpick__month-title-bar .lightpick__month-title>.lightpick__select-months
{
color:#303e67;
font-weight:500
}
.lightpick .lightpick__day-of-the-week
{
color:#303e67;
font-weight:500;
font-size:13px
}
.lightpick .lightpick__day.is-end-date,.lightpick .lightpick__day.is-end-date:hover,.lightpick .lightpick__day.is-start-date,.lightpick .lightpick__day.is-start-date:hover,.lightpick .lightpick__day.is-today,.lightpick .lightpick__day:not(.is-disabled):hover
{
color:#0b51b7;
background-color:#f1f5fa;
background-image:none;
font-weight:500;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:40px;
height:40px;
text-align:center;
border-radius:50%;
margin:0 auto
}
.lightpick .lightpick__day.is-today
{
border:3px solid #fafbfb;
-webkit-box-shadow:0 0 0 1.25px #f1f5fa;
box-shadow:0 0 0 1.25px #f1f5fa;
font-weight:600
}
.lightpick .lightpick__month-title>.lightpick__select
{
color:#303e67
}
.lightpick .lightpick__toolbar .lightpick__next-action,.lightpick .lightpick__toolbar .lightpick__previous-action
{
color:#303e67
}
.task-box .task-priority-icon i
{
border:5px solid #fafbfb;
border-radius:50%;
position:absolute;
top:-5px;
left:-5px
}
.lang-css .pln,.lang-css .pun
{
color:#000444
}
.starability-basic,.starability-checkmark,.starability-fade,.starability-grow,.starability-growRotate,.starability-slot
{
min-height:auto
}
.tox-notifications-container
{
display:none
}
.preview-box
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:auto
}
.preview-box .preview-content
{
width:auto;
height:50px;
max-width:100%;
border-radius:5px
}
div.hopscotch-bubble
{
background-color:#fff;
color:#000444;
border:1px solid #eceff5
}
div.hopscotch-bubble h3
{
color:#000444
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow
{
border-bottom:17px solid #fff
}
.folder-icon div.listree-submenu-heading.collapsed:before
{
content:"\f07b";
font-family:"Font Awesome 5 Free"
}
.folder-icon div.listree-submenu-heading.expanded:before
{
content:"\f07c";
font-family:"Font Awesome 5 Free"
}
.tobii-zoom__icon
{
display:none
}
.tobii-zoom
{
display:block!important
}
.analytic-dash-activity
{
height:345px
}
.border-b
{
border-bottom:1px solid #eceff5
}
.border-e
{
border-right:1px solid #eceff5;
border-bottom:none
}
@media (min-width:767.99px) and (max-width:991.98px)
{
.border-bo
{
border-bottom:1px solid #eceff5
}

}
@media (max-width:767.98px)
{
.border-b
{
border-bottom:1px solid #eceff5;
border-right:none
}

}
.tabulator-row .tabulator-cell div[data-max="100"]
{
background-color:rgba(11,81,183,.5)!important;
height:3px!important
}
.timeline-custom
{
position:relative;
border-left:1px dashed #eceff5
}
.timeline-custom .time-item
{
position:relative;
padding:8px 0
}
.time-item-item:before,.time-item:before
{
display:table;
content:" "
}
.time-item:before
{
position:absolute;
bottom:0;
left:4px;
top:12px;
width:8px;
height:8px;
margin-left:-8px;
background-color:#0b51b7;
border-radius:10px;
content:""
}
.item-info
{
margin-left:15px
}
.country-reports
{
position:absolute
}
.country-reports .country-data
{
position:relative;
z-index:10
}
.country-reports .country-data:before
{
position:absolute;
content:"";
width:14px;
height:14px;
background:#fff;
left:50%;
bottom:-6px;
-webkit-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg);
z-index:-1;
border:1px solid #eceff5
}
.country-reports.country-ind
{
top:43%;
right:24%
}
.country-reports.country-usa
{
top:29%;
left:18%
}
.text-slider
{
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.text-slider>ul
{
white-space:nowrap
}
.text-slider .move-text
{
-webkit-animation:moveSlideshow 12s linear infinite;
animation:moveSlideshow 12s linear infinite
}
@-webkit-keyframes moveSlideshow
{
100%
{
-webkit-transform:translateX(-45%);
transform:translateX(-45%)
}

}
@keyframes moveSlideshow
{
100%
{
-webkit-transform:translateX(-45%);
transform:translateX(-45%)
}

}
.text-slider .mover
{
-webkit-animation:mover 1s infinite alternate;
animation:mover 1s infinite alternate
}
@-webkit-keyframes mover
{
0%
{
-webkit-transform:translateY(0);
transform:translateY(0)
}
100%
{
-webkit-transform:translateY(5px);
transform:translateY(5px)
}

}
@keyframes mover
{
0%
{
-webkit-transform:translateY(0);
transform:translateY(0)
}
100%
{
-webkit-transform:translateY(5px);
transform:translateY(5px)
}

}
.socials a i
{
width:28px;
height:28px;
line-height:28px;
text-align:center;
border-radius:50%;
border:1px solid #eaf0f9;
color:#7081b9;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.socials a:hover i.fa-facebook-f
{
color:#0b51b7;
border:1px solid
}
.socials a:hover i.fa-twitter
{
color:#41cbd8;
border:1px solid
}
.socials a:hover i.fa-medium-m
{
color:#ef4d56;
border:1px solid
}
.socials a:hover i.fa-telegram
{
color:#22b783;
border:1px solid
}
.socials a:hover i.fa-btc
{
color:#ff9f43;
border:1px solid
}
.cart-promo
{
padding:90px;
background-image:url(../images/products/bg-cart.png);
background-position:center center;
background-size:cover
}
.total-payment
{
border:1px solid #eceff5;
background-color:#fafbfb;
border-radius:3px
}
.shopping-cart .table tbody td,.total-payment .table tbody td
{
padding:20px 10px;
border-top:0;
border-bottom:1px solid #eceff5
}
.checkout-accordion .accordion-button::after
{
display:none
}
ul.listree-submenu-items
{
border-left:1px dashed #e8ebf3
}
html[dir=rtl] .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after
{
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
html[dir=rtl] .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after
{
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
.tobii__btn svg
{
height:30px;
width:auto
}
.tobii__counter
{
font-size:16px
}
.tobii-zoom
{
display:block!important
}
.tobii-zoom__icon
{
display:none
}
#grid
{
padding:0!important
}
.bg-black
{
background-color:#000!important;
color:#fff
}
.bg-card
{
background-color:#fff!important
}
.bg-light-alt
{
background-color:#fbfbfb!important
}
.bg-soft-primary
{
background-color:rgba(11,81,183,.08)!important;
color:#0b51b7!important
}
.bg-soft-primary:hover
{
background-color:#0b51b7!important;
color:#fff!important
}
.bg-soft-primary.not-hover:hover
{
background-color:rgba(11,81,183,.08)!important;
color:#0b51b7!important
}
.icon-dual-primary
{
color:#0b51b7;
fill:rgba(11,81,183,.25)
}
.shadow-primary
{
-webkit-box-shadow:0 6px 20px 0 rgba(11,81,183,.5)!important;
box-shadow:0 6px 20px 0 rgba(11,81,183,.5)!important
}
.bg-soft-secondary
{
background-color:rgba(112,129,185,.08)!important;
color:#7081b9!important
}
.bg-soft-secondary:hover
{
background-color:#7081b9!important;
color:#fff!important
}
.bg-soft-secondary.not-hover:hover
{
background-color:rgba(112,129,185,.08)!important;
color:#7081b9!important
}
.icon-dual-secondary
{
color:#7081b9;
fill:rgba(112,129,185,.25)
}
.shadow-secondary
{
-webkit-box-shadow:0 6px 20px 0 rgba(112,129,185,.5)!important;
box-shadow:0 6px 20px 0 rgba(112,129,185,.5)!important
}
.bg-soft-success
{
background-color:rgba(34,183,131,.08)!important;
color:#22b783!important
}
.bg-soft-success:hover
{
background-color:#22b783!important;
color:#fff!important
}
.bg-soft-success.not-hover:hover
{
background-color:rgba(34,183,131,.08)!important;
color:#22b783!important
}
.icon-dual-success
{
color:#22b783;
fill:rgba(34,183,131,.25)
}
.shadow-success
{
-webkit-box-shadow:0 6px 20px 0 rgba(34,183,131,.5)!important;
box-shadow:0 6px 20px 0 rgba(34,183,131,.5)!important
}
.bg-soft-info
{
background-color:rgba(65,203,216,.08)!important;
color:#41cbd8!important
}
.bg-soft-info:hover
{
background-color:#41cbd8!important;
color:#fff!important
}
.bg-soft-info.not-hover:hover
{
background-color:rgba(65,203,216,.08)!important;
color:#41cbd8!important
}
.icon-dual-info
{
color:#41cbd8;
fill:rgba(65,203,216,.25)
}
.shadow-info
{
-webkit-box-shadow:0 6px 20px 0 rgba(65,203,216,.5)!important;
box-shadow:0 6px 20px 0 rgba(65,203,216,.5)!important
}
.bg-soft-warning
{
background-color:rgba(255,159,67,.08)!important;
color:#ff9f43!important
}
.bg-soft-warning:hover
{
background-color:#ff9f43!important;
color:#fff!important
}
.bg-soft-warning.not-hover:hover
{
background-color:rgba(255,159,67,.08)!important;
color:#ff9f43!important
}
.icon-dual-warning
{
color:#ff9f43;
fill:rgba(255,159,67,.25)
}
.shadow-warning
{
-webkit-box-shadow:0 6px 20px 0 rgba(255,159,67,.5)!important;
box-shadow:0 6px 20px 0 rgba(255,159,67,.5)!important
}
.bg-soft-danger
{
background-color:rgba(239,77,86,.08)!important;
color:#ef4d56!important
}
.bg-soft-danger:hover
{
background-color:#ef4d56!important;
color:#fff!important
}
.bg-soft-danger.not-hover:hover
{
background-color:rgba(239,77,86,.08)!important;
color:#ef4d56!important
}
.icon-dual-danger
{
color:#ef4d56;
fill:rgba(239,77,86,.25)
}
.shadow-danger
{
-webkit-box-shadow:0 6px 20px 0 rgba(239,77,86,.5)!important;
box-shadow:0 6px 20px 0 rgba(239,77,86,.5)!important
}
.bg-soft-light
{
background-color:rgba(250,251,251,.08)!important;
color:#fafbfb!important
}
.bg-soft-light:hover
{
background-color:#fafbfb!important;
color:#fff!important
}
.bg-soft-light.not-hover:hover
{
background-color:rgba(250,251,251,.08)!important;
color:#fafbfb!important
}
.icon-dual-light
{
color:#fafbfb;
fill:rgba(250,251,251,.25)
}
.shadow-light
{
-webkit-box-shadow:0 6px 20px 0 rgba(250,251,251,.5)!important;
box-shadow:0 6px 20px 0 rgba(250,251,251,.5)!important
}
.bg-soft-dark
{
background-color:rgba(0,4,68,.08)!important;
color:#000444!important
}
.bg-soft-dark:hover
{
background-color:#000444!important;
color:#fff!important
}
.bg-soft-dark.not-hover:hover
{
background-color:rgba(0,4,68,.08)!important;
color:#000444!important
}
.icon-dual-dark
{
color:#000444;
fill:rgba(0,4,68,.25)
}
.shadow-dark
{
-webkit-box-shadow:0 6px 20px 0 rgba(0,4,68,.5)!important;
box-shadow:0 6px 20px 0 rgba(0,4,68,.5)!important
}
.bg-soft-pink
{
background-color:rgba(253,60,151,.08)!important;
color:#fd3c97!important
}
.bg-soft-pink:hover
{
background-color:#fd3c97!important;
color:#fff!important
}
.bg-soft-pink.not-hover:hover
{
background-color:rgba(253,60,151,.08)!important;
color:#fd3c97!important
}
.icon-dual-pink
{
color:#fd3c97;
fill:rgba(253,60,151,.25)
}
.shadow-pink
{
-webkit-box-shadow:0 6px 20px 0 rgba(253,60,151,.5)!important;
box-shadow:0 6px 20px 0 rgba(253,60,151,.5)!important
}
.bg-soft-purple
{
background-color:rgba(109,129,245,.08)!important;
color:#6d81f5!important
}
.bg-soft-purple:hover
{
background-color:#6d81f5!important;
color:#fff!important
}
.bg-soft-purple.not-hover:hover
{
background-color:rgba(109,129,245,.08)!important;
color:#6d81f5!important
}
.icon-dual-purple
{
color:#6d81f5;
fill:rgba(109,129,245,.25)
}
.shadow-purple
{
-webkit-box-shadow:0 6px 20px 0 rgba(109,129,245,.5)!important;
box-shadow:0 6px 20px 0 rgba(109,129,245,.5)!important
}
.bg-soft-blue
{
background-color:rgba(11,81,183,.08)!important;
color:#0b51b7!important
}
.bg-soft-blue:hover
{
background-color:#0b51b7!important;
color:#fff!important
}
.bg-soft-blue.not-hover:hover
{
background-color:rgba(11,81,183,.08)!important;
color:#0b51b7!important
}
.icon-dual-blue
{
color:#0b51b7;
fill:rgba(11,81,183,.25)
}
.shadow-blue
{
-webkit-box-shadow:0 6px 20px 0 rgba(11,81,183,.5)!important;
box-shadow:0 6px 20px 0 rgba(11,81,183,.5)!important
}
.icon-dual-2
{
color:#7081b9;
fill:rgba(112,129,185,.25)
}
.avatar-box
{
position:relative;
display:inline-block
}
.avatar-box .avatar-title
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
height:100%;
color:#fafbfb;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.avatar-md
{
height:36px;
width:36px;
line-height:36px;
text-align:center;
border-radius:50%;
font-size:18px;
display:inline-block
}
.img-group .avatar-badge
{
position:absolute;
right:1px;
width:8px;
height:8px;
border-radius:8px;
-webkit-box-shadow:0 0 0 2px #fff;
box-shadow:0 0 0 2px #fff;
z-index:2
}
.img-group .user-avatar
{
position:relative;
display:inline-block
}
.img-group .user-avatar:focus,.img-group .user-avatar:hover
{
z-index:2
}
.img-group .user-avatar .online
{
background:#22b783
}
.img-group .user-avatar .offline
{
background:#b6c2e4
}
.img-group .user-avatar img
{
-webkit-box-shadow:0 0 0 2px #fafbfb;
box-shadow:0 0 0 2px #fafbfb
}
.files-nav .nav .nav-link
{
padding:10px;
color:#303e67;
margin-bottom:10px;
font-weight:500;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.files-nav .nav .nav-link .icon-dual-file
{
color:#8997bd;
fill:rgba(137,151,189,.12)
}
.files-nav .nav .nav-link h5
{
color:#303e67;
font-size:13px;
font-weight:500
}
.files-nav .nav .nav-link small
{
color:#8997bd;
font-size:10px
}
.files-nav .nav .nav-link.active
{
background-color:rgba(137,151,189,.08);
color:#303e67
}
.files-nav .nav .nav-link.active .icon-dual-file
{
color:#0b51b7;
fill:rgba(11,81,183,.12)
}
.file-box-content
{
margin-bottom:-16px
}
.file-box-content .file-box
{
border:1px solid #eceff5;
border-radius:5px;
padding:20px;
width:160px;
display:inline-block;
margin-right:5px;
margin-bottom:16px;
background-color:#fff
}
.file-box-content .file-box .download-icon-link
{
color:#7081b9
}
.file-box-content .file-box .download-icon-link .file-download-icon
{
font-size:13px;
position:relative;
top:-10px;
left:110px
}
.file-box-content .file-box .download-icon-link:hover
{
color:#0b51b7
}
.file-box-content .file-box i
{
font-size:36px
}
.file-category
{
width:100%
}
.file-category .file-category-block
{
text-align:center;
margin-right:20px
}
.file-category .file-category-block .file-category-folder
{
border-bottom:2px solid transparent;
padding:10px 20px!important;
border-radius:18px
}
.file-category .file-category-block .file-category-folder.active
{
border-bottom:2px solid
}
.file-category .file-category-block .file-category-folder i
{
display:block;
font-size:38px
}
.category-icon i
{
font-size:200px;
color:#fafbfb
}
input.add-file-input
{
position:absolute;
opacity:0;
right:0;
top:0
}
.ribbon1
{
position:absolute;
top:-6.1px;
right:10px
}
.ribbon1:after
{
position:absolute;
content:"";
width:0;
height:0;
border-left:30px solid transparent;
border-right:30px solid transparent;
border-top:10px solid
}
.ribbon1 span
{
display:block;
padding:6px 4px 0;
border-top-right-radius:6px;
width:60px;
font-size:11px;
font-weight:500
}
.ribbon1 span:after,.ribbon1 span:before
{
position:absolute;
content:""
}
.ribbon1 span:before
{
height:6px;
width:4px;
left:-4px;
top:0
}
.ribbon1 span:after
{
height:6px;
width:6px;
left:-6px;
top:0;
border-radius:8px 8px 0 0
}
.ribbon1 span.rib1-primary,.ribbon1 span:before
{
background:#0b51b7
}
.ribbon1 span.rib1-primary:after
{
background:#07316f
}
.ribbon1 span.rib1-secondary,.ribbon1 span:before
{
background:#7081b9
}
.ribbon1 span.rib1-secondary:after
{
background:#485a94
}
.ribbon1 span.rib1-success,.ribbon1 span:before
{
background:#22b783
}
.ribbon1 span.rib1-success:after
{
background:#167655
}
.ribbon1 span.rib1-info,.ribbon1 span:before
{
background:#41cbd8
}
.ribbon1 span.rib1-info:after
{
background:#239eaa
}
.ribbon1 span.rib1-warning,.ribbon1 span:before
{
background:#ff9f43
}
.ribbon1 span.rib1-warning:after
{
background:#f67800
}
.ribbon1 span.rib1-danger,.ribbon1 span:before
{
background:#ef4d56
}
.ribbon1 span.rib1-danger:after
{
background:#dc141f
}
.ribbon1 span.rib1-light,.ribbon1 span:before
{
background:#fafbfb
}
.ribbon1 span.rib1-light:after
{
background:#d0d9d9
}
.ribbon1 span.rib1-dark,.ribbon1 span:before
{
background:#000444
}
.ribbon1 span.rib1-dark:after
{
background:#000
}
.ribbon1 span.rib1-pink,.ribbon1 span:before
{
background:#fd3c97
}
.ribbon1 span.rib1-pink:after
{
background:#ea0270
}
.ribbon1 span.rib1-purple,.ribbon1 span:before
{
background:#6d81f5
}
.ribbon1 span.rib1-purple:after
{
background:#2543f0
}
.ribbon1 span.rib1-blue,.ribbon1 span:before
{
background:#0b51b7
}
.ribbon1 span.rib1-blue:after
{
background:#07316f
}
.ribbon1.rib1-primary:after
{
border-top-color:#0b51b7
}
.ribbon1.rib1-secondary:after
{
border-top-color:#7081b9
}
.ribbon1.rib1-success:after
{
border-top-color:#22b783
}
.ribbon1.rib1-info:after
{
border-top-color:#41cbd8
}
.ribbon1.rib1-warning:after
{
border-top-color:#ff9f43
}
.ribbon1.rib1-danger:after
{
border-top-color:#ef4d56
}
.ribbon1.rib1-light:after
{
border-top-color:#fafbfb
}
.ribbon1.rib1-dark:after
{
border-top-color:#000444
}
.ribbon1.rib1-pink:after
{
border-top-color:#fd3c97
}
.ribbon1.rib1-purple:after
{
border-top-color:#6d81f5
}
.ribbon1.rib1-blue:after
{
border-top-color:#0b51b7
}
.ribbon2
{
width:30px;
padding:8px 0;
position:absolute;
top:-6px;
right:12px;
text-align:center;
border-top-left-radius:3px
}
.ribbon2:after,.ribbon2:before
{
content:"";
position:absolute
}
.ribbon2:before
{
height:0;
width:0;
right:-5.5px;
top:.1px;
border-right:6px solid transparent
}
.ribbon2:after
{
height:0;
width:0;
bottom:-18px;
left:0;
border-bottom:18px solid transparent
}
.ribbon2.rib2-primary
{
background:#0b51b7
}
.ribbon2.rib2-primary:before
{
border-bottom:6px solid #07316f
}
.ribbon2.rib2-primary:after
{
border-left:15px solid #0b51b7;
border-right:15px solid #0b51b7
}
.ribbon2.rib2-secondary
{
background:#7081b9
}
.ribbon2.rib2-secondary:before
{
border-bottom:6px solid #485a94
}
.ribbon2.rib2-secondary:after
{
border-left:15px solid #7081b9;
border-right:15px solid #7081b9
}
.ribbon2.rib2-success
{
background:#22b783
}
.ribbon2.rib2-success:before
{
border-bottom:6px solid #167655
}
.ribbon2.rib2-success:after
{
border-left:15px solid #22b783;
border-right:15px solid #22b783
}
.ribbon2.rib2-info
{
background:#41cbd8
}
.ribbon2.rib2-info:before
{
border-bottom:6px solid #239eaa
}
.ribbon2.rib2-info:after
{
border-left:15px solid #41cbd8;
border-right:15px solid #41cbd8
}
.ribbon2.rib2-warning
{
background:#ff9f43
}
.ribbon2.rib2-warning:before
{
border-bottom:6px solid #f67800
}
.ribbon2.rib2-warning:after
{
border-left:15px solid #ff9f43;
border-right:15px solid #ff9f43
}
.ribbon2.rib2-danger
{
background:#ef4d56
}
.ribbon2.rib2-danger:before
{
border-bottom:6px solid #dc141f
}
.ribbon2.rib2-danger:after
{
border-left:15px solid #ef4d56;
border-right:15px solid #ef4d56
}
.ribbon2.rib2-light
{
background:#fafbfb
}
.ribbon2.rib2-light:before
{
border-bottom:6px solid #d0d9d9
}
.ribbon2.rib2-light:after
{
border-left:15px solid #fafbfb;
border-right:15px solid #fafbfb
}
.ribbon2.rib2-dark
{
background:#000444
}
.ribbon2.rib2-dark:before
{
border-bottom:6px solid #000
}
.ribbon2.rib2-dark:after
{
border-left:15px solid #000444;
border-right:15px solid #000444
}
.ribbon2.rib2-pink
{
background:#fd3c97
}
.ribbon2.rib2-pink:before
{
border-bottom:6px solid #ea0270
}
.ribbon2.rib2-pink:after
{
border-left:15px solid #fd3c97;
border-right:15px solid #fd3c97
}
.ribbon2.rib2-purple
{
background:#6d81f5
}
.ribbon2.rib2-purple:before
{
border-bottom:6px solid #2543f0
}
.ribbon2.rib2-purple:after
{
border-left:15px solid #6d81f5;
border-right:15px solid #6d81f5
}
.ribbon2.rib2-blue
{
background:#0b51b7
}
.ribbon2.rib2-blue:before
{
border-bottom:6px solid #07316f
}
.ribbon2.rib2-blue:after
{
border-left:15px solid #0b51b7;
border-right:15px solid #0b51b7
}
.ribbon3
{
text-align:center;
width:70px;
height:26px;
line-height:26px;
padding-right:12px;
position:absolute;
right:-8px;
top:10px;
font-size:11px;
font-weight:500
}
.ribbon3:after,.ribbon3:before
{
content:"";
position:absolute
}
.ribbon3:before
{
height:0;
width:0;
bottom:-8.5px;
right:.1px;
border-right:9px solid transparent
}
.ribbon3:after
{
height:0;
width:0;
left:-14.5px;
border-bottom:13px solid transparent;
border-top:13px solid transparent
}
.ribbon3.rib3-primary
{
background:#0b51b7
}
.ribbon3.rib3-primary:before
{
border-top:9px solid #07316f
}
.ribbon3.rib3-primary:after
{
border-right:15px solid #0b51b7
}
.ribbon3.rib3-secondary
{
background:#7081b9
}
.ribbon3.rib3-secondary:before
{
border-top:9px solid #485a94
}
.ribbon3.rib3-secondary:after
{
border-right:15px solid #7081b9
}
.ribbon3.rib3-success
{
background:#22b783
}
.ribbon3.rib3-success:before
{
border-top:9px solid #167655
}
.ribbon3.rib3-success:after
{
border-right:15px solid #22b783
}
.ribbon3.rib3-info
{
background:#41cbd8
}
.ribbon3.rib3-info:before
{
border-top:9px solid #239eaa
}
.ribbon3.rib3-info:after
{
border-right:15px solid #41cbd8
}
.ribbon3.rib3-warning
{
background:#ff9f43
}
.ribbon3.rib3-warning:before
{
border-top:9px solid #f67800
}
.ribbon3.rib3-warning:after
{
border-right:15px solid #ff9f43
}
.ribbon3.rib3-danger
{
background:#ef4d56
}
.ribbon3.rib3-danger:before
{
border-top:9px solid #dc141f
}
.ribbon3.rib3-danger:after
{
border-right:15px solid #ef4d56
}
.ribbon3.rib3-light
{
background:#fafbfb
}
.ribbon3.rib3-light:before
{
border-top:9px solid #d0d9d9
}
.ribbon3.rib3-light:after
{
border-right:15px solid #fafbfb
}
.ribbon3.rib3-dark
{
background:#000444
}
.ribbon3.rib3-dark:before
{
border-top:9px solid #000
}
.ribbon3.rib3-dark:after
{
border-right:15px solid #000444
}
.ribbon3.rib3-pink
{
background:#fd3c97
}
.ribbon3.rib3-pink:before
{
border-top:9px solid #ea0270
}
.ribbon3.rib3-pink:after
{
border-right:15px solid #fd3c97
}
.ribbon3.rib3-purple
{
background:#6d81f5
}
.ribbon3.rib3-purple:before
{
border-top:9px solid #2543f0
}
.ribbon3.rib3-purple:after
{
border-right:15px solid #6d81f5
}
.ribbon3.rib3-blue
{
background:#0b51b7
}
.ribbon3.rib3-blue:before
{
border-top:9px solid #07316f
}
.ribbon3.rib3-blue:after
{
border-right:15px solid #0b51b7
}
.ribbon4
{
width:100%;
height:188px;
position:absolute;
top:-8px;
left:8px;
overflow:hidden
}
.ribbon4:after,.ribbon4:before
{
content:"";
position:absolute
}
.ribbon4:before
{
width:40px;
height:8px;
right:44px;
border-radius:8px 8px 0 0
}
.ribbon4:after
{
width:8px;
height:40px;
right:0;
top:44px;
border-radius:0 8px 8px 0
}
.ribbon4.rib4-primary:after,.ribbon4.rib4-primary:before
{
background:#083c87
}
.ribbon4.rib4-secondary:after,.ribbon4.rib4-secondary:before
{
background:#5164a5
}
.ribbon4.rib4-success:after,.ribbon4.rib4-success:before
{
background:#1a8c64
}
.ribbon4.rib4-info:after,.ribbon4.rib4-info:before
{
background:#27b2bf
}
.ribbon4.rib4-warning:after,.ribbon4.rib4-warning:before
{
background:#ff8510
}
.ribbon4.rib4-danger:after,.ribbon4.rib4-danger:before
{
background:#eb1e2a
}
.ribbon4.rib4-light:after,.ribbon4.rib4-light:before
{
background:#dee4e4
}
.ribbon4.rib4-dark:after,.ribbon4.rib4-dark:before
{
background:#000111
}
.ribbon4.rib4-pink:after,.ribbon4.rib4-pink:before
{
background:#fc0a7c
}
.ribbon4.rib4-purple:after,.ribbon4.rib4-purple:before
{
background:#3d58f2
}
.ribbon4.rib4-blue:after,.ribbon4.rib4-blue:before
{
background:#083c87
}
.ribbon4 .ribbon4-band
{
width:170px;
height:20px;
line-height:20px;
position:absolute;
top:16px;
right:-50px;
z-index:2;
overflow:hidden;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border:1px dashed;
text-align:center;
font-size:11px;
font-weight:500
}
.ribbon4 .ribbon4-band.ribbon4-band-primary
{
-webkit-box-shadow:0 0 0 3px #0b51b7,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #0b51b7,0 21px 5px -18px rgba(48,62,103,.6);
background:#0b51b7
}
.ribbon4 .ribbon4-band.ribbon4-band-secondary
{
-webkit-box-shadow:0 0 0 3px #7081b9,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #7081b9,0 21px 5px -18px rgba(48,62,103,.6);
background:#7081b9
}
.ribbon4 .ribbon4-band.ribbon4-band-success
{
-webkit-box-shadow:0 0 0 3px #22b783,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #22b783,0 21px 5px -18px rgba(48,62,103,.6);
background:#22b783
}
.ribbon4 .ribbon4-band.ribbon4-band-info
{
-webkit-box-shadow:0 0 0 3px #41cbd8,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #41cbd8,0 21px 5px -18px rgba(48,62,103,.6);
background:#41cbd8
}
.ribbon4 .ribbon4-band.ribbon4-band-warning
{
-webkit-box-shadow:0 0 0 3px #ff9f43,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #ff9f43,0 21px 5px -18px rgba(48,62,103,.6);
background:#ff9f43
}
.ribbon4 .ribbon4-band.ribbon4-band-danger
{
-webkit-box-shadow:0 0 0 3px #ef4d56,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #ef4d56,0 21px 5px -18px rgba(48,62,103,.6);
background:#ef4d56
}
.ribbon4 .ribbon4-band.ribbon4-band-light
{
-webkit-box-shadow:0 0 0 3px #fafbfb,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #fafbfb,0 21px 5px -18px rgba(48,62,103,.6);
background:#fafbfb
}
.ribbon4 .ribbon4-band.ribbon4-band-dark
{
-webkit-box-shadow:0 0 0 3px #000444,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #000444,0 21px 5px -18px rgba(48,62,103,.6);
background:#000444
}
.ribbon4 .ribbon4-band.ribbon4-band-pink
{
-webkit-box-shadow:0 0 0 3px #fd3c97,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #fd3c97,0 21px 5px -18px rgba(48,62,103,.6);
background:#fd3c97
}
.ribbon4 .ribbon4-band.ribbon4-band-purple
{
-webkit-box-shadow:0 0 0 3px #6d81f5,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #6d81f5,0 21px 5px -18px rgba(48,62,103,.6);
background:#6d81f5
}
.ribbon4 .ribbon4-band.ribbon4-band-blue
{
-webkit-box-shadow:0 0 0 3px #0b51b7,0 21px 5px -18px rgba(48,62,103,.6);
box-shadow:0 0 0 3px #0b51b7,0 21px 5px -18px rgba(48,62,103,.6);
background:#0b51b7
}
.pricingTable1 .title1
{
color:#303e67;
font-size:18px;
font-weight:600;
text-transform:capitalize
}
.pricingTable1 .amount
{
display:block;
position:relative;
font-size:30px;
font-weight:700;
font-family:Roboto,sans-serif;
color:#303e67
}
.pricingTable1 .amount.amount-border::after
{
content:"";
position:absolute;
height:6px;
background-color:rgba(255,159,67,.6);
top:28px;
width:100%;
right:0;
border-radius:30px;
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
.pricingTable1 .pricing-content-2
{
margin:0
}
.pricingTable1 .pricing-content-2 li
{
color:#303e67;
line-height:40px
}
.pricingTable1 .pricing-content-2 li::before
{
content:"\f00c"!important;
font-family:"Font Awesome 5 Free"!important;
font-weight:600;
font-size:9px;
text-align:center;
background-color:rgba(109,129,245,.1);
color:#6d81f5!important;
width:20px;
height:20px;
line-height:20px;
display:inline-block;
border-radius:50%;
margin-right:5px
}
.pricingTable1 .a-animate-blink
{
-webkit-animation:a-animate-blink 1s step-start 0s infinite;
animation:a-animate-blink 1s step-start 0s infinite;
-webkit-animation-fill-mode:initial;
animation-fill-mode:initial
}
@-webkit-keyframes a-animate-blink
{
50%
{
opacity:0
}

}
@keyframes a-animate-blink
{
50%
{
opacity:0
}

}
.activity-scroll
{
min-height:620px
}
.activity-height
{
height:400px!important
}
.activity .activity-info
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:5px 0;
position:relative;
min-height:60px
}
.activity .activity-info::before
{
content:"";
position:absolute;
bottom:0;
top:42px;
left:18px;
border-left:2px dotted #e8ebf3
}
.activity .activity-info .icon-info-activity i
{
width:36px;
height:36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:50%;
color:#7081b9;
-webkit-box-shadow:0 0 1px .25px;
box-shadow:0 0 1px .25px;
font-size:18px;
border:2px solid #fff;
margin-left:2px
}
.activity .activity-info .activity-info-text
{
margin-left:16px;
width:100%
}
.activity .activity-info .activity-info-text a,.activity .activity-info .activity-info-text span
{
color:#303e67
}
.main-timeline
{
overflow:hidden;
position:relative
}
.main-timeline:before
{
content:"";
width:3px;
height:100%;
background:#fafbfb;
position:absolute;
top:0;
left:50%
}
.main-timeline .timeline
{
padding-right:30px;
position:relative
}
.main-timeline .timeline:after,.main-timeline .timeline:before
{
content:"";
display:block;
width:100%;
clear:both
}
.main-timeline .timeline:first-child:before,.main-timeline .timeline:last-child:before
{
content:"";
width:13px;
height:13px;
border-radius:50%;
border:2px solid #fafbfb;
background:#fff;
margin:0 auto;
position:absolute;
top:0;
left:0;
right:-3px
}
.main-timeline .timeline:last-child:before
{
top:auto;
bottom:0
}
.main-timeline .timeline-icon
{
width:18px;
height:18px;
border-radius:50%;
background:#fff;
border:2px solid #fafbfb;
-webkit-box-sizing:content-box;
box-sizing:content-box;
margin:auto;
position:absolute;
top:0;
left:0;
bottom:0;
right:-4px
}
.main-timeline .timeline-icon:before
{
content:"";
display:block;
width:8px;
height:8px;
border-radius:50%;
background:#41cbd8;
margin:auto;
position:absolute;
top:0;
left:0;
bottom:0;
right:0
}
.main-timeline .year
{
display:inline-block;
padding:8px 20px;
margin:0;
font-size:14px;
color:#fff;
background:#41cbd8;
text-align:center;
position:absolute;
top:50%;
right:35%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.main-timeline .year:before
{
content:"";
border-right:18px solid #41cbd8;
border-top:18px solid transparent;
border-bottom:18px solid transparent;
position:absolute;
top:0;
left:-18px
}
.main-timeline .timeline-content
{
width:46.5%;
padding:20px;
margin:0 20px 0 0;
background:#fafbfb;
position:relative
}
.main-timeline .timeline-content:after
{
content:"";
border-left:20px solid #fafbfb;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
position:absolute;
top:50%;
right:-20px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.main-timeline .title
{
float:left;
font-size:14px;
font-weight:500;
color:#435177;
margin:0 20px 20px 0
}
.main-timeline .post
{
display:inline-block;
font-size:13px;
color:#303e67
}
.main-timeline .description
{
font-size:14px;
color:#303e67;
line-height:24px;
margin:0;
clear:both
}
.main-timeline .timeline:nth-child(2n)
{
padding:0 0 0 30px
}
.main-timeline .timeline:nth-child(2n) .year
{
right:auto;
left:35%
}
.main-timeline .timeline:nth-child(2n) .year:before
{
border:18px solid transparent;
border-right:none;
border-left:18px solid #41cbd8;
left:auto;
right:-18px
}
.main-timeline .timeline:nth-child(2n) .timeline-content
{
float:right;
margin:0 0 0 20px
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after
{
border-left:none;
border-right:20px solid #fafbfb;
right:auto;
left:-20px
}
@media only screen and (max-width:1200px)
{
.main-timeline .year
{
right:30%
}
.main-timeline .timeline:nth-child(2n) .year
{
left:30%
}

}
@media only screen and (max-width:990px)
{
.main-timeline .year
{
right:25%
}
.main-timeline .timeline:nth-child(2n) .year
{
left:25%
}

}
@media only screen and (max-width:767px)
{
.main-timeline:before
{
left:10px
}
.main-timeline .timeline
{
padding:0 0 0 30px;
margin-bottom:20px
}
.main-timeline .timeline:last-child
{
margin-bottom:0
}
.main-timeline .timeline:first-child:before,.main-timeline .timeline:last-child:before
{
display:none
}
.main-timeline .timeline-icon
{
margin:0;
position:absolute;
top:7px;
left:0
}
.main-timeline .timeline:nth-child(2n) .year,.main-timeline .year
{
display:block;
font-weight:700;
margin:0 0 32px 30px;
z-index:1;
position:relative;
top:auto;
left:auto;
right:auto;
-webkit-transform:none;
transform:none
}
.main-timeline .timeline:nth-child(2n) .year:before
{
border-left:none;
border-right:18px solid #41cbd8;
right:auto;
left:-18px
}
.main-timeline .timeline-content
{
padding:20px
}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content
{
width:auto;
float:none;
margin:0 0 0 30px
}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after
{
border:none;
border-bottom:20px solid #fafbfb;
border-left:20px solid transparent;
border-right:20px solid transparent;
top:-20px;
left:50%;
right:auto;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}

}
@media only screen and (max-width:480px)
{
.main-timeline .title
{
float:none;
margin:0
}
.main-timeline .timeline:nth-child(2n) .year,.main-timeline .year
{
margin-left:20px
}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content
{
margin-left:10px
}
.main-timeline .post
{
margin:5px 0
}

}
.met-pro-bg
{
background-repeat:repeat
}
.met-profile .met-profile-main
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.met-profile .met-profile-main .met-profile-main-pic
{
position:relative;
max-width:128px;
max-height:128px;
margin-right:24px
}
.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change
{
cursor:pointer;
background-color:#0b51b7;
border-radius:50%;
width:32px;
height:32px;
position:absolute;
bottom:4px;
right:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-shadow:0 0 20px 0 rgba(250,251,251,.05);
box-shadow:0 0 20px 0 rgba(250,251,251,.05);
border:3px solid #fff
}
.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change i
{
-webkit-transition:all .3s;
transition:all .3s;
color:#fff;
font-size:14px
}
.met-profile .met-profile-main .met-profile_user-detail .met-user-name
{
font-size:24px;
font-weight:600;
margin-bottom:6px
}
.met-profile .met-profile-main .met-profile_user-detail .met-user-name-post
{
color:#7081b9;
font-size:14px
}
.education-activity
{
min-height:400px
}
.met-basic-detail h3
{
font-size:34px;
font-weight:600;
margin-bottom:18px
}
.met-basic-detail p
{
line-height:22px
}
.own-detail
{
padding:20px;
width:145px;
height:145px;
text-align:center;
border-radius:52% 48% 23% 77%/44% 68% 32% 56%;
-webkit-box-shadow:0 0 3px 1.25px #eaf0f9;
box-shadow:0 0 3px 1.25px #eaf0f9
}
.own-detail h1
{
font-weight:600;
color:#fff;
margin-top:0
}
.own-detail h5
{
color:#f2f2f2
}
.own-detail.own-detail-project
{
position:absolute;
top:110px;
left:-60px
}
.own-detail.own-detail-happy
{
position:absolute;
top:110px;
left:60px
}
@media (max-width:767px)
{
.own-detail
{
display:none
}
#settings_detail .dropify-wrapper
{
width:100%!important
}

}
#settings_detail .dropify-wrapper
{
width:16%;
height:164px;
margin-bottom:30px
}
.profile-nav .nav .nav-link
{
padding:10px;
color:#303e67;
margin-bottom:10px;
font-weight:500
}
.profile-nav .nav .nav-link.active
{
background-color:rgba(11,81,183,.05);
color:#0b51b7
}
.profile-card .profile-socials a i
{
width:30px;
height:30px;
line-height:30px;
text-align:center;
border-radius:50%
}
.profile-card .pro-title
{
font-size:18px;
font-weight:600;
color:#303e67;
margin-bottom:5px
}
.profile-card .socials-data h3
{
color:#303e67;
font-family:Roboto,sans-serif;
font-size:18px
}
.skill-detail
{
color:#7081b9;
font-family:Roboto,sans-serif;
font-size:14px
}
.skills .skill-box
{
margin-bottom:30px
}
.skills .skill-box:last-of-type
{
margin-bottom:0
}
.skills .skill-box .skill-title
{
margin-bottom:10px;
color:#303e67;
text-transform:uppercase;
font-size:13px;
font-weight:600
}
.skills .skill-box .progress-line
{
background:#fafbfb;
height:7px;
margin:0;
position:relative;
border:2px solid #fff;
width:100%;
border-radius:10px;
-webkit-box-shadow:0 0 1px .25px #0b51b7;
box-shadow:0 0 1px .25px #0b51b7
}
.skills .skill-box .progress-line>span
{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:0;
background:#0b51b7
}
.skills .skill-box .progress-line>span>.percent-tooltip
{
position:absolute;
right:-15px;
top:-30px;
margin-bottom:10px;
color:#303e67;
text-transform:uppercase;
font-size:13px
}
.profile-activity-height
{
height:440px!important
}
.chat-box-left
{
float:left;
width:340px;
height:750px;
background-color:#fff;
border-radius:3px;
padding:16px;
margin-bottom:20px;
border:1px solid #eceff5
}
.chat-box-left .chat-body-left
{
height:610px
}
.chat-box-left .nav-pills
{
background-color:#fafbfb
}
.chat-box-left .nav-pills .nav-link
{
color:#303e67
}
.chat-box-left .nav-pills .nav-link.active
{
color:#fff;
background:#0b51b7
}
.chat-box-left .chat-search
{
margin-top:20px
}
.chat-box-left .chat-list
{
height:610px!important
}
.chat-box-left .chat-list .media+.media
{
border:1px solid #f1f5fa;
margin-bottom:5px;
border-radius:5px
}
.chat-box-left .chat-list .media
{
padding:15px;
position:relative
}
.chat-box-left .chat-list .media:focus,.chat-box-left .chat-list .media:hover
{
background-color:rgba(241,245,250,.5)
}
.chat-box-left .chat-list .media.new-message
{
border:1px solid #f1f5fa;
background-color:#f1f5fa;
margin-bottom:5px;
border-radius:5px
}
.chat-box-left .chat-list .media .media-left
{
position:relative;
-ms-flex-item-align:center;
align-self:center
}
.chat-box-left .chat-list .media .media-left .round-10
{
border:2px solid #fafbfb;
border-radius:50%;
position:absolute;
bottom:0;
right:-1px;
display:inline-block;
height:12px;
width:12px
}
.chat-box-left .chat-list .media .media-body
{
margin-left:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.chat-box-left .chat-list .media .media-body h6
{
font-size:14px;
color:#303e67;
margin-bottom:0
}
.chat-box-left .chat-list .media .media-body p
{
margin-bottom:0;
color:#303e67;
font-size:12px
}
.chat-box-left .chat-list .media .media-body>div:last-child
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
min-width:50px;
text-align:right
}
.chat-box-left .chat-list .media .media-body>div:last-child span:nth-child(2)
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#22b783;
color:#fff;
border-radius:50%;
font-size:10px;
width:18px;
height:18px;
margin-top:8px
}
.chat-box-left .chat-list .media .media-body span
{
font-size:12px;
color:#303e67;
display:block
}
.chat-box-right
{
width:auto;
background-color:#fff;
display:block;
border-radius:3px;
position:relative;
height:750px;
margin-left:361px;
margin-bottom:20px;
border:1px solid #eceff5
}
.chat-box-right .chat-header
{
border-bottom:1px solid #f1f5fa;
padding:16px;
background-color:#fff
}
.chat-box-right .chat-header .media .media-body
{
margin-left:8px;
-ms-flex-item-align:center;
align-self:center
}
.chat-box-right .chat-header .media .media-body h6
{
font-size:14px;
color:#303e67;
margin-bottom:5px
}
.chat-box-right .chat-header .media .media-body p
{
margin-bottom:0;
color:#8997bd;
font-size:12px
}
.chat-box-right .chat-header .chat-features
{
position:relative;
top:-34px;
float:right
}
.chat-box-right .chat-header .chat-features a
{
color:#b6c2e4;
font-size:22px;
margin-left:12px
}
.chat-box-right .chat-header .chat-features a:hover
{
color:#0b51b7
}
.chat-box-right .chat-body
{
padding:16px;
height:615px
}
.chat-box-right .chat-body .chat-detail
{
max-height:610px
}
.chat-box-right .chat-body .chat-detail .reverse
{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end
}
.chat-box-right .chat-body .chat-detail .media .media-img
{
z-index:5
}
.chat-box-right .chat-body .chat-detail .media .media-body
{
margin-left:20px
}
.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg
{
max-width:80%;
margin-bottom:5px;
margin-left:-56px
}
.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg:first-child p
{
padding-left:44px
}
.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg p
{
padding:7px 16px;
background-color:rgba(11,81,183,.01);
border:1px solid #e8ebf3;
color:#303e67;
display:inline-block;
margin-bottom:0;
border-radius:50px
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse
{
margin-right:20px;
margin-left:0
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg
{
max-width:80%;
margin-bottom:5px;
margin-right:-56px
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg:first-child p
{
padding-right:44px
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg p
{
padding:7px 16px;
background-color:rgba(11,81,183,.01);
border:1px solid #e8ebf3;
color:#303e67;
display:inline-block;
margin-bottom:0;
border-radius:50px
}
.chat-box-right .chat-footer
{
border-top:1px solid #eceff5;
background-color:#fff;
padding:16px;
position:absolute;
width:100%;
left:0;
bottom:0
}
.chat-box-right .chat-footer .media .media-body
{
margin-left:10px;
-ms-flex-item-align:center;
align-self:center
}
.chat-box-right .chat-footer .media .media-body h6
{
font-size:14px;
color:#303e67;
margin-bottom:5px
}
.chat-box-right .chat-footer .media .media-body p
{
margin-bottom:0;
color:#303e67;
font-size:12px
}
.chat-box-right .chat-footer .chat-features a
{
color:#b6c2e4;
font-size:22px;
margin-left:12px
}
.chat-box-right .chat-footer .chat-features a:hover
{
color:#0b51b7
}
.chat-box-right .chat-footer input.form-control
{
border:none
}
.chat-box-right .chat-footer .chat-admin
{
position:absolute;
top:-40px;
border:2px solid #eceff5;
border-radius:50%
}
@media (min-width:1024px) and (max-width:1680px)
{
.chat-box-left
{
width:310px;
float:left
}
.chat-box-right
{
width:auto;
margin-left:330px
}

}
@media (min-width:767px) and (max-width:1023.98px)
{
.chat-box-left
{
width:100%;
float:none
}
.chat-box-right
{
width:100%;
margin-left:0
}

}
@media (max-width:767px)
{
.chat-box-left
{
float:none;
width:100%
}
.chat-box-right
{
margin:0;
width:100%
}

}
@media (max-width:660px)
{
.chat-box-left
{
float:none;
width:100%
}
.chat-box-right
{
margin:0;
width:100%
}

}
@media (max-width:568px)
{
.chat-box-left
{
float:none;
width:100%
}
.chat-box-right
{
margin:0;
width:100%
}

}
.invoice-head
{
border-bottom:4px double #b6c2e4
}
.invoice-head .logo-lg.brand-light
{
display:none
}
.invoice-head .logo-lg.brand-dark
{
display:inline-block
}
.invoice-head .contact-detail li
{
border-left:2px solid #b6c2e4
}
.invoice-head .contact-detail li i
{
font-size:24px;
color:#8997bd;
margin-bottom:5px
}
@media print
{
.breadcrumb,.footer,.logo,.page-title
{
display:none;
margin:0;
padding:0
}
.left
{
display:none
}
.content,.page-content-wrapper,.page-wrapper
{
margin-top:0;
padding-top:0
}
.content-page
{
margin-left:0;
margin-top:0
}
.footer,.left-sidenav,.leftbar-tab-menu,.report-btn,.topbar
{
display:none;
margin:0;
padding:0
}
.content-page>.content
{
margin:0
}
.page-wrapper .page-content-tab
{
width:100%;
margin-top:0
}

}
.email-leftbar
{
width:220px;
float:left
}
.email-leftbar .mail-list a
{
display:block;
color:#303e67;
font-size:13px;
line-height:24px;
padding:5px
}
.email-leftbar .mail-list a i
{
color:#8997bd
}
.email-leftbar .mail-list a.active,.email-leftbar .mail-list a.active i,.email-leftbar .mail-list a:hover,.email-leftbar .mail-list a:hover i
{
color:#0b51b7
}
.email-leftbar .chat-user-box p.user-title
{
font-size:13px;
color:#000444;
font-weight:500
}
.email-leftbar .chat-user-box p
{
font-size:12px
}
.email-rightbar
{
margin-left:240px
}
.message-list
{
display:block;
padding-left:0
}
.message-list li
{
position:relative;
display:block;
height:50px;
line-height:50px;
-webkit-transition-duration:.3s;
transition-duration:.3s
}
.message-list li a
{
color:#7081b9
}
.message-list li:hover
{
background:#f1f5fa;
-webkit-transition-duration:50ms;
transition-duration:50ms
}
.message-list li .col-mail
{
float:left;
position:relative
}
.message-list li .col-mail-1
{
width:320px
}
.message-list li .col-mail-1 .checkbox-wrapper-mail,.message-list li .col-mail-1 .dot,.message-list li .col-mail-1 .star-toggle
{
display:block;
float:left
}
.message-list li .col-mail-1 .dot
{
border:4px solid transparent;
border-radius:100px;
margin:22px 26px 0;
height:0;
width:0;
line-height:0;
font-size:0
}
.message-list li .col-mail-1 .checkbox-wrapper-mail
{
margin:15px 10px 0 20px
}
.message-list li .col-mail-1 .star-toggle
{
margin-top:18px;
font-size:16px;
margin-left:5px
}
.message-list li .col-mail-1 .title
{
position:absolute;
top:0;
left:110px;
right:0;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
margin:14px 0 0
}
.message-list li .col-mail-2
{
position:absolute;
top:0;
left:320px;
right:0;
bottom:0
}
.message-list li .col-mail-2 .date,.message-list li .col-mail-2 .subject
{
position:absolute;
top:0
}
.message-list li .col-mail-2 .subject
{
left:0;
right:200px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
.message-list li .col-mail-2 .date
{
right:0;
width:170px;
padding-left:80px
}
.message-list li.active,.message-list li.active:hover
{
-webkit-box-shadow:inset 3px 0 0 #0b51b7;
box-shadow:inset 3px 0 0 #0b51b7
}
.message-list li.unread
{
background-color:#f1f5fa
}
.message-list li.unread a
{
color:#00032b
}
.message-list .checkbox-wrapper-mail
{
cursor:pointer;
height:20px;
width:20px;
position:relative;
display:inline-block;
-webkit-box-shadow:inset 0 0 0 1px #b6c2e4;
box-shadow:inset 0 0 0 1px #b6c2e4;
border-radius:1px
}
.message-list .checkbox-wrapper-mail input
{
opacity:0;
cursor:pointer
}
.message-list .checkbox-wrapper-mail input:checked~label
{
opacity:1
}
.message-list .checkbox-wrapper-mail label
{
position:absolute;
height:20px;
width:20px;
left:0;
cursor:pointer;
opacity:0;
margin-bottom:0;
-webkit-transition-duration:50ms;
transition-duration:50ms;
top:0
}
.message-list .checkbox-wrapper-mail label:before
{
content:"\f12c";
font-family:"Material Design Icons";
top:0;
height:20px;
color:#00032b;
width:20px;
position:absolute;
margin-top:-16px;
left:4px;
font-size:13px
}
@media (max-width:767px)
{
.email-leftbar
{
float:none;
width:100%
}
.email-rightbar
{
margin:0
}

}
.note-editor.note-frame
{
border:1px solid #e8ebf3
}
.note-editor.note-frame .note-editing-area .note-editable
{
padding:10px;
overflow:auto;
color:#303e67;
background-color:#fff
}
.note-editor.note-frame .note-statusbar .note-resizebar
{
background-color:#fff
}
.crypto-report-history .nav
{
background-color:#fafbfb;
padding:4px;
border-radius:4px
}
.crypto-report-history .nav.nav-tabs
{
border:none
}
.crypto-report-history .nav .nav-item .nav-link
{
margin-right:5px;
padding:3px 8px;
font-size:12px;
border-radius:5px;
color:#303e67;
font-weight:500;
border-color:transparent
}
.crypto-report-history .nav .nav-item .nav-link.active
{
color:#0b51b7;
background-color:#fff;
border-color:transparent
}
.crypto-report-history .nav .nav-item .nav-link:focus,.crypto-report-history .nav .nav-item .nav-link:hover
{
border-color:transparent
}
.crypto-calcy a .p-1
{
display:none!important
}
.coin-market-nav .nav-pills .nav-item.show .nav-link,.coin-market-nav .nav-pills .nav-link.active
{
background:#fff;
-webkit-box-shadow:0 7px 14px 0 rgba(137,151,189,.12);
box-shadow:0 7px 14px 0 rgba(137,151,189,.12);
border-radius:0
}
.transaction-history li
{
border-bottom:1px solid #e8ebf3;
padding:10px 0
}
.transaction-history li:last-of-type
{
border:none;
padding-bottom:0
}
.positive
{
color:#22b783!important
}
.negative
{
color:#ef4d56!important
}
.crypto-dash-activity
{
height:280px
}
.ccc-widget>div
{
background:#fff!important
}
.ccc-widget .histoTitle
{
display:none
}
.ccc-widget div:first-child
{
border:none!important
}
.ccc-widget div.histoRow:nth-of-type(2)
{
font-weight:500!important;
color:#303e67!important;
font-size:13px!important;
background-color:#fafbfb
}
.ccc-widget div.histoRow:nth-of-type(2) .histoChange
{
font-weight:500
}
.ccc-widget div.histoRow
{
border-bottom-color:#e8ebf3!important;
font-size:13px!important;
color:#000444!important;
padding:.7rem .7rem
}
ul.steppedprogress
{
counter-reset:step;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:auto;
overflow:hidden;
padding:0;
position:relative;
text-align:center;
z-index:1
}
ul.steppedprogress li
{
list-style-type:none;
color:#303e67;
line-height:normal;
text-transform:uppercase;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
position:relative;
padding:0 2%;
font-weight:500;
font-family:Roboto,sans-serif
}
ul.steppedprogress li:before
{
content:counter(step);
counter-increment:step;
width:24px;
height:24px;
line-height:20px;
display:block;
font-size:12px;
color:#303e67;
background:#f1f5fa;
border-radius:50%;
margin:0 auto 10px;
position:relative;
z-index:1;
border:2px solid #fff;
-webkit-box-shadow:0 0 0 1.25px #f1f5fa;
box-shadow:0 0 0 1.25px #f1f5fa
}
ul.steppedprogress li:after
{
content:"";
width:100%;
border:.5px dashed #eceff5;
position:absolute;
left:-50%;
top:12px;
z-index:-1
}
ul.steppedprogress li.complete:before
{
background:#7081b9;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0 0 0 1.25px #7081b9;
box-shadow:0 0 0 1.25px #7081b9
}
ul.steppedprogress li.complete.continuous:before
{
background:#0b51b7;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0 0 0 1.25px #0b51b7;
box-shadow:0 0 0 1.25px #0b51b7
}
ul.steppedprogress li.complete.continuous span
{
color:#0b51b7
}
ul.steppedprogress li.complete.finish:before
{
background:#ef4d56;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0 0 0 1.25px #ef4d56;
box-shadow:0 0 0 1.25px #ef4d56;
content:"\f12c";
font:normal normal normal 24px/1 "Material Design Icons";
font-size:16px;
line-height:20px
}
ul.steppedprogress li.complete.finish span
{
color:#ef4d56
}
ul.steppedprogress li.complete:after
{
border-color:#dfe4ee
}
ul.steppedprogress li:first-child:after
{
content:none
}
@media (max-width:480px)
{
ul.steppedprogress
{
display:block
}
ul.steppedprogress li
{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
clear:both;
text-align:left;
padding:0;
margin-left:2px;
min-height:2.2em
}
ul.steppedprogress li span
{
white-space:nowrap
}
ul.steppedprogress li:before
{
float:none;
display:inline-block;
margin-right:10px;
text-align:center;
margin-left:0
}
ul.steppedprogress li:after
{
content:"";
width:6px;
height:100%;
position:absolute;
left:12px;
top:-50%;
z-index:-1
}

}
.kanban-board
{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
white-space:nowrap;
overflow-x:scroll;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.kanban-board .kanban-col
{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto;
width:calc(100vw - 24px);
max-height:100%;
padding-right:12px;
padding-bottom:12px;
outline:0!important;
position:relative
}
.kanban-board .kanban-col .kanban-main-card
{
max-height:100%;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:distribute;
justify-content:space-around;
margin-bottom:12px;
border-radius:4px;
padding:20px;
background:#fafbfb
}
.kanban-board .kanban-col .kanban-main-card .kanban-box-title
{
position:relative;
display:block
}
.kanban-board .kanban-col .kanban-main-card .kanban-box-title .kanban-main-dropdown
{
position:absolute;
right:0;
top:0
}
@media (min-width:576px)
{
.kanban-board .kanban-col
{
max-width:19.5rem
}

}
.auth-page .auth-header-box
{
background-color:#232a3e
}
.auth-bg
{
background:radial-gradient(circle at 39% 47%,rgba(107,107,107,.08) 0,rgba(107,107,107,.08) 33.333%,rgba(72,72,72,.08) 33.333%,rgba(72,72,72,.08) 66.666%,rgba(36,36,36,.08) 66.666%,rgba(36,36,36,.08) 99.999%),radial-gradient(circle at 53% 74%,rgba(182,182,182,.08) 0,rgba(182,182,182,.08) 33.333%,rgba(202,202,202,.08) 33.333%,rgba(202,202,202,.08) 66.666%,rgba(221,221,221,.08) 66.666%,rgba(221,221,221,.08) 99.999%),radial-gradient(circle at 14% 98%,rgba(184,184,184,.08) 0,rgba(184,184,184,.08) 33.333%,rgba(96,96,96,.08) 33.333%,rgba(96,96,96,.08) 66.666%,rgba(7,7,7,.08) 66.666%,rgba(7,7,7,.08) 99.999%),linear-gradient(45deg,#f79f9b,#0f4069)
}
.ex-page-content h1
{
font-size:98px;
font-weight:700;
text-shadow:rgba(137,151,189,.2) 1px 1px,rgba(137,151,189,.2) 2px 2px,rgba(137,151,189,.2) 3px 3px
}

/*# sourceMappingURL=app.min.css.map */

.list-header li{ margin-right: 10px;}
.float-right{ float:right !important;}
.float-left{ float:left}
.db-tab-heading{width:70%;background: linear-gradient(to right, #f6b024, #e7a90b); border-radius: 10px !important;position: absolute;top: -10px;}
.db-tab-card-bg{background: linear-gradient(0deg,rgba(219,231,173, 1) 0%, rgba(163,248,190, 1) 100%);}
.text-brown{ color:#604100;}
.fo-s1{ font-size: 9px;}
.text-right{ text-align: right;}

.tab-info.active { background-color: #17a2b8; color: #fff; }
.tab-warning.active { background-color: #ffc107; color: #000; }
.tab-success.active { background-color: #28a745; color: #fff; }

.bg-info-subtle { background-color: #e0f7fa !important; border-radius:20px;}
.bg-warning-subtle { background-color: #fff8e1 !important; }
.bg-success-subtle { background-color: #e8f5e9 !important; }
.bg-basic-subtle { background-color: #cfd8dc !important;}

#req-assignment-history-table td {
    white-space: normal !important;
    word-break: break-word;
}
.text-dec-none{ text-decoration: none !important;}


/*  Spinner     */
.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.spinner {
    border: 4px solid #f3f3f3; /* Light gray */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.request-row {
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    align-items: center;
}


/* Handover Requests Table Layout */
/* .handover-grid {
    display: grid;
    grid-template-columns: 40px 120px 100px 150px; 
    gap: 10px;
    align-items: center;
} */

.handover-grid {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr; /* 5 columns */
    gap: 10px;
    align-items: center;
    padding: 6px 0;
}

.handover-heading {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.handover-row {
    margin-bottom: 5px;
}

.handover-totals {
    font-weight: bold;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 10px;
}

/* Center-align Qty columns */
.handover-grid span:nth-child(3),
.handover-grid span:nth-child(4),
.handover-grid span:nth-child(5),
.handover-grid span:nth-child(6),
.handover-totals span:nth-child(3),
.handover-totals span:nth-child(4),
.handover-totals span:nth-child(5),
.handover-totals span:nth-child(6) {
    text-align: center;
}

/* Styled New Qty input */
.handover-grid input[type="number"] {
    width: 100%;
    padding: 4px 6px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 4px;
    background-color: #f9f9f9;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.handover-grid input[type="number"]:focus {
    border-color: #007bff;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.4);
    outline: none;
    background-color: #fff;
}