/**************************************
bootstrap.css:
Hoja de estilos para el area administracion

Julio 2017 COLORAMA CLR2
***************************************/

/* Ajustes Bootstrap */

.container,
.container-fluid {
       width:100%;
	   padding:15px;
	   font-size:12px;
    }

/* Ajuste Chosen */

.columns .chosen-container, .column .chosen-container {
    width: 100% !important;
    margin-bottom: 1em;
}

.campo_invisible {
	width:1px;
	height:1px;
	border:none;
}
/* Estructura */

.responsive_in {
	display:none;	
}


.navbar-brand {
	display:none;	
}

.tabla_responsive {
	width:100%;
	overflow: scroll;
	overflow-y:hidden;
}

.dropdown-menu {
	z-index:9999;
	
}

#header .navbar-light {
	background-color:#008c9a;	
	color:#FFF;
	font-weight:700;
	font-size:1.1em;
	padding:3px 10px 3px 10px;
	border-radius: 10px;
}


#header a.nav-link:link,
#header a.nav-link:visited {
	color:#FFF;
}

.table-responsive {
    display: table;
}


.btn-primary {
	background-color:#008c9a;	
	border-color:#008c9a;
}

.btn-primary:hover {
	background-color:#0ab3c4;	
	border-color:#0ab3c4;
}

a.btn-primary:link,
a.btn-primary:visited {
	color:#FFF;
}

a.btn:link,
a.btn:visited {
	text-decoration:none;	
}

a.btn-success:link,
a.btn-success:visited {
	color:#FFF;	
}


.btn-gris {
	background-color:#CCC;
	border-color:#999;
	color:#333;
}



.breadcrumb {
	font-size:1.7em;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	border-radius: 0 !important;
  	-moz-border-radius: 0 !important;
  	padding-right:0;
 	padding-left:0;
}

.col {
	vertical-align:middle;
}
/*
.row img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
*/



.card {
	border:1px solid #008c9a;
}


.card-header {
	font-size:1.1em;
	font-weight:bold;	
	color:#008c9a;
}

.card-img-top {
	width:100%;
	height:100%;
}

.card-footer {
	text-align:right;
}

.card .chosen-container
{
  width: 100% !important;
}

/* Modal */

.modal-header {
	background-color:#008c9a;
	color:#FFF;
	border-radius: 5px 5px 0 0;
  	-moz-border-radius: 5px 5px 0 0;
	margin-bottom:0px;
	border-bottom-color: #666;
}


.modal-content {
	border-color: #666;
	border-radius: 0 0 5px 5px;
  	-moz-border-radius: 0 0 5px 5px;
	border-top:none;
	border-left:none;
	border-right:none;
}

.form-control::-webkit-input-placeholder { color:#CCC }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color:#CCC }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color:#CCC } /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color:#CCC }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color:#CCC }  /* Microsoft Edge */


/* filtros_index adaptaciones */
/*
.filtros_index .form-control {
	font-size:1em;	
}
*/

.filtros_index {
	border:1px solid #999;	
}

.filtros_index .card-header {
	font-size:1.3em;	
	background-color:#F0F0F0;
	color:#888;
	padding:10px;
}

.footer-crm {
	background-color:#F0F0F0;
	border:1px solid #999;
}


/* Toggle */

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0;border:1px solid #CCC;}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;border:1px solid #CCC;}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:98%;width:0;border:1px solid #CCC;background-color:#FFF;}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}





@media only screen and (max-width: 800px) {

.responsive_in {
	display:block;	
}

.responsive_out {
	display:none;	
}

	
/* Elementos a ocultar */
.header_right_data {
	display:none;
}
	
/* Elementos a mostrar */	
.navbar-brand {
	display:block;	
}


h1 {
	font-size:2.2em;	
}

h2 {
	font-size:1.9em;	
}

h3 {
	font-size:1.6em;	
}

.breadcrumb {
	font-size:1em;
	padding:5px;
	border:1px solid #F0F0F0;
	background-color:#F0F0F0;	
	margin:-15px -15px 20px -15px;
	
}

.modal-header {
	border:none;
	padding:15px;
}



.container,
.container-fluid {
	padding:15px 10px;	
}

.alert {
	padding:10px;	
}

.card-block {
	padding:10px;
}

.form-group {
	margin-bottom:10px;	
}

.form-group label {
	margin-bottom:5px;	
}
	
/* Ajustes nav */

#header .navbar-light {
	background-color:#FFF;	
	border-bottom:3px solid #008c9a;
	margin:0 -5px 0 -5px;
	font-weight:700;
	font-size:1.3em;
	padding:3px 10px 3px 10px;
	border-radius: 0;
}


#header li.nav-item {
	border-top:1px dotted #CCC;	
	padding:0px 10px 0px 10px;
}

#header a.nav-link:link,
#header a.nav-link:visited {
	color:#008c9a;
} 

#header a.nav-link:hover {
	color:#f48000;
} 


.navbar-toggler {
	margin-top:4px;	
}


img.logo_principal {
	height:40px;
	width:auto;
}
	
	
}