@charset "UTF-8";

/*
    Copyright (c) 2016 Icnea Tecnologia
*/

@import url('https://fonts.googleapis.com/css?family=Overpass');

/*===============================================
  Tables
================================================= */
.tabPrincipal .table > thead > tr > th,
.tabPrincipal .table > tbody > tr > th,
.tabPrincipal .table > tfoot > tr > th,
.tabPrincipal .table > thead > tr > td,
.tabPrincipal .table > tbody > tr > td,
.tabPrincipal .table > tfoot > tr > td {
    padding: 6px;
}

.table > thead > tr > th.thIcoImprimir {
    width: 4%;
}

.table > thead > tr > th.thNumReserva {
    width: 8%;
}

.table > thead > tr > th.thDataEntrada {
    width: 8%;
}

.table > thead > tr > th.thEstabliment {
    width: 27%;
}

.table > thead > tr > th.thClient {
    width: 27%;
}

.table > thead > tr > th.thNits {
    width: 5%;
    text-align: center;
}

.table > thead > tr > th.thImport {
    width: 8%;
    text-align: center;
}

.table > thead > tr > th.thOrigen {
    width: 16%;
    text-align: center;
}

.table > thead > tr > th.thEntradaReserva {
    width: 9%;
}

.table > thead > tr > th.thEstanciaMinima {
    width: 14%;
    text-align: center;
}

.table > thead > tr > th.thPagoAnticipado {
    width: 14%;
    text-align: right;
}

/*.table > tfoot {
    background-color: #e2e2e2;
}*/

.table > tfoot > tr > td.total {
    font-weight: bold;
    font-size: 16px;
    color: #ac311d;
}

.table > tfoot > tr > td.totalGris, td.totalGris {
    font-weight: bold;
    font-size: 16px;
    color: #6f6e6e;
}

td.calNumDies, td.text-centerColors {
    font-size: 12px;
    text-align: center;
}

td.calDies {
    text-align: center;
    color: #b6b6b6;
}

th.calNomAllotjament a {
    font-size: 12px;
}

td.calDiesColors, td.calDia {
    text-align: center;
}

    td.calDia.bgGris1 {
        background-color: #E0E0E0;
    }

    td.calDia.bgGris2 {
        background-color: #F9F9F9;
    }

        td.calDiesColors a, td.calDia.bgGris1 a, td.calDia.bgGris2 a {
            text-decoration: none;
            font-size: 12px;
            color: #AAA;
        }

    td.calDia.reserva {
        background-color: #eeeeee;
    }

    td.calDia.descuentoTarifa {
        border-bottom: 2px #ff0000 solid;
    }

    td.calDia.descuentoLastminute {
        border-bottom: 2px #ec008c solid;
    }

    td.calDia.descuentoAnticipada {
        border-bottom: 2px #5bc24c solid;
    }

    td.calDia.descuentoLarga {
        border-bottom: 2px #55badf solid;
    }

    td.calDia.reserva a {
        text-decoration: line-through;
        font-size: 12px;
        color: #AAA;
    }

span.peuReserva, span.peuDescuentoTarifa, span.peuDescuentoLastminute, span.peuDescuentoAnticipada, span.peuDescuentoLarga {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
}

span.peuReserva {
    text-decoration: line-through;
    background-color: #eeeeee;
    padding: 5px 10px;
}

span.peuDescuentoTarifa {
    border-bottom: 2px #ff0000 solid;
}

span.peuDescuentoLastminute {
    border-bottom: 2px #ec008c solid;
}

span.peuDescuentoAnticipada {
    border-bottom: 2px #5bc24c solid;
}

span.peuDescuentoLarga {
    border-bottom: 2px #55badf solid;
}

span.calLletres {
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
}

.table.reserva input.form-control {
    width: 75px;
}

/*.table.reserva > tbody > tr > td {
    vertical-align: top;
}*/

.displayFoto {
    width: 200px;
}

    .displayFoto img {
        width: 100%;
    }

