body { font-family: 'Lato', sans-serif; }

/* Custom margins */
.margin-top-15 { margin-top: 15px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.center { text-align: center !important; }

p.green { color: #009781; }
h3.inner-title { font-size: 15px; font-weight: 600; text-transform: uppercase; color: #009781; margin: 15px 0; }
.form-group { position: relative; } 

/* Header */
.page-header.navbar { height: 85px; min-height: 85px; }
.page-header.navbar .page-logo { padding-top: 5px; width: 275px; }
.page-header.navbar .page-logo img { width: 180px; }
.page-header.navbar .page-logo > a { color: white; font-family: 'Audiowide'; font-size: 30px; line-height: 22px; }
.page-header.navbar .page-logo > a > span { display: block; font-size: 15px; }
.btn.red-haze:not(.btn-outline) { background-color: #009781; border-color: #009781; }
.btn.red-haze:not(.btn-outline).active, .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline):hover, .open>.btn.red-haze:not(.btn-outline).dropdown-toggle { background-color: #009781; border-color: #0097811; }
.btn.red-haze:not(.btn-outline).focus, .btn.red-haze:not(.btn-outline):focus { background-color: #009781; border-color: #009781; }
.btn.red-haze:not(.btn-outline).active.focus, .btn.red-haze:not(.btn-outline).active:focus, .btn.red-haze:not(.btn-outline).active:hover, .btn.red-haze:not(.btn-outline):active.focus, .btn.red-haze:not(.btn-outline):active:focus, .btn.red-haze:not(.btn-outline):active:hover, .open>.btn.red-haze:not(.btn-outline).dropdown-toggle.focus, .open>.btn.red-haze:not(.btn-outline).dropdown-toggle:focus, .open>.btn.red-haze:not(.btn-outline).dropdown-toggle:hover { background-color: #009781; border-color: #009781; }
.page-header.navbar .menu-toggler.sidebar-toggler { position: absolute; top: 30px; left: 235px; margin-top: 0; }
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo { width: 265px; height: 75px; padding-left: 20px; padding-right: 20px; padding-top: 15px; margin-left: 0; margin-right: 0; }
.top-menu .alerts { margin-left: 15px; margin-top: 25px; color: #ddd; font-size: 1.5em; position: relative; }
.top-menu .alerts span { position: absolute; font-size: .5em; background: red; width: 15px; text-align: center; border-radius: 15px; font-weight: bold; left: -5px; }


/* Home */
.home .acceso { background: white; border-radius: 3px; box-shadow: 0 2px 3px 2px rgba(0,0,0,.03); text-align: center; padding: 35px 5px 20px 5px; margin-bottom: 20px; }
.home .acceso i { font-size: 3em; color: #4da0d9; }
.home .acceso span { font-size: 1.1em; text-transform: uppercase; font-weight: bold; display: inline-block; padding-top: 6px; color: black; }

/* Breadcrumb */
.breadcrumb { clear: both; }

/* Pasos */
.mt-element-step .step-line .mt-step-title { font-size: 17px; }

/* Datatables */
table.dataTable thead .sorting:after { display: none !important; }
table.dataTable thead .sorting_desc:after { display: none !important; }
table.dataTable thead .sorting_asc:after { display: none !important; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-position: center left !important; }
td li.dropdown { list-style: none; float: right; }
table.dataTable.no-footer { border-bottom: 0 !important; }
table.dataTable thead th, table.dataTable thead td { border: 0 !important; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { border-color: #009781; background-color: #009781; }
#grid td:last-child { display: flex; justify-content: end; }
table.dataTable thead tr .sorting:last-child { background-image: none; }
.table-scrollable { overflow-x: visible; overflow-y: visible; }
.dropdown-menu { right: 0; left: auto; z-index: 9999; }
table.dataTable thead .sorting_asc { background-image: none !important; }
table.dataTable thead .sorting_desc { background-image: none !important; }
.table>tfoot>tr>td, .table>tfoot>tr>th { padding: 10px; }
tr.rojo, tr.rojo > td { background-color: lightgreen !important; }
td.reference { white-space: nowrap; }
td.nowrap { white-space: nowrap; }
td.iconos { text-align: right; }
td.derecha, th.derecha { text-align: right; }
td.iconos a { padding: 0 3px; }
td p { margin: 0; }
table.dataTable tr.rojo td.sorting_1, table.dataTable tr.rojo td.sorting_2, table.dataTable tr.rojo td.sorting_3 { background-color: inherit !important; }
table.dataTable .quote-icon { color: #009781; margin-left: 4px; margin-right: 4px; }
table.aligned-right td, table.aligned-right th { text-align: right !important; }
table.aligned-right tr td:first-child { text-align: left !important; }
td.acciones a { padding: 0 3px; }
h4 { color: #009781; font-weight: bold; font-size: 1.1em; letter-spacing: .05em; }

/* Filters */
.quotes .filters { padding-bottom: 30px; }

/* Despiece */
table.despiece a { padding: 0 3px; }
.modal { top: 100px; }
h4 span.acciones { padding-left: 20px; }
h4 span.acciones a { padding-left: 5px; }
.marcar-finalizado { color: #ccc; }
.marcar-finalizado.green { color: green; }
.marcar-finalizado.grey { color: #ccc; }

/* Listado incidencias */
#listado-incidencias td span.document { background: #ddd; padding: 3px 10px; border-radius: 15px; }
#listado-incidencias td span.document i.fa { margin-left: 10px; }

/* Alerts */
.alert { margin-left: 15px; width: calc( 100% - 30px); }

/* amcharts */
#chartdiv { height: 400px; }

/* select2 */
.select2-selection { height: auto !important; }

a.edit-billing { margin-left: 10px; }

/* Import files */
.box.has-advanced-upload { outline: 2px dashed #92b0b3; outline-offset: -10px; -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear; transition: outline-offset .15s ease-in-out, background-color .15s linear; }
.box { font-size: 1.25rem; background-color: #c8dadf; position: relative; padding: 100px 20px; }
.box__dragndrop, .box__uploading, .box__success, .box__error { display: none; }
.box.has-advanced-upload { background-color: white; outline: 2px dashed black; outline-offset: -10px; }
.box.has-advanced-upload .box__dragndrop { display: inline; }
.box.is-dragover { background-color: grey; }
.box__button { font-weight: 700; color: #e5edf1; background-color: #39bfd3; display: none; padding: 8px 16px; margin: 40px auto 0; }
.box__file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.box.has-advanced-upload .box__dragndrop { display: inline; }

.oculto { display: none; }
.grafico-material { margin-top: -10px; }
.caption-subject .cliente { margin-left: 15px; font-size: .9em; }

#modal-purchase .kilogramos { position: absolute; right: 15px; }
#listado-presupuestos span.profit { margin-right: 10px; white-space: nowrap; }
#compute_or_estimate { list-style-type: 0; }
#compute_or_estimate li { display: inline; margin-right: 30px; }
.rating ul { list-style-type: none; padding: 0; }
.rating li { display: inline; font-size: 1.5em; color: #ccc; }
.rating .stars li.hover, .rating .stars li.selected { color: green; }
.rating .crosses li.hover, .rating .crosses li.selected { color: red; }
.rating .crosses li { font-size: 1.6em; }
.cobros .estado { width: 100%; height: 20px; display: block; text-align: center; font-weight: bold; }
.cobros .estado.estado-c { background: darkred; color: white; }
.cobros .estado.estado-b { background: gold; }
.cobros .estado.estado-a { background: limegreen; }
.cobros form { position: absolute; width: 300px; display: flex; left: calc(50% - 150px); justify-content: space-evenly; align-items: center; z-index: 99; }
.cobros form select.filtro-estado { width: 200px; }
.tipo-envio label { margin-right: 15px; }
.tipo-envio label input { margin-right: 5px; }

/* Tareas */
.bloques-tareas-wrapper { width: 100%; overflow-x: scroll; }
.bloques-tareas { display: flex; min-width: 1200px; }
.bloques-tareas .bloque { width: 300px; padding-right: 15px; }
.bloques-tareas .bloque h3 { font-size: 1em; font-weight: bold; }
.bloques-tareas .bloque .tarea { font-size: .9em; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; padding: 2px 5px; cursor: pointer; }
.bloques-tareas .bloque .tarea.activa{ background: beige; }
.bloques-tareas .bloque .tarea .selector { margin-right: 5px; }
.bloques-tareas .bloque .tarea:first-child { border-top: 1px solid #ccc; }
.tasks table { table-layout: fixed; border-collapse: collapse; margin: 15px 0; }
.tasks table th, .tasks table td { border-bottom: 1px solid #ddd; width: 60px; border-right: 1px solid #ddd; padding: 2px 5px; }
.tasks table td.active { background: beige; cursor: pointer; text-align: center; }
.tasks table th { text-align: center; border-top: 1px solid #ddd; }
.tasks table th:first-child { text-align: left; }
.tasks table th:first-child, .tasks table td:first-child { width: 200px; border-left: 1px solid #ddd; }
.tasks table th { font-size: 1.1em; }

.table.payment-milestones .form-group { margin-bottom: 0; }
.table.payment-milestones th:nth-child(3), .table.payment-milestones th:nth-child(4), .table.payment-milestones th:nth-child(5), .table.payment-milestones td:nth-child(3), .table.payment-milestones th:nth-child(4), .table.payment-milestones th:nth-child(5) { width: 15%; }

/* Euro input */
input.euro ~ span { position: absolute; top: 30px; right: 2em; }
.condiciones label { font-weight: bold; }

@media all and ( max-width: 767px ) {
    .logo img { max-width: 150px; }
    .page-top { position: absolute; background: transparent; width: auto; right: 40px; }
    .page-header.navbar .page-logo img { width: 130px; }
    .page-actions { position: absolute; right: 45px; }
    #grid_wrapper { overflow: scroll }
}

@media (min-width: 992px) {
    .page-sidebar { position: fixed; }
}

/* Print */
a.print { font-size: 1.2em; }
@media print {
    .table td, .table th { font-size: 12px; }
}