/* ******************* */
/*    GENERAL STYLES   */
/* ******************* */
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.strong {
    font-weight: bold;
}
.pink {
    color: #b5009c;
}
.red {
    color: red;
}
.hideElement {
    display: none !important;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
nav[role="navigation"] > a {
    margin-right: 10px;
}

/* Colore di base dei font */
body,
html,
.table,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.form-control,
.panel-title,
.table > tfoot > tr > th, 
.table > thead > tr > th,
input[type="radio"]:checked ~ label,
ul.radio li:hover label {
    color: #000;
}

/* SMS Loader */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#voyager-loader-sms {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    animation: spin 2s linear infinite;
    margin-right: 1%;
}

/* INVOICE Message Loader */
.invoice-loading-message {
    position: fixed;
    top: 0;
    left: 60px;
    width: 92%;
    background-color: #ffc107;
    color: #000;
    text-align: center;
    padding: 10px;
    z-index: 9999;
    font-weight: bold;
}
.btn-row-inline {
    margin-top: 2em;
    float: right;
}
.hr-page-separator {
    border-top: 1px solid #aaa;
}



/* ******************* */
/*   MOBILE BACK END   */
/* ******************* */
/* Landscape = orizz. | portrait = vert.*/

/* ------------------------------ */
/* ------ LAYOUT MOBILES 1 ------ */
/* ------------------------------ */
/* Galaxy Fold */
@media (min-width: 280px) {}
/* iPhone 5, iPhone SE */
@media (min-width: 320px) {} 
/* Galaxy S5, Moto G4, Realme GT (portrait/landscape) */
@media (min-width: 360px) 
{
    /* BASIC STYLES */
    .page-title {
        /* color: #008432; */
        width: 100%;
        height: 8em;
    }
    .voyager.dashboard .app-container {
        padding-bottom: 0;
        margin-bottom: -3em;
    }
    .app-container {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .voyager .btn.btn-info {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }



    /* READ EVENT MODAL */
    .modal-footer {
        width: 100%;
        display: inline-flex;
        padding: 0 36px 2em;
        margin-top: 1em;
    }
    .modal .close-modal {
        margin-right: 7px;
    }
    .modal .save-modal {
        margin-right: 7px;
    }
    


    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        width: 118%;
        margin-left: -36px;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar {
        margin-top: 0.5em;
        display: block;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(1),
    #calendar > div.fc-header-toolbar > div:nth-child(3) {
        margin: 0 auto;
        text-align: center;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(2) {
        font-size: 0.7em;
        margin: 1.4em auto;
        width: 100%;
        text-align: center;
    }
    #calendar > div.fc-header-toolbar h2.fc-toolbar-title {
        padding: 0;
        font-size: 2em;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: 0.8em 0 0 0;
        font-size: 1.3em;
        padding: 0.5em 0.7em;
        background-color: #22a7f0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button span.fc-icon-add i {
        font-size: 1em;
        vertical-align: top;
    }
    .fc .fc-button-primary {
        border-color: #0065cb;
    }
    .fc .fc-button-primary:not(:disabled):active, 
    .fc .fc-button-primary:not(:disabled).fc-button-active,
    .fc .fc-button-primary:disabled {
        background-color: #22a7f0;
        border-color: #0065cb;
    }
    .fc .fc-button:disabled {
        opacity: 1;
    }
    #read_edit_event .modal-title .voyager-calendar,
    #add_beauty_package .modal-title .voyager-archive {
        padding-right: 10px;
    }



    /* DATABASE-BREAD ELEMENTS */
    div.language-selector {
        padding: 0 !important;
        margin: -3em 0 0 0;
    }



    /* BREAD BUTTONS */
    .page-buttons{ 
        display: flex;
        width: 100%;
        margin: 1em 0 1em -58%;
    }
    .panel-title{ 
        padding: 1em 15px;
    }
    .page-title-position {
        font-size: 36px;
        margin: 0 auto;
    }
    .panel-heading.checkbox-button > h3 > input[type="checkbox"] {
        margin: 0.9em 0 0;
    }
    .action-buttons {
        margin: -1.4em 0 1em 0;
    }
    div.table-responsive-mobile .go-to-list,
    div.table-responsive-mobile .view,
    div.table-responsive-mobile .edit,
    div.table-responsive-mobile .delete,
    div.table-responsive-mobile .restore,
    div.table-responsive-mobile .presentation {
        margin: 0 0 0 5%;
        cursor: pointer;
    }
    div.table-responsive-mobile .view > i,
    div.table-responsive-mobile .edit > i,
    div.table-responsive-mobile .delete > i,
    div.table-responsive-mobile .restore > i,
    div.table-responsive-mobile .presentation > i,
    div.table-responsive-mobile a.btn.btn-sm.btn-success.pull-right > i {
        font-size: 14px;
        line-height: 1.57142857;
    }
    .page-buttons .btn-add-new {
        float: left;
        margin: 3px 16px;
    }
    .page-buttons .btn-add-many-new,
    .page-buttons .btn-show-price-list,
    .page-buttons .btn-promo-simulator {
        float: left;
        padding: 6px 15px;
        margin: 2px 5% 4px;
    }
    .page-buttons .btn-danger,
    .page-buttons .btn-warning {
        float: left;
        margin: 1em 6% 4px 0;
        border: 1px solid transparent !important;
    }
    .read-page-buttons .btn-info {
        float: left;
        margin: 1em 6% 0 0;
    }
    .read-page-buttons .btn-danger,
    .read-page-buttons .btn-warning {
        float: left;
        margin: 1em 6% 4px 0;
        border: 1px solid transparent !important;
    }
    /* Show/Hide deleted element button */
    .page-buttons .toggle.btn {
        float: left;
        margin: 0.1em 5% 0 0;
        min-width: 160px;
        min-height: 38px;
        height: 34px;
    }
    #bulk_delete_btn span, 
    .btn-add-new span,
    .btn-add-many-new span,
    .btn-show-price-list span,
    .btn-promo-simulator span {
        display: none;
    }
    

    
    /* OTHER BREAD PAGE ELEMENTS */
    .panel.panel-bordered{
        margin-left: -10%;
        padding: 0 2%;
        width: 116%;
    }
    .highlighted-row {
        background-color: #e58bce;
        color: #fff;
        width: 104%;
        margin-left: -2%;
    }
    .panel-body.browse-content .belongs-to-list {
        margin-left: -12%;
    }
    .panel-heading.browse-label .panel-title{
        padding: 0 0 0 10%;
    }
    .panel-body.browse-content {
        padding: 0 0 0 5%;
    }
    div.form-group.has-many {
        padding: 0;
    }
    .add-edit-label {
        font-weight: bold;
    }
    img.img-responsive {
        max-height: 8em;
    }
    #search-input {
        display: block;
        width: 110%;
        margin-left: -5%;
    }
    #search-input div.input-group span.input-group-btn {
        width: 5%;
    }



    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }



    /* PRICE LIST PAGE */
    /* common styles */
    .panel.price,
    .panel.price>.panel-heading{
        border-radius: 0px;
        -moz-transition: all .3s ease;
        -o-transition:  all .3s ease;
        -webkit-transition:  all .3s ease;
    }
    .panel.price:hover{
        box-shadow: 0px 0px 30px rgba(0,0,0, .2);
    }
    .panel.price:hover>.panel-heading{
        box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
    }
    .panel.price>.panel-heading{
        box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
        text-shadow:0px 3px 0px rgba(50,50,50, .6);
    }
    .price .list-group-item{
        border-bottom-:1px solid rgba(250,250,250, .5);
    }
    .panel.price .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .panel.price .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
    .price .panel-footer {
        color: #fff;
        border-bottom:0px;
        background-color:  rgba(0,0,0, .1);
        box-shadow: 0px 3px 0px rgba(0,0,0, .3);
    }
    .panel.price .btn{
        box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
        border:0px;
    }
    /* custom price box */
    .price.panel-custom>.panel-body {
        filter: brightness(85%); 
        -webkit-filter: brightness(85%);
        padding: 0;
    }
    .price.panel-custom>.panel-body .lead{
        padding: 0.4em 0 0.5em;
        font-size: 20px;
    }
    .price.panel-custom .list-group-item {
        color: #333;
        background-color: rgba(50,50,50, .01);
        text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        font-weight:400;
    }
    .price.panel-custom .list-group-item .header {
        font-weight:600;
    }
    /* custom settings for mobiles */
    .price .panel-footer .rectangle {
        padding: 5px;
        border-radius: 30px;
    }
    .price-list-responsive-mobile .row-first {
        margin-top: 0;
    }
    .price-list-responsive-mobile .item-label-first {
        font-weight: bold;
        margin-bottom: 0;
        display: inline-block;
    }
    .price-list-responsive-mobile .item-label {
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 0;
        display: inline-block;
    }
    .price-list-responsive-mobile .row-first .item-label {
        margin-top: 0;
    }
    .price-list-responsive-mobile .item-value {
        margin-bottom: 0;
        display: inline-block;
    }
    .price-list-responsive-mobile .item-value.add-margin {
        margin-top: 1em;
    }
    .price-list-responsive-mobile .item-value.price {
        font-weight: bold;
    }
    .price-list-responsive-mobile .item-value.discount {
        font-weight: initial;
    }
    .price-list-responsive-mobile .item-block {
        margin: 1em auto;
    }
    .price-list-responsive-mobile .item-title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 2em;
        text-decoration: underline 2px;
        text-align: justify;
    }
    .price-list-responsive-mobile .item-label.discount,
    .price-list-responsive-mobile .item-value.discount {
        color: #f00;
    }
    .price-list-responsive-mobile ul.service {
        margin-left: 2em;
        margin-bottom: 0;
    }
} 



