/* Configuración colores nav bar */
.navbar-inverse{
	background-image: none !important;
    background-color: #08298A !important;
}
.navbar-inverse .navbar-nav>li>a{
	color: #FFFFFF !important;
}
.navbar-inverse .navbar-brand{
	color: #FFFFFF !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a{
	background-image: none !important;
    background-color: #0101DF !important;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color: #0101DF !important;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-nav>li>a:hover{
	background-color: #0101DF !important;
}

/*ul.nav li:hover > ul.dropdown-menu {
	display: block;
}*/

/* Fin configuración nav bar */


.textarea{
	resize: none;
	height: 80px;
	width: 250px;
}
.textarea3{
	resize: none;
	height: 80px;
	width: 100%;
}
#nuevoS13,#nuevoS23,#nuevoS33{
     resize: none;
}
.typeahead{
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.twitter-typeahead{
    width: 100%;
}
.tt-menu{
    background-color: #FFF !important;
    width: 100% !important;
}
.tt-open{
    width: 100% !important;
}
.tt-suggestion{
    text-align: left !important;
}

/* Configuración global */
#nombreC{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

#nombreCsp{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    /*text-align: left;*/
}

#listarServiciosPendientes .modal-content .modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#error,#errorHora,#errorMSp,#errorMSp0,#errorUser,#errorPass{
	display: none; 
	color: red;
}

html,body{
    width: 100%;
    margin: 0; 
  	padding: 0; 
  	text-align: center;
}

body{
	margin-bottom: 60px;
	display: table;
}

footer{
	position:fixed;
   	left:0px;
   	bottom:0px;
   	height:50px;
   	width: 100%;
   	z-index: 10;
}

footer .alert-info,footer .alert-info-login{
	background-image: none;
	background-color: #08298A;
	color: #FFFFFF;
	width: 100%;
}

footer .alert-info p {
	text-align: center;
	/*margin-top: -1em;*/
}

footer .alert-info-login p {
	text-align: center;
}

/*input{
	text-transform: lowercase;
}*/

.container .alert{
	position: absolute;
    margin-top: 5em;
    width: 80%;
    padding-left: 0;
}

#alertaMensaje,#alertaMensajeError,#mensajeError{
    padding-left: 5em;
    padding-right: 5em;
    padding-bottom: 2em;
    margin-top: 5em;
    margin-left: 10%;
    width: 80%;
}

#containerLogin h2{
	color: #FFFFFF !important;
}

.container h2{
	margin-top: 5em;
}

.container #sub h2{
	color: #000000 !important;
}

.container #submenu{
	margin-bottom: 1em;
}

.container #submenuS{
	margin-bottom: 4em;
}

.contenido{
	margin-top: 5em;
}

#pindex{
	text-align: justify;
}

.btnaccion {
    white-space: normal !important;
    word-wrap: break-word;
    margin-top: 1em;
    margin-bottom: 1em;
}

label {
	width: 100%;
}

#btnEstadoActivo, #btnEstadoDescanso, #btnEstadoInactivo{
	margin-right: 2px;
	width: 0px !important;
}

label:hover {
	background-color: #7AA3CC;
	color: #FFFFFF;
}

#btnEstadoActivo:hover, #btnEstadoDescanso:hover, #btnEstadoInactivo:hover{
	background-color: #5bc0de;
}

.btn-primary.active, .btn-primary:active, #btnEstadoActivo:active{
	background-color: dodgerblue !important;
}

.btn-primary.active, .btn-primary:active, #btnEstadoDescanso:active{
	background-color: dodgerblue !important;
}

.btn-primary.active, .btn-primary:active, #btnEstadoInactivo:active{
	background-color: dodgerblue !important;
}

#login{
	margin-top: 5em;
}

#login table>tbody>tr{
	height: 5em;
}

#datos{
	margin-top: 5em;
	margin-bottom: 3em;
}

#datos table>tbody>tr{
	height: 5em;
}

#datosServicios,#datosServiciosB,#datosClientes,#datosClientesB,#datosMoviles{
	margin-top: 2em;
	/*argin-bottom: 5em;*/
}