.table.canalsModificacioPreus > thead:first-child > tr:first-child > th,
.table.canalsModificacioPreus > thead > tr.primary + tr > th,
.table.canalsModificacioPreus > tbody > tr.success + tr > td,
.table.canalsModificacioPreus.table-condensed > tbody > tr > td {
    padding: 3px;
}

.table.canalsVisualitzacio > tbody > tr.success > td {
    text-align: center;
}

.w45xcent {
    width: 45%;
}
/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: top;
}*/
.reservasTotal th, .depositosTotal th {
    width: 25%;
}

table.checkbox-custom.checkbox-primary.mb5 {
    width: 100%;
}

    table.checkbox-custom.checkbox-primary.mb5 td {
        width: 33.33333333%;
    }

.calendari > .table-condensed {
    width: 1198px;
}

.calendari .table-condensed > tbody > tr > td {
    min-width: 33px;
    height: 20px;
}
/* .panel-visualitzacio-preus .table-responsive {
    margin-bottom: 30px;
    border-bottom: 1px #ccc solid;
} */

/*===============================================
  Forms
================================================= */
form.mare {
    height: 100%;
}

.admin-form .gui-input.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    height: 30px;
}

.admin-form .prepend-picker-icon button {
    width: 30px;
    height: 30px;
    line-height: 28px;
}

.admin-form .prepend-picker-icon {
    padding-left: 30px;
}

legend {
    color: #AAA;
}

.section-dividerForms {
    line-height: 1.231;
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

    .section-dividerForms span {
        color: #082e42;
        background-color: #FFF;
        display: inline-block;
        position: relative;
        padding: 0 17px;
        top: -11px;
        font-size: 15px;
    }

.situacio input.form-control {
    width: 75px;
    text-align: right;
}

span.label {
    padding-left: 10px;
}

.radiosIdiomes .radio-inline:first-child {
    padding-left: 0;
}

.miniNumeric {
    border: 0;
}

.visualitzacio-preus .input-sm {
    height: 20px;
    padding: 1px;
}

.input-sm-pn {
    height: 20px;
    padding: 1px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
}

/*===============================================
  Demo Icones
================================================= */
.icon-demo-list li {
    width: 3%;
}

    .icon-demo-list li span {
        font-size: 18px;
    }

/*===============================================
  Llistats
================================================= */
ul.icon-list.reserva li {
    float: left;
}

    ul.icon-list.reserva li + li {
        padding-top: 0;
        padding-left: 20px;
    }

/*===============================================
  Elements
================================================= */
.panel-body .admin-form.theme-primary span {
    color: #082e42;
    background-color: #FFF;
}

.panel-body .admin-form.theme-primary input[type="submit"] {
    font-size: 13px;
    margin-bottom: 10px;
}

.botonsAccions {
    margin-top: 40px;
}

/*.iconPagament {
    position: relative;
    width: 13px;
    height: 12px;
    overflow: hidden;
}*/

/*.linkIcon {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

    .linkIcon:hover {
        position: absolute;
        left: 0;
        top: -12px;
        overflow: hidden;
    }*/
.map {
    height: auto;
}

    .map img {
        width: 100%;
    }

.nodisc {
    list-style-type: none;
}

.vat img {
    vertical-align: top;
}

.ajuda {
    position: relative;
}

.btn-ajuda {
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
}

.btn-ajuda-abs {
    position: absolute;
    top: 10px;
    right: 10px;
}

.btn-ajuda-abs-form-group {
    position: absolute;
    top: 3px;
    left: 11px;
}

.page-header {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 25px;
}

img#iSignatura {
    max-width: 320px;
}

/*===============================================
  Colors glyphicons
================================================= */
.ok {
    color: #5BC24C;
}

.remove {
    color: #E63F24;
}

.desactivat {
    color: #ccc;
}

.info {
    color: #082e42;
}

.text-primary,
.text-info {
    color: #082e42;
}
/*===============================================
  Gestió fotos
================================================= */
.gestioFotos .thumbnail {
    width: 100%;
    height: 224px;
    display: table;
    margin-bottom: 5px;
}