/* ------------------------------ */
/* ------ LAYOUT MOBILES 2 ------ */
/* ------------------------------ */
/* iPhone 12 Mini, iPhone XS, iPhone 6/7/8, Google Pixel */
@media (min-width: 375px) {}
/* Windows Phone, LG G7 ThinQ (Portrait)*/
@media (min-width: 390px) 
{
    /* BASIC STYLES */
    .page-title {
        width: 100%;
        height: 8em;
    }
    div.container-fluid div.container-fluid .page-title {
        padding-left: 4%;
        height: 8em;
    }
    div.container-fluid div.container-fluid .page-title > i {
        margin-left: -17%;
    }
    div.container-fluid .page-title {
        height: 5.5em;
        padding-left: 8%;
    }
    div.container-fluid .page-title.read {
        height: 8em;
    }
    div.container-fluid .page-title > i {
        margin-left: -12%;
    }
    .voyager.dashboard .app-container {
        padding-bottom: 0;
        margin-bottom: -3em;
    }
    .app-container {
        padding-bottom: 0;
        margin-bottom: 0;
    }



    /* READ EVENT MODAL */
    .modal-footer {
        width: 100%;
        display: inline-block;
        padding: 0 36px 2em;
        margin-top: 1em;
    }
    .modal .close-modal {
        margin-right: 4px;
    }
    .modal .save-modal {
        margin-right: 6px;
    }
    .modal .delete-modal {
        margin-right: 1%;
    }



    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        width: 116%;
        margin-left: -36px;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar {
        margin-top: 0.5em;
        display: block;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(1),
    #calendar > div.fc-header-toolbar > div:nth-child(3) {
        margin: 0 auto;
        text-align: center;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(2) {
        font-size: 0.7em;
        margin: 1.4em auto;
        width: 100%;
        text-align: center;
    }
    #calendar > div.fc-header-toolbar h2.fc-toolbar-title {
        padding: 0;
        font-size: 2em;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: 0.8em 0 0 0;
        font-size: 1.3em;
        padding: 0.5em 0.7em;
        background-color: #22a7f0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button span.fc-icon-add i {
        font-size: 1em;
        vertical-align: top;
    }
    .fc .fc-button-primary {
        border-color: #0065cb;
    }
    .fc .fc-button-primary:not(:disabled):active, 
    .fc .fc-button-primary:not(:disabled).fc-button-active,
    .fc .fc-button-primary:disabled {
        background-color: #22a7f0;
        border-color: #0065cb;
    }
    .fc .fc-button:disabled {
        opacity: 1;
    }



    /* BREAD BUTTONS */
    .page-buttons{ 
        display: flex;
        width: 100%;
        margin: 1em 0 1em -24%;
    }
    .panel-title{ 
        padding: 1em 15px;
    }
    .page-title-position {
        font-size: 36px;
        margin: 0 auto;
    }
    .panel-heading.checkbox-button > h3 > input[type="checkbox"] {
        margin: 0.9em 0 0;
    }
    .action-buttons {
        margin: -1.4em 0 1em 0;
    }
    div.table-responsive-mobile .go-to-list,
    div.table-responsive-mobile .view,
    div.table-responsive-mobile .edit,
    div.table-responsive-mobile .delete,
    div.table-responsive-mobile .restore,
    div.table-responsive-mobile .presentation {
        margin: 0 0 0 5%;
        cursor: pointer;
    }
    div.table-responsive-mobile .view > i,
    div.table-responsive-mobile .edit > i,
    div.table-responsive-mobile .delete > i,
    div.table-responsive-mobile .restore > i,
    div.table-responsive-mobile .presentation > i,
    div.table-responsive-mobile a.btn.btn-sm.btn-success.pull-right > i {
        font-size: 14px;
        line-height: 1.57142857;
    }
    .page-buttons .btn-add-new {
        float: left;
        margin: 0 12px 0 5%;
        top: 0 !important;
    }
    .page-buttons .btn-add-many-new {
        float: left;
        margin: 0 0 0 12px;
        padding: 6px 15px;
    }
    .page-buttons .btn-show-price-list,
    .page-buttons .btn-promo-simulator {
        float: left;
        margin: 0 0 0 9px;
        padding: 6px 15px;
    }
    .page-buttons .btn-danger {
        float: left;
        margin: 0 0 0 9px;
        padding: 6px 15px;
        border: 1px solid transparent !important;
    }
    .voyager #bulk_delete_btn, .voyager .btn-add-new {
        margin-top: 0;
    }
    /* Show/Hide deleted elements button */
    .page-buttons .toggle.btn {
        float: left;
        margin: 0 0 0 8px;
        min-width: 106px;
        min-height: 44px;
    }
    .voyager .btn.btn-default {
        border-color: #ccc;
    }
    .toggle-group label.toggle-off {
        white-space: initial;
        padding: 0 0 0 0.5em !important;
    }
    .toggle-group label.toggle-on {
        white-space: initial;
        padding: 0 6% 0 0 !important;
    }
    .page-buttons .btn-default i.icon,
    .page-buttons .btn-success i.icon,
    .page-buttons .btn-info i.icon,
    .page-buttons .btn-warning i.icon,
    .page-buttons .btn-primary i.icon {
        font-size: 14pt;
        position: relative;
        top: 4px;
        left: 2px;
    }
    .page-buttons .btn-danger > i {
        font-size: 14pt;
        position: relative;
        top: 2px;
        left: 0;
        padding: 0 6px;
    }
    .read-page-buttons {
        margin-left: -14%;
    }
    .read-page-buttons .btn-info {
        float: left;
        margin: 1em 3% 0 0;
        padding: 2% 5%;
    }
    .read-page-buttons .btn-danger {
        float: left;
        margin: 1em 3% 0 0;
        border: 1px solid transparent !important;
        padding: 1.2% 3.4%;
    }
    .read-page-buttons .btn-warning {
        float: left;
        margin: 1em 3% 0 0;
        border: 1px solid transparent !important;
        padding: 2% 5%;
    }
    .read-page-buttons .btn-info .glyphicon,
    .read-page-buttons .btn-warning .glyphicon {
        font-size: 14pt;
        position: relative;
        top: 2px;
        left: 0px;
    }
    .read-page-buttons .btn-danger i.icon {
        font-size: 14pt;
        position: relative;
        top: 2px;
        left: 4px;
    }
    #bulk_delete_btn span, 
    .btn-add-new span,
    .btn-add-many-new span,
    .btn-show-price-list span,
    .btn-promo-simulator span {
        display: none;
    }
    .page-content.edit-add .panel-footer {
        margin-right: 5%;
        text-align: right;
    }
    
    

    /* OTHER BREAD PAGE ELEMENTS */
    .panel.panel-bordered{
        margin-left: -10%;
        padding: 0 2%;
        width: 116%;
    }
    .highlighted-row {
        /* background-color: #ef3dc2; */
        background-color: #e58bce;
        color: #fff;
        width: 104%;
        margin-left: -2%;
    }
    .panel-body.browse-content .belongs-to-list {
        margin-left: -12%;
    }
    .panel-heading.browse-label .panel-title{
        padding: 0 0 0 10%;
    }
    .panel-body.browse-content {
        padding: 0 0 0 5%;
    }
    div.form-group.has-many {
        padding: 0;
    }
    img.img-responsive {
        max-height: 10em;
    }



    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }



    /* PROMOTION SIMULATOR PAGE */
    .promo-simulator-responsive .parameters {
        padding: 0;
        width: 104%;
    }
    .promo-simulator-responsive .simulator {
        padding: 0;
        width: 90%;
    }
    .promo-simulator-section-title {
        font-weight: 600;
        color: #b5009c;
        margin-bottom: 1.5em;
        margin-left: -5%;
    }
    .simulator .promo-simulator-section-title {
        margin-left: 0;
    }
    .promo-fields-section {
        padding-left: 0;
        margin-bottom: 1em !important;
    }
    .promo-simulator-responsive span.select2.select2-container {
        height: auto;
    }
    .promo-simulator-table-title {
        font-weight: bold;
        font-size: 16pt;
        padding-bottom: 0.7em;
    }
    .promo-simulator-table-title .price {
        margin-left: -4%;
    }
    .promo-simulator-sessions-number,
    .promo-simulator-products-amount {
        width: 46px;
        display: inline-block;
        text-align: center;
        margin-top: 0.5em;
    }
    .promo-simulator-item-name {
        padding: 0 0 0 13%;
    }
    .promo-simulator-item-price {
        padding: 0 4px;
        margin-left: 0;
    }
    .promo-simulator-service-price-value,
    .promo-simulator-product-price-value {
        width: 70px;
        display: inline-block;
        margin-top: 0;
        margin-right: 5px;
        text-align: right;
    }
    .promo-simulator-item-price .euro {
        position: relative;
        top: -2em;
        left: 1.8em;
    }
    .promo-simulator-label-subtot {
        font-weight: bold;
        font-style: italic;
        text-align: right;
        padding-top: 0;
    }
    .promo-simulator-sessions-subtot-price,
    .promo-simulator-amounts-subtot-price {
        font-weight: bold;
        font-style: italic;
        padding-top: 0;
    }
    .promo-simulator-total {
        text-decoration: underline;
        font-size: 14pt;
        font-weight: bold;
        text-align: right;
        padding-top: 0;
        color: #6E0082;
    }
    .promo-simulator-total-price {
        text-decoration: underline;
        font-size: 14pt;
        font-weight: bold;
        padding-top: 0;
        color: #6E0082;
        margin-left: -6px;
    }
    .promo-simulator-discount {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 4px;
    }
    .promo-simulator-discount-value {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        width: 70px;
        display: inline-block;
        margin-top: 0;
        margin-right: 5px;
        margin-left: -16px;
        text-align: right;
    }
    .promo-simulator-discount-value-percentage {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        position: relative;
        top: -38px;
        left: 38px;
    }
    .promo-simulator-costs {
        color: #f00;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0;
    }
    .promo-simulator-costs-value {
        color: #f00;
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0;
    }
    .promo-simulator-income {
        color: #008037;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0;
    }
    .promo-simulator-income-value {
        color: #008037;
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0;
    }
    .promo-simulator-sessions-subtot-price .euro,
    .promo-simulator-amounts-subtot-price .euro,
    .promo-simulator-total-price .euro,
    .promo-simulator-costs-value .euro,
    .promo-simulator-income-value .euro {
        margin-left: 5px;
        margin-right: -34px;
    }
    #beauty-package-content-title .row > [class*="col-"] {
        margin-bottom: 0;
    }
    #beauty-package-content-costs .row > [class*="col-"], 
    #beauty-package-content-net-revenues .row > [class*="col-"]  {
        margin-bottom: 6px;
    }
    #beauty-package-content-discount .row > [class*="col-"] {
        margin-bottom: -16px;
    }
    #beauty-package-content-services .row > [class*="col-"],
    #beauty-package-content-products .row > [class*="col-"],
    #beauty-package-content-discounted-total .row > [class*="col-"] {
        margin-bottom: 8px;
    }
    #beauty-package-content-services-subtotal .row > [class*="col-"],
    #beauty-package-content-products-subtotal .row > [class*="col-"] {
        margin-bottom: 24px;
    }
}




