/* This css file is to over write bootstarp css--------------------------------------------------------- /* Theme Name: Sufee-Admin Admin Template * Theme URI: http://demos.jeweltheme.com/Sufee-Admin/* Author: jewel_theme* Author URI: http://themeforest.net/user/jewel_theme/portfolio* Description:* Version: 1.0.0* License: GNU General Public License v2 or later* License URI: http://www.gnu.org/licenses/gpl-2.0.html* Tags: html, themplate, Sufee-Admin--------------------------------------------------------- *//* Bootstrap *//*@import url(../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;}.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;} .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, 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: normal;     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 0.3s ease;     -moz-transition: all 0.3s ease;     -ms-transition: all 0.3s ease;     -o-transition: all 0.3s ease;     transition: all 0.3s ease;}body {     background: #f1f2f7;     display: table;     font-family: 'Open Sans' sans-serif !important;     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 0.25s ease;     -moz-transition: all 0.25s ease;     -ms-transition: all 0.25s ease;     -o-transition: all 0.25s ease;     transition: all 0.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;}/* Global Styles *//* Main Styles */.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: 280px;     transition: width 0.3s ease;}.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 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: none !important;     color: #c8c9ce !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: #8b939b;     float: left;     margin-top: 8px;     width: 55px;     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 0;     padding: 0.4em 0.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 */.right-panel {     display: table-cell;     padding-left: 0 !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;} .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: 0px;     padding: 0px 15px;     background: #ffffff;     border-bottom: 0px;} .right-panel .page-header h1 {     font-size: 18px;     padding: 15px 0;} .right-panel .page-header .breadcrumb {     margin: 0px;     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: 0px 1px 1px rgba(0, 0, 0, 0.15);     clear: both;     display: inline-block;     padding: 15px 20px 13px 20px;     width: 100%;}.open .right-panel {     margin-left: -210px;}header.fixed-top {     background: #fff;     padding: 20px;}.header-menu .col-sm-7 {     position: inherit;}.menutoggle {     background: #003893;     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;}.open .menutoggle i:before {     content: "\f0a4";}.search-trigger {     background: transparent;     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, 0.125);     outline: 0;} header .form-inline .search-form button {     background: transparent;     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: transparent;     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: transparent;     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: none !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: transparent;}.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;} .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 {     float: right;     margin-top: 4px;     width: 32px;} .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, 0.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: transparent;     border: 0;     border-left: 1px solid rgba(120, 130, 140, 0.4);} .card .card-footer {     padding: 0.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;}/* Tabs */.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, 0.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;}/* Ribons */.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, 0.15);     font-size: 160px;     position: absolute;     top: 10px;     left: 40%;}.twt-feed {     -webkit-border-radius: 4px 4px 0 0;     color: #FFFFFF;     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;}/* Button Reset */.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: 0;     cursor: pointer;}/* Icons */.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 0px 27px 0px;}.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: #ffffff;     font-size: 24px;}.login-content {     max-width: 540px;     margin: 8vh auto;}.login-form {     background: #ffffff;     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: 0px;}.login-form label {     color: #878787;     text-transform: uppercase;}.login-form label a {     color: #ff2e44;}.social-login-content {     margin: 0px -30px;     border-top: 1px solid #e7e7e7;     border-bottom: 1px solid #e7e7e7;     padding: 30px 0px;     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: 0px;}.nestable-cart {     overflow: hidden;}/* Forms */.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, 0.15);     border-radius: .25rem;}.flotTip {     background: #252525;     border: 1px solid #252525;     padding: 5px 15px;     color: #ffffff;}.flot-container {     box-sizing: border-box;     width: 100%;     height: 275px;     padding: 20px 15px 15px;     margin: 15px auto 30px;     background: transparent;}.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: bold;     margin: 0.25em 0;}.morris-hover.morris-default-style .morris-hover-point {     white-space: nowrap;     margin: 0.1em 0;}.morris-hover.morris-default-style {     border-radius: 2px;     padding: 10px 12px;     color: #666;     background: rgba(0, 0, 0, 0.7);     border: none;     color: #fff !important;}.morris-hover-point {     color: rgba(255, 255, 255, 0.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;}/* Widget One---------------------------*/.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;}/* Widget Two---------------------------*/.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;}/* Widget Three---------------------------*/.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: #ffffff;}.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--------------------------- */.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: #ffffff;     bottom: 0;     content: "";     height: 38px;     left: 0;     margin: 0 auto;     position: absolute;     right: 0;     width: 1px;}.widget-ten span i {     color: #ffffff;     opacity: 0.5;}.widget-ten h5 {     color: #ffffff;}.widget-ten p {     color: #ffffff !important;     opacity: 0.75;}/* Mixed Styles */.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;    }}/*# sourceMappingURL=style.css.map */