html.ios {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
html.ios,
html.ios body {
  height: initial !important;
}

/*-------------- Sidebar ---------------*/
#csidebar{ 
  padding-top: 52px;
}

#csidebar * {
  will-change: transform;
}

/*-------------- Navbar ---------------*/
#cnavbar {  /*z-index: 10;*/
  /* background-color: #00558b; */
  background-color: #2d2d2d;
  z-index: 900;
}

/*--------------- cbody ----------------*/
#cbody{   
  /* padding-top: 52px; */
  padding-bottom: 12px;
  min-height: -moz-calc(100vh - 160px);/*  Firefox */
  min-height: -webkit-calc(100vh - 160px);/*  WebKit */
  min-height: -o-calc(100vh - 160px);/*  Opera */
  min-height: calc(100vh - 160px); /* Standard */
  height: auto;
  width: auto;
}
/*-------------- footer ---------------*/
#cfooter {
  clear:both;
  margin: 0px;
/*  padding-top: 10px;
  padding-bottom: 10px;*/
  height: 160px;
}

#cfooter .container {
  position: relative;
  padding: 0px;
}

.footContent{
  padding-top: 15px;
  padding-bottom: 20px;
}

/*------------TIPO DE POSITION-------------*/ 
.posA { position: absolute !important; z-index: 1;}
.posF { position: fixed !important } /*relative esta por defecto */

/*----------------ALINEADO DE DIV--------------------------*/
.rA {right:0 !important}; /*para absolute*/
.rF {float: right !important}; /*para relativo*/

/*----------------ALINEADO DE TEXTO-----defecto derecha--*/
.tac {text-align: center !important };
.tar {text-align: right !important };
.tal {text-align: left !important };

/*------------MARGEN Y PADDING-------------*/ 
.p0 { padding: 0px !important }; /*padding-reset */
.m0 { margin: 0px !important };
.m5 { margin: 5px !important };
.m10 { margin: 10px !important };
.mb5 { margin-bottom: 5px !important };
.p5 { padding: 5px !important };
.p8 { padding: 8px !important };
.p10 { padding: 10px !important };
.p25 { padding: 25px !important };

.hidden{ display: none !important}
/*------------COLORES DISTINTOS-------------*/ 
.shortRed{ color: #D26C6C;}

.col_ping1 {background-color: #FFA8FA !important }
.col_gre0 {background-color: #E2FFE4 !important }
.col_excel  {background-color: #00823B !important; color:#fff !important; }

.col_gre1  {background-color: #B2ED9E !important}
.col_blu1  {background-color: #DAEAF6 !important}
.col_yel1  {background-color: #EDE5B6 !important}
.col_red1  {background-color: #EDAAAA !important}
.col_ora1  { background-color: #FF9B44 !important; color:#fff !important; }
.col_red5  {background-color: #EF5350 !important}
.col_ver5  {background-color: #26A69A !important}
.col_pur1  {background-color: #bd92e8 !important} /*purple*/

.col_333  {background-color: #333 !important}
.col_999  {background-color: #999 !important}
.col_ddd  {background-color: #ddd !important}
.col_eee  {background-color: #eee !important}
.col_ccc  {background-color: #ccc !important}

/*-------ESTILOS DE TEXTO-------------------*/ 
.breaktext *{overflow-wrap: break-word !important;}
.wraptext { text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.upper {text-transform:uppercase !important; }

.ui.sidebar{
  padding-top: 120px;
}

/*------------otras clases-------------*/ 
.br0 {border-radius: 0px !important}

.greyBorder{
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 2px solid #d1d1d1;
}
.error1{
  background-color: red;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border: 1px solid #FF6161;
}

.ui.message{
  padding: 40px !important;
}

.highcharts-credits {
  visibility: none !important;
  display: none !important;
}
/*****-  Global -*********/

/* Regular */
/*@font-face {
  font-family: 'Lato';
  src:
    url(/fonts/lato/Lato-Regular.woff2) format('woff2')
  ;
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Lato';
  src:
    url(/fonts/lato/Lato-Italic.woff2) format('woff2')
  ;
  font-style: italic;
  font-weight: normal;
}*/

/* Bold */
/*@font-face {
  font-family: 'Lato';
  src:
    url(/fonts/lato/Lato-Bold.woff2) format('woff2')
  ;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Lato';
  src:
    url(/fonts/lato/Lato-BoldItalic.woff2) format('woff2')
  ;
  font-style: italic;
  font-weight: 700;
}*/