.contenidorBotoAfegir {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.contenidor-alt {
    position: relative;
    margin-bottom: 19px;
}

    .contenidor-alt > input {
        padding-right: 20px;
    }

    .contenidor-alt > a {
        position: absolute;
        top: 7px;
        right: 5px;
    }

        .contenidor-alt > a .fa {
            font-size: 18px;
        }

/*===============================================
  Canals 
================================================= */
.canalsRegistreAgencies .glyphicons {
    margin: 0 10px;
}

.canalsConnexions {
    font-size: 12px;
}

th.hotel {
    width: 19%;
}

th.room {
    width: 40%;
}

th.rate {
    width: 19%;
}

th.increment {
    width: 10%;
}

th.stay {
    width: 6%;
}

th.cupo {
    width: 3%;
}

th.accions {
    width: 3%;
}

.inputPreus1 {
    border: 0px;
    margin: 0px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    cursor: default;
    background-color: #E0E0E0;
    color: #E0E0E0;
}

.inputPreus2 {
    border: 0px;
    margin: 0px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    cursor: default;
    background-color: #C7C7C7;
    color: #C7C7C7;
}

.inputPreus3 {
    border: 0px;
    margin: 0px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    cursor: default;
    background-color: #C7C7C7;
    color: #ff0000;
}

.inputPreus4 {
    border: 0px;
    margin: 0px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    cursor: default;
    background-color: #E0E0E0;
    color: #ff0000;
}

.inputPreus5 {
    border: 0px;
    margin: 0px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    cursor: default;
    background-color: #C7C7C7;
    color: #000000;
}

.inputPreus6 {
    border: 0px;
    margin: 0px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    cursor: default;
    background-color: #E0E0E0;
    color: #000000;
}

.canalsVisualitzacio td.bgGrisClar1 {
    text-align: center;
    color: #ff3300;
    background-color: #f9f9f9;
}

.canalsVisualitzacio td.bgGrisClar2 {
    background-color: #eeeeee;
    text-align: center;
    color: #ff3300;
}

.canalsVisualitzacio td.bgGrisClar3 {
    text-align: center;
    color: #f9f9f9;
    background-color: #f9f9f9;
}

.canalsVisualitzacio td.bgGrisClar4 {
    background-color: #eeeeee;
    text-align: center;
    color: #eeeeee;
}

.canalsVisualitzacio td.bgGrisClar5 {
    text-align: center;
    color: inherit;
    background-color: #f9f9f9;
}

.canalsVisualitzacio td.bgGrisClar6 {
    background-color: #eeeeee;
    text-align: center;
    color: inherit;
}

.canalsVisualitzacio td.bgGrisClar7 {
    background-color: #f9f9f9;
    text-align: center;
    color: inherit;
}

.canalsVisualitzacio td.bgGrisClar8 {
    background-color: #eeeeee;
    text-align: center;
    color: inherit;
}

.canalsVisualitzacio .concepte {
    color: #b1b1b1;
}

/*===============================================
  Page Tabs - Ubicació en el header 
================================================= */
.page-tabs {
    float: left;
    background-color: #082e42;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.nav-tabs > li > a {
    border: none
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: none;
}

/*===============================================
  Colors
================================================= */
.brand-danger {
    color: #d9534f;
}

/*===============================================
  MENU SUPERIOR
================================================= */
header#pms > table {
    width: max-content;
}
header#pms > table td {
    vertical-align: top;
}

td.seccions-principals {
    float: left;
}

.menuSuperior input[type="submit"], .menuSuperior a {
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Overpass', sans-serif;
    font-size: 11px;
    font-weight: 400;
    /* letter-spacing: 0.3px; */
    height: 59px;
    max-height: 59px;
    padding: 10px 8px;
    border: none;
    /* margin-right: 2px; */
    line-height: 1.49;
    position: relative;
    display: block;
    text-decoration: none;
    background: transparent;
    text-transform: uppercase;
}

@media screen and (min-width: 1730px) {
    .menuSuperior input[type="submit"], .menuSuperior a {
        font-size: 13px;
        padding: 10px 18px;
    }
}

