﻿@font-face {
 font-family:'Open Sans';
 src:url("../fonts/open-sans/OpenSans-Light.ttf") format("truetype");
 font-weight:300;
 font-style:normal;
 font-display:swap;
}
@font-face {
 font-family:'Open Sans';
 src:url("../fonts/open-sans/OpenSans-Regular.ttf") format("truetype");
 font-weight:normal;
 font-style:normal;
 font-display:swap;
}
@font-face {
 font-family:'Open Sans';
 src:url("../fonts/open-sans/OpenSans-SemiBold.ttf") format("truetype");
 font-weight:600;
 font-style:normal;
 font-display:swap;
}
@font-face {
 font-family:'Open Sans';
 src:url("../fonts/open-sans/OpenSans-Bold.ttf") format("truetype");
 font-weight:bold;
 font-style:normal;
 font-display:swap;
}
@font-face {
 font-family:'Open Sans';
 src:url("../fonts/open-sans/OpenSans-ExtraBold.ttf") format("truetype");
 font-weight:bold;
 font-style:normal;
 font-display:swap;
}
@font-face {
 font-family:'Rubik Mono One';
 src:url("../fonts/rubik-mono/RubikMonoOne-Regular.ttf") format("truetype");
 font-style:normal;
}
html,
body {
 height:100%;
 font-size:100%;
}
body {
 margin:0;
 padding:0;
 font:400 .8rem 'Open Sans',sans-serif;
 color:#454f58;
 min-height:100%;
 position:relative;
}
body.authentication {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:url(../img/login-bg.jpg) no-repeat;
 background-size:cover;
 background-attachment:fixed;
 overflow:auto;
}
body.error-page {
 background:#027bc0;
}
body.subscribe-page {
 background:#a6b2c5;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
body.maintenance-page {
 background:#252525;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
body.fullscreen .page-header .toggle-sidebar {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0 10px 0 -8px;
}
body.fullscreen .page-wrapper .main-container {
 padding-left:0;
}
body.fullscreen .page-wrapper .sidebar-wrapper {
 left:-350px;
}
body.fullscreen .page-wrapper .sidebar-wrapper .sidebar-tabs .nav a.logo {
 margin:3.5rem auto 2.5rem auto;
}
body.fullscreen .page-wrapper.toggled .sidebar-wrapper {
 left:10px;
}
body.full-view .page-wrapper {
 padding:0;
}
body.full-view .sidebar-wrapper {
 height:calc(100vh);
 top:0;
 left:0;
}
body.full-view .sidebar-wrapper .sidebar-tabs {
 height:calc(100vh);
}
body.full-view .sidebar-wrapper .sidebar-tabs .nav {
 border-radius:0;
 height:calc(100vh);
}
body.full-view .main-container {
 border-radius:0;
 height:calc(100vh);
}
body.full-view .content-wrapper {
 height:calc(100vh - 135px);
}
body.full-view .sidebar-actions {
 margin:4.5rem 0 1rem 0;
}
@media screen and (max-width:1024px) {
 body.full-view .page-wrapper .sidebar-wrapper {
  left:-350px
 }
 body.full-view .page-wrapper.toggled .sidebar-wrapper {
  left:0
 }
}
body.default-sidebar .main-container {
 padding:0 0 0 260px;
}
body.compact-sidebar .main-container {
 padding:0 0 0 160px;
}
body.slim-sidebar .main-container {
 padding:0 0 0 75px;
}
#loading-wrapper {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:5000;
 background:rgba(0,0,0,.95);
 color:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 font-size:1rem;
}
#loading-wrapper .spinner-border {
 width:5rem;
 height:5rem;
 color:#027bc0;
 border-width:.7em;
 margin-bottom:10px;
}
a {
 color:#000000;
 text-decoration:none;
}
a:hover {
 text-decoration:none;
 color:inherit;
}
img {
 border-radius:3px;
}
ul {
 list-style-type:none;
 margin:0;
 padding:0;











}
ul.custom {
 font-size:.825rem;
 margin:20px 0 0 20px;
}
ul.custom li {
 line-height:180%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:600;
}
h1 {
 font-size:2.5rem;
 margin-bottom:.8rem;
}
h2 {
 font-size:2rem;
 margin-bottom:.5rem;
}
h3 {
 font-size:1.5rem;
 margin-bottom:.5rem;
}
h4 {
 font-size:1.25rem;
 margin-bottom:.4rem;
}
h5 {
 font-size:1rem;
 margin-bottom:.3rem;
}
h6 {
 font-size:.85rem;
 margin-bottom:.2rem;
}
p {
 margin-bottom:.2rem;
 line-height:180%;
}
.img-36 {
 width:36px;
 height:36px;
}
.img-48 {
 width:48px;
 height:48px;
}
.img-64 {
 width:64px;
 height:64px;
}
.img-72 {
 width:72px;
 height:72px;
}
.img-90 {
 width:90px;
 height:90px;
}
.bg-primary {
 background:#027bc0!important;
}
.bg-secondary {
 background:#1d1c1c!important;
}
.red-bg,
.bg-danger {
 background:#027bc0!important;
}
.green-bg,
.bg-success {
 background:#268a3c!important;
}
.yellow-bg,
.bg-warning {
 background:#d69e00!important;
}
.blue-bg,
.bg-info {
 background:#0656a7!important;
}
.light-bg,
.bg-light {
 background:#f5f8fd!important;
 color:#111111;
}
.text-primary {
 color:#027bc0!important;
}
.text-secondary {
 color:#1d1c1c!important;
}
.text-danger {
 color:#027bc0!important;
}
.text-success {
 color:#268a3c!important;
}
.text-warning {
 color:#d69e00!important;
}
.text-info {
 color:#0656a7!important;
}
.text-light {
 color:#5e6973!important;
}
.text-lighter {
 color:#9aa5af!important;
}
.h-320 {
 min-height:320px;
}
.h-350 {
 min-height:350px;
}
.h-380 {
 min-height:380px;
}
.h-410 {
 min-height:410px;
}
.h-475 {
 min-height:475px;
}
.h-250 {
 min-height:250px;
}
.h-180 {
 min-height:180px;
}
[class^="icon-"],
[class*=" icon-"] {
 text-shadow:1px 1px #ffffff;
}
.page-wrapper {
 /*! padding:10px; */
 background:#252525;
}
.sidebar-wrapper {
 height:calc(100vh - 20px);
 position:fixed;
 top:10px;
 left:10px;
 z-index:999;
 -webkit-transition:left .3s ease,width .3s ease;
 transition:left .3s ease,width .3s ease;
}
.sidebar-wrapper .sidebar-tabs {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 height:calc(100vh - 20px);
}
.sidebar-wrapper .sidebar-tabs .nav {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:70px;
 padding:1rem .5rem 1rem .5rem;
 border-radius:10px 0 0 10px;
 background:#ffffff;
 height:calc(100vh - 20px);
}
.sidebar-wrapper .sidebar-tabs .nav a.logo {
 margin:.5rem auto 2.5rem auto;
}
.sidebar-wrapper .sidebar-tabs .nav a.logo img {
 width:40px;
 height:40px;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link {
 padding:16px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 position:relative;
 border-radius:50px;
 min-width:52px;
 min-height:52px;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link i {
 font-size:1.2rem;
 color:#5e6973;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link:hover {
 background:#f1f4f9;
 border-radius:50px;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link:hover .nav-link-text {
 display:block;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link.active {
 background:#fff1f1;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link.active i {
 color:#027bc0;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link .nav-link-text {
 padding:3px 12px;
 background:#000000;
 color:#ffffff;
 display:none;
 position:absolute;
 left:60px;
 font-size:.7rem;
 top:17px;
 z-index:100;
 border-radius:2px;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link .nav-link-text:before {
 content:'';
 position:absolute;
 left:-5px;
 top:6px;
 width:0;
 height:0;
 border-top:5px solid transparent;
 border-bottom:5px solid transparent;
 border-right:5px solid #000000;
}
.sidebar-wrapper .sidebar-tabs .nav a.nav-link.settings {
 margin-top:auto;
 background:#f1f4f9;
 border-radius:50px;
 position:relative;
}
.sidebar-wrapper .sidebar-tabs .tab-content {
 width:240px;
 padding:0;
 background:#f6f6fd;
}
.sidebar-wrapper .sidebar-tabs .tab-content>.tab-pane .tab-pane-header {
 margin:0;
 padding:1.5rem 20px;
 font-size:1.2rem;
 font-weight:600;
 color:#027bc0;
}
@media (max-width:420px) {
 .sidebar-wrapper .sidebar-tabs .nav a.nav-link {
  padding:10px;
  min-width:36px;
  min-height:36px
 }
 .sidebar-wrapper .sidebar-tabs .nav a.nav-link i {
  font-size:1rem
 }
}
.sidebar-menu {
 padding:0;
}
.sidebar-menu .list-heading {
 padding:0 20px 10px 20px;
 color:#111111;
 font-size:.75rem;
 font-weight:600;
 text-transform:uppercase;
}
.sidebar-menu ul {
 margin:0 0 15px 0;
}
.sidebar-menu ul li a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 text-decoration:none;
 position:relative;
 min-height:36px;
 padding:10px 20px 10px 20px;
 color:#5e6973;
 font-size:.825rem;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
 position:relative;
}
.sidebar-menu ul li a:hover {
 color:#027bc0;
 background:rgba(255,255,255,.5);
}
.sidebar-menu ul li a.current-page {
 color:#027bc0;
 background:#ffffff;
 -webkit-box-shadow:inset 3px 0 0 #027bc0;
 box-shadow:inset 3px 0 0 #027bc0;
 position:relative;
}
.sidebar-menu ul.tile-menu {
 margin:0 15px 15px 15px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
.sidebar-menu ul.tile-menu li {
 width:48%;
 background:#ffffff;
 border-radius:5px;
 padding:0;
 border:1px solid #e1e8f3;
 margin:4px 0;
}
.sidebar-menu ul.tile-menu li a {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 padding:9px 5px;
 min-height:80px;
 font-size:.725rem;
}
.sidebar-menu ul.tile-menu li a i {
 font-size:1.1rem;
 color:#5e6973;
 margin-bottom:.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.sidebar-menu ul.tile-menu li a:hover {
 color:#027bc0;
}
.sidebar-menu ul.tile-menu li a:hover i {
 color:#027bc0;
}
.sidebar-menu ul.tile-menu li a.current-page {
 color:#027bc0;
}
.sidebar-menu ul.tile-menu li a.current-page i {
 color:#027bc0;
}
.sidebar-menu ul.tile-menu .list-heading {
 width:100%;
 padding:0 0 10px 0;
 background:transparent;
 border:0;
}
.sidebar-actions {
 margin:2.5rem 0 1rem 0;
 padding:0 20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
}
.sidebar-actions>a {
 padding:10px;
 border-radius:4px;
 min-width:90px;
 max-width:90px;
 min-height:80px;
 margin-right:10px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 background:#ffffff;
 -webkit-box-shadow:5px 5px 10px #eaeef7;
 box-shadow:5px 5px 10px #eaeef7;
}
.sidebar-actions>a .bg-avatar {
 width:40px;
 height:40px;
 border-radius:50px;
 margin:-30px 0 15px 0;
 font-size:13px;
 font-weight:700;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.sidebar-actions>a>h5 {
 font-size:.8rem;
 margin:0 10px 10px 0;
 font-weight:400;
 color:#5e6973;
}
.sidebar-actions>a:hover {
 background:#0656a7;
 color:#ffffff;
}
.sidebar-actions>a:hover>h5 {
 color:#ffffff;
}
.sidebar-actions>a:hover>h6 {
 color:#ffffff;
}
.sidebar-actions>a.red .bg-avatar {

 background:#ffe1e1;
 color:#c71123;
}
.sidebar-actions>a.red:hover {
 background:#027bc0;
 color:#ffffff;
}
.sidebar-actions>a.blue .bg-avatar {
 background:#e0e4eb;
 color:#1d1c1c;
}
.sidebar-actions>a.blue:hover {
 background:#1d1c1c;
 color:#ffffff;
}
.sidebar-actions .support-tile {
 background:#027bc0;
 color:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 padding:15px 10px;
 border-radius:4px;
 font-size:.9rem;
 line-height:130%;
 font-weight:600;
 background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent)!important;
 background-size:.4rem .4rem!important;
}
.sidebar-actions .support-tile i {
 background:#ffffff;
 width:50px;
 height:50px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-radius:50px;
 text-shadow:none;
 color:#027bc0;
 font-size:1.4rem;
 margin-right:10px;
}
.sidebar-actions .support-tile.blue {
 background:#1d1c1c;
}
.sidebar-actions .support-tile.blue i {
 color:#1d1c1c;
}
.sidebar-actions .support-tile.red {
 background:#027bc0;
}
.sidebar-actions .support-tile.red i {
 color:#027bc0;
}
.sidebar-actions .support-tile.yellow {
 background:#b48400;
}
.sidebar-actions .support-tile.yellow i {
 color:#b48400;
}
.sidebar-actions .support-tile.pink {
 background:#e75b62;
}
.sidebar-actions .support-tile.pink i {
 color:#e75b62;
}
.sidebar-actions .support-tile .btn {
 display:block;
 color:#53565a;
}
.sidebar-actions .support-tile a {
 color:#ffffff;
}
@media screen and (max-width:1024px) {
 .sidebar-actions>a {
  padding:10px;
  min-width:80px;
  max-width:80px
 }
}
.sidebar-settings {
 padding:0 20px;
}
.sidebar-settings .accordion .accordion-button {
 font-size:.775rem;
 color:#5e6973;
 padding:.8rem .8rem;
}
.sidebar-settings .accordion .accordion-button::after {
 width:1rem;
 height:1rem;
 background-size:1rem;
}
.sidebar-settings .accordion .accordion-body {
 padding:.6rem .8rem;
}
.sidebar-settings .noti-container {
 margin:0 -.8rem;
}
.sidebar-settings .noti-container .noti-block {
 font-size:.775rem;
 color:#5e6973;
 padding:.6rem .8rem;
 border-bottom:1px solid #e1e8f3;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
.sidebar-settings .noti-container .noti-block:last-child {
 border-bottom:0;
}
.sidebar-settings .form-switch {
 padding:0;
}
.sidebar-settings .form-switch .form-check-input {
 margin-left:auto;
}
.sidebar-settings .field-wrapper input {
 min-height:30px;
}
.sidebar-settings .field-wrapper .field-placeholder {
 font-size:.7rem;
}
.default-sidebar-wrapper {
 width:260px;
 padding:0;
 background:#f6f6fd;
 height:calc(100vh - 20px);
 border-radius:4px 0 0 4px
}
.default-sidebar-wrapper .default-sidebar-brand {
 margin:0;
}
.default-sidebar-wrapper .default-sidebar-brand .logo {
 padding:1rem;
 height:auto;
 margin:0 0 1rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.default-sidebar-wrapper .default-sidebar-brand .logo img {
 max-width:150px;
 height:auto;
}
.default-sidebar-wrapper .default-sidebar-menu {
 padding-bottom:10px;
}
.default-sidebar-wrapper .default-sidebar-menu ul li a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 padding:7px 35px 7px 20px;
 width:100%;
 color:#5e6973;
 font-size:.8rem;
}
.default-sidebar-wrapper .default-sidebar-menu ul li a i {
 margin-right:12px;
 font-size:1rem;
 background-color:#e7ecf3;

 text-shadow:none;
 color:#027bc0;
 width:36px;
 height:36px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-negative:0;
 flex-shrink:0;
 border-radius:4px;
}
.default-sidebar-wrapper .default-sidebar-menu ul li a .menu-text {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 white-space:nowrap;
 text-overflow:ellipsis;
 -ms-flex-negative:1;
 flex-shrink:1;
 overflow:hidden;
}
.default-sidebar-wrapper .default-sidebar-menu ul li a:hover {
 color:#027bc0;
}
.default-sidebar-wrapper .default-sidebar-menu ul li a:hover i {
 background-color:#027bc0;
 color:#ffffff;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active-page-link {
 background:#027bc0;
 position:relative;
 pointer-events:none;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active-page-link a {
 color:#ffffff;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active-page-link a i {
 background:#fff1f1;
 color:#ffffff;
 border-radius:4px;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active a i {
 background:#027bc0;
 color:#ffffff;
 border-radius:4px;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active a.current-page {
 background:#027bc0;
 pointer-events:none;
 position:relative;
 color:#ffffff;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active a.current-page:after {
 content:'';
 position:absolute;
 width:0;
 height:0;
 top:50%;
 right:0;
 margin:-8px 0 0 0;
 border:8px solid;
 border-color:transparent #efeff7 transparent transparent;
}
.default-sidebar-wrapper .default-sidebar-menu ul li.active .default-sidebar-submenu {
 display:block;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown>a:after {
 font-family:"icomoon";
 font-weight:700;
 font-size:1rem;
 content:"\e9ef";
 display:inline-block;
 position:absolute;
 right:15px;
 top:18px;
 -webkit-transition:-webkit-transform .3s ease;
 transition:-webkit-transform .3s ease;
 transition:transform .3s ease;
 transition:transform .3s ease,-webkit-transform .3s ease;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown .default-sidebar-submenu {
 display:none;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown .default-sidebar-submenu ul {
 padding:0;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown .default-sidebar-submenu ul li a {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 padding:9px 35px 9px 40px;
 font-size:.8rem;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown .default-sidebar-submenu ul li a:before {
 font-family:"icomoon";
 font-weight:700;
 content:"\e5c8";
 margin:0 10px 0 0;
 font-size:.7rem;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown .default-sidebar-submenu ul li a:hover {
 background:#f1f4f9;
}
.default-sidebar-wrapper .default-sidebar-menu .default-sidebar-dropdown.active>a:after {
 -webkit-transform:rotate(-180deg);
 transform:rotate(-180deg);
 right:15px;
}
@media screen and (min-width:1025px) {
 .slim-sidebar .default-sidebar-wrapper {
  -webkit-transition:left .3s ease,width .3s ease;
  transition:left .3s ease,width .3s ease
 }
 .slim-sidebar:not(.sidebar-hovered) .default-sidebar-wrapper {
  width:75px;
  -webkit-transition:left .3s ease,width .3s ease;
  transition:left .3s ease,width .3s ease
 }
 .slim-sidebar:not(.sidebar-hovered) .default-sidebar-wrapper .default-sidebar-menu .default-sidebar-submenu,
 .slim-sidebar:not(.sidebar-hovered) .default-sidebar-wrapper .default-sidebar-menu ul>li>a>span,
 .slim-sidebar:not(.sidebar-hovered) .default-sidebar-wrapper .default-sidebar-menu ul>li>a::after {
  display:none!important
 }
}
.compact-sidebar-wrapper {
 width:160px;
 padding:0;
 background:#f6f6fd;
 height:calc(100vh - 20px);
 border-radius:4px 0 0 4px
}
.compact-sidebar-wrapper .compact-sidebar-brand {
 margin:0;
}
.compact-sidebar-wrapper .compact-sidebar-brand .logo {
 padding:1rem;
 min-height:80px;
 margin:0 0 1rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.compact-sidebar-wrapper .compact-sidebar-brand .logo img {
 max-width:130px;
 max-height:40px;
}
.compact-sidebar-wrapper .compact-sidebar-menu {
 padding-bottom:10px;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 position:relative;
 padding:15px 15px 15px 15px;
 width:100%;
 color:#5e6973;
 font-size:.725rem;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li a i {
 margin-bottom:7px;
 font-size:1rem;
 background-color:#e7ecf3;
 text-shadow:none;
 color:#027bc0;
 width:36px;
 height:36px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-negative:0;
 flex-shrink:0;
 border-radius:4px;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li a .menu-text {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 white-space:nowrap;
 text-overflow:ellipsis;
 -ms-flex-negative:1;
 flex-shrink:1;
 overflow:hidden;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li a:hover {
 color:#027bc0;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li a:hover i {
 background-color:#027bc0;
 color:#ffffff;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active-page-link {
 background:#027bc0;
 position:relative;
 pointer-events:none;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active-page-link a {
 color:#ffffff;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active-page-link a i {
 background:#fff1f1;
 color:#ffffff;
 border-radius:4px;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active a i {
 background:#027bc0;
 color:#ffffff;
 border-radius:4px;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active a.current-page {
 background:#027bc0;
 pointer-events:none;
 position:relative;
 color:#ffffff;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active a.current-page:after {
 content:'';
 position:absolute;
 width:0;
 height:0;
 top:50%;
 right:0;
 margin:-8px 0 0 0;
 border:8px solid;
 border-color:transparent #efeff7 transparent transparent;
}
.compact-sidebar-wrapper .compact-sidebar-menu ul li.active .compact-sidebar-submenu {
 display:block;
}
.compact-sidebar-wrapper .compact-sidebar-menu .compact-sidebar-dropdown>a:after {
 font-family:"icomoon";
 font-weight:700;
 font-size:1rem;
 content:"\e9ef";
 display:inline-block;
 position:absolute;
 right:40px;
 top:25px;
 -webkit-transition:-webkit-transform .3s ease;
 transition:-webkit-transform .3s ease;
 transition:transform .3s ease;
 transition:transform .3s ease,-webkit-transform .3s ease;
}
.compact-sidebar-wrapper .compact-sidebar-menu .compact-sidebar-dropdown .compact-sidebar-submenu {
 display:none;
}
.compact-sidebar-wrapper .compact-sidebar-menu .compact-sidebar-dropdown .compact-sidebar-submenu ul {
 padding:0;
}
.compact-sidebar-wrapper .compact-sidebar-menu .compact-sidebar-dropdown .compact-sidebar-submenu ul li a {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 padding:7px 15px 7px 15px;
 font-size:.725rem;
}
.compact-sidebar-wrapper .compact-sidebar-menu .compact-sidebar-dropdown .compact-sidebar-submenu ul li a:hover {
 background:#f1f4f9;
}
.compact-sidebar-wrapper .compact-sidebar-menu .compact-sidebar-dropdown.active>a:after {
 -webkit-transform:rotate(-180deg);
 transform:rotate(-180deg);
 right:40px;
}



.app-footer {
 font-size:.65rem;
 color:rgba(0,0,0,.5);
 margin:0;
 padding:1rem 1.5rem 1rem 1.5rem;
 text-align: center;
}
@media (max-width:576px) {
 .app-footer {
  padding:1rem 1rem 1rem 1rem
 }
}
.main-container {
 background:#efeff7;
 /*! border-radius:10px; */
 -webkit-transition:padding-left .3s ease;
 transition:padding-left .3s ease;
 padding:0 0 0 310px;
 height:calc(100vh - 20px);
}
@media screen and (max-width:1024px) {
 .page-wrapper .sidebar-wrapper {
  left:-350px
 }
 .page-wrapper.toggled .sidebar-wrapper {
  left:10px
 }
 .page-wrapper .sidebar-wrapper .sidebar-tabs .nav a.logo {
  margin:3.5rem auto 1.5rem auto
 }
 .page-wrapper .sidebar-wrapper .sidebar-tabs .nav a.logo img {
  width:32px;
  height:32px
 }
 .page-wrapper .sidebar-wrapper .sidebar-tabs .tab-content {
  width:220px
 }
 .page-wrapper .main-container {
  padding-left:0
 }
 body.default-sidebar .page-wrapper .sidebar-wrapper {
  left:-280px
 }
 body.default-sidebar .page-wrapper.toggled .sidebar-wrapper {
  left:10px
 }
 body.default-sidebar .page-wrapper .main-container {
  padding-left:0
 }
 body.default-sidebar .page-wrapper .default-sidebar-wrapper .default-sidebar-brand .logo {
  margin:0 0 1rem 3.5rem
 }
 body.default-sidebar .page-wrapper .default-sidebar-wrapper .default-sidebar-brand .logo img {
  max-height:34px
 }
 body.slim-sidebar .page-wrapper .sidebar-wrapper {
  left:-280px
 }
 body.slim-sidebar .page-wrapper.toggled .sidebar-wrapper {
  left:10px
 }
 body.slim-sidebar .page-wrapper .main-container {
  padding-left:0
 }
 body.slim-sidebar .page-wrapper .default-sidebar-wrapper .default-sidebar-brand .logo {
  margin:0 0 1rem 3.5rem;
  min-height:60px
 }
 body.slim-sidebar .page-wrapper .default-sidebar-wrapper .default-sidebar-brand .logo img {
  max-height:34px
 }
 body.compact-sidebar .page-wrapper .sidebar-wrapper {
  left:-160px
 }
 body.compact-sidebar .page-wrapper.toggled .sidebar-wrapper {
  left:10px
 }
 body.compact-sidebar .page-wrapper .main-container {
  padding-left:0
 }
 body.compact-sidebar .page-wrapper .compact-sidebar-wrapper .compact-sidebar-brand .logo {
  margin:0 0 1rem 3.5rem;
  min-height:70px
 }
 body.compact-sidebar .page-wrapper .compact-sidebar-wrapper .compact-sidebar-brand .logo img {
  max-height:30px;
  margin:5px 0 0 0
 }
}
.page-header {
 padding:0 1.5rem;
 margin:0 0 20px 0;
 border-bottom:1px solid #dedeef;
}
.page-header .toggle-sidebar {
 border:2px solid #027bc0;
 background:#e6e6e6;
 border-radius:30px;
 -webkit-box-shadow:inset -1px -1px 0 #ffffff;
 box-shadow:inset -1px -1px 0 #ffffff;
 cursor:pointer;
 display:none;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:40px;
 min-width:40px;
 height:40px;
 margin:0 15px 0 -4px;
 z-index:1000;
}
.page-header .toggle-sidebar i {
 color:#027bc0;
 font-size:1.1rem;
}
@media screen and (max-width:1024px) {
 .page-header .toggle-sidebar {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 15px 0 0
 }
}
@media (max-width:576px) {
 .page-header {
  padding:0 1rem
 }
}
.search-container {
 margin:13px 0 13px 0;
 padding:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.search-container a.logo {
 margin:0 15px 0 0;
}
.search-container a.logo img {
 width:40px;
 height:40px;
}
.search-container .ui.search {
 position:relative;
}
.search-container .ui.search .search.icon {
 color:#027bc0;
 opacity:1;
 position:absolute;
 top:8px;
 right:10px;
 font-size:1.5rem;
}
.search-container .prompt {
 border:0;
 border-radius:4px;
 background:#ffffff;
 height:40px;
 padding:.375rem 0 .375rem 3rem;
}
.search-container .prompt:focus,
.search-container .prompt:hover {
 border:0;
 border-color:#027bc0;
 -webkit-box-shadow:none;
 box-shadow:none;
 outline:auto!important;
 outline-color:#027bc0!important;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
}
.header-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
}
.header-actions>li>a {
 padding:1.5rem 1.3rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 position:relative;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.header-actions>li>a>i {
 font-size:1.2rem;
 color:#027bc0;
}
.header-actions>li>a .count-label {
 position:absolute;
 top:8px;
 right:5px;
 width:16px;
 height:16px;
 line-height:16px;
 font-size:.6rem;
 font-weight:600;
 text-align:center;
 background:#027bc0;
 color:#ffffff;
 border-radius:30px;
}
.header-actions>li>a.user-settings {
 padding:.85rem 1rem .85rem 1rem;
 color:#111111;
}
.header-actions>li>a.user-settings .avatar {
 position:relative;
 margin:0;
 width:200px;
 height:40px;
}
.header-actions>li>a.user-settings .avatar>img {
 width:40px;
 height:40px;
 border-radius:50px;
}
.header-actions>li>a.user-settings .avatar .status {
 position:absolute;
 top:-3px;
 right:160px;
 width:13px;
 height:15px;
 border-radius:10px;
 border:2px solid #ffffff;
}

.header-actions>li>a.user-settings .avatar .account-id {
 position:absolute;
 right:20px;
 top:30px;
 display:block;
 color:#027bc0;
 font-size:12px;
}

.header-actions>li>a.user-settings .avatar .status.busy {
 background:#027bc0;
}
.header-actions>li>a.user-settings .avatar .status.online {
 background:#268a3c;
}
.header-actions>li>a.user-settings .avatar .status.away {
 background:#d69e00;
}
.header-actions>li>a.user-settings span.user-name {
 margin-right:8px;
 vertical-align:middle;
 font-size:.825rem;
 display:inline-block;
 max-width:90px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}
.header-actions>li:hover>a,
.header-actions>li:focus>a {
 background:#ffffff;
}
.header-actions>li:hover>a i,
.header-actions>li:focus>a i {
 color:#027bc0;
}
.header-actions>li:hover .dropdown-menu,
.header-actions>li:focus .dropdown-menu {
 margin-top:0;
 display:block;
}
@media (max-width:576px) {
 .header-actions>li>a.user-settings span.user-name {
  display:none
 }
 .header-actions>li:nth-child(2n) {
  display:none
 }
 .header-actions>li:first-child {
  display:none
 }
}
ul.header-notifications li a {
 padding:.7rem 1rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
ul.header-notifications li a>.user-img {
 position:relative;
 margin:0 10px 0 0;
}
ul.header-notifications li a>.user-img img {
 width:40px;
 height:40px;
 border-radius:50px;
}
ul.header-notifications li a>.user-img:after {
 content:'';
 position:absolute;
 right:-3px;
 bottom:5px;
 width:10px;
 height:10px;
 border:1px solid #ffffff;
 background:#027bc0;
 border-radius:50px;
}
ul.header-notifications li a>.user-img.online:after {
 background:#268a3c;
}
ul.header-notifications li a>.user-img.busy:after {
 background:#027bc0;
}
ul.header-notifications li a>.user-img.away:after {
 background:#d69e00;
}
ul.header-notifications li a .details {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
ul.header-notifications li a .details>.user-title {
 font-weight:600;
 font-size:.825rem;
 margin:0 0 2px 0;
 color:#111111;
}
ul.header-notifications li a .details .noti-details {
 font-size:.75rem;
 line-height:150%;
 color:#5e6973;

}
ul.header-notifications li a .details .noti-date {
 opacity:.4;
 line-height:150%;
 font-size:.7rem;
 color:#5e6973;
}
ul.header-notifications li a:hover {
 background:#f2f4f9;
}
ul.activity {
 margin:0 0 0 10px;
 padding:1rem;
}
ul.activity li.activity-list {
 position:relative;
 border-left:1px solid #e1e8f3;
}
ul.activity li.activity-list:after {
 background-color:#ffffff;
 border:2px solid #086fd8;
 border-radius:30px;
 bottom:0;
 content:"";
 height:10px;
 width:10px;
 left:0;
 margin-left:-6px;
 position:absolute;
 top:6px;
}
ul.activity li.activity-list:before {
 border:4px solid #e1effe;
 border-radius:30px;
 bottom:0;
 content:"";
 height:18px;
 width:18px;
 left:0;
 margin-left:-10px;
 position:absolute;
 top:2px;
}
ul.activity li.activity-list .detail-info {
 margin:0 0 0 20px;
 padding-bottom:15px;
}
ul.activity li.activity-list .detail-info p.date {
 margin:0 0 2px 0;
 padding:0;
 font-size:.75rem;
 font-weight:600;
}
ul.activity li.activity-list .detail-info p.info {
 margin:0;
 font-size:.75rem;
 color:#5e6973;
 line-height:150%;
}
ul.activity li.activity-list:last-child .detail-info {
 padding-bottom:0;
}
ul.activity li.activity-list.info:after {
 border:2px solid #0656a7;
}
ul.activity li.activity-list.info:before {
 border:4px solid #1c89f7;
}
ul.activity li.activity-list.success:after {
 border:2px solid #268a3c;
}
ul.activity li.activity-list.success:before {
 border:4px solid #e9f9ed;
}
ul.activity li.activity-list.danger:after {
 border:2px solid #027bc0;
}
ul.activity li.activity-list.danger:before {
 border:4px solid white;
}
ul.activity li.activity-list.warning:after {
 border:2px solid #d69e00;
}
ul.activity li.activity-list.warning:before {
 border:4px solid white;
}
.header-profile-actions {
 margin:0;
 padding:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.header-profile-actions a {
 border-right:1px dotted rgba(1,118,192,.1);
 padding:.5rem 1rem;
 -webkit-transition:all .5s ease;
 transition:all .5s ease;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 color:#5e6973;
 font-size:.725rem;
 font-weight:400;
}
.header-profile-actions a:hover {
 color:#027bc0;
}
.header-profile-actions a i {
 font-weight:300;
 margin-bottom:.3rem;
 font-size:1.2rem;
 vertical-align:text-top;
}
.header-profile-actions a:last-child {
 border-right:0;
}
.breadcrumb-container {
 margin:0 0 10px 0;
 background: #fff;
 padding: 0px 10px 10px 20px;
 border-radius: 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
}
.breadcrumb-container .breadcrumb {
 margin:12px 0 0 0;
}
.breadcrumb-container .btn {
 margin:0 0 0 .3rem;
}
.content-wrapper-scroll {
 padding:0;
}
.content-wrapper {
 padding:0 1.5rem 0 1.5rem;
 height:calc(100vh - 150px);
 overflow:auto;
}
@media (max-width:576px) {
 .content-wrapper {
  padding:0 1rem 0 1rem
 }
}
.stats-tile {
 padding:1rem;
 margin:0 0 20px 0;
 border-radius:4px;
 background:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 position:relative;
}
.stats-tile .sale-icon {
 height:60px;
 width:60px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;

 margin-right:15px;
 text-align:center;
 background:#fff1f1;
 border-radius:50px;
}
.stats-tile .sale-icon i {
 font-size:1.5rem;
 color:#027bc0;
}
.stats-tile .sale-details {
 color:#027bc0;
}
.stats-tile .sale-details h2 {
 margin:0;
 line-height:100%;
}
.stats-tile .sale-details p {
 margin:0;
 color:#5e6973;
}
.stats-tile .sale-details h5 {
 font-size:.75rem;
 font-weight:400;
 line-height:150%;
 color:#9aa5af;
}
.stats-tile .sale-details h5 i {
 font-size:.8rem;
 vertical-align:middle;
 font-weight:700;
 margin:0 3px 0 0;
}
.stats-tile .sale-details h5 span {
 margin:0 3px 0 0;
}
.stats-tile .sale-details h5 span.high {
 color:#268a3c;
}
.stats-tile .sale-details h5 span.low {
 color:#027bc0;
}
.stats-tile .sale-graph {
 position:absolute;
 top:50%;
 right:15px;
 margin-top:-15px;
}
.stats-tile2 {
 padding:1rem;
 margin:0 0 20px 0;
 border-radius:4px;
 background:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center;
 min-height:163px;
 max-height:163px;
}
.stats-tile2 .sale-icon {
 height:60px;
 width:60px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-bottom:15px;
 text-align:center;
 background:#fff1f1;
 border:5px solid #fffbfb;
 border-radius:100px;
}
.stats-tile2 .sale-icon i {
 font-size:1.5rem;
 color:#027bc0;
}
.stats-tile2 .sale-details {
 color:#027bc0;
}
.stats-tile2 .sale-details h2 {
 margin:0;
 line-height:100%;
}
.stats-tile2 .sale-details p {
 margin:0;
 color:#5e6973;
}
.stats-tile3 {
 padding:1.5rem 1rem 1rem 1rem;
 margin:0 0 20px 0;
 border-radius:4px;
 background:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 position:relative;
}
.stats-tile3 .sale-icon3 {
 margin:0 0 10px 0;
}
.stats-tile3 .sale-icon3 i {
 font-size:1.8rem;
 color:#5e6973;
}
.stats-tile3 .sale-icon3 img {
 width:36px;
 height:36px;
}
.stats-tile3 .stats-graph3 {
 position:absolute;
 top:30px;
 right:15px;
}
.stats-tile3 .sale-details3 h3 {
 margin:0;
 line-height:100%;
 color:#027bc0;
 font-size:1.4rem;
}
.stats-tile3 .sale-details3 p {
 margin:0;
 font-size:.75rem;
 color:#9aa5af;
}
.stats-tile4 {
 padding:1.5rem 1rem 1rem 1rem;
 margin:0 0 20px 0;
 border-radius:4px;
 background:url(../img/shade.png);
 background-size:cover;
 background-position:center;
 color:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
}
.stats-tile4 .stats-icon4 {
 margin:0 0 1rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.stats-tile4 .stats-icon4 i {
 font-size:1.2rem;
 color:#ffffff;
 text-shadow:none;
 background:rgba(255,255,255,.1);
 border-radius:50px;
 padding:15px;
}
.stats-tile4 h3 {
 margin:0 0 .5rem 0;
 line-height:100%;
 font-size:1.6rem;
}
.stats-tile4 h4 {
 margin:0;
 font-size:.75rem;
}
.stats-tile4.min-height {
 min-height:175px;
}
.stats-tiles-list {
 border-radius:3px;
 border-top:1px solid #e1e8f3;
 border-bottom:1px solid #e1e8f3;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 text-align:center;
 margin:1rem 0 0 0;
}
.stats-tiles-list .tiles-list {
 width:100%;
 padding:5px;
 border-right:1px solid #e1e8f3;
}
.stats-tiles-list .tiles-list img {
 width:30px;
 height:30px;
 margin:10px 0;
}
.stats-tiles-list .tiles-list h2 {
 color:#027bc0;
 font-size:1.4rem;
 margin:0;
}
.stats-tiles-list .tiles-list p {
 margin:0;
 color:#5e6973;
}
.stats-tiles-list .tiles-list:first-child {
 border-left:1px solid #e1e8f3;
}
@media (max-width:576px) {
 .stats-tiles-list {
  overflow:auto
 }
 .stats-tiles-list .tiles-list {
  min-width:100px
 }
}
.image-stats-tile {
 margin:0 0 32px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.image-stats-tile .image-stats-box img {
 border-radius:3px;
 margin-right:10px;
 max-width:80px;
}
.image-stats-tile .img-stats-details {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
.image-stats-tile .img-stats-details p {
 margin:0 0 2px 0;
 font-size:.75rem;
 color:#9aa5af;
}
.image-stats-tile .img-stats-details h5 {
 margin:0;
 font-weight:600;
 font-size:.9rem;
 color:#373e46;
}
.image-stats-tile .weekly-graph-details {
 margin-left:auto;
}
.earnings-detail {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-bottom:25px;
}
.earnings-detail .earnings-info h5 {
 margin:3px 0 0 0;
}
.earnings-detail .earnings-info p {
 margin:0;
 font-size:.75rem;
}
.earnings-detail .earnings-icon {
 border:1px solid #268a3c;
 background:#f5fff7;
 width:36px;
 height:36px;
 border-radius:30px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.earnings-detail .earnings-icon i {
 font-size:1rem;
 color:#268a3c;
}
.earnings-detail .earnings-icon.blue {
 border:1px solid #0656a7;
 background:#f5faff;
}
.earnings-detail .earnings-icon.blue i {
 font-size:1rem;
 color:#0656a7;
}
.earnings-detail .earnings-icon.red {
 border:1px solid #027bc0;
 background:#fffbfb;
}
.earnings-detail .earnings-icon.red i {
 font-size:1rem;
 color:#027bc0;
}
.top-users-container {
 margin:1rem 0 0 0;
}
.top-users-container .top-user {
 margin:0 0 20px 0;
 padding-bottom:.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
}
.top-users-container .top-user img.avatar {
 border-radius:30px;
 width:48px;
 height:48px;
 margin:0 10px 0 0;
}
.top-users-container .top-user .user-details {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.top-users-container .top-user .user-details h6 {
 margin:0 0 .5rem 0;
 font-size:.825rem;
}
.top-users-container .top-user .user-details .user-score .progress {
 height:4px;
 margin:0 0 .4rem 0;
 border-radius:2px;
}
.top-users-container .top-user .user-details .user-score .rank {
 color:#5e6973;
 font-size:.725rem;
}
ul.customer-rating li {
 margin-bottom:15px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
}
ul.customer-rating li .customer {
 margin-right:10px;
}
ul.customer-rating li .customer img {
 width:48px;
 height:48px;
 border-radius:30px;
}
ul.customer-rating li .customer-review .stars {
 margin:10px 0 15px 0;
 width:100%;
}
ul.customer-rating li .customer-review .stars img {
 width:12px;
 height:12px;
}
ul.customer-rating li .customer-review h5 {
 margin:0 0 9px 0;
 font-size:.875rem;
}
ul.customer-rating li .customer-review h6.by {
 margin:0 0 10px 0;
 font-size:.8rem;

 font-weight:400;
}
ul.customer-rating li .customer-review h6.by a {
 color:#5e6973;
}
ul.customer-rating li .customer-review p {
 margin:0 0 5px 0;
 line-height:150%;
 color:#9aa5af;
}
ul.customer-rating li:last-child {
 margin-bottom:0;
}
.custom-file {
 min-height:40px;
}
.custom-file .custom-file-input {
 padding:10px 12px;
 min-height:40px;
}
.custom-file .custom-file-label {
 border:1px solid #dbdaea;
 min-height:40px;
 line-height:26px;
 color:#111111;
 border-radius:2px;
}
.custom-file .custom-file-label::after {
 min-height:38px;
 background:#f2f4f9;
 padding:10px 12px;
 border-radius:2px;
}
.field-wrapper {
 position:relative;
 margin-bottom:1rem;
 margin-top:1.5rem;
 min-width:90px;
}
.field-wrapper .field-placeholder {
 position:absolute;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 color:#353132;
 background:#ffffff;
 border-radius:30px;
 font-size:.75rem;
 font-weight:600;
 top:-12px;
 left:7px;
 padding:2px 7px;
 z-index:10;
 text-align:left;
}
.field-wrapper input,
.field-wrapper select,
.field-wrapper textarea {
 border:1px solid #dbdaea;
 padding:9px 12px;
 border-radius:2px;
 width:100%;
 min-height:40px;
 font-size:.725rem;
 color:#000;
}
.field-wrapper input:hover,
.field-wrapper textarea:hover {
 border:1px solid #027bc0;
}
.field-wrapper input:focus,
.field-wrapper textarea:focus {
 outline-color:#027bc0;
}
.field-wrapper .input-group .btn {
 font-size:.75rem;
 font-weight:600;
}
.field-wrapper-group {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.field-wrapper-group .field-wrapper {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.field-wrapper-group .input-icon-block {
 max-height:40px;
 min-width:40px;
 margin:.5rem 0 0 .2rem;
 border-radius:2px;
}
.field-wrapper-group .input-icon-block i {
 font-size:.9rem;
 display:block;
}
.form-section-header {
 border-radius:3px;
 background:#fff1f1;
 margin:.5rem 0 1rem 0;
 padding:.6rem .9rem;
 font-size:.8rem;
 font-weight:600;
 color:#111111;
}
.form-section-header span.title-info {
 font-size:.7rem;
 font-weight:400;
 color:#9aa5af;
 margin:0 0 0 5px;
}
.form-section-header.light-bg {
 background-color:#f2f4f9;
}
.checkbox-container .form-check {
 margin:1rem .5rem 0 0;
}
.checkbox-container .field-placeholder {
 left:-5px;
 background:transparent;
}
.form-actions-footer {
 background:#f8f8fb;
 padding:1rem;
 border-radius:2px;
}
.custom-btn-group {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.custom-btn-group.right-align {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
}
.custom-btn-group .btn {
 margin:.3rem;
}
.custom-btn-group .btn-sm {
 margin:.2rem .1rem;
}
.custom-icon-group {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.custom-icon-group.right-align {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
}
.custom-icon-group .btn {
 margin:.3rem;
}
.custom-icon-group .btn i {
 margin:0;
}
.custom-icon-group .btn-sm {
 margin:.2rem .1rem;
}
.custom-icon-group .btn-sm i {
 margin:0;
}
.graph-day-selection {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
}
.graph-day-selection .btn {
 font-size:.7rem;
 font-weight:600;
 padding:.2rem .8rem;
 border:0;
 color:#111111;
 background:transparent;
 border-radius:30px;
}
.graph-day-selection .btn.active {
 background:#fff1f1;
 color:#027bc0;
}
.graph-day-selection .btn:hover {
 background:#f2f4f9;
}
.graph-day-selection .btn:focus {
 outline:none;
 -webkit-box-shadow:none;
 box-shadow:none;
}
.graph-day-selection a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#027bc0;
 font-size:.65rem;
 font-weight:600;
 padding:.2rem .8rem;

 line-height:1.5;
 background:#fff1f1;
 border-radius:30px;
}
.graph-day-selection a:hover {
 color:#027bc0;
}
.graph-day-selection a.reportrange {
 cursor:pointer;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#027bc0;
 font-weight:600;
}
.graph-day-selection a.reportrange span.range-text {
 margin:0 5px 0 5px;
}
@media screen and (max-width:768px) {
 .graph-day-selection .btn {
  padding:.2rem .5rem
 }
}
.stats-list-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-pack:distribute;
 justify-content:space-around;
 padding:0;
 margin:0;
}
.stats-list-container .stats-list-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0;
}
.stats-list-container .stats-list-item .stats-icon {
 border-radius:5px;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 height:36px;
 width:36px;
 margin-right:10px;
}
.stats-list-container .stats-list-item .stats-icon i {
 font-size:1rem;
}
.stats-list-container .stats-list-item .stats-info {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.stats-list-container .stats-list-item .stats-info h6.stats-title {
 font-size:.7rem;
 margin:0;
 font-weight:600;
 color:#5e6973;
}
.stats-list-container .stats-list-item .stats-info p.stats-amount {
 font-size:.8rem;
 font-weight:600;
 margin:0;
}
.stats-list-container .stats-list-item.primary .stats-icon {
 background:#fff1f1;
}
.stats-list-container .stats-list-item.primary .stats-icon i {
 color:#027bc0;
}
.stats-list-container .stats-list-item.secondary .stats-icon {
 background:#e0e4eb;
}
.stats-list-container .stats-list-item.secondary .stats-icon i {
 color:#1d1c1c;
}
.weekly-earnings {
 text-align:center;
}
.weekly-earnings .svg-container {
 width:80px;
 margin:-10px auto 0 auto;
}
.weekly-earnings p {
 font-size:.65rem;
 color:#5e6973;
}
.weekly-earnings h5 {
 margin:0;
}
.monthly-earnings {
 text-align:center;
 margin:1rem 0 0 0;
 background:#fff1f1;
 color:#027bc0;
 padding:.8rem 1rem;
 border-radius:5px;
}
.monthly-earnings .svg-container {
 width:80px;
 margin:-10px auto 0 auto;
}
.monthly-earnings p {
 font-size:.75rem;
}
.monthly-earnings h4 {
 margin:0;
}
.monthly-earnings.red {
 background:#fff5f5;
 color:#027bc0;
}
.monthly-earnings.blue {
 background:#eff7ff;
 color:#0656a7;
}
.monthly-earnings.yellow {
 background:#fffbf2;
 color:#d69e00;
}
.earnings-badge-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.earnings-badge-container .earnings-badge {
 text-align:center;
 margin:0 3px;
 background:rgba(0,0,0,.1);
 padding:.4rem 1rem;
 border-radius:5px;
 min-width:120px;
}
.earnings-badge-container .earnings-badge p {
 font-size:.75rem;
 margin:0;
 color:rgba(255,255,255,.5);
}
.earnings-badge-container .earnings-badge h4 {
 margin:0;
 color:#ffffff;
}
.report-card {
 background:#333333 url("../img/pattern.svg") no-repeat;
 background-position:center 100px;
 background-size:cover;
 border-radius:4px;
 margin-bottom:20px;
 padding:0;
 min-height:324px;
 position:relative;
}
.report-card .graph {
 padding:0;
}
.report-card .report-card-body {
 padding:0 1.25rem 1.25rem 1.25rem;
}
.report-card .report-card-body p {
 font-size:.725rem;
 color:#ffffff;
 margin:-10px 0 0 0;
}
.report-card .report-card-body .btn {
 padding:.5rem 1.3rem;
 border-radius:50px;
 font-weight:400;
 margin:15px 0;
}
.top-items-container .top-item-img {
 max-height:180px;
 margin:auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.top-items-container .top-item-details {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
.top-items-container .top-item-details h6 {
 margin:15px 0 10px 0;
 color:#5e6973;
}
.top-items-container .top-item-details .rating-block {
 margin:0 auto 10px auto;
 width:124px!important;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.top-items-container .top-item-details .rating-block img {
 width:16px;
 height:16px;
}
.top-items-container .top-item-details .rating-block .rating-count {
 font-size:14px;
 margin:0 0 0 3px;
 font-weight:300;
 color:#9aa5af;
}
.cakes-list {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.cakes-list li {
 width:50%;
}
.cakes-list li a {
 padding:6px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#111111;
}
.cakes-list li a:hover {
 color:#5e6973;
}
.cakes-list li a .badge {
 margin-right:8px;
 min-width:32px;
 padding:.3rem;
 font-size:.725rem;
 border:1px solid #e1e8f3;
 color:#027bc0;
 font-weight:700;
 background:transparent;
}
@media (max-width:420px) {
 .cakes-list li {
  width:100%
 }
}
.sales-card {
 background:#027bc0;
 border-radius:4px;
 margin-bottom:20px;
 padding:0;
 min-height:324px;
 color:#ffffff;
}
.sales-card .sales-card-header {
 padding:1.25rem 1.25rem 0 1.25rem;
}
.sales-card .sales-card-header p {
 font-size:.75rem;
}
.sales-card .sales-card-header h3 {
 margin:0 0 1rem 0;
}
.sales-card .graph {
 padding:0;
 margin:-30px 0 0 0;
}
.sales-card .graph .apexcharts-legend-text {
 color:rgba(255,255,255,.5)!important;
}
.sales-card .graph .apexcharts-xaxis-texts-g text {
 fill:rgba(255,255,255,.5)!important;
}
.sales-card .graph .apexcharts-legend-marker {
 border-radius:30px!important;
}
.sales-card .graph .apexcharts-xaxis line {
 stroke:transparent!important;
}
.sales-card .sales-card-body {
 padding:0 1.25rem 1.25rem 1.25rem;
}
.followers-card {
 background:#3a3a3a;
 border-radius:4px;
 margin-bottom:20px;
 padding:1.25rem 1.25rem;
 min-height:324px;
}
.followers-card p {
 font-size:.75rem;
 color:rgba(255,255,255,.5);
}
.followers-card h3 {
 margin:0 0 1rem 0;
 color:#ffffff;
}
.followers-card .btn {
 padding:.5rem 1.3rem;
 border-radius:50px;
 font-weight:400;
}
.followers-card img {
 max-height:160px;
 margin:20px auto 0 auto;
}
.tickets-container {
 margin:0;
}
.tickets-container li {
 margin:0 0 7px 0;
 padding-bottom:.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.tickets-container li img.avatar {
 border-radius:30px;
 width:48px;
 height:48px;
 margin:0 10px 0 0;
}
.tickets-container li .ticket-details {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.tickets-container li .ticket-details h6 {
 margin:0 0 .2rem 0;
 font-size:.825rem;
}
.tickets-container li .ticket-details .ticket-time {
 color:#9aa5af;
 font-size:.7rem;
}
.tickets-container li .ticket-status {
 margin-left:auto;
}
.tickets-container li .ticket-status .badge {

 min-width:70px;
}
.tickets-container li:last-child {
 margin:0;
}
.chats {
 position:relative;
 padding:0;
}
.chats li {
 margin-bottom:25px;

}
.chats li.chats-left,
.chats li.chats-right {
 position:relative;
}
.chats li img {
 width:50px;
 height:50px;
 border-radius:50px;
}
.chats li .chats-avatar {
 float:left;
}
.chats li.chats-right>.chats-avatar {
 float:right;
}
.chats li .chats-name {
 font-size:.75rem;
 text-align:center;
 margin-top:5px;
 color:#5e6973;
}
.chats li .chats-hour {
 margin:0 0 0 70px;
 padding:2px;
 margin-bottom:20px;
 font-size:.65rem;
}
.chats li .chats-hour>span {
 font-size:.8rem;
 color:#268a3c;
}
.chats li .chats-text {
 margin:0 0 0 70px;
 padding:15px;
 border-radius:20px;
 background-color:#f2f4f9;
 left:15px;
 line-height:170%;
}
.chats li .chats-text:before {
 content:'';
 position:absolute;
 width:0;
 height:0;
 top:28px;
 left:52px;
 border:10px solid;
 border-color:transparent #f2f4f9 transparent transparent;
}
.chats li.chats-right>.chats-text {
 text-align:right;
 right:16px;
 margin:0 70px 0 0;
 background-color:#f2f4f9;
}
.chats li.chats-right>.chats-text:before {
 left:auto;
 right:52px;
 border-color:transparent transparent transparent #f2f4f9;
}
.chats li.chats-right>.chats-hour {
 text-align:right;
 margin:0 70px 0 0;
}
.todo-container {
 margin:0 0 0 10px;
}
.todo-container .todo-body {
 margin:0;
 padding:0;
 border-left:1px solid #e1e8f3;
}
.todo-container .todo-body li.todo-list {
 position:relative;
 display:block;
 cursor:pointer;
}
.todo-container .todo-body li.todo-list .dot {
 position:absolute;
 top:4px;
 left:-10px;
 color:#027bc0;
}
.todo-container .todo-body li.todo-list .dot:before {
 font-size:1.2rem;
 content:"\e836";
 font-family:'icomoon';
 background:#ffffff;
 border-radius:5px;
}
.todo-container .todo-body li.todo-list .todo-info {
 line-height:100%;
 margin:0 0 0 20px;
 padding-bottom:20px;
}
.todo-container .todo-body li.todo-list .todo-info p {
 line-height:100%;
 margin-bottom:.3rem;
}
.todo-container .todo-body li.todo-list .todo-info p span.time {
 float:right;
 font-size:.8rem;
}
.todo-container .todo-body li.todo-list .todo-info p.dt {
 color:#9aa5af;
 font-size:.725rem;
}
.todo-container .todo-body li.todo-list .todo-info .todo-type {
 color:#5e6973;
 font-size:.825rem;
}
.todo-container .todo-body li.todo-list.done {
 text-decoration:line-through;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out;
 color:rgba(0,0,0,.4);
}
.todo-container .todo-body li.todo-list.done .dot:before {
 content:"\e86c";
 font-family:'icomoon';
}
.todo-container .todo-body li.todo-list:last-child .todo-info {
 padding-bottom:0;
}
ul.statistics {
 margin:0;
}
ul.statistics li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 0 13px 0;
}
ul.statistics li .stat-icon {
 background:#027bc0;
 width:36px;
 height:36px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-radius:50px;
 margin:0 10px 0 0;
}
ul.statistics li .stat-icon i {
 font-size:1rem;
 color:#ffffff;
 text-shadow:none;
}
.goal-container {
 margin-bottom:20px;
 background:#ffffff;
 padding:1rem;
 border-radius:4px;
 min-height:140px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 position:relative;
 overflow:hidden;
}
.goal-container:after {
 background:url(../img/dashed-circles-dark.svg) no-repeat;
 background-size:100%;
 width:150px;
 height:150px;
 position:absolute;
 right:0;
 top:50%;
 margin:-75px -15px 0 0;
 content:'';
}
.goal-container .goal-info h5 {
 margin:0;
 font-weight:700;
 line-height:100%;
 color:#027bc0;
}
.goal-container .goal-info h6 {
 margin:10px 0 0 0;
 font-weight:400;
 font-size:.85rem;
}
.goal-container .goal-graph {
 margin:0;
 width:90px;
 height:90px;
}
.payments-card {
 margin-bottom:20px;
 padding:1rem;
 background:#ffffff;
 border-radius:4px;
 min-height:140px;
}
.payments-card h4 {
 margin:0;
 font-weight:700;
 line-height:100%;
 color:#027bc0;
}
.payments-card h6 {
 margin:0 0 10px 0;
 font-weight:400;
 font-size:.8rem;
}
.payments-card .btn {
 font-weight:400;
 margin-left:0;
}
.payments-card .btn i {
 margin:0 5px 0 0;
}
.payments-card.primary {
 background:#027bc0;
 color:#ffffff;
}
.payments-card.primary h4 {
 color:#ffffff;
}
.graph-card {
 margin-bottom:20px;
 position:relative;
 padding:1rem;
 background:#ffffff;
 border-radius:5px;
 min-height:140px;
 overflow:hidden;
 position:relative;
}
.graph-card h4 {
 margin:0;
 font-weight:700;
 line-height:100%;
 color:#027bc0;
}
.graph-card h6 {
 margin:0 0 10px 0;
 font-weight:400;
 font-size:.8rem;
}
.graph-card .graph-placeholder {
 position:absolute;
 bottom:-30px;
 left:-2px;
 right:-2px;
}
.product-card {
 background:#ffffff;
 border:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-radius:4px;
 margin-bottom:20px;
}
.product-card .product-card-body {
 padding:1rem 1rem;
 position:relative;
}
.product-card .product-card-body .product-title {
 margin-bottom:.7rem;
 font-size:1rem;
 font-weight:700;
 line-height:100%;
}
.product-card .product-card-body .product-price {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 font-size:.8rem;
}
.product-card .product-card-body .product-price .disount-price {
 color:#111111;
 margin-right:7px;
}
.product-card .product-card-body .product-price .actucal-price {
 color:#5e6973;
 margin-right:7px;
 text-decoration:line-through;
}
.product-card .product-card-body .product-price .off-price {
 color:#027bc0;
}
.product-card .product-card-body .product-rating {
 margin:8px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.product-card .product-card-body .product-rating .rating-stars {
 width:90px!important;
 line-height:100%;
}
.product-card .product-card-body .product-rating .rating-stars img {
 width:14px;
 height:14px;
}
.product-card .product-card-body .product-rating .total-ratings {
 font-size:.8rem;
 color:#5e6973;
}
.product-card .product-card-body .product-description {
 min-height:50px;
 font-size:.75rem;
 margin:0 0 8px 0;
 color:#5e6973;
}
.product-card .product-card-body .product-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.product-card .product-card-body .product-actions .btn {
 margin-right:5px;
}
.product-card .product-card-img-top {
 border-top-right-radius:4px;
 border-top-left-radius:4px;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0;
 -ms-flex-negative:0;
 flex-shrink:0;
 width:100%;
}
.rating-block {
 width:70px!important;
 line-height:100%;
}
.rating-block img {
 width:10px;
 height:10px;
}
.rating-block-lg {
 width:90px!important;
 line-height:100%;
}
.rating-block-lg img {
 width:14px;
 height:14px;
}
table.products-table {
 background:#ffffff;
 margin-bottom:0;
 padding:.6rem;
}
table.products-table thead tr {
 margin:0 0 15px 0;
 -webkit-transition:all .5s ease;
 transition:all .5s ease;
}
table.products-table thead tr th {
 background:#027bc0;
 border:0!important;
 color:#ffffff;
}
table.products-table thead tr th:first-child {
 border-radius:4px 0 0 4px;
}
table.products-table thead tr th:last-child {
 border-radius:0 4px 4px 0;
}
table.products-table tbody tr {
 margin:0 0 5px 0;
 border-bottom:1px solid #e8edf3;
}
table.products-table tbody tr td {
 background:#ffffff;
 -webkit-transition:all .5s ease;
 transition:all .5s ease;
 border:0;
 padding:.6rem;
 vertical-align:middle;
 color:#072242;
}
table.products-table tbody tr td:first-child {
 border-radius:4px 0 0 4px;
}
table.products-table tbody tr td:last-child {
 border-radius:0 4px 4px 0;
}
table.products-table tbody tr td img.user {
 width:40px;
 height:40px;
 border-radius:4px;
}
table.products-table tbody tr td .badge {
 border-radius:30px;
 padding:.35rem .5rem;
 min-width:60px;
 background:#fff1f1;
 color:#027bc0;
}
table.products-table td .media-box {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
table.products-table td .media-box img.media-avatar {
 height:40px;
 width:40px;
 margin:0 10px 0 0;
}
table.products-table td .media-box .media-box-body {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
table.products-table td .media-box .media-box-body a {
 font-size:.75rem;
 font-weight:600;
 margin:0 0 5px 0;
}
table.products-table td .media-box .media-box-body p {
 font-size:.7rem;
 color:#969ea5;
 margin:0;
}
.create-offer-container .form-control {
 margin:0 0 .3rem 0;
 max-height:69px;
}
.create-offer-container .share-thoughts-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
.create-offer-container .share-thoughts-footer .btn {
 max-height:32px;
 padding:.35rem .75rem;
}
.create-offer-container .share-thoughts-footer .share-icons {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.create-offer-container .share-thoughts-footer .share-icons a {
 width:32px;
 height:32px;
 margin:0 .3rem 0 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:#f2f4f9;
 border-radius:3px;
}
.create-offer-container .share-thoughts-footer .share-icons a i {
 color:#111111;
 font-size:.9rem;
}
.social-tile {
 position:relative;
 background:#ffffff;
 border-radius:4px;
 margin-bottom:20px;
 padding:1.25rem 1rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.social-tile .social-icon {
 height:60px;
 width:60px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-bottom:15px;
 text-align:center;
 background:#fff1f1;
 border-radius:50px;
}
.social-tile .social-icon i {
 font-size:1.5rem;
 color:#027bc0;
}
.social-tile .social-graph {
 margin:0 0 10px 0;
}
.social-tile h2 {
 margin:0;
 color:#027bc0;
}
.social-tile p {
 color:#9aa5af;
}
ul.recent-orders li {
 margin-bottom:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
ul.recent-orders li .order-img {
 position:relative;
}
ul.recent-orders li .order-img img {
 height:50px;
 border-radius:3px;
}
ul.recent-orders li .order-img .badge {
 position:absolute;
 top:10px;
 left:0;
 font-weight:400;
 border-radius:0 3px 3px 0;
 font-size:.65rem;
 padding:3px 4px 4px 4px;
}
ul.recent-orders li .order-details {
 margin-left:15px;
}
ul.recent-orders li .order-details h5.order-title {
 margin:0 0 5px 0;
 line-height:120%;
 font-size:.9rem;
}
ul.recent-orders li .order-details p.order-desc {
 line-height:120%;
 font-size:.75rem;
 color:#9aa5af;
}
ul.recent-orders li .order-details span.order-date {
 color:#027bc0;
 font-size:.7rem;
}
.dashboard-header {
 position:relative;
 padding:3rem 2rem 0 2rem;
}
.dashboard-header:after {
 content:'';
 min-height:280px;
 border-radius:10px 10px 100px 100px;
 background:#027bc0;
 position:absolute;
 top:0;
 left:0;
 right:0;
}
.dashboard-header .dashboard-header-content {
 z-index:100;
 position:relative;
}
.dashboard-header .dashboard-header-content .welcome-title {
 margin:2rem auto;
 text-align:center;
}
.dashboard-header .dashboard-header-content .welcome-title h1 {
 font-weight:300;
 color:#ffffff;
 margin:0 auto;
 display:inline-block;
 position:relative;
}
.dashboard-header .dashboard-header-content .welcome-title h1 .winner-icon {
 position:absolute;
 left:-7px;
 top:-55px;
}
.dashboard-header .dashboard-header-content .welcome-title h1 .winner-icon img {
 width:60px;
 height:60px;
}
.dashboard-header .dashboard-header-content .btn {
 margin:0 0 0 .3rem;
 background-color:rgba(255,255,255,.1);
 color:rgba(255,255,255,.8);
}
.dashboard-header .dashboard-header-content .btn:hover {
 background-color:rgba(255,255,255,.2);
 color:rgba(255,255,255,.8);
}
.dashboard-header .dashboard-header-content .field-wrapper input {
 border:1px solid rgba(255,255,255,.2);
 color:rgba(255,255,255,.5);
 background:transparent;
 min-width:170px;
}
.dashboard-header .dashboard-header-content .field-wrapper input:focus {
 outline:none!important;
}
.dashboard-header .dashboard-header-content .field-wrapper .input-group-text {
 border:1px solid rgba(255,255,255,.2);
 background:transparent;
 border-left:0;
}
.dashboard-header .dashboard-header-content .field-wrapper .input-group-text i {
 text-shadow:none;
 color:rgba(255,255,255,.5);
}
.dashboard-header .dashboard-header-content .field-wrapper .field-placeholder {
 background-color:#027bc0;
 font-size:.65rem;
 font-weight:400;
 color:rgba(255,255,255,.5);
 padding:2px 10px;
}
.dashboard-header .dashboard-header-content .sales-tile-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:0 auto 1rem auto;
}
.dashboard-header .dashboard-header-content .sales-tile-container .sales-tile {
 background-color:#ffffff;
 border-radius:10px;
 padding:1rem;
 margin:.5rem;
 min-width:110px;
 min-height:110px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
.dashboard-header .dashboard-header-content .sales-tile-container .sales-tile h1 {
 margin:0 0 .3rem 0;
 color:#027bc0;
 font-weight:400;
}
.dashboard-header .dashboard-header-content .sales-tile-container .sales-tile h6 {
 font-size:.8rem;
 font-weight:400;
}
@media screen and (max-width:768px) {
 .dashboard-header {
  padding:3rem 1rem 0 1rem
 }
 .dashboard-header .dashboard-header-content .welcome-title {
  margin-top:5rem
 }
 .dashboard-header .dashboard-header-content .welcome-title h1 {
  font-size:1.8rem
 }
 .dashboard-header .dashboard-header-content .btn i {
  margin:0
 }
 .dashboard-header .dashboard-header-content .btn span {
  display:none
 }
}
@media screen and (max-width:420px) {
 .dashboard-header {
  padding:3rem .4rem 0 .4rem
 }
 .dashboard-header .dashboard-header-content .btn {
  display:none
 }
}
.reports-summary {
 position:relative;
 padding:2rem 1rem 0 1rem;
}
.reports-summary .reports-summary-block {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin:0 0 1.5rem 0;
}
.reports-summary .reports-summary-block h5 {
 margin:0 0 .4rem 0;
 font-size:.825rem;
}
.reports-summary .reports-summary-block h6 {
 margin:0;
 font-weight:400;
 font-size:.75rem;
 color:#9aa5af;
}
@media (max-width:420px) {
 .reports-summary {
  padding:0
 }
}
.profile-header {
 position:relative;
 padding:0;
 margin-bottom:20px;
}
.profile-header h1 {
 font-weight:300;
 color:#027bc0;
 font-size:1.0rem;
 margin:0 auto 1rem auto;
 font-weight: bold;
}
.profile-header .profile-header-content {
 border-radius:4px;
 background:#f19ea2;
 padding:1rem 1.5rem 1rem 1.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
}
.profile-header .profile-header-content:after {
 content:'';
 position:absolute;
 background:url("../img/login-bg.jpg");
 background-position:center;
 background-size:cover;
 border-radius:4px;
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:.3;
}
.profile-header .profile-header-content .profile-header-tiles {
 width:100%;
 margin-right:1rem;
 z-index:100;
}
.profile-header .profile-header-content .profile-header-tiles .profile-tile {
 background-color:#ffffff;
 border-radius:4px;
 padding:.6rem;
 margin:.2rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.profile-header .profile-header-content .profile-header-tiles .profile-tile>.icon {
 width:36px;
 height:36px;
 border-radius:50px;
 margin:0 .6rem 0 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:#e75b62;
}
.profile-header .profile-header-content .profile-header-tiles .profile-tile>.icon i {
 font-size:1rem;
 color:#ffffff;
 text-shadow:none;
}
.profile-header .profile-header-content .profile-header-tiles .profile-tile h6 {
 margin:0;
 line-height:150%;
 font-weight:400;
 font-size:.8rem;
 color:#5e6973;
}
.profile-header .profile-header-content .profile-header-tiles .profile-tile h6 span {
 font-weight:600;
 color:#111111;
}
.profile-header .profile-header-content .profile-avatar-tile {
 background-color:#ffffff;
 border-radius:4px;
 padding:.7rem;
 margin:-60px 0 0 auto;
 z-index:100;
}
.profile-header .profile-header-content .profile-avatar-tile img {
 border-radius:4px;
 width:180px;
}
@media screen and (max-width:768px) {
 .profile-header .profile-header-content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
 }
 .profile-header .profile-header-content .profile-header-tiles {
  margin-right:0
 }
 .profile-header .profile-header-content .profile-avatar-tile {
  margin:20px 0
 }
}
.consulting-banner {
 background:#027bc0;
 border-radius:4px;
 margin:10px 0 20px 0;
 position:relative;
 min-height:161px;
}
.consulting-banner .consulting-banner-bg {
 background-image:url(../img/consulting.svg);
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 right:20px;
 top:-40px;
 width:220px;
 height:220px;
 z-index:100;
}
.consulting-banner .consulting-body {
 padding:1.5rem 1.5rem 1rem 1.5rem;
 position:relative;
 overflow:hidden;
 z-index:101;
}
.consulting-banner .consulting-body:before {
 content:'';
 background:url(../img/lines-bg.svg) no-repeat;
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 right:-25px;
 bottom:-25px;
 width:420px;
 height:150px;
 opacity:.4;
}
.consulting-banner .consulting-content {
 color:#ffffff;

 padding:1rem 0;
}
.consulting-banner .consulting-content h4 {
 font-size:1.4rem;
 line-height:180%;
}
.consulting-banner .consulting-content p {
 font-size:.8rem;
 opacity:.7;
 line-height:150%;
}
@media (max-width:576px) {
 .consulting-banner {
  margin:30px 0 20px 0
 }
 .consulting-banner .consulting-body {
  padding:8.5rem 1.5rem 1rem 1.5rem
 }
}
.consulting-card {
 background:#ffffff;
 border-radius:4px;
 padding:1.25rem 1.25rem;
 margin:0 0 20px 0;
 position:relative;
 overflow:hidden;
 min-height:190px;
}
.consulting-card .consulting-card-bg {
 background-image:url(../img/consulting2.png);
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 right:20px;
 bottom:-10px;
 width:80px;
 height:130px;
 z-index:100;
}
.consulting-card:before {
 content:'';
 background:url(../img/lines-bg2.svg) no-repeat;
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 right:-45px;
 bottom:-55px;
 width:300px;
 height:200px;
 opacity:.4;
}
.consulting-card .consulting-card-body {
 z-index:101;
 position:relative;
 margin-right:110px;
}
.consulting-card .consulting-card-body h4 {
 color:#027bc0;
 font-size:1.2rem;
}
.consulting-card .consulting-card-body p {
 font-size:.8rem;
 margin:1rem 0 2rem 0;
 color:#5e6973;
 line-height:150%;
}
.consulting-card .consulting-card-body .btn {
 padding:.35rem .75rem;
 font-size:.8rem;
}
.subscription-card {
 background:#027bc0;
 border-radius:4px;
 padding:1.25rem 1.25rem;
 margin:0 0 20px 0;
 color:#ffffff;
 position:relative;
 overflow:hidden;
}
.subscription-card:before {
 content:'';
 background:url(../img/lines-bg2.svg) no-repeat;
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 right:-45px;
 bottom:-55px;
 width:300px;
 height:200px;
 opacity:.4;
}
.subscription-card h4 {
 font-size:1.2rem;
}
.subscription-card p {
 font-size:.8rem;
 opacity:.7;
 margin:0 0 .5rem 0;
 line-height:150%;
}
.subscription-card .btn {
 padding:.35rem .75rem;
 font-size:.8rem;
 z-index:1000;
 position:relative;
}
.schedule-sesion-form {
 padding-left:20px;
 border-left:1px solid #dbdaea;
}
.change-img-avatar {
 max-height:174px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0 auto 10px auto;
}
.account-settings-block {
 border-left:1px solid #e1e8f3;
 margin-bottom:20px;
 height:100%;
 padding:0 0 0 1rem;
}
.account-settings-block .settings-block {
 margin-bottom:1rem;
}
.account-settings-block .settings-block .settings-block-title {
 margin:0 0 .7rem 0;
 font-size:.825rem;
 font-weight:400;
}
.account-settings-block .settings-block .settings-block-body {
 padding:0;
}
@media (max-width:992px) {
 .account-settings-block {
  border-left:0;
  padding:0
 }
}
.pricing-chnage-plan {
 margin:0 0 1rem 0;
 padding:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.pricing-chnage-plan a {
 padding:5px;
 border-radius:3px;
 min-width:70px;
 max-width:70px;
 min-height:70px;
 margin:0 10px 10px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 background:#ffffff;
 border:1px solid #e1e8f3;
}
.pricing-chnage-plan a:hover {
 background-color:#f5faff;
 border:1px solid #dbedff;
}
.pricing-chnage-plan a>h5 {
 font-size:.9rem;
 margin:0 0 5px 0;
 font-weight:400;
 color:#027bc0;
}
.pricing-chnage-plan a>h6 {
 font-size:.7rem;
 margin:0;
 font-weight:400;

 color:#5e6973;
}
.pricing-chnage-plan a.active-plan {
 background:#027bc0;
 border:1px solid #027bc0;
}
.pricing-chnage-plan a.active-plan>h5 {
 color:#ffffff;
}
.pricing-chnage-plan a.active-plan>h6 {
 color:#ffffff;
}
.polls-container p {
 color:#5e6973;
 font-size:.75rem;
 margin:0 0 1rem 0;
}
.polls-container .poll-block {
 margin:0 0 1.5rem 0;
}
.polls-container .poll-block .poll-block-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:0;
}
.polls-container .poll-block .poll-block-header .score {
 font-size:.65rem;
}
.polls-container .poll-block .progress {
 border-radius:50px;
}
.polls-container .poll-block .progress .progress-bar {
 font-size:.65rem;
}
.timeline-activity {
 margin:0;
}
.timeline-activity .activity-log {
 padding-left:1.8rem;
 padding-bottom:1.5rem;
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
.timeline-activity .activity-log:before {
 content:"";
 position:absolute;
 top:5px;
 left:0;
 background:#027bc0;
 border:3px solid #f5f8fd;
 width:15px;
 height:15px;
 border-radius:50px;
 z-index:1;
}
.timeline-activity .activity-log:after {
 content:"";
 position:absolute;
 left:7px;
 top:10px;
 border-left:1px dashed #e1e8f3;
 height:100%;
 width:1px;
}
.timeline-activity .activity-log .log-name {
 font-weight:600;
}
.timeline-activity .activity-log .log-details {
 font-size:.8rem;
 color:#5e6973;
}
.timeline-activity .activity-log .log-time {
 color:#5e6973;
 margin-left:.5rem;
}
.timeline-activity .activity-log:last-child {
 padding-bottom:0;
}
.stacked-images {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.stacked-images img {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-align:center;
 border-radius:50px;
 overflow:hidden;
 margin-right:-10px;
 margin-right:-10px;
 border:2px solid #ffffff;
 background:#f2f4f9;
 letter-spacing:.03rem;
}
.stacked-images img.sm {
 width:36px;
 height:36px;
}
.stacked-images .plus {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-align:center;
 border-radius:50px;
 overflow:hidden;
 margin-right:-10px;
 margin-right:-10px;
 border:2px solid #ffffff;
 background:#027bc0;
 letter-spacing:.03rem;
 font-weight:700;
 font-size:.7rem;
}
.stacked-images .plus.sm {
 width:36px;
 height:36px;
 color:#ffffff;
}
.gallery {
 margin:0 auto;
}
.gallery a {
 border:1px solid #e1e8f3;
 border-radius:4px;
 position:relative;
 overflow:hidden;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out;
 display:block;
 margin:0 0 2px 0;
 opacity:1;
 padding:3px;
}
.gallery a img {
 border-radius:3px;
}
.gallery a .overlay {
 top:0;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 position:absolute;
 z-index:20;
 background:rgba(0,0,0,.5);
 overflow:hidden;
 -webkit-transition:all .5s ease-out;
 transition:all .5s ease-out;
}
.gallery a .expand {
 position:absolute;
 top:50%;
 left:50%;
 z-index:100;
 border:2px solid #d69e00;
 text-align:center;
 color:#d69e00;
 line-height:32px;
 border-radius:30px;
 font-size:20px;
 margin-left:-18px;
 margin-top:-18px;
 width:36px;
 height:36px;
 -webkit-transition:all .5s;
 transition:all .5s;
}
.gallery a:hover {
 opacity:1;
}
.gallery a:hover .overlay {
 opacity:1;
}
.gallery a:hover span.expand {
 width:36px;
 height:36px;
 border-radius:5px;
}
.gallery-tiles img {
 padding:5px;
 border-radius:8px;
}
.icons-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.icons-container span {
 font-size:1rem;
 text-align:center;
 cursor:pointer;
 width:60px;
 height:60px;
 line-height:60px;
 color:#5e6973;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
 background:#f5f8fd;
 border-radius:3px;
 margin:2px;
}
.icons-container span:hover {
 background-color:#027bc0;
 text-shadow:none;
 color:#ffffff;
}
.chart-height {
 position:relative;
 height:250px;
}
.chart-height-md {
 position:relative;
 height:220px;
}
.chart-height-sm {
 position:relative;
 height:180px;
}
.chart-height-xl {
 position:relative;
 height:300px;
}
.login-container {
 position:relative;
 height:100%;
 width:100%;
}
.login-container .login-about {
 height:100%;
 background:rgba(255,255,255,.6);
 position:relative;
 padding:3rem 3rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 color:#262626;
}
.login-container .login-about .slogan {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 font-weight:300;
 text-transform:uppercase;
 position:relative;
}
.login-container .login-about .slogan span {
 font-size:4rem;
 line-height:120%;
}
.login-container .login-about .slogan span:first-child {
 font-size:4.5rem;
}
.login-container .login-about .slogan span:last-child {
 font-size:2.2rem;
}
.login-container .login-about>.about-desc {
 margin:2rem 0;
 font-size:.85rem;
 max-width:75%;
 line-height:200%;
 font-weight:300;
}
.login-container .login-about>.know-more {
 margin:0;
 text-transform:uppercase;
 font-size:.7rem;
 font-weight:700;
 color:#c71123;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 max-width:180px;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
}
.login-container .login-about>.know-more img {
 width:36px;
 height:36px;
 margin:0 0 0 .5rem;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
}
.login-container .login-about>.know-more:hover {
 font-size:1rem;
}
.login-container .login-about>.know-more:hover img {
 margin:0 0 0 1rem;
}
.login-container .login-wrapper {
 height:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 position:relative;
}
@media screen and (max-width:992px) {
 .login-container .login-about {
  display:none
 }
}
.login-screen {
 position:relative;
 background:#ffffff;
 border:1px solid #e1e8f3;
 border-radius:20px;
 -webkit-box-shadow:0 30px 15px -20px rgba(0,0,0,.2);
 box-shadow:0 30px 15px -20px rgba(0,0,0,.2);
 min-width:320px;
 max-width:320px;
}
.login-screen .login-logo {
 margin:0 0 1rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 z-index:100;
}
.login-screen .login-logo img {
 width:50px;
 height:50px;
}
.login-screen .login-body {
 padding:1.5rem 1.5rem 0 1.5rem;
}
.login-screen .login-body .field-wrapper input {
 border:1px solid #cccccc;
}
.login-screen .login-body .field-wrapper input:hover {
 border:1px solid #b3b3b3;
}
.login-screen .login-body .field-wrapper input:focus {
 outline-color:#b3b3b3;
}
.login-screen .login-body .field-wrapper .field-placeholder {
 color:#999999;
}
.login-screen .login-footer {
 border-top:1px solid #e1e8f3;
 padding:1rem 1.5rem 1rem 1.5rem;
}
.login-screen .actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:1rem;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.login-screen .actions a {
 color:#999999;
 font-size:.7rem;
 line-height:200%;
 border-bottom:1px dashed!important;
 margin-right:auto;
}
.login-screen .actions a:hover {
 text-decoration:underline;
}
.login-screen .additional-link {
 text-decoration:none;
 margin:0 auto;
 display:inline-block;
 color:#999999;
 font-size:.7rem;
}
.login-screen .additional-link a {
 margin-left:5px;
 display:inline-block;
}
.login-screen h6 {
 font-size:.875rem;
 margin-bottom:2rem;
 line-height:160%;
 font-weight:300;
}
.carousel-login .carousel-indicators li {
 width:10px;
 background-color:#027bc0;
}
.carousel-login .carousel-quotes {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center;
 min-height:250px;
 width:50%;
 margin:20px auto;
}
.carousel-login .carousel-quotes p {
 font-size:1rem;
 font-weight:300;
 line-height:210%;
}
.carousel-login .carousel-control-next-icon,
.carousel-login .carousel-control-prev-icon {
 background-color:#f3abb3;
 border-radius:10px;
 background-size:50%;
 padding:20px;
}
.error-screen {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center;
 color:#ffffff;
 height:100%;
}
.error-screen h1 {
 font-family:Rubik Mono One;
 font-size:15rem;
 margin:0;
 line-height:100%;
}
.error-screen h5 {
 margin-bottom:2rem;
 line-height:180%;
 font-weight:300;
}
.error-screen .btn {
 padding:.7rem 1.8rem;
 border-radius:50px;
 color:#ffffff;
 border:1px solid #ffffff;
}
.error-screen .btn:hover {
 color:#1d1c1c;
 background:#ffffff;
}
@media screen and (max-width:768px) {
 .error-screen h1 {
  font-size:8rem
 }
}
@-webkit-keyframes stars-blink {
 10% {
  opacity:.3
 }
 30% {
  opacity:.7
 }
 70% {
  opacity:.5
 }
 90% {
  opacity:.8
 }
}
@keyframes stars-blink {
 10% {
  opacity:.3
 }
 30% {
  opacity:.7
 }
 70% {
  opacity:.5
 }
 90% {
  opacity:.8
 }
}
@-webkit-keyframes earth-spin {
 100% {
  -webkit-transform:rotate(360deg)
 }
}
@keyframes earth-spin {
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes rocket-launch {
 100% {
  -webkit-transform:translate(1250px,-1900px)
 }
}
@keyframes rocket-launch {
 100% {
  -webkit-transform:translate(1250px,-1900px);
  transform:translate(1250px,-1900px)
 }
}
@-webkit-keyframes astronaut-movement {
 100% {
  -moz-transform:translate(-120px,-120px)
 }
}
@keyframes astronaut-movement {
 100% {
  -webkit-transform:translate(-120px,-120px)
 }
}
@-webkit-keyframes astronaut-rotate {
 100% {
  -moz-transform:rotate(-900deg)
 }
}
@keyframes astronaut-rotate {
 100% {
  -webkit-transform:rotate(-900deg)
 }
}
.error-screen2 {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background-image:radial-gradient(at 70% 100%,#a21726,#027bc0);
 color:#ffffff;
 height:100vh;
}
.error-screen2:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url(../img/error-screen/stars.svg) repeat;
 -webkit-animation:stars-blink 3s linear infinite;
 animation:stars-blink 3s linear infinite;
 background-size:55%;
}
.error-screen2 .earth {
 position:absolute;
 top:25%;
 left:10%;
 -webkit-animation:earth-spin 150s linear infinite;
 animation:earth-spin 150s linear infinite;
 border-radius:100px;
 width:110px;
 height:110px;
}
.error-screen2 .moon {
 position:absolute;
 top:10%;
 left:29%;
 -webkit-box-shadow:0 0 80px #ffffff;
 box-shadow:0 0 80px #ffffff;
 border-radius:100px;
 width:60px;
 height:60px;
}
.error-screen2 .rocket {
 position:absolute;
 top:80%;
 left:5%;
 -webkit-animation:rocket-launch 200s linear infinite;
 animation:rocket-launch 200s linear infinite;
 width:40px;
 height:40px;
}
.error-screen2 .astronaut-container {
 position:absolute;
 top:50%;
 right:20%;
 will-change:transform;
 -webkit-animation:astronaut-movement 75s infinite linear both alternate;
 animation:astronaut-movement 75s infinite linear both alternate;
}
.error-screen2 .astronaut-container .astronaut {
 -webkit-animation:astronaut-rotate 240s infinite linear both alternate;
 animation:astronaut-rotate 240s infinite linear both alternate;
 width:120px;
}
.error-screen2 .contents {
 text-align:center;
 z-index:1000;
}
.error-screen2 .contents h1 {
 font-family:Rubik Mono One;
 font-size:12rem;
 margin:0;
 line-height:100%;
}
.error-screen2 .contents h5 {
 margin-bottom:2rem;
 line-height:180%;
 font-weight:300;
}
.error-screen2 .contents .btn {
 padding:.7rem 1.8rem;
 border-radius:50px;
 color:#ffffff;
 border:1px solid #ffffff;
}
.error-screen2 .contents .btn:hover {
 color:#1d1c1c;
 background:#ffffff;
}
@media screen and (max-width:768px) {
 .error-screen2 .earth {
  top:15%
 }
 .error-screen2 .moon {
  position:absolute;
  top:5%;
  left:15%
 }
 .error-screen2 .astronaut-container {
  top:80%;
  right:15%
 }
 .error-screen2 .contents h1 {
  font-size:5rem
 }
}
.subscribe-screen {
 text-align:center;
 border-radius:3px;
 color:#111111;
 background:#ffffff;
 min-width:320px;
 max-width:320px;
 margin:auto;
}
.subscribe-screen .subscribe-header {
 border-radius:3px 3px 0 0;
 padding:2rem 1.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background-color:#027bc0;
 margin-bottom:2.5rem;
 overflow:hidden;
 position:relative;
}
.subscribe-screen .subscribe-header:before {
 content:'';
 background:url(../img/lines-bg.svg) no-repeat;
 background-repeat:no-repeat;
 background-size:100%;
 position:absolute;
 left:0;
 bottom:-10px;
 width:420px;
 height:130px;
 opacity:.4;
}
.subscribe-screen .subscribe-header .subscribe-icon {
 width:80px;
 height:80px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-radius:50px;
 background-color:#ffffff;
 z-index:1000;
}
.subscribe-screen .subscribe-header .subscribe-icon i {
 font-size:1.8rem;
 color:#027bc0;
 text-shadow:none;
}
.subscribe-screen .subscribe-body {
 padding:0 1.5rem 2rem 1.5rem;
}
.subscribe-screen .subscribe-body h1 {
 font-size:1.8rem;
 margin:0 0 2rem 0;
 line-height:100%;
 color:#027bc0;
}
.subscribe-screen .subscribe-body p {
 margin-bottom:2rem;
 line-height:180%;
 font-weight:300;
}
.maintenance-message {
 color:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 height:100%;
}
.maintenance-message h1 {
 font-size:4rem;
 margin:0 0 1rem 0;
 line-height:100%;
 font-weight:700;
}
.maintenance-message h4 {
 font-size:2rem;
 margin:0 0 1rem 0;
 line-height:100%;
}
.maintenance-message p {
 font-size:.85rem;
 margin:0;
 line-height:180%;
 font-weight:300;
}
.maintenance-message .btn {
 padding:.7rem 1.8rem;
 border-radius:50px;
 color:#ffffff;

 border:1px solid #ffffff;
}
.maintenance-message .btn:hover {
 color:#1d1c1c;
 background:#ffffff;
}
@media screen and (max-width:768px) {
 .maintenance-message {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:150px
 }
 .maintenance-message p {
  text-align:center
 }
}
.doc-block {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 padding:2rem 1.5rem;
 border-radius:3px;
 background:#f6f6fd;
 margin:0 0 1rem 0;
}
.doc-block .doc-icon {
 width:100px;
 height:100px;
 padding:1rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-radius:100px;
 margin:0 0 1rem 0;
 background:#ffffff;
}
.doc-block .doc-icon img {
 width:50px;
 height:50px;
}
.doc-block .doc-title {
 font-size:.9rem;
 font-weight:600;
 margin:0 0 1rem 0;
}
figure.user-card {
 background:#f6f6fd;
 padding:2rem 1rem;
 border-radius:3px;
 text-align:center;
 position:relative;
}
figure.user-card a.edit-card {
 position:absolute;
 right:15px;
 top:15px;
 width:36px;
 height:36px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border-radius:30px;
 background:#ffffff;
 margin:0 0 0 5px;
}
figure.user-card a.edit-card i {
 font-size:1rem;
 color:#027bc0;
}
figure.user-card a.edit-card:hover {
 background:#027bc0;
 border:1px solid #027bc0;
 opacity:1;
}
figure.user-card a.edit-card:hover i {
 color:#ffffff;
}
figure.user-card .profile {
 border-radius:50px;
 max-width:72px;
 margin-bottom:20px;
}
figure.user-card h5 {
 margin:0 0 1rem 0;
 font-size:.9rem;
}
figure.user-card .list-group {
 margin:0;
 background:transparent;
}
figure.user-card .list-group .list-group-item {
 background:rgba(255,255,255,.5);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
.timeline {
 position:relative;
 padding:10px;
 margin:0 auto;
 overflow:hidden;
 color:#5e6973;
}
.timeline:after {
 content:"";
 position:absolute;
 top:0;
 left:50%;
 margin-left:-1px;
 border-right:2px dashed #e1e8f3;
 height:100%;
 display:block;
}
.timeline-row {
 padding-left:50%;
 position:relative;
 margin-bottom:30px;
}
.timeline-row .timeline-time {
 position:absolute;
 right:50%;
 top:31px;
 text-align:right;
 margin-right:20px;
 font-size:1.5rem;
}
.timeline-row .timeline-time small {
 display:block;
 font-size:.75rem;
}
.timeline-row .timeline-content {
 position:relative;
 padding:20px 30px;
 border-radius:10px;
}
.timeline-row .timeline-content:after {
 content:"";
 position:absolute;
 top:20px;
 height:3px;
 width:40px;
}
.timeline-row .timeline-content:before {
 content:"";
 position:absolute;
 top:20px;
 right:-50px;
 width:20px;
 height:20px;
 border-radius:100px;
 z-index:100;
 background:#ffffff;
 border:2px dashed #e1e8f3;
}
.timeline-row .timeline-content h4 {
 margin:0 0 20px 0;
 color:#027bc0;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 line-height:150%;
 font-weight:400;
}
.timeline-row .timeline-content p {
 margin-bottom:30px;
 line-height:150%;
}
.timeline-row .timeline-content i {
 font-size:2rem;
 line-height:100%;
 padding:10px;
 border:2px solid #027bc0;
 color:#027bc0;
 border-radius:100px;
 margin-bottom:10px;
 display:inline-block;
}
.timeline-row .timeline-content .thumbs {
 margin-bottom:20px;
}
.timeline-row .timeline-content .thumbs img {
 margin-bottom:10px;
}
.timeline-row .timeline-content .badge {
 background:#027bc0;
 border-radius:2px;
 color:#ffffff;
}
.timeline-row:nth-child(even) .timeline-content {
 background:#f2f4f9;
 margin-left:40px;
 text-align:left;
}
.timeline-row:nth-child(even) .timeline-content:after {
 left:-39px;
 border-right:18px solid #f2f4f9;
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
}
.timeline-row:nth-child(even) .timeline-content:before {
 left:-50px;
 right:initial;
}
.timeline-row:nth-child(odd) {
 padding-left:0;
 padding-right:50%;
}
.timeline-row:nth-child(odd) .timeline-time {
 right:auto;
 left:50%;
 text-align:left;
 margin-right:0;
 margin-left:20px;
}
.timeline-row:nth-child(odd) .timeline-content {
 background:#f2f4f9;
 margin-right:40px;
 margin-left:0;
 text-align:right;
}
.timeline-row:nth-child(odd) .timeline-content:after {
 right:-39px;
 border-left:18px solid #f2f4f9;
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
}
@media (max-width:767px) {
 .timeline {
  padding:15px 10px
 }
 .timeline:after {
  left:28px
 }
 .timeline .timeline-row {
  padding-left:0;
  margin-bottom:16px
 }
 .timeline .timeline-row .timeline-time {
  position:relative;
  right:auto;
  top:0;
  text-align:left;
  margin:0 0 6px 56px
 }
 .timeline .timeline-row .timeline-time strong {
  display:inline-block;
  margin-right:10px
 }
 .timeline .timeline-row .timeline-icon {
  top:52px;
  left:-2px;
  margin-left:0
 }
 .timeline .timeline-row .timeline-content {
  padding:15px;
  margin-left:56px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
  box-shadow:0 1px 2px rgba(0,0,0,.1);
  position:relative
 }
 .timeline .timeline-row .timeline-content:after {
  right:auto;
  left:-39px;
  top:32px
 }
 .timeline .timeline-row:nth-child(odd) {
  padding-right:0
 }
 .timeline .timeline-row:nth-child(odd) .timeline-time {
  position:relative;
  right:auto;
  left:auto;
  top:0;
  text-align:left;
  margin:0 0 6px 56px
 }
 .timeline .timeline-row:nth-child(odd) .timeline-content {
  margin-right:0;
  margin-left:55px
 }
 .timeline .timeline-row:nth-child(odd) .timeline-content:after {
  right:auto;
  left:-39px;
  top:32px;
  border-right:18px solid #027bc0;
  border-left:inherit
 }
 .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
  left:20px
 }
 .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
  left:0
 }
}
.empty-chat-screen {
 background:#ffffff;
 z-index:100;
 border-radius:0 10px 10px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin:0 auto;
 height:calc(100vh - 160px);
}
.empty-chat-screen img.my-avatar {
 max-width:90px;
 height:90px;
 border-radius:50px;
 margin:0 0 1rem 0;
}
.empty-chat-screen img.empty-chat-display {
 max-width:210px;
 max-height:210px;
 margin:0 0 1.5rem 0;
}
.empty-chat-screen h5 {
 font-size:.8rem;
 font-weight:400;
}
.empty-chat-screen h6 {
 font-size:.9rem;
 color:#027bc0;
 margin:0 0 1rem 0;
 font-weight:400;
}
.empty-chat-screen p {
 font-size:.825rem;
 color:#5e6973;
 margin:0;
 text-align:center;
 max-width:75%;
}
.search-chat-container {
 margin:0 0 .5rem 0;
 padding:0 20px;
}
.search-chat-container .input-group {
 position:relative;
}
.search-chat-container .input-group:after {
 position:absolute;
 top:10px;
 left:15px;
 content:'';
 padding:.375rem 0 .375rem .75rem;
 background:url(../img/icon-search.svg);

 background-size:100%;
 width:21px;
 height:21px;
 z-index:100;
}
.search-chat-container .form-control {
 border:2px solid #dbdaea;
 border-radius:5px;
 background:#ffffff;

 height:40px;
 padding:.375rem 0 .375rem 3rem;
}
.search-chat-container .form-control:focus,
.search-chat-container .form-control:hover {
 border:2px solid #027bc0;
 -webkit-transition:all .5s ease-in-out;
 transition:all .5s ease-in-out;
}
.chat-wrapper {
 background:#ffffff;
 border-radius:4px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.chat-users-container {
 border-right:1px solid #ecf0f7;
 width:330px;
 padding:20px 0;
}
.chat-users-container .users-container ul.users-list {
 margin:0;
 padding:0;
 list-style-type:none;
}
.chat-users-container .users-container ul.users-list li {
 border-bottom:1px solid #ecf0f7;
}
.chat-users-container .users-container ul.users-list li a {
 padding:15px 20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar {
 margin:0 1rem 0 0;
 position:relative;
 width:46px;
 height:46px;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .status {
 position:absolute;
 bottom:0;
 right:0;
 border-radius:30px;
 width:14px;
 height:14px;
 border:2px solid #ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .status.online {
 background:#268a3c;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .status.busy {
 background:#027bc0;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .status.away {
 background:#d69e00;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .status.offline {
 background:#a6b2c5;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar img {
 border-radius:50px;
 width:46px;
 height:46px;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar {
 width:46px;
 height:46px;
 border-radius:50px;
 font-size:14px;
 font-weight:600;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.blue {
 background:#0656a7;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.yellow {
 background:#d69e00;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.red {
 background:#027bc0;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.green {
 background:#268a3c;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.pink {
 background:#e75b62;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.orange {
 background:#f36311;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.violet {
 background:#62199a;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar.brown {
 background:#b36135;
 color:#ffffff;
}
.chat-users-container .users-container ul.users-list li a .users-list-body {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.chat-users-container .users-container ul.users-list li a .users-list-body .chat-msg {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 max-width:210px;
}
.chat-users-container .users-container ul.users-list li a .users-list-body .chat-msg>h6 {
 margin:0;
 font-weight:600;
 font-size:.775rem;
 color:#5e6973;
}
.chat-users-container .users-container ul.users-list li a .users-list-body .chat-msg>p {
 margin:0;
 line-height:200%;
 font-size:.7rem;
 color:#5e6973;
}
.chat-users-container .users-container ul.users-list li a .users-list-body .chat-time {
 color:#5e6973;
 font-size:.65rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:end;
 -ms-flex-align:end;
 align-items:flex-end;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
.chat-users-container .users-container ul.users-list li a .users-list-body .chat-time>.time {
 margin:0;
}
.chat-users-container .users-container ul.users-list li a .users-list-body .chat-time>.count {
 border-radius:50px;
 width:16px;
 height:16px;
 background:#268a3c;
 color:#ffffff;
 font-size:.6rem;
 font-weight:600;
 margin:0 0 .2rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.chat-users-container .users-container ul.users-list li a:hover {
 -webkit-transition:all .5s ease;
 transition:all .5s ease;
 color:#111111;
 background:#f2f4f9;
}
.chat-users-container .users-container ul.users-list li.active-chat {
 color:#111111;
 background:#f5f8fd;
}
.chat-users-container .users-container ul.users-list li.active-chat a:hover {
 color:#111111;
 background:#f5f8fd;
}
.chat-content-wrapper {
 padding:0;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.active-user-chatting {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding:1rem 1rem;
 border-bottom:1px solid #e1e8f3;
}
.active-user-chatting .active-user-info {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.active-user-chatting .active-user-info img.avatar {
 margin:0 10px 0 0;
 width:40px;
 height:40px;
 border-radius:30px;
}
.active-user-chatting .active-user-info .bg-chat-avatar {
 width:50px;
 height:50px;
 border-radius:50px;
 font-size:14px;
 font-weight:600;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:0 15px 0 0;
}
.active-user-chatting .active-user-info .bg-chat-avatar.blue {
 background:#dbedff;
 color:#043d77;
}
.active-user-chatting .active-user-info .bg-chat-avatar.yellow {
 background:#fff2d3;
 color:#b48400;
}
.active-user-chatting .active-user-info .bg-chat-avatar.red {
 background:#ffe1e1;
 color:#c71123;
}
.active-user-chatting .active-user-info .bg-chat-avatar.green {
 background:#dbffe3;
 color:#135e23;
}
.active-user-chatting .active-user-info .bg-chat-avatar.pink {
 background:#ffe2e7;
 color:#e24f69;
}
.active-user-chatting .active-user-info .bg-chat-avatar.orange {
 background:#fde8d9;
 color:#e6680e;
}
.active-user-chatting .active-user-info .bg-chat-avatar.violet {
 background:#f2e2ff;
 color:#8936ca;
}
.active-user-chatting .active-user-info .bg-chat-avatar.brown {
 background:#e8dad7;
 color:#a7644a;
}
.active-user-chatting .active-user-info>.avatar-info h5 {
 font-size:.8rem;
 margin:0;
 line-height:160%;
}
.active-user-chatting .active-user-info>.avatar-info .typing {
 color:#5e6973;
 font-size:.725rem;
}
.active-user-chatting .chat-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.active-user-chatting .chat-actions a {
 width:40px;
 height:40px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border-radius:50px;
 -webkit-box-shadow:5px 5px 10px #eaeef7;
 box-shadow:5px 5px 10px #eaeef7;
 margin:0 0 0 10px;
}
.active-user-chatting .chat-actions a i {
 font-size:.8rem;
}
.active-user-chatting .chat-actions a:hover {
 -webkit-box-shadow:5px 5px 20px #c5d0e9;
 box-shadow:5px 5px 20px #c5d0e9;
}
.chat-container {
 position:relative;
 padding:1.5rem .2rem;
}
.chat-container .chat-box {
 padding:0 .8rem;
}
.chat-container .chat-box li.chat-left,
.chat-container .chat-box li.chat-right {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:40px;
}
.chat-container .chat-box li .chat-avatar {
 margin-right:20px;
}
.chat-container .chat-box li .chat-avatar img {
 width:48px;
 height:48px;
 border-radius:30px;
}
.chat-container .chat-box li .chat-hour {
 padding:0;
 font-size:.75rem;
 margin:5px 0 0 0;
 color:#5e6973;
}
.chat-container .chat-box li .chat-hour.read>span {
 color:#268a3c;
}
.chat-container .chat-box li .chat-hour>span {
 font-size:16px;
 color:#5e6973;
}
.chat-container .chat-box li .chat-name {
 font-size:.75rem;
 color:#5e6973;
 text-align:center;
 font-weight:600;
}
.chat-container .chat-box li .chat-text-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text {
 padding:.7rem 1rem;
 background:#fff1f1;
 border-radius:3px;
 line-height:150%;
 -ms-flex-item-align:start;
 align-self:flex-start;
 position:relative;
 font-size:.8rem;
 margin:0 0 5px 0;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text p {
 font-weight:400;
 line-height:190%;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text:first-child:before {
 content:'';
 position:absolute;
 width:0;
 height:0;
 top:14px;
 left:-16px;
 border:8px solid;
 border-color:transparent #fff1f1 #fff1f1 transparent;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail {
 position:relative;
 margin:5px 0;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail img {
 max-width:210px;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail a.download {
 position:absolute;
 bottom:10px;
 left:10px;
 display:none;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail a.download>img {
 width:18px;
 height:18px;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail:hover .download {
 width:36px;
 height:36px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:rgba(255,255,255,.3);
 border-radius:50px;
}
.chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail:hover .download i {
 color:#ffffff;
 text-shadow:none;
}
.chat-container .chat-box li .chat-text-wrapper .chat-files-group {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.chat-container .chat-box li .chat-text-wrapper .chat-files-group .chat-file {
 margin:0 3px;
 width:48px;
 height:48px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;

 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:#ffffff;
 border-radius:3px;
}
.chat-container .chat-box li .chat-text-wrapper .chat-files-group .chat-file img {
 width:24px;
 height:24px;
 border-radius:0;
}
.chat-container .chat-box li .chat-text-wrapper a.shared-files {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:#ffffff;
 border-radius:3px;
 padding:7px 15px;
}
.chat-container .chat-box li .chat-text-wrapper a.shared-files .attached-folder {
 margin-right:10px;
}
.chat-container .chat-box li .chat-text-wrapper a.shared-files .attached-folder img {
 width:24px;
 height:24px;
 border-radius:0;
}
.chat-container .chat-box li .chat-text-wrapper a.shared-files .attached-link {
 font-size:.75rem;
 font-weight:600;
}
.chat-container .chat-box li .chat-text-wrapper a.shared-files:hover {
 color:#000000;
}
.chat-container .chat-box li.chat-right {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
}
.chat-container .chat-box li.chat-right>.chat-avatar {
 margin-left:20px;
 margin-right:0;
}
.chat-container .chat-box li.chat-right .chat-text-wrapper>.chat-text {
 text-align:right;
 background:#f5f8fd;
 -ms-flex-item-align:end;
 align-self:flex-end;
}
.chat-container .chat-box li.chat-right .chat-text-wrapper>.chat-text:before {
 right:-16px;
 border-color:transparent transparent #f5f8fd #f5f8fd;
 left:inherit;
}
.chat-container .chat-box li.divider {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:2rem 0;
 color:#5e6973;
 font-size:.65rem;
 font-weight:600;
 letter-spacing:.5px;
 text-transform:uppercase;
}
.chat-container .chat-box li.divider:before {
 content:'';
 display:block;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:1px;
 background-color:#e1e8f3;
 margin-right:10px;
}
.chat-container .chat-box li.divider:after {
 content:'';
 display:block;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:1px;
 background-color:#e1e8f3;
 margin-left:10px;
}
.chat-container .chat-box li:last-child.chat-left,
.chat-container .chat-box li:last-child.chat-right {
 margin:0;
}
.chat-form {
 margin:0;
 padding:1.5rem 1rem .5rem 1rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.chat-form .form-group {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 margin:0;
}
.chat-form .form-group textarea {
 height:40px;
 font-size:.75rem;
}
.chat-form .chat-form-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0 10px;
}
.chat-form .chat-form-actions a.action-icon {
 position:relative;
 width:40px;
 height:40px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.chat-form .chat-form-actions a.action-icon img {
 width:18px;
 height:18px;
}
.chat-form .chat-form-actions a.action-icon .action-icon-tooltip {
 padding:3px 12px;
 background:#000000;
 color:#ffffff;
 display:none;
 position:absolute;
 top:-25px;
 font-size:.7rem;
 z-index:100;
 border-radius:2px;
}
.chat-form .chat-form-actions a.action-icon .action-icon-tooltip:before {
 content:'';
 position:absolute;
 left:50%;
 bottom:-5px;
 margin-left:-3px;
 width:0;
 height:0;
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 border-top:6px solid #000000;
}
.chat-form .chat-form-actions a.action-icon .action-icon-popup {
 padding:5px;
 margin-bottom:10px;
 background:#ffffff;
 border:1px solid #e1e8f3;
 display:none;
 position:absolute;
 bottom:32px;
 right:0;
 width:240px;
 z-index:100;
 border-radius:5px;
}
.chat-form .chat-form-actions a.action-icon .action-icon-popup:before {
 content:'';
 position:absolute;
 right:13px;
 bottom:-6px;
 width:12px;
 height:12px;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 background:#ffffff;
 border-bottom:1px solid #e1e8f3;
 border-right:1px solid #e1e8f3;
}
.chat-form .chat-form-actions a.action-icon .action-icon-popup .emoji-list {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.chat-form .chat-form-actions a.action-icon .action-icon-popup .emoji-list span {
 font-size:1.2rem;
 padding:3px;
 margin:1px;
 width:30px;
 height:30px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.chat-form .chat-form-actions a.action-icon .action-icon-popup .emoji-list span:hover {
 background:#f2f4f9;
 border-radius:3px;
}
.chat-form .chat-form-actions a.action-icon:hover {
 background:#dbedff;
 border-radius:4px;
}
.chat-form .chat-form-actions a.action-icon:hover .action-icon-tooltip {
 display:block;
}
.chat-form .chat-form-actions a.action-icon:hover .action-icon-popup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.chat-form .btn {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:40px;
 height:40px;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.chat-form .btn img {
 width:21px;
 height:21px;
}
.call-container {
 margin:2rem 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
}
.call-container .current-user {
 margin:0 0 1.5rem 0;
}
.call-container .current-user img {
 width:90px;
 height:90px;
 border-radius:100px;
}
.call-container h5.calling-user-name {
 font-weight:400;
 margin:0 0 2rem 0;
}
.call-container h5.calling-user-name .calling {
 color:#0656a7;
}
.call-container .calling-btns {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.call-container .calling-btns .btn {
 width:50px;
 height:50px;
 margin:.3rem .5rem;
 border-radius:30px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border-radius:50px;
}
.call-container .calling-btns .btn i {
 font-size:1.2rem;
 margin:0;
}
@media (max-width:576px) {
 .search-chat-container {
  display:none
 }
 .empty-chat-screen img.empty-chat-display {
  max-width:120px;
  max-height:120px
 }
 .chat-users-container {
  width:auto;
  padding-top:30px
 }
 .chat-users-container .users-container ul.users-list li a {
  padding:15px
 }
 .chat-users-container .users-container ul.users-list li a>.chat-avatar {
  margin:0
 }
 .chat-users-container .users-container ul.users-list li a .users-list-body {
  display:none
 }
 .chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail img {
  max-width:100px
 }
 .chat-form .chat-form-actions {
  display:none
 }
 .chat-form .btn {
  margin:0 0 0 5px
 }
}
@media (max-width:420px) {
 .empty-chat-screen {
  height:calc(100vh - 150px)
 }

 .chat-users-container .users-container ul.users-list li a {
  padding:10px
 }
 .chat-users-container .users-container ul.users-list li a>.chat-avatar {
  width:36px;
  height:36px
 }
 .chat-users-container .users-container ul.users-list li a>.chat-avatar img {
  width:36px;
  height:36px
 }
 .chat-users-container .users-container ul.users-list li a>.chat-avatar .bg-avatar {
  width:36px;
  height:36px;
  font-size:11px
 }
 .active-user-chatting {
  padding:.5rem 1rem
 }
 .active-user-chatting .active-user-info>.avatar-info {
  display:none
 }
 .active-user-chatting .active-user-info .bg-chat-avatar {
  width:36px;
  height:36px;
  font-size:11px
 }
 .chat-container {
  padding:.5rem .2rem
 }
 .chat-container .chat-box {
  padding:0 .5rem
 }
 .chat-container .chat-box li .chat-avatar {
  margin-right:15px
 }
 .chat-container .chat-box li .chat-avatar img {
  width:36px;
  height:36px
 }
 .chat-container .chat-box li .chat-text-wrapper .chat-text {
  padding:.7rem;
  max-width:130px
 }
 .chat-container .chat-box li .chat-text-wrapper .chat-text .chat-img-thumbnail img {
  max-width:60px
 }
 .chat-container .slimScrollDiv {
  height:calc(100vh - 280px)!important
 }
 .chat-container .chatContainerScroll {
  height:calc(100vh - 280px)!important
 }
 .chat-form {
  padding:.5rem 1rem .5rem 1rem
 }
}
.tasks-section {
 background:#ffffff;
 border-radius:4px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.labels-container {
 position:relative;
 border-right:1px solid #ecf0f7;
 width:160px;
 padding:20px 0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 flex-direction:column;
}
.labels-container .filters-block {
 margin:1rem 0 2rem 0;
}
.labels-container .filters-block h5 {
 font-size:.8rem;
 text-transform:uppercase;
 font-weight:600;
 margin:0 0 .8rem 0;
 padding:0 1.5rem;
}
.labels-container .filters-block .filters a {
 font-size:.75rem;
 padding:.5rem 1.5rem;
 color:#9aa5af;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.labels-container .filters-block .filters a i {
 font-size:1rem;
 margin:0 .5rem 0 0;
 color:#9aa5af;
}
.labels-container .filters-block .filters a:hover {
 background:#f5f8fd;
 color:#027bc0;
}
.labels-container .filters-block .filters a.active {
 background:#f5f8fd;
 color:#111111;
}
.labels-container .tags-block {
 margin:1rem 0 1rem 0;
}
.labels-container .tags-block h5 {
 font-size:.8rem;
 text-transform:uppercase;
 font-weight:600;
 margin:0 0 .8rem 0;
 padding:0 1.5rem;
}
.labels-container .tags-block .tags a {
 font-size:.75rem;
 padding:.3rem 1.5rem;
 color:#9aa5af;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.labels-container .tags-block .tags a i {
 font-size:1rem;
 margin:0 .5rem 0 0;
}
.labels-container .tags-block .tags a:hover {
 background:#f5f8fd;
 color:#027bc0;
}
@media (max-width:767px) {
 .labels-container {
  width:110px
 }
 .labels-container .filters-block h5 {
  padding:0 .75rem
 }
 .labels-container .filters-block .filters a {
  padding:.5rem .75rem
 }
 .labels-container .tags-block h5 {
  padding:0 .75rem
 }
 .labels-container .tags-block .tags a {
  padding:.5rem .75rem
 }
}
.tasks-container {
 position:relative;
 padding:0 0 1rem 0;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.tasks-container .tasks-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding:.8rem 1.5rem;
 border-bottom:1px solid #ecf0f7;
 border-radius:0 3px 0 0;
}
.tasks-container .tasks-header h3 {
 margin:0;
 font-size:1.2rem;
 color:#027bc0;
}
.tasks-container .tasks-header h3 span {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:.725rem;
 line-height:220%;
 font-weight:400;
 color:#9aa5af;
}
@media (max-width:767px) {
 .tasks-container .tasks-header {
  padding:1rem 1rem
 }
 .tasks-container .tasks-header h3 {
  display:none
 }
}
.task-list {
 position:relative;
 padding:0 .5rem;
}
.task-list .task-block {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 padding:1.5rem 1rem;
 border-bottom:1px solid #ecf0f7;
}
.task-list .task-block .task-checkbox {
 margin:0 2rem 0 0;
 position:relative;
}
.task-list .task-block .task-checkbox input[type=checkbox] {
 opacity:0;
 width:100%;
 height:100%;
 position:absolute;
 cursor:pointer;
}
.task-list .task-block .task-checkbox input[type=checkbox]:focus {
 outline:0;
}
.task-list .task-block .task-checkbox input[type=checkbox]:checked + .ripple-container .check-off {
 border-color:#111111;
}
.task-list .task-block .task-checkbox input[type=checkbox]:checked + .ripple-container .check-on {
 -webkit-transform:scale(.8);
 transform:scale(.8);
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s;
 color:#111111;
 position:absolute;
 left:2px;
 top:2px;
}
.task-list .task-block .task-checkbox input[type=checkbox]:checked + .ripple-container .check-on i {
 font-size:1.3rem;
 font-weight:700;
}
.task-list .task-block .task-checkbox input[type=checkbox] + .ripple-container {
 width:auto;
 position:relative;
 display:inline-block;
 width:25px;
 height:25px;
 top:0;
 pointer-events:none;
}
.task-list .task-block .task-checkbox input[type=checkbox] + .ripple-container:before {
 content:"";
 position:absolute;
 border-radius:2px;
 display:block;
 height:auto;
 left:0;
 top:0;
 right:0;
 bottom:0;
 -webkit-transition:all .5s;
 transition:all .5s;
}
.task-list .task-block .task-checkbox input[type=checkbox] + .ripple-container .check-off {
 position:absolute;
 width:25px;
 height:25px;
 left:0;
 top:0;
 border-radius:2px;
 border:2px solid #e1e8f3;
 -webkit-transition:border-color ease .28s;
 transition:border-color ease .28s;
}
.task-list .task-block .task-checkbox input[type=checkbox] + .ripple-container .check-on {
 -webkit-transform:scale(0);
 transform:scale(0);
 -webkit-transition:all 0s;
 transition:all 0s;
}
.task-list .task-block .task-details {
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out;
 opacity:1;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
}
.task-list .task-block .task-details .task-name {
 margin-bottom:.3rem;
 font-size:.8rem;
 font-weight:600;
}
.task-list .task-block .task-details .task-desc {
 margin-bottom:.7rem;
 color:#5e6973;
 line-height:180%;
 font-size:.725rem;
}
.task-list .task-block .task-details .task-types {
 margin:0;
}
.task-list .task-block ul.task-actions {
 width:110px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 0 1%;
 flex:0 0 1%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
}
.task-list .task-block ul.task-actions li>a {
 width:36px;
 height:36px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 color:#5e6973;
 border-radius:50px;
}
.task-list .task-block ul.task-actions li>a i {
 font-size:1.4rem;
}
.task-list .task-block ul.task-actions li>a:hover {
 background:#f2f4f9;
}
.task-list .task-block ul.task-actions li>a.important.active {
 color:#027bc0;
}
.task-list .task-block ul.task-actions li>a.star.active {
 color:#d69e00;
}
.task-list .task-block.task-checked {
 background:#f5f8fd;

}
.task-list .task-block.task-checked .task-details {
 opacity:.7;
 text-decoration:line-through;
}
.task-list .task-block.task-checked ul.task-actions {
 opacity:.7;
}
.task-list .task-block .dropdown-menu {
 background:#027bc0;
 border-radius:2px;
}
.task-list .task-block .dropdown-menu a {
 padding:.3rem 1rem;
 color:#ffffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
.task-list .task-block .dropdown-menu a i {
 font-size:.9rem;
 margin:0 .5rem 0 0;
 text-shadow:none;
}
.task-list .task-block .dropdown-menu a:hover {
 background:#ce1d30;
}
@media (max-width:767px) {
 .task-list .task-block {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:1rem 1rem
 }
 .task-list .task-block .task-checkbox {
  margin:0 0 1rem 0
 }
 .task-list .task-block .task-details .task-types .badge {
  max-width:60px;
  overflow:hidden;
  white-space:nowrap;
  padding:.35rem .3rem;
  text-overflow:ellipsis
 }
}
.invoice-container {
 padding:0;
}
.invoice-container .invoice-header .invoice-logo {
 margin:.8rem 0 1rem 0;
 display:inline-block;
}
.invoice-container .invoice-header .invoice-logo img {
 width:50px;
 height:50px;
}
.invoice-container .invoice-header address {
 font-size:.8rem;
 color:#5e6973;
 margin:0;
 text-align:right;
}
.invoice-container .invoice-details {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:1rem 0 .5rem 0;
 padding:1rem;
 line-height:180%;
 background:#fff1f1;
}
.invoice-container .invoice-details .invoice-num {
 text-align:right;
 margin-left:auto;
 font-size:.8rem;
}
.invoice-container .invoice-body {
 padding:3rem 0;
}
.invoice-container .invoice-footer {
 text-align:center;
 font-size:.7rem;
}
.invoice-container .invoice-footer span {
 display:inline-block;
 background:#fff1f1;
 padding:3px 10px;
 border-radius:30px;
}
.pricing-plan {
 margin:0 0 1.5rem 0;
 width:100%;
 position:relative;
 background:#ffffff;
 border-radius:3px;
}
.pricing-plan .pricing-header {
 padding:20px 0;
 text-align:center;
 background:#027bc0;
 border-radius:3px 3px 0 0;
}
.pricing-plan .pricing-header .pricing-title {
 font-size:1.2rem;
 color:#ffffff;
 padding:1rem 0;
 text-transform:uppercase;
 font-weight:300;
 margin:0;
 text-shadow:0 30px 10px rgba(0,0,0,.15);
}
.pricing-plan .pricing-header .pricing-cost {
 color:#ffffff;
 padding:1rem 0;
 font-size:2.5rem;
 font-weight:700;
 text-shadow:0 30px 10px rgba(0,0,0,.15);
}
.pricing-plan .pricing-header .pricing-save {
 color:#ffffff;
 padding:.8rem 0;
 font-size:1rem;
 font-weight:300;
}
.pricing-plan .pricing-body {
 border:1px solid #e1e8f3;
}
.pricing-plan .pricing-features {
 padding:20px 0;
 margin:0;
 text-align:left;
}
.pricing-plan .pricing-features li {
 padding:15px 15px 15px 40px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 position:relative;
 line-height:100%;
}
.pricing-plan .pricing-features li:before {
 position:absolute;
 left:15px;
 top:15px;
 font-size:1rem;
 color:#000000;
 content:"\e9ec";
 font-family:'icomoon';
}
.pricing-plan .pricing-footer {
 border-radius:0 0 3px 3px;
 text-align:center;
 padding:1rem 0 2rem 0;
}
@media (max-width:767px) {
 .pricing-plan .pricing-header {
  text-align:center
 }
 .pricing-plan .pricing-header i {
  display:block;
  float:none;
  margin-bottom:1.5rem
 }
}
.search-results-container {
 background:#ffffff;
 padding:2rem 1.5rem;
 border-radius:3px;
 position:relative;
}
.search-results-container .search-results-header {
 margin-bottom:1.5rem;
}
.search-results-container .search-results-header .search-results-title {
 font-size:1.5rem;
 color:#027bc0;
}
.search-results-container .search-results-body {
 padding:1rem 0 0 0;
}
.search-results-container .search-results-block {
 margin:0 0 1.5rem 0;
}
.search-results-container .search-results-block p.title {
 font-size:.8rem;
 color:#027bc0;
 margin:0 0 .3rem 0;
 font-weight:600;
}
.search-results-container .search-results-block a.link {
 color:#5e6973;
 font-size:.75rem;
 margin:0 0 .3rem 0;
 display:block;
 font-weight:600;
}
.search-results-container .search-results-block p.desc {
 font-size:.75rem;
 margin:0;
 color:#9aa5af;
}
.submit-request-card {
 background:#ffffff;
 border-radius:4px;
 margin-bottom:20px;
 padding:1.5rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
.submit-request-card>h5 {
 margin:0 0 1rem 0;
}
.submit-request-card>p {
 margin:0;
 color:#5e6973;
}
.submit-request-card>.btn {
 white-space:nowrap;
 min-width:130px;
}
.slimScrollBar {
 opacity:.3!important;
}
.slimScrollDiv:hover .slimScrollBar {
 border-radius:30px;
 opacity:.5!important;
}
#dropzone {
 margin:1rem 0;
}
.dropzone {
 border:2px dashed #027bc0!important;
 border-radius:3px;
 background:#ffffff!important;
 min-height:250px!important;
}
.dropzone .dz-message {
 font-weight:400;
}
.dropzone .dz-message .note {
 font-size:.7rem;
 display:block;
 margin-top:1rem;
 color:#5e6973!important;
}
.dropzone .dz-message .dz-button {
 margin-top:3rem;
 background:transparent;
 color:#5e6973!important;
 font-size:1.3rem!important;
}
#dropzone-sm {
 margin:0;
}
#dropzone-sm .dropzone {
 border:1px dashed #027bc0!important;
 border-radius:3px;
 background:#ffffff!important;
 min-height:174px!important;
}
#dropzone-sm .dropzone .dz-message {
 font-weight:400;
 margin:0;
}
#dropzone-sm .dropzone .dz-message .note {
 font-size:.7rem;
 display:block;
 margin-top:1rem;
 color:#5e6973!important;
}
#dropzone-sm .dropzone .dz-message .dz-button {
 margin:3rem 0 0 0;
 background:transparent;
 color:#5e6973!important;
 font-size:1rem!important;
}
#creditCardType {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
#creditCardType .credit-card {
 margin:5px 5px 0 0;
 display:inline-block;
}
#creditCardType .credit-card img {
 max-width:36px;
 -webkit-filter:grayscale(100%);
 filter:grayscale(100%);
}
#creditCardType .credit-card.highlight img {
 -webkit-filter:grayscale(10%);
 filter:grayscale(10%);
}
.jvectormap-container {
 width:100%;
 height:100%;
 position:relative;
 overflow:hidden;
 -ms-touch-action:none;
 touch-action:none;
}
.jvectormap-tip {
 position:absolute;
 display:none;
 border-radius:0;
 background:#000000;
 color:#ffffff;
 font-size:.75rem;
 padding:6px 12px;
}
@-webkit-keyframes showHideDot {
 0% {
  opacity:0
 }
 50% {
  opacity:1
 }
 60% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes showHideDot {
 0% {
  opacity:0
 }
 50% {
  opacity:1
 }
 60% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.jvectormap-marker {
 opacity:0;
 -webkit-animation:showHideDot 1.5s ease-in-out infinite;
 animation:showHideDot 1.5s ease-in-out infinite;
}
img.hover-tabs-img {
 display:none;
}
@media screen and (min-width:1140px) {
 img.hover-tabs-img {
  display:block;
  position:fixed;
  top:150px;
  left:50px;
  max-width:480px;
  z-index:1000
 }
}

.accordion {
 background:#ffffff;
}
.accordion .accordion-button {
 text-align:left;
 font-size:.9rem;
}
.accordion .accordion-button.collapsed {
 border-bottom-width:0;
}
.accordion .accordion-button:not(.collapsed) {
 color:#027bc0;
 background-color:#fff1f1;
}
.accordion .accordion-button:focus {
 -webkit-box-shadow:none;
 box-shadow:none;
}
.accordion .accordion-collapse {
 border-width:0 1px;
}
.accordion .accordion-body p {
 line-height:180%;
 color:#5e6973;
 font-size:.775rem;
}
.card {
 background:#ffffff;
 border:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
 margin-bottom:20px;
}
.card .card-header {
 background:transparent;
 border:0;
 padding:1.25rem 1.25rem 0 1.25rem;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
.card .card-header .card-title {
 margin:0;
 font-size:.9rem;
 font-weight:600;
 line-height:100%;
}
.card .card-header-lg {
 padding:1rem 1.25rem 1rem 1.25rem;
 border-bottom:1px solid #f2f4f9;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.card .card-header-lg h4 {
 margin:0;
 font-size:1rem;
 font-weight:400;
}
.card .card-body {
 padding:1.25rem 1.25rem;
 position:relative;
}
.card .card-body .card-title {
 margin-bottom:.7rem;
 font-size:.85rem;
 font-weight:600;
 line-height:100%;
}
.card .card-footer {
 background:transparent;
 border-top:1px solid #e1e8f3;
 padding:1rem 1.25rem;
}
.card .card-img-bottom {
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
 border-top-right-radius:0;
 border-top-left-radius:0;
}
.card .card-img-top {
 border-top-right-radius:4px;
 border-top-left-radius:4px;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0;
}
.alert {
 margin-bottom:.5rem;
 border-radius:2px;
 border:0;
 padding:.75rem 1rem;
 font-size:.8rem;
 color:#ffffff;
}
.alert .alert-link {
 color:#ffffff;
 font-weight:600;
 margin-left:5px;
}
.alert.alert-primary {
 color:#ffffff;
 background:#027bc0;
}
.alert.alert-primary hr {
 border-top-color:#e33b4d;
}
.alert.alert-secondary {
 color:#ffffff;
 background:#1d1c1c;
}
.alert.alert-secondary hr {
 border-top-color:#2a2929;
}
.alert.alert-success {
 background:#268a3c;
}
.alert.alert-success hr {
 border-top-color:#2c9e45;
}
.alert.alert-danger {
 background:#027bc0;
}
.alert.alert-danger hr {
 border-top-color:#e33b4d;
}
.alert.alert-info {
 background:#0656a7;
}
.alert.alert-info hr {
 border-top-color:#0763c0;
}
.alert.alert-warning {
 background:#d69e00;
}
.alert.alert-warning hr {
 border-top-color:#f0b100;
}
.alert.alert-light {
 background:#f5f8fd;
 color:#111111;
}
.alert.alert-light hr {
 border-top-color:#e0e9f9;
}
.alert i {
 font-size:1.1rem;
 margin-right:10px;
 vertical-align:middle;
}
.alert .alert-link {
 text-decoration:underline;
 font-weight:400;
}
.alert .alert-heading {
 font-weight:600;
 margin-bottom:1rem;
}
.alert.alert-dismissible .btn-close {
 padding:.9rem;
}
.badge {
 border-radius:2px;
 font-weight:600;
 padding:.25rem .5rem;
 line-height:100%;
 vertical-align:middle;
}
.breadcrumb {
 background:transparent;
 padding:0;
 font-size:.725rem;
}
.breadcrumb .breadcrumb-item {
 color:#9aa5af;
 font-weight:400;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
 color:#9aa5af;
 font-family:'icomoon'!important;
 content:'\e9f1';
 font-size:1rem;
 line-height:1;
 vertical-align:middle;
}
.breadcrumb .breadcrumb-item a {
 color:#027bc0;
}
.breadcrumb .breadcrumb-item .active {
 color:#9aa5af;
}
button:focus {
 outline:none;
}
.btn.stripes-btn {
 background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent)!important;
 background-size:.3rem .3rem!important;
}
.btn {
 border-radius:6px;
 border:1px solid transparent;
 font-size:.825rem;
 font-weight:400;
 padding:.594rem 1.25rem;
}
.btn i {
 font-size:.9rem;
 margin:0 3px 0 0;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
 text-shadow:1px 1px rgba(0,0,0,.1);
}
.btn-sm {
 padding:.4rem .8rem;
}
.btn-lg {
 padding:.8rem 1.5rem;
}
.btn-link {
 color:#027bc0;
}
.btn-light {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
}
.btn-light:hover {
 color:#53565a;
 background-color:#dadfe6;
 border-color:#dadfe6;
}
.btn-check:focus + .btn-light,
.btn-light:focus {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
 box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
}
.btn-light.dropdown-toggle.show,
.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light:active,
.btn-light.active {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
 -webkit-box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
 box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
}
.btn-light.dropdown-toggle.show:focus,
.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
 -webkit-box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
 box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
}
.btn-light:disabled,
.btn-light.disabled,
fieldset:disabled .btn-light {
 pointer-events:none;
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
}
.btn-outline-light {
 color:#53565a;
 border-color:#e3e7ec;
}
.btn-outline-light:hover {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
 box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
}
.btn-outline-light.dropdown-toggle.show,
.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active {
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
 -webkit-box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
 box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
}
.btn-outline-light.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus {
 color:#53565a;
 background-color:#ffffff;
 border-color:#ffffff;
 -webkit-box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
 box-shadow:0 0 0 .2rem rgba(227,231,236,.1);
}
.btn-outline-light:disabled,
.btn-outline-light.disabled,
fieldset:disabled .btn-outline-light {
 pointer-events:none;
 color:#53565a;
 background-color:#e3e7ec;
 border-color:#e3e7ec;
}
.btn-dark {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-dark:hover {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem #d3d6da;
 box-shadow:0 0 0 .2rem #d3d6da;
}
.btn-dark.dropdown-toggle.show,
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark,
.btn-dark:active,
.btn-dark.active {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
 -webkit-box-shadow:0 0 0 .2rem #d3d6da;
 box-shadow:0 0 0 .2rem #d3d6da;
}
.btn-dark.dropdown-toggle.show:focus,
.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
 -webkit-box-shadow:0 0 0 .2rem #d3d6da;
 box-shadow:0 0 0 .2rem #d3d6da;
}
.btn-dark:disabled,
.btn-dark.disabled,
fieldset:disabled .btn-dark {
 pointer-events:none;
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
}
.btn-outline-dark {
 color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-outline-dark:hover {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem #d3d6da;
 box-shadow:0 0 0 .2rem #d3d6da;
}
.btn-outline-dark.dropdown-toggle.show,
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
 -webkit-box-shadow:0 0 0 .2rem #d3d6da;
 box-shadow:0 0 0 .2rem #d3d6da;
}
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus {
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
 -webkit-box-shadow:0 0 0 .2rem #d3d6da;
 box-shadow:0 0 0 .2rem #d3d6da;
}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled,
fieldset:disabled .btn-outline-dark {
 pointer-events:none;
 color:#ffffff;
 background-color:#2a2929;
 border-color:#2a2929;
}
.btn-primary {
 color:#ffffff;
 background-color:#027bc0;
 border-color:#027bc0;
}
.btn-primary:hover {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-primary.dropdown-toggle.show,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-primary.dropdown-toggle.show:focus,
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-primary:disabled,
.btn-primary.disabled,
fieldset:disabled .btn-primary {
 pointer-events:none;
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
}
.btn-outline-primary {
 color:#027bc0;
 border-color:#027bc0;
}
.btn-outline-primary:hover {
 color:#ffffff;
 background-color:#027bc0;
 border-color:#027bc0;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-outline-primary.dropdown-toggle.show,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-outline-primary:disabled,

.btn-outline-primary.disabled,
fieldset:disabled .btn-outline-primary {
 pointer-events:none;
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
}
.btn-secondary {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-secondary:hover {
 color:#ffffff;
 background-color:#100f0f;
 border-color:#100f0f;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
 box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
}
.btn-secondary.dropdown-toggle.show,
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
 -webkit-box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
 box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
}
.btn-secondary.dropdown-toggle.show:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
 -webkit-box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
 box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
}
.btn-secondary:disabled,
.btn-secondary.disabled,
fieldset:disabled .btn-secondary {
 pointer-events:none;
 color:#ffffff;
 background-color:#100f0f;
 border-color:#100f0f;
}
.btn-outline-secondary {
 color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-outline-secondary:hover {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
 box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
}
.btn-outline-secondary.dropdown-toggle.show,
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
 -webkit-box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
 box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
}
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus {
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
 -webkit-box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
 box-shadow:0 0 0 .2rem rgba(57,72,88,.25);
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled,
fieldset:disabled .btn-outline-secondary {
 pointer-events:none;
 color:#ffffff;
 background-color:#1d1c1c;
 border-color:#1d1c1c;
}
.btn-info {
 color:#ffffff;
 background-color:#0656a7;
 border-color:#0656a7;
}
.btn-info:hover {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
 box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
}
.btn-info.dropdown-toggle.show,
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
 -webkit-box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
 box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
}
.btn-info.dropdown-toggle.show:focus,
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
 -webkit-box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
 box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
}
.btn-info:disabled,
.btn-info.disabled,
fieldset:disabled .btn-info {
 pointer-events:none;
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
}
.btn-outline-info {
 color:#0656a7;
 border-color:#0656a7;
}
.btn-outline-info:hover {
 color:#ffffff;
 background-color:#0656a7;
 border-color:#0656a7;
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
 box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
}
.btn-outline-info.dropdown-toggle.show,
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
 -webkit-box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
 box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
}
.btn-outline-info.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus {
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
 -webkit-box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
 box-shadow:0 0 0 .2rem rgba(16,103,211,.35);
}
.btn-outline-info:disabled,
.btn-outline-info.disabled,
fieldset:disabled .btn-outline-info {
 pointer-events:none;
 color:#ffffff;
 background-color:#05498e;
 border-color:#05498e;
}
.btn-danger {
 color:#ffffff;
 background-color:#027bc0;
 border-color:#027bc0;
}
.btn-danger:hover {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-danger.dropdown-toggle.show,
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-danger.dropdown-toggle.show:focus,
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-danger:disabled,
.btn-danger.disabled,
fieldset:disabled .btn-danger {
 pointer-events:none;
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
}
.btn-outline-danger {
 color:#027bc0;
 border-color:#027bc0;
}
.btn-outline-danger:hover {
 color:#ffffff;
 background-color:#027bc0;
 border-color:#027bc0;
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-outline-danger.dropdown-toggle.show,
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus {
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
 -webkit-box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
 box-shadow:0 0 0 .2rem rgba(237,59,39,.25);
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled,
fieldset:disabled .btn-outline-danger {
 pointer-events:none;
 color:#ffffff;
 background-color:#ce1d30;
 border-color:#ce1d30;
}
.btn-warning {
 color:#ffffff;
 background-color:#d69e00;
 border-color:#d69e00;
}

.btn-warning:hover {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
 box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
}
.btn-warning.dropdown-toggle.show,
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
 -webkit-box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
 box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
}
.btn-warning.dropdown-toggle.show:focus,
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
 -webkit-box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
 box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
}
.btn-warning:disabled,
.btn-warning.disabled,
fieldset:disabled .btn-warning {
 pointer-events:none;
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
}
.btn-outline-warning {
 color:#d69e00;
 border-color:#d69e00;
}
.btn-outline-warning:hover {
 color:#ffffff;
 background-color:#d69e00;
 border-color:#d69e00;
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
 box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
}
.btn-outline-warning.dropdown-toggle.show,
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
 -webkit-box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
 box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
}
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus {
 color:#ffffff;
 background-color:#bd8b00;
 border-color:#bd8b00;
 -webkit-box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
 box-shadow:0 0 0 .2rem rgba(137,96,0,.3);
}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled,
fieldset:disabled .btn-outline-warning {
 pointer-events:none;
 color:#000000;
 background-color:#bd8b00;
 border-color:#bd8b00;
}
.btn-success {
 color:#ffffff;
 background-color:#268a3c;
 border-color:#268a3c;
}
.btn-success:hover {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
 box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
}
.btn-success.dropdown-toggle.show,
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
 -webkit-box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
 box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
}
.btn-success.dropdown-toggle.show:focus,
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
 -webkit-box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
 box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
}
.btn-success:disabled,
.btn-success.disabled,
fieldset:disabled .btn-success {
 pointer-events:none;
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
}
.btn-outline-success {
 color:#268a3c;
 border-color:#268a3c;
}
.btn-outline-success:hover {
 color:#ffffff;
 background-color:#268a3c;
 border-color:#268a3c;
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
 outline:0;
 -webkit-box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
 box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
}
.btn-outline-success.dropdown-toggle.show,
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
 -webkit-box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
 box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
}
.btn-outline-success.dropdown-toggle.show:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus {
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
 -webkit-box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
 box-shadow:0 0 0 .2rem rgba(32,118,51,.4);
}
.btn-outline-success:disabled,
.btn-outline-success.disabled,
fieldset:disabled .btn-outline-success {
 pointer-events:none;
 color:#ffffff;
 background-color:#207633;
 border-color:#207633;
}
::-webkit-input-placeholder {
 color:#9ba6b5;
}
:-moz-placeholder {
 color:#9ba6b5;
}
::-moz-placeholder {
 color:#9ba6b5;
}
:-ms-input-placeholder {
 color:#9ba6b5;
}
.form-control {
 border:1px solid #dbdaea;
 border-radius:2px;
 color:#000;
 font-size:.725rem;
 min-height:40px;
}
.form-control:hover {
 border:1px solid #027bc0;
}
.form-control:focus {
 border-color:#027bc0;
 -webkit-box-shadow:none;
 box-shadow:none;
 border-radius:2px;
 outline:auto!important;
 outline-color:#027bc0!important;
}
.form-control:disabled,
.form-control[readonly] {
 background:#f8f8fb;
 cursor:not-allowed;
}
.col-form-label {
 padding-top:calc(.595rem + 1px);
 padding-bottom:calc(.595rem + 1px);
 min-height:40px;
}
.form-select:disabled {
 background-color:#f8f8fb;
 cursor:not-allowed;
}
.input-group-text {
 border:1px solid #dbdaea;
 background:#f8f8fb;
 border-radius:2px;
 font-size:.75rem;
 min-height:40px;
 margin:0;
}
.input-group-text i {
 color:#6c7882;
}
.form-text {
 color:#9aa5af;
}
label {
 margin-bottom:.3rem;
 font-size:.8rem;
 font-weight:600;
}
.form-control.is-valid,
.was-validated .form-control:valid {
 border-color:rgba(25,135,84,.9);
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
 border-color:rgba(220,53,69,.9);
}
.valid-feedback {
 border-radius:2px;
 font-size:.7rem;
 color:rgba(25,135,84,.9);
}
.invalid-feedback {
 border-radius:2px;
 font-size:.7rem;
 color:rgba(220,53,69,.9);
}
.valid-tooltip {
 right:0;
 border-radius:2px;
 font-size:.7rem;
 background:rgba(25,135,84,.9);
}
.invalid-tooltip {
 right:0;
 border-radius:2px;
 font-size:.7rem;
 background:rgba(220,53,69,.9);
}
.form-control::-webkit-file-upload-button {
 background:#f8f8fb;
 font-size:.75rem;
 min-height:40px;
 margin:-1rem 1rem -1rem -.75rem;
 color:#111111;
 line-height:40px;
}
.form-check {
 margin:0 1rem 0 0;
}
.form-check .form-check-label {
 font-weight:400;
 font-size:.75rem;
 margin:0 0 0 5px;
}
.form-check .form-check-input[type=checkbox] {
 border-radius:2px;
 width:1rem!important;
 height:1rem!important;
 margin-top:.15em;
 min-height:auto;
 padding:0;
}
.form-check .form-check-input[type=radio] {
 border-radius:50px;
 width:1rem!important;
 height:1rem!important;
 margin-top:.15em;
 min-height:auto;
 padding:0;
}
.list-group {
 margin-bottom:2rem;
 background:#ffffff;
 border:0;
 border-radius:2px;
 margin-bottom:1rem;
}
.list-group .list-group-item {
 font-size:.725rem;
 padding:.7rem .75rem;
 border:1px solid #e1e8f3;
 color:#111111;
}
.list-group .list-group-item:first-child {
 border-radius:2px 2px 0 0;
}
.list-group .list-group-item:last-child {
 border-radius:0 0 2px 2px;
}
.list-group .list-group-item.active {
 color:#ffffff;
 background-color:#027bc0;
 border-color:#027bc0;
}
.list-group .list-group-item.disabled {
 color:#9aa5af;
}
.list-group-item + .list-group-item {
 border-top-width:0!important;
}
.modal {
 text-align:left;
}
.modal .modal-content {
 border-radius:3px;
 border:0;
}
.modal .modal-header {
 background:#027bc0;
 color:#ffffff;
 border:0;
 border-radius:3px 3px 0 0;
}
.modal .modal-body {
 padding:1.2rem;
 /*! max-height:calc(100vh - 180px); */
}
.modal .modal-footer {
 border-top:1px solid #e1e8f3;
 padding:.2rem .75rem;
}
.modal-backdrop.show {
 opacity:.7;
}
.btn-close {
 color:#ffffff;
 text-shadow:0 1px 0 #000000;
 background:url(../img/cancel.svg) center/1em auto no-repeat;
 margin-right:0!important;
}
.btn-close:hover {
 color:#ffffff;
}
.dropdown-menu {
 border:0;
 border-radius:0 0 4px 4px;
 -webkit-box-shadow:20px 30px 30px rgba(0,0,0,.2);
 box-shadow:20px 30px 30px rgba(0,0,0,.2);
 width:11rem;
 font-size:.75rem;
}
.dropdown-menu:before {
 position:absolute;
 top:-9px;
 left:12px;
 content:'';
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 border-bottom:9px solid #ffffff;
}
.dropdown-menu.dropdown-menu-end {
 right:0;
}
.dropdown-menu.dropdown-menu-end:before {
 right:15px;
 left:auto;
 top:-9px;
}
.dropdown-menu.sm {
 width:10rem;
 min-width:auto;
}
.dropdown-menu.md {
 width:16rem;
}
.dropdown-menu.lrg {
 width:18rem;
}
.dropdown-menu .dropdown-item {
 padding:.5rem 1rem .5rem 1rem;
 font-size:.8rem;
 line-height:100%;
 position:relative;
 color:#111111;
}
.dropdown-menu .dropdown-item:hover {
 background:#027bc0;
 color:#ffffff;
}
.dropdown-menu .dropdown-item:first-child {
 border-radius:0;
}
.dropdown-menu .dropdown-item:last-child {
 border-radius:0;
}
.dropdown-menu .dropdown-item.active-page {
 color:#ffffff;
 background:#027bc0;
 pointer-events:none;
 cursor:not-allowed;
}
.dropdown-menu .dropdown-divider {
 border-top:1px solid #eaeef7;
}
.dropdown-menu .dropdown-menu-header {
 padding:.7rem 1rem;
 margin-bottom:.5rem;
 background:#f2f4f9;
 font-size:.85rem;
 font-weight:700;
}
.dropdown-toggle::after {
 vertical-align:middle;
}
.dropdown-toggle.sub-nav-link::after {
 float:right;
 margin:.15rem 0 0 0;
 border-right:0;
 border-left:5px solid;
 border-top:4px solid transparent;
 border-bottom:4px solid transparent;
}
.dropdown-divider {
 margin:.3rem 0;
}
.custom-tabs-container .nav-tabs {
 margin:0 -20px;
 border-bottom:1px solid #e1e8f3;
}
.custom-tabs-container .nav-tabs .nav-link {
 padding:.6rem 1rem;
 border-radius:0;
 color:#5e6973;
}
.custom-tabs-container .nav-tabs .nav-link.active {
 border-color:transparent #e1e8f3 #ffffff;
 -webkit-box-shadow:0 -3px 0 0 #027bc0;
 box-shadow:0 -3px 0 0 #027bc0;
 color:#111111;
}
.custom-tabs-container .nav-tabs .nav-item:first-child {
 margin-left:20px;
}
.custom-tabs-container .tab-content {
 padding:1.5rem 0 0 0;
}
.tooltip {
 font-size:.7rem;
}
.tooltip-inner {
 border-radius:0;
}
.popover {
 border:1px solid #e1e8f3;
}
.popover-body {
 color:#5e6973;
 font-size:.775rem;
}
.popover-header {
 background:#f2f4f9;
 font-size:.9rem;
 padding:.7rem 1rem;
 border-bottom:1px solid #e1e8f3;
}
.table {
 color:#6f7479;
 font-size:.725rem;
 border-color:#e8edf3;
}
.table th,
.table td {
 white-space:nowrap;
}
.table th {
 font-size:.725rem;
 font-weight:600;
 color:#072242;
 border-bottom:1px solid #c8d3df!important;
}
.table .td-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.table .td-actions a.icon {
 margin:0 3px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:20px;
 height:20px;
 border-radius:30px;
 color:#ffffff;
}
.table .td-actions a.icon i {
 font-size:.7rem;

 text-shadow:none;
}
.table .td-actions a.icon.red {
 background:#027bc0;
}
.table .td-actions a.icon.green {
 background:#268a3c;
}
.table .td-actions a.icon.blue {
 background:#0656a7;
}
.table a.link {
 color:#027bc0;
 font-weight:600;
 text-decoration:underline;
}
.table .flag-img {
 width:18px;
 height:18px;
 margin:0 10px 0 0;
}
.table.v-middle {
 vertical-align:middle;
}
.table-hover>tbody>tr:hover {
 background-color:#f5f8fd;
 --bs-table-accent-bg:$light-color;
}
.table-striped>tbody>tr:nth-of-type(odd) {
 background-color:#f5f8fd;
 --bs-table-accent-bg:$light-color;
}
.table-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
}
.table-actions .btn {
 margin:0 3px;
}
.table-actions .btn i {
 margin:0;
}
.table-container {
 padding:1.25rem 1.25rem;
 border-radius:4px;
 margin-bottom:20px;
}
.table-container.light-green {
 background:#ffffff;
}
.table-container.light-green .table th {
 color:#268a3c;
}
.table-container.light-green .table td {
 border-bottom:1px solid #d1ffdb;
}
.table-container.light-green .table a {
 color:#268a3c;
}
.table-container.light-blue {
 background:#ffffff;
}
.table-container.light-blue .table th {
 color:#0656a7;
}
.table-container.light-blue .table td {
 border-bottom:1px solid #d1e8ff;
}
.table-container.light-blue .table a {
 color:#0656a7;
}
.pagination .page-item:first-child .page-link {
 border-top-left-radius:2px;
 border-bottom-left-radius:2px;
}
.pagination .page-item:last-child .page-link {
 border-top-right-radius:2px;
 border-bottom-right-radius:2px;
}
.pagination .page-item.active .page-link {
 background:#027bc0;
 border:1px solid #027bc0;
 color:#ffffff;
}
.pagination .page-item.active .page-link:hover {
 background:#027bc0;
}
.pagination .page-link {
 color:#027bc0;
 border:1px solid #e1e8f3;
}
.pagination .page-link:hover {
 background:#f2f4f9;
}
.progress {
 background:#f2f4f9;
 border-radius:2px;
 font-size:.625rem;
}
.progress-bar {
 background-color:#027bc0;
}
.progress-bar-striped {
 background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)!important;
 background-size:.5rem .5rem!important;
}
.gutters {
 margin-right:-10px;
 margin-left:-10px;
}
.gutters>.col,
.gutters>[class*="col-"] {
 padding-right:10px;
 padding-left:10px;
}



.trBg {background:#F4E5E7;}


#myRegPop_up { 
    background:#000;;
    border-radius:15px;
    color:#fff;
    display:none; 
    padding:60px;
    width:400px;
    height:400px;
	text-align:center;
	margin-left:20px;
}

#thanksCantact { 
    background:#4C756C;
    border-radius:15px;
    color:#FFF;
    display:none; 
    padding:40px 20px 20px 20px;
    width:500px;
    height:100px;
	text-align:center;
	font-size:14px;
	
}

#myNewRegPop_up { 
    background:none;
    border-radius:15px;
    color:#ccc;
    display:none; 
    padding:60px;
    width:200px;
    height:100px;
	margin-right:200px;
}

#portalLogin { 
    background:#CEDDE1;
    color:#000;
    display:none; 
    padding:10px;
	text-align:left;
	margin-left:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 5px 5px 20px #000;
	-moz-box-shadow: 5px 5px 20px #000;
	box-shadow: 5px 5px 20px #000; 
}


#justMyPopUp { 
    background:#B9E3E1 url(../img/bg1.jpg);
    color:#000;
    display:none; 
    padding:10px;
    min-width:200px;
    min-height:50px;
	border:1px solid #C5DBF2;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}


#justMyPopUpAlert { 
    background:#B9E3E1 url(../img/bg1.jpg);
    color:#000;
    display:none; 
    padding:5px;
    width:550px;
    min-height:50px;
	border:1px solid #C5DBF2;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}

#loadingPop { 
    background:none;
    border-radius:15px;
    color:#ccc;
    display:none; 
    padding:60px;
	text-align:center
}




#popUpLoader { 
    background:none;
    border-radius:15px;
    color:#ccc;
    display:none; 
    padding:60px;
	text-align:center
}


#transLoader { 
    background:none;
    border-radius:15px;
    color:#ccc;
    display:none; 
    padding:60px;
	text-align:center
}


#walletLoader { 
    background:none;
    border-radius:15px;
    color:#ccc;
    display:none; 
    padding:60px;
	text-align:center
}

#viewLargePix { 
    background:#B9E3E1 url(../img/bg1.jpg);
    color:#000;
    display:none; 
    padding:2px;
    min-width:200px;
    min-height:50px;
	border:1px solid #C5DBF2;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}





#prvDivContent { 
    background:#fff;
    color:#000;
    display:none; 
    padding:2px;
    min-width:200px;
    min-height:200px;
	border:4px solid #B9E3E1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
}


#prvDivContentNew { 
    background:#fff;
    color:#000;
    display:none; 
    padding:2px;
    min-width:200px;
    min-height:200px;
	border:4px solid #B9E3E1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
}



#articleAsHmBanner { 
    background:#fff;
    color:#000;
    display:none; 
    padding:2px;
    width:400px;
   height:200px;
	border:4px solid #B9E3E1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
}


#manageVideoFiles { 
    background:#fff;
    color:#666;
    display:none; 
    padding:2px;
    min-width:600px;
    min-height:100px;
	border:4px solid #B9E3E1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:20px 10px;
}



#assignPrvDiv { 
    background:#fff;
    color:#666;
    display:none; 
    padding:2px;
    width:500px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:20px 10px;
}



#profitTopDiv { 
    background:#063;
    color:#fff;
    display:none; 
    padding:5px;
    width:700px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}



#editInvDatePop { 
    background:#063;
    color:#fff;
    display:none; 
    padding:5px;
    width:700px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}



#assignPrvDivMember { 
    background:#fff;
    color:#666;
    display:none; 
    width:800px;
    height:550px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
}

#changeLogo { 
    background:#fff;
    color:#666;
    display:none; 
    padding:2px 10px;
	border:4px solid #B9E3E1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}




#tradeTimer { 
    background:none;
    display:none; 
    padding:2px 10px;
	color:#FC0;
}


#invDiv { 
    background:#fff;
    color:#666;
    display:none; 
    padding:2px;
    width:800px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
}



#viewInvDiv { 
    background:#000;
    color:#000;
    display:none; 
    padding:2px;
    width:600px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
}


#autoTraderLicence { 
    background:#063;
    color:#fff;
    display:none; 
    padding:5px;
    width:300px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}



#invUpgradePop { 
    background:#063;
    color:#666;
    display:none; 
    padding:5px;
    width:700px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
}



#paymentDivPop { 
    background:#fff;
    color:#000;
    display:none; 
    padding:2px;
    width:600px;
    height:auto;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
	box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-ms-box-shadow: 0px 1px 4px #ccc;
	-o-box-shadow: 0px 1px 4px #ccc;
	padding:10px;
	text-align:center;
}






#mainCatDiv { 
    display:none; 
    background:transparent;
padding: 0;
text-align: left;
width: 600px;
margin: 40px auto;
position: relative;
  
}




#firstLevelSubCatDiv { 
    display:none; 
    background:transparent;
padding: 0;
text-align: left;
width: 600px;
margin: 40px auto;
position: relative;
  
}



#secondLevelSubCat { 
    display:none; 
    background:transparent;
padding: 0;
text-align: left;
width: 600px;
margin: 40px auto;
position: relative;
  
}




#secLevelSubCatDiv { 
    display:none; 
    background:transparent;
padding: 0;
text-align: left;
width: 600px;
margin: 40px auto;
position: relative;
  
}



[data-theme-version=dark] .widget-media .timeline .timeline-panel {
  border-color: #473F72; }


.widget-media .timeline .timeline-panel {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .widget-media .timeline .timeline-panel .media {
    width: 50px;
    height: 50px;
    background: #eee;
    border-radius: 12px;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    align-self: start; }
    .widget-media .timeline .timeline-panel .media-primary {
      background: white;
      color: #EB8153; }
      [data-theme-version=dark] .widget-media .timeline .timeline-panel .media-primary {
        background-color: rgba(235, 129, 83, 0.1); }
    .widget-media .timeline .timeline-panel .media-info {
      background: #f5fafe;
      color: #51A6F5; }
      [data-theme-version=dark] .widget-media .timeline .timeline-panel .media-info {
        background-color: rgba(81, 166, 245, 0.1); }
    .widget-media .timeline .timeline-panel .media-warning {
      background: #fff0da;
      color: #FFAB2D; }
      [data-theme-version=dark] .widget-media .timeline .timeline-panel .media-warning {
        background-color: rgba(255, 171, 45, 0.1); }
    .widget-media .timeline .timeline-panel .media-danger {
      background: #ffefee;
      color: #FF4C41; }
      [data-theme-version=dark] .widget-media .timeline .timeline-panel .media-danger {
        background-color: rgba(255, 76, 65, 0.1); }
    .widget-media .timeline .timeline-panel .media-success {
      background: #ecfae4;
      color: #68CF29; }
      [data-theme-version=dark] .widget-media .timeline .timeline-panel .media-success {
        background-color: rgba(104, 207, 41, 0.1); }
  .widget-media .timeline .timeline-panel .media-body p {
    font-size: 14px;
    line-height: 1.5; }
  .widget-media .timeline .timeline-panel .dropdown {
    align-self: self-end;
    margin-top: 5px; }
.widget-media .timeline li:last-child .timeline-panel {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0; }

.card[class*="bg-"] .timeline .timeline-panel {
  border-color: rgba(255, 255, 255, 0.2) !important; }



[data-theme-version=dark] .widget-media .timeline .timeline-panel {
  border-color: #473F72; }




