.identificacion{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.cuadroidentificacion{
	padding: 30px;
    width: 100%;
}

.cuadroidentificacion > form > img{
	max-width: 100%;
	margin-bottom: 30px;
}

.campoidentificacion{
    font-size: 16px;
	padding: 15px;
	text-align: left;
	margin-bottom: 30px;
	border: 2px solid #CCCCCC;
}

.campoidentificacion label{
	display: block;
	color: #7b7b7b;
	font-size: 12px;
	font-weight: normal;
}

.campoidentificacion input{
	width: 100%;
    border:none;
}

.campoidentificacion input:focus{
    outline: none;
}

.selected label{
	color: #000000;
}

.selected{
	border: 2px solid #000000;
}

.progress{
	width:100%;
	text-align:center;
	background-color:lightgreen;
	color: red;
	font-family:Arial;
	font-size:10pt;
	float: left;
	margin-bottom: 5px;
}

.ui-datepicker{
	font-size: 22px !important;
}

.celdaocupacion{
	background-color: #efecec;
	font-weight: bold;
}

.boton{
    display: inline-block;
    border:none;
    color:#FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 30px;
    background: #000000;
}

.cabecera{
	background: #000000;
	text-align: center;
	padding: 15px;
	text-transform: uppercase;
	font-size: 20px;
	color: #FFFFFF;
	position: fixed;
	width: 100%;
	z-index:2;
	top:0;
}

.intranetBody{
	padding-top:62px;
}

.botonera{
	display: flex;
	margin: 30px 0;
	justify-content: stretch;
}

.botonera button{
	display: block;
	width: 100%;
	border:1px solid #BBBBBB;
	background: #FEFEFE;
	color: #BBBBBB;
	padding: 15px 30px;
	text-transform: uppercase;
}

.botonera button.selected{
	border: 1px solid #000000;
	color: #ffffff;
	background: #000000;
}

.table-striped tfoot{
	text-align: right;
	background: #e8e8e8;
	color: #000000;
}

.table-striped tfoot tr{
	border-bottom: 1px solid #FFFFFF;
}

.table-striped tfoot td{
	padding: 5px 15px;
}

.table-striped thead{
	background: #000000;
	color: #FFFFFF;
}

.table-striped thead th{
	padding: 5px;
	text-transform: uppercase;
	white-space: nowrap;
}

.table-striped thead th a > span{
	flex-grow: 2;
	display: block;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
}

.table-striped thead th span span{
	font-size: 9px;
}

.table-striped thead th a{
	color:#FFFFFF;
	width: 100%;
	display: flex;
}

.table-striped tbody tr td{
	font-size: 14px;
	padding: 5px;
}

.iconoentrega{
	font-size: 22px;
}

.table-striped tbody tr{
	border-bottom: 1px solid #BBBBBB;
}

.table-striped tbody tr td button{
	background: #5f5f5f;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.5;
	margin:0;
	padding: 7px 10px;
	border:1px solid #FFFFFF;

}

.table-striped tbody tr td button:disabled{
	background: #d0d0d0;
}

.botonesfila{
	display: flex;
}

.swal-button{
	background: #000000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.rojo{
	background: #ff5d5d !important;
	color: #FFFFFF !important;
}

.verde{
	background: #83d88d !important;
	color: #FFFFFF !important;
}

.azul{
	background: #473eff !important;
	color: #FFFFFF !important;
}

.amarillo{
	background: #ffc600 !important;
	color: #FFFFFF !important;
}

.naranja{
	background: #ff6b00 !important;
	color: #FFFFFF !important;
}

.naranja-claro{
	background: #d7a37c !important;
	color: #FFFFFF !important;
}

.rosa{
	background: #d801ff !important;
	color: #FFFFFF !important;
}

.nopadding{
	margin-left: 0;
	margin-right: 0;
}

.nopadding > div[class^='col-']{
	padding-left: 0;
	padding-right: 0;
}

.cabecera button,.cabecera a.boton{
	border:1px solid #BBBBBB;
	background:transparent;
	font-weight: lighter;
	font-size: 15px;
}

.cabecera a{
	color: #FFFFFF !important;
	font-size: 15px;
	font-weight: lighter;
}

.bloque{
	padding: 15px 10px;
	border:1px solid #BBBBBB;
	margin-bottom:10px;
	min-height: 125px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.bloque h2{
	margin:0;
	margin-bottom:15px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.stuart{
	display: flex;
	width: 100%;
}

.stuart select, .stuart span{
	flex-grow: 2;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #FFFFFF;
	height: auto;
}

.item{
	display: block;
	margin-bottom:15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
}

.item span{
	color: #7b7b7b;
	display: block;
}

.item > div{
	min-height: 20px;
}

.itemdireccion{
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}


.opciones{
	list-style: none;
	padding:0;
	margin:0;
	margin-top:7px;
	font-size: 10px;
}

.opciones li:before{
	content: '- ';
}

.botonalerta{
	background:transparent;
	border:none;
	border: 1px solid #000000;
	padding: 7px;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom:15px;
}

.botonalerta span{
	flex-grow: 2;
	padding-left: 15px;
	text-align: left;
}

.modal-title h5{
	display: inline-block;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #000000;
}

input:focus + .slider {
	box-shadow: 0 0 1px #000000;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.ekko-lightbox.modal.fade.in div.modal-dialog{
	max-width:750px !important;
}
.form-control{
	border-color: #000000 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}


.checkbox{
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari y Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;

}
.pietabla{
	background:#000000;
	color: #FFFFFF;
}

.altodireccion{
	justify-content: flex-start;
	height: 550px;
}

.euro:after{
	content: '€';
}


.talla{
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	background-color:   #319137;
	font-size: 14pt;
	float:left;
	font-weight: normal;
	margin-right:5px;
	margin-bottom: 10px;
	cursor:pointer;
	border:  1px solid  #666600;
	width: 9%;
}

.horas{
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	font-family:  Calibri, Arial, Helvetica, sans-serif;
	background-color:   #319137;
	font-size: 14pt;
	float:left;
	font-weight: normal;
	margin-right:5px;
	margin-bottom: 10px;
	cursor:pointer;
	border:  1px solid  #666600;
	width: 20%;
}

.elegida{
	border: 3px solid #000000;
}


.servicionoactivo{
	padding: 6px 30px;
	background: #FFFFFF !important;
	color: #319137 ;
}

.servicionoactivo img{
	filter: grayscale(100%);
	color: #319137 ;
}

.servicioactivo{
	padding: 6px 30px;
	background: #319137 !important;
}

.botoneracab{
	display: flex;
}

.menuextras{
	display: none;
	position: absolute;
	background: #FFFFFF;
	color: #000000 !important;
	list-style: none;
	padding: 0px;
	right: 34px;
	text-align: left;
}

.menuextras a{
	padding: 10px 15px;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000 !important;
}

.containertablet{
	padding: 0 15px;
	margin-top: 30px;
}

.botoneslita{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.botoneslita button{
	width: 49px;
	height: 42px;
}

@media (max-width: 1200px) {
	.ui-datepicker{
		font-size: 22px !important;
	}
}

@media (max-width: 992px) {
	.ui-datepicker{
		font-size: 22px !important;
	}
}

@media (max-width: 768px) {
	.ui-datepicker{
		font-size: 32px !important;
	}
}

@media (max-width: 430px) {
	.ui-datepicker{
		font-size: 14px !important;
	}
}