body{
	background-color:none;
	background-image:none;
	background-color: #F4F4F4;
}

label,input,textarea,button,select{
	font-size:inherit;
	line-height:inherit;
}

html,body,#layout{
	width:100%;
	height:100%;
}

#layout{
	background-color:#EEE;
	position:absolute;
	top:0;
	left:0;
	position:fixed;
}

#layout_header{
	height:100px;
	background-color: rgb(46, 69, 103);
	color:white;
	position:fixed;
	width:100%;
	z-index:300;
}

#layout_logo{
	text-align:center;
}
#layout_logo img{
	margin-top:10px;
}

#layout_menu_button{
	position:absolute;
	left: 20px;
	top:25px;
	font-size:3em;
}

#layout_menu{
	z-index:200;
	background-color:white;
	position:fixed;
	top:0;
	left:0;
	width:300px;
	height:100%;
	padding-top:100px;
	font-size:1.2em;
	font-weight:bold;
	border-right:1px solid #CCC;
	overflow-y:auto;
}
#layout_menu .iconify{
	margin-right:0.5em;
}

#layout_menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
#layout_menu>ul>li>ul>li a{
	padding: 0.2em 0.5em 0.2em 3em; 
	color: #666;
	font-weight:normal;
}

#layout_menu li{
	padding:0em;
	background-color:white;
}

#layout_menu li b{
	padding:1em 0.5em 0.5em 0.5em;
	display:block;
	color: #111;
}

#layout_menu li a{
	padding:1em;
	display:block;
	color: #111;
}
#layout_menu li a:hover{
	background-color:#EEE;
	text-decoration:none;
}

#layout_content{

	background-color: #F4F4F4;
	padding: 100px 0 0 300px;
}

.pad-h-1 {
	padding: 0 1em 0 1em;
}
.pad-h-2 {
	padding: 0 2em 0 2em;
}
.pad-h-3 {
	padding: 0 3em 0 3em;
}

.pad-1 {
	padding:1em;
}
.pad-2 {
	padding:2em;
}
.pad-3 {
	padding:3em;
}
.mr-05{
	margin-right: 0.5em;
}


.mr-1{
	margin-right:1em;
}


.mr-2{
	margin-right:2em;
}

h1 {
	font-size:2em;
	color: #000;
}

h1,h2,h3{
	color: #000;
}

.bg-white{
	background-color:white;
}

.lcard{
	border:1px solid #AAA;
	border-radius:4px;
}

.top-edit-bar {
	font-size:auto;
	padding:1em;
	background-color: #f4f4f4;
	border-bottom:1px solid #AAA;
}

.data-table{
	border:0;
	padding:0 !important;
	margin:0;
	width:100%;
}

.new-table-alert{
	color: #111;
	background-color: #dbdf70;
	padding:1em;
	-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.36); 
	box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.36);
}

.new-table{
	color:black;
	width:100%;
	background-color:#111;
	border:1px solid #111;
	border-radius: 4px;
	/*overflow:hidden;*/
}

.new-table tbody{
	border-top:1px solid #888;
}
.new-table thead th{
	background-color:#EEE;
	text-align:left;
}

form{
	margin:0;
}

.new-table>tbody>tr{
	background-color: #ffffff;
}

.new-table-stripped>tbody>tr>{
	background-color: #ffffff;
}
.new-table-stripped>tbody>tr:nth-child(odd){
	background-color: #f4f4f4;
}

.new-table-stripped>tbody>tr:nth-child(even){
	background-color: #fff;
}

.data-table>tbody>tr{
	background-color: #fff;
}


.data-table-stripped tbody tr td{
	background-color: #ffffff !important;
}
.data-table-stripped tbody tr:nth-child(odd) td{
	background-color: #f4f4f4 !important;
}


.btn-mw{
	width:100%;
	text-align:center;
}

.font-p-1{
	font-size:1.1em;
}
.font-p-2{
	font-size:1.2em;
}



.font-p-3{
	font-size:1.3em;
}

.btn-red-small{
	margin:0;
	border:0;
	font-weight:normal;
	text-transform: uppercase;
	color:white;
	padding:0.3em 2em 0.3em 2em !important;
	box-sizing: border-box !important;
	display:inline-block !important;
	border: 0 !important;
	line-height: 1em !important;
    background-color: #700 !important;
	text-decoration:none;
	vertical-align:middle;
}