/* ------------------------------ */
/* ------ LAYOUT MOBILES 3 ------ */
/* ------------------------------ */
/* iPhone 11, iPhone 6/7/8 Plus, Pixel 2, Pixel 2 XL */
@media (min-width: 414px) {}
/* iPhone 12 Pro Max */
@media (min-width: 428px) {}
/* Surface Duo */
@media (min-width: 480px) {}
/* iPhone 12 and iPhone 12 Pro */
@media (min-width: 540px) {}
/* iPhone SE (landscape) */
@media (min-width: 568px) {}




/* -------------------------------------- */
/* ------ LAYOUT MOBILES-TABLETS 1 ------ */
/* -------------------------------------- */
/* Nexus 7 (portrait) */
@media (min-width: 601px) {}
/* iPhone 6/7/8 (landscape) */
@media (min-width: 667px) {}
/* Samsung Galaxy Tab S7 (portrait) */
@media (min-width: 712px) 
{
/* @media (max-width:768px) { */

    /* BASIC STYLES */
    .page-title { 
        color: #b5009c;
        padding: 28px 0 0 75px;
        width: 100%;
        height: 5em;
    }
    div.container-fluid div.container-fluid .page-title { 
        margin-left: 0;
        height: 6em;
    }
    div.container-fluid div.container-fluid .page-title > i {
        /* margin-left: -3%; */
        margin-left: -6%;
        margin-top: 1%;
    }
    div.container-fluid .page-title { 
        /* margin-left: -3%; */
        margin-left: -1%;
    }
    div.container-fluid .page-title > i {
        /* margin-left: 1%; */
        margin-left: -3%;
    }
    div.container-fluid .page-title.read {
        height: 7em;
    }
    .page-title.read { 
        height: 6em;
    }
    .voyager.dashboard .app-container {
        padding-bottom: 0;
        margin-bottom: -2em;
    }
    .app-container {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .page-content.edit-add {
        margin-left: -2%;
    }
    .btn-page-invoice {
        width: 38% !important;
        margin-right: 10px;
        left: 15px;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 120px !important;
        display: inline-block;
    }



    /* NEW DASHBOARD BLADE */
    .calendar-box {
        width: 109%;
        margin-left: -38px;
        margin-bottom: 0 !important;
    }
    .row-event {
        border-top: 1px solid #cacaca;
    }
    .row-event:last-of-type {
        border-bottom: 1px solid #cacaca;
    }
    .event {
        margin: 0.5em 0 0.5em !important;
    }
    .event .circle {
        width: 1em;
        height: 1em;
        background: #22a7f0;
        border-radius: 50%;
        margin: 1% 0 -0.2% 4%;
        display: inline-block;
    }
    .event .circle-start-end {
        width: 1em;
        height: 1em;
        background: #f00;
        border-radius: 50%;
        margin: 1% 0 -0.2% 4%;
        display: inline-block;
    }
    .event .event-hour,
    .event .event-hour-start, 
    .event .event-hour-end {
        color: #555;
        position: relative;
        padding-left: 2.5%;
        font-weight: 600;
        display: inline-block;
    }
    .event .event-label {
        padding-left: 2.5%;
        display: inline-block;
        color: #666;
    }
    .event .event-label-start-end {
        padding-left: 2.5%;
        display: inline-block;
        color: #f00;
        font-weight: bold;
    }
    .event .event-button {
        display: inline-block;
        margin-left: 2.5%;
    }
    .current-event {
        margin: 0.5em 0 1em -0.5% !important;
    }
    .current-event .circle {
        width: 1.5em;
        height: 1.5em;
        background: #00b725;
        border-radius: 50%;
        margin: 1% 0 -0.5% 4%;
        display: inline-block;
    }
    .current-event .event-hour {
        color: #444;
        position: relative;
        padding-left: 1.5%;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
    }
    .current-event .event-label {
        padding-left: 1.5%;
        display: inline-block;
        font-size: 18px;
        color: #00b725;
        font-weight: bold;
    }
    .current-event .bottom-line {
        position: relative;
    }
    .current-event .bottom-line:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #22a7f0;
        width: 100%;
        transform: translateX(-64%);
        bottom: -6px;
        left: 66%;
    }



    /* READ EVENT MODAL */
    .modal .summary {
        font-weight: bold;
        font-size: 16px;
    }
    .modal-footer {
        width: 100%;
        display: inline-block;
        padding: 0 36px 2em;
        margin-top: 1em;
    }
    .modal .close-modal {
        margin-right: 4px;
    }
    .modal .save-modal {
        margin-right: 6px;
    }
    


    /* DASHBOARD - FULL CALENDAR */
    #calendar > div.fc-header-toolbar {
        margin-top: 0;
        display: flex;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(1),
    #calendar > div.fc-header-toolbar > div:nth-child(3) {
        font-size: 1em;
        margin: 0 0 0;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(2) {
        font-size: 0.7em;
        margin: 0 10px;
        width: 100%;
        text-align: center;
        display: inline-flex;
    }
    #calendar > div.fc-header-toolbar h2.fc-toolbar-title {
        padding: 5px;
        font-size: 1.8em;
        display: inline-block;
        margin: 0 5px 0 0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: -8px auto 0;
        font-size: 1.35em;
        padding: 0.4em 0.7em;
        background-color: #22a7f0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button span.fc-icon-add i {
        font-size: 1em;
        vertical-align: top;
    }



    /* DATABASE-BREAD ELEMENTS */
    div.language-selector {
        padding: 0 !important;
        margin: -4em 0 0 0;
    }



    /* BREAD BUTTONS */
    .page-buttons{ 
        display: inline-flex;
        margin: 0;
        width: 50%;
    }
    .page-title.read > i {
        top: 40px;
    }
    .read-page-buttons {
        display: inline-flex;
        margin-left: 1%;
    }
    .page-buttons .btn {
        width: 18%;
    }
    .page-buttons .btn-add-new {
        float: left;
        margin: 2px 5% -2px 0;
        border: 1px solid transparent !important;
        top: -1px !important;
    }
    .page-buttons .btn-add-many-new,
    .page-buttons .btn-show-price-list,
    .page-buttons .btn-promo-simulator {
        float: left;
        padding: 6px 15px;
        margin: 1px 0 -1px 5%;
        border: 1px solid transparent !important;
    }
    .page-buttons .btn-danger {
        float: left;
        margin: 1px 1% -1px 5%;
        border: 1px solid transparent !important;
    }
    /* Show/Hide deleted element button  */
    .page-buttons .toggle.btn {
        float: left;
        margin: 1px 0 -2px 4%;
        min-width: 144px;
        min-height: 3.7em;
    }
    .voyager #bulk_delete_btn, .voyager .btn-add-new {
        margin-top: 1px;
    }
    .voyager .btn.btn-default {
        border-color: #ccc;
    }
    .toggle-group label.toggle-off {
        white-space: initial;
        padding: 1% 0 0 2.6em !important;
    }
    .toggle-group label.toggle-on {
        white-space: initial;
        padding: 1% 0 0 1em !important;
    }
    .panel-title {
        padding: 1em 15px;
    }
    .panel-heading.checkbox-button > h3 > input[type="checkbox"] {
        margin: 0.9em 0 0;
    }
    .action-buttons {
        margin: -1.4em 0 1em 0;
    }
    div.table-responsive-mobile .go-to-list,
    div.table-responsive-mobile .view,
    div.table-responsive-mobile .edit,
    div.table-responsive-mobile .delete,
    div.table-responsive-mobile .restore,
    div.table-responsive-mobile .presentation {
        margin: 0 0 0 2%;
        cursor: pointer;
    }
    div.table-responsive-mobile .view > i,
    div.table-responsive-mobile .edit > i,
    div.table-responsive-mobile .delete > i,
    div.table-responsive-mobile .restore > i,
    div.table-responsive-mobile .presentation > i,
    div.table-responsive-mobile a.btn.btn-sm.btn-success.pull-right > i {
        top: 3px;
        font-size: 16px;
        line-height: 1.57142857;
    }
    .page-title .btn-add-new i.icon,
    .page-title .btn-add-many-new i.icon,
    .page-title .btn-show-price-list i.icon,
    .page-title .btn-promo-simulator i.icon  {
        top: 4px !important;
        left: -3px;
        font-size: 1.6em;
        margin: 0 !important;
        padding: 0 5px;
        position: relative;
    }
    .page-title .btn-danger i.voyager-trash {
        top: 4px !important;
        left: -2px;
        font-size: 1.6em;
        margin: 0 !important;
        padding: 0 5px;
        position: relative;
    }
    .read-page-buttons .btn-info {
        float: left;
        margin: 14px 6% 4px 0;
    }
    .page-title .read-page-buttons .btn-info .glyphicon,
    .page-title .read-page-buttons .btn-warning .glyphicon {
        top: 5px !important;
        font-size: 1.6em;
        margin: 0 !important;
        padding: 0 12px;
        position: relative;
    }
    .page-title .read-page-buttons .btn-danger .icon {
        top: 3px !important;
        left: 0;
        font-size: 1.6em;
        margin: 0 !important;
        padding: 0 15px;
        position: relative;
    }
    .read-page-buttons .btn-danger, 
    .read-page-buttons .btn-warning {
        float: left;
        margin: 1em 6% 4px;
        border: 1px solid transparent !important;
    }
    #bulk_delete_btn span, 
    .btn-add-new span,
    .btn-add-many-new span,
    .btn-show-price-list span,
    .btn-promo-simulator span {
        display: none;
    }
    .page-content.edit-add .panel-footer {
        margin-right: 2.2%;
        text-align: right;
    }
    


    /* OTHER BREAD PAGE ELEMENTS */
    .panel.panel-bordered{
        margin-left: 0;
        padding: 0;
        width: 100%;
    }
    .highlighted-row {
        background-color: #e58bce;
        color: #fff;
        width: 100%;
        margin-left: 0;
    }
    .read.container-fluid,
    .browse.container-fluid {
        padding-left: 0;
    }
    .page-content.browse.container-fluid .panel-heading {
        border-bottom:0;
    }
    .panel-heading.browse-label .panel-title {
        padding: 0 0 0 5%;
    }
    .panel-body.browse-content {
        padding: 0;
    }
    .panel-body.browse-content .belongs-to-list {
        margin-left: -6%;
    }
    .page-content.browse.container-fluid .panel-bordered > .panel-body {
        padding: 15px 15px 10px;
    }
    .page-content.browse.container-fluid .panel-bordered > .panel-body > .panel-title {
        padding: 20px 15px 20px 0;
    }
    div.table-responsive.has-many {
        padding: 0;
    }
    div.form-group.has-many {
        padding: 0;
    }
    img.img-responsive {
        max-height: 18em;
    }
    #search-input {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    #search-input div.input-group span.input-group-btn {
        width: 4%;
    }
    


    /* PRESENTATION PAGE */
    div.presentation-title{ 
        margin: 4% auto 1% !important;
        text-align: center;
    }
    img.presentation-title-img {
        height: 3.5em;
        display: inline-block;
        margin: -3% auto 0;
    }
    h1.presentation-h1 {
        display: inline-block;
        font-size: 2em;
        margin: 3% 3% 0 2%;
    }
    a.btn-exit{
        display: inline-block;
        font-size: 1em;
        margin: -2% auto 0;
    }
    .presentation-main-content {
        margin:0 auto;
        width: 79%;
    }
    .presentation-image {
        margin: 0 auto;
        width: 90%;
    }
    img.presentation-img {
        margin: 0 auto;
    }
    .presentation-content {
        text-align: justify;
    }
    .left-arrow, 
    .right-arrow,
    .presentation-main-content {
        display: inline-block;
        margin: 6% 0 0 !important;
    }
    img.presentation-promo-img2 {
        width: 18%;
        margin: 0 auto;
        position: absolute;
        top: -4%;
        left: 0%;
        z-index: 1;
        transform: rotate(-17deg);
    }
    .left-arrow i {
        font-size: 3em;
        color: #b5009c;
        float: left;
        line-height: 15em;
    }
    .right-arrow i {
        font-size: 3em;
        color: #b5009c;
        float: right;
        line-height: 15em;
    }
    .service-list {
        margin-top: -4%;
    }
    .presentation-services-content {
        margin: 0 -20px;
    }



    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }



    /* PRICE LIST PAGE */
    /* custom settings for mobiles-tablets */
    .container.price-list-responsive-tablet {
        padding: 0;
    }
    .price-list-responsive-tablet .item-label {
        font-weight: bold;
    }
    .price-list-responsive-tablet .item-label.price {
        width: 20%;
    }
    .price-list-responsive-tablet .item-value.price {
        width: 13%;
        font-weight: bold;
    }
    .price-list-responsive-tablet .item-value.price.discount {
        font-weight: initial;
    }
    .price-list-responsive-tablet .item-value.validity-date {
        /* width: 32.8%; */
        width: 24.8%;
    }
    .price-list-responsive-tablet .offset-2 {
        margin-left: 20%;
    }
    .price-list-responsive-tablet .item-title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 1.5em !important;
        text-decoration: underline 2px;
        text-align: justify;
    }
    .price-list-responsive-tablet .row > [class*="col-"] {
        margin-bottom: 0;
    }
    .price-list-responsive-tablet .row .add-margin {
        margin-top: 1em;
    }
    .price-list-responsive-tablet .item-label.discount,
    .price-list-responsive-tablet .item-value.discount {
        color: #f00;
    }



    /* PROMOTION SIMULATOR PAGE */
    .promo-simulator-responsive .parameters {
        padding: 0 15px;
        width: 102%;
    }
    .promo-simulator-responsive .simulator {
        padding: 0 15px;
        width: 100%;
    }
    .promo-simulator-section-title {
        font-weight: 600;
        color: #b5009c;
        margin-bottom: 1.5em;
        margin-left: -2%;
    }
    .promo-fields-section {
        padding-left: 0;
        margin-bottom: 1em !important;
    }
    .promo-simulator-responsive span.select2.select2-container {
        height: auto;
    }
    .promo-simulator-table-title {
        font-weight: bold;
        font-size: 16pt;
        padding-bottom: 0.7em;
    }
    .promo-simulator-sessions-number,
    .promo-simulator-products-amount {
        width: 46px;
        display: inline-block;
        text-align: center;
        margin-top: 0.5em;
    }
    .promo-simulator-item-name {
        padding: 1.5em 0 0 5%;
    }
    .promo-simulator-item-price {
        padding: 0;
        margin-left: -2%;
    }
    .promo-simulator-service-price-value,
    .promo-simulator-product-price-value {
        width: 80px;
        display: inline-block;
        margin-top: 1.1em;
        margin-right: 5px;
        text-align: right;
    }
    .promo-simulator-item-price .euro {
        position: relative;
        top: 0;
        left: 0.2em;
    }
    .promo-simulator-label-subtot {
        font-weight: bold;
        font-style: italic;
        text-align: right;
        padding-top: 0;
    }
    .promo-simulator-sessions-subtot-price,
    .promo-simulator-amounts-subtot-price {
        font-weight: bold;
        font-style: italic;
        padding-top: 0;
    }
    .promo-simulator-total {
        text-decoration: underline;
        font-size: 14pt;
        font-weight: bold;
        text-align: right;
        padding-top: 0;
        color: #6E0082;
    }
    .promo-simulator-total-price {
        text-decoration: underline;
        font-size: 14pt;
        font-weight: bold;
        padding-top: 0;
        color: #6E0082;
        margin-left: 0;
    }
    .promo-simulator-discount {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 3px;
    }
    .promo-simulator-discount-value {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        width: 72px;
        display: inline-block;
        margin-top: 0;
        margin-right: 5px;
        text-align: right;
    }
    .promo-simulator-discount-value-percentage {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        position: relative;
        top: 0;
        left: 0;
    }
    .promo-simulator-costs {
        color: #f00;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0;
    }
    .promo-simulator-costs-value {
        color: #f00;
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0;
    }
    .promo-simulator-income {
        color: #008037;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0;
    }
    .promo-simulator-income-value {
        color: #008037;
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0;
    }
    .promo-simulator-sessions-subtot-price .euro,
    .promo-simulator-amounts-subtot-price .euro,
    .promo-simulator-total-price .euro, 
    .promo-simulator-costs-value .euro, 
    .promo-simulator-income-value .euro {
        margin-left: 5px;
        margin-right: 0;
      }
    #beauty-package-content-title .row > [class*="col-"] {
        margin-bottom: 0;
    }
    #beauty-package-content-costs .row > [class*="col-"], 
    #beauty-package-content-net-revenues .row > [class*="col-"],
    #beauty-package-content-discount .row > [class*="col-"] {
        margin-bottom: 6px;
    }
    #beauty-package-content-services .row > [class*="col-"],
    #beauty-package-content-products .row > [class*="col-"],
    #beauty-package-content-discounted-total .row > [class*="col-"] {
        margin-bottom: 8px;
    }
    #beauty-package-content-services-subtotal .row > [class*="col-"],
    #beauty-package-content-products-subtotal .row > [class*="col-"] {
        margin-bottom: 24px;
    }



    /* SALES PAGES - DIGITAL INVOICE PAGE */
    .sales-page-form-title h4 {
        font-weight: bold;
        font-size: 20px;
        color: #004aad;
        text-transform: uppercase;
    }
    .sales-page-summary-title h4 {
        font-weight: bold;
        font-size: 20px;
        color: #e2009d;
        text-transform: uppercase;
    }
    .sales-summary {
        border-top: 1px solid #aaa;
    }
    .sales-summary .sales-page-summary-title {
        margin-top: 2em;
    }
    .payment-method-values, 
    #quantity,
    #service-product-description,
    #unit-price,
    #discount {
        color: #e2009d;
    }
    .payment-amount-values {
        color: #e2009d;
        font-weight: bold;
        font-size: large;
    }
    .sales-parameters .form-group,
    .sales-summary .form-group {
        margin-bottom: 0;
    }
}




