textarea{resize:vertical;height:75px}
.underline{text-decoration:underline}
.go-right{float:right}
.tarea_detalles.editor{cursor:pointer}
.show-form{display:inline-block; padding:4px 10px 9px 10px !important; width: 6.5px;height:14px;}
.boton-ajax{margin:0px}
.add-to-collection form .boton-ajax{margin:0px auto}
.add-to-collection{margin-top:10px;padding:5px 30px}
.pedido .button{background-color:#5B8BA0}
.disable_click{pointer-events:none;cursor:not-allowed}
.small-text{font-size: 11px}

/* Para el aside */
a.button:hover{color:#fff}
a.button{padding:7px 10px;background:none repeat scroll 0 0 #5B8BA0}
a.button-mini{padding:5px !important}
div.aux{margin-bottom:1em}
div.item-lat{border-bottom:1px dotted #4B534E}
div.item-lat h4,
button#toggle-setcobrada{margin-bottom:1em}
div.item-lat .button,div.item-lat input{margin-bottom:1em;display:block}
div.item-lat .transition-button{width:100%}
div.item-lat a.button:hover{color:#fff}
.page-header div.search{margin-top:-50px}
div.busqueda fieldset{display:none;background-color:transparent}
div.informes{display:none;margin-bottom:10px;background-color:transparent}
h2.busqueda:hover, h2.informes:hover{cursor:pointer;background-color:white;transition:background-color 1s}
tr.certificado td.controls{width:200px}
.marca{display:inline-block}
.marca.circle{border-radius:5px;width:10px;height:10px}
.marca.triangle{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent}
.marca.rectangle{height:9px;width:9px}
.imagentuv{position:relative;width:12%;float:right;margin-top:-5%;margin-right:1%}
.aside{background-color:lavenderblush !important}

/* Botonera transiciones */
.show-page.rectificativa div.transitions,.show-page.albaran div.transitions{width:40%;float:left;clear:right;margin-left:10em}
.show-page.rectificativa h2,.show-page.albaran h2{float:left}
.show-page.rectificativa div.transitions form,.show-page.albaran div.transitions form{float:left;margin:15px 2px 0 2em}
.show-page.rectificativa div.content-body,.show-page.albaran div.content-body{clear:left}
div.warning-message{background-color:#c32929;color:white;padding:10px}
div.card.pedido input.transition-button{margin-top:10px}
div.pedido-anulado{background-color:darkgray}
div.card.pedido div.transitions input{margin:0; float:right}
div.card.pedido div.transitions{margin-top:10px}
div.aside input.delete-button{text-align: left; padding:7px 10px; width: 100%}
a.button:hover{border-bottom:0}
.transition-button.anular-button,.transition-button.baja-button,.transition-button.abono-button,.transition-button.dar_de_baja-button,.delete-button,.transition-button.rectificada-button,.transition-button.marcar_como_anulado-button{background-color:#C32929;color:white}
.transition-button.anular-button:hover,.transition-button.baja-button:hover,.transition-button.abono-button:hover,.transition-button.dar_de_baja-button:hover,.delete-button:hover,.transition-button.rectificada-button:hover,.transition-button.marcar_como_anulado-button:hover{background-color:#A70E0E}
.transition-button{font-size:90%;font-weight:bold;padding:6px;padding-top:6px;border-width:1px;border-radius:3px}
input.transition-button:hover,
button#toggle-setcobrada{cursor:pointer}
input.marcar_como_completado-button,input.marcar_como_anulado-button{margin-bottom:1em}
div.transitions span input.hasDatepicker{width:30%}
div#setcobrada{border:dotted grey 1px;padding:10px;display:none}
div#setcobrada input.transition-button{margin:0}
label.set-span{float:left;padding-top:5px}

.transition-denied{font-size:12px;padding:5px 10px;background-color:#FFCACA}
/* Búsqueda en el table plus */
.table-plus div.search input.search{font-size:12px;padding:1px 2px 2px 1px;background:none;border-color:#CCC}
.table-plus div.search .button{border:1px solid #5B8BA0;padding:1px 4px}

/* Añadir materiales entregados en el formulario de nueva OT */
.orden.new-page .materials-view th{display:none}
.orden.new-page .materials-view li{margin-left:0}
.orden.new-page .materials-view tr{float:left;margin-right:10px}
.orden.new-page .materials-view .material-referencia-interna{width:55px;background-color:lightgrey}
.orden.new-page .materials-view input{width:123px}
.orden.new-page .materials-view .datos-adicionales-tag{width:172px}
.orden.new-page .materials-view .input-many.materials{clear:both}
.orden.new-page .materials-view .cabecera-tabla-materiales span{display:block;float:left;margin-right:10px;width:125px}
.orden.new-page .materials-view .empty-message{display:none}
.orden.new-page .materials-view .buttons{margin-left:0}

/* Añadir nuevos pedidos en el formulario de nueva OT */
form.new.pedido label span,
span.recuadro span.inicio{display:none}
form.new.pedido label:hover span,
span.recuadro a:hover span.inicio{display:inline;position:absolute;border:1px solid #DCA;background:#fffAF0;font-weight:bold;margin:25px 0 0 -80px;padding:5px}

h5.mensaje-info{margin-top:1em;background-color:#5b8ba0;color:white;padding:2px;width:-moz-fit-content}
input#pattern_acceptance_at, 
input#fecha_ini, 
input#fecha_fin,
div.card.certificado input.f-certificado-tag,
input#equipo_f_recepcion,
input#equipo_numdeserie,
input#orden_entrega_prevista_at,
input#retraso_entrega_at,
input#tarea_tipo_base,
input#factura_base,
input#orden_pedido_cliente,
input.decimal{width:100px !important}
input#pattern_interval,
input#equipo_intervalo{width:50px}
input#pattern_number,
input#pattern_cert_num{width:150px}
input.date{width:80px !important}
td.referencias-view div.input-help{clear:left}
span.recuadro{border:1px solid gray;width:35px;margin:5px;padding:3px}
span.recuadro input {vertical-align: middle}
div.aligned-chkbox-2col{width:400px;float:left}
div.aligned-chkbox-4col{width:200px;float:left}
#norma-row,#temperatura-row,#detalles-row{display:none}
input#tarea_temperatura,input#tarea_numero{width:20%}
a.notificacion-cola{float:left;background:#B94A48 !important;border-radius:5px;padding:0px 6px;font-weight:bold;font-size:11px;color:white;letter-spacing:1px;margin-top:4px}

th.proveedor-heading{width:10%}
.index-page.pedido th.proveedor-heading,
.index-page th.pedido-tipo-heading{width:20%}

th.Muestra-heading,
th.fecha-eliminacion-heading,
th.tiempo-almacenaje-heading{width:15%}

.jumbotron{background-color:#8FB5CE;padding:10px}
.jumbotron a{font-weight:bold;color:white}
.jumbotron a:hover{background-color:transparent}

/* Footer */
div.footer div.company-data{margin-bottom:1em}
div.footer div.authors ul{list-style:none;margin-left:0}
a#suyccom-footer{background: transparent url('/images/suyccom-logo.png') no-repeat scroll left center;padding:4px 0 4px 38px}
a#ubuntu-footer{background: transparent url('/images/ubuntu-logo.png') no-repeat scroll left center;padding:4px 0 4px 38px}

.inicio{background-color:white;margin:10px 20px;padding:10px;border:1px solid #8fb5ce}
.working-area{background-color:white;padding:10px;border:1px solid #8fb5ce}
.panel{padding:5px 20px}

.login-page h1.app-name,
.warn-env h3{text-align:center;line-height:normal}
.warn-env{background-color:#CE8F96}
.warn-env h3{margin:0;padding: 10px 0;color:white}

.bottom-page-nav{background-color:white;padding:5px}
.bottom-page-nav span.current{font-weight:bold;font-size:20px}

.field-list .input-help{text-shadow:1px 1px lavenderblush}

.grafico-resultados{margin-bottom:20px}
.tabla-resultados{font-size:10px;overflow:scroll}
table#resultados td{padding:5px}
#data-per-month{height:110px}
#data-per-month th,#data-per-month td{width:5%}

.link-like{text-decoration:underline;color:blueviolet}
.link-like:hover{cursor:pointer;text-decoration:none}
.spinner_wrapper{display:none;background-color:black;padding:5px;color:white}
.spinner_wrapper img{vertical-align:middle;padding-right:5px}
li.odd{background-color:lightgrey}
ul.sortable li.odd{background-color:transparent}
li.even{background-color:transparent}

#create_retraso,
#index_retrasos,
.add_inspector,
#enlace-cliente{background-color:white;padding:10px}
.im_in_use{background-color:#e6e7de !important}
#retrasos_index{list-style-type:none;margin-top:8px;background-color:#e6e7de}

form.embded-form{display:none;padding:10px;background-color:#e6e7de;margin-top:8px}
form.embded-form fieldset{border:1px solid white;padding:5px}
form.embded-form input{margin-top:10px}

.relevant:hover{cursor:help}
.relevant{vertical-align:middle}

/* Dropdown menu */
ul.dropdown-menu{position:absolute;display:none;z-index:10}
ul.dropdown-menu li{display:contents}

/* Calendar */
.calendar{border-collapse:collapse;width:100%}
.calendar td, .calendar th{padding:6px;border:1px solid #999}
.calendar th{background:#ddd;color:#666;text-align:center;width:14%}
.calendar td{background:#FFF;color:#777;height:80px;vertical-align:top;font-size:16px}
.calendar .notmonth{color:#ccc}
.calendar .today{background-color:#d7f2ff}
#month{margin:0;padding:10px 0;text-align:center}
#month a{text-decoration:none;padding:0 10px;color:#999}
.calendar ul{font-size:11px}
.badge{background-color:orange;color:black;padding:2px;border-radius:2px}
.front-page .badge{margin-left:2px}
.calendar ul{list-style:none}
.calendar li{margin-left:0}
.front-page h3{margin-bottom:15px}
.front-page h3 > span{text-align:right;display:block}

/* Unselectable days */
td.ui-datepicker-unselectable.not-available span.ui-state-default{background:darkred;color:white}
td.ui-datepicker-unselectable.not-available span.ui-state-default:hover{cursor:help}

div.datepicker-cleaner{width:15px;height:15px;background-color:cadetblue;border-radius:50%;display:inline-block;border:1px solid black;transition-duration:0.4s}
div.datepicker-cleaner:hover{background-color:black;border:1px solid white;cursor:pointer}
div.rcleaner{height:15px;width:1px;margin-left:7px;background-color:white;transform:rotate(45deg);z-index:1}
div.lcleaner{height:15px;width:1px;background-color:white;transform:rotate(90deg);z-index:2}

.text.problema_descripcion, .card.problema textarea, .text.certificado_descripcion, .card.certificado textarea{margin-top:15px}