body 
{
  background-color: #f0f0f0;
  font-size: 14px;
  padding-top: 0 !important;
}

select option 
{
    font-size: 17px;
	font-family: 'Ruda', sans-serif;
    padding: 5px;
	text-decoration: none;	
}

.progress-bar-verde
{
      background-color: #88d161 !important;
}
.progress-bar-amarillo
{
      background-color: #eced8d !important;
}
.progress-bar-rojo
{
      background-color: #fb615a !important;
}

.modal-ku{
	width: 90%;
	top: 20px !important;			
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	
}

.modal-ku2{
	width: 80%;
	top: 20px !important;			
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	
}

.modal-ku3{
	width: 70%;
	top: 20px !important;			
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	
}

.modal-ku4{
	width: 98%;
	top: 20px !important;			
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	
}

.sidenav{
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  padding-top: 0px;
}

.main-footer
{
z-index: 1;
position: relative;	
}

.main{
  margin-left: 250px;
  min-height: 99vh;
  padding-top: 0px;
}

.contenedortools
{
  padding: 30px 10px 10px 10px;
}

.sidenav a 
{
  padding: 6px 6px 6px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #333333;
  display: block;
}

.sidenav a:hover 
{
  color: #000;
}

@media screen and (max-height: 450px)
{
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.sidebar li .submenu
{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-left: 1rem; 
	padding-right: 1rem;
}

.cardx
{
  background: white;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  padding: 20px 8px 8px 8px;
}

x1{color:#546160; font-size:16px;font-weight:normal;vertical-align: middle;}
x2{color:#92652f; font-size:18px;font-weight:normal;vertical-align: middle;}
x3{color:#92652f; font-size:16px;font-weight:normal;vertical-align: middle;}
x4{color:#70b3a6; vertical-align: middle;}
x5{color:#ffffff; font-size:18px;font-weight:bold;vertical-align: middle;}
x6{color:#7fabcf; font-size:18px;font-weight:bold;vertical-align: middle;}
x7{color:#5994a4; font-size:14px;font-weight:bold;vertical-align: middle;}
x8{color:#bbb; font-size:14px;font-weight:bold;vertical-align: middle;}
x9{color:#666666; font-size:18px;font-weight:bold;vertical-align: middle;}
x10{color:#608787; font-size:14px;font-weight:bold;vertical-align: middle;}
x11{color:#333333; font-size:12px;font-weight:normal;vertical-align: middle;}
x12{color:#693c07; font-size:12px;font-weight:normal;vertical-align: middle;}
x13{color:#fffc16; font-size:16px;font-weight:normal;vertical-align: middle;}
x29{color:#693c07; font-size:18px;font-weight:bold;vertical-align: middle;}
x30{color:#608787; font-size:12px;font-weight:bold;vertical-align: middle;}
x33{color:#92652f; font-size:14px;font-weight:normal;vertical-align: middle;}
x77{color:#c05642; font-size:14px;font-weight:normal;vertical-align: middle;}
x34{color:#608787; font-size:16px;font-weight:bold;vertical-align: middle;}
x44{color:#7c7327; vertical-align: middle;}
x35{color:#888; font-size:18px;font-weight:bold;vertical-align: middle;}
x36{color:#a46a64; font-size:18px;font-weight:bold;vertical-align: middle;}
x37{color:#a46a64; font-size:12px;font-weight:bold;vertical-align: middle;}
x38{color:#777; font-size:12px;font-weight:normal;vertical-align: middle;}
x39{color:#3a9ba1; font-size:12px;font-weight:bold;vertical-align: middle;}
x40{color:#fff; font-size:11px;font-weight:normal;vertical-align: middle;}
x48{color:#fff; font-size:12px;font-weight:normal;vertical-align: middle;}
x49{color:#999; font-size:12px;font-weight:normal;vertical-align: middle;}
x50{color:#666; font-size:14px;font-weight:normal;vertical-align: middle;}
x88{color:#43b101; font-size:14px;font-weight:normal;vertical-align: middle;}
x881{color:#43b101; font-size:16px;font-weight:normal;vertical-align: middle;}
x771{color:#c05642; font-size:16px;font-weight:normal;vertical-align: middle;}
x900{color:#444; font-size:18px;font-weight:normal;vertical-align: middle;}
x99{color:#999; font-size:18px;font-weight:bold;vertical-align: middle;}
x19{color:#b44545; font-size:16px;font-weight:normal;vertical-align: middle;}
x25{color:#c64a47; font-size:16px;font-weight:normal;vertical-align: middle;}
x26{color:#099229; font-size:16px;font-weight:normal;vertical-align: middle;}
x27{color:#a29224; font-size:16px;font-weight:normal;vertical-align: middle;}

x68{color:#828063; font-size:18px;font-weight:bold;vertical-align: middle;}
x69{color:#5d5b43; font-size:18px;font-weight:bold;vertical-align: middle;}
x70{color:#bbb;   font-size:18px;font-weight:normal;vertical-align: middle;}


.chat-room-head {
    background:#9fa1a1;
    color: #FFFFFF;
    min-height: 20px;
	padding: 5px 10px 5px 20px;
}

.chat-room-head h3 {
    margin: 5px 0 0;
    font-weight: 100;
    letter-spacing: 1px;
    display: inline-block;
}