[data-href]{
  cursor: pointer;

}




.readOnly {
   color:#808080;
}

.fa::after{
	content: '';
}

.navbar-db-custom{
	color: white;
	box-shadow: 0 4px 4px #eee;
}


.login-box, .register-box {
    width: 100%;
    margin: 0% auto;
}


.grupo{
	  color: #ffffff; 
	  background-color: #48a10c;
	  
}

.grupo td strong{
	font-size: small;
	font-weight: 500;
}

.colorfechahora{
	  color: #ffffff; 
	  background-color: #1c72a0;
}

.colorfechahora td strong{
	font-size: small;
	font-weight: 500;
}

/*strong{
	font-size: small;
	font-weight: 500;
}*/

/* esto estilo es para crear la fracion 1/2*/
.top { font-size: 70%; vertical-align: 0.7ex; } 
.bottom1 { font-size: 70%; vertical-align: -0.3ex; }

.color_prefijo{
	color:#F00;

		}

.table-letra{
	  font-size: 12px;
}

.menu-color{
	background-color:#3c8dbc;
	border-color:#e7e7e7;
	color:white;
}

.color-barra-eventos{
background-color:#3c8dbc;
	border-color:#e7e7e7;
	color:white;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: white;
    background-color: transparent;
  }
  
  .navbar-default .navbar-nav > li > a {
    color: white;
} 
.navbar-default .navbar-header > p > a {
    color: white;
} 


.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: white;
    background-color: transparent;
}
.navbar-default .navbar-brand {
    color: white;
    font-size: 18px;
}

body {
	background-color: #ecf0f5;
	
}

.body-chat-apuesta{
overflow-y: hidden;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #105e8366;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: white;
}

.navbar-nav .open .dropdown-menu {
    background-color: white;   
}

hr {
	margin-bottom: 5px;
	margin-top:0px;
}


.color-header {
    background-color: #ecf0f5;
  }


.my-error-class {
    color:#FF0000;  /* red */
}


 


/*PARA EL MENU DEL CHAT MOBIL*/
.nav-brand-style{
		margin-right: 30px;
		color: white;
		border-radius: 20px;
		padding: 5px;
		}

 .icono-style{
     padding: 0px;
     text-align: center;
     

 }

 .dv-label{
 	position: absolute;
top: 9px;
right: 7px;
text-align: center;
font-size: 9px;
padding: 2px 3px;
line-height: .9;
 }





#menu-chat .navbar-default .navbar-nav > li > a:focus, 
#menu-chat .navbar-default .navbar-nav > li > a:hover {
    color: white;
    background-color: #0e6c98;
}

#menu-chat .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0px;
    left: auto;
}

.talla-iconos-chat-menu{
	font-size:large;
}

.direct-chat-text-borde-msj {
    border: 1px solid #eaed75;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* para las funciones que aparecen debajo de cada mensaje*/
.chat .item div > span {
	font-size: smaller;
	color:#3f3b3bb3;
	margin-right: 20px;
	cursor: pointer;

}
.chat .item div > span > i {
	margin-right: 3px;
	
}

.right .direct-chat-text {
	background: #eaed75;
	
}

.right .direct-chat-text::after, .right .direct-chat-text::before{
	border-left-color: #eaed75;
}


.chat .item{
	   margin-bottom: 6px;
	   
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*Loading page*/
.jm-loadingpage {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: url('../image/cargando.gif') center no-repeat #fff;
	opacity: .8;
	
}





/**************************************************************
 PROBANDO MENU LATERAL
*/

.lateral-item-3 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: 30px;
	margin: 0 0 1px;
	position: relative;
	background: #2e323e;
	padding: 0 30px 0 37px;
	box-shadow: 0 1px 0 #3a3f4b inset;
	cursor: pointer;
	
}

.full-menu-wrapper-v3 {
	box-sizing: border-box;
	float: left;
	width: 100%;
}

.left-nav-view-v3 {
	box-sizing: border-box;
	float: left;
	width: 100%;
	transform: translate3d(0,0,0);
}

.left-nav-view-v3 > ul > li {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin: 0 0 1px;
}


.ancho_submenu_parley{
	width: 300px !important;
}

.quito-margen-bottom{
	margin-bottom: 0px !important;
}

.color-division{
	  background-color: #69d9f6;
}

.box-parley{
margin-bottom: -5px;
}

#menu-parley {
  background: rgba(0,0,0,0.9);
  width: 100%;
  height: 100px;
  position: fixed;
  z-index: 100;
}

/* esto estilo es para crear la fracion 1/2*/
.top { font-size: 70%; vertical-align: 0.7ex; } 
.bottom1 { font-size: 70%; vertical-align: -0.3ex; }

.color_prefijo{
	color:#F00;

		}

#menu234 {
	border: 0px solid #fff;
	position: absolute;
	width: 100%;

}

#menu234 .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
}

@media (min-width:768px){
	
	#menu234{
		float: right;
		position: relative;
	}

	
}


.encabezado-caja{
	background: #f2f2f2;
	color: #4c4c4c;
	padding: 3px !important;
	font-weight: bold;
}

#lstLogros tr td {
   font-family:tahoma,helvetica,Arial,verdana,sans-serif;
   font-size: 10px;
}



#lstLogros tr td strong > div {
   font-family:tahoma,helvetica,Arial,verdana,sans-serif;
   font-size: 12px;
}




@media (max-width:768px){

	#lstLogros tr td {
   font-family:tahoma,helvetica,Arial,verdana,sans-serif;
   font-size: 10px;
}

#lstLogros tr td strong > div {
   font-family:tahoma,helvetica,Arial,verdana,sans-serif;
   font-size: 10px;
}
}


.logo{
	font-weight: 700;
 
}

/***************************************/
/*coloca los check en forma de botones*/

   .btn_type_draw {
      margin: 6px 1%;
      background-color: #f7f2f2;
      font-weight: 400;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      overflow: hidden;
      float: left;
      color: #201f1f;
      width: 98%;
   }

   .btn_type_draw label {
      /*float:left;*/
      cursor: pointer;
      /*width:2.0em;*/
      margin-bottom: 0px !important;
      width: 100%;
   }

   .btn_type_draw label span {
      text-align: center;
      display: block;
      padding: 5px;
   }

   .btn_type_draw label input {
      position: absolute;
      top: 0px;
      visibility: hidden;
      /* display:none; */
   }

   .btn_type_draw input:checked+span {
      background-color: #0d4fec;
      color: white;
      text-transform: uppercase;
      transition: 0.3s;
   }

   .btn_signo_draw {
	margin: 6px 1%;
	background-color: #f7f2f2;
	font-weight: 400;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	float: left;
	color: #201f1f;
	width: 98%;
 }

 .btn_signo_draw label {
	/*float:left;*/
	cursor: pointer;
	/*width:2.0em;*/
	margin-bottom: 0px !important;
	width: 100%;
 }

 .btn_signo_draw label span {
	text-align: center;
	display: block;
	padding: 5px;
 }

 .btn_signo_draw label input {
	position: absolute;
	top: 0px;
	visibility: hidden;
	/* display:none; */
 }

 .btn_signo_draw input:checked+span {
	background-color: #0d4fec;
	color: white;
	text-transform: uppercase;
	transition: 0.3s;
 }