#datosServicios table>tbody>tr{
	height: 5em;
}

.inputBuscar{
	/*margin-bottom: 2em;
    margin-top: 2em;*/
    margin-right: 0.5em;
}

.inputBuscarS{
    margin-right: 0.5em;
    margin-top: 5.5em;
}

#logo{
	margin-top: 2em;
	min-width: 200px !important;
    min-height: auto !important;
    position: relative;
}

#logofooter{
	margin-top: -2em;
	min-width: auto !important;
    min-height: auto !important;
}

.dislibre{
	color:green;
	text-align: left !important;
}

.disocupado{
	color:red;
}

.bcklibre{
	background-color: green;
}

.bckocupado{
	color:red;
}

.modal-header{
	background-color: #08298A;
}

.modal-header .modal-title{
	color: #FFFFFF;
}

#descripcionCalendario{
	text-align: left;
    padding-left: 10%;
}
.errorInput{
	display:none;
	color:red;
}
/* Fin configuración global */

.bootstrap-select .dropdown-menu .dropdown-menu {
	max-height: 500px !important;
}

/* Configuración sección mapa */

 #wrapper {
 	min-width: 100%;
     min-height: 73%;
     height: 73%;
     width: 100%;
     position: absolute;
     top: 0px;
     left: 0;
 }
 #main-wrapper {
 	margin-top: 4em;
     height: 90%;
     overflow-y: auto;
     padding: 0px !important;
 }

 #main {
     position: relative;
     height: 95%;
     width: 100%;
     overflow-y: auto;
 }
#sidebar-wrapper {
 	margin-top: 4em;
 	height: 90%;
 	padding: 0px !important;
}
#sidebar {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	/*margin-bottom: 3em;*/
	padding-left: 1em;
	/*padding-right: 1em;*/
 }

#tmoviles{
	position: absolute;
    right: 5px;
    top: 40px;
    z-index: 100;
    width: 30px;
    height: 25px;
    border: 2px solid;
    border-color: white;
    border-radius: 10px;
    background-color: #7c99bd;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
}

#cmoviles{
	position: absolute;
    left: 8px;
    top: 60px;
    z-index: 100;
    width: 280px;
    height: 555px;
    border: 2px solid;
    border-color: white;
    border-radius: 10px;
    background-color: white;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: small;
}

#listcola{
	margin: 0px;
    overflow-y: auto;
    height: 650px;
}

#mapdiv{
	height: 100%;
	width: 100%;
	z-index: 1;
}
#mapdiv #OpenLayers_Map_2_OpenLayers_ViewPort{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;

}.olControlAttribution{
	bottom: 0px !important;
}

#datosCola,#datosSP,#datosHistorial{
	font-size: 11px;
}
#datosCola td, #datosSP td, #datosHistorial td{
	padding: 5px !important;
}
#datosCola caption, #datosSP caption, #datosHistorial caption{
	text-align: center;
}

/*#tablaCola,#tablaServicios{
	min-height: 50%;
    max-height: 50%;
    overflow-y: auto;
}*/
/* Configuración sección mapa */

/* Configuraciones pantalla vertical */
@media all and (orientation:portrait) {
		/* Large desktop */
	@media (min-width: 1200px) {

	}
	 
	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {

	}
	 
	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {

	}
	 
	/* Landscape phones and down */
	@media (max-width: 480px) {

	}
}

/* Configuraciones pantalla horizontal */
@media all and (orientation:landscape) {
	/* Condiguracion para televisor full hd */
	@media (min-width: 1800px) {
		/*#datosCola,#datosSP{
			font-size: 25px;
		}
		.col-lg-colatv {
			width: 50%;
		}
		.col-lg-mapatv {
			width: 50%;
		}
		.col-lg-sptv {
			display: none;
		}
		#checkboxD .bootstrap-switch .bootstrap-switch-container span {
			font-size: 25px;
		}*/
	}

	    /* Large desktop */
	@media (min-width: 1200px) {

	}
	 
	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {

	}
	 
	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {

	}
	 
	/* Landscape phones and down */
	@media (max-width: 480px) {

	}
}