.navbar.bg-dark .nav > li.open > input[type="submit"],
.navbar.bg-dark .nav > li:hover > input[type="submit"],
.navbar.bg-dark .nav > li:focus > input[type="submit"],
.navbar.bg-dark .nav > li.active > input[type="submit"],
.navbar.bg-dark .nav > li > input[type="submit"]:hover,
.navbar.bg-dark .nav > li > input[type="submit"]:focus {
    color: #FFF;
    background-color: #304957;
}

.idiomes input[type="submit"] {
    clear: both;
    color: #666666;
    font-weight: normal;
    line-height: 1.49;
    white-space: nowrap;
    color: #666666;
    background: transparent;
    text-decoration: none;
    border: none;
}

.idiomes-login .navbar-btn, .idiomes-login .navbar-nav.navbar-right, .navbar-nav.navbar-right:last-child {
    margin: 0;
}

/*  versió maquetació amb TABLES */

.navbar.bg-dark .nav > td.open > input[type="submit"],
.navbar.bg-dark .nav > td:hover > input[type="submit"],
.navbar.bg-dark .nav > td:focus > input[type="submit"],
.navbar.bg-dark .nav > td.active > input[type="submit"],
.navbar.bg-dark .nav > td > input[type="submit"]:hover,
.navbar.bg-dark .nav > td > input[type="submit"]:focus {
    color: #FFF;
    background-color: #304957;
}


/*===============================================
  Calendari antic
================================================= */
.cal_Theme1 .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
    font-size: 12px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
    font-size: 12px;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align: center;
    font-size: 12px;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.cal_Theme1 .ajax__calendar_footer {
    display: none;
}



@media (min-width: 320px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 10px;
    }
}

/*===============================================
  Ajustos
================================================= */
.icona-fs14 {
    font-size: 14px;
}

.icona-fs16 {
    font-size: 16px;
}
/*.table > tbody > tr > td.vertical-align-middle {
    vertical-align: middle;
}*/
.form-horizontal .comptesContables .form-group {
    margin-left: 0;
    margin-right: 0;
}

.no-lateral #content_wrapper {
    margin-left: 0 !important;
    margin-top: 60px !important;
}

.no-lateral #toggle_sidemenu_l {
    display: none;
}

.table > caption {
    width: 100%;
}

.table.primary > caption {
    text-align: left;
}

body.popup {
    min-height: initial;
}

/*===============================================
  Servidor Security
================================================= */
body.error-page span.fa {
    display: block;
    text-align: center;
}

/*===============================================
  Login
================================================= */
.CompletionList {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    list-style-type: none;
    margin: 0px !important;
    padding: 0;
    overflow: auto;
}

.CompletionListItem {
    color: #666666;
    cursor: pointer;
    padding: 5px;
    background-color: #eeeeee;
}

.CompletionListHighlightedItem {
    color: #000000;
    cursor: pointer;
    padding: 5px;
    background-color: #FFF;
}

.dropdown-menu.idiomes {
    min-width: 70px;
}

    .dropdown-menu.idiomes a {
        font-size: 12px;
    }

/*==================================================================
  Datepicker - jQuery UI
===================================================================*/
.ui-datepicker-today a,
.ui-datepicker-today a:hover,
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight {
    background: #8bc4ea !important;
}

.ui-datepicker .ui-state-active {
    background: #082e42 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: auto;
    color: #082e42;
}


/* =================================================================
    Dropdown Checklist pel calendari 
================================================================== */
.dropdown dd, .dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
}

.dropdown dd {
    position: relative;
}

.dropdown a,
.dropdown a:visited {
    color: #3344FF;
    text-decoration: none;
    outline: none;
    font-size: 10px;
    font-family: Verdana;
}

.dropdown dt a {
    background: #f7f7f7 url(dropdown.png) no-repeat center right;
    /*background-color: #4F6877;*/
    display: block;
    border: 1px inset #e5e5e5;
    height: 16px;
    width: 150px;
    margin: 0px;
    vertical-align: middle;
    color: #3344FF;
    font-size: 10px;
    overflow: hidden;
    font-family: Verdana;
}

    .dropdown dt a span, .multiSel span {
        cursor: pointer;
        display: inline-block;
        padding: 2px;
    }