/* ------------------------------ */
/* ------ LAYOUT MOBILES 4 ------ */
/* ------------------------------ */
/* iPhone 8 Plus (landscape) */
@media (min-width: 736px) {} 
/* iPad, iPad Air (portrait), iPad Mini (portrait), iPad Pro 9" (portrait), iPhone 8 Plus (landscape), Realme GT (landscape) */
@media (min-width: 768px) and (max-height: 370px) {}
/* Galaxy Tab 2 (portrait), Galaxy Tab S (portrait), Kindle Fire HD 7, LG G7 ThinQ (landscape) */
@media (min-width: 800px) 
{
    /* BASIC STYLES */
    /* .page-title { 
        color: #008432;
    } */
    .voyager.edit {
        margin-left: 0;
    }
    .voyager.dashboard .app-container {
        padding-bottom: 0;
        margin-bottom: -3em;
    }
    .app-container {
        padding-bottom: 0;
        margin-bottom: 0;
    }



    /* READ EVENT MODAL */
    .modal .close-modal {
        margin-right: 4px;
    }
    .modal .save-modal {
        margin-right: 6px;
    }
    .modal .delete-modal {
        margin-right: 1%;
    }



    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        margin-left: -18px;
        width: 105.3%;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar {
        margin-top: 0;
        display: flex;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(1),
    #calendar > div.fc-header-toolbar > div:nth-child(3) {
        font-size: inherit;
        margin: 0;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(2) {
        font-size: inherit;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    #calendar > div.fc-header-toolbar h2.fc-toolbar-title {
        display: inline-block;
        padding-top: 0.3em;
        font-size: 1.2em;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: -2% 0 0 10px !important;
        padding: 0.2em 0.7em;
        font-size: inherit;
        background-color: #22a7f0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button span.fc-icon-add i {
        font-size: 0.9em;
        vertical-align: top;
    }
    .fc .fc-button {
        font-size: 0.9em;
    }

    

    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }
}