.btn-grey-small{
	margin:0;
	border:0;
	font-weight:normal;
	text-transform: uppercase;
	color:black;
	padding:0.3em 2em 0.3em 2em !important;
	box-sizing: border-box !important;
	display:inline-block !important;
	border: 0 !important;
	line-height: 1em !important;
    background-color: #999 !important;
	text-decoration:none;
	vertical-align:middle;
}


.btn-grey-small:hover{
	color:black;
	text-decoration:none;
}

.btn-green-small{
	margin:0;
	border:0;
	font-weight:normal;
	text-transform: uppercase;
	color:white;
	padding:0.3em 2em 0.3em 2em !important;
	box-sizing: border-box !important;
	display:inline-block !important;
	border: 0 !important;
	line-height: 1em !important;
    background-color: #02971e !important;
	text-decoration:none;
	vertical-align:middle;
}


.btn-green-mini{
	vertical-align:middle;
	color:white;
	padding:0.5em;
	border:1px solid green;
	border-radius:3px;
    background-color: #02971e !important;
    border-color: #02971e !important;
	background: rgb(72,133,57);
	background: radial-gradient(circle, rgba(72,133,57,1) 0%, rgba(78,224,104,1) 100%);
}

.btn-red-mini{
	vertical-align:middle;
	color:white;
	padding:0.5em;
	border:1px solid #444;
	border-radius:3px;
    background-color: #02971e !important;
    border-color: #400 !important;
	background: rgb(253,29,29);
	background: radial-gradient(circle, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}

.modal-backdrop{
	background-color: rgba(0,0,0,0.8);
}



.btn-green-mini i::after{
	color:white;
}


a.btn-green:hover{
	text-decoration:none;
	color:white;
}

.btn-grey {
	text-transform: uppercase;
	color:black;
	padding:1em;
	border:0px;
	border-radius:3px;
    background-color: #E8E8E8 !important;
    border-color: #888 !important;
}

.btn-red {
	text-decoration:none;
	text-transform: uppercase;
	color:white;
	padding:1em;
	border:0px;
	border-radius:3px;
    background-color: #800 !important;
    border-color: #600 !important;
}


.btn-green {
	text-decoration:none;
	text-transform: uppercase;
	color:white;
	padding:1em;
	border:0px;
	border-radius:3px;
    background-color: #02971e !important;
    border-color: #02971e !important;
}


.new-table th, .new-table td{
	/*background-color:white;*/
	padding:1em;
}

.new-table-compacted th, .new-table-compacted td{
	padding:0.2em !important;
}

.new-table tbody td{
	text-align:left;
}

.tr-green td{
	color:black;
	background-color:#DFD;
}

.tr-red td{
	color:black;
	background-color:#FDD;
}
.tr-orange td{
	color:black;
	background-color:#ffee9f;
}

.shadow-1{
	-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.4); 
box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.4);
	
}

.tr-green select{
	border:1px solid green;
	-webkit-box-shadow: 0px 0px 12px 1px #90FF49; 
	box-shadow: 0px 0px 12px 1px #90FF49;
	color:white;
	font-weight:bold;
	background-color: #292;
}

.tr-red select{
	border:1px solid red;
	-webkit-box-shadow: 0px 0px 12px 1px #FF6666; 
	box-shadow: 0px 0px 12px 1px #FF6666;
	color:white;
	font-weight:bold;
	background-color: #611;
}

.tr-orange select{
	border:1px solid #9b882e;
	-webkit-box-shadow: 0px 0px 12px 1px orange; 
	box-shadow: 0px 0px 12px 1px orange;
	color:white;
	font-weight:bold;
	background-color: orange;
}

.tr-dim td{
	color: #666;
}

.bottom-info{
	position:fixed;
	bottom:0;
	left: 0;
	width:100%;
}

.bottom-info .in{
	padding: 0 0 0 300px;
}

.badge-orange{
	border:1px solid orange;
	border-radius: 3px;
	background-color: #ffee9f;
	padding:0.5em;
	margin-right:1em;
	text-transform: uppercase;
}

.badge-white{
	text-transform: uppercase;
	border:1px solid #333;
	border-radius: 3px;
	background-color: #FFF;
	padding:0.5em;
	margin-right:1em;
}

.badge-yellow{
	text-transform: uppercase;
	border:1px solid #333;
	border-radius: 3px;
	background-color: yellow;
	padding:0.5em;
	margin-right:1em;
}


.badge-off{
	opacity: 0.2;
	text-transform: lowercase;
}