.dropdown dd ul {
    background-color: #f7f7f7;
    border: 0;
    font-size: 10px;
    color: #3344FF;
    display: none;
    left: 0px;
    padding: 0px;
    position: absolute;
    /*top: 2px;*/
    width: 150px;
    list-style: none;
    height: 150px;
    overflow: auto;
    font-family: Verdana;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 2px;
    display: block;
}

    .dropdown dd ul li a:hover {
        background-color: #f7f7f7;
    }

/*==================================================================
  Dashboard
===================================================================*/
.moduls-escritori .col-md-3 {
    width: 20%;
    float: left;
}

/*@media (max-width: 1100px) {
  .sb-l-o #content_wrapper {    
    left: 0;
  }    
}*/

.avisos-notificacions li {
    margin-top: 20px;
}

.links-enquestes li {
    margin-top: 10px;
}

    .avisos-notificacions li:first-child, .links-enquestes li:first-child {
        margin-top: 0;
    }

    .avisos-notificacions li a, .links-enquestes li a {
        font-size: 14px;
        color: #666;
    }

        .avisos-notificacions li a:hover, .links-enquestes li a:hover {
            text-decoration: underline;
        }

@media (max-width: 800px) {
    .no-lateral .page-tabs .nav-tabs li:last-child {
        margin-bottom: 0;
    }

    .page-tabs .nav-tabs li {
        margin-bottom: 0;
    }
}

.panel-body-portada {
    margin: 0 !important;
    padding: 15px !important;
    min-height: 300px !important;
}

.kpi-portada {
    background-color: #fbfbfb;
    border: 1px #ddd solid !important;
    min-height: 90px;
}

@media screen and (min-width: 1920px) {
    .kpi-portada {
        min-height: none;
    }

    .panel-body-portada {
        min-height: 465px !important;
    }

    .portada-ordre-agencies {
        order: 2;
    }

    .portada-ordre-ocupacio {
        order: 1;
    }
}


/* =====================================
    Menú lateral
    ================================== */

body.sb-l-m #sidebar_left .sidebar-label {
    display: block;
    width: 60px;
    font-size: 0;
    border-bottom: solid 1px #999;
    padding: 0 !important;
}

.sidebar-menu > li > a > span:nth-child(2) {
    padding-left: 0;
    letter-spacing: -0.3px;
}

/*#sidebar_left.sidebar-light .sidebar-menu > li a {
    font-family: 'Overpass', sans-serif;
}*/

#sidebar_left.sidebar-light .sidebar-menu > li > a:hover {
    background-color: #FFF;
}

#sidebar_left.sidebar-light .sidebar-menu > li > a > span:hover {
    color: #082e42;
}

.sidebar-menu > li.active > a {
    background: #efefef !important;
    font-weight: bold !important;
}

    .sidebar-menu > li.active > a .fa {
        color: #000 !important;
        font-weight: normal !important;
    }

.sidebar-menu > li > a:hover {
    background: #efefef !important;
}

#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(2) {
    letter-spacing: 0;
}


/*===============================================
  MENU SERVEIS - responsive
================================================= */
body.sb-top.sb-top-sm #sidebar_left .sidebar-menu > li > input[type="submit"] {
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 16px;
    overflow: visible;
    color: #bbbbbb;
    padding: 0 18px;
    text-decoration: none;
    background: transparent;
    border: 0;
    width: inherit;
}

@media (max-width: 900px) {
    body.sb-top #sidebar_left .sidebar-menu > li {
        border-bottom: 1px #666 solid;
    }

        body.sb-top #sidebar_left .sidebar-menu > li > input[type="submit"] {
            height: 45px !important;
            line-height: 45px !important;
            padding: 0 16px !important;
            text-align: left !important;
        }

    body.sb-l-m #sidebar_left .sidebar-label, body.sb-l-m .navbar-branding {
        width: 45px;
    }
}

