/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 3.1
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* VALIDATE FILE-UPLOADER FORM */
.input-field div.error {
    position: relative;
    top: -1rem;
    left: 0rem;
    font-size: 0.8rem;
    color: #FF4081;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.input-field label.active {
    width: 100%;
}

.left-alert input[type=text] + label:after,
.left-alert input[type=password] + label:after,
.left-alert input[type=email] + label:after,
.left-alert input[type=url] + label:after,
.left-alert input[type=time] + label:after,
.left-alert input[type=date] + label:after,
.left-alert input[type=datetime-local] + label:after,
.left-alert input[type=tel] + label:after,
.left-alert input[type=number] + label:after,
.left-alert input[type=search] + label:after,
.left-alert textarea.materialize-textarea + label:after {
    left: 0px;
}

.right-alert input[type=text] + label:after,
.right-alert input[type=password] + label:after,
.right-alert input[type=email] + label:after,
.right-alert input[type=url] + label:after,
.right-alert input[type=time] + label:after,
.right-alert input[type=date] + label:after,
.right-alert input[type=datetime-local] + label:after,
.right-alert input[type=tel] + label:after,
.right-alert input[type=number] + label:after,
.right-alert input[type=search] + label:after,
.right-alert textarea.materialize-textarea + label:after {
    right: 70px;
}

.em1 {
    font-size: 1em !important;
}

/** CONCILIATION MENU **/

.scrollable {
    overflow: scroll !important;
    /*overflow-x: hidden;*/
}

.min-panel {
    height: 380px !important
}

.max-panel {
    height: 780px !important
}

.rojo {
    color: red;
    font-weight: bold;
}

.verde {
    color: green;
    font-weight: bold;
}

.azul {
    color: blue;
    font-weight: bold;
}

.centrado {
    text-align: center !important;
}

.no-conciliado {
    font-size: 25px;
    color: red;
}

.conciliado {
    font-size: 25px;
    color: green;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 99999 !important;
}

.ui-menu-item {
    z-index: 99999 !important;
}

.carregant {
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 0px !important;
}

.custom-select {
    margin-top: 10px !important;
}

.negrita-menu {
    font-weight: bold !important;
    margin-left: 60px !important;
}

.negrita {
    font-weight: bold !important;
}

.activo {
    background-color: #00b8d4 !important;
    color: white !important;
}

.rosa {
    color: #FF4081 !important;
}

.picker__box{
    border: none;
    box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.24);
}
.picker__wrap {
    position: relative;
    top: -15px;
}
/*.picker__holder {
  top: auto !important; 
  left: auto !important; 
  right: auto !important; 
  bottom: auto !important; 
  position: initial !important;
}*/

.picker__date-display { display: none; }
.picker__header { margin-bottom: 0.75em; }

/*select2 fix*/
div.custom-select:hover *,
div.custom-select:focus *,
div.custom-select:active *,
div.custom-select * {
    outline: none;
    font-size: medium;
}
div.custom-select > div > input {
    width: 96%;
}
div.custom-select {
    width: auto !important;
}

.relatedTickets .btn.propi{background:#F44336 !important}
.relatedTickets .btn.extern{background:#2196F3 !important}
.ticket_tag{ display:inline-block;margin-left:5px;}
.ticket_tag .task-cat{font-size:12px;}
.collection-item.notificar{background-color:#EDF0D3;}
.collection-item.notificar span.mdi-device-add-alarm.title{float:right;font-size:20px;}
#novaIncidencia.modal{ padding:20px;min-height:400px;}

.publicitat, .serveis_varis, .llit_extra, .rentacar .asseguransaProp{
    padding: 24px !important;
}

.internsFacMan{
   background-color: #ff4081; 
   text-align: center;
}

.internsFacMan .with-gap:checked + label:after{
    border-radius:50%;
    border:2px solid #fff;
    background-color:#fff;
    z-index:0;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5)
}

.internsFacMan .with-gap:checked + label:before{
    border-radius: 50%;
    border: 2px solid #fff;
}

.internsFacMan .with-gap + label:before{
    border-radius: 50%;
    border: 2px solid #fff;
}

.hrfacMan hr{
    background-color: black;
    color: black;
    border: solid 1px black;
    margin-left: 120px;
    margin-right: 120px;
    margin-top:30px; 
    margin-bottom:30px;
}  

.hrfacMan2 hr{
    background-color: #00bcd4;
    color: #00bcd4;
    border: solid 1px #00bcd4;
    margin-top:30px; 
    margin-bottom:30px;
}   
 
.botoEmetre button{
    width:500px;
}

#divEmetre{
    text-align: center;
}

.fora_mallorca, .fora_mallorca a{
    color:#8a2bc5 !important;
    font-weight: bold;
}

@media print {
    /* All your print styles go here */
    .navbar-fixed, #left-sidebar-nav, #error-formulari + .card-panel, #boto_cercar { display: none !important; }

    #main {padding: 0}
    .container {padding: 0; width: 100%;}
    .llista_reserves {padding: 0}
    .collection-item {border: 1px solid black}
    .collection-item:nth-child(odd) { background-color: #0002}
}

html { height: 100%; }
body {
    min-height: 100%;
    padding-bottom: 70px;
    position: relative;
}

.cyan { background-color: #1dc490 !important; }
footer.page-footer { 
    background-color: #1dc490 !important; 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
footer.page-footer .footer-copyright { background-color: transparent !important; }
#header {
    padding: 10px 0;
    background-color:#1dc490 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
#header nav { 
    background-color: transparent !important; 
    box-shadow: none !important; 
}
#header nav .brand-logo { padding: 0 !important; }
aside#left-sidebar-nav { top: 66px !important; }
aside .side-nav { top: 84px !important; }
#main #content { padding-top: 84px; }

.c-pointer {cursor: pointer;}

.descompte-associat {
    border: 1px solid green;
    border-radius: 5px;
    padding: 5px 10px;
    color: darkolivegreen;
}

.descompte-associat p {
    margin-top: 0;
}

.descompte-associat #descompte-percentatge {
    font-weight: bold;
}

.calc-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    gap: 20px;
}

#pvp-discount-box {
    display: flex;
}

#pvp-discount-text {
    margin: 0 0 15px 0;
    padding: 3px;
    font-size: 13px;
    border: 1px solid olivedrab;
    border-radius: 5px;
    background: oldlace;
    color: green;
}

#pvp-casa-discount {
    color: green;
}

.btn-mobile {
    overflow: auto;
    white-space: nowrap;
    padding: 0.75rem 0.25rem;
}

.taula-serveis {
    overflow-x: auto;
}

.btn-cancelar-reserva {
    display: inline-flex;
    padding: 0.75rem 1.5rem !important;
    margin-left: 1.5rem !important;
    border-left: 2px solid black;
}

.btn-edit-habitacio {
    font-size: 16px;
    background-color: #2196F3;
}

.btn-edit-habitacio:hover {
    background-color: #1e81d3;
}

.header-editar-servei {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding-bottom: 1.5rem;
}

@media (max-width: 600px) {
    .btn-cancelar-reserva {
        float: left !important;
        padding: 0.75rem 0 !important;
        margin-left: 0 !important;
        border-left: none !important;
    }
}