/* -------------------------------------- */
/* ------ LAYOUT MOBILES-TABLETS 3 ------ */
/* -------------------------------------- */
/* iPhone X (landscape) */
@media (min-width: 812px) {} 
/* iPhone XS (landscape), iPhone XR (landscape), iPad Pro 10" (portrait) */
@media (min-width: 834px) {} 
/* breakpoint for more flexibility */
@media (min-width: 992px) {}
/* iPad Pro 12" (portrait), iPad Air (landscape), iPad Mini (landscape), iPad Pro 9" (landscape) */
@media (min-width: 1024px) {}
/* iPad Pro 10", Samsung Galaxy Tab S7 (landscape) */
@media (min-width: 1080px) 
{
/* @media (min-width:1112px) { */
    
    /* BASIC STYLES */
    .page-title { 
        color: #b5009c;
    }
    .voyager.dashboard .app-container {
        padding-bottom: 0;
        margin-bottom: -3em;
    }
    .app-container {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .row > [class*="col-"] {
        margin-bottom: 0;
    }


    
    /* NEW DASHBOARD BLADE */
    .row-event {
        border-top: 1px solid #cacaca;
    }
    .row-event:last-of-type {
        border-bottom: 1px solid #cacaca;
    }
    .event {
        margin: 0.5em 0 0.5em !important;
    }
    .event .circle {
        width: 1em;
        height: 1em;
        background: #22a7f0;
        border-radius: 50%;
        margin: 1% 0 -0.2% 4%;
        display: inline-block;
    }
    .event .circle-start-end {
        width: 1em;
        height: 1em;
        background: #f00;
        border-radius: 50%;
        margin: 1% 0 -0.2% 4%;
        display: inline-block;
    }
    .event .event-hour,
    .event .event-hour-start, 
    .event .event-hour-end {
        color: #555;
        position: relative;
        padding-left: 2.5%;
        font-weight: 600;
        display: inline-block;
    }
    .event .event-label {
        padding-left: 2.5%;
        display: inline-block;
        color: #666;
    }
    .event .event-label-start-end {
        padding-left: 2.5%;
        display: inline-block;
        color: #f00;
        font-weight: bold;
    }
    .event .event-button {
        display: inline-block;
        margin-left: 2.5%;
    }
    .current-event {
        margin: 0.5em 0 1em -0.5% !important;
    }
    .current-event .circle {
        width: 1.5em;
        height: 1.5em;
        background: #00b725;
        border-radius: 50%;
        margin: 1% 0 -0.5% 4%;
        display: inline-block;
    }
    .current-event .event-hour {
        color: #444;
        position: relative;
        padding-left: 1.5%;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
    }
    .current-event .event-label {
        padding-left: 1.5%;
        display: inline-block;
        font-size: 18px;
        color: #00b725;
        font-weight: bold;
    }
    .current-event .bottom-line {
        position: relative;
    }
    .current-event .bottom-line:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #22a7f0;
        width: 100%;
        transform: translateX(-64%);
        bottom: -6px;
        left: 66%;
    }



    /* READ EVENT MODAL */
    .modal .summary {
        font-weight: bold;
        font-size: 16px;
    }
    .modal-footer {
        width: 100%;
        display: inline-block;
        padding: 0 20px 2em;
        margin-top: 1em;
    }
    .modal .close-modal {
        margin-right: 4px;
    }
    .modal .save-modal {
        margin-right: 6px;
    }
    .modal .delete-modal {
        margin-right: 3%;
    }



    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        margin-left: -18px;
        width: 103.5%;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar {
        margin-top: 0.5em;
        display: flex;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(1),
    #calendar > div.fc-header-toolbar > div:nth-child(3) {
        font-size: inherit;
        margin: 0;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(2) {
        font-size: inherit;
        margin: 0;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    #calendar > div.fc-header-toolbar h2.fc-toolbar-title {
        display: inline-block;
        padding-top: 0.2em;
        font-size: 1.75em;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        
        margin: -1.5% 0 0 10px !important;
        padding: 0.3em 0.7em;
        font-size: inherit;
        background-color: #22a7f0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button span.fc-icon-add i {
        font-size: 0.9em;
        vertical-align: top;
    }



    /* BREAD BUTTONS */
    .page-buttons { 
        display: inline-flex;
        margin: 0 1%;
        width: 50%;
    }
    .page-title.read > i {
        top: 40px;
    }
    .read-page-buttons {
        display: inline-flex;
        margin-left: 1%;
    }
    .page-buttons .btn-add-new {
        float: left;
        margin: 2px 0 -2px 0;
        border: 1px solid transparent !important;
        width: initial;
    }
    .page-buttons .btn-add-many-new,
    .page-buttons .btn-show-price-list,
    .page-buttons .btn-promo-simulator {
        float: left;
        padding: 6px 15px;
        margin: 1px 0 -1px 6%;
        border: 1px solid transparent !important;
    }
    .page-buttons .btn-danger {
        float: left;
        margin: 1px 0 0 3%;
        border: 1px solid transparent !important;
        width: initial;
    }
    /* Show/Hide deleted element button  */
    .page-buttons .toggle.btn {
        float: left;
        margin: 2px 0 -2px 3%;
        min-width: 160px;
        min-height: 38px
    }
    .panel-title {
        padding: 1em 15px;
    }
    .panel-heading.checkbox-button > h3 > input[type="checkbox"] {
        margin: 0.9em 0 0;
    }
    .action-buttons {
        margin: -1.4em 0 1em 0;
    }
    div.table-responsive-mobile .go-to-list,
    div.table-responsive-mobile .view,
    div.table-responsive-mobile .edit,
    div.table-responsive-mobile .delete,
    div.table-responsive-mobile .restore,
    div.table-responsive-mobile .presentation {
        margin: 0 0 0 2%;
        cursor: pointer;
    }
    div.table-responsive-mobile .view > i,
    div.table-responsive-mobile .edit > i,
    div.table-responsive-mobile .delete > i,
    div.table-responsive-mobile .restore > i,
    div.table-responsive-mobile .presentation > i,
    div.table-responsive-mobile a.btn.btn-sm.btn-success.pull-right > i {
        font-size: 14px;
        line-height: 1.57142857;
    }
    .read-page-buttons .btn-info {
        float: left;
        margin: 14px 2% 4px 0;
    }
    .read-page-buttons .btn-danger, 
    .read-page-buttons .btn-warning {
        float: left;
        margin: 1em 2% 4px;
        border: 1px solid transparent !important;
    }
    #bulk_delete_btn span, 
    .btn-add-new span,
    .btn-add-many-new span,
    .btn-show-price-list span,
    .btn-promo-simulator span {
        display: initial;
    }
    


    /* OTHER BREAD PAGE ELEMENTS */
    .table-responsive-mobile .row > [class*="col-"] {
        margin-bottom: 1em;
    }
    .presentation-page, .presentation-page td, .presentation-page li { 
        font-weight: 400;
        color: #526069;
    }
    a.btn-exit { 
        margin: -1.5% 0 0 -1% !important;
    }
    div.presentation-title {
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.3em !important;
    }
    h1.presentation-h1 {
        display: inline-block;
        margin: 4%;
    }
    img.presentation-title-img {
        width: 4%;
        display: inline-block;
        margin: 0 -2% 2% 0;
    }
    img.presentation-img {
        width: 100%;
        margin: 0 auto;
    }
    .presentation-label {
        font-weight: bold;
        text-align: left;
    }
    .presentation-content {
        text-align: justify;
        padding-right: 5%;
        margin-top: 0;
        margin-bottom: -2px;
    }
    .presentation-content-h4 {
        text-align: left;
    }
    .presentation-content-h4 div.values {
        margin-left: -6%;
    }
    .presentation-services-content .row > [class*="col-"] {
        height: 1.5em;
    }
    .presentation-prices-content .row > [class*="col-"] {
        margin-bottom: 1em;
    }
    .row.price-list > [class*="col-"] {
        margin-bottom: 4px;
    }
    .presentation-information {
        margin-bottom: 0.5em !important;
    }
    .presentation-services-content {
        margin-left: -1.5%;
        margin-top: -0.75em;
    }
    .presentation-prices-content {
        margin-top: -2em;
    }
    .relationship-no-result {
        margin-top: 1.5em;
    }
    .presentation-prices-content table.has-many {
        margin-bottom: 0%;
        margin-top: 1em;
    }
    table.has-many > tbody > tr > td { 
        padding: 4px 8px;
    }
    .belongs-to-list-h4 {
        font-size: 18px;
        text-shadow: rgba(0,0,0,.15) 0 0 1px;
        margin-left: -6%;
        font-family: inherit;
        font-weight: inherit;
        line-height: 1.1;
        color: inherit;
        text-align: left;
    }
    table.table.has-many th.col{
        background-color: #fff
    }
    .view, .presentation {
        margin-left: 5px;
        cursor: pointer;
    }
    div.table-responsive.has-many {
        padding: 0;
        margin: 1% auto -2%;
    }
    div.form-group.has-many {
        padding-left: 0;
        padding-right: 30px;
    }
    button.submit-hasmany {
        margin-top: 1.9em;
    }
    button.submit-hasmany i {
        position: relative;
        top: 2px;
    }
    .btn-page-invoice {
        width: initial !important;
        white-space: initial;
        overflow: initial;
        text-overflow: initial;
        max-width: initial !important;
        display: initial;
    }



    /* PRESENTATION PAGE */
    .right-arrow i {
        float: right;
        font-size: 4em;
        color: #b5009c;
        line-height: 8em;
    }
    .left-arrow i {
        float: left;
        font-size: 4em;
        color: #b5009c;
        line-height: 8em;
    }
    img.presentation-promo-img2 {
        width: 24%;
        margin: 0 auto;
        position: absolute;
        top: -8%;
        left: -4%;
        z-index: 1;
        transform: rotate(-17deg);
    }



    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }



    /* PRICE LIST PAGE */
    /* custom settings for mobiles-tablets */
    .container.price-list-responsive {
        width: 1100px;
        margin-left: 14px;
    }


    /* SALES PAGE - DIGITAL INVOICE PAGE */
    .sales-parameters {
        border-right: 1px solid #aaa;
    }
    .sales-summary {
        border-top: none;
    }
    .sales-summary .sales-page-summary-title {
        margin-top: 0;
    }
    .sales-parameters .form-group,
    .sales-summary .form-group {
        margin-bottom: 1em;
    }
}




