.clear:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
.display-flex{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }


body, html {min-height: 100%;}
body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.login-body{
	background-image: url('../img/bg-original.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 50% 50%;
}

.login-container{
	margin-top:100px;
}
	.login-container .image-link{
		display:block;
		margin:0 auto 40px;
		width:75%;
	}
	.login-container .image-link img{
		width:100%;
		max-width: 100%;
	}

		.login-form label{
			color:#fff;
		}


.header-container{
	background-image: url('../img/bg-original.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}
.header-invitado {
	height: 40px;
}
.header-invitado .navbar-right {
	margin-top: -15px;
}
.header-invitado .navbar-logo {
	margin-top: -10px;
}

	.navbar{
		margin-bottom:0;
	}
		.navbar-logo{
			width:90px;
			margin-top: 5px;
		}

		.navbar-default{
			background-color:transparent;
			border:none;
		}
			.navbar-default .navbar-nav>li>a {
				color: #fff;
				border-bottom: 4px solid rgba(0,0,0,0);
	    	}
				.navbar-default .navbar-nav>li>a:hover {
					color: #fff;
					background-color: rgba(0,0,0,0.3);
					border-bottom: 4px solid white;
				}
	    	.navbar-default .navbar-nav>.active>a,
				.navbar-default .navbar-nav>.active>a:focus,
				.navbar-default .navbar-nav>.active>a:hover {
			    color: #fff;
			    background-color: #000;
			    background-color: rgba(0,0,0,0.5);
					border-bottom: 4px solid white;
			}

		.navbar .user-link span{
			margin-right:5px;
		}


	.navbar-default .navbar-toggle {
    	border-color: #fff;
	}
		.navbar-default .navbar-toggle:focus,
		.navbar-default .navbar-toggle:hover {
			background-color: #fff;
		}
		.navbar-default .navbar-toggle .icon-bar {
		    background-color: #ddd;
		}
.user_bar {
	background: #000000;
	color: #FFFFFF;
	padding: 10px;
}

/* CONTENIDOS */
.content-cabecera{
	margin-bottom:30px;
	flex-wrap: wrap;
}
	.content-cabecera h1,
	.content-cabecera h2 {
		width:100%;
		color: #603d7d;
    text-transform: uppercase;
    font-size: 2em;
	}
	.content-cabecera h2{
    font-size: 1.6em;
	}
	.content-cabecera h1 small {
		display: block;
	}
	.content-cabecera .cabecera-filters{
		width:100%;
	}

.table-header,
.table-row{
	padding:10px 0;
	border-bottom:2px solid #999;
}

	.table-header {
		background-color:#eee;
		display:none;
		padding:10px 12px;
		font-weight: 400;
	}

	.table-container{
		flex-wrap: wrap;
	}
		.table-row{
			width:100%;
			text-transform: uppercase;
		}
		.small-box{
			width:100%;
			background-color:#f3f2f8;
			border:1px solid #dedede;
			padding: 8px;
			margin-bottom: 20px;
			float:none;
		}
		.small-box:nth-child(odd) {
			background-color: #F7EDF4;
		}
		.small-box .alert {
			text-transform: none;
		}
		.small-box.alert-danger,
		.alert-danger{
			background-color: #FBD7D7;
			border:1px solid #DA9191;
		}
		.small-box.disabled {
			background-color: #DDD;
			cursor: not-allowed;
		}
			.table-cell-heading{
				width:40%;
				float:left;
			}
			.table-cell-content{
				width:60%;
				margin:10px 0;
				float:right;
			}
				.table-cell-content p{
					margin:0;
					padding-right: 5px;
				}
		.table-link {
			text-decoration: underline;
		}

		.prioridad-cont{
			width:90px;
			display:inline-block;
		}
			.prio-box{
				display:inline-block;
				width:33%;
				height:10px;
			}
				.pverde{background-color:#4ee086;}
				.pamarillo{background-color:#fafc02;}
				.projo{background-color:#fc0031;}

	/*  FORMULARIOS USUARIOS */
	.form-container{
		padding:30px 0;
		border-radius: 5px;
		border:1px solid #dedede;
	}
		.form-group{margin-bottom:20px;}


/* Vínculos en alerts */
.alert a {
	text-decoration: underline;
}
/* Botones sin underline */
a.btn {
	text-decoration: none !important;
}

	/* PAGINACION */
	.page-pagination{
		clear:both;
	}

/*-----------------------------------------------------------------------------------*/
/*	DETALLE
/*-----------------------------------------------------------------------------------*/
	.cabecera-detalle{
		margin-bottom:10px;
	}
	.orden-detalle{
		background-color:#eff5f5;
		border:1px solid #bbb;
		border-radius: 10px;
	}
		.orden-detalle-fila{
			border-bottom:#bbb;
			flex-wrap:wrap;
			justify-content: flex-end;
		}
			.form-group:nth-child(3){border-bottom:1px solid transparent;}
			.orden-detalle-celda{
				width: 100%;
			    padding: 12px;
			    border-bottom: 1px solid #bbb;
				border-right: 1px solid transparent;
			}

			.no-border{border-bottom: 1px solid transparent !important;}

			.orden-detalle-celda label {
			    width: 100%;
			    margin-bottom: 0;
			}
				.orden-detalle-celda textarea{
					height:100px;
				}
			.btn-pdf{
				color: #fff;
			    /*
				background-color: #80C4E8;
			    border-color: #6db7de;
				*/
			    margin-right:10px;
			}
			.btn-guardar{
				color: #fff;
			    /*background-color: #2b3d47;
			    border-color: #2b3d47;*/
			}
			/*.btn-pdf:hover, .btn-guardar:hover:hover {color: #ccc;}*/

		.comentario-asunto{
			flex-wrap:wrap;
		}
		.contenedor-comentarios{
			max-height:400px;
			overflow: auto;
		}
			.comentario-asunto input{
				margin-bottom:5px;
			}

			.comentario{
				border: 1px solid #008fcb;
				border-radius: 5px;
				margin-bottom: 15px;
			}
				.comentario-head{
					background-color: #008fcb;
					padding: 5px;
				}
					.comentario-head h2{
						font-size: 1em;
					    color: #f5f5f5;
					    margin: 0;
					    text-transform: uppercase;
					    padding-right: 5px;
					    line-height: 1.2;
					}
					.comentario-head h2 span{
						text-transform: none;
						font-size:0.75em;
					}
				.comentario-cuerpo{
					padding: 10px;
				}
					.comentario-cuerpo ul{
						font-size:0.75em;
						color:#666;
						margin:0;
						padding:0;
					}
						.comentario-cuerpo ul li{
							display:inline;
						}
		.comentarios-resueltos .comentario{
			border-color:#999;
		}
			.comentarios-resueltos .comentario-head{
				background-color:#999;
			}

/*-----------------------------------------------------------------------------------*/
/*	Formularios Pagina detalle
/*-----------------------------------------------------------------------------------*/
.horario-container{
	justify-content: flex-start
}
.form-control.sm{
	width:auto;
	margin-right:10px;
}
input[type='text'].form-control,
input[type='email'].form-control,
input[type='tel'].form-control,
textarea.form-control {
	text-transform: uppercase;
}
input[type='checkbox'].form-control {
	width: 10%;
	margin-left: -3%;
}

.direcciones-list{
	margin-bottom:30px;
}
.lista-direcciones{
	border:1px solid #e5e5e5;
	border-radius:5px;
	padding:0;
	margin:0;
}
	.lista-direcciones li {
	    border-bottom: 1px solid #e5e5e5;
			align-items:flex-start;
	}
		.lista-direcciones li p,
		.lista-direcciones .dire-options{
			padding:10px;
		}
		.lista-direcciones li p{
			width:80%;
			margin:0;
			border-right: 1px solid #e5e5e5;
		}
		.lista-direcciones .dire-options{
			width:35%;
			text-align:right;
		}
		.lista-direcciones .dire-options .btn{
			padding: 3px 5px;
		}

.toggle{
	padding:12px;
}
.toggle label{
	cursor: pointer;
	margin:0;
}
.toggle input[type=checkbox] {
   display:none;
}
	.toggle .toggle-switch{
		font-size:1em;
		font-weight:normal;
	}
	.toggle .toggle-switch:before{
		font-size:1.5em;
		content: "\f204";
		font-family: "FontAwesome";
		speak: none;
		font-style:normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		width: 1.25em;
		display:inline-block;
		margin-right:5px;
	}
	.toggle input[type=checkbox]:checked + .toggle-switch:before{
		content: "\f205";
		color: #337ab7;
	}
.usuarios-list p {
	text-transform: uppercase;;
}
.usuarios-list .table-row {
	padding: 0.05em 1em;
}
.usuarios-list .table-row:nth-child(even) {
	background-color: rgba(245, 233, 233, 0.5);
}
/*-----------------------------------------------------------------------------------*/
/*		/* ESTILOS DE ESTADOS */
/*-----------------------------------------------------------------------------------*/
	.estado_-1 {
		color: white;
		background-color: rgb(185, 36, 36);
		border-color: rgb(187, 14, 14);
	}
	.estado_opacity_-1 {
		background-color: rgba(185, 36, 36, .05) !important;
	}
	.estado_0 {
		color: white;
		background-color: rgb(150, 150, 150);
		border-color: rgb(110, 110, 110);
	}
	.estado_opacity_0 {
		background-color: rgba(150, 150, 150, .05) !important;
	}
	.estado_1 {
		color: white;
		background-color: rgb(1, 146, 255);
		border-color: rgb(0, 111, 194);
	}
	.estado_opacity_1 {
		background-color: rgba(1, 146, 255, .05) !important;
	}
	.estado_2 {
		color: white;
		background-color: rgb(106, 1, 192);
		border-color: rgb(85, 5, 150);
	}
	.estado_opacity_2 {
		background-color: rgba(106, 1, 192, .05) !important;
	}
	.estado_3 {
		color: white;
		background-color: rgb(0, 183, 91);
		border-color: rgb(2, 135, 68);
	}
	.estado_opacity_3 {
		background-color: rgba(0, 183, 91, .05) !important;
	}
	.estado_4 {
		color: white;
		background-color: rgb(0, 104, 138);
		border-color: rgb(3, 77, 101);
	}
	.estado_opacity_4 {
		background-color: rgba(0, 104, 138, .05) !important;
	}
	.estado_5 {
		color: #953303 !important;
		background-color: rgb(254, 208, 0);
		border-color: rgb(231, 168, 8);
	}
	.estado_opacity_5 {
		background-color: rgba(254, 208, 0, .05) !important;
	}
	.estado_6 {
		color: white;
		background-color: rgb(255, 177, 4);
		border-color: rgb(222, 122, 4);
	}
	.estado_7 {
		color: rgb(102, 67, 10);
		background-color: rgb(255, 154, 50);
		border-color: rgb(222, 122, 4);
	}
	.estado_8 {
		color: white;
		background-color: rgb(255, 0, 0);
		border-color: rgb(198, 3, 3);
	}
	.estado_opacity_6,
	.estado_opacity_7 {
		background-color: rgba(255, 138, 0, .05) !important;
	}
	.estado_opacity_8 {
		background-color: rgba(255, 0, 0, 0.05) !important;
	}
	.estado_9 {
		color: white;
		background-color: rgb(255, 0, 160);
		border-color: rgb(213, 3, 135);
	}
	.estado_opacity_9 {
		background-color: rgba(255, 0, 160, .05) !important;
	}
	.estado_10 {
		color: white;
		background-color: rgb(0, 205, 199);
		border-color: rgb(0, 205, 199);
	}
	.estado_opacity_10 {
		background-color: rgba(0, 205, 199, .05) !important;
	}
	.estado_opacity_iniciada {
		background-color: rgba(255, 138, 0, .05) !important;
	}
	.estado_opacity_finalizada  {
		background-color: rgba(146, 255, 189, .2) !important;
	}
	@keyframes pendiente_anim {
    from {background-position: 0 0;}
    to {background-position: -40px 0;}
	}

a.disabled {
	opacity: 0.3 !important;
	background-color: #444;
	border-color: #444;
	color: #BBB;
}
.estado-btn {
	top:-4px;
	overflow: hidden;
	padding: 5px;
}
.btn-group ul {
	text-transform: none;
}

.ot-numero {
	font-size: 0.9em;
}

	/* Para que el sub menu se abra hacia la izquierda*/
	/*
.contenedor-boton-actions .dropdown-submenu{
		float: left!important;
	}
*/


	.estado-btn.pendiente {
		animation-name: pendiente_anim;
		animation-duration: 1s;
    animation-iteration-count: infinite;
		animation-timing-function: linear;
		opacity: .9;
	}
	.estado-btn.pendiente.progress-bar, .estado-btn.btn {
		text-align: left;
		width: 95%;
		position: relative;
	}
	.estado-btn.btn span.fa-caret-down,
	.estado-btn.btn span.fa-clock-o,
	.estado-btn.btn span.fa-check,
	.estado-btn.btn span.fa-exclamation-triangle,
	.estado-btn.btn span.fa-refresh {
		position: absolute;
		top: 6px;
		right: 6px;
		font-size: 1.6em;
	}
	.estado-btn.btn span.fa-caret-down {
		right: 8px;
		font-size:1.3em;
	}
	.estado-btn.btn span.fa-refresh{
		font-size:1.3em;
	}
	.estado-btn.btn span.fa-check{
		font-size:1.2em;
	}
	.estado-btn.btn span.fa-exclamation-triangle{
		font-size:1.2em;
	}
	.ordenes-alert{ display:none; clear: both; margin-bottom: 0; border-radius: 0; }

	/* La cabecera de los informes y las ordenes */

	.content-cabecera.cabecera-ordenes h1,
	.content-cabecera.cabecera-informes h1
	{
		width: 100%;
	}
	.content-cabecera.cabecera-ordenes .cabecera-filters,
	.content-cabecera.cabecera-informes .cabecera-filters
	{
		width: 100%;
	}
	.content-cabecera.cabecera-ordenes .filter_title,
	.content-cabecera.cabecera-informes .filter_title
	{
		margin-right: 10px;
		margin-left: 10px;
	}
	.content-cabecera.cabecera-ordenes .display-flex,
	.content-cabecera.cabecera-informes .display-flex
	 {
		align-items: flex-end;
		flex-wrap: wrap;
	}

/*
# los botones de los listados
*/
.list-btn {
	font-size: 1.5em;
	line-height: 100%;
}

/*
# Los badges del listado
*/
.badge {
	cursor: help;
}
.comentario-holder {
	font-size: 0.7em;
	color: rgb(233, 64, 64);
}
.comentario-pendiente,
.despacho-parcial,
.vb-asignado {
	background-color: rgb(233, 64, 64);

	padding: 8px;
	margin-top: -3px;
}

/*
# El tooltip
*/
.tooltip .tooltip-inner {
	padding: 8px;
	background-color: #F2BFBF;
	color: #222;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #F2BFBF;
}
/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
.footer{
	height:100px;
}
/* MEDIA QUERIES */

@media (min-width: 640px) {
	.container {
		width: 98%;
	}
}
@media (min-width: 768px) {
	.show-mq{ background:red; }
	.navbar-nav>li>a {
	    padding-top: 25px;
	    padding-bottom: 25px;
	}

/* CONTENIDOS */

	.content-cabecera{
		margin-top:30px;
		flex-wrap: wrap;
	}
		.content-cabecera h1{
			/*width:60%;*/
		    font-size: 2.5em;
		    line-height: 1;
		    margin:0;
		}
		.content-cabecera h2 {
			font-size: 1.8em;
			line-height: 1;
			margin:0;
		}
		.content-cabecera .cabecera-filters{
			/*width:40%;*/
			justify-content:flex-end;
		}
			.cabecera-filters form{
				margin-left:5px;
			}

	/* Tabla home */
	.small-box{
		width:49%;
		margin-right:2%;
		margin-bottom: 20px;
		float:left;
	}
	.small-box:nth-child(2n){
		margin-right:0;
	}
		.table-cell-heading{
			width:60%;
			float:left;
		}
		.table-cell-content{
			width:40%;
			padding-right:5px;
			float:right;
		}
	.full-box,
	.full-box .table-row {
		width: 100%;
	}

	.orden-detalle-fila {
	    border-bottom: 1px solid #bbb;
	    flex-wrap: nowrap;
	}
		.orden-detalle-fila:nth-child(6){
			border:none;
		}
	.orden-detalle-celda {
	    width: 33%;
	    border-bottom: 1px solid transparent;
	    border-right: 1px solid#999;
	    display: flex;
	    align-items: center;
	}
		.orden-detalle-celda:nth-child(3),
		.orden-detalle-celda.no-border {
			border-right:none;
		}
	.orden-detalle-celda label {
	    width: 30%;
	}
	.orden-detalle-celda input,
	.orden-detalle-celda select {
	    width: 70%;
	}
	.orden-detalle-celda.last{
		width: 100%;
		flex-wrap:wrap;
	}
	.orden-detalle-celda input:invalid {
		background-color: rgb(242, 222, 222);
	}

	/*Detalle orden*/
	.comentario-asunto {
	    flex-wrap: nowrap;
	}
		.comentario-asunto input {
		    margin-bottom: 0;
		}
		.comentario-asunto select {
		    width: 50%;
		    margin-left: 20px;
		}
		.colorpicker-component .form-control {
			width: 90%;
			float:right;
		}
}




@media (min-width: 980px) {
	.container {
		width: 98%;
	}
	.table-row .table-cell {
		font-size: 0.9em;
	}
	.table-row .table-cell .ot-numero {
		font-size: 1em;
	}
	.small-box {
		padding: 5px;
	}

}
@media (min-width: 1024px) {
	.container {
		width: 100%;
	}
	.estado-btn {
		left:0;
	}
	.show-mq{background:blue;}

	.table-header {
		display:block;
		font-size: .9em;
	}

	.small-box{
		width:100%;
		margin-right:0;
		margin-bottom: 0;
		float:none;
	}

		.table-cell-heading{
			display:none;
		}
		.table-cell-content{
			width:100%;
			float:none;
		}
		.perc2	{width:2%;float:left;}
		.perc3	{width:3%;float:left;}
		.perc4	{width:4%;float:left;}
		.perc5	{width:5%;float:left;}
		.perc6	{width:6%;float:left;}
		.perc7	{width:7%;float:left;}
		.perc8	{width:8%;float:left;}
		.perc9	{width:9%;float:left;}
		.perc10 {width:10%;float:left;}
		.perc11 {width:11%;float:left;}
		.perc12 {width:12%;float:left;}
		.perc13 {width:13%;float:left;}
		.perc14 {width:14%;float:left;}
		.perc15 {width:15%;float:left;}
		.perc16 {width:16%;float:left;}
		.perc17 {width:17%;float:left;}
		.perc18 {width:18%;float:left;}
		.perc19 {width:19%;float:left;}
		.perc20 {width:20%;float:left;}
		.perc21 {width:21%;float:left;}
		.perc22 {width:22%;float:left;}
		.perc23 {width:23%;float:left;}
		.perc24 {width:24%;float:left;}
		.perc25 {width:25%;float:left;}
		.perc30 {width:30%;float:left;}
		.perc35 {width:35%;float:left;}
		.perc40 {width:40%;float:left;}
		.perc45 {width:45%;float:left;}
		.perc50 {width:50%;float:left;}
}
@media (min-width: 1200px) {
	.show-mq{background:yellow;}
	.container {
		width: 100%;
	}
	.table-row .table-cell {
		font-size: 1em;
	}
}

/*
Submenú en botones para Boostrap (no viene por defecto en esta versión)
*/
.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 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:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.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;
}

/* Nuevos estilos */
.form-container input, 
.orden-detalle-celda input, 
.orden-detalle-celda textarea {
	text-transform: unset !important;
}