@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Rubik:wght@300;400;500;700&display=swap);
html {
 position:relative;
 min-height:100%
}
body {
 overflow-x:hidden
}
#wrapper {
 height:100%;
 overflow:hidden;
 width:100%
}
.content-page {
 margin-left:240px;
 overflow:hidden;
 padding:10px 15px 65px 15px;
 min-height:80vh
}
@media (max-width:1024px) {
 .content-page {
  margin-top:70px;
  padding:14px 10px 65px
 }
}
@media (max-width:991.98px) {
 .content-page {
  padding-bottom:0
 }
}
.content-page .content {
 margin-top:10px
}
.left-side-menu {
 width:240px;
 background:#fff;
 bottom:0;
 padding:20px 0;
 position:fixed;
 transition:all .1s ease-out;
 top:0;
 padding-top:calc(70px + 20px);
 box-shadow:0 0 35px 0 rgba(154,161,171,.15);
 z-index:1
}
.logo-box {
 height:70px;
 width:240px;
 transition:all .1s ease-out;
 background-color:#fff;
 position:fixed;
 top:0;
 z-index:1
}
.logo-box .logo {
 line-height:70px
}
.logo {
 display:block
}
.logo span.logo-lg {
 display:block
}
.logo span.logo-sm {
 display:none
}
.logo .logo-lg-text-dark {
 color:#323a46;
 font-weight:700;
 font-size:22px;
 text-transform:uppercase
}
.logo .logo-lg-text-light {
 color:#fff;
 font-weight:700;
 font-size:22px;
 text-transform:uppercase
}
.logo-light {
 display:none
}
.logo-dark {
 display:block
}
#sidebar-menu>ul {
 list-style:none;
 padding:0
}
#sidebar-menu>ul>li>a {
 color:#6e768e;
 display:block;
 padding:12px 20px;
 position:relative;
 transition:all .4s;
 font-family:Rubik,sans-serif;
 font-size:.9rem
}
#sidebar-menu>ul>li>a:active,
#sidebar-menu>ul>li>a:focus,
#sidebar-menu>ul>li>a:hover {
 color:#02c0ce;
 text-decoration:none
}
#sidebar-menu>ul>li>a>span {
 vertical-align:middle
}
#sidebar-menu>ul>li>a i {
 display:inline-block;
 line-height:1.0625rem;
 margin:0 10px 0 3px;
 text-align:center;
 vertical-align:middle;
 width:16px;
 font-size:16px
}
#sidebar-menu>ul>li>a svg {
 width:16px;
 height:16px;
 margin-left:3px;
 margin-right:10px
}
#sidebar-menu>ul>li>a .drop-arrow {
 float:right
}
#sidebar-menu>ul>li>a .drop-arrow i {
 margin-right:0
}
#sidebar-menu>ul>li>a.mm-active {
 color:#02c0ce
}
#sidebar-menu>ul>li ul {
 padding-left:33px;
 list-style:none
}
#sidebar-menu>ul>li ul ul {
 padding-left:20px
}
#sidebar-menu .badge {
 margin-top:4px
}
#sidebar-menu .menu-title {
 padding:10px 20px;
 letter-spacing:.05em;
 pointer-events:none;
 cursor:default;
 font-size:.6875rem;
 text-transform:uppercase;
 color:#6e768e;
 font-weight:500
}
#sidebar-menu .menuitem-active>a {
 color:#02c0ce
}
#sidebar-menu .menuitem-active .active {
 color:#02c0ce
}
.nav-second-level li a {
 padding:8px 20px;
 color:#6e768e;
 display:block;
 position:relative;
 transition:all .4s;
 font-size:.875rem
}
.nav-second-level li a:focus,
.nav-second-level li a:hover {
 color:#02c0ce
}
.nav-second-level li.active>a {
 color:#02c0ce
}
.menu-arrow {
 transition:transform .15s;
 position:absolute;
 right:20px;
 display:inline-block;
 font-family:'Material Design Icons';
 text-rendering:auto;
 line-height:1.5rem;
 font-size:1.1rem;
 transform:translate(0,0)
}
.menu-arrow:before {
 content:"\F0142"
}
li>a[aria-expanded=true]>span.menu-arrow {
 transform:rotate(90deg)
}
li.menuitem-active>a:not(.collapsed)>span.menu-arrow {
 transform:rotate(90deg)
}
body[data-sidebar-size=condensed] .logo-box {
 width:70px!important
}
body[data-sidebar-size=condensed] .logo span.logo-lg {
 display:none
}
body[data-sidebar-size=condensed] .logo span.logo-sm {
 display:block
}
body[data-sidebar-size=condensed] .left-side-menu {
 position:absolute;
 padding-top:70px;
 width:70px!important;
 z-index:5
}
body[data-sidebar-size=condensed] .left-side-menu .simplebar-content-wrapper,
body[data-sidebar-size=condensed] .left-side-menu .simplebar-mask {
 overflow:visible!important
}
body[data-sidebar-size=condensed] .left-side-menu .simplebar-scrollbar {
 display:none!important
}
body[data-sidebar-size=condensed] .left-side-menu .simplebar-offset {
 bottom:0!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .badge,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .collapse.in,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .label,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .menu-arrow,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .menu-title {
 display:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu .nav.collapse {
 height:inherit!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li {
 position:relative;
 white-space:nowrap
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a {
 padding:15px 20px;
 min-height:54px;
 transition:none
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a:active,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a:focus,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a:hover {
 color:#02c0ce
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a i {
 font-size:1.2rem;
 margin-right:20px;
 margin-left:5px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a svg {
 width:18px;
 height:18px;
 margin-left:6px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a span {
 display:none;
 padding-left:25px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a {
 position:relative;
 width:calc(190px + 70px);
 color:#02c0ce;
 background-color:#ebf0f3;
 box-shadow:inset 0 1px 7px 0 rgba(154,161,171,.2)
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a span {
 display:inline
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover a.active :after,
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover a.open :after {
 display:none
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse {
 display:block!important;
 height:auto!important;
 transition:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul {
 display:block!important;
 left:70px;
 position:absolute;
 width:190px;
 box-shadow:0 1px 7px 0 rgba(154,161,171,.2)
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul ul {
 box-shadow:0 1px 7px 0 rgba(154,161,171,.2)
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul a {
 box-shadow:none;
 padding:8px 20px;
 position:relative;
 width:190px;
 z-index:6
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul a:hover {
 color:#02c0ce
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul .collapsing {
 display:block!important;
 height:auto!important;
 transition:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul {
 padding:5px 0;
 z-index:9999;
 display:none;
 background-color:#fff
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li:hover>.collapse {
 display:block!important;
 height:auto!important;
 transition:none!important
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li:hover>.collapse>ul {
 display:block;
 left:190px;
 margin-top:-36px;
 position:absolute;
 width:190px
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li>a span.pull-right {
 position:absolute;
 right:20px;
 top:12px;
 transform:rotate(270deg)
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li.active a {
 color:#02c0ce
}
body[data-sidebar-size=condensed] .content-page {
 margin-left:70px!important
}
@media (min-width:992px) {
 body[data-sidebar-size=condensed] .footer {
  left:70px!important
 }
}
body[data-sidebar-size=condensed] .user-box {
 display:none!important;
 padding:10px 24px
}
@media (min-width:768px) {
 body[data-sidebar-size=condensed]:not([data-layout=compact]) {
  min-height:1550px
 }
}
@media (max-width:767.98px) {
 .pro-user-name {
  display:none
 }
}
@media (max-width:991.98px) {
 body {
  overflow-x:hidden;
  padding-bottom:80px
 }
 .left-side-menu {
  display:none;
  z-index:10!important
 }
 .sidebar-enable .left-side-menu {
  display:block
 }
 .content-page,
 body[data-sidebar-size=condensed] .content-page {
  margin-left:0!important
 }
 .footer {
  left:0!important
 }
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .logo-box {
 width:160px!important
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu {
 width:160px!important;
 text-align:center
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul>li>a>i {
 display:block;
 font-size:18px;
 line-height:24px;
 width:100%;
 margin:0
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul>li>a svg {
 display:block;
 margin:0 auto 5px auto
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul ul {
 padding-left:0
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu #sidebar-menu>ul ul a {
 padding:10px 20px
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .badge,
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .menu-arrow {
 display:none!important
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu+.content-page {
 margin-left:160px
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu+.content-page .footer {
 left:160px
}
body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .menu-title {
 background-color:#ebf0f3
}
body[data-sidebar-color=dark] .logo-box {
 background-color:#343b4a
}
body[data-sidebar-color=dark] .logo-box .logo-dark {
 display:none
}
body[data-sidebar-color=dark] .logo-box .logo-light {
 display:block
}
body[data-sidebar-color=dark] .left-side-menu {
 background-color:#343b4a;
 box-shadow:none
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a {
 color:#9097a7
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a:active,
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a:focus,
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a:hover {
 color:#c8cddc
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu>ul>li>a.mm-active {
 color:#fff;
 background-color:#394151
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menu-title {
 color:#98a6ad
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menuitem-active>a {
 color:#02c0ce
}
body[data-sidebar-color=dark] .left-side-menu #sidebar-menu .menuitem-active .active {
 color:#02c0ce
}
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li a,
body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li a {
 color:#9097a7
}
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li a:focus,
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li a:hover,
body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li a:focus,
body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li a:hover {
 background-color:transparent;
 color:#c8cddc
}
body[data-sidebar-color=dark] .left-side-menu .nav-second-level li.active>a,
body[data-sidebar-color=dark] .left-side-menu .nav-thrid-level li.active>a {
 color:#fff
}
body[data-sidebar-color=dark] .left-side-menu .user-box .dropdown>a {
 color:#fff!important
}
body[data-sidebar-color=dark][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a {
 background-color:#343b4a;
 box-shadow:none
}
body[data-sidebar-color=dark][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active {
 color:#02c0ce
}
body[data-sidebar-color=dark][data-sidebar-size=compact] #wrapper .left-side-menu .menu-title {
 background-color:rgba(255,255,255,.03)
}
body[data-sidebar-color=light] .user-box .text-dark.dropdown-toggle {
 color:rgba(0,0,0,.8)!important
}
body[data-sidebar-color=brand] .logo-box,
body[data-sidebar-color=gradient] .logo-box {
 background-color:#4a81d4
}
body[data-sidebar-color=brand] .logo-box .logo-dark,
body[data-sidebar-color=gradient] .logo-box .logo-dark {
 display:none
}
body[data-sidebar-color=brand] .logo-box .logo-light,
body[data-sidebar-color=gradient] .logo-box .logo-light {
 display:block
}
body[data-sidebar-color=brand] .menuitem-active>a,
body[data-sidebar-color=gradient] .menuitem-active>a {
 color:#fff!important
}
body[data-sidebar-color=brand] .left-side-menu,
body[data-sidebar-color=gradient] .left-side-menu {
 background-color:#4a81d4;
 box-shadow:none
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a {
 color:rgba(255,255,255,.7)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a:active,
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a:focus,
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a:hover,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a:active,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a:focus,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a:hover {
 color:rgba(255,255,255,.9)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu>ul>li>a.mm-active,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu>ul>li>a.mm-active {
 color:#fff;
 background-color:rgba(255,255,255,.07)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu .menu-title,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu .menu-title {
 color:rgba(255,255,255,.6)
}
body[data-sidebar-color=brand] .left-side-menu #sidebar-menu .mm-active .active,
body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu .mm-active .active {
 color:#fff
}
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li a,
body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li a,
body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li a,
body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li a {
 color:rgba(255,255,255,.7)
}
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li a:focus,
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li a:hover,
body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li a:focus,
body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li a:hover,
body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li a:focus,
body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li a:hover,
body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li a:focus,
body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li a:hover {
 background-color:transparent;
 color:#fff
}
body[data-sidebar-color=brand] .left-side-menu .nav-second-level li.active>a,
body[data-sidebar-color=brand] .left-side-menu .nav-thrid-level li.active>a,
body[data-sidebar-color=gradient] .left-side-menu .nav-second-level li.active>a,
body[data-sidebar-color=gradient] .left-side-menu .nav-thrid-level li.active>a {
 color:#fff
}
body[data-sidebar-color=brand] .left-side-menu .user-box .dropdown>a,
body[data-sidebar-color=gradient] .left-side-menu .user-box .dropdown>a {
 color:#fff!important
}
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a,
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a {
 background-color:#4a81d4;
 box-shadow:none;
 color:#fff
}
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active,
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active {
 color:#02c0ce
}
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,
body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a,
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a {
 color:#6e768e
}
body[data-sidebar-color=brand][data-sidebar-size=compact] #wrapper .left-side-menu .menu-title,
body[data-sidebar-color=gradient][data-sidebar-size=compact] #wrapper .left-side-menu .menu-title {
 background-color:rgba(255,255,255,.05)
}
body[data-sidebar-color=gradient] .left-side-menu,
body[data-sidebar-color=gradient] .logo-box {
 background:#683ba9;
 background-image:linear-gradient(270deg,rgba(64,149,216,.15),transparent)
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu>ul>li:hover>a {
 background:#683ba9
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu .mm-active .active {
 color:#02c0ce
}
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a,
body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a {
 color:#6e768e
}
.user-box {
 display:none
}
.user-pro-dropdown {
 width:90%;
 min-width:1px;
 margin-left:5%;
 margin-top:10px
}
body[data-layout-mode=detached] .left-side-menu {
 top:70px;
 padding-top:0
}
body[data-layout-mode=detached] .left-side-menu .logo-box {
 display:none
}
@media (min-width:992px) {
 body[data-layout-mode=detached] .navbar-custom .container-fluid {
  max-width:95%
 }
 body[data-layout-mode=detached] #wrapper {
  max-width:95%;
  margin:0 auto
 }
 body[data-layout-mode=detached] .left-side-menu {
  margin-top:30px;
  margin-bottom:30px;
  border-radius:5px
 }
 body[data-layout-mode=detached] .content-page {
  padding-bottom:30px
 }
 body[data-layout-mode=detached] .logo-box {
  background-color:transparent;
  background-image:none
 }
}
body[data-layout-mode=detached]:not([data-sidebar-size=condensed]) .left-side-menu {
 padding-top:30px
}
body[data-sidebar-showuser=true] .user-box {
 display:block
}
body[data-sidebar-icon=twotones] #sidebar-menu>ul>li>a i {
 color:#2d7bf4
}
body[data-sidebar-icon=twotones] #sidebar-menu>ul>li>a svg {
 width:18px;
 height:18px;
 margin-left:3px;
 margin-right:10px;
 color:#2d7bf4;
 fill:rgba(45,123,244,.2)
}
.navbar-custom {
 background-color:#f5f5f5;
 padding:0 15px;
 height:70px;
 transition:all .1s ease-out;
 z-index:1001
}
@media (max-width:1024px) {
 .navbar-custom {
  background-color:#fff;
  box-shadow:0 0 35px 0 rgba(154,161,171,.15);
  position:fixed;
  left:240px;
  right:0;
  top:0
 }
 .navbar-custom .page-title-box .breadcrumb {
  display:none
 }
 .navbar-custom .page-title-box .page-title {
  font-size:16px;
  margin-bottom:6px;
  margin-top:24px;
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
 }
}
@media (max-width:620px) {
 .navbar-custom .page-title-box .page-title {
  display:none
 }
}
.navbar-custom .logo-box {
 display:none
}
.navbar-custom .topnav-menu>li {
 float:right;
}
.navbar-custom .topnav-menu .nav-link {
 padding:0 15px;
 color:#6e7488;
 min-width:32px;
 display:block;
 line-height:70px;
 text-align:center;
 max-height:70px
}
.navbar-custom .dropdown.show .nav-link {
 background-color:rgba(255,255,255,.1)
}
.navbar-custom .container-fluid {
 padding:0
}
.navbar-custom .app-search {
 height:70px;
 display:table;
 max-width:180px;
 margin-right:20px
}
.navbar-custom .app-search .app-search-box {
 display:table-cell;
 vertical-align:middle;
 position:relative
}
.navbar-custom .app-search .app-search-box input:-ms-input-placeholder {
 font-size:.8125rem;
 color:rgba(255,255,255,.4)
}
.navbar-custom .app-search .app-search-box input::-ms-input-placeholder {
 font-size:.8125rem;
 color:rgba(255,255,255,.4)
}
.navbar-custom .app-search .app-search-box input::placeholder {
 font-size:.8125rem;
 color:rgba(255,255,255,.4)
}
.navbar-custom .app-search .form-control {
 border:none;
 height:38px;
 padding-left:20px;
 padding-right:0;
 color:#fff;
 background-color:rgba(255,255,255,.07);
 box-shadow:none;
 border-radius:30px 0 0 30px
}
.navbar-custom .app-search .input-group-append {
 margin-left:0;
 z-index:4
}
.navbar-custom .app-search .btn {
 background-color:rgba(255,255,255,.07);
 border-color:transparent;
 color:rgba(255,255,255,.4);
 border-radius:0 30px 30px 0;
 box-shadow:none!important
}
.navbar-custom .button-menu-mobile {
 border:none;
 color:#fff;
 display:inline-block;
 height:70px;
 line-height:70px;
 width:60px;
 background-color:transparent;
 font-size:24px;
 cursor:pointer
}
@media (min-width:1025px) {
 .navbar-custom .button-menu-mobile {
  display:none
 }
}
.navbar-custom .button-menu-mobile.disable-btn {
 display:none
}
.noti-scroll {
 max-height:230px
}
.notification-list {
 margin-left:0
}
.notification-list .noti-title {
 background-color:transparent;
 padding:15px 20px
}
.notification-list .noti-icon-badge {
 display:inline-block;
 position:absolute;
 top:16px;
 right:10px
}
.notification-list .notify-item {
 padding:12px 20px
}
.notification-list .notify-item .notify-icon {
 float:left;
 height:36px;
 width:36px;
 font-size:18px;
 line-height:38px;
 text-align:center;
 margin-right:10px;
 border-radius:50%;
 color:#fff
}
.notification-list .notify-item .badge {
 margin-top:5px
}
.notification-list .notify-item .notify-details {
 margin-bottom:5px;
 overflow:hidden;
 margin-left:45px;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#313a46
}
.notification-list .notify-item .notify-details b {
 font-weight:500
}
.notification-list .notify-item .notify-details small {
 display:block
}
.notification-list .notify-item .notify-details span {
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:13px
}
.notification-list .notify-item .user-msg {
 margin-left:45px;
 white-space:normal;
 line-height:16px
}
.notification-list .profile-dropdown .notify-item {
 padding:7px 20px
}
.noti-icon {
 font-size:21px;
 vertical-align:middle
}
.profile-dropdown {
 min-width:170px
}
.profile-dropdown i {
 vertical-align:middle;
 margin-right:5px;
 font-size:16px
}
.nav-user {
 padding:0 12px!important
}
.nav-user img {
 height:32px;
 width:32px
}
.fullscreen-enable [data-toggle=fullscreen] .fe-maximize::before {
 content:"\e88d"
}
@media (max-width:991.98px) {
 .logo-box {
  width:70px!important;
  padding-right:0!important
 }
 .logo-box .logo-lg {
  display:none!important
 }
 .logo-box .logo-sm {
  display:block!important
 }
 .navbar-custom {
  left:0!important
 }
}
@media (max-width:600px) {
 .navbar-custom .dropdown {
  position:static
 }
 .navbar-custom .dropdown .dropdown-menu {
  left:10px!important;
  right:10px!important
 }
}
body[data-sidebar-size=condensed] .navbar-custom {
 left:70px
}
body[data-topbar-color=light] .navbar-custom {
 background-color:#f3f6f8
}
@media (max-width:1024px) {
 body[data-topbar-color=light] .navbar-custom {
  background-color:#fff;
  box-shadow:0 0 35px 0 rgba(154,161,171,.15)
 }
}
body[data-topbar-color=light] .navbar-custom .topnav-menu .nav-link {
 color:#6c757d
}
body[data-topbar-color=light] .navbar-custom .dropdown.show .nav-link {
 background-color:rgba(50,58,70,.03)
}
body[data-topbar-color=light] .navbar-custom .button-menu-mobile {
 color:#323a46
}
body[data-topbar-color=light] .navbar-custom .app-search input:-ms-input-placeholder {
 color:#98a6ad!important
}
body[data-topbar-color=light] .navbar-custom .app-search input::-ms-input-placeholder {
 color:#98a6ad!important
}
body[data-topbar-color=light] .navbar-custom .app-search input::placeholder {
 color:#98a6ad!important
}
body[data-topbar-color=light] .navbar-custom .app-search .form-control {
 color:#323a46;
 background-color:#e3eaef;
 border-color:#ebf0f3
}
body[data-topbar-color=light] .navbar-custom .app-search .btn {
 background-color:#e3eaef;
 color:#6e7488
}
body[data-topbar-color=light] .logo-dark {
 display:block
}
body[data-topbar-color=light] .logo-light {
 display:none
}
@media (max-width:1366.98px) {
 body[data-layout-mode=detached] .navbar-custom,
 body[data-layout-mode=horizontal] .navbar-custom {
  padding:0!important
 }
}
@media (max-width:991.98px) {
 body[data-layout-mode=horizontal] .navbar-custom {
  padding:0 calc(12px)!important
 }
 body[data-layout-mode=horizontal] .navbar-toggle {
  border:0;
  position:relative;
  padding:0;
  margin:0;
  cursor:pointer
 }
 body[data-layout-mode=horizontal] .navbar-toggle .lines {
  width:25px;
  display:block;
  position:relative;
  height:16px;
  transition:all .5s ease;
  margin-top:calc(54px / 2)
 }
 body[data-layout-mode=horizontal] .navbar-toggle span {
  height:2px;
  width:100%;
  background-color:#6e7488;
  display:block;
  margin-bottom:5px;
  transition:transform .5s ease
 }
 body[data-layout-mode=horizontal] .navbar-toggle span:first-child {
  width:75%
 }
 body[data-layout-mode=horizontal] .navbar-toggle span:last-child {
  width:50%
 }
 body[data-layout-mode=horizontal] .navbar-toggle.open span {
  position:absolute
 }
 body[data-layout-mode=horizontal] .navbar-toggle.open span:first-child {
  top:7px;
  transform:rotate(45deg);
  width:100%
 }
 body[data-layout-mode=horizontal] .navbar-toggle.open span:nth-child(2) {
  visibility:hidden
 }
 body[data-layout-mode=horizontal] .navbar-toggle.open span:last-child {
  width:100%;
  top:7px;
  transform:rotate(-45deg)
 }
 body[data-layout-mode=horizontal] .logo-box {
  width:45px!important
 }
 body[data-topbar-color=light] .navbar-toggle span {
  background-color:#6c757d
 }
}
body[data-layout-mode=horizontal] .button-menu-mobile {
 display:none
}
body[data-layout-mode=horizontal] .logo-box {
 width:auto;
 padding-right:50px;
 float:left;
 position:relative;
 background-color:transparent
}
@media (min-width:992px) and (max-width:1366px) {
 body[data-layout-mode=horizontal] .logo-box {
  padding-left:20px
 }
}
@media (max-width:360px) {
 .navbar-custom .topnav-menu .nav-link {
  padding:0 12px;
  transform: rotate(-180deg);
 }
 .navbar-custom .button-menu-mobile {
  width:45px
 }
}
body[data-layout-mode=detached] .logo-box {
 float:left;
 position:relative
}
body[data-layout-mode=detached] .navbar-custom {
 left:0
}
body[data-layout-mode=detached] .navbar-custom .logo-box {
 display:block
}
.page-title-box .page-title {
 font-size:1.1rem;
 margin-bottom:6px;
 color:#323a46
}
.page-title-box .breadcrumb {
 padding:0
}
.page-title-box-alt {
 background-color:transparent;
 padding:20px 27px;
 box-shadow:none;
 margin-bottom:0
}
@media (max-width:639px) {
 .page-title-box {
  display:block
 }
 .page-title-box .page-title {
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
 }
 .page-title-box .page-title-right {
  display:block;
  padding-top:5px
 }
}
.page-title-box-hori {
 align-items:center;
 justify-content:space-between;
 display:flex;
 margin-top:-10px;
 padding:5px 0
}
@media (max-width:991.98px) {
 .page-title-box-hori {
  margin-top:-24px
 }
}
.footer {
 bottom:0;
 padding:19px 15px 20px;
 position:absolute;
 right:0;
 color:#98a6ad;
 left:240px;
 background-color:#ebf0f3
}
.footer .footer-links a {
 color:#98a6ad;
 margin-left:1.5rem;
 transition:all .4s
}
.footer .footer-links a:hover {
 color:#323a46
}
.footer .footer-links a:first-of-type {
 margin-left:0
}
.footer-alt {
 left:0!important;
 text-align:center;
 background-color:transparent
}
@media (max-width:767.98px) {
 .footer {
  left:0!important;
  text-align:center
 }
}
body[data-layout-mode=horizontal] .footer {
 left:0!important
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .footer {
 max-width:1300px!important
}
@media (min-width:992px) {
 body[data-layout-mode=detached] .footer {
  position:inherit;
  margin:0 10px
 }
}
.right-bar {
 background-color:#fff;
 box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
 display:block;
 position:fixed;
 transition:all .2s ease-out;
 width:270px;
 z-index:9999;
 float:right!important;
 right:-280px;
 top:0;
 bottom:0
}
.right-bar .rightbar-title {
 background-color:#02c0ce;
 padding:27px 25px;
 color:#fff
}
.right-bar .right-bar-toggle {
 background-color:#414b5b;
 height:24px;
 width:24px;
 line-height:27px;
 color:#fff;
 text-align:center;
 border-radius:50%;
 margin-top:-4px
}
.right-bar .right-bar-toggle:hover {
 background-color:#475364
}
.right-bar .user-box {
 padding:25px;
 text-align:center
}
.right-bar .user-box .user-img {
 position:relative;
 height:64px;
 width:64px;
 margin:0 auto 15px auto
}
.right-bar .user-box .user-img .user-edit {
 position:absolute;
 right:-5px;
 bottom:0;
 height:24px;
 width:24px;
 background-color:#fff;
 line-height:24px;
 border-radius:50%;
 box-shadow:0 0 45px 0 rgba(0,0,0,.12)
}
.right-bar .user-box h5 {
 margin-bottom:2px
}
.right-bar .user-box h5 a {
 color:#323a46
}
.right-bar .notification-item .media {
 padding:.75rem 1rem
}
.right-bar .notification-item .media:hover {
 background-color:#f3f6f8
}
.right-bar .notification-item .user-status {
 position:absolute;
 right:0;
 bottom:-4px;
 font-size:10px
}
.right-bar .notification-item .user-status.online {
 color:#0acf97
}
.right-bar .notification-item .user-status.away {
 color:#f9bc0b
}
.right-bar .notification-item .user-status.busy {
 color:#f1556c
}
.rightbar-overlay {
 background-color:rgba(50,58,70,.2);
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 display:none;
 z-index:9998;
 transition:all .2s ease-out
}
.right-bar-enabled .right-bar {
 right:0
}
.right-bar-enabled .rightbar-overlay {
 display:block
}
@media (max-width:767.98px) {
 .right-bar {
  overflow:auto
 }
 .right-bar .slimscroll-menu {
  height:auto!important
 }
}
body[data-layout-width=boxed] #wrapper {
 max-width:1300px;
 margin:0 auto;
 box-shadow:0 0 45px 0 rgba(0,0,0,.12)
}
body[data-layout-width=boxed] .navbar-custom {
 max-width:1300px;
 margin:0 auto
}
body[data-layout-width=boxed] .footer {
 margin:0 auto;
 max-width:calc(1300px - 240px)
}
body[data-layout-width=boxed][data-sidebar-size=condensed] .footer {
 max-width:calc(1300px - 70px)
}
body[data-layout-width=boxed][data-sidebar-size=compact] .footer {
 max-width:calc(1300px - 160px)
}
@media (min-width:768px) {
 body[data-layout-width=boxed][data-sidebar-size=condensed] .content-page {
  min-height:calc(1550px - 60px)
 }
}
@media (min-width:1367px) {
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) {
  padding-bottom:0
 }
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) #wrapper {
  display:flex
 }
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .logo-box,
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .topnav {
  position:absolute
 }
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .left-side-menu {
  position:relative;
  min-width:240px;
  max-width:240px;
  padding:calc(70px + 20px) 0 calc(70px + 20px)
 }
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column]) .content-page {
  margin-left:0;
  width:100%;
  padding-bottom:60px
 }
 body[data-layout-menu-position=scrollable]:not([data-sidebar-size=condensed]):not([data-sidebar-size=compact]):not([data-layout-mode=two-column])[data-layout-mode=horizontal] .navbar-custom {
  position:absolute
 }
}
@media (min-width:1367px) {
 body[data-layout-mode=horizontal] .container-fluid {
  max-width:90%
 }
}
body[data-layout-mode=horizontal] .navbar-custom {
 padding:0 24px;
 left:0;
 position:fixed;
 right:0
}
body[data-layout-mode=horizontal] .navbar-custom .logo-box {
 display:block
}
body[data-layout-mode=horizontal] .navbar-custom .page-title-box {
 display:none
}
body[data-layout-mode=horizontal] .content-page {
 margin-left:0!important
}
@media (min-width:992px) and (max-width:1024px) {
 body[data-layout-mode=horizontal] .content-page {
  margin-top:0
 }
}
.topnav {
 background:#fff;
 box-shadow:0 0 35px 0 rgba(154,161,171,.15);
 margin-top:70px;
 padding:0 calc(24px / 2);
 position:fixed;
 left:0;
 right:0;
 z-index:100
}
.topnav .topnav-menu {
 margin:0;
 padding:0
}
.topnav .navbar-nav .nav-link {
 font-size:.9rem;
 position:relative;
 line-height:22px;
 padding:calc(33px / 2) 1.05rem;
 color:#6e7488;
 font-family:Rubik,sans-serif
}
.topnav .navbar-nav .nav-link i {
 font-size:15px;
 display:inline-block;
 vertical-align:middle
}
.topnav .navbar-nav .nav-link:focus,
.topnav .navbar-nav .nav-link:hover {
 color:#02c0ce;
 background-color:transparent
}
.topnav .navbar-nav .nav-link.active {
 color:#02c0ce
}
.topnav .navbar-nav .nav-item .dropdown.active>a.dropdown-toggle {
 color:#02c0ce
}
.topnav .navbar-nav .dropdown.active>a.dropdown-toggle {
 color:#02c0ce
}
@media (min-width:992px) {
 .topnav {
  height:55px
 }
 .topnav .navbar-nav .nav-item:first-of-type .nav-link {
  padding-left:0
 }
 .topnav .dropdown-item {
  padding:.5rem 1.25rem;
  min-width:180px;
  width:auto;
  color:#6e7488
 }
 .topnav .dropdown-item.active {
  background-color:transparent;
  color:#02c0ce
 }
 .topnav .dropdown.mega-dropdown .mega-dropdown-menu {
  left:0;
  right:auto
 }
 .topnav .dropdown .dropdown-menu {
  padding:.3rem 0;
  margin-top:0;
  border-radius:0 0 .25rem .25rem
 }
 .topnav .dropdown .dropdown-menu .arrow-down::after {
  right:20px;
  transform:rotate(-135deg) translateY(-50%);
  position:absolute
 }
 .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
  position:absolute;
  top:0!important;
  left:100%;
  display:none
 }
 .topnav .dropdown:hover>.nav-link {
  color:#02c0ce
 }
 .topnav .dropdown:hover>.dropdown-menu {
  display:block
 }
 .topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-item {
  color:#02c0ce
 }
 .topnav .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {
  display:block
 }
 .navbar-toggle {
  display:none
 }
 body[data-layout-mode=horizontal] .content-page {
  padding:calc(70px + 55px) 12px 65px 12px
 }
}
.arrow-down {
 display:inline-block
}
.arrow-down:after {
 border-color:initial;
 border-style:solid;
 border-width:0 0 1px 1px;
 content:"";
 height:.4em;
 display:inline-block;
 right:5px;
 top:50%;
 margin-left:10px;
 transform:rotate(-45deg) translateY(-50%);
 transform-origin:top;
 transition:all .3s ease-out;
 width:.4em
}
@media (max-width:1366.98px) {
 .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {
  right:100%;
  left:auto
 }
}
@media (max-width:991.98px) {
 .topnav {
  max-height:360px;
  overflow-y:auto;
  padding:0
 }
 .topnav .navbar-nav .nav-link {
  padding:.75rem 1.1rem
 }
 .topnav .dropdown .dropdown-menu {
  background-color:transparent;
  border:none;
  box-shadow:none;
  padding-left:15px
 }
 .topnav .dropdown .dropdown-item {
  position:relative;
  background-color:transparent;
  color:#6e7488
 }
 .topnav .dropdown .dropdown-item.active,
 .topnav .dropdown .dropdown-item:active {
  color:#02c0ce
 }
 .topnav .arrow-down::after {
  right:15px;
  position:absolute
 }
}
body[data-layout-mode=horizontal][data-topbar-color=dark] .logo-light {
 display:block
}
body[data-layout-mode=horizontal][data-topbar-color=dark] .logo-dark {
 display:none
}
@media (min-width:992px) {
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav {
  background-color:#343b4a
 }
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link {
  color:rgba(255,255,255,.7)
 }
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link:focus,
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link:hover {
  color:rgba(255,255,255,.9)
 }
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-link.active {
  color:#fff
 }
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav .nav-item:hover .nav-link {
  color:#fff
 }
 body[data-layout-mode=horizontal][data-topbar-color=light] .topnav .navbar-nav>.dropdown.active>a {
  color:rgba(255,255,255,.9)!important
 }
}
body[data-layout-mode=horizontal][data-layout-width=boxed] .topnav {
 max-width:1300px;
 margin:70px auto 0
}
body[data-layout-mode=two-column] .left-side-menu {
 width:calc(70px + 220px);
 background-color:transparent;
 box-shadow:none
}
body[data-layout-mode=two-column] .sidebar-icon-menu {
 position:fixed;
 width:70px;
 z-index:500;
 top:0;
 bottom:0;
 padding-bottom:20px;
 background-color:#3bafda
}
body[data-layout-mode=two-column] .sidebar-icon-menu .logo {
 display:block;
 width:70px;
 height:70px;
 line-height:70px;
 text-align:center
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav {
 background-color:transparent;
 margin:15px auto
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link {
 text-align:center;
 width:40px;
 height:40px;
 line-height:40px;
 margin:10px auto;
 padding:0;
 border-radius:4px
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link.active {
 background-color:rgba(255,255,255,.12);
 box-shadow:0 1px 1px rgba(50,58,70,.1)
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link svg {
 color:#fff;
 fill:rgba(255,255,255,.12);
 height:22px;
 width:22px
}
body[data-layout-mode=two-column] .sidebar-icon-menu .nav .nav-link i {
 color:#fff;
 font-size:22px
}
body[data-layout-mode=two-column] .sidebar-main-menu {
 display:block;
 position:fixed;
 width:220px;
 background-color:#fff;
 top:70px;
 bottom:0;
 left:70px;
 padding:30px 5px;
 box-shadow:0 0 35px 0 rgba(154,161,171,.15);
 transition:all .1s ease-out
}
body[data-layout-mode=two-column] .sidebar-main-menu .sidebar-menu-body {
 padding:20px
}
body[data-layout-mode=two-column] .sidebar-main-menu .menu-title {
 color:#adb5bd!important;
 margin:0;
 padding:10px 20px;
 letter-spacing:.05em;
 font-size:.7rem;
 text-transform:uppercase;
 font-weight:600
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav>.nav-item>.nav-link {
 color:#6e768e;
 font-size:.9rem;
 font-family:Rubik,sans-serif
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav>.nav-item .menu-arrow {
 right:10px
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link {
 position:relative;
 color:#6e768e;
 padding:6px 15px;
 border-radius:3px;
 margin:3px 5px
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link.active,
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link:focus,
body[data-layout-mode=two-column] .sidebar-main-menu .nav .nav-link:hover {
 color:#02c0ce
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .menuitem-active>a.nav-link {
 color:#02c0ce;
 background-color:rgba(2,192,206,.07)
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav .menuitem-active a.active {
 color:#02c0ce
}
body[data-layout-mode=two-column] .sidebar-main-menu #sidebar-menu .menu-arrow {
 top:7px
}
body[data-layout-mode=two-column] .sidebar-main-menu .nav-second-level {
 padding-left:15px;
 list-style:none
}
@media (min-width:992px) {
 body[data-layout-mode=two-column] .navbar-custom {
  left:70px!important;
  padding-left:0
 }
 body[data-layout-mode=two-column] .navbar-custom .logo-box {
  width:220px
 }
 body[data-layout-mode=two-column] .navbar-custom .logo-box .logo-sm {
  display:none
 }
 body[data-layout-mode=two-column][data-sidebar-size=condensed] .logo-box {
  width:0!important
 }
}
body[data-layout-mode=two-column][data-sidebar-color=light] .logo-box {
 background-color:#fff
}
@media (min-width:992px) {
 body[data-layout-mode=two-column] .content-page {
  margin-left:calc(70px + 220px)
 }
 body[data-layout-mode=two-column] .footer {
  left:calc(70px + 220px)
 }
 body[data-layout-mode=two-column][data-sidebar-size=condensed] .sidebar-main-menu {
  display:none
 }
}
body[data-layout-mode=two-column] .twocolumn-menu-item {
 display:none
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu {
 background-color:#343b4a
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav>.nav-item>.nav-link {
 color:#9097a7
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .nav-link.active,
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .nav-link:focus,
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .nav-link:hover {
 color:#c8cddc
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .menuitem-active>a.nav-link {
 color:#02c0ce;
 background-color:rgba(2,192,206,.07)
}
body[data-layout-mode=two-column][data-sidebar-color=dark] .sidebar-main-menu .nav .menuitem-active a.active {
 color:#02c0ce
}
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav>.nav-item>.nav-link,
body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav>.nav-item>.nav-link {
 color:rgba(255,255,255,.7)
}
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav .nav-link.active,
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav .nav-link:focus,
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu .nav .nav-link:hover,
body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav .nav-link.active,
body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav .nav-link:focus,
body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu .nav .nav-link:hover {
 color:rgba(255,255,255,.9)
}
body[data-layout-mode=two-column][data-sidebar-color=brand] .sidebar-main-menu {
 background-color:#4a81d4
}
body[data-layout-mode=two-column][data-sidebar-color=gradient] .sidebar-main-menu {
 background:#683ba9;
 background-image:linear-gradient(270deg,rgba(64,149,216,.15),transparent)
}
body[data-layout-mode=two-column][data-layout-width=boxed] .navbar-custom {
 max-width:calc(1300px - 70px)
}
body[data-layout-mode=two-column][data-layout-width=boxed] .sidebar-main-menu {
 position:absolute;
 top:0
}
body[data-layout-mode=two-column][data-layout-width=boxed]:not([data-sidebar-size=condensed]) .footer {
 max-width:calc(1300px - calc(70px + 220px))
}
.avatar-xs {
 height:1.5rem;
 width:1.5rem
}
.avatar-sm {
 height:2.25rem;
 width:2.25rem
}
.avatar-md {
 height:3.5rem;
 width:3.5rem
}
.avatar-lg {
 height:4.5rem;
 width:4.5rem
}
.avatar-xl {
 height:6rem;
 width:6rem
}
.avatar-xxl {
 height:7.5rem;
 width:7.5rem
}
.avatar-title {
 align-items:center;
 color:#fff;
 display:flex;
 height:100%;
 justify-content:center;
 width:100%
}
.avatar-group {
 padding-left:12px
}
.avatar-group .avatar-group-item {
 margin:0 0 10px -12px;
 display:inline-block;
 border:2px solid #fff;
 border-radius:50%
}
.width-xs {
 min-width:80px
}
.width-sm {
 min-width:100px
}
.width-md {
 min-width:120px
}
.width-lg {
 min-width:140px
}
.width-xl {
 min-width:160px
}
.font-family-primary {
 font-family:Roboto,sans-serif
}
.font-family-secondary {
 font-family:Rubik,sans-serif
}
.pull-in {
 margin-left:-1.5rem;
 margin-right:-1.5rem
}
.sp-line-1,
.sp-line-2,
.sp-line-3,
.sp-line-4 {
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-box-orient:vertical
}
.sp-line-1 {
 -webkit-line-clamp:1
}
.sp-line-2 {
 -webkit-line-clamp:2
}
.sp-line-3 {
 -webkit-line-clamp:3
}
.sp-line-4 {
 -webkit-line-clamp:4
}
.icon-dual {
 color:#98a6ad;
 fill:rgba(152,166,173,.12)
}
.icon-dual-primary {
 color:#02c0ce;
 fill:rgba(2,192,206,.16)
}
.icon-dual-secondary {
 color:#6c757d;
 fill:rgba(108,117,125,.16)
}
.icon-dual-success {
 color:#0acf97;
 fill:rgba(10,207,151,.16)
}
.icon-dual-info {
 color:#45bbe0;
 fill:rgba(69,187,224,.16)
}
.icon-dual-warning {
 color:#f9bc0b;
 fill:rgba(249,188,11,.16)
}
.icon-dual-danger {
 color:#f1556c;
 fill:rgba(241,85,108,.16)
}
.icon-dual-light {
 color:#ebf0f3;
 fill:rgba(235,240,243,.16)
}
.icon-dual-dark {
 color:#323a46;
 fill:rgba(50,58,70,.16)
}
.icon-dual-pink {
 color:#ff679b;
 fill:rgba(255,103,155,.16)
}
.icon-dual-purple {
 color:#777edd;
 fill:rgba(119,126,221,.16)
}
.icon-dual-blue {
 color:#2d7bf4;
 fill:rgba(45,123,244,.16)
}
.icons-xs {
 height:16px;
 width:16px
}
.icons-sm {
 height:24px;
 width:24px
}
.icons-md {
 height:32px;
 width:32px
}
.icons-lg {
 height:40px;
 width:40px
}
.icons-xl {
 height:48px;
 width:48px
}
.icons-xxl {
 height:60px;
 width:60px
}
.item-hovered:hover {
 background-color:#f3f6f8
}
.social-list-item {
 height:2rem;
 width:2rem;
 line-height:calc(2rem - 4px);
 display:block;
 border:2px solid #98a6ad;
 border-radius:50%;
 color:#98a6ad;
 text-align:center;
 font-size:12px
}
.social-list-item:hover {
 border-color:#92a1a8;
 color:#92a1a8
}
.widget-flat {
 position:relative;
 overflow:hidden
}
.widget-flat i {
 position:absolute;
 bottom:-20px;
 font-size:78px;
 opacity:.25;
 left:0;
 transition:bottom .5s ease 0s
}
.widget-flat:hover i {
 bottom:0
}
.inbox-widget .inbox-item {
 border-bottom:1px solid rgba(229,232,235,.5);
 overflow:hidden;
 padding:.625rem 0;
 position:relative
}
.inbox-widget .inbox-item:last-of-type {
 border-bottom:none
}
.inbox-widget .inbox-item .inbox-item-img {
 display:block;
 float:left;
 margin-right:15px;
 width:40px;
 margin-top:3px
}
.inbox-widget .inbox-item .inbox-item-img img {
 width:40px
}
.inbox-widget .inbox-item .inbox-item-author {
 color:#343a40;
 display:block;
 margin:0;
 font-weight:500
}
.inbox-widget .inbox-item .inbox-item-text {
 color:#98a6ad;
 display:block;
 font-size:.8125rem;
 margin:0;
 overflow:hidden
}
.inbox-widget .inbox-item .inbox-item-date {
 color:#98a6ad;
 font-size:.6875rem;
 position:absolute;
 right:5px;
 top:10px
}
.knob-chart input {
 outline:0!important
}
[data-plugin=knob] {
 font-family:Roboto,sans-serif!important
}
.comment-list .comment-box-item {
 position:relative
}
.comment-list .comment-box-item .commnet-item-date {
 color:#98a6ad;
 font-size:11px;
 position:absolute;
 right:7px;
 top:2px
}
.comment-list .comment-box-item .commnet-item-msg {
 color:#323a46;
 display:block;
 margin-top:10px;
 margin-bottom:6px;
 font-size:15px;
 line-height:24px
}
.comment-list .comment-box-item .commnet-item-user {
 color:#98a6ad;
 display:block;
 font-size:14px;
 margin:0
}
.comment-list a+a {
 margin-top:15px;
 display:block
}
.knob-chart>div {
 display:inherit!important
}
.checkbox label {
 display:inline-block;
 padding-left:8px;
 position:relative;
 font-weight:400;
 margin-bottom:0
}
.checkbox label::before {
 background-color:transparent;
 border-radius:3px;
 border:2px solid #98a6ad;
 content:"";
 display:inline-block;
 height:18px;
 left:0;
 margin-left:-18px;
 position:absolute;
 transition:.3s ease-in-out;
 width:18px;
 outline:0!important;
 top:2px
}
.checkbox label::after {
 color:#6c757d;
 display:inline-block;
 font-size:11px;
 height:18px;
 left:0;
 margin-left:-18px;
 padding-left:3px;
 padding-top:2px;
 position:absolute;
 top:0;
 width:18px
}
.checkbox input[type=checkbox] {
 cursor:pointer;
 opacity:0;
 z-index:1;
 outline:0!important
}
.checkbox input[type=checkbox]:disabled+label {
 opacity:.65
}
.checkbox input[type=checkbox]:focus+label::before {
 outline-offset:-2px;
 outline:0
}
.checkbox input[type=checkbox]:checked+label::after {
 content:"";
 position:absolute;
 top:6px;
 left:7px;
 display:table;
 width:4px;
 height:8px;
 border:2px solid #6c757d;
 border-top-width:0;
 border-left-width:0;
 transform:rotate(45deg)
}
.checkbox input[type=checkbox]:disabled+label::before {
 background-color:#ebf0f3;
 cursor:not-allowed
}
.checkbox.checkbox-circle label::before {
 border-radius:50%
}
.checkbox.checkbox-inline {
 margin-top:0
}
.checkbox.checkbox-single input {
 height:18px;
 width:18px;
 position:absolute
}
.checkbox.checkbox-single label {
 height:18px;
 width:18px
}
.checkbox.checkbox-single label:before {
 margin-left:0
}
.checkbox.checkbox-single label:after {
 margin-left:0
}
.checkbox-primary input[type=checkbox]:checked+label::before {
 background-color:#02c0ce;
 border-color:#02c0ce
}
.checkbox-primary input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-secondary input[type=checkbox]:checked+label::before {
 background-color:#6c757d;
 border-color:#6c757d
}
.checkbox-secondary input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-success input[type=checkbox]:checked+label::before {
 background-color:#0acf97;
 border-color:#0acf97
}
.checkbox-success input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-info input[type=checkbox]:checked+label::before {
 background-color:#45bbe0;
 border-color:#45bbe0
}
.checkbox-info input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-warning input[type=checkbox]:checked+label::before {
 background-color:#f9bc0b;
 border-color:#f9bc0b
}
.checkbox-warning input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-danger input[type=checkbox]:checked+label::before {
 background-color:#f1556c;
 border-color:#f1556c
}
.checkbox-danger input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-light input[type=checkbox]:checked+label::before {
 background-color:#ebf0f3;
 border-color:#ebf0f3
}
.checkbox-light input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-dark input[type=checkbox]:checked+label::before {
 background-color:#323a46;
 border-color:#323a46
}
.checkbox-dark input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-pink input[type=checkbox]:checked+label::before {
 background-color:#ff679b;
 border-color:#ff679b
}
.checkbox-pink input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-purple input[type=checkbox]:checked+label::before {
 background-color:#777edd;
 border-color:#777edd
}
.checkbox-purple input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-blue input[type=checkbox]:checked+label::before {
 background-color:#2d7bf4;
 border-color:#2d7bf4
}
.checkbox-blue input[type=checkbox]:checked+label::after {
 border-color:#fff
}
.checkbox-dark input[type=checkbox]:checked+label::after {
 border-color:#ebf0f3
}
.radio label {
 display:inline-block;
 padding-left:8px;
 position:relative;
 font-weight:400;
 margin-bottom:0
}
.radio label::before {
 background-color:transparent;
 border-radius:50%;
 border:2px solid #98a6ad;
 content:"";
 display:inline-block;
 height:18px;
 left:0;
 margin-left:-18px;
 position:absolute;
 transition:border .5s ease-in-out;
 width:18px;
 outline:0!important
}
.radio label::after {
 background-color:#6c757d;
 border-radius:50%;
 content:" ";
 display:inline-block;
 height:10px;
 left:6px;
 margin-left:-20px;
 position:absolute;
 top:4px;
 transform:scale(0,0);
 transition:transform .1s cubic-bezier(.8,-.33,.2,1.33);
 width:10px
}
.radio input[type=radio] {
 cursor:pointer;
 opacity:0;
 z-index:1;
 outline:0!important
}
.radio input[type=radio]:disabled+label {
 opacity:.65
}
.radio input[type=radio]:focus+label::before {
 outline-offset:-2px;
 outline:5px auto -webkit-focus-ring-color;
 outline:thin dotted
}
.radio input[type=radio]:checked+label::after {
 transform:scale(1,1)
}
.radio input[type=radio]:disabled+label::before {
 cursor:not-allowed
}
.radio.radio-inline {
 margin-top:0
}
.radio.radio-single label {
 height:17px
}
.radio-primary input[type=radio]+label::after {
 background-color:#02c0ce
}
.radio-primary input[type=radio]:checked+label::before {
 border-color:#02c0ce
}
.radio-primary input[type=radio]:checked+label::after {
 background-color:#02c0ce
}
.radio-secondary input[type=radio]+label::after {
 background-color:#6c757d
}
.radio-secondary input[type=radio]:checked+label::before {
 border-color:#6c757d
}
.radio-secondary input[type=radio]:checked+label::after {
 background-color:#6c757d
}
.radio-success input[type=radio]+label::after {
 background-color:#0acf97
}
.radio-success input[type=radio]:checked+label::before {
 border-color:#0acf97
}
.radio-success input[type=radio]:checked+label::after {
 background-color:#0acf97
}
.radio-info input[type=radio]+label::after {
 background-color:#45bbe0
}
.radio-info input[type=radio]:checked+label::before {
 border-color:#45bbe0
}
.radio-info input[type=radio]:checked+label::after {
 background-color:#45bbe0
}
.radio-warning input[type=radio]+label::after {
 background-color:#f9bc0b
}
.radio-warning input[type=radio]:checked+label::before {
 border-color:#f9bc0b
}
.radio-warning input[type=radio]:checked+label::after {
 background-color:#f9bc0b
}
.radio-danger input[type=radio]+label::after {
 background-color:#f1556c
}
.radio-danger input[type=radio]:checked+label::before {
 border-color:#f1556c
}
.radio-danger input[type=radio]:checked+label::after {
 background-color:#f1556c
}
.radio-light input[type=radio]+label::after {
 background-color:#ebf0f3
}
.radio-light input[type=radio]:checked+label::before {
 border-color:#ebf0f3
}
.radio-light input[type=radio]:checked+label::after {
 background-color:#ebf0f3
}
.radio-dark input[type=radio]+label::after {
 background-color:#323a46
}
.radio-dark input[type=radio]:checked+label::before {
 border-color:#323a46
}
.radio-dark input[type=radio]:checked+label::after {
 background-color:#323a46
}
.radio-pink input[type=radio]+label::after {
 background-color:#ff679b
}
.radio-pink input[type=radio]:checked+label::before {
 border-color:#ff679b
}
.radio-pink input[type=radio]:checked+label::after {
 background-color:#ff679b
}
.radio-purple input[type=radio]+label::after {
 background-color:#777edd
}
.radio-purple input[type=radio]:checked+label::before {
 border-color:#777edd
}
.radio-purple input[type=radio]:checked+label::after {
 background-color:#777edd
}
.radio-blue input[type=radio]+label::after {
 background-color:#2d7bf4
}
.radio-blue input[type=radio]:checked+label::before {
 border-color:#2d7bf4
}
.radio-blue input[type=radio]:checked+label::after {
 background-color:#2d7bf4
}
.ribbon-box {
 position:relative
}
.ribbon-box .ribbon {
 position:relative;
 clear:both;
 padding:5px 12px;
 margin-bottom:15px;
 box-shadow:2px 5px 10px rgba(0,0,0,.1);
 color:#fff;
 font-size:13px;
 font-weight:500;
 font-family:Rubik,sans-serif
}
.ribbon-box .ribbon:before {
 content:" ";
 border-style:solid;
 border-width:10px;
 display:block;
 position:absolute;
 bottom:-10px;
 left:0;
 margin-bottom:-10px;
 z-index:-1
}
.ribbon-box .ribbon.float-left {
 margin-left:-30px;
 border-radius:0 3px 3px 0
}
.ribbon-box .ribbon.float-right {
 margin-right:-30px;
 border-radius:3px 0 0 3px
}
.ribbon-box .ribbon.float-right:before {
 right:0
}
.ribbon-box .ribbon.float-center span {
 margin:0 auto 20px auto
}
.ribbon-box .ribbon-content {
 clear:both
}
.ribbon-box .ribbon-primary {
 background:#02c0ce
}
.ribbon-box .ribbon-primary:before {
 border-color:#02919b transparent transparent
}
.ribbon-box .ribbon-secondary {
 background:#6c757d
}
.ribbon-box .ribbon-secondary:before {
 border-color:#545b62 transparent transparent
}
.ribbon-box .ribbon-success {
 background:#0acf97
}
.ribbon-box .ribbon-success:before {
 border-color:#089e74 transparent transparent
}
.ribbon-box .ribbon-info {
 background:#45bbe0
}
.ribbon-box .ribbon-info:before {
 border-color:#23a6cf transparent transparent
}
.ribbon-box .ribbon-warning {
 background:#f9bc0b
}
.ribbon-box .ribbon-warning:before {
 border-color:#cc9905 transparent transparent
}
.ribbon-box .ribbon-danger {
 background:#f1556c
}
.ribbon-box .ribbon-danger:before {
 border-color:#ed2643 transparent transparent
}
.ribbon-box .ribbon-light {
 background:#ebf0f3
}
.ribbon-box .ribbon-light:before {
 border-color:#cbd8e0 transparent transparent
}
.ribbon-box .ribbon-dark {
 background:#323a46
}
.ribbon-box .ribbon-dark:before {
 border-color:#1d2128 transparent transparent
}
.ribbon-box .ribbon-pink {
 background:#ff679b
}
.ribbon-box .ribbon-pink:before {
 border-color:#ff3479 transparent transparent
}
.ribbon-box .ribbon-purple {
 background:#777edd
}
.ribbon-box .ribbon-purple:before {
 border-color:#4e57d3 transparent transparent
}
.ribbon-box .ribbon-blue {
 background:#2d7bf4
}
.ribbon-box .ribbon-blue:before {
 border-color:#0c60e2 transparent transparent
}
.ribbon-box .ribbon-two {
 position:absolute;
 left:-5px;
 top:-5px;
 z-index:1;
 overflow:hidden;
 width:75px;
 height:75px;
 text-align:right
}
.ribbon-box .ribbon-two span {
 font-size:13px;
 color:#fff;
 text-align:center;
 line-height:20px;
 transform:rotate(-45deg);
 width:100px;
 display:block;
 box-shadow:0 0 8px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02);
 position:absolute;
 top:19px;
 left:-21px;
 font-weight:500;
 font-family:Rubik,sans-serif
}
.ribbon-box .ribbon-two span:before {
 content:"";
 position:absolute;
 left:0;
 top:100%;
 z-index:-1;
 border-right:3px solid transparent;
 border-bottom:3px solid transparent
}
.ribbon-box .ribbon-two span:after {
 content:"";
 position:absolute;
 right:0;
 top:100%;
 z-index:-1;
 border-left:3px solid transparent;
 border-bottom:3px solid transparent
}
.ribbon-box .ribbon-two-primary span {
 background:#02c0ce
}
.ribbon-box .ribbon-two-primary span:before {
 border-left:3px solid #017982;
 border-top:3px solid #017982
}
.ribbon-box .ribbon-two-primary span:after {
 border-right:3px solid #017982;
 border-top:3px solid #017982
}
.ribbon-box .ribbon-two-secondary span {
 background:#6c757d
}
.ribbon-box .ribbon-two-secondary span:before {
 border-left:3px solid #494f54;
 border-top:3px solid #494f54
}
.ribbon-box .ribbon-two-secondary span:after {
 border-right:3px solid #494f54;
 border-top:3px solid #494f54
}
.ribbon-box .ribbon-two-success span {
 background:#0acf97
}
.ribbon-box .ribbon-two-success span:before {
 border-left:3px solid #068662;
 border-top:3px solid #068662
}
.ribbon-box .ribbon-two-success span:after {
 border-right:3px solid #068662;
 border-top:3px solid #068662
}
.ribbon-box .ribbon-two-info span {
 background:#45bbe0
}
.ribbon-box .ribbon-two-info span:before {
 border-left:3px solid #1f95ba;
 border-top:3px solid #1f95ba
}
.ribbon-box .ribbon-two-info span:after {
 border-right:3px solid #1f95ba;
 border-top:3px solid #1f95ba
}
.ribbon-box .ribbon-two-warning span {
 background:#f9bc0b
}
.ribbon-box .ribbon-two-warning span:before {
 border-left:3px solid #b38604;
 border-top:3px solid #b38604
}
.ribbon-box .ribbon-two-warning span:after {
 border-right:3px solid #b38604;
 border-top:3px solid #b38604
}
.ribbon-box .ribbon-two-danger span {
 background:#f1556c
}
.ribbon-box .ribbon-two-danger span:before {
 border-left:3px solid #e71332;
 border-top:3px solid #e71332
}
.ribbon-box .ribbon-two-danger span:after {
 border-right:3px solid #e71332;
 border-top:3px solid #e71332
}
.ribbon-box .ribbon-two-light span {
 background:#ebf0f3
}
.ribbon-box .ribbon-two-light span:before {
 border-left:3px solid #bbccd6;
 border-top:3px solid #bbccd6
}
.ribbon-box .ribbon-two-light span:after {
 border-right:3px solid #bbccd6;
 border-top:3px solid #bbccd6
}
.ribbon-box .ribbon-two-dark span {
 background:#323a46
}
.ribbon-box .ribbon-two-dark span:before {
 border-left:3px solid #121519;
 border-top:3px solid #121519
}
.ribbon-box .ribbon-two-dark span:after {
 border-right:3px solid #121519;
 border-top:3px solid #121519
}
.ribbon-box .ribbon-two-pink span {
 background:#ff679b
}
.ribbon-box .ribbon-two-pink span:before {
 border-left:3px solid #ff1b69;
 border-top:3px solid #ff1b69
}
.ribbon-box .ribbon-two-pink span:after {
 border-right:3px solid #ff1b69;
 border-top:3px solid #ff1b69
}
.ribbon-box .ribbon-two-purple span {
 background:#777edd
}
.ribbon-box .ribbon-two-purple span:before {
 border-left:3px solid #3a44ce;
 border-top:3px solid #3a44ce
}
.ribbon-box .ribbon-two-purple span:after {
 border-right:3px solid #3a44ce;
 border-top:3px solid #3a44ce
}
.ribbon-box .ribbon-two-blue span {
 background:#2d7bf4
}
.ribbon-box .ribbon-two-blue span:before {
 border-left:3px solid #0b56ca;
 border-top:3px solid #0b56ca
}
.ribbon-box .ribbon-two-blue span:after {
 border-right:3px solid #0b56ca;
 border-top:3px solid #0b56ca
}
@media print {
 .footer,
 .left-side-menu,
 .navbar-custom,
 .page-title-box,
 .right-bar {
  display:none
 }
 .card-body,
 .content,
 .content-page,
 .right-bar,
 body {
  padding:0;
  margin:0
 }
 .card {
  border-color:transparent
 }
}
#preloader {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#fff;
 z-index:9999
}
#status {
 width:40px;
 height:40px;
 position:absolute;
 left:50%;
 top:50%;
 margin:-20px 0 0 -20px
}
.spinner {
 margin:0 auto;
 font-size:10px;
 position:relative;
 text-indent:-9999em;
 border-top:5px solid #dee2e6;
 border-right:5px solid #dee2e6;
 border-bottom:5px solid #dee2e6;
 border-left:5px solid #02c0ce;
 transform:translateZ(0);
 animation:SpinnerAnimation 1.1s infinite linear
}
.spinner,
.spinner:after {
 border-radius:50%;
 width:40px;
 height:40px
}
@keyframes SpinnerAnimation {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
.logout-icon {
 width:140px
}
.auth-fluid {
 position:relative;
 display:flex;
 align-items:center;
 min-height:100vh;
 flex-direction:row;
 align-items:stretch;
 background-position:center;
 background-size:cover
}
.auth-fluid .auth-fluid-form-box {
 max-width:540px;
 border-radius:0;
 z-index:2;
 padding:3rem 2rem;
 background-color:#fff;
 position:absolute;
 right:0;
 width:100%;
 height:100%
}
@media (max-width:575.98px) {
 .auth-fluid .auth-fluid-form-box {
  position:relative
 }
}
.auth-brand {
 margin-bottom:2rem
}
@media (max-width:991.98px) {
 .auth-fluid {
  display:block
 }
 .auth-fluid .auth-fluid-form-box {
  max-width:100%;
  min-height:100vh
 }
 .auth-fluid .auth-fluid-right {
  display:none
 }
}
.auth-logo .auth-logo-light {
 display:none
}
.auth-logo .auth-logo-dark {
 display:block
}
.button-list {
 margin-left:-8px;
 margin-bottom:-12px
}
.button-list .btn {
 margin-bottom:12px;
 margin-left:8px
}
.grid-structure .grid-container {
 background-color:rgba(235,240,243,.6);
 margin-bottom:10px;
 font-size:.8rem;
 font-weight:600;
 padding:10px 20px
}
.icons-list-demo div.col-sm-6 {
 cursor:pointer;
 line-height:45px;
 white-space:nowrap;
 text-overflow:ellipsis;
 display:block;
 overflow:hidden;
 color:#6c757d
}
.icons-list-demo div.col-sm-6 p {
 margin-bottom:0;
 line-height:inherit
}
.icons-list-demo i {
 text-align:center;
 vertical-align:middle;
 font-size:22px;
 width:50px;
 height:50px;
 line-height:50px;
 margin-right:12px;
 color:#6c757d;
 border-radius:3px;
 display:inline-block;
 transition:all .2s
}
.icons-list-demo .col-sm-6 {
 border-radius:3px;
 background-clip:padding-box;
 margin-bottom:10px
}
.icons-list-demo .col-sm-6:hover,
.icons-list-demo .col-sm-6:hover i {
 color:#02c0ce
}
.icons-list-demo .icon-item svg {
 margin-right:10px
}
.icons-list-demo .icon-item span {
 line-height:30px;
 display:inline-block;
 vertical-align:middle
}
.scrollspy-example {
 position:relative;
 height:200px;
 margin-top:.5rem;
 overflow:auto
}
.text-error {
 color:#02c0ce;
 text-shadow:rgba(2,192,206,.3) 5px 1px,rgba(2,192,206,.2) 10px 3px;
 font-size:84px;
 line-height:90px;
 font-family:Rubik,sans-serif
}
.logout-checkmark {
 width:100px;
 margin:0 auto;
 padding:20px 0
}
.logout-path {
 stroke-dasharray:1000;
 stroke-dashoffset:0;
 animation:dash 2s ease-in-out
}
.logout-spin {
 animation:spin 2s;
 transform-origin:50% 50%
}
@keyframes dash {
 0% {
  stroke-dashoffset:1000
 }
 100% {
  stroke-dashoffset:0
 }
}
@keyframes spin {
 0% {
  -webkit-transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg)
 }
}
@keyframes text {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.faq-question-q-box {
 height:30px;
 width:30px;
 color:#fff;
 text-align:center;
 border-radius:50%;
 float:left;
 font-weight:700;
 line-height:30px;
 background-color:#02c0ce
}
.faq-question {
 margin-top:0;
 margin-left:50px;
 font-weight:400;
 font-size:16px
}
.faq-answer {
 margin-left:50px;
 color:#98a6ad
}
.svg-computer {
 stroke-dasharray:1134;
 stroke-dashoffset:-1134;
 animation:draw-me 5s infinite;
 animation-direction:normal;
 height:160px
}
@keyframes draw-me {
 from {
  stroke-dashoffset:-1134
 }
 to {
  stroke-dashoffset:0
 }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .svg-computer {
  stroke-dasharray:0;
  stroke-dashoffset:0;
  animation:none;
  animation-direction:normal
 }
}
.timeline {
 margin-bottom:50px;
 position:relative
}
.timeline:before {
 background-color:#dee2e6;
 bottom:0;
 content:"";
 left:50%;
 position:absolute;
 top:30px;
 width:2px;
 z-index:0
}
.timeline .time-show {
 margin-bottom:30px;
 margin-top:30px;
 position:relative
}
.timeline .timeline-box {
 background:#ebf0f3;
 display:block;
 margin:15px 0;
 position:relative;
 padding:20px;
 border-radius:.25rem;
 box-shadow:none;
 text-align:left
}
.timeline .timeline-album {
 margin-top:12px
}
.timeline .timeline-album a {
 display:inline-block;
 margin-right:5px
}
.timeline .timeline-album img {
 height:36px;
 width:auto;
 border-radius:3px
}
.timeline .timeline-icon {
 background-color:#02c0ce;
 color:#fff
}
@media (min-width:768px) {
 .timeline .time-show {
  margin-left:-69px;
  text-align:right
 }
 .timeline .timeline-box {
  margin-left:45px
 }
 .timeline .timeline-icon {
  border-radius:50%;
  display:block;
  height:20px;
  left:-54px;
  margin-top:-10px;
  position:absolute;
  text-align:center;
  top:50%;
  width:20px
 }
 .timeline .timeline-icon i {
  font-size:13px
 }
 .timeline .timeline-desk {
  display:table-cell;
  vertical-align:top;
  width:50%
 }
 .timeline-item {
  display:flex
 }
 .timeline-item:before {
  content:"";
  display:block;
  width:50%
 }
 .timeline-item .timeline-desk .arrow {
  border-bottom:12px solid transparent;
  border-right:12px solid #ebf0f3!important;
  border-top:12px solid transparent;
  display:block;
  height:0;
  left:-12px;
  margin-top:-12px;
  position:absolute;
  top:50%;
  width:0
 }
 .timeline-item.timeline-item-left:after {
  content:"";
  display:block;
  width:50%
 }
 .timeline-item.timeline-item-left .timeline-desk .arrow-alt {
  border-bottom:12px solid transparent;
  border-left:12px solid #ebf0f3!important;
  border-top:12px solid transparent;
  display:block;
  height:0;
  left:auto;
  margin-top:-12px;
  position:absolute;
  right:-12px;
  top:50%;
  width:0
 }
 .timeline-item.timeline-item-left .timeline-desk .album {
  float:right;
  margin-top:20px
 }
 .timeline-item.timeline-item-left .timeline-desk .album a {
  float:right;
  margin-left:5px
 }
 .timeline-item.timeline-item-left .timeline-icon {
  left:auto;
  right:-56px
 }
 .timeline-item.timeline-item-left:before {
  display:none
 }
 .timeline-item.timeline-item-left .timeline-box {
  margin-right:45px;
  margin-left:0;
  text-align:right
 }
}
@media (max-width:767.98px) {
 .timeline .time-show {
  text-align:center;
  position:relative
 }
 .timeline .timeline-icon {
  display:none
 }
}
.timeline-sm {
 padding-left:110px
}
.timeline-sm .timeline-sm-item {
 position:relative;
 padding-bottom:20px;
 padding-left:40px;
 border-left:2px solid #dee2e6
}
.timeline-sm .timeline-sm-item:after {
 content:"";
 display:block;
 position:absolute;
 top:3px;
 left:-7px;
 width:12px;
 height:12px;
 border-radius:50%;
 background:#ebf0f3;
 border:2px solid #02c0ce
}
.timeline-sm .timeline-sm-item .timeline-sm-date {
 position:absolute;
 left:-104px
}
@media (max-width:420px) {
 .timeline-sm {
  padding-left:0
 }
 .timeline-sm .timeline-sm-date {
  position:relative!important;
  display:block;
  left:0!important;
  margin-bottom:10px
 }
}
.inbox-leftbar {
 width:240px;
 float:left;
 padding:0 20px 20px 10px;
 position:relative
}
.inbox-rightbar {
 margin-left:250px
}
.message-list {
 display:block;
 padding-left:0
}
.message-list li {
 position:relative;
 display:block;
 height:51px;
 line-height:50px;
 cursor:default;
 transition-duration:.3s
}
.message-list li a {
 color:#6c757d
}
.message-list li:hover {
 background:#f3f6f8;
 transition-duration:.05s
}
.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;
 color:#adb5bd;
 margin-left:10px
}
.message-list li .col-mail-1 .title {
 position:absolute;
 top:0;
 left:100px;
 right:0;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 margin-bottom:0;
 line-height:50px
}
.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:110px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.message-list li .col-mail-2 .date {
 right:0;
 width:100px;
 padding-left:10px
}
.message-list li.active,
.message-list li.mail-selected {
 background:#ebf0f3;
 transition-duration:.05s
}
.message-list li.active,
.message-list li.active:hover {
 box-shadow:inset 3px 0 0 #45bbe0
}
.message-list li.unread a {
 font-weight:600;
 color:#272e37
}
.message-list .checkbox-wrapper-mail {
 cursor:pointer;
 height:20px;
 width:20px;
 position:relative;
 display:inline-block;
 box-shadow:inset 0 0 0 2px #ced4da;
 border-radius:3px
}
.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;
 top:3px;
 left:3px;
 right:3px;
 bottom:3px;
 cursor:pointer;
 background:#98a6ad;
 opacity:0;
 margin-bottom:0!important;
 transition-duration:.05s
}
.message-list .checkbox-wrapper-mail label:active {
 background:#87949b
}
.mail-list a {
 color:#6c757d;
 padding:9px 10px;
 display:block;
 font-size:15px
}
.mail-list a .badge {
 margin-top:3px
}
.reply-box {
 border:2px solid #ebf0f3
}
@media (max-width:648px) {
 .inbox-leftbar {
  width:100%;
  float:none;
  padding:0 20px
 }
 .inbox-leftbar:before {
  border-right:none
 }
 .inbox-rightbar {
  padding-top:40px;
  margin:0;
  border:0;
  padding-left:0
 }
 .message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin-left:0
 }
}
@media (max-width:520px) {
 .inbox-rightbar>.btn-group {
  margin-bottom:10px
 }
 .message-list li .col-mail-1 {
  width:150px
 }
 .message-list li .col-mail-1 .title {
  left:80px
 }
 .message-list li .col-mail-2 {
  left:160px
 }
 .message-list li .col-mail-2 .date {
  text-align:right;
  padding-right:10px;
  padding-left:20px
 }
}
.search-result-box .tab-content {
 padding:30px 30px 10px 30px;
 box-shadow:none
}
.search-result-box .search-item {
 padding-bottom:20px;
 border-bottom:1px solid #ebf0f3;
 margin-bottom:20px
}
.search-result-box .nav-bordered .nav-link {
 padding:10px 5px!important;
 margin-right:10px
}
.filter-menu {
 margin-bottom:20px
}
.filter-menu a {
 transition:all .3s ease-out;
 color:#323a46;
 border-radius:3px;
 padding:5px 10px;
 display:inline-block;
 margin-bottom:5px;
 font-family:Rubik,sans-serif
}
.filter-menu a:hover {
 background-color:#02c0ce;
 color:#fff
}
.filter-menu a.active {
 background-color:#02c0ce;
 color:#fff
}
.port {
 margin-bottom:30px
}
.portfolio-masonry-box {
 overflow:hidden;
 position:relative;
 padding:0
}
.portfolio-masonry-box .portfolio-masonry-img {
 position:relative;
 overflow:hidden;
 border-radius:5px
}
.portfolio-masonry-box .portfolio-masonry-img:after {
 content:" ";
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 background:rgba(50,58,70,0);
 transition:all .27s cubic-bezier(.3,.1,.58,1)
}
.portfolio-masonry-box .portfolio-masonry-img>img {
 transition:all .3s cubic-bezier(.3,.1,.58,1);
 border-radius:0
}
.portfolio-masonry-box .portfolio-masonry-detail {
 opacity:0;
 width:100%;
 padding:20px 20px 0 20px;
 box-sizing:border-box;
 position:absolute;
 left:0;
 text-align:center;
 transition:all .27s cubic-bezier(.3,.1,.58,1);
 z-index:3
}
.portfolio-masonry-box .portfolio-masonry-detail h4 {
 margin-bottom:3px;
 color:#ebf0f3!important
}
.portfolio-masonry-box .portfolio-masonry-detail p {
 color:#ebf0f3!important;
 text-transform:uppercase;
 font-size:12px
}
.portfolio-masonry-box:hover .portfolio-masonry-detail {
 transform:translateY(-100%);
 opacity:1
}
.portfolio-masonry-box:hover .portfolio-masonry-img:after {
 background:rgba(50,58,70,.8)
}
.portfolio-masonry-box:hover .portfolio-masonry-img>img {
 transform:scale(1.05)
}
.counter-number {
 font-size:26px;
 font-family:Rubik,sans-serif;
 font-weight:500
}
.counter-number span {
 font-size:13px;
 font-weight:400;
 display:block;
 text-transform:uppercase;
 padding-top:20px
}
.coming-box {
 float:left;
 width:25%
}
.svg-rocket {
 height:80px
}
.rocket-clouds__bubble,
.rocket-clouds__cloud,
.rocket-inner__rocket-and-lines,
.rocket-rocket {
 fill:#02c0ce
}
.task-detail .task-tags .bootstrap-tagsinput {
 padding:0;
 border:none;
 background-color:transparent
}
.task-detail .files-list .file-box {
 display:inline-block;
 vertical-align:middle;
 width:80px;
 padding:2px;
 border-radius:4px;
 background-clip:padding-box
}
.task-detail .files-list .file-box img {
 line-height:70px
}
.task-detail .files-list .file-box p {
 width:100%;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.task-detail .add-new-plus {
 height:32px;
 text-align:center;
 width:32px;
 display:block;
 line-height:32px;
 color:#98a6ad;
 font-weight:700;
 background-color:#ebf0f3;
 border-radius:50%
}
.tasklist {
 min-height:40px;
 margin-bottom:0
}
.tasklist li {
 background-color:#fff;
 border:1px solid #dee2e6;
 padding:20px;
 margin-bottom:15px;
 border-radius:3px;
 box-shadow:none
}
.tasklist li:last-of-type {
 margin-bottom:0
}
.tasklist li .btn-sm {
 padding:2px 8px;
 font-size:12px
}
.tasklist .checkbox {
 margin-left:20px;
 margin-top:5px
}
.task-placeholder {
 border:1px dashed rgba(235,240,243,.9)!important;
 background-color:rgba(235,240,243,.2)!important;
 padding:20px
}
.project-box .project-desc-list .list-inline-item:not(:last-child) {
 margin-right:2.25rem
}
.file-man-box {
 padding:20px;
 border:1px solid #ebf0f3;
 position:relative
}
.file-man-box .file-close {
 color:#f1556c;
 position:absolute;
 line-height:24px;
 font-size:24px;
 right:10px;
 top:10px;
 visibility:hidden
}
.file-man-box .file-img-box {
 line-height:120px;
 text-align:center
}
.file-man-box .file-img-box img {
 height:64px
}
.file-man-box .file-download {
 font-size:32px;
 color:#98a6ad;
 position:absolute;
 right:10px
}
.file-man-box .file-download:hover {
 color:#323a46
}
.file-man-box .file-man-title {
 padding-right:25px
}
.file-man-box:hover {
 box-shadow:0 0 35px 0 rgba(154,161,171,.15)
}
.file-man-box:hover .file-close {
 visibility:visible
}
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect {
 position:relative;
 cursor:pointer;
 display:inline-block;
 overflow:hidden;
 -webkit-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple {
 position:absolute;
 border-radius:50%;
 width:100px;
 height:100px;
 margin-top:-50px;
 margin-left:-50px;
 opacity:0;
 background:rgba(0,0,0,.2);
 background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
 transition:all .5s ease-out;
 transition-property:transform,opacity;
 transform:scale(0) translate(0,0);
 pointer-events:none
}
.waves-effect.waves-light .waves-ripple {
 background:rgba(255,255,255,.4);
 background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
 background:rgba(0,0,0,.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
 background:rgba(255,255,255,.4)
}
.waves-notransition {
 transition:none!important
}
.waves-button,
.waves-circle {
 transform:translateZ(0);
 -webkit-mask-image:radial-gradient(circle,#fff 100%,#000 100%);
 mask-image:radial-gradient(circle,#fff 100%,#000 100%)
}
.waves-button,
.waves-button-input,
.waves-button:hover,
.waves-button:visited {
 white-space:nowrap;
 vertical-align:middle;
 cursor:pointer;
 border:none;
 outline:0;
 color:inherit;
 background-color:rgba(0,0,0,0);
 font-size:1em;
 line-height:1em;
 text-align:center;
 text-decoration:none;
 z-index:1
}
.waves-button {
 padding:.85em 1.1em;
 border-radius:.2em
}
.waves-button-input {
 margin:0;
 padding:.85em 1.1em
}
.waves-input-wrapper {
 border-radius:.2em;
 vertical-align:bottom
}
.waves-input-wrapper.waves-button {
 padding:0
}
.waves-input-wrapper .waves-button-input {
 position:relative;
 top:0;
 left:0;
 z-index:1
}
.waves-circle {
 text-align:center;
 width:2.5em;
 height:2.5em;
 line-height:2.5em;
 border-radius:50%
}
.waves-float {
 -webkit-mask-image:none;
 mask-image:none;
 box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
 transition:all .3s
}
.waves-float:active {
 box-shadow:0 8px 20px 1px rgba(0,0,0,.3)
}
.waves-block {
 display:block
}
.sk-spinner {
 margin:40px auto
}
.sk-bounce-dot,
.sk-chase-dot::before,
.sk-circle-dot:before,
.sk-circle-fade-dot:before,
.sk-flow-dot,
.sk-fold-cube:before,
.sk-grid-cube,
.sk-plane,
.sk-pulse,
.sk-swing-dot,
.sk-wander-cube,
.sk-wave-rect {
 background-color:#02c0ce
}
.irs {
 position:relative;
 display:block;
 -webkit-touch-callout:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 user-select:none;
 font-size:12px
}
.irs-line {
 position:relative;
 display:block;
 overflow:hidden;
 outline:0!important
}
.irs-bar {
 position:absolute;
 display:block;
 left:0;
 width:0
}
.irs-shadow {
 position:absolute;
 display:none;
 left:0;
 width:0
}
.irs-handle {
 position:absolute;
 display:block;
 box-sizing:border-box;
 cursor:default;
 z-index:1
}
.irs-handle.type_last {
 z-index:2
}
.irs-max,
.irs-min {
 position:absolute;
 display:block;
 cursor:default
}
.irs-min {
 left:0
}
.irs-max {
 right:0
}
.irs-from,
.irs-single,
.irs-to {
 position:absolute;
 display:block;
 top:0;
 left:0;
 cursor:default;
 white-space:nowrap
}
.irs-grid {
 position:absolute;
 display:none;
 bottom:0;
 left:0;
 width:100%;
 height:20px
}
.irs-with-grid .irs-grid {
 display:block
}
.irs-grid-pol {
 position:absolute;
 top:0;
 left:0;
 width:1px;
 height:8px;
 background:#6c757d
}
.irs-grid-pol.small {
 height:4px
}
.irs-grid-text {
 position:absolute;
 bottom:0;
 left:0;
 white-space:nowrap;
 text-align:center;
 font-size:9px;
 line-height:9px;
 padding:0 3px;
 color:#6c757d
}
.irs-disable-mask {
 position:absolute;
 display:block;
 top:0;
 left:-1%;
 width:102%;
 height:100%;
 cursor:default;
 background:rgba(0,0,0,0);
 z-index:2
}
.lt-ie9 .irs-disable-mask {
 background:#6c757d;
 cursor:not-allowed
}
.irs-disabled {
 opacity:.4
}
.irs-hidden-input {
 position:absolute!important;
 display:block!important;
 top:0!important;
 left:0!important;
 width:0!important;
 height:0!important;
 font-size:0!important;
 line-height:0!important;
 padding:0!important;
 margin:0!important;
 overflow:hidden;
 outline:0!important;
 z-index:-9999!important;
 background:0 0!important;
 border-style:solid!important;
 border-color:transparent!important
}
.irs--modern .irs-line {
 border:none;
 background:#eef0f2
}
.irs--modern .irs-bar {
 background:#02c0ce;
 background:linear-gradient(to bottom,#02c0ce 0,#02919b 100%)
}
.irs--modern .irs-max,
.irs--modern .irs-min {
 top:0;
 padding:1px 3px;
 color:#6c757d;
 font-size:10px;
 line-height:1.333;
 text-shadow:none;
 background-color:#eef0f2;
 border-radius:4px
}
.irs--modern .irs-handle>i:nth-child(1) {
 width:8px;
 height:8px
}
.irs--modern .irs-from,
.irs--modern .irs-single,
.irs--modern .irs-to {
 background-color:#02c0ce
}
.irs--modern .irs-from:before,
.irs--modern .irs-single:before,
.irs--modern .irs-to:before {
 border-top-color:#02c0ce
}
.calendar {
 float:left;
 margin-bottom:0
}
.fc-view {
 margin-top:30px
}
.none-border .modal-footer {
 border-top:none
}
.fc-toolbar {
 margin:10px 0 5px 0
}
.fc-toolbar h2 {
 font-size:1.25rem;
 line-height:1.875rem;
 text-transform:uppercase
}
.fc-day-grid-event .fc-time {
 font-weight:600
}
th.fc-day-header {
 padding:.5rem 0
}
.fc-day {
 background:0 0
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
 z-index:0
}
.fc th.fc-day-header {
 background:#ebf0f3;
 font-size:13px;
 line-height:20px;
 padding:10px 0;
 text-transform:uppercase
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
 border-color:#dee2e6
}
.fc-unthemed .fc-divider,
.fc-unthemed td.fc-today {
 background:#dee2e6
}
.fc-button {
 background:#dee2e6;
 border:none;
 color:#6c757d;
 text-transform:capitalize;
 box-shadow:none;
 border-radius:3px;
 margin:0 3px;
 padding:6px 12px;
 height:auto
}
.fc-text-arrow {
 font-family:inherit;
 font-size:1rem
}
.fc-cell-overlay,
.fc-state-highlight,
.fc-state-hover {
 background:#dee2e6
}
.fc-state-active,
.fc-state-disabled,
.fc-state-down {
 background-color:#02c0ce;
 color:#fff;
 text-shadow:none
}
.fc-unthemed .fc-today {
 background:#fff
}
.fc-event {
 border-radius:2px;
 border:none;
 cursor:move;
 font-size:.8125rem;
 margin:5px 7px;
 padding:5px 5px;
 text-align:center
}
.external-event {
 cursor:move;
 margin:10px 0;
 padding:8px 10px;
 color:#fff;
 border-radius:4px
}
.fc-basic-view td.fc-week-number span {
 padding-right:8px
}
.fc-basic-view td.fc-day-number {
 padding-right:8px
}
.fc-basic-view .fc-content {
 color:#fff
}
.fc-time-grid-event .fc-content {
 color:#fff
}
.fc-content-skeleton .fc-day-top .fc-day-number {
 float:right;
 margin:5px;
 font-family:Rubik,sans-serif;
 font-size:12px
}
@media (max-width:767.98px) {
 .fc-toolbar {
  display:block
 }
 .fc-toolbar .fc-center,
 .fc-toolbar .fc-left,
 .fc-toolbar .fc-right {
  float:none;
  display:block;
  clear:both;
  margin:10px 0
 }
 .fc .fc-toolbar>*>* {
  float:none
 }
 .fc-today-button {
  display:none
 }
}
.fc-toolbar .btn {
 padding:.28rem .8rem;
 font-size:.7875rem;
 line-height:1.5;
 border-radius:.2rem
}
.fc-list-item-time,
.fc-list-item-title {
 color:#fff
}
.colorpicker {
 background:#fff;
 box-shadow:0 0 35px 0 rgba(154,161,171,.15);
 border:1px solid #e1e9ed
}
.jqstooltip {
 box-sizing:content-box;
 width:auto!important;
 height:auto!important;
 background-color:#fff!important;
 box-shadow:0 0 45px 0 rgba(0,0,0,.12);
 padding:5px 10px!important;
 border-radius:3px;
 border-color:#fff!important
}
.jqsfield {
 color:#000!important;
 font-size:12px!important;
 line-height:18px!important;
 font-family:Roboto,sans-serif!important;
 font-weight:500!important
}
.bootstrap-tagsinput {
 box-shadow:none;
 padding:4px 7px 4px;
 width:100%;
 background-color:#fff;
 border-color:#dee2e6
}
.bootstrap-tagsinput input {
 color:#313a46
}
.bootstrap-tagsinput input:-ms-input-placeholder {
 color:#313a46
}
.bootstrap-tagsinput input::-ms-input-placeholder {
 color:#313a46
}
.bootstrap-tagsinput input::placeholder {
 color:#313a46
}
.bootstrap-tagsinput .label-info {
 background-color:#02c0ce;
 display:inline-block;
 font-size:13px;
 margin:3px 1px;
 padding:0 5px;
 border-radius:3px;
 font-weight:500
}
.dataTables_wrapper.container-fluid {
 padding:0
}
table.dataTable {
 border-collapse:collapse!important;
 margin-bottom:15px!important
}
table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
 background-color:#02c0ce
}
table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
 border-color:#02c0ce
}
table.dataTable tbody td:focus {
 outline:0!important
}
table.dataTable tbody td.focus,
table.dataTable tbody th.focus {
 outline:2px solid #02c0ce!important;
 outline-offset:-1px;
 color:#02c0ce;
 background-color:rgba(2,192,206,.15)
}
.dataTables_info {
 font-weight:500
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
 box-shadow:0 0 45px 0 rgba(0,0,0,.12);
 background-color:#0acf97;
 top:.85rem
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
 background-color:#f1556c;
 top:.85rem
}
div.dt-button-info {
 background-color:#02c0ce;
 border:none;
 color:#fff;
 box-shadow:none;
 border-radius:3px;
 text-align:center;
 z-index:21
}
div.dt-button-info h2 {
 border-bottom:none;
 background-color:rgba(255,255,255,.2);
 color:#fff
}
@media (max-width:767.98px) {
 li.paginate_button.next,
 li.paginate_button.previous {
  display:inline-block;
  font-size:1.5rem
 }
 li.paginate_button {
  display:none
 }
 .dataTables_paginate ul {
  text-align:center;
  display:block;
  margin:1.5rem 0 0!important
 }
 div.dt-buttons {
  display:inline-table;
  margin-bottom:1.5rem
 }
}
.activate-select .sorting_1 {
 background-color:#f3f6f8
}
.daterangepicker {
 font-family:Roboto,sans-serif;
 background-color:#fff;
 border-color:#dee2e6
}
.daterangepicker .calendar-table {
 background-color:#fff;
 border-color:#dee2e6
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
 border-color:#adb5bd
}
.daterangepicker td,
.daterangepicker th {
 padding:5px
}
.daterangepicker td.week,
.daterangepicker th.week {
 color:#ced4da
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
 background-color:#ebf0f3
}
.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
 background-color:#02c0ce
}
.daterangepicker .ranges {
 margin:4px
}
.daterangepicker .ranges li {
 border-radius:2px;
 color:#323a46;
 font-size:12px;
 background-color:#ebf0f3;
 border-color:#ebf0f3;
 margin-bottom:4px
}
.daterangepicker .ranges li.active {
 background-color:#02c0ce!important;
 color:#fff!important
}
.daterangepicker .ranges li:hover {
 background-color:#e5ebef;
 color:#323a46
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
 background-color:transparent;
 color:rgba(152,166,173,.7)
}
.daterangepicker td.in-range {
 background-color:#ebf0f3;
 color:#98a6ad
}
.daterangepicker .calendar-time select,
.daterangepicker .month select {
 background-color:#fff;
 border-color:#dee2e6;
 color:#313a46
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
 border-left-color:#dee2e6
}
.daterangepicker .drp-buttons {
 border-top-color:#dee2e6
}
.wizard>.steps {
 position:relative;
 display:block;
 width:100%
}
.wizard>.steps>ul>li {
 width:25%
}
.wizard>.steps a {
 border-radius:2px;
 margin:0
}
.wizard>.steps .number {
 border-radius:50%;
 background-color:#f8fafb;
 display:inline-block;
 line-height:30px;
 margin-right:10px;
 width:30px;
 text-align:center;
 font-size:1.429em
}
.wizard>.steps a,
.wizard>.steps a:active,
.wizard>.steps a:hover {
 display:block;
 width:auto;
 padding:1em 1em;
 text-decoration:none;
 border-radius:2px
}
.wizard>.steps .disabled a {
 background-color:#ebf0f3;
 color:#323a46;
 cursor:default
}
.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover {
 background:#02c0ce;
 color:#fff;
 cursor:default
}
.wizard>.steps .current a .number,
.wizard>.steps .current a:active .number,
.wizard>.steps .current a:hover .number {
 background-color:#02d3e2;
 color:#fff
}
.wizard>.steps .done a,
.wizard>.steps .done a:active,
.wizard>.steps .done a:hover {
 background:#e5ebef;
 color:#323a46
}
.wizard>.steps .error a,
.wizard>.steps .error a:active,
.wizard>.steps .error a:hover {
 background:#fdecee;
 color:#fff;
 border-color:#fcd9de
}
.wizard>.actions>ul>li,
.wizard>.steps>ul>li {
 float:left;
 position:relative
}
.wizard>.content {
 display:block;
 min-height:240px;
 overflow:hidden;
 position:relative;
 width:auto;
 padding:24px;
 padding-top:0
}
.wizard>.content>.body {
 padding:0;
 position:relative
}
.wizard>.content>.body ul {
 list-style:disc!important
}
.wizard>.content>.body ul>li {
 display:block;
 line-height:30px
}
.wizard>.content>.body>iframe {
 border:0 none;
 width:100%;
 height:100%
}
.wizard>.content>.body input {
 display:block;
 border-color:#dee2e6
}
.wizard>.content>.body input:focus {
 border-color:#dee2e6
}
.wizard>.content>.body input[type=checkbox] {
 display:inline-block
}
.wizard>.content>.body input.error {
 background:#fff;
 border:1px solid #fdecee;
 color:#f1556c
}
.wizard>.content>.body label {
 display:inline-block;
 margin-bottom:.5em;
 margin-top:10px
}
.wizard>.content>.body label.error {
 color:#f1556c;
 font-size:12px
}
.wizard>.actions {
 position:relative;
 display:block;
 text-align:right;
 width:100%;
 padding:0 20px;
 margin:0!important
}
.wizard>.actions>ul {
 display:inline-block;
 text-align:right
}
.wizard>.actions>ul>li {
 margin:0 .5em
}
.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover {
 background:#02c0ce;
 color:#fff;
 display:block;
 padding:.5em 1em;
 text-decoration:none;
 border-radius:2px
}
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
 background:#f1f5f7;
 color:#323a46;
 cursor:default
}
.wizard.vertical>.steps {
 display:inline;
 float:left;
 width:30%
}
.wizard.vertical>.steps>ul>li {
 float:none;
 width:100%
}
.wizard.vertical>.content {
 width:65%;
 margin:0 2.5% .5em;
 display:inline;
 float:left
}
.wizard.vertical>.actions {
 display:inline;
 float:right;
 width:95%;
 margin:0 2.5%;
 margin-top:15px!important
}
.wizard.vertical>.actions>ul>li {
 margin:0 0 0 1em
}
.tabcontrol,
.wizard {
 display:block;
 width:100%;
 overflow:hidden
}
.tabcontrol a,
.wizard a {
 outline:0
}
.tabcontrol ul,
.wizard ul {
 list-style:none!important;
 padding:0;
 margin:0
}
.tabcontrol ul>li,
.wizard ul>li {
 display:block;
 padding:0
}
.tabcontrol>.steps .current-info,
.wizard>.steps .current-info {
 position:absolute;
 left:-999em
}
.tabcontrol>.content>.title,
.wizard>.content>.title {
 position:absolute;
 left:-999em
}
@media (max-width:767.98px) {
 .wizard.vertical>.content,
 .wizard.vertical>.steps,
 .wizard>.steps>ul>li {
  width:100%
 }
}
.select2-container {
 width:100%!important
}
.select2-container .select2-selection--single {
 border:1px solid #dee2e6;
 height:calc(1.5em + .9rem + 2px);
 background-color:#fff;
 box-shadow:none;
 outline:0
}
.select2-container .select2-selection--single .select2-selection__rendered {
 line-height:36px;
 padding-left:12px;
 color:#313a46
}
.select2-container .select2-selection--single .select2-selection__arrow {
 height:34px;
 width:34px;
 right:3px
}
.select2-container .select2-selection--single .select2-selection__arrow b {
 border-color:#adb5bd transparent transparent transparent;
 border-width:6px 6px 0 6px
}
.select2-container input:-ms-input-placeholder {
 color:#adb5bd
}
.select2-container input::-ms-input-placeholder {
 color:#adb5bd
}
.select2-container input::placeholder {
 color:#adb5bd
}
.select2-container--open .select2-selection--single .select2-selection__arrow b {
 border-color:transparent transparent #adb5bd transparent!important;
 border-width:0 6px 6px 6px!important
}
.select2-results__option {
 padding:6px 12px
}
.select2-dropdown {
 border:1px solid #e1e9ed;
 box-shadow:0 0 35px 0 rgba(154,161,171,.15);
 background-color:#fff
}
.select2-container--default .select2-search--dropdown {
 padding:10px;
 background-color:#fff
}
.select2-container--default .select2-search--dropdown .select2-search__field {
 outline:0;
 border:1px solid #dee2e6;
 background-color:#fff;
 color:#313a46
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
 background-color:#02c0ce
}
.select2-container--default .select2-results__option[aria-selected=true] {
 background-color:#fff;
 color:#323a46
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
 background-color:#02c0ce;
 color:#fff
}
.select2-container .select2-selection--multiple {
 min-height:calc(1.5em + .9rem + 2px);
 border:1px solid #dee2e6!important;
 background-color:#fff;
 box-shadow:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
 padding:1px 10px
}
.select2-container .select2-selection--multiple .select2-search__field {
 border:0;
 color:#313a46
}
.select2-container .select2-selection--multiple .select2-selection__choice {
 background-color:#02c0ce;
 border:none;
 color:#fff;
 border-radius:3px;
 padding:0 7px;
 margin-top:6px
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
 color:#fff;
 margin-right:5px
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
 color:#fff
}
.select2-container .select2-search--inline .select2-search__field {
 margin-top:7px
}
[data-simplebar] {
 position:relative;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:flex-start;
 align-content:flex-start;
 align-items:flex-start
}
.simplebar-wrapper {
 overflow:hidden;
 width:inherit;
 height:inherit;
 max-width:inherit;
 max-height:inherit
}
.simplebar-mask {
 direction:inherit;
 position:absolute;
 overflow:hidden;
 padding:0;
 margin:0;
 left:0;
 top:0;
 bottom:0;
 right:0;
 width:auto!important;
 height:auto!important;
 z-index:0
}
.simplebar-offset {
 direction:inherit!important;
 box-sizing:inherit!important;
 resize:none!important;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 padding:0;
 margin:0;
 -webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper {
 direction:inherit;
 box-sizing:border-box!important;
 position:relative;
 display:block;
 height:100%;
 width:auto;
 visibility:visible;
 overflow:auto;
 max-width:100%;
 max-height:100%;
 scrollbar-width:none
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
 display:none
}
.simplebar-content:after,
.simplebar-content:before {
 content:' ';
 display:table
}
.simplebar-placeholder {
 max-height:100%;
 max-width:100%;
 width:100%;
 pointer-events:none
}
.simplebar-height-auto-observer-wrapper {
 box-sizing:inherit!important;
 height:100%;
 width:100%;
 max-width:1px;
 position:relative;
 float:left;
 max-height:1px;
 overflow:hidden;
 z-index:-1;
 padding:0;
 margin:0;
 pointer-events:none;
 flex-grow:inherit;
 flex-shrink:0;
 flex-basis:0
}
.simplebar-height-auto-observer {
 box-sizing:inherit;
 display:block;
 opacity:0;
 position:absolute;
 top:0;
 left:0;
 height:1000%;
 width:1000%;
 min-height:1px;
 min-width:1px;
 overflow:hidden;
 pointer-events:none;
 z-index:-1
}
.simplebar-track {
 z-index:1;
 position:absolute;
 right:0;
 bottom:0;
 pointer-events:none;
 overflow:hidden
}
[data-simplebar].simplebar-dragging .simplebar-content {
 pointer-events:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track {
 pointer-events:all
}
.simplebar-scrollbar {
 position:absolute;
 right:2px;
 width:5px;
 min-height:10px
}
.simplebar-scrollbar:before {
 position:absolute;
 content:'';
 background:#a2adb7;
 border-radius:7px;
 left:0;
 right:0;
 opacity:0;
 transition:opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
 opacity:.5;
 transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical {
 top:0;
 width:11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
 top:2px;
 bottom:2px
}
.simplebar-track.simplebar-horizontal {
 left:0;
 height:11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
 height:100%;
 left:2px;
 right:2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
 right:auto;
 left:0;
 top:2px;
 height:7px;
 min-height:0;
 min-width:10px;
 width:auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
 right:auto;
 left:0
}
.hs-dummy-scrollbar-size {
 direction:rtl;
 position:fixed;
 opacity:0;
 visibility:hidden;
 height:500px;
 width:500px;
 overflow-y:hidden;
 overflow-x:scroll
}
.simplebar-hide-scrollbar {
 position:fixed;
 left:0;
 visibility:hidden;
 overflow-y:scroll;
 scrollbar-width:none
}
.custom-scroll {
 height:100%
}
.jq-toast-single {
 padding:15px;
 font-family:Roboto,sans-serif;
 background-color:#02c0ce;
 font-size:13px;
 line-height:22px
}
.jq-toast-single h2 {
 font-family:Roboto,sans-serif
}
.jq-toast-single a {
 font-size:.875rem
}
.jq-toast-single a:hover {
 color:#fff
}
.jq-has-icon {
 padding:10px 10px 10px 50px
}
.close-jq-toast-single {
 position:absolute;
 top:-12px;
 right:-12px;
 font-size:20px;
 cursor:pointer;
 height:32px;
 width:32px;
 background-color:#323a46;
 border-radius:50%;
 text-align:center;
 line-height:28px;
 color:#fff
}
.jq-toast-loader {
 height:3px;
 top:0;
 border-radius:0
}
.jq-icon-primary {
 background-color:#02c0ce;
 color:#fff;
 border-color:#02c0ce
}
.jq-icon-secondary {
 background-color:#6c757d;
 color:#fff;
 border-color:#6c757d
}
.jq-icon-success {
 background-color:#0acf97;
 color:#fff;
 border-color:#0acf97
}
.jq-icon-info {
 background-color:#45bbe0;
 color:#fff;
 border-color:#45bbe0
}
.jq-icon-warning {
 background-color:#f9bc0b;
 color:#fff;
 border-color:#f9bc0b
}
.jq-icon-danger {
 background-color:#f1556c;
 color:#fff;
 border-color:#f1556c
}
.jq-icon-light {
 background-color:#ebf0f3;
 color:#fff;
 border-color:#ebf0f3
}
.jq-icon-dark {
 background-color:#323a46;
 color:#fff;
 border-color:#323a46
}
.jq-icon-pink {
 background-color:#ff679b;
 color:#fff;
 border-color:#ff679b
}
.jq-icon-purple {
 background-color:#777edd;
 color:#fff;
 border-color:#777edd
}
.jq-icon-blue {
 background-color:#2d7bf4;
 color:#fff;
 border-color:#2d7bf4
}
.jq-icon-error {
 background-color:#f1556c;
 color:#fff;
 border-color:#f1556c
}
.swal2-modal {
 font-family:Roboto,sans-serif;
 box-shadow:0 10px 33px rgba(0,0,0,.1)
}
.swal2-modal .swal2-title {
 font-size:24px;
 font-weight:500
}
.swal2-modal .swal2-content {
 font-size:16px
}
.swal2-modal .swal2-spacer {
 margin:10px 0
}
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
 border:2px solid #dee2e6;
 font-size:16px;
 box-shadow:none
}
.swal2-modal .swal2-confirm.btn-confirm {
 background-color:#02c0ce!important;
 font-size:.875rem
}
.swal2-modal .swal2-cancel.btn-cancel {
 background-color:#f1556c!important;
 font-size:.875rem
}
.swal2-modal .swal2-styled:focus {
 box-shadow:none!important
}
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
 outline:0;
 border:2px solid #02c0ce
}
.swal2-icon.swal2-question {
 color:#02c0ce;
 border-color:#02c0ce
}
.swal2-icon.swal2-success {
 border-color:#0acf97
}
.swal2-icon.swal2-success .line,
.swal2-icon.swal2-success [class^=swal2-success-line],
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
 background-color:#0acf97
}
.swal2-icon.swal2-success .placeholder,
.swal2-icon.swal2-success .swal2-success-ring {
 border-color:#0acf97
}
.swal2-icon.swal2-warning {
 color:#f9bc0b;
 border-color:#f9bc0b
}
.swal2-icon.swal2-error {
 border-color:#f1556c
}
.swal2-icon.swal2-error .line {
 background-color:#f1556c
}
.swal2-icon.swal2-info {
 border-color:#45bbe0;
 color:#45bbe0
}
.swal2-container.swal2-shown {
 background-color:rgba(50,58,70,.5)
}
.tooltipster-sidetip .tooltipster-box {
 background-color:#02c0ce;
 border:2px solid #02c0ce
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
 border-top-color:#02c0ce
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
 border-bottom-color:#02c0ce
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
 border-left-color:#02c0ce
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
 border-right-color:#02c0ce
}
.flotTip {
 padding:8px 12px;
 background-color:#323a46;
 z-index:100;
 color:#fff;
 opacity:1;
 border-radius:3px
}
.legend {
 font-size:14px
}
.legend tr {
 height:30px;
 font-family:Rubik,sans-serif
}
.legend>div {
 background-color:transparent!important
}
.legendLabel {
 padding-left:5px!important;
 line-height:10px;
 padding-right:10px;
 font-size:13px;
 font-weight:500;
 color:#98a6ad;
 text-transform:uppercase
}
.legendColorBox div div {
 border-radius:50%
}
.flot-text {
 color:#98a6ad!important
}
.flot-svg text {
 fill:#98a6ad!important
}
@media (max-width:767.98px) {
 .legendLabel {
  display:none
 }
}
.legendIcon {
 width:1.5em;
 height:1.5em
}
.apex-charts {
 min-height:10px!important
}
.apex-charts text {
 font-family:Roboto,sans-serif!important;
 fill:#98a6ad;
 font-weight:500
}
.apex-charts .apexcharts-canvas {
 margin:0 auto
}
.apexcharts-legend-text,
.apexcharts-tooltip-text,
.apexcharts-tooltip-title {
 font-family:Roboto,sans-serif!important
}
.apexcharts-legend-series {
 font-weight:500
}
.apexcharts-gridline {
 pointer-events:none;
 stroke:#f9f9fd
}
.apexcharts-legend-text {
 color:#98a6ad!important
}
.apexcharts-xaxis text,
.apexcharts-yaxis text {
 font-family:Roboto,sans-serif!important;
 fill:#98a6ad;
 font-weight:500
}
.apexcharts-point-annotations text,
.apexcharts-xaxis-annotations text,
.apexcharts-yaxis-annotations text {
 fill:#98a6ad
}
.apexcharts-radar-series polygon {
 fill:transparent;
 stroke:#dee2e6
}
.apexcharts-radar-series line {
 stroke:#dee2e6
}
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value,
.apexcharts-pie-label {
 fill:#fff!important
}
.apexcharts-plot-series .apexcharts-datalabel {
 fill:#fff!important
}
.apexcharts-datalabels-group text {
 fill:#98a6ad!important;
 font-family:Roboto,sans-serif!important
}
.scatter-images-chart .apexcharts-legend {
 overflow:hidden!important;
 min-height:17px
}
.scatter-images-chart .apexcharts-legend-marker {
 background:0 0!important;
 margin-right:7px!important
}
.scatter-images-chart .apexcharts-legend-series {
 align-items:flex-start!important
}
.apexcharts-pie-series path {
 stroke:transparent!important
}
.apexcharts-track path {
 stroke:#edeff1
}
.apexcharts-xaxis line {
 stroke:#ced4da!important
}
.morris-chart text {
 font-family:Rubik,sans-serif!important;
 fill:#98a6ad
}
.morris-hover {
 position:absolute;
 z-index:10
}
.morris-hover.morris-default-style {
 font-size:12px;
 text-align:center;
 border-radius:5px;
 padding:10px 12px;
 background:#323a46;
 color:#fff;
 font-family:Roboto,sans-serif
}
.morris-hover.morris-default-style .morris-hover-row-label {
 font-weight:700;
 margin:.25em 0;
 font-family:Rubik,sans-serif
}
.morris-hover.morris-default-style .morris-hover-point {
 white-space:nowrap;
 margin:.1em 0;
 color:#fff
}
.chartjs-chart {
 margin:auto;
 position:relative;
 width:100%
}
.ct-golden-section:before {
 float:none
}
.ct-grid {
 stroke:rgba(152,166,173,.3)
}
.ct-chart {
 max-height:300px
}
.ct-chart .ct-label {
 fill:#adb5bd;
 color:#adb5bd;
 font-size:12px;
 line-height:1
}
.ct-chart.simple-pie-chart-chartist .ct-label {
 color:#fff;
 fill:#fff;
 font-size:16px
}
.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
 stroke:#02c0ce
}
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
 stroke:#ebf0f3
}
.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
 stroke:#2d7bf4
}
.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
 stroke:#f1556c
}
.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
 stroke:#45bbe0
}
.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
 stroke:#ff679b
}
.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
 stroke:#f9bc0b
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
 fill:#02c0ce
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
 fill:#ebf0f3
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
 fill:#2d7bf4
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
 fill:#f1556c
}
.ct-area {
 fill-opacity:.33
}
.chartist-tooltip {
 position:absolute;
 display:inline-block;
 opacity:0;
 min-width:10px;
 padding:2px 10px;
 border-radius:3px;
 background:#323a46;
 color:#fff;
 text-align:center;
 pointer-events:none;
 z-index:1;
 transition:opacity .2s linear
}
.chartist-tooltip.tooltip-show {
 opacity:1
}
.responsive-table-plugin .dropdown-menu li.checkbox-row {
 padding:7px 15px;
 color:#313a46
}
.responsive-table-plugin .table-responsive {
 border:none;
 margin-bottom:0
}
.responsive-table-plugin .btn-toolbar {
 display:block
}
.responsive-table-plugin tbody th {
 font-size:14px;
 font-weight:400
}
.responsive-table-plugin .checkbox-row {
 padding-left:40px
}
.responsive-table-plugin .checkbox-row label {
 display:inline-block;
 padding-left:5px;
 position:relative;
 margin-bottom:0
}
.responsive-table-plugin .checkbox-row label::before {
 background-color:transparent;
 border-radius:3px;
 border:1px solid #ced4da;
 content:"";
 display:inline-block;
 height:17px;
 left:0;
 margin-left:-20px;
 position:absolute;
 transition:.3s ease-in-out;
 width:17px;
 outline:0
}
.responsive-table-plugin .checkbox-row label::after {
 color:#ced4da;
 display:inline-block;
 font-size:9px;
 height:16px;
 left:0;
 margin-left:-19px;
 padding-left:3px;
 padding-top:1px;
 position:absolute;
 top:-2px;
 width:16px
}
.responsive-table-plugin .checkbox-row input[type=checkbox] {
 cursor:pointer;
 opacity:0;
 z-index:1;
 outline:0
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled+label {
 opacity:.65
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:focus+label::before {
 outline-offset:-2px;
 outline:0
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::after {
 content:"\f00c";
 font-family:'Font Awesome 5 Free';
 font-weight:900
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:disabled+label::before {
 background-color:#dee2e6;
 cursor:not-allowed
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::before {
 background-color:transparent;
 border-color:#02c0ce
}
.responsive-table-plugin .checkbox-row input[type=checkbox]:checked+label::after {
 color:#02c0ce
}
.responsive-table-plugin .sticky-table-header,
.responsive-table-plugin table.focus-on tbody tr.focused td,
.responsive-table-plugin table.focus-on tbody tr.focused th {
 background:#02c0ce;
 border-color:#02c0ce;
 color:#fff
}
.responsive-table-plugin .sticky-table-header table,
.responsive-table-plugin table.focus-on tbody tr.focused td table,
.responsive-table-plugin table.focus-on tbody tr.focused th table {
 color:#fff
}
@media (max-width:1024px) {
 .responsive-table-plugin .fixed-solution .sticky-table-header {
  top:70px!important
 }
}
.responsive-table-plugin .btn-default {
 background-color:#ebf0f3;
 color:#313a46;
 border:1px solid #e5ebef
}
.responsive-table-plugin .btn-default.btn-primary {
 background-color:#02c0ce;
 border-color:#02c0ce;
 color:#fff;
 box-shadow:0 0 0 2px rgba(2,192,206,.5)
}
.responsive-table-plugin .btn-group.pull-right {
 float:right
}
.responsive-table-plugin .btn-group.pull-right .dropdown-menu {
 left:auto;
 right:0
}
.no-touch .dropdown-menu>.checkbox-row:active,
.no-touch .dropdown-menu>.checkbox-row:hover {
 color:#323a46;
 background-color:#f3f6f8
}
body[data-layout-mode=horizontal] .responsive-table-plugin .fixed-solution .sticky-table-header {
 top:124px!important
}
@media (max-width:1024px) {
 body[data-layout-mode=horizontal] .responsive-table-plugin .fixed-solution .sticky-table-header {
  top:70px!important
 }
}
@font-face {
 font-family:footable;
 src:url(../fonts/footable.eot);
 src:url(../fonts/footable.eot?#iefix) format("embedded-opentype"),
 url(../fonts/footable.woff) format("woff"),
 url(../fonts/footable.ttf) format("truetype"),
 url(../fonts/footable.svg#footable) format("svg");
 font-weight:400;
 font-style:normal
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 @font-face {
  font-family:footable;
  src:url(../fonts/footable.svg#footable) format("svg");
  font-weight:400;
  font-style:normal
 }
}
.footable-detail-show,
.footable-row-detail {
 background-color:rgba(235,240,243,.6)
}
.footable-pagination li {
 margin-left:5px;
 float:left
}
.footable-pagination li a {
 padding:.5rem .75rem;
 margin-left:-1px;
 line-height:1.25;
 color:#323a46;
 background-color:#fff;
 display:block;
 border:1px solid #dee2e6;
 border-radius:.25rem
}
.footable-pagination li a:hover {
 z-index:2;
 color:#323a46;
 text-decoration:none;
 background-color:#f7f7f7;
 border-color:#dee2e6
}
.footable-pagination li.active a {
 color:#fff;
 background-color:#02c0ce;
 border-color:#02c0ce
}
.footable>thead>tr>th>span.footable-sort-indicator {
 float:right
}
.footable {
 width:100%
}
.footable.breakpoint>tbody>tr.footable-detail-show>td {
 border-bottom:none
}
.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e001"
}
.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
 cursor:pointer
}
.footable.breakpoint>tbody>tr>td.footable-cell-detail {
 border-top:none
}
.footable.breakpoint>tbody>tr>td>span.footable-toggle {
 display:inline-block;
 font-family:footable;
 padding-right:5px;
 font-size:14px;
 color:#98a6ad
}
.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
 content:"\e000"
}
.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e005"
}
.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before {
 content:"\e004"
}
.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e003"
}
.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before {
 content:"\e002"
}
.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e007"
}
.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before {
 content:"\e006"
}
.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e009"
}
.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before {
 content:"\e008"
}
.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e00f"
}
.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before {
 content:"\e011"
}
.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e013"
}
.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before {
 content:"\e015"
}
.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e01b"
}
.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before {
 content:"\e01d"
}
.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e00b"
}
.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before {
 content:"\e00d"
}
.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e01f"
}
.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before {
 content:"\e021"
}
.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
 content:"\e017"
}
.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before {
 content:"\e019"
}
.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle {
 font-size:18px
}
.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle {
 font-size:24px
}
.footable>thead>tr>th {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.footable>thead>tr>th.footable-sortable:hover {
 cursor:pointer
}
.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before {
 content:"\e012"
}
.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before {
 content:"\e013"
}
.footable>thead>tr>th>span.footable-sort-indicator {
 display:inline-block;
 font-family:footable;
 padding-left:5px;
 opacity:.3
}
.footable>thead>tr>th>span.footable-sort-indicator:before {
 content:"\e022"
}
.footable>tfoot .pagination {
 margin:0
}
.footable.no-paging .hide-if-no-paging {
 display:none
}
.footable-row-detail-inner {
 display:table
}
.footable-row-detail-row {
 display:table-row;
 line-height:1.5em
}
.footable-row-detail-group {
 display:block;
 line-height:2em;
 font-size:1.2em;
 font-weight:700
}
.footable-row-detail-name {
 display:table-cell;
 font-weight:700;
 padding-right:.5em
}
.footable-row-detail-value {
 display:table-cell
}
.tablesaw thead {
 background:#ebf0f3;
 background-image:none;
 border:none
}
.tablesaw thead th {
 text-shadow:none
}
.tablesaw thead tr:first-child th {
 border:none;
 font-weight:500;
 font-family:Rubik,sans-serif
}
.tablesaw td {
 border-top:1px solid #ebf0f3!important
}
.tablesaw tbody th,
.tablesaw td {
 font-size:inherit;
 line-height:inherit;
 padding:10px!important
}
.tablesaw tbody tr,
.tablesaw-stack tbody tr {
 border-bottom:none
}
.tablesaw-bar .btn-select.btn-micro:after,
.tablesaw-bar .btn-select.btn-small:after {
 font-size:8px;
 padding-right:10px
}
.tablesaw-swipe .tablesaw-cell-persist {
 box-shadow:none;
 border-color:#ebf0f3
}
.tablesaw-enhanced .tablesaw-bar .btn {
 text-shadow:none;
 background-image:none;
 text-transform:none;
 border:1px solid #dee2e6;
 padding:3px 10px;
 color:#323a46
}
.tablesaw-enhanced .tablesaw-bar .btn:after {
 display:none
}
.tablesaw-enhanced .tablesaw-bar .btn.btn-select:hover {
 background:#fff
}
.tablesaw-enhanced .tablesaw-bar .btn:active,
.tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-enhanced .tablesaw-bar .btn:hover {
 color:#02c0ce!important;
 background-color:rgba(235,240,243,.6);
 outline:0!important;
 box-shadow:none!important;
 background-image:none
}
.tablesaw-columntoggle-popup .btn-group {
 display:block
}
.tablesaw-swipe .tablesaw-swipe-cellpersist {
 border-right:2px solid #ebf0f3
}
.tablesaw-sortable-btn {
 cursor:pointer
}
.tablesaw-swipe-cellpersist {
 width:auto!important
}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
 background-color:#fff;
 border-color:#e1e9ed;
 box-shadow:none
}
.tablesaw-bar-section label {
 color:inherit
}
.autocomplete-suggestions {
 border:1px solid #e1e9ed;
 background-color:#fff;
 cursor:default;
 overflow:auto;
 max-height:200px!important;
 box-shadow:0 0 35px 0 rgba(154,161,171,.15)
}
.autocomplete-suggestion {
 padding:5px 10px;
 white-space:nowrap;
 overflow:hidden
}
.autocomplete-no-suggestion {
 padding:5px
}
.autocomplete-selected {
 background:#f7f7f7;
 cursor:pointer
}
.autocomplete-suggestions strong {
 font-weight:700;
 color:#323a46
}
.autocomplete-group {
 padding:5px;
 font-weight:500;
 font-family:Rubik,sans-serif
}
.autocomplete-group strong {
 font-weight:700;
 font-size:16px;
 color:#323a46;
 display:block
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
 width:100%!important
}
.bootstrap-select .dropdown-toggle:after {
 content:"\F0140";
 display:inline-block;
 font-family:"Material Design Icons";
 padding-left:10px
}
.bootstrap-select .dropdown-toggle:focus {
 outline:0!important;
 outline-offset:0
}
.bootstrap-select a {
 outline:0!important
}
.bootstrap-select .inner {
 overflow-y:inherit!important
}
.bootstrap-select>.dropdown-toggle .bs-placeholder {
 color:#adb5bd
}
.bootstrap-select>.dropdown-toggle .bs-placeholder:active,
.bootstrap-select>.dropdown-toggle .bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle .bs-placeholder:hover {
 color:#adb5bd
}
.parsley-errors-list {
 margin:0;
 padding:0
}
.parsley-errors-list>li {
 list-style:none;
 color:#f1556c;
 margin-top:5px;
 padding-left:20px;
 position:relative
}
.parsley-errors-list>li:before {
 content:"\F0159";
 font-family:"Material Design Icons";
 position:absolute;
 left:2px;
 top:-1px
}
.parsley-error {
 border-color:#f1556c
}
.parsley-success {
 border-color:#0acf97
}
.bootstrap-timepicker-widget table td a {
 color:#313a46
}
.bootstrap-timepicker-widget table td a:hover {
 background-color:transparent;
 border-color:transparent;
 border-radius:4px;
 color:#02c0ce;
 text-decoration:none
}
.bootstrap-timepicker-widget table td input {
 width:32px;
 height:32px;
 border:0;
 color:#fff;
 background-color:#02c0ce;
 border-radius:50%
}
.bootstrap-timepicker-widget.dropdown-menu:after {
 border-bottom-color:#f7f7f7
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
 border-top-color:#f7f7f7
}
.clockpicker-popover .btn-default {
 background-color:#02c0ce;
 color:#fff
}
.clockpicker-popover {
 background:#fff;
 box-shadow:0 0 35px 0 rgba(154,161,171,.15);
 border:1px solid #e1e9ed
}
.clockpicker-popover .popover-title {
 background-color:transparent;
 font-weight:600
}
.clockpicker-popover .clockpicker-plate {
 background:#f3f6f8;
 border:1px solid #e1e9ed
}
.clockpicker-popover .popover-content {
 background-color:transparent
}
.clockpicker-tick {
 color:#313a46
}
.clockpicker-tick:hover {
 background-color:rgba(2,192,206,.35)
}
.clockpicker-canvas line {
 stroke:#02c0ce
}
.clockpicker-canvas-bg {
 fill:rgba(2,192,206,.35)
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
 fill:#02c0ce
}
@font-face {
 font-family:summernote;
 font-style:normal;
 font-weight:400;
 src:url(../fonts/summernote.eot);
 src:url(../fonts/summernote.eot?#iefix) format("embedded-opentype"),
 url(../fonts/summernote.woff?) format("woff"),
 url(../fonts/summernote.ttf?) format("truetype")
}
.note-editor.note-frame {
 border:1px solid #dee2e6;
 box-shadow:none;
 margin:0
}
.note-editor.note-frame .note-statusbar {
 background-color:#fcfcfc;
 border-top:1px solid #f7f7f7
}
.note-editor.note-frame .note-editable {
 border:none;
 background-color:#fff!important;
 color:#313a46!important
}
.note-editor .note-dropzone {
 color:#313a46!important;
 background-color:#fcfcfc
}
.note-status-output {
 display:none
}
.note-placeholder {
 color:#adb5bd
}
.note-editable {
 border-radius:.2rem;
 padding:.45rem .9rem!important;
 background-color:#fff!important;
 color:#313a46!important;
 box-shadow:none
}
.note-editable p:last-of-type {
 margin-bottom:0
}
.card-header.note-toolbar .note-color .dropdown-menu,
.note-popover .popover-content .note-color .dropdown-menu {
 min-width:344px
}
.note-toolbar {
 z-index:1;
 padding:3px 3px 8px 8px!important;
 background-color:#ebf0f3
}
.note-btn-group .note-btn {
 background:#02c0ce!important;
 border-color:#ebf0f3;
 padding:.28rem .65rem;
 font-size:13px;
 color:#fff!important
}
.note-children-container {
 background-color:#ebf0f3
}
.note-color-all .note-btn.dropdown-toggle {
 width:30px!important
}
.note-color-all .note-btn.dropdown-toggle:before {
 content:"\F035D";
 font:normal normal normal 24px/1 "Material Design Icons";
 position:absolute;
 left:2px;
 top:3px
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
 background-color:#02c0ce
}
.note-editor.note-airframe .note-placeholder,
.note-editor.note-frame .note-placeholder {
 padding-left:.9rem
}
.ql-container {
 font-family:Roboto,sans-serif
}
.ql-container.ql-snow {
 border-color:#dee2e6
}
.ql-bubble {
 border:1px solid #dee2e6;
 border-radius:.2rem
}
.ql-toolbar {
 font-family:Roboto,sans-serif!important
}
.ql-toolbar span {
 outline:0!important;
 color:#313a46
}
.ql-toolbar span:hover {
 color:#02c0ce!important
}
.ql-toolbar.ql-snow {
 border-color:#dee2e6
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
 border-color:transparent
}
.ql-snow .ql-script,
.ql-snow .ql-strike svg,
.ql-snow .ql-stroke {
 stroke:#313a46
}
.ql-snow .ql-fill {
 fill:#313a46
}
.ql-snow .ql-picker-options {
 background-color:#fff;
 border-color:#e1e9ed!important
}
.dropzone {
 border:2px dashed #dee2e6;
 background:#fff;
 border-radius:6px;
 cursor:pointer;
 min-height:150px;
 padding:20px;
 box-shadow:none
}
.dropzone .dz-message {
 text-align:center;
 margin:2rem 0
}
.dropzone.dz-started .dz-message {
 display:none
}
.editable-clear-x {
 background:url(../images/plugins/clear.png) center center no-repeat
}
.editableform-loading {
 background:url(../images/plugins/loading.gif) center center no-repeat
}
.editable-checklist label {
 display:block
}
.rating-star i {
 color:#98a6ad
}
.rating-md i {
 font-size:16px
}
.rating-lg i {
 font-size:22px
}
.gmaps,
.gmaps-panaroma {
 height:300px;
 background:#ebf0f3;
 border-radius:3px
}
.gmaps-overlay {
 display:block;
 text-align:center;
 color:#fff;
 font-size:16px;
 line-height:40px;
 background:#02c0ce;
 border-radius:4px;
 padding:10px 20px
}
.gmaps-overlay_arrow {
 left:50%;
 margin-left:-16px;
 width:0;
 height:0;
 position:absolute
}
.gmaps-overlay_arrow.above {
 bottom:-15px;
 border-left:16px solid transparent;
 border-right:16px solid transparent;
 border-top:16px solid #02c0ce
}
.gmaps-overlay_arrow.below {
 top:-15px;
 border-left:16px solid transparent;
 border-right:16px solid transparent;
 border-bottom:16px solid #02c0ce
}
.jvectormap-label {
 border:none;
 background:#323a46;
 color:#fff;
 font-family:Rubik,sans-serif;
 font-size:.875rem;
 padding:5px 8px
}
.mapael .map {
 position:relative
}
.mapael .map .zoomIn {
 top:25px
}
.mapael .map .zoomOut {
 top:50px
}
.mapael .mapTooltip {
 position:absolute;
 background-color:#02c0ce;
 opacity:.95;
 border-radius:3px;
 padding:2px 10px;
 z-index:1000;
 max-width:200px;
 display:none;
 color:#fff;
 font-family:Rubik,sans-serif
}
.mapael .zoomIn,
.mapael .zoomOut,
.mapael .zoomReset {
 display:inline-block;
 text-align:center;
 vertical-align:middle;
 border-radius:2px;
 font-weight:500;
 cursor:pointer;
 background-color:#02c0ce;
 text-decoration:none;
 color:#fff;
 font-size:14px;
 position:absolute;
 top:0;
 left:10px;
 width:24px;
 height:24px;
 line-height:24px
}
.mapael .plotLegend text {
 font-family:Roboto,sans-serif!important;
 fill:#313a46
}
.datepicker {
 padding:10px!important;
 animation:none
}
.datepicker td,
.datepicker th {
 width:30px;
 height:30px
}
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
 background-color:#02c0ce!important;
 background-image:none!important;
 color:#fff
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
 background:#f7f7f7
}
.datepicker table tr td span.new,
.datepicker table tr td span.old,
.datepicker table tr td.new,
.datepicker table tr td.old {
 color:#6c757d;
 opacity:.4
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
 background:#f7f7f7
}
.datepicker .datepicker-switch:hover {
 background:0 0
}
.datepicker-dropdown:after {
 border-bottom:6px solid #fff
}
.datepicker-dropdown:before {
 border-bottom-color:#e1e9ed
}
.datepicker-dropdown.datepicker-orient-top:before {
 border-top:7px solid #e1e9ed
}
.datepicker-dropdown.datepicker-orient-top:after {
 border-top:6px solid #fff
}
.datepicker-inline {
 border:2px solid #ebf0f3
}
/*# sourceMappingURL=app.min.css.map */