/* ********************** */
/*    DESKTOP BACK END    */
/* ********************** */
/* ------------------------------- */
/* ------ LAYOUT DESKTOPS 1 ------ */
/* ------------------------------- */
/* Nexus 9 - PC 13" - 15"*/
/*@media (min-width:1536px) {*/
@media (min-width: 1200px) 
{
    /* BASIC STYLES */
    .page-title { 
        color: #b5009c;
        height: 5em;
    }
    div.container-fluid div.container-fluid .page-title { 
        margin-left: 0;
        height: 5em;
    }
    div.container-fluid div.container-fluid .page-title > i {
        margin-left: -2.5%;
        margin-top: 0;
    }
    div.container-fluid .page-title { 
        /* margin-left: -2%; */
        margin-left: -3%;
    }
    div.container-fluid .page-title.read { 
        margin-left: -2%;
    }
    div.container-fluid .page-title > i {
        margin-left: 1%;
    }
    .voyager.dashboard .app-container {
        padding-bottom: 0;
        margin-bottom: -3em;
    }
    .row > [class*="col-"] {
        margin-bottom: 0;
    }
    .voyager.edit {
        margin-left: 0;
    }



    /* NEW DASHBOARD BLADE */
    .row-event {
        border-top: 1px solid #cacaca;
    }
    .row-event:last-of-type {
        border-bottom: 1px solid #cacaca;
    }
    .event {
        margin: 0.5em 0 0.5em !important;
    }
    .event .circle {
        width: 1em;
        height: 1em;
        background: #22a7f0;
        border-radius: 50%;
        margin: 1% 0 -0.2% 4%;
        display: inline-block;
    }
    .event .circle-start-end {
        width: 1em;
        height: 1em;
        background: #f00;
        border-radius: 50%;
        margin: 1% 0 -0.2% 4%;
        display: inline-block;
    }
    .event .event-hour,
    .event .event-hour-start, 
    .event .event-hour-end {
        color: #555;
        position: relative;
        padding-left: 2.5%;
        font-weight: 600;
        display: inline-block;
    }
    .event .event-label {
        padding-left: 2.5%;
        display: inline-block;
        color: #666;
    }
    .event .event-label-start-end {
        padding-left: 2.5%;
        display: inline-block;
        color: #f00;
        font-weight: bold;
    }
    .event .event-button {
        display: inline-block;
        margin-left: 2.5%;
    }
    .current-event {
        margin: 0.5em 0 1em -0.5% !important;
    }
    .current-event .circle {
        width: 1.5em;
        height: 1.5em;
        background: #00b725;
        border-radius: 50%;
        margin: 1% 0 -0.5% 4%;
        display: inline-block;
    }
    .current-event .event-hour {
        color: #444;
        position: relative;
        padding-left: 1.5%;
        font-weight: 700;
        font-size: 18px;
        display: inline-block;
    }
    .current-event .event-label {
        padding-left: 1.5%;
        display: inline-block;
        font-size: 18px;
        color: #00b725;
        font-weight: bold;
    }
    .current-event .bottom-line {
        position: relative;
    }
    .current-event .bottom-line:after {
        position: absolute;
        content: '';
        border-bottom: 1px solid #22a7f0;
        width: 100%;
        transform: translateX(-64%);
        bottom: -6px;
        left: 66%;
    }



    /* READ EVENT MODAL */
    .modal-footer {
        width: 100%;
        display: inline-block;
        padding: 0 20px 2em;
        margin-top: -1em;
    }
    .modal .summary {
        font-weight: bold;
        font-size: 16px;
    }
    .modal .datetime {
        font-weight: 500;
    }
    #read_edit_event .modal-dialog {
        width: 80%;
    }
    #add_beauty_package .modal-dialog {
        width: 90%;
    }
    .modal .close-modal {
        margin-right: 3px;
    }
    .modal .save-modal {
        margin-right: 6px;
    }
    .modal .delete-modal {
        margin-right: 1.5%;
    }
    .modal-footer .btn {
        margin-top: 2em !important;
    }

    
    
    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        margin-left: -18px;
        width: 103.5%;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar {
        margin-top: 0.5em;
        display: flex;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(1),
    #calendar > div.fc-header-toolbar > div:nth-child(3) {
        font-size: inherit;
        margin: 0;
    }
    #calendar > div.fc-header-toolbar > div:nth-child(2) {
        font-size: inherit;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    #calendar > div.fc-header-toolbar h2.fc-toolbar-title {
        display: inline-block;
        padding-top: 0.2em;
        font-size: 1.75em;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: -1.5% 0 0 10px !important;
        padding: 0.3em 0.7em;
        font-size: inherit;
        background-color: #22a7f0;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button span.fc-icon-add i {
        font-size: 0.9em;
        vertical-align: top;
    }



    /* SALES MANAGEMENT PAGE */
    .btn-form-select {
        margin: 0 1%;
    }
    .sales-form-title {
        margin-bottom: 2em;
    }
    .beauty-packages .list-group {
        max-height: 179px;
        /* margin-bottom: 10px; */
        overflow: scroll;
    }
    .list-group-search {
        margin-bottom: 0.5em;
    }
    .add-beauty-package {
        margin-top: 0;
        margin-left: -12%;
    }
    .hidden-form-title {
        margin: 1em 0 0 1em;
    }
    #add-beauty-package-section .panel.panel-bordered {
        margin-left: 0;
        padding: 0;
        width: 100%;
    }
    


    /* TABLE HEADER SERVER SIDE ORDER */
    table#dataTable th {
        color: #0dd5de;
        font-weight: bold;
    }
    table#dataTable th a {
        font-weight: bold;
    }
    /* TABLE HEADER CLIENT SIDE ORDER */
    table#dataTable.dataTable th {
        color: #337ab7;
        font-weight: bold;
    }
    table#dataTable.dataTable th.relation, 
    table#dataTable.dataTable th.actions {
        color: #0dd5de;
        font-weight: bold;
    }
    table#dataTable.table th {
        color: #337ab7;
        font-weight: bold;
    }
    table#dataTable.table th.relation, 
    table#dataTable.table th.actions {
        color: #0dd5de;
        font-weight: bold;
    }



    /* SHOW RESULT MESSAGE */
    div.show-res {
        font-size: 16px;
    }




    /* DIGITAL INVOICE PAGE */
    .sales-parameters .form-group,
    .sales-summary .form-group {
        margin-bottom: 1em;
    }
    



    /* SERVER PAGINATION */
    nav.flex.items-center.justify-between {
        margin-top: 15px;
        font-size: 16px;
    }
    nav.flex.items-center.justify-between a {
        font-weight: bold;
    }
    .flex {
        border: none;
    }
    #filemanager .flex {
        border: 1px solid #e0e0e0;
    }
    span.relative.inline-flex.items-center {
        padding: 0 10px;
    }



    /* BREAD BUTTONS */
    .page-title.read {
        height: 6em;
    }
    .page-title.read > i {
        top: 40px;
    }
    .page-buttons {
        display: inline-flex;
        margin: 0;
        width: 70%;
    }
    .page-buttons .btn {
        width: initial;
    }
    .page-buttons .btn-add-new {
        float: none;
        margin: 0 16px 0 10px;
        border: 1px solid transparent !important;
    }
    .page-buttons .btn-add-many-new,
    .page-buttons .btn-show-price-list,
    .page-buttons .btn-promo-simulator,
    .page-buttons .btn-danger {
        float: none;
        padding: 6px 15px;
        margin: -1px 0 1px 10px !important;
        border: 1px solid transparent !important;
    }
    /* Show/Hide deleted element button  */
    .page-buttons .toggle.btn.btn-default,
    .page-buttons .toggle.btn.btn-primary {
        float: none;
        margin: -1px 0 1px 10px !important;
        min-width: 176px;
        min-height: 2.9em;
    }
    .toggle-group label.toggle-on {
        white-space: initial;
        padding: 3% 0 0 0 !important;
        margin-left: -20px;
    }
    .toggle-group label.toggle-off {
        white-space: initial;
        padding: 3% 0 0 0 !important;
    }
    .voyager .btn.btn-default {
        border-color: #ccc;
    }
    .read-page-buttons {
        display: inline-flex;
        margin-left: 1%;
    }
    .page-title .read-page-buttons .btn-info .glyphicon,
    .page-title .read-page-buttons .btn-warning .glyphicon {
        top: 4px !important;
        font-size: 1.2em;
        margin: 0 !important;
        padding: 0 5px;
        position: relative;
    }
    .page-title .read-page-buttons .btn-danger .icon {
        top: 1px !important;
        left: 0;
        font-size: 1.2em;
        margin: 0 !important;
        padding: 0 5px;
        position: relative;
    }
    .page-title .read-page-buttons .btn-info .hidden-xs.hidden-sm,
    .page-title .read-page-buttons .btn-warning .hidden-xs.hidden-sm {
        position: relative;
        top: 1px;
    }
    .page-title .read-page-buttons .btn-danger .hidden-xs.hidden-sm {
        position: relative;
        top: -2px;
    }
    div.table-responsive .bread-actions{
        min-height: 10em;
        display: table;
        margin: -1px 0 0 -6px;
        width: 100%;
    }
    div.table-responsive .go-to-list,
    div.table-responsive .view,
    div.table-responsive .edit,
    div.table-responsive .delete,
    div.table-responsive .restore,
    div.table-responsive .presentation {
        margin: 0.8em 0 0 10px !important;
        border: 0 !important;
        cursor: pointer;
    }
    div.table-responsive .view > i,
    div.table-responsive .edit > i,
    div.table-responsive .delete > i,
    div.table-responsive .restore > i,
    div.table-responsive .presentation > i,
    div.table-responsive a.btn.btn-sm.btn-success.pull-right > i {
        font-size: 14px;
        line-height: 1.57142857;
    }
    .read-page-buttons .btn-info {
        float: left;
        margin: 14px 4% 4px 0;
    }
    .read-page-buttons .btn-danger, 
    .read-page-buttons .btn-warning {
        float: left;
        margin: 1em 4% 4px 0;
        border: 1px solid transparent !important;
    }
    .page-title .btn-add-new i.icon,
    .page-title .btn-add-many-new i.icon,
    .page-title .btn-show-price-list i.icon,
    .page-title .btn-promo-simulator i.icon,
    .page-title .btn-danger i.voyager-trash {
        top: 3px !important;
        left: -5px;
        font-size: 1.2em;
        margin: 0 !important;
        padding: 0 5px;
        position: relative;
    }


    
    /* OTHER BREAD ELEMENTS */
    .img-resize {
        width: 25%;
    }
    .belongs-to-list {
        margin-left: -10%;
    }
    .belongs-to-list-read {
        margin-left: -2%;
    }
    .highlighted-row {
        background-color: #e58bce;
        color: #fff;
    }
    .highlighted-row:hover {
        color: #000;
    }
    .add-edit-label-relation {
        margin-left: -1%;
        width: 102%;
    }
    a.btn.position-right {
        float: right;
        margin-top: 2.5em; 
    }
    a.go-to-list-bread {
        margin-right: 1%;
    }
    a.go-to-list-bread span, 
    button.submit-bread i, 
    button.submit-database i {
        position: relative;
        top: 4px;
        font-size: 1.3em;
    }
    .view {
        margin-left: 5px;
        cursor: pointer;
    }
    .presentation {
        margin-left: 5px;
        cursor: pointer;
    }
    div.table-responsive.has-many {
        padding: 0;
        margin: 1% auto -2%;
    }
    div.form-group.has-many {
        padding-left: 0;
        padding-right: 30px;
    }
    button.submit-hasmany,
    a.edit-hasmany {
        margin-top: 1.9em;
        border: 0;
    }
    button.submit-hasmany i {
        position: relative;
        top: 2px;
    }
    #bulk_delete_btn span, 
    .btn-add-new span,
    .btn-add-many-new span,
    .btn-show-price-list span,
    .btn-promo-simulator span {
        display: initial;
    }
    .page-content.browse .panel.panel-bordered,
    .page-content.read .panel.panel-bordered {
        margin-left: 0.8%;
        padding: 0;
        width: 100%;
    }
    .page-content.edit-add .panel.panel-bordered {
        margin-left: 1.2%;
        padding: 0;
        width: 100%;
    }
    #search-input {
        display: flex;
        width: 100%;
        margin-left: 0;
    }
    #search-input div.input-group span.input-group-btn {
        width: 2%;
    }



    /* PRESENTATION PAGE */
    .presentation-page, .presentation-page td, .presentation-page li { 
        font-weight: 400;
        color: #526069;
    }
    div.presentation-title {
        font-weight: bold;
        text-align: center;
        margin-bottom: 1em !important;
        margin-top: -1em;
    }
    h1.presentation-h1 {
        display: inline-block;
    }
    img.presentation-title-img {
        width: 4%;
        display: inline-block;
        margin-bottom: 1.5em;
        margin-left: 4%;
    }
    a.btn-exit {
        float: none !important;
        display: inline-block;
        margin-right: 1% !important;
    }
    img.presentation-img {
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: 0;
        left: 0;
    }
    img.presentation-promo-img {
        width: 28%;
        margin: 0 auto;
        position: absolute;
        top: -6%;
        left: -3%;
        z-index: 1;
        transform: rotate(12deg);
    }
    img.presentation-promo-img2 {
        width: 24%;
        margin: 0 auto;
        position: absolute;
        top: -12%;
        left: 8%;
        z-index: 1;
        transform: rotate(-17deg);
    }
    .presentation-label {
        font-weight: bold;
        text-align: left;
    }
    .presentation-content {
        text-align: justify;
        padding-right: 5%;
        margin-top: 0;
    }
    .presentation-content-h4 {
        text-align: left;
    }
    .presentation-content-h4 div.values {
        margin-left: -6%;
    }
    .presentation-services-content .row > [class*="col-"] {
        height: 2em;
    }
    .presentation-prices-content .row > [class*="col-"] {
        margin-bottom: 1em;
    }
    .row.price-list > [class*="col-"] {
        margin-bottom: 1em;
    }
    .presentation-information {
        margin-bottom: 0.5em !important;
    }
    .presentation-services-content {
        margin-left: -1.5%;
        margin-top: -0.75em;
    }
    .presentation-prices-content {
        margin-top: -2em;
    }
    .relationship-no-result {
        margin-top: 1.5em;
    }
    .presentation-prices-content table.has-many {
        margin-bottom: 0%;
    }
    .belongs-to-list-h4 {
        font-size: 18px;
        text-shadow: rgba(0,0,0,.15) 0 0 1px;
        margin-left: -6%;
        font-family: inherit;
        font-weight: inherit;
        line-height: 1.1;
        color: inherit;
        text-align: left;
    }
    table.table.has-many th.col{
        background-color: #fff
    }
    .right-arrow i {
        float: right;
        font-size: 4em;
        color: #b5009c;
        line-height: 8em;
    }
    .left-arrow i {
        float: left;
        font-size: 4em;
        color: #b5009c;
        line-height: 8em;
    }



    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }
    /* span.select2.select2-container {
        height: 2em;
    } */
    .select2-container .select2-search--inline {
        margin-top: 5px;
    }



    /* PRICE LIST PAGE */
    /* custom settings for desktops */
    .container.price-list-responsive {
        width: 1100px;
        margin-left: auto;
    }
    .price-list-responsive .discount {
        color: #f00;
    }



    /* PROMOTION SIMULATOR PAGE */
    .container.promo-simulator-responsive {
        margin-left: 1.5%;
    }
    .promo-simulator-responsive .parameters {
        padding: 0 15px;
        width: 33.33333333%;
    }
    .promo-simulator-responsive .simulator {
        padding: 0 15px;
        width: 66.66666667%;
      }
    .promo-simulator-section-title {
        font-weight: 600;
        color: #b5009c;
        margin-bottom: 1.5em;
        margin-left: -4%;
    }
    .promo-fields-section {
        padding-left: 0;
        margin-bottom: 1em !important;
    }
    .promo-simulator-responsive span.select2.select2-container {
        height: auto;
    }
    .promo-simulator-table-title {
        font-weight: bold;
        font-size: 16pt;
        padding-bottom: 0.7em;
    }
    .promo-simulator-sessions-number,
    .promo-simulator-products-amount {
        width: 46px;
        display: inline-block;
        text-align: center;
        margin-top: 0.5em;
    }
    .promo-simulator-item-name {
        padding-top: 0.9em;
    }
    .promo-simulator-service-price-value,
    .promo-simulator-product-price-value {
        width: 82px;
        display: inline-block;
        margin-top: 0.5em;
        margin-right: 0.8em;
        text-align: right;
    }
    .promo-simulator-label-subtot {
        font-weight: bold;
        font-style: italic;
        text-align: right;
        padding-top: 1em;
    }
    .promo-simulator-sessions-subtot-price,
    .promo-simulator-amounts-subtot-price {
        font-weight: bold;
        font-style: italic;
        padding-top: 1em;
    }
    .promo-simulator-total {
        text-decoration: underline;
        font-size: 14pt;
        font-weight: bold;
        text-align: right;
        padding-top: 1em;
        color: #6E0082;
    }
    .promo-simulator-total-price {
        text-decoration: underline;
        font-size: 14pt;
        font-weight: bold;
        padding-top: 1em;
        color: #6E0082;
    }
    .promo-simulator-discount {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0.7em;
    }
    .promo-simulator-discount-value {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        width: 80px;
        display: inline-block;
        margin-top: 0.5em;
        margin-right: 0.5em;
        text-align: right;
    }
    .promo-simulator-discount-value-percentage {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
    }
    .promo-simulator-costs {
        color: #f00;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0.4em;
    }
    .promo-simulator-costs-value {
        color: #f00;
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0.4em;
    }
    .promo-simulator-income {
        color: #008037;
        font-size: 12pt;
        font-weight: bold;
        text-align: right;
        margin-top: 0.4em;
    }
    .promo-simulator-income-value {
        color: #008037;
        font-size: 12pt;
        font-weight: bold;
        margin-top: 0.4em;
    }
    #beauty-package-content-title .row > [class*="col-"], 
    #beauty-package-content-services .row > [class*="col-"],
    #beauty-package-content-services-subtotal .row > [class*="col-"],
    #beauty-package-content-products .row > [class*="col-"],
    #beauty-package-content-products-subtotal .row > [class*="col-"],
    #beauty-package-content-discounted-total .row > [class*="col-"],
    #beauty-package-content-discount .row > [class*="col-"], 
    #beauty-package-content-costs .row > [class*="col-"], 
    #beauty-package-content-net-revenues .row > [class*="col-"]
    {
        margin-bottom: 0;
    }
}