.nl-modal{
	background-color: rgba(0,0,0,0.6);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:500;
	text-align:center;
}

.nl-modal-in{
	position:relative;
	display:inline-block;
	/*width:80%;*/
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	border:1px solid black;
	background-color:white;
	border-radius:0.5em;
	overflow:hidden;
	-webkit-box-shadow: 5px 5px 15px 5px #000000; 
	box-shadow: 5px 5px 15px 5px #000000;
	text-align:left;

}

.nl-modal-title{
	font-size:1.3em;
	background-color: #EEE;
	border-bottom:1px solid #333;
	padding:1em;
	font-weight:bold;
}

.nl-modal-body{
	padding:1em;
	min-height:300px;
}

.nl-modal-close{
	color: red;
	font-size:2.4em;
	border:none;
	background-color:transparent;
	position:absolute;
	top:0.3em;
	right:0.2em;
}

.nl-modal-footer {
	background-color: #EEE;
	border-top:1px solid #333;
	padding:1em;
	text-align:right;
}

.pad-table td{
	padding: 1em;
	
}

textarea.form-control,
select.form-control,
input.form-control{
	box-shadow:none;
	border-top: 0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 2px solid #555;
	border-color: #555 !important;
	border-radius:0px;
	/*background-color: #F4F4F4;*/
}


.detalle-peticion{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:1.5em;
}

.detalle-peticion-card {
	border:1px solid #222;
	border-radius:0.3em;
	background-color:white;

	-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.4); 
box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.4);

}

.detalle-peticion .field{
	margin-top:0.5em;
}

.detalle-peticion .field-conductor span{
	display:block;
}

.field-conductor table{
	font-size:1em;
}


.detalle-peticion .field-top{
	margin-top:1.5em;
	border-top:1px solid #CCC;
}

.detalle-peticion .matricula{
	background-color:#F3F3F3;
	color: #444;
	width:50%;
	font-size: 1.5em;
	text-align:center;
	padding:0.3em;
	border:1px solid #222;
	margin: -0.9em auto 0 auto;
	border-radius:0.4em;
	font-weight:bold;

}

.detalle-peticion-body{
	padding: 1em 1em 1em 1em;
}


.detalle-peticion h4{
	font-size:0.8em;
	line-height:2.6em;
	text-align:center;
	padding:3em 3em 4em 3em;
	margin:0;
	color:white;
	background: rgb(3,27,41);
	background: linear-gradient(90deg, rgba(3,27,41,1) 0%, rgba(96,150,230,1) 100%);
	text-shadow: 0px 2px 2px #000000;
}

.detalle-peticion h4.fin{
	background: rgb(20,32,17);
	background: linear-gradient(90deg, rgba(20,32,17,1) 0%, rgba(78,224,104,1) 100%);
}

.detalle-peticion .foto-coche{
	width: 6em;
	height: 6em;
	border: 1px solid #999;
	background-size: 100% 100%;
	float:left;
	margin:0.6em 0.6em 1.2em 0.6em;
	-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.4); 
	box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.4);
	border-radius:3px;
}

.detalle-peticion h4 td{
	font-size:2.1em;
}

.detalle-peticion b{
	font-size:1.2em;
	display:block;
	margin-top:1.3em;
	margin-bottom: 0.6em;
}

.detalle-peticion strong{
	font-size:1.2em;
	display:block;
}

.detalle-peticion .map{
	border-top:1px solid #444;
	width:100%;
}

.avatar-conductor{
	max-height:5em;
	float:left;
	margin-right: 1em;
}

body.nopad {
	padding:0;
	margin:0;
	font-size:1em;
}


.new-table-out-content{
	padding:0 !important;
}

.new-badge-success{
	color: #FFF;
	border: 1px solid green;
	border-radius: 3px;
	background-color: #74a671;
	padding:0.5em;
}

.new-badge-off{
	padding:0.5em;
	color: #333;
	border: 1px solid #CCC;
	border-radius: 3px;
	background-color: #EEE;
}



.grey-div{
	padding:1em;
	background-color:#EEE;
	color:black;
}

.grey-div-2{
	padding:1em;
	background-color:#DDD;
	color:black;
}


.table_calendario td, .table_calendario th{
	padding: 0.1em !important;
}

.table-compact td{
	padding:0.2em !important;
}

.unstyled-table tbody{
	border:0px;
}
.unstyled-table td{
	background-color:inherit;
	border: 0px;
}

