/* colores customizables (sustituir en este documento por los que proceda para cada cliente)

PRINCIPAL #2aa73c  

SECUNDARIO #FF3366  

*/

:root {
    --color-principal: #2aa73c;
    --color-principal-0_6: rgba(42, 167, 60, 0.6);
    --color-secundario: #5CA086;
    --color-secundario-0_6: rgba(92, 160, 134, 0.6);
    --color-text-principal: #424242;
    --color-text-secundario: #fff;
}

/*paneles*/
.panel{border-radius: 10px 10px 5px 5px;}
/*iconos tabla*/

/*.glyphicon:hover {color: var(--color-principal);}*/

/*ver detalle*/

.glyphicon-eye-open  {font-size:16px; color:var(--color-text-principal);}

/*editar*/

.glyphicon-edit  {font-size:16px; color:var(--color-text-principal);}

/*eliminar*/

.glyphicon-trash {font-size:16px; color:var(--color-text-principal);}

/*Activar*/
.glyphicon-ok-sign{    font-size: 16px;color:var(--color-text-principal);}

/*firmar*/

.glyphicon-pencil  {font-size:16px; color:var(--color-text-principal);}

/*añadir documento*/

.glyphicon-paperclip {font-size:16px; color:var(--color-text-principal);}

/*capturar imagen*/

.glyphicon-camera {font-size:16px; color:var(--color-text-principal);}

/*generar qr*/

.glyphicon-qrcode {font-size:16px; color:var(--color-text-principal);} 

/*actualizar*/

.glyphicon-refresh {font-size:16px; color:var(--color-text-principal);}

/*enviar a servidor*/

.glyphicon-cloud-upload {font-size:16px; color:var(--color-text-principal);}

/* Cancelar rserva*/
.glyphicon-remove{font-size: 16px; color: var(--color-text-principal);}
/* Finalizar rserva*/
.glyphicon-ok{font-size: 16px;color: var(--color-text-principal);top: 0px;}




/*para más de un icono*/

.icon {padding-left:10px;}



/*Rating stars*/
.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0;
    font-size: 28px;
}
ul.rating {
    display: inline-block;
}
.rating li {
    list-style-type: none;
    display: inline-block;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.rating .filled {
    color: var(--color-principal);
    font-size: 34px;
}

/*tablas*/
.selected tr {
  background-color: red;
}

.table { font-weight:normal; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius: 10px 10px 0px 0px;}
.table>thead {background: var(--color-principal-0_6);}
.table th { background: var(--color-principal-0_6); font-weight: 900;font-size: 11pt; }


.table>thead>tr>th:last-child{}
.table>thead>tr>th:first-child{}
.select {
    background:whitesmoke;
	
	border:none;
	border-radius:5px;
	height:30px;
	box-shadow:none;
	
}
.select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.select:focus{ outline: none;}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-spacing: 0 ;
	
}
º

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 900;
	
}

table.dataTable thead{
    color: #fff;
    background: var(--color-principal-0_6);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

table.dataTable thead tr{
}
table.dataTable td:last-child { text-align:center; }

table.dataTable thead th:last-child { text-align:center; }

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;

}

table.dataTable thead th.th-secondary .custom-head{
    background-color: var(--color-principal);

}


table.dataTable thead th:active, table.dataTable thead td:active {
    outline: none
	
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
   
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    cursor: pointer;
    * cursor: hand
}

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-repeat: no-repeat;
    background-position: center right
	
}

table.dataTable thead .sorting {
    background-image: url("../images/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../images/sort_both.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../images/sort_both.png")
}

table.dataTable tbody tr:hover {background-color: whitesmoke;}

table.dataTable tbody tr.selected {
    background-color: #B0BED9
}

table.dataTable tbody tr.booking_generated {
 	background-color:green;
}

table.dataTable tbody tr.booking_processed {
 	background-color:yellow;
}

table.dataTable tbody tr.booking_ended {
 	background-color:orange;
}

table.dataTable tbody tr.booking_cancelled {
 	background-color:red;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td,
table.dataTable.display tbody th, table.dataTable.display tbody td {	/*border: 1px solid #ddd;*/ }


table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; 
}


table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: #fafafa
}

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb
}


table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable, table.dataTable th, table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}


#originHistoryBookingsTable_filter{
    padding-left: 200px;
}
#originBookingsTable_filter{
    padding-left: 200px;
}

#targetBookingsTable_filter{
    padding-left: 200px;
}

.dataTables_wrapper {

    position: relative;
	clear: both;
}

.dataTables_wrapper .dataTables_length {
    float: left
}


.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
	color:var(--color-text-principal);
	border:1px solid #ccc; 
	border-radius:5px;
    height: 35px;;
}


#productosTable_filter label{
    width: 100%;
}


#productosTable_filter input{
    width: 80%;
}

#productosTable_filter label{
    width: 100%;
}

#productosTable_filter input{
    width: 80%;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
	padding-top:20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    * cursor: hand;
    color: var(--color-principal) !important;
    opacity: 0.6;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;

    background:var(--color-principal);

    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);

}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    background: whitesmoke;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    background-color: #585858;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background:var(--color-text-principal); opacity:0.5;
   
   
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

#productosTable_filter{
    display: none;
}
#pharmaciesTable input{
    color: #000;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info, .dataTables_wrapper,
.dataTables_wrapper .dataTables_paginate {
    color: var(--color-text-principal);
	padding-top:15px;
}

.dataTables_processing{
    color: var(--color-principal);
    font-size:9pt;
    padding-top:0px;
    display: none;
}
.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    * margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}
.table-label { font-weight:400; font-size:9pt;}
.list-table th{
    font-size: 18px;
    font-weight: 800;
    padding: 30px;
}
.list-table{
    border-top: 1px solid var(--color-principal);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.list-table tfoot tr td{
    background: rgba(92, 160, 134, 0.6);
    padding: 8px;
}



.deliverable {
    display:block;
    width:40px;
    height:auto;
    content: url("../images/truck.png");
}

.noDeliverable{
    display:block;
    width:40px;
    height:auto;
    content: url("../images/bag.png")
}