@media (max-width: 767px) {
    .panel-heading {
        height: auto;
    }

    .panel-title {
        line-height: 23px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
    }

    .panel-heading .fletxa-dreta-nav + .panel-title {
        display: initial;
    }

    .panel-heading .fletxa-dreta-nav + .form-control + .panel-title {
        display: initial;
    }

    .panel.contracte {
        width: 960px;
    }

        .panel.contracte .panel-heading {
            height: 52px !important;
        }

    #skin-toolbox {
        display: none;
    }
}

@media (max-width: 1023px) {
    body.sb-l-m #pms {
        width: 1060px !important;
    }

    body #pms {
        width: 1250px !important;
    }

    .menuSuperior {
        height: 59px;
    }

    #pms.navbar-fixed-top {
        position: relative !important;
    }

    #pms + #sidebar_left + #content_wrapper > #content, #pms + #content_wrapper > #content {
        width: 1000px !important;
    }
    /*
    .navbar-branding {
        width: 60px;
    }
    */
    body.error-page span.fa {
        text-align: left;
    }

    body.error-page .error-subtitle {
        text-align: left;
    }

    header#pms + section#content_wrapper.pt50 {
        padding-top: 0 !important;
    }

    .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
        padding-top: 0;
    }
}

@media (max-width: 1199px) {
    .navbar-branding .hidden-md {
        display: none !important;
    }
    /*
    .navbar-branding {
        width: 60px;
    }
    */
}

@media (max-width: 1024px) {
    body {
        cursor: pointer;
    }
}

/*==========================================================
  Navbar Branding - Logo/Text
=========================================================== */
/*
.navbar-branding {
    float: none !important;
}
*/
.navbar-brand img {
    max-width: 170px;
    max-height: 52px;
}

/*==========================================================
  Navbar Left/Right Containers
=========================================================== */
.navbar-right-fn {
    float: none !important;
    display: inline-block;
}

/*==========================================================
  Ajuda Lateral
=========================================================== */
#skin-toolbox {
    width: 500px;
    right: -500px;
    top: 70px;
    overflow-y: auto;
}

    #skin-toolbox .panel-heading {
        width: 555px;
        background-color: rgba(255, 255, 255, 0.6);
        border-top: 5px #082e42 solid;
        line-height: 40px;
    }

    #skin-toolbox .panel-body {
        overflow: auto;
        max-height: 80vh;
        margin-top: 0;
    }

    #skin-toolbox .panel-icon {
        padding-left: 15px;
        font-size: 18px;
    }

@media screen and (max-width: 1400px) {
    .calendari .table-responsive {
        width: 100%;
        margin-bottom: 14.25px;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #eeeeee;
        -webkit-overflow-scrolling: touch;
    }

        .calendari .table-responsive > .table > thead > tr > th,
        .calendari .table-responsive > .table > tbody > tr > th,
        .calendari .table-responsive > .table > tfoot > tr > th,
        .calendari .table-responsive > .table > thead > tr > td,
        .calendari .table-responsive > .table > tbody > tr > td,
        .calendari .table-responsive > .table > tfoot > tr > td {
            white-space: nowrap;
        }

    .paquets-oferta .table-responsive,
    .introduccio-preus .table-responsive,
    .calendari-any .table-responsive,
    .neteges .table-responsive,
    .bloqueig-disponibilitat .table-responsive,
    .introduccio-preus-mensual .table-responsive,
    .introduccio-preus-agencia .table-responsive {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #eeeeee;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 1500px) {
    .panel-visualitzacio-preus .table-responsive {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #eeeeee;
        -webkit-overflow-scrolling: touch;
    }
}

.moduls-escritori .icon-bg {
    right: 15px;
    top: -23px;
    font-size: 30px;
}

body.sb-l-m .sidebar-menu > li > a > .sidebar-title {
    font-size: 12px;
}

/* CERCADOR */

.form-group input.input-cercador-codi {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.2);
    border-color: transparent;
    width: 120px;
    height: 26px;
    padding: 0 12px;
}

.form-group input.button-cercador-codi {
    padding: 3px 6px;
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 1400px) {
    .cercador-codi {
        display: none;
    }
}

/* Servidor Home Superior */
.navbar.servidor-home-superior {
    height: 40px;
    min-height: initial;
}

