/*
    00.00 VARIABLES
    01.00 PRIMARY ELEMENTS
    02.00 PRIMEFACES
    03.00 TEMPLATE
    03.02 BUTTONS
    03.03 CONTAINERS
    03.04 HEADER BAR
    03.05 SESION BUTTON HEADER
    03.06 TITLES
    03.07 PROGRESS BAR
    04.00 LOGIN
    05.00 DIALOG
    07.00 SOLICITUD
    08.00 LABELS
    09.00 PRESUPUESTOS
    10.00 MAIN ACCORDEON
    11.00 PRÓXIMAS SOLICITUDES
    12.00 LOADING
*/

/* 00.00 VARIABLES */
* {
    --main-width: 90%;
    --media-min-width: 320px;
    --dialog-width: 75%;
    --title-big-font-size: 4em;
    --title-font-size: 2.4em;
    --title-2-font-size: 1.4em;
    --subtitle-2-font-size: 1em;
}

/* 01.00 PRIMARY ELEMENTS */
body {
    height: 100%;
    min-width: var(--media-min-width);
}

.right-align {
    text-align: right;
}

.center-align {
    text-align: center;
}

.title-big {
    font-size: var(--title-big-font-size);
    font-weight: 800;
    margin: 0;
}

.title {
    font-size: var(--title-font-size);
    font-weight: 500;
    margin: 0;
}

.title-2 {
    font-size: var(--title-2-font-size);
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
}

.subtitle {
    font-size: var(--title-2-font-size);
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
}

.subtitle-2 {
    font-size: var(--subtitle-2-font-size);
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
}

input, textarea {
    padding: 0 15px !important;
    border-radius: 0;
    width: calc(100% - 30px);
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
}

textarea {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 02.00 PRIMEFACES */

.ui-menu .ui-menu-parent .ui-menu-child {
    width: 18.5em !important;
}

.ui-menu #menuInformacionInteres  .ui-menu-child {
    width: 24.5em !important;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width: 95% !important;
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon {
    margin-top: -2px;
}

.ui-selectonemenu {
    width: calc(100% - 17px) !important;
    height: 35px;
    line-height: normal;
    min-width: 0px !important;
    padding-right: 15px !important;
}

.ui-selectonemenu .ui-icon {
    margin-top: 10px !important;
    height: 16px;
}

.ui-selectonemenu .ui-selectonemenu-label {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 27px;
    width: calc(100% - 14px) !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    -webkit-box-shadow: 4px 3px 5px 0px rgba(137, 132, 132, 0.75);
    -moz-box-shadow: 4px 3px 5px 0px rgba(137, 132, 132, 0.75);
    box-shadow: 4px 3px 5px 0px rgba(137, 132, 132, 0.75);
    height: 96% !important;
}

.ui-inputfield.ui-state-focus {
    box-shadow: none !important;
}

.required .gi-field-label {
    position: relative;
    z-index: 50;
    left: 6px;
    opacity: 100 !important;
}

.required > .gi-field-label:after {
    content: "*";
}

.ui-menu .ui-menuitem-link {
    width: 92%;
    font-weight: 400;
}

.ui-autocomplete {
    width: 100% !important;
}

.ui-fileupload-simple {
    width: 100%;
    padding-bottom: 10px;
}

.ui-fileupload-simple .ui-button {
    width: 150px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: 0px !important;
}

.ui-selectcheckboxmenu-filter-container {
    width: 90%;
}

/* 03.00 TEMPLATE */

/* 03.01 ROW-COLUMNS */

div.row-baseline {
    align-items: baseline;
}

div.row-padding {
    padding: .5em;
}

div.row-no-padding {
    padding: 0;
}

.ui-g,
.ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7, .ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12,
.ui-md-1, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7, .ui-md-8, .ui-md-9, .ui-md-10, .ui-md-11, .ui-md-12,
.ui-sm-1, .ui-sm-2, .ui-sm-3, .ui-sm-4, .ui-sm-5, .ui-sm-6, .ui-sm-7, .ui-sm-8, .ui-sm-9, .ui-sm-10, .ui-sm-11, .ui-sm-12{
    box-sizing: border-box;
}

.bold-text {
    font-weight: bold;
}

.upper-text {
    text-transform: uppercase;
}

legend {
    font-size: 1.1em;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(74,157,158,0.4);
    color: #00598b;
    width: 100%;
    margin: 15px 0;
}

.full-width,  span.ui-calendar  {
    width: 100%;
}

.row-bottom-align {
    align-self: flex-end;
}

/* 03.02 BUTTONS */

.button-warning, .button-warning.ui-state-default, .button-warning.ui-widget-content .ui-state-default {
    font-size: 18px;
}

.button-success, .button-success.ui-state-default, .button-success.ui-widget-content .ui-state-default {
    font-size: 18px;
}

.button-danger, .button-danger.ui-state-default, .button-danger.ui-widget-content .ui-state-default {
    font-size: 18px;
}

.button-secondary, .button-secondary.ui-state-default, .button-secondary.ui-widget-content .ui-state-default {
    font-size: 18px;
}

.button-small, .button-small.ui-state-default, .button-small.ui-widget-content .ui-state-default {
    font-size: 12px !important;
}

.button-small .ui-button-text {
    line-height: 23px !important;
}

.button-default, .button-default.ui-state-default, .button-default.ui-widget-content .ui-state-default {
    font-size: 12px !important;
}

/* 03.03 CONTAINERS */

#main-container {
    width: var(--main-width);
    padding-left: 15px;
    padding-right: 15px;
}