.tr_peticion_finalizado select{
	border:1px solid green;
	color:white;
	background-color: #080;
	-webkit-box-shadow: 0px 0px 6px 0px #00FF00; 
	box-shadow: 0px 0px 6px 0px #00FF00;
}

.tr_peticion_cancelada select{
	border:1px solid red;
	color:white;
	background-color: #700;
	-webkit-box-shadow: 0px 0px 6px 0px #FF0000; 
	box-shadow: 0px 0px 6px 0px #FF0000;
}

.tr_peticion_en_curso select{
	border:1px solid yellow;
	color: #111;
	background-color: #f2f149;
	-webkit-box-shadow: 0px 0px 6px 0px #f2f149; 
	box-shadow: 0px 0px 6px 0px #f2f149;
}


.cont_count_peticiones{
	border:10px solid red;
}


.box-centro{
	border:1px solid #444;
	border-radius:0.5em;
	overflow:hidden;
	margin-bottom:2em;
}

.box-centro-title{
	color: #444;
	font-weight:bold;
	background-color: #EEE;
	padding:1em;
	border-bottom: 1px solid #444;
}

.box-centro-content{
	color: #111;
	background-color: #FFF;
}

.modal{
	overflow:hidden;
}

.modal-header{
	background-color: #EEE;
}

.shadow-blue{
	-webkit-box-shadow: 0px 0px 15px 0px #19EBFF; 
	box-shadow: 0px 0px 15px 0px #19EBFF;
}


.tr_faltante td{
	background-color:inherit !important;
}

b.pet_urgente{
	color:white;
	background-color: #600;
	border:1px solid red;
	border-radius:0.3em;
	padding:0.2em 0.4em 0.2em 0.4em;
	-webkit-box-shadow: 0px 0px 15px -1px #FF0000; 
	box-shadow: 0px 0px 15px -1px #FF0000;
}

.btn-set-trabajador{
	background-color: #F4F4F4;
	border: 1px solid #EEE;
	color: #444;
	border-radius:0.2em;
}


.table-resumen-peticiones{
	background-color: #EEE;
	border-collapse:collapse;
	color:black;
	border:1px solid black;
	border-radius: 0.3em;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 4px 1px #000000; 
	box-shadow: 0px 0px 4px 1px #000000;
}

.table-resumen-peticiones td{
	padding:1em;
}

.sp-urgentes{
	background-color:#ffee9f;
	border:1px solid #ffa500;
	border-radius: 0.3em;
	padding:0.3em;
}


.sp-cursando{
	background-color:#ffff00;
	border:1px solid #111;
	border-radius: 0.3em;
	padding:0.3em;
}


.sp-pendientes{
	background-color:#fff;
	border:1px solid #666;
	border-radius: 0.3em;
	padding:0.3em;
}

#cont_count_peticiones{
	position:fixed;
	top:75px;
	right:2em;
	z-index:1030;
}


.colxbig{
	padding:10px;
}

.colx2{
	width:60%;
	padding:10px;
	float:left;
}

.colx{
	width:30%;
	padding:10px;
	float:left;
}

.pac-container { z-index: 10000 !important; }

.colx input, .colx2 input, .colxbig input,
.colx select, .colx2 select, .colxbig select{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 2px solid black;
	-moz-box-shadow: none;
	-goog-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0 !important;
}


.btn-green-small:hover{
	color:white;
	text-decoration:none;
}

.menu-act{
	background-color: #EEE;
	color:black;
	font-weight:bold;
}

.ui-datepicker{
	border:1px solid black;
	border-radius:0.3em;
	padding:0.5em;
	overflow:hidden;
	-webkit-box-shadow: 0px 2px 5px 0px #000000; 
	box-shadow: 0px 2px 5px 0px #000000;
}

table.ui-datepicker-calendar .ui-state-default{
	background-color: white;
	background-image:none;
	border:0px;
	color:black;
	padding:0.3em;
}

.ui-datepicker-header{
	padding:0.3em;
	background-color: white !important;
	background-image:none !important;
	border: 0px !important;
}

table.ui-datepicker-calendar .ui-state-highlight{
	color:black;
	background-color: #becfe7;
}



table.ui-datepicker-calendar .ui-state-active{
	color:white;
	background-color: #2e4567;
	-webkit-box-shadow: 0px 0px 5px 0px #58BEFF; 
	box-shadow: 0px 0px 5px 0px #58BEFF;
}