.servidor-home-superior .menuSuperior {
    height: 40px;
}

.servidor-home-superior .navbar-brand img {
    max-width: 100px;
    max-height: 40px;
}

.servidor-home-superior .menuSuperior input[type="submit"], .servidor-home-superior .navbar-branding, .navbar-branding .navbar-brand {
    height: 40px;
}

    .servidor-home-superior .navbar-branding .navbar-brand {
        line-height: 40px;
    }

.servidor-home-superior .navbar-btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 1200px) {
    .navbar-branding {
        width: 220px;
        float: none;
    }

    .id-empresa {
        display: none !important;
    }

    .menuSuperior input[type="submit"] {
        padding: 10px 6px;
    }
}

@media (max-width: 768px) {
    .section-dividerForms {
        text-align: left;
    }

        .section-dividerForms span {
            padding-left: 0;
        }
}

/*===============================================
  POPOVER
================================================= */
/* .table.neteges > thead > tr > th {    
    text-transform: uppercase;
} */
.table > thead > tr > th .popover {
    font-weight: normal;
    text-transform: none !important;
}

    .table > thead > tr > th .popover p strong {
        font-weight: 700 !important;
    }

/* Fletxes navegació mesos, setmanes,... */
.fletxa-dreta-nav {
    padding-left: 10px;
    padding-right: 10px;
}

.fletxa-esquerra-nav, .fletxa-dreta-nav {
    font-size: 18px;
}

/*==========================================================
  Extensió colors bootstrap
=========================================================== */

/*.irene, .label-irene {
    background-color: #d45656;
}
.irene-d {
    background-image: linear-gradient(146deg, #d45656 52%, transparent 52%);
}
.kenneth,.label-kenneth {
    background-color: #ecc376;
}
.kenneth-d {
    background-image: linear-gradient(146deg, #ecc376 52%, transparent 52%);
}

.salvatore,.label-salvatore {
    background-color: #8c94e8;
}
.salvatore-d {
    background-image: linear-gradient(146deg, #8c94e8 52%, transparent 52%);
}
.davide,.label-davide {
    background-color: #96d07d;
}
.davide-d {
    background-image: linear-gradient(146deg, #96d07d 52%, transparent 52%);
}

.paula,.label-paula {
    background-color: #e67af3;
}
.paula-d {
    background-image: linear-gradient(146deg, #e67af3 52%, transparent 52%);
}
.jesus,.label-jesus {
    background-color: #e8e272;
}
.jesus-d {
    background-image: linear-gradient(146deg, #e8e272 52%, transparent 52%);
}

.jordi,.label-jordi {
    background-color: #a98a65;
}
.jordi-d {
    background-image: linear-gradient(146deg, #a98a65 52%, transparent 52%);
}

.ingrid,.label-ingrid {
    background-color: #db3778;
}
.ingrid-d {
    background-image: linear-gradient(146deg, #db3778 52%, transparent 52%);
}
.marti,.label-marti {
    background-color: #55bfd7;
}
.marti-d {
    background-image: linear-gradient(146deg, #55bfd7 52%, transparent 52%);
}
.xavier,.label-xavier {
    background-color: #686465;
}
.xavier-d {
    background-image: linear-gradient(146deg, #686465 52%, transparent 52%);
}
.eloi,.label-eloi {
    background-color: #0f9488;
}
.eloi-d {
    background-image: linear-gradient(146deg, #0f9488 52%, transparent 52%);
}*/

/* ------------- */
/*   Redisseny   */
/* ------------- */
.navbar.bg-dark {
    background-color: #082e42 !important;
}

#main:before {
    background-color: #FFF;
}

.panel-heading {
    border: none;
    background-color: transparent;
    border-bottom: 2px dashed #f0f0f0;
}

.panel-menu {
    background-color: transparent;
    padding: 0;
    border: none;
    margin-top: 20px;
}

.panel-body {
    border: none;
    padding: 0;
    margin-top: 20px;
}

.panel-footer {
    border: none;
}

.bg-light {
    background-color: transparent;
}