.login-row .login-container {
    width: 378px;
    padding-left: 15px;
    padding-right: 15px;
}

#flexible-container {
    width: calc(var(--main-width) + 33px);
}

/* 03.04 HEADER */

#header-bar {
    height: 60px;
    width: var(--main-width);
}

#header-bar.ui-shadow.ui-sticky {
    height: 60px;
    width: var(--main-width) !important;
}

#logo-header-bar {
    max-height: 60px;
    height: 50px;
    padding: 5px 0px;
}

/* 03.05 SESION BUTTON HEADER */
.topnav {
    font-size: 1.2em;
}

.topnav .ui-menuitem-text {
    padding-left: 5px;
}

.topnav .user-avatar {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.topnav .user-data {
    padding-left: 15px;
    padding-right: 15px;
    width: 200px;
}

.topnav .log-out {
    width: 100%;
    margin-bottom: 5px;
}

/* 03.06 TITLES */

/* 03.07 PROGRESS BAR */

/* 04.00 LOGIN */

.login-container {
    width: 370px;
}

.login-container .ui-inputfield {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.link-login {
    width: 85%;
    padding: 6px 12px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.link-new-register p {
    font-size: 14px;
    font-weight: normal;
}

.link-video-tutorial {
    font-size: 12px;
}

/* 05.00 DIALOG */

.sidebar-dialog {
    width: var(--dialog-width) !important;
    min-width: var(--media-min-width);
    margin-left: 12%;
}

.sidebar-dialog .fixed-height {
    max-height: 60vh !important;
    overflow-y: auto;
}

.add-service {
    margin-top: 150px;
}

.valoracion-service {
    padding: 30px 100px;
}

.agradecimiento, .incidencia, .sugerencia {
    justify-content: center;
}

/* 06.00 TABLES */

/* 06.00 PANNEL */

.link-info {
    width: calc(100% - 20px);
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* 07.00 SOLICITUD */

.travelers-list {
    font-size: 1.2em;
}

/* 08.00 LABELS */

.label-warning {
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    border-radius: .25em;
    margin: 0 0 10px;
}

.label-warning img {
    border: 0;
    padding: 0px;
    width: 30px;
    height: 30px;
}

.label-info {
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    border-radius: .25em;
    margin: 0 0 10px;
}

.label-info img {
    border: 0;
    padding: 0px;
    width: 30px;
    height: 30px;
}

/* 09.00 PRESUPUESTOS */

.accordion-proposals table {
    width: 100%;
}

.accordion-proposals .ui-accordion-header {
    padding: 0px !important;
    width: 100%;
}

.accordion-proposals .ui-icon-triangle-1-s, .accordion-proposals .ui-icon-triangle-1-e {
    width: 20px;
    height: 20px;
}

.accordion-proposals .ui-accordion-content {
    padding: 0px !important;
}

.request-proposals .header-highlighted-2 h4 {
    margin: 0px !important;
    font-size: 1em;
}

.request-proposals .body-highlighted {
    margin-top: -2px;
}

.accordion-proposals .body-highlighted.proposed-summary {
    margin-top: -2px;
}

.request-proposals .footer-highlighted {
    margin-bottom: 15px;
    margin-top: -2px;
}

/* 10.00 MAIN ACCORDEON */

.accordion-main .ui-accordion-header,  .accordion-main .ui-accordion-header [aria-expanded="true"] {
    margin-bottom: 2px;
    font-size: 1.1em;
}

.accordion-main .ui-accordion-content {
    border-radius: 4px;
    border: 1px solid transparent;
}

.accordion-main .ui-icon-triangle-1-s, .accordion-main .ui-icon-triangle-1-e {
    width: 20px;
    height: 20px;
}

/* 11.00 PRÓXIMAS SOLICITUDES */

/* 12.00 LOADING */