/* ------------------------------- */
/* ------ LAYOUT DESKTOPS 2 ------ */
/* ------------------------------- */
/* ---  PC 15"  --- */
@media (min-width: 1520px) 
{
    /* BASIC STYLES */
    .container {
        width: 1490px;
    }
    .voyager.edit {
        margin-left: 0;
    }
    div.container-fluid div.container-fluid .page-title {
        margin-left: -1%;
    }
    div.container-fluid div.container-fluid .page-title > i {
        margin-left: -1%;
        margin-top: 0;
    }
    div.container-fluid .page-title { 
        margin-left: -3%;
    }
    div.container-fluid .page-title.read { 
        margin-left: -4%;
    }
    div.container-fluid .page-title > i { 
        margin-left: 2.5%;
    }
    div.container-fluid .page-title.read >i { 
        margin-left: 3%;
    }
    .page-content.browse .panel.panel-bordered,
    .page-content.read .panel.panel-bordered {
        margin-left: 0.6%;
        padding: 0;
        width: 100%;
    }
    .page-content.edit-add .panel.panel-bordered {
        margin-left: 1.2%;
        padding: 0;
        width: 100%;
    }
    


    /* BREAD BUTTONS */
    /* Show/Hide deleted element button  */
    .toggle-group label.toggle-on {
        white-space: initial;
        padding: 3% 0 0 0 !important;
        margin-left: -20px;
    }
    .toggle-group label.toggle-off {
        white-space: initial;
        padding: 3% 0 0 0 !important;
    }
    .page-buttons .icon {
        top: 3px;
        position: relative;
    }
    .read-page-buttons .icon, .form-edit-add .icon{
        top: 2px;
        position: relative;
        margin-right: 0.5em;
    }
    .read-page-buttons .glyphicon,
    .form-edit-add .glyphicon{
        margin-right: 0.5em;
    }
    #bulk_delete_btn i.voyager-trash {
        top: 3px;
        position: relative;
        margin-right: 0.5em;
    }
    .voyager .btn.btn-default {
        border-color: #ccc;
    }
    .btn.btn-default.toggle-off,
    .btn.btn-primary.toggle-on {
        padding-top: 6px;
    }
    div.table-responsive .bread-actions{
        min-height: 9em;
        display: table;
        margin: -1px 0 0 -6px;
        width: 100%;
    }



    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        margin-left: -18px;
        width: 102.9%;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: -1% 0 0 10px !important;
        padding: 0.3em 0.7em;
        font-size: inherit;
        background-color: #22a7f0;
    }



    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }



    /* PRICE LIST PAGE */
    /* custom settings for desktops */
    .container.price-list-responsive {
        width: 1180px;
        margin-left: auto;
    }


    /* PROMOTION SIMULATOR PAGE */
    .container.promo-simulator-responsive {
        margin-left: 0.7%;
    }
    .promo-simulator-sessions-subtot-price .euro,
    .promo-simulator-amounts-subtot-price .euro,
    .promo-simulator-total-price .euro, 
    .promo-simulator-costs-value .euro, 
    .promo-simulator-income-value .euro {
        margin-left: 5px;
        margin-right: 5px;
    }
    .promo-simulator-discount-value-percentage {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        position: relative;
        top: 0;
        left: -4px;
    }
}




