/**
* @copyright Copyright (C) 2017 Equipos Telemo E.T. S.A.
* @author Alexander Carballo Barrera - contacto @  alexandercarballo.com.ve
* @link http://www.telemo.com.ve - acarballo @ iconos.com.ve
*/
/**
* @copyright Copyright (C) 2014 Animaciones Iconos, C.A.
* @author Animaciones Iconos - Alexander Carballo Barrera.
* @link http://www.iconosgroup.net - acarballo@iconos.com.ve
*/


html, body { height: 100% } /* para mantener el pie pegado abajo */
#todoAntesPie{ min-height: 50%; margin: 0; padding: 0 } /* para mantener el pie pegado abajo */
#pie{ margin-top: 20px; margin-bottom: 0; padding: 15px 15px }}


/* PONER LOS MEDIA PRIMERO PARA QUE TOME LOS ESTILOS SIN ELLOS (imgCargando) */
@media (max-width: 768px) { /* xs */
  .imgCargando { top: 33%; left: 33%; }
}

@media (min-width: 769px) { /* > 768  sm > */
  .imgCargando{ top: 43%; left: 43% }
}

.imgCargando{ display: none; position: fixed;  z-index: 1000 }

.navbar-inverse {  /* !important */
  background-image: -webkit-linear-gradient(top, #ba1514 0%, #d60709 100%);
  background-image: linear-gradient(to bottom, #ba1514 0%, #d60709 100%
}

/* color al selecionar un drow del menu */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: rgba(47, 61, 105, 0.4); }

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{ color: #3D3434; }

.navbar-inverse .navbar-nav>li>a{ color: #090E31; }

.bg-success { background-color: #dff0d8; }

.navbar { margin-bottom: 20px; }

/* titulo barra nav */
.navbar-brand{ padding-right: 0 }

/* letras del menu desenfocadas en chrome */
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { text-shadow: 0 -0.5px 0 rgba(0,0,0,.25); }

/* enlaces de menu dropdown */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #333 }

/* ajustando los label al tamaño de la ventana */
.label { white-space: pre-wrap }

.pagination { margin: 5px 0 15px }

.tituloModal {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
	border-radius: 6px 6px 0 0;
}

.oculto { display: none }

/* switch bostra */
.bootstrap-switch-label { color: #686161 !important;; font-size: 13px !important;}



.labelGris { color: #5E6274 }

.dInherit { display: inherit }

.divCorridos{ float: left; margin-right: 15px }

/* boton del cursor de rango */
.ui-state-default { background-color: rgb(210, 226, 255); }

/* fondo rojo en caso de error */
.has-error { background-color: rgba(255, 0, 0, 0.17); border-radius: 5px }

.centerXY { vertical-align: middle !important; text-align: center !important; }


/* user/range_access oculta el icono de los elemtos padres */
.rangosPadres .iconTipoRango {display: none }

.liRangos li { margin: 5px; border-color:  #928E8E}
	
.liRangos li:hover{ 
	cursor: pointer;
 	transition:.1s; -webkit-transition:0.1s; -ms-transition: 0.1; 
 	transform: scale(1.02); -webkit-transform: scale(1.02); -ms-transform:scale(1.02, 1.02);
 	z-index: 1
}

.tBoton{
	color: #747474;
}
.tBoton:hover{ 
	color: #000000;
	font-weight: bold;
	cursor: pointer;
 	transition:.1s; -webkit-transition:0.1s; -ms-transition: 0.1; 
 	transform:scale(1.02); -webkit-transform: scale(1.02); -ms-transform:scale(1.02, 1.02);
}

.inline{ display: inline; }

.droppDestino{ padding-top: 2px; padding-bottom: 20px; min-height: 40px;}
.droppDestino li{ margin: 5px }

/* border al hacer drow */
.ui-state-hover { border-width: 2px; border: dotted; border-color: #F7FF38; }

.rrallado {
	background-color: #93B0B9;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.bg1si1no li:nth-child(2n) { background-color: rgba(225, 239, 243, 1) }
.bg1si1no li.bg-success { background-color: #dff0d8; }

.noSalt{ white-space: nowrap; }


.panel-default {
	border-color: #000;
}

.verPerfil{
	width: 300px;
}

/* clases de las validaciones en form javascript */
.required { }
.string { }
.email { }
.numMat { }
.numMatPos { }
.solonum { }
.selec { }
.radiocheck { }
.text { }

/*  Multi level dropdown menu BS3 http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3 */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* fin Multi level dropdown menu BS3*/
.check  { }