.btn-primary {
    background-color: #3b3f4f;
}

.btn-outline-primary {
    border-color: #3b3f4f;
    color: #3b3f4f;
    background-color: #fff;
}

.panel-title, h2.fw400 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4 !important;
    color: #082e42;
    padding-left: 0;
}

.table {
    border: none !important;
}

    .table.table-bordered {
        border: 1px #E2E2E2 solid !important;
    }

    .table tr.bg-dark {
        background-color: white !important;
        color: initial;
    }

.panel-tabs > li.active > a {
    border-right: none;
    border-left: none;
}

#content > div.mw1200.center-block {
    max-width: 100% !important;
}

.panel-tabs.panel-tabs-border > li.active > a {
    margin-top: 0;
    border-top: none;
    margin-bottom: -1px;
    border-bottom: 2px solid #3498db;
    color: #082e42 !important;
    /* background-color: #f2f2f2; opció active més destacat */
}
/* #booking .panel-default > .panel-heading {
    background-color: #e2e2e2;
    border-bottom: none;
}
#booking .panel-default > .panel-heading a {
    position: initial;
    display: initial;
    width: initial;
}        
#booking .panel-default > .panel-heading .row {
    position: relative;
}        
#booking .panel-default > .panel-heading a.desplegar {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: auto;
    padding: 10px 15px;
}
#booking .panel-default > .panel-heading a.desplegar:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
#booking .panel-default > .panel-heading a.desplegar[aria-expanded="true"] {
    background-color: #eee;
}
#booking .panel-default > .panel-heading a.desplegar[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#booking .panel-default > .panel-heading a.desplegar[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#booking .accordion-option .toggle-accordion:before {
    content: "\002b" " " "Expand All";            
}
#booking .accordion-option .toggle-accordion.active:before {
    content: "\2212" " " "Collapse All";
} */
#oportunitats .panel-heading {
    line-height: 22px;
    padding: 15px;
}

#oportunitats .panel-body {
    line-height: 22px;
    padding: 0 15px 15px 15px;
}

#oportunitats .oportunitat:nth-child(3n+4) {
    clear: left;
}

.reserva-detall .list-group-item {
    border-left: none;
    border-top: 1px solid #e7e7e7;
    border-right: none;
    border-bottom: 1px solid #e7e7e7;
}

.reserva-detall .reserva-resum {
    border: 1px #ededed solid;
    background-color: #fbfbfb;
}

    .reserva-detall .reserva-resum .icon-list {
        padding-left: 15px;
        margin-top: 0;
    }

/*==========================================================
  Estil per arreglar momentaneament el height dels editors
=========================================================== */
#eResum .dxhe-iframe-wrapper,
#Observacions .dxhe-iframe-wrapper {
    min-height: 100px;
}

#eTexte .dxhe-iframe-wrapper,
#eTexte1 .dxhe-iframe-wrapper,
#eTexte2 .dxhe-iframe-wrapper,
#eTexte3 .dxhe-iframe-wrapper,
#eTexte4 .dxhe-iframe-wrapper,
#eTexte5 .dxhe-iframe-wrapper,
#eTexte6 .dxhe-iframe-wrapper,
#eTexte7 .dxhe-iframe-wrapper,
#eTxt1 .dxhe-iframe-wrapper,
#eTxt2 .dxhe-iframe-wrapper,
#eTxt3 .dxhe-iframe-wrapper,
#eTxt4 .dxhe-iframe-wrapper,
#eTxt6 .dxhe-iframe-wrapper,
#eBody .dxhe-iframe-wrapper,
#dTexte .dxhe-iframe-wrapper,
#Curriculum .dxhe-iframe-wrapper,
#eCircular .dxhe-iframe-wrapper,
#eInstruccions .dxhe-iframe-wrapper,
#eRecordatori .dxhe-iframe-wrapper,
#Traduccio .dxhe-iframe-wrapper {
    min-height: 400px;
}
.popover {
    width: 276px!important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif!important;
    font-size: 13px!important;
    font-weight: 400!important;
    color: #666666!important;
    line-height: 1.5!important;
}