/* ----------------------------------------- */
/* ------ LAYOUT WIDESCREEN DEVICES 1 ------ */
/* ----------------------------------------- */
/* 13" MacBook Pro (1.5x scaling) */
@media (min-width: 1680px) {}
/* breakpoint for more flexibility */
@media (min-width: 1760px) {}
/* 1080p displays - Schermo Samsung */
@media (min-width: 1920px) 
{
    /* BASIC STYLES */
    .container {
        width: 1890px;
    }
    .page-title { 
        color: blue;
        height: 5em;
    }
    div.container-fluid div.container-fluid .page-title { 
        margin-left: -1.8%;
    }
    div.container-fluid div.container-fluid .page-title > i { 
        margin-left: 0;
        margin-top: 0;
    }
    div.container-fluid .page-title { 
        margin-left: -5%;
    }
    div.container-fluid .page-title.read { 
        margin-left: -5%;
    }
    div.container-fluid .page-title >i,
    div.container-fluid .page-title.read >i { 
        margin-left: 4%;
    }
    .voyager.edit {
        margin-left: 0;
    }
    .page-content.browse .panel.panel-bordered,
    .page-content.read .panel.panel-bordered {
        margin-left: 0.6%;
        padding: 0;
        width: 100%;
    }
    .page-content.edit-add .panel.panel-bordered {
        margin-left: 1.2%;
        padding: 0;
        width: 100%;
    }
    



    /* BREAD BUTTONS */
    /* Show/Hide deleted element button  */
    .page-buttons .toggle.btn.btn-default,
    .page-buttons .toggle.btn.btn-primary {
        width: 14% !important;
    }
    div.table-responsive .bread-actions{
        min-height: 7em;
        display: table;
        margin: -1px 0 0 -6px;
        width: 100%;
    }


    /* DASHBOARD - FULL CALENDAR */
    .calendar-box {
        margin-left: -18px;
        width: 102.3%;
        margin-bottom: 0 !important;
    }
    #calendar > div.fc-header-toolbar button.fc-add-button {
        margin: -0.8% 0 0 10px !important;
        padding: 0.3em 0.7em;
        font-size: inherit;
        background-color: #22a7f0;
    }


    /* SELECT2 */
    ul.select2-results__options li.select2-results__option:first-child {
        color: red;
    }
    #select2-services_list-results ul.select2-results__options li.select2-results__option:first-child,
    #select2-products_list-results ul.select2-results__options li.select2-results__option:first-child {
        color: #222;
    }


    /* PROMOTION SIMULATOR PAGE */
    .container.promo-simulator-responsive {
        margin-left: 0.7%;
    }
    .promo-simulator-sessions-subtot-price .euro,
    .promo-simulator-amounts-subtot-price .euro,
    .promo-simulator-total-price .euro, 
    .promo-simulator-costs-value .euro, 
    .promo-simulator-income-value .euro {
        margin-left: 5px;
        margin-right: 10px;
    }
    .promo-simulator-discount-value {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        width: 80px;
        display: inline-block;
        margin-top: 0.5em;
        margin-right: 1.2em;
        text-align: right;
    }
    .promo-simulator-discount-value-percentage {
        color: #004aad;
        font-size: 12pt;
        font-weight: bold;
        position: relative;
        top: 0;
        left: -10px;
    }
}



/* ----------------------------------------- */
/* ------ LAYOUT WIDESCREEN DEVICES 2 ------ */
/* ----------------------------------------- */
/* breakpoint for more flexibility */
@media (min-width: 2500px) {}




/*----------------------------------------*/




/* ************* */
/*   FRONT END   */
/* ************* */
.welcome-login-logo {
    width: 100px;
    height: 100px;
    margin-bottom: 1em;
}