div.gauge > span {font-size: 18.5px !important; }
table td, .table th { font-size: 11px;  font-family: Soho; }
input[type=search] { width:85px; }
button { font-family: Soho!important; }
.m-widget1 {  padding: 1.2rem!important;}
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__item { height: 30px; margin-top:16px}
.vs{ position: relative;    top: -8%;    left: 45%;    background: white;    width: 40px;    text-align: center;    border-radius: 50%;    margin: 0px;    padding: 2px 8px;}
.aspect-ratio {  position: relative; margin: auto; height: 45vh; width: 90%;}
canvas { -moz-user-select: none;   -webkit-user-select: none;  -ms-user-select: none; }
.m-portlet { margin-bottom: 10px;}
.m-widget24 { width: 99% } 
.m-nav .m-nav__item>.m-nav__link:active .m-nav__link-text { color: #5867dd !important; font-weight: 500 !important;  }
.m-nav .m-nav__item>.m-nav__link:active .m-nav__link-icon {  color: #5867dd !important;}
.wrap { width: 95%; margin: 0 auto;}
.containerCard {	width: 100%;    padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto;    margin-top: 30px;}
.card{    border-radius: 4px;    background: #fff;    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);    padding: 12px 18px;    cursor: pointer;    min-height: 195px;    min-width: 300px;}
.card:hover{  transform: scale(1.05);  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);}
.card h3{ 	font-weight: 600;    margin-top: 8px;    margin-bottom: 12px;    font-size: 16px;}
@media(max-width: 990px){  .card{    margin: 12px;  }} 
.scroll-cards {   width: 100%;  height: 350px;  overflow: hidden;  padding: 12px;  }
.scroll-cards ul li {  display: inline-block;  margin: 12px;  max-width: 350px;}
#demo5.scroll-cards ul {  width: 3500px;}
#demo5-btn {  width: auto;  padding-top: 10px;  float: right;}
.card-progress-number{	color: #555;    float: right;    margin-right: 1.8rem;    display: inline-block;    margin-bottom: 1.86rem;    font-size: 1rem;    font-weight: 500;   }
.card-progress-change {    color: #555;    margin-left: 1.8rem;    display: inline-block;    margin-bottom: 2.86rem;    font-size: 1rem;    font-weight: 300;}
.card-upper-number {	float: right;    margin-right: 18px;    position: absolute;    right: 0;    font-size: .85rem;    text-align: right;    margin-top: 8px;}
.m-stack--demo.m-stack--ver .m-stack__item {    padding: 10px;    border: 0px solid #eee;    background: #FFF;    font-weight: 500;}
.m-stack.m-stack--general.m-stack--ver.m-stack--demo { min-height: 40px;  margin-left: 3px; height: 40px; }
.home.current {  opacity: 1;}
.swiper-container.pagescroll {  width: 100%;  height: 100%;}.pagescroll .swiper-slide {  height: auto;}.pagescroll .swiper-scrollbar {  height: 100%;  width: 24px;  top: 0;  right: 0;  opacity: 1 !important;  border-radius: 0;  background: transparent;}
.pagescroll .swiper-scrollbar:after {  content: "";  position: absolute;  height: 100%;  width: 8px;  top: 0;  right: 0;  background: white;  transition: 0.6s all;  z-index: 1;}
.pagescroll .swiper-scrollbar:hover:after {  width: 18px;  transition: 0.2s all;}.pagescroll .swiper-scrollbar-drag {  position: absolute;  width: 8px;  left: auto;  right: 0;  margin: 0;  border-radius: 0;  background: #2E6C99;  transition: 0.6s all !important;  z-index: 2;}
.pagescroll .swiper-scrollbar:hover .swiper-scrollbar-drag {  width: 18px;  transition: 0.2s all !important;}
.events {  width: 100%;  max-width: 600px;  margin: auto;  margin-top: 30px;}
.events p {  margin: 12px 0;}.list {}
.list-item:first-child {  border-top: 0px solid #e8e8e8;}
.list-item {  position: relative;  display: flex;  align-items: center;  justify-items: center;  border-top: 1px solid #e8e8e8;  transition: 1s all;  cursor: pointer;}
.list-item:last-child {  border-bottom: 1px solid #e8e8e8;}.overlay .list-item {  position: absolute;  bottom: 0;  border: 0;  transform: translateX(50%);}
.list-item:after {  content: "";  position: absolute;  height: 100%;  width: 100%;  top: 0;  left: 0px;  padding: 0 20px;  background: transparent;  box-shadow: 0 0 2px rgba(0, 0, 0, 0);  transition: 0.3s all;  transform: scaleY(0.1);  z-index: 1;}
.home .list-item:hover:after {  transform: scaleY(1);  background: #2E6C99;  }
.list-item > * {  position: relative;  z-index: 2;}
.list-item .info {  padding: 12px;  margin-left: 10px;}.home .list-item:hover .info,.overlay .list-item .info {  color: white;  transition: 0.3s all;}
.list-item .info-time {  font-size: 14px;  margin-bottom: 6px;}.list-item .info-title {  font-size:14px;  line-height: 140%;  font-weight: 500;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);  text-transform: uppercase;}
.list-item .info-desc{ font-size: 12px }
.list-item .profile-image {  position: absolute;  right: 0;  top: 25%;}
.list-item .profile-image img { border-radius: 50%;  width: 50px;  height: 50px;}
.alert.m-alert--outline.alert-primary {    color: rgb(14, 102, 139);    background-color: #fff;    border-color: rgb(14, 102, 139);    color: rgb(14, 102, 139);    font-weight: 400;}
.chart-container {  position: relative;  margin: auto;  height: 40vh;  width: 95% }
.monthlySummary {  margin: 0px!important; padding: 0px!important; background-color: transparent !important; heigth: 90% !important;  }
.m-widget6 .m-widget6__head .m-widget6__item .m-widget6__caption {    display: table-cell;    width: 20%;    padding-left: 0;    padding-right: 0;}
.m-widget6 .m-widget6__body .m-widget6__item .m-widget6__text {    display: table-cell;       white-space: nowrap;  width: 20%;    padding-left: 0;    padding-right: 0;    vertical-align: top;    font-size: 1rem;}
.jconfirm .jconfirm-cell {    display: table-cell;    vertical-align: super; }
.centrales {font-size: 1.3rem;     font-weight: 500;    font-family: Soho;    float: left;    position: relative;    left: 12px;    top: 15px;}
table td, .table th { font-size: 11px;  font-family: Soho; }
input[type=search] { width:85px; }
button { font-family: Soho!important; }
tr.odd.selected td { background-color: #2c2e3e !important;  color:#ffb822 !important;}
tr.odd.selected td { background-color: #2c2e3e !important;  color: #ffb822 !important;}
tr.group { background-color: #333 !important; color: ghostwhite !important;}
table.dataTable tbody > tr.odd.selected, table.dataTable tbody > tr > .selected { background-color: #2c2e3e !important;  color: #ffb822 !important; transition: all 0.9s ease-out 0s; }
table.dataTable tbody > tr.even.selected, table.dataTable tbody > tr > .selected { background-color: #2c2e3e !important;  color: #ffb822 !important; transition: all 0.9s ease-out 0s; }
.dataTables_wrapper .dataTable .selected td, .dataTables_wrapper .dataTable .selected th { background-color: #2c2e3e !important;  color: #ffb822 !important; }
table.dataTable tbody > tr.odd.updated, table.dataTable tbody > tr > .updated { background-color: #b3175f !important; color: #f1efec !important;  transition: all 0.9s ease-out 0s; }
table.dataTable tbody > tr.even.updated, table.dataTable tbody > tr > .updated {background-color: #b3175f !important; color: #f1efec !important;  transition: all 0.9s ease-out 0s; }
.dataTables_wrapper .dataTable .selected td, .dataTables_wrapper .dataTable .selected th { background-color: #2c2e3e !important;  color: #ffb822 !important; }
.dataTables_wrapper .dataTable .group td, .dataTables_wrapper .dataTable .group th { background-color: #CCC !important;  color: #666 !important;  border-top: 1px dotted #999;   font-family: Soho;  font-size: 11px;}
.table thead th { border-bottom: 2px solid #f4f5f8; border-top: 0px;  background-color: white; white-space: nowrap;}
table.dataTable thead > tr { text-transform: uppercase; font-weight: 500; font-size: 11px; color: #777;}
.toggle-filter , .toggle-floor , .toggle-status  {   padding: 5px 10px;   cursor: pointer;}
.loading {	height: calc(100%);    background: white;    margin: 0px;    padding: 0px;    position: fixed;    z-index: 1000000000;    width: 100%;	overflow: hidden !important;}
.loader,.loader:after {  border-radius: 50%;  width: 10em;  height: 10em;}
.loader {    margin: 90px 0px 0px 31%;    font-size: 8px;    position: relative;    text-indent: -9999em;    border-top: 1.1em solid rgba(71, 83, 114, 0.6);    border-right: 1.1em solid rgba(71, 83, 114, 0.6);    border-bottom: 1.1em solid rgba(71, 83, 114, 0.6);    border-left: 1.1em solid rgba(71, 83, 114, 1);    -webkit-transform: translateZ(0);    -ms-transform: translateZ(0);    transform: translateZ(0);    -webkit-animation: load8 1.1s infinite linear;    animation: load8 1.1s infinite linear;}
.btn-sm {    padding: 5px 8px;    height: 30px;}
.m-badge.m-badge--warning { background-color: #ffb822 !important;}
.m-badge.m-badge--danger  { background-color: #f4516c !important;}