@import "../css/animate.css";
.gaugejs-wrap
{
position:relative;
margin:0 auto
}
.gaugejs-wrap canvas.gaugejs
{
width:100%!important;
height:auto!important
}
.gaugejs-wrap i,.gaugejs-wrap.sparkline .value
{
top:50%;
display:block;
width:100%;
text-align:center
}
.gaugejs-wrap i
{
position:absolute;
left:0;
z-index:1000;
margin-top:-15px;
font-size:30px
}
.gaugejs-wrap.type-2 .value
{
display:block;
margin-top:-85px
}
.gaugejs-wrap.type-2 label
{
display:block;
margin-top:-10px;
font-size:10px;
font-weight:600;
color:#9da0a8;
text-transform:uppercase
}
.gaugejs-wrap.sparkline
{
position:relative
}
.gaugejs-wrap.sparkline .value
{
position:absolute;
margin-top:-5px;
font-size:10px;
line-height:10px
}

.card-header button{color:#fff}
.switch.switch-default
{
position:relative;
display:inline-block;
vertical-align:top;
width:40px;
height:24px;
background-color:transparent;
cursor:pointer
}
.switch.switch-default .switch-input
{
position:absolute;
top:0;
left:0;
opacity:0
}
.switch.switch-default .switch-label
{
position:relative;
display:block;
height:inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
background-color:#fff;
border:1px solid #e9ecef;
border-radius:2px;
transition:opacity background .15s ease-out
}
.modal-open .modal{opacity:1}
.switch.switch-default .switch-input:checked~.switch-label::before
{
opacity:0
}
.switch.switch-default .switch-input:checked~.switch-label::after
{
opacity:1
}
.switch.switch-default .switch-handle
{
position:absolute;
top:2px;
left:2px;
width:20px;
height:20px;
background:#fff;
border:1px solid #e9ecef;
border-radius:1px;
transition:left .15s ease-out
}
.switch.switch-default .switch-input:checked~.switch-handle
{
left:18px
}
.switch.switch-default.switch-lg
{
width:48px;
height:28px
}
.switch.switch-default.switch-lg .switch-label
{
font-size:12px
}
.switch.switch-default.switch-lg .switch-handle
{
width:24px;
height:24px
}
.switch.switch-default.switch-lg .switch-input:checked~.switch-handle
{
left:22px
}
.switch.switch-default.switch-sm
{
width:32px;
height:20px
}
.switch.switch-default.switch-sm .switch-label
{
font-size:8px
}
.switch.switch-default.switch-sm .switch-handle
{
width:16px;
height:16px
}
.switch.switch-default.switch-sm .switch-input:checked~.switch-handle
{
left:14px
}
.switch.switch-default.switch-xs
{
width:24px;
height:16px
}
.switch.switch-default.switch-xs .switch-label
{
font-size:7px
}
.switch.switch-default.switch-xs .switch-handle
{
width:12px;
height:12px
}
.switch.switch-default.switch-xs .switch-input:checked~.switch-handle
{
left:10px
}
.switch.switch-text
{
position:relative;
display:inline-block;
vertical-align:top;
width:48px;
height:24px;
background-color:transparent;
cursor:pointer
}
.switch.switch-text .switch-input
{
position:absolute;
top:0;
left:0;
opacity:0
}
.switch.switch-text .switch-label
{
position:relative;
display:block;
height:inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
background-color:#fff;
border:1px solid #e9ecef;
border-radius:2px;
transition:opacity background .15s ease-out
}
.switch.switch-text .switch-label::before,.switch.switch-text .switch-label::after
{
position:absolute;
top:50%;
width:50%;
margin-top:-.5em;
line-height:1;
text-align:center;
transition:inherit
}
.switch.switch-text .switch-label::before
{
right:1px;
color:#e9ecef;
content:attr(data-off)
}
.switch.switch-text .switch-label::after
{
left:1px;
color:#fff;
content:attr(data-on);
opacity:0
}
.switch.switch-text .switch-input:checked~.switch-label::before
{
opacity:0
}
.switch.switch-text .switch-input:checked~.switch-label::after
{
opacity:1
}
.switch.switch-text .switch-handle
{
position:absolute;
top:2px;
left:2px;
width:20px;
height:20px;
background:#fff;
border:1px solid #e9ecef;
border-radius:1px;
transition:left .15s ease-out
}
.switch.switch-text .switch-input:checked~.switch-handle
{
left:26px
}
.switch.switch-text.switch-lg
{
width:56px;
height:28px
}
.switch.switch-text.switch-lg .switch-label
{
font-size:12px
}
.switch.switch-text.switch-lg .switch-handle
{
width:24px;
height:24px
}
.switch.switch-text.switch-lg .switch-input:checked~.switch-handle
{
left:30px
}
.switch.switch-text.switch-sm
{
width:40px;
height:20px
}
.switch.switch-text.switch-sm .switch-label
{
font-size:8px
}
.switch.switch-text.switch-sm .switch-handle
{
width:16px;
height:16px
}
.switch.switch-text.switch-sm .switch-input:checked~.switch-handle
{
left:22px
}
.switch.switch-text.switch-xs
{
width:32px;
height:16px
}
.switch.switch-text.switch-xs .switch-label
{
font-size:7px
}
.switch.switch-text.switch-xs .switch-handle
{
width:12px;
height:12px
}
.switch.switch-text.switch-xs .switch-input:checked~.switch-handle
{
left:18px
}
.switch.switch-icon
{
position:relative;
display:inline-block;
vertical-align:top;
width:48px;
height:24px;
background-color:transparent;
cursor:pointer
}
.switch.switch-icon .switch-input
{
position:absolute;
top:0;
left:0;
opacity:0
}
.switch.switch-icon .switch-label
{
position:relative;
display:block;
height:inherit;
font-family:FontAwesome;
font-size:10px;
font-weight:600;
text-transform:uppercase;
background-color:#fff;
border:1px solid #e9ecef;
border-radius:2px;
transition:opacity background .15s ease-out
}
.switch.switch-icon .switch-label::before,.switch.switch-icon .switch-label::after
{
position:absolute;
top:50%;
width:50%;
margin-top:-.5em;
line-height:1;
text-align:center;
transition:inherit
}
.switch.switch-icon .switch-label::before
{
right:1px;
color:#e9ecef;
content:attr(data-off)
}
.switch.switch-icon .switch-label::after
{
left:1px;
color:#fff;
content:attr(data-on);
opacity:0
}
.switch.switch-icon .switch-input:checked~.switch-label::before
{
opacity:0
}
.switch.switch-icon .switch-input:checked~.switch-label::after
{
opacity:1
}
.switch.switch-icon .switch-handle
{
position:absolute;
top:2px;
left:2px;
width:20px;
height:20px;
background:#fff;
border:1px solid #e9ecef;
border-radius:1px;
transition:left .15s ease-out
}
.switch.switch-icon .switch-input:checked~.switch-handle
{
left:26px
}
.switch.switch-icon.switch-lg
{
width:56px;
height:28px
}
.switch.switch-icon.switch-lg .switch-label
{
font-size:12px
}
.switch.switch-icon.switch-lg .switch-handle
{
width:24px;
height:24px
}
.switch.switch-icon.switch-lg .switch-input:checked~.switch-handle
{
left:30px
}
.switch.switch-icon.switch-sm
{
width:40px;
height:20px
}
.switch.switch-icon.switch-sm .switch-label
{
font-size:8px
}
.switch.switch-icon.switch-sm .switch-handle
{
width:16px;
height:16px
}
.switch.switch-icon.switch-sm .switch-input:checked~.switch-handle
{
left:22px
}
.switch.switch-icon.switch-xs
{
width:32px;
height:16px
}
.switch.switch-icon.switch-xs .switch-label
{
font-size:7px
}
.switch.switch-icon.switch-xs .switch-handle
{
width:12px;
height:12px
}
.switch.switch-icon.switch-xs .switch-input:checked~.switch-handle
{
left:18px
}
.switch.switch-3d
{
position:relative;
display:inline-block;
vertical-align:top;
width:40px;
height:24px;
background-color:transparent;
cursor:pointer
}
.switch.switch-3d .switch-input
{
position:absolute;
top:0;
left:0;
opacity:0
}
.switch.switch-3d .switch-label
{
position:relative;
display:block;
height:inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
background-color:#f8f9fa;
border:1px solid #e9ecef;
border-radius:2px;
transition:opacity background .15s ease-out
}
.switch.switch-3d .switch-input:checked~.switch-label::before
{
opacity:0
}
.switch.switch-3d .switch-input:checked~.switch-label::after
{
opacity:1
}
.switch.switch-3d .switch-handle
{
position:absolute;
top:0;
left:0;
width:24px;
height:24px;
background:#fff;
border:1px solid #e9ecef;
border-radius:1px;
transition:left .15s ease-out;
border:0;
box-shadow:0 2px 5px rgba(0,0,0,.3)
}
.switch.switch-3d .switch-input:checked~.switch-handle
{
left:16px
}
.switch.switch-3d.switch-lg
{
width:48px;
height:28px
}
.switch.switch-3d.switch-lg .switch-label
{
font-size:12px
}
.switch.switch-3d.switch-lg .switch-handle
{
width:28px;
height:28px
}
.switch.switch-3d.switch-lg .switch-input:checked~.switch-handle
{
left:20px
}
.switch.switch-3d.switch-sm
{
width:32px;
height:20px
}
.switch.switch-3d.switch-sm .switch-label
{
font-size:8px
}
.switch.switch-3d.switch-sm .switch-handle
{
width:20px;
height:20px
}
.switch.switch-3d.switch-sm .switch-input:checked~.switch-handle
{
left:12px
}
.switch.switch-3d.switch-xs
{
width:24px;
height:16px
}
.switch.switch-3d.switch-xs .switch-label
{
font-size:7px
}
.switch.switch-3d.switch-xs .switch-handle
{
width:16px;
height:16px
}
.switch.switch-3d.switch-xs .switch-input:checked~.switch-handle
{
left:8px
}
.switch-pill .switch-label,.switch.switch-3d .switch-label,.switch-pill .switch-handle,.switch.switch-3d .switch-handle
{
border-radius:50em!important
}
.switch-pill .switch-label::before,.switch.switch-3d .switch-label::before
{
right:2px!important
}
.switch-pill .switch-label::after,.switch.switch-3d .switch-label::after
{
left:2px!important
}
.switch-primary>.switch-input:checked~.switch-label
{
background:#007bff!important;
border-color:#0062cc
}
.switch-primary>.switch-input:checked~.switch-handle
{
border-color:#0062cc
}
.switch-primary-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#007bff
}
.switch-primary-outline>.switch-input:checked~.switch-label::after
{
color:#007bff
}
.switch-primary-outline>.switch-input:checked~.switch-handle
{
border-color:#007bff
}
.switch-primary-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#007bff
}
.switch-primary-outline-alt>.switch-input:checked~.switch-label::after
{
color:#007bff
}
.switch-primary-outline-alt>.switch-input:checked~.switch-handle
{
background:#007bff!important;
border-color:#007bff
}
.switch-secondary>.switch-input:checked~.switch-label
{
background:#868e96!important;
border-color:#6c757d
}
.switch-secondary>.switch-input:checked~.switch-handle
{
border-color:#6c757d
}
.switch-secondary-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#868e96
}
.switch-secondary-outline>.switch-input:checked~.switch-label::after
{
color:#868e96
}
.switch-secondary-outline>.switch-input:checked~.switch-handle
{
border-color:#868e96
}
.switch-secondary-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#868e96
}
.switch-secondary-outline-alt>.switch-input:checked~.switch-label::after
{
color:#868e96
}
.switch-secondary-outline-alt>.switch-input:checked~.switch-handle
{
background:#868e96!important;
border-color:#868e96
}
.switch-success>.switch-input:checked~.switch-label
{
background:#28a745!important;
border-color:#1e7e34
}
.switch-success>.switch-input:checked~.switch-handle
{
border-color:#1e7e34
}
.switch-success-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#28a745
}
.switch-success-outline>.switch-input:checked~.switch-label::after
{
color:#28a745
}
.switch-success-outline>.switch-input:checked~.switch-handle
{
border-color:#28a745
}
.switch-success-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#28a745
}
.switch-success-outline-alt>.switch-input:checked~.switch-label::after
{
color:#28a745
}
.switch-success-outline-alt>.switch-input:checked~.switch-handle
{
background:#28a745!important;
border-color:#28a745
}
.switch-info>.switch-input:checked~.switch-label
{
background:#17a2b8!important;
border-color:#117a8b
}
.switch-info>.switch-input:checked~.switch-handle
{
border-color:#117a8b
}
.switch-info-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#17a2b8
}
.switch-info-outline>.switch-input:checked~.switch-label::after
{
color:#17a2b8
}
.switch-info-outline>.switch-input:checked~.switch-handle
{
border-color:#17a2b8
}
.switch-info-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#17a2b8
}
.switch-info-outline-alt>.switch-input:checked~.switch-label::after
{
color:#17a2b8
}
.switch-info-outline-alt>.switch-input:checked~.switch-handle
{
background:#17a2b8!important;
border-color:#17a2b8
}
.switch-warning>.switch-input:checked~.switch-label
{
background:#ffc107!important;
border-color:#d39e00
}
.switch-warning>.switch-input:checked~.switch-handle
{
border-color:#d39e00
}
.switch-warning-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#ffc107
}
.switch-warning-outline>.switch-input:checked~.switch-label::after
{
color:#ffc107
}
.switch-warning-outline>.switch-input:checked~.switch-handle
{
border-color:#ffc107
}
.switch-warning-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#ffc107
}
.switch-warning-outline-alt>.switch-input:checked~.switch-label::after
{
color:#ffc107
}
.switch-warning-outline-alt>.switch-input:checked~.switch-handle
{
background:#ffc107!important;
border-color:#ffc107
}
.switch-danger>.switch-input:checked~.switch-label
{
background:#dc3545!important;
border-color:#bd2130
}
.switch-danger>.switch-input:checked~.switch-handle
{
border-color:#bd2130
}
.switch-danger-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#dc3545
}
.switch-danger-outline>.switch-input:checked~.switch-label::after
{
color:#dc3545
}
.switch-danger-outline>.switch-input:checked~.switch-handle
{
border-color:#dc3545
}
.switch-danger-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#dc3545
}
.switch-danger-outline-alt>.switch-input:checked~.switch-label::after
{
color:#dc3545
}
.switch-danger-outline-alt>.switch-input:checked~.switch-handle
{
background:#dc3545!important;
border-color:#dc3545
}
.switch-light>.switch-input:checked~.switch-label
{
background:#f8f9fa!important;
border-color:#dae0e5
}
.switch-light>.switch-input:checked~.switch-handle
{
border-color:#dae0e5
}
.switch-light-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#f8f9fa
}
.switch-light-outline>.switch-input:checked~.switch-label::after
{
color:#f8f9fa
}
.switch-light-outline>.switch-input:checked~.switch-handle
{
border-color:#f8f9fa
}
.switch-light-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#f8f9fa
}
.switch-light-outline-alt>.switch-input:checked~.switch-label::after
{
color:#f8f9fa
}
.switch-light-outline-alt>.switch-input:checked~.switch-handle
{
background:#f8f9fa!important;
border-color:#f8f9fa
}
.switch-dark>.switch-input:checked~.switch-label
{
background:#343a40!important;
border-color:#1d2124
}
.switch-dark>.switch-input:checked~.switch-handle
{
border-color:#1d2124
}
.switch-dark-outline>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#343a40
}
.switch-dark-outline>.switch-input:checked~.switch-label::after
{
color:#343a40
}
.switch-dark-outline>.switch-input:checked~.switch-handle
{
border-color:#343a40
}
.switch-dark-outline-alt>.switch-input:checked~.switch-label
{
background:#fff!important;
border-color:#343a40
}
.switch-dark-outline-alt>.switch-input:checked~.switch-label::after
{
color:#343a40
}
.switch-dark-outline-alt>.switch-input:checked~.switch-handle
{
background:#343a40!important;
border-color:#343a40
}
.social-box
{
min-height:160px;
margin-bottom:1.5rem;
text-align:center;
background:#fff
}
.social-box i
{
display:block;
margin:-1px -1px 0;
font-size:40px;
line-height:90px;
background:#e9ecef
}
.social-box .chart-wrapper
{
height:90px;
margin:-90px 0 0
}
.social-box .chart-wrapper canvas
{
width:100%!important;
height:90px!important
}
.social-box ul
{
padding:10px 0;
list-style:none
}
.social-box ul li
{
display:block;
float:left;
width:50%;
padding-top:10px;
font-size:18px
}
.social-box ul li:first-child
{
border-right:1px solid #c2cfd6
}
.social-box ul li strong
{
display:block;
font-size:20px
}
.social-box ul li span
{
font-size:18px;
font-weight:500;
color:#949ca0;
text-transform:uppercase
}
.social-box.facebook i
{
color:#fff;
background:#3b5998
}
.social-box.twitter i
{
color:#fff;
background:#00aced
}
.social-box.linkedin i
{
color:#fff;
background:#4875b4
}
.social-box.google-plus i
{
color:#fff;
background:#d34836
}
.horizontal-bars
{
padding:0;
margin:0;
list-style:none
}
.horizontal-bars li
{
position:relative;
height:40px;
line-height:40px;
vertical-align:middle
}
.horizontal-bars li .title
{
width:100px;
font-size:12px;
font-weight:600;
color:#868e96;
vertical-align:middle
}
.horizontal-bars li .bars
{
position:absolute;
top:15px;
width:100%;
padding-left:100px
}
.horizontal-bars li .bars .progress:first-child
{
margin-bottom:2px
}
.horizontal-bars li.legend
{
text-align:center
}
.horizontal-bars li.legend .badge
{
display:inline-block;
width:8px;
height:8px;
padding:0
}
.horizontal-bars li.divider
{
height:40px
}
.horizontal-bars li.divider i
{
margin:0!important
}
.horizontal-bars.type-2 li
{
overflow:hidden
}
.horizontal-bars.type-2 li i
{
display:inline-block;
margin-right:1rem;
margin-left:5px;
font-size:18px;
line-height:40px
}
.horizontal-bars.type-2 li .title
{
display:inline-block;
width:auto;
margin-top:-9px;
font-size:1rem;
font-weight:400;
line-height:40px;
color:#212529
}
.horizontal-bars.type-2 li .value
{
float:right;
font-weight:600
}
.horizontal-bars.type-2 li .bars
{
position:absolute;
top:auto;
bottom:0;
padding:0
}
.icons-list
{
padding:0;
margin:0;
list-style:none
}
.icons-list li
{
position:relative;
height:40px;
vertical-align:middle
}
.icons-list li i
{
display:block;
float:left;
width:35px!important;
height:35px!important;
margin:2px;
line-height:35px!important;
text-align:center
}
.icons-list li .desc
{
height:40px;
margin-left:50px;
border-bottom:1px solid #e9ecef
}
.icons-list li .desc .title
{
padding:2px 0 0;
margin:0
}
.icons-list li .desc small
{
display:block;
margin-top:-4px;
color:#868e96
}
.icons-list li .value
{
position:absolute;
top:2px;
right:45px;
text-align:right
}
.icons-list li .value strong
{
display:block;
margin-top:-3px
}
.icons-list li .actions
{
position:absolute;
top:-4px;
right:10px;
width:40px;
height:40px;
line-height:40px;
text-align:center
}
.icons-list li .actions i
{
float:none;
width:auto;
height:auto;
padding:0;
margin:0;
line-height:normal
}
.icons-list li.divider
{
height:40px
}
.icons-list li.divider i
{
width:auto;
height:auto;
margin:2px 0 0;
font-size:18px
}
.bg-flat-color-1
{
background:#20a8d8
}
.bg-flat-color-2
{
background:#63c2de
}
.bg-flat-color-3
{
background:#ffc107
}
.bg-flat-color-4
{
background:#f86c6b
}
.bg-flat-color-5
{
background:#4dbd74
}
.transition
{
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
body
{
background: #f1f2f7;
    display: table;
    font-size: 16px;
    width: 100%;
}
div[class*=col-]
{
float:left
}
p
{
font-size:16px;
/* font-family:open sans sans-serif; */
font-weight:400;
line-height:24px;
color:#878787
}
p:focus
{
border:none;
outline:0
}
a,button
{
text-decoration:none;
outline:none!important;
color:#878787;
-webkit-transition:all .25s ease;
-moz-transition:all .25s ease;
-ms-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease
}
a:hover,a:focus
{
text-decoration:none;
color:#000
}
h1,h2,h3,h4,h5,h6
{
margin:0
}
ul,ol
{
padding-left:0
}
.btn:focus,button:focus
{
box-shadow:none!important;
outline:0
}
img
{
max-width:100%
}
.btn,button,input,textarea
{
box-shadow:none;
outline:0!important
}
.no-padding
{
padding:0!important
}
.basix-container
{
display:table;
min-height:100vh;
position:relative;
width:100%
}
aside.left-panel
{background: #272c33;
    display: table-cell;
    height: 100vh;
    min-height: 100%;
    padding: 0 25px;
    vertical-align: top;
    width: 200px;
    transition: width .3s ease;
  
    z-index: 999;}
.navbar
{
background:#272c33;
border-radius:0;
border:none;
display:block;
margin:0;
margin-bottom:100px;
padding:0
}
.navbar .navbar-header
{
float:none;
text-align:center;
width:100%
}
.navbar .navbar-brand
{
border-bottom:1px solid #4e4e52;
color:#f1f2f7!important;
font-family:open sans;
font-size:22px;
float:none;
line-height:50px;
margin:0;
text-align:left;
text-transform:capitalize;
display:block;
min-height:69px;
padding:0;
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.navbar .navbar-brand span
{
font-weight:600
}
.navbar .navbar-brand img
{
max-width:160px
}
.navbar .navbar-brand.hidden
{
display:none
}
.navbar .menu-title
{
border-bottom:1px solid #4e4e52;
color:#9496a1;
clear:both;
display:block;
font-family:open sans;
font-size:14px;
font-weight:700;
line-height:50px;
padding:15px 0 0;
text-transform:uppercase;
width:100%
}
.navbar .navbar-nav
{
float:none;
position:relative
}
.navbar .navbar-nav li
{
width:100%
}
.navbar .navbar-nav li.active .menu-icon,.navbar .navbar-nav li:hover .toggle_nav_button:before,.navbar .navbar-nav li .toggle_nav_button.nav-open:before
{
color:#fff!important
}
.navbar .navbar-nav li .dropdown-toggle:after
{
display:none
}
.navbar .navbar-nav li>a
{
background:0 0!important;
color:#fff !important;
display:inline-block;
font-family:open sans;
font-size:14px;
line-height:30px;
padding:10px 0;
position:relative;
width:100%
}
.navbar .navbar-nav li>a:hover,.navbar .navbar-nav li>a:hover .menu-icon
{
color:#fff!important
}
.navbar .navbar-nav li>a .menu-icon
{
color:#fff;
float:left;
margin-top:8px;
width:15px;
text-align:left;
z-index:9
}
.navbar .navbar-nav li>a .menu-title-text
{
font-size:14px
}
.navbar .navbar-nav li>a .badge
{
border-radius:0;
font-family:open sans;
font-weight:600;
float:right;
margin:6px 0 0;
padding:.4em .5em
}
.navbar .navbar-nav li.menu-item-has-children
{
position:relative
}
.navbar .navbar-nav li.menu-item-has-children a
{
line-height:30px
}
.navbar .navbar-nav li.menu-item-has-children a:before
{
content:"\f105";
color:#c8c9ce;
font-family:fontawesome;
font-size:16px;
position:absolute;
top:10px;
right:0;
text-align:right;
-webkit-transition:all .25s ease;
-moz-transition:all .25s ease;
-ms-transition:all .25s ease;
-o-transition:all .25s ease;
transition:all .25s ease
}
.navbar .navbar-nav li.menu-item-has-children a:hover:before
{
color:#fff
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu
{
background:#272c33;
border:none;
box-shadow:none;
overflow-y:hidden;
padding:0 0 0 35px
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu li
{
position:relative
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu i
{
color:#c8c9ce;
float:left;
padding:0;
position:absolute;
left:0;
font-size:14px;
top:9px
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a
{
padding:2px 0 2px 30px
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a:before
{
content:'';
display:none
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a .menu-icon
{
top:13px;
text-align:left;
width:25px
}
.navbar .navbar-nav li.menu-item-has-children.show a:before
{
content:"\f107"
}
.navbar .navbar-nav li.menu-item-has-children.show .sub-menu
{
max-height:1000px;
opacity:1;
position:static!important
}
.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover
{
color:#d7d9e3!important
}
.navbar-nav li span.count
{
background:#a9d86e;
border-radius:50%;
color:#fff;
font-family:open sans;
font-size:9px;
font-weight:700;
float:right;
height:20px;
width:20px;
line-height:20px;
margin-right:15px;
text-align:center
}
body.open .navbar .navbar-brand.hidden
{
display:block
}
.open aside.left-panel
{
max-width:70px;
width:70px
}
.open aside.left-panel .navbar .navbar-brand
{
display:none
}
.open aside.left-panel .navbar .navbar-brand.hidden
{
display:flex!important;
justify-content:center;
align-items:center;
padding-left:0;
padding-right:0;
text-align:center
}
.open aside.left-panel .navbar .navbar-brand.hidden img
{
max-width:30px;
margin:0 auto
}
.open aside.left-panel .navbar .navbar-brand.d-md-none
{
display:block!important;
margin:13px 0 0;
min-height:67px;
padding:0;
text-align:center
}
.open aside.left-panel .navbar .navbar-nav:before
{
display:none!important
}
.open aside.left-panel .navbar .navbar-nav li
{
position:relative
}
.open aside.left-panel .navbar .navbar-nav li a
{
font-size:0;
z-index:0;
transition:none
}
.open aside.left-panel .navbar .navbar-nav li a .menu-icon
{
font-size:20px;
z-index:-1;
width:inherit
}
.open aside.left-panel .navbar .navbar-nav li a .menu-title-text
{
font-size:0
}
.open aside.left-panel .navbar .navbar-nav li a .badge
{
display:none
}
.open aside.left-panel .navbar .navbar-nav li>a
{
max-width:60px;
padding-left:0
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children
{
overflow:hidden
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children a:before
{
content:'';
display:none
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children ul
{
padding-left:0
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu
{
display:block;
left:inherit;
right:-180px;
top:0
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu li a
{
display:block;
font-size:14px;
max-width:inherit;
padding:2px 15px 2px 25px;
width:100%
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu li a .menu-icon
{
text-align:center
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show
{
overflow:visible
}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show .sub-menu
{
position:absolute!important
}
.open aside.left-panel .navbar .navbar-nav li span.count
{
display:none;
margin-right:5px;
z-index:1
}
.open aside.left-panel .navbar .navbar-nav li.active a:after
{
content:'';
display:none
}
.open aside.left-panel .navbar .navbar-nav .menu-title
{
font-size:0;
line-height:0;
opacity:0;
padding:0
}
.right-panel
{
display: table-cell;
    padding-left: 0px !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.table th, .table td {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 14px;
    line-height: 1.2;
}
.right-panel .breadcrumbs
{
background-color:#fff;
display:inline-block;
margin-top:0;
padding:0 5px;
width:100%
}
.right-panel .breadcrumbs .col-lg-8 .page-header
{
float:left
}
.right-panel .page-header
{
min-height:50px;
margin:0;
padding:0 15px;
background:#fff;
border-bottom:0
}
.right-panel .page-header h1
{
font-size:18px;
padding:15px 0
}
.right-panel .page-header .breadcrumb
{
margin:0;
padding:13.5px 0;
background:#fff;
text-transform:capitalize
}
.right-panel .page-header .breadcrumb>li+li:before
{
padding:0 5px;
color:#ccc;
content:"/\00a0"
}
.right-panel header.header
{
background:#fff;
box-shadow:0 1px 1px rgba(0,0,0,.15);
clear:both;
display:inline-block;
padding:15px 20px 13px;
width:100%
}
.open .right-panel
{
margin-left:-131px
}
header.fixed-top
{
background:#fff;
padding:20px
}
.header-menu .col-sm-7
{
position:inherit
}
.menutoggle
{
background:#e74c3c;
border-radius:50%;
color:#fff!important;
cursor:pointer;
font-size:18px;
height:43px;
line-height:44px;
margin:-2px 20px 0 -57px;
text-align:center;
width:43px;
z-index: 9999;
    position: relative;
}
.open .menutoggle i:before
{
content:"\f0a4"
}
.search-trigger
{
background:0 0;
border:none;
color:#272c33;
cursor:pointer;
font-size:16px;
height:41px;
width:43px;
line-height:38px
}
header .form-inline
{
background:#263238;
display:none;
height:70px;
margin:0;
width:100%;
position:absolute;
left:0;
top:0;
z-index:9999
}
header .form-inline .search-form
{
height:100%;
max-width:1025px;
margin:0 auto;
position:relative
}
header .form-inline .search-form input[type=text]
{
background:#263238;
border:none;
border-radius:0;
box-shadow:none;
color:#d3d3d3;
font-size:16px;
height:inherit;
margin-right:0!important;
padding:10px 36px 10px 15px;
width:100%
}
header .form-inline .search-form input[type=text].active,header .form-inline .search-form input[type=text]:focus
{
border-color:rgba(0,0,0,.125);
outline:0
}
header .form-inline .search-form button
{
background:0 0;
border:none;
color:#fff;
font-size:16px;
position:absolute;
right:15px;
top:50%;
margin-top:-14px!important
}
header .form-inline .search-form button:active,header .form-inline .search-form button:focus,header .form-inline .search-form button:visited,header .form-inline .search-form .btn-outline-success:hover
{
background:0 0;
border:none!important;
box-shadow:none;
outline:0!important
}
header .form-inline .search-form.close
{
display:none
}
.header-left.open .form-inline
{
display:block
}
.header-left .dropdown
{
display:inline-block
}
.header-left .dropdown .dropdown-toggle
{
background:0 0;
border:none;
color:#272c33;
font-size:16px
}
.header-left .dropdown .dropdown-toggle:after
{
display:none
}
.header-left .dropdown .dropdown-toggle .count
{
border-radius:50%;
color:#fff;
font-size:11px;
height:15px;
width:15px;
line-height:15px;
right:0;
top:0;
position:absolute
}
.header-left .dropdown .dropdown-toggle:active,.header-left .dropdown .dropdown-toggle:focus,.header-left .dropdown .dropdown-toggle:visited
{
background:0 0!important;
border-color:transparent!important;
color:#272c33!important
}
.header-left .dropdown .dropdown-menu
{
background:#fff;
border:none;
border-radius:0;
box-shadow:none;
top:49px!important
}
.header-left .dropdown .dropdown-menu p
{
font-size:15px;
margin:0;
padding:5px 15px
}
.header-left .dropdown .dropdown-menu .dropdown-item
{
color:#272c33;
font-size:13px;
padding:10px 15px 3px;
text-overflow:ellipsis
}
.header-left .dropdown .dropdown-menu .dropdown-item .photo
{
float:left;
margin-right:15px;
width:25px
}
.header-left .dropdown .dropdown-menu .dropdown-item .message .name
{
margin-top:-5px
}
.header-left .dropdown .dropdown-menu .dropdown-item .message .time
{
font-size:11px
}
.header-left .dropdown .dropdown-menu .dropdown-item .message p
{
clear:both;
font-size:14px;
margin:0;
padding:0;
text-overflow:ellipsis
}
.header-left .dropdown .dropdown-menu .dropdown-item:hover
{
background:0 0
}
.dropdown-menu
{
border-radius:0;
transform:none!important
}
.for-notification .dropdown-menu .dropdown-item
{
padding:5px 15px!important;
text-overflow:ellipsis
}
.for-notification .dropdown-menu .dropdown-item i
{
float:left;
font-size:14px;
margin:5px 5px 0 0;
text-align:left;
width:20px
}
.for-notification .dropdown-menu .dropdown-item p
{
padding:0!important;
text-overflow:ellipsis
}
.user-area
{
    float: right;
    padding-right: 0;
    position: relative;
    height: 40px;
    width: 40px;
     
    border-radius: 100%;
	 
}
.user-area a.dropdown-toggle{
	overflow: hidden;
    height: 40px;
    display: block;
    width: 40px;
    border-radius: 50%;
    border: solid 1px #9e9e9e;
}
.user-area .user-menu
{
background:#fff;
border:none;
font-family:open sans;
left:inherit!important;
right:0;
top:55px!important;
margin:0;
max-width:150px;
padding:5px 10px;
position:absolute;
width:100%;
z-index:999;
min-width:150px
}
.user-area .user-menu .nav-link
{
color:#272c33;
display:block;
font-size:14px;
line-height:22px;
padding:5px 0
}
.user-area .user-avatar
{
border-radius: 0 !important;
}
.user-area .user-info .name
{
color:#8c8c8c;
font-size:14px;
position:relative;
text-transform:uppercase
}
.user-area .count
{
background:#d9534f;
border-radius:50%;
color:#fff;
font-family:open sans;
font-size:9px;
font-weight:700;
float:right;
height:20px;
width:20px;
line-height:20px;
text-align:center
}
.user-area .dropdown-toggle:after
{
display:none
}
#menuToggle2
{
padding-left:25px
}
#language-select
{
color:#f1f2f7;
float:right;
margin:7px 20px 0 0;
max-width:80px
}
#language-select:focus,#language-select:visited
{
border:none;
outline:0
}
#language-select .dropdown-toggle::after
{
display:none
}
#language-select .dropdown-menu
{
background:#fff;
border:none;
border-radius:0;
left:-8px!important;
min-width:inherit;
padding:0 5px;
top:46px!important
}
#language-select .dropdown-menu .dropdown-item
{
margin-right:0;
max-width:25px;
padding:0
}
#language-select .dropdown-menu .dropdown-item:hover
{
background:#fff
}
#language-select .dropdown-menu .dropdown-item .flag-icon
{
margin-right:0;
width:25px
}
.notification-show+.dropdown-menu,.message-show+.dropdown-menu,.language-show+.dropdown-menu
{
display:block
}
.content
{
float:left;
padding:0 20px;
width:100%
}
.card
{
margin-bottom:1.5rem;
border-radius:0
}
.card h4
{
font-size:1.1rem
}
.card .user-header .media img
{
border:5px solid rgba(255,255,255,.3);
border-radius:50%;
-webkit-border-radius:50%
}
.card .card-header .card-actions button
{
display:block;
float:left;
width:50px;
padding:.75rem 0;
margin:0!important;
color:#fff;
outline:0;
text-align:center;
background:0 0;
border:0;
border-left:1px solid rgba(120,130,140,.4)
}
.card .card-footer
{
padding:.65rem 1.25rem;
background-color:#f0f3f5;
border-top:1px solid #c2cfd6
}
.card .card-footer ul li
{
display:table-cell;
padding:0 1rem;
text-align:center
}
.breadcrumbs
{
margin-top:0
}
.nav-tabs a.active
{
color:#555;
cursor:default;
background-color:#fff;
border:1px solid #ddd;
border-bottom-color:transparent
}
.nav-tabs .dropdown .dropdown-menu
{
top:100%!important
}
.custom-tab .nav-tabs>a.active,.custom-tab .nav-tabs>.active>a:focus,.custom-tab .nav-tabs>li.active>a:hover
{
border-color:transparent transparent;
color:#ff2e44;
position:relative
}
.custom-tab .nav-tabs>a.active>a:after,.custom-tab .nav-tabs>li.active>a:focus:after,.custom-tab .nav-tabs>li.active>a:hover:after
{
background:#ff2e44;
bottom:-1px;
content:"";
height:2px;
left:0;
position:absolute;
right:0;
width:100%;
z-index:999
}
.card .card-header .card-actions
{
float:right
}
.card .card-header .card-actions [class*=btn]
{
border-left:1px solid rgba(120,130,140,.4);
color:#878787;
display:inline-block;
font-size:16px;
float:left;
padding:0 7px;
width:inherit;
text-align:center
}
.social-buttons .card-body p button
{
padding-top:0;
padding-left:0;
padding-bottom:0
}
.social-buttons .only-icon .card-body p button
{
padding:0
}
.social-buttons .social i
{
padding:0 10px;
width:inherit!important
}
.social-buttons .only-text p button
{
padding:0 .5rem
}
.buttons button
{
margin:2px 0
}
.corner-ribon
{
text-align:center;
width:71px;
height:71px;
position:absolute;
right:0;
top:0;
font-size:20px
}
.corner-ribon i
{
padding:10px 0 0 35px;
color:#fff
}
.black-ribon
{
background:url(../../images/twitter_corner_black.png) no-repeat
}
.blue-ribon
{
background:url(../../images/twitter_corner_blue.png) no-repeat
}
.twt-feed .wtt-mark
{
color:rgba(255,255,255,.15);
font-size:160px;
position:absolute;
top:10px;
left:40%
}
.twt-feed
{
-webkit-border-radius:4px 4px 0 0;
color:#fff;
padding:40px 10px 10px;
position:relative;
min-height:170px
}
.weather-category
{
padding:15px 0;
color:#74829c
}
.weather-category ul li
{
width:32%;
text-align:center;
border-right:1px solid #e6e6e6;
display:inline-block
}
.twt-feed.blue-bg
{
background:#58c9f3
}
.twt-category
{
display:inline-block;
margin-bottom:11px;
margin-top:10px;
width:100%
}
.twt-category ul li
{
color:#bdbdbd;
font-size:13px
}
.twt-footer
{
padding:12px 15px
}
.twt-footer,.twt-footer a
{
color:#d2d2d2
}
.btn,.button
{
display:inline-block;
font-weight:400;
text-align:center;
white-space:nowrap;
vertical-align:middle;
transition:all .15s ease-in-out;
border-radius:2px;
cursor:pointer;
    margin-bottom: 2px;
}
.icon-section
{
margin:0 0 3em;
clear:both;
overflow:hidden
}
.icon-container
{
width:240px;
padding:.7em 0;
float:left;
position:relative;
text-align:left
}
.icon-container [class^=ti-],.icon-container [class*=" ti-"]
{
color:#000;
position:absolute;
margin-top:3px;
transition:.3s
}
.icon-container:hover [class^=ti-],.icon-container:hover [class*=" ti-"]
{
font-size:2.2em;
margin-top:-5px
}
.icon-container:hover .icon-name
{
color:#000
}
.icon-name
{
color:#aaa;
margin-left:35px;
font-size:14px;
transition:.3s
}
.icon-container:hover .icon-name
{
margin-left:45px
}
.fontawesome-icon-list .page-header
{
border-bottom:1px solid #c9cdd7;
padding-bottom:9px;
margin:30px 0 27px
}
.fontawesome-icon-list h2
{
margin-top:0;
font-size:20px;
font-weight:300
}
.fontawesome-icon-list i
{
font-style:16px;
padding-right:10px
}
.social-box i
{
line-height:110px
}
.social-box ul
{
display:inline-block;
margin:7px 0 0;
padding:10px;
width:100%
}
.social-box ul li
{
color:#949ca0;
font-size:14px;
font-weight:700;
padding:0 10px 0 0;
text-align:right
}
.social-box ul li:last-child
{
padding-left:10px;
padding-right:0;
text-align:left
}
.social-box ul li span
{
font-size:14px
}
.login-logo
{
text-align:center;
margin-bottom:15px
}
.login-logo span
{
color:#fff;
font-size:24px
}
.login-content
{
max-width:540px;
margin:8vh auto
}
.login-form
{
background:#fff;
padding:30px 30px 20px;
border-radius:2px
}
.login-form h4
{
color:#878787;
text-align:center;
margin-bottom:50px
}
.login-form .checkbox
{
color:#878787
}
.login-form .checkbox label
{
text-transform:none
}
.login-form .btn
{
width:100%;
text-transform:uppercase;
font-size:14px;
padding:15px;
border:0
}
.login-form label
{
color:#878787;
text-transform:uppercase
}
.login-form label a
{
color:#ff2e44
}
.social-login-content
{
margin:0 -30px;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
padding:30px 0;
background:#fcfcfc
}
.social-button
{
padding:0 30px
}
.social-button .facebook
{
background:#3b5998;
color:#fff
}
.social-button .facebook:hover
{
background:#344e86
}
.social-button .twitter
{
background:#00aced;
color:#fff
}
.social-button .twitter:hover
{
background:#0099d4
}
.social-button i
{
padding:19px
}
.register-link a
{
color:#ff2e44
}
.cpu-load
{
width:100%;
height:272px;
font-size:14px;
line-height:1.2em
}
.cpu-load-data-content
{
font-size:18px;
font-weight:400;
line-height:40px
}
.cpu-load-data
{
margin-bottom:30px
}
.cpu-load-data li
{
display:inline-block;
width:32.5%;
text-align:center;
border-right:1px solid #e7e7e7
}
.cpu-load-data li:last-child
{
border-right:0
}
.nestable-cart
{
overflow:hidden
}
.input-group-addon
{
background-color:transparent;
border-left:0
}
.input-group-addon,.input-group-btn
{
white-space:nowrap;
vertical-align:middle
}
.input-group-addon
{
padding:.5rem .75rem;
margin-bottom:0;
font-size:1rem;
font-weight:400;
line-height:1.25;
color:#495057;
text-align:center;
background-color:#e9ecef;
border:1px solid rgba(0,0,0,.15);
border-radius:.25rem
}
.flotTip
{
background:#252525;
border:1px solid #252525;
padding:5px 15px;
color:#fff
}
.flot-container
{
box-sizing:border-box;
width:100%;
height:275px;
padding:20px 15px 15px;
margin:15px auto 30px;
background:0 0
}
.flot-pie-container
{
height:275px
}
.flotBar-container
{
height:275px
}
.flot-line
{
width:100%;
height:100%;
font-size:14px;
line-height:1.2em
}
.legend table
{
border-spacing:5px
}
#chart1,#flotBar,#flotCurve
{
width:100%;
height:275px
}
.morris-hover
{
position:absolute;
z-index:1
}
.morris-hover.morris-default-style .morris-hover-row-label
{
font-weight:700;
margin:.25em 0
}
.morris-hover.morris-default-style .morris-hover-point
{
white-space:nowrap;
margin:.1em 0
}
.morris-hover.morris-default-style
{
border-radius:2px;
padding:10px 12px;
color:#666;
background:rgba(0,0,0,.7);
border:none;
color:#fff!important
}
.morris-hover-point
{
color:rgba(255,255,255,.8)!important
}
#morris-bar-chart
{
height:285px
}
.map,.vmap
{
width:100%;
height:400px
}
.btn-toolbar
{
float:left!important
}
.btn-toolbar .btn-outline-secondary:not([disabled]):not(.disabled):active,.btn-toolbar .btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-toolbar .show>.btn-outline-secondary.dropdown-toggle
{
background-color:#212529;
border-color:#212529;
-webkit-box-shadow:none;
box-shadow:none;
color:#fff
}
.btn-toolbar .btn-outline-secondary:hover
{
background-color:#212529;
border-color:#212529;
color:#fff
}
.dib
{
display:inline-block
}
.stat-widget-one .stat-icon
{
vertical-align:top
}
.stat-widget-one .stat-icon i
{
font-size:30px;
border-width:3px;
border-style:solid;
border-radius:100px;
padding:15px;
font-weight:900;
display:inline-block
}
.stat-widget-one .stat-content
{
margin-left:30px;
margin-top:7px
}
.stat-widget-one .stat-text
{
font-size:14px;
color:#868e96
}
.stat-widget-one .stat-digit
{
font-size:24px;
color:#373757
}
.stat-widget-two
{
text-align:center
}
.stat-widget-two .stat-digit
{
font-size:1.75rem;
font-weight:500;
color:#373757
}
.stat-widget-two .stat-digit i
{
font-size:18px;
margin-right:5px
}
.stat-widget-two .stat-text
{
font-size:16px;
margin-bottom:5px;
color:#868e96
}
.stat-widget-two .progress
{
height:8px;
margin-bottom:0;
margin-top:20px;
box-shadow:none
}
.stat-widget-two .progress-bar
{
box-shadow:none
}
.stat-widget-three .stat-icon
{
display:inline-block;
padding:33px;
position:absolute;
line-height:21px
}
.stat-widget-three .stat-icon i
{
font-size:30px;
color:#fff
}
.stat-widget-three .stat-content
{
text-align:center;
padding:15px;
margin-left:90px
}
.stat-widget-three .stat-digit
{
font-size:30px
}
.stat-widget-three .stat-text
{
padding-top:4px
}
.home-widget-three .stat-icon
{
line-height:19px;
padding:27px
}
.home-widget-three .stat-digit
{
font-size:24px;
font-weight:300;
color:#373757
}
.home-widget-three .stat-content
{
text-align:center;
margin-left:60px;
padding:13px
}
.stat-widget-four
{
position:relative
}
.stat-widget-four .stat-icon
{
display:inline-block;
position:absolute;
top:5px
}
.stat-widget-four i
{
display:block;
font-size:36px
}
.stat-widget-four .stat-content
{
margin-left:40px;
text-align:center
}
.stat-widget-four .stat-heading
{
font-size:20px
}
.stat-widget-five .stat-icon
{
border-radius:100px;
display:inline-block;
position:absolute
}
.stat-widget-five i
{
border-radius:100px;
display:block;
font-size:36px;
padding:30px
}
.stat-widget-five .stat-content
{
margin-left:100px;
padding:24px 0;
position:relative;
text-align:right;
vertical-align:middle
}
.stat-widget-five .stat-heading
{
text-align:right;
padding-left:80px;
font-size:20px;
font-weight:200
}
.stat-widget-six
{
position:relative
}
.stat-widget-six .stat-icon
{
display:inline-block;
position:absolute;
top:5px
}
.stat-widget-six i
{
display:block;
font-size:36px
}
.stat-widget-six .stat-content
{
margin-left:40px;
text-align:center
}
.stat-widget-six .stat-heading
{
font-size:16px;
font-weight:300
}
.stat-widget-six .stat-text
{
font-size:12px;
padding-top:4px
}
.stat-widget-seven .stat-heading
{
text-align:center
}
.stat-widget-seven .gradient-circle
{
text-align:center;
position:relative;
margin:30px auto;
display:inline-block;
width:100%
}
.stat-widget-seven .gradient-circle i
{
position:absolute;
left:0;
right:0;
text-align:center;
top:35px;
font-size:30px
}
.stat-widget-seven .stat-footer
{
text-align:center;
margin-top:30px
}
.stat-widget-seven .stat-footer .stat-count
{
padding-left:5px
}
.stat-widget-seven .count-header
{
color:#252525;
font-size:12px;
font-weight:400;
line-height:30px
}
.stat-widget-seven .stat-count
{
font-size:18px;
font-weight:400;
color:#252525
}
.stat-widget-seven .analytic-arrow
{
position:relative
}
.stat-widget-seven .analytic-arrow i
{
font-size:12px
}
.stat-widget-eight
{
padding:15px
}
.stat-widget-eight .header-title
{
font-size:20px;
font-weight:300
}
.stat-widget-eight .ti-more-alt
{
color:#878787;
cursor:pointer;
left:-5px;
position:absolute;
transform:rotate(90deg)
}
.stat-widget-eight .stat-content
{
margin-top:50px
}
.stat-widget-eight .stat-content .ti-arrow-up
{
font-size:30px;
color:#28a745
}
.stat-widget-eight .stat-content .stat-digit
{
font-size:24px;
font-weight:300;
margin-left:15px
}
.stat-widget-eight .stat-content .progress-stats
{
color:#aaadb2;
font-weight:400;
position:relative;
top:10px
}
.stat-widget-eight .progress
{
margin-bottom:0;
margin-top:30px;
height:7px;
background:#eaeaea;
box-shadow:none
}
.stat-widget-nine .all-like
{
float:right
}
.stat-widget-nine .stat-icon i
{
font-size:22px
}
.stat-widget-nine .stat-text
{
font-size:14px
}
.stat-widget-nine .stat-digit
{
font-size:14px
}
.stat-widget-nine .like-count
{
font-size:30px
}
.horizontal
{
position:relative
}
.horizontal:before
{
background:#fff;
bottom:0;
content:"";
height:38px;
left:0;
margin:0 auto;
position:absolute;
right:0;
width:1px
}
.widget-ten span i
{
color:#fff;
opacity:.5
}
.widget-ten h5
{
color:#fff
}
.widget-ten p
{
color:#fff!important;
opacity:.75
}
.badges h1,.badges h2,.badges h3,.badges h4,.badges h5,.badges h6
{
margin:5px 0
}
.vue-lists ul,.vue-lists ol
{
padding-left:30px
}
.card .dropdown.float-right .dropdown-menu
{
left:inherit!important;
right:0!important;
top:93%!important
}
.dataTables_paginate .pagination
{
border-radius:0
}
.dataTables_paginate .pagination li
{
border-radius:0!important
}
.dataTables_paginate .pagination li a
{
border-radius:0!important;
color:#272c33
}
.dataTables_paginate .pagination li.active a
{
background:#272c33;
border-color:#272c33;
color:#fff
}
.dataTables_paginate .pagination li:hover a
{
background:#272c33;
border-color:#272c33;
color:#fff
}
@media(max-width:1368px)
{
.content
{
padding:0 15px
}
.twt-category
{
margin-bottom:0
}
.twt-feed
{
max-height:155px
}
.twt-feed img
{
height:75px;
width:75px
}
.stat-widget-one .stat-content
{
margin-left:15px
}
.card-body
{
padding:15px
}
.badges button
{
margin:2px 0
}

}
@media(max-width:1024px)
{
aside.left-panel
{
padding:0 20px;
width:200px
}
.navbar .navbar-nav li>a .menu-icon
{
width:30px
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu
{
padding:0 0 0 30px
}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a
{
padding:2px 0 2px 25px
}
.card .card-header
{
position:relative
}
.card .card-header strong
{
display:block
}
.card .card-header small
{
float:left
}
.card .card-header .card-actions
{
right:0;
top:.75rem;
position:absolute
}

}
@media(max-width:992px)
{
[class*=col].no-padding
{
flex:none
}

}
@media(max-width:575.99px)
{
body
{
display:block
}
aside.left-panel
{
display:block;
height:auto;
min-height:inherit;
padding:0 15px;
width:100%
}
aside.left-panel .navbar
{
margin-bottom:0
}
aside.left-panel .navbar .navbar-header
{
height:50px
}
aside.left-panel .navbar .navbar-brand
{
border-bottom:none;
display:inline-block;
float:left;
line-height:1;
margin-top:11px;
min-height:inherit
}
aside.left-panel .navbar .navbar-brand.hidden
{
display:none
}
aside.left-panel .navbar .navbar-toggler
{
float:right;
margin-top:8px
}
aside.left-panel .navbar .navbar-nav li>a
{
padding:5px 0
}
aside.left-panel .navbar .navbar-nav li.menu-item-has-children a:before
{
top:5px
}
aside.left-panel .navbar .menu-title
{
line-height:30px;
padding:0
}
.menutoggle
{
display:none
}
.right-panel
{
display:block
}
.right-panel header.header
{
padding:5px 10px 1px 5px
}
.right-panel header.header div[class*=col]
{
padding:0;
width:initial
}
.right-panel header.header .col-sm-7
{
float:left
}
.right-panel header.header .col-sm-5
{
float:right
}
.right-panel .breadcrumbs
{
padding:10px 15px
}
.right-panel .breadcrumbs div[class*=col]
{
padding:0
}
.right-panel .breadcrumbs .page-header
{
min-height:inherit;
padding:0
}
.right-panel .breadcrumbs .page-header h1
{
padding:5px 0
}
.right-panel .breadcrumbs .page-header.float-right
{
float:left;
text-align:left;
width:100%
}
.right-panel .breadcrumbs .page-header.float-right .breadcrumb
{
padding:0
}
.right-panel .content
{
padding:0 10px
}
.right-panel .content .card .card-title
{
margin-bottom:0
}
.right-panel .content .card .card-footer
{
padding:15px 5px
}
.right-panel .content .card .card-footer ul
{
margin:0
}
.right-panel .content .card .card-footer ul li
{
float:left;
margin:5px 0;
padding:0 10px;
width:33.33%
}
.right-panel .content div[class*=col]
{
padding:0
}
.right-panel .content .row div[class*=col]
{
padding:0 10px
}
.right-panel .content .nav-tabs .nav-link,.right-panel .content .nav-pills .nav-link
{
padding:.5rem
}
.right-panel .content .tab-content.pl-3
{
padding-left:0!important
}
.right-panel .content #bootstrap-data-table_wrapper
{
font-size:14px;
padding:0
}
.right-panel .content #bootstrap-data-table_wrapper div[class*=col]
{
padding:0
}
.right-panel .content #bootstrap-data-table_wrapper .table td,.right-panel .content #bootstrap-data-table_wrapper .table th
{
padding:5px
}

}
.private_fields,.retail_field
{
display:none
}
.multi_row .row{margin-bottom:10px}
.form-check{display:initial !important}
.spinner h4{    font-size: 24px;
    font-weight: bold;}
.spinner p.text-light{font-size: 20px;
    font-family: 'Open Sans';
    margin-top: 10px;}
.data_empty{background:yellow !important}	
.query_issues{list-style: none;}
.query_issues li{
	background: #c2f1e0;
    margin-bottom: 4px;
    border: solid 1px #5ed3a8;
	padding:5px}
.chats_for{
	background: #1d8b63;
    padding: 3px;
    color: #fff;
    margin: 0;
	margin-top: 20px; 
}
.query_issues li h6{
	/* background: #1d8b63; */
    /* padding: 3px; */
    /* color: #fff; */
    /* margin: 0; */
	
	}
.query_issues{} 
.form-gap{border-bottom: solid 1px #f5eded;
    padding-bottom: 0;
    margin-bottom: 10px;}
.dropdown.left .dropdown-menu{
	right: 0;
    left: auto !important;
    top: 21px !important;
}
.dropdown.left .dropdown-item{
	padding: 3px 10px;
    border-bottom: solid 1px #ececec;
}