@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url("https://use.typekit.net/nkd8vvw.css");

@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Circular A Bold';
    src: url('../fonts/CircularStd-Bold.otf');
}

@font-face {
    font-family: 'Euclid Circular A Regular';
    src: url('../fonts/CircularStd-Book.otf');
}

#components-reconnect-modal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #fff !important;
    background-color: rgba(77, 84, 93, 1) !important;
}

#components-reconnect-modal h5 {
    font-size: 20px !important;
    padding: 20px !important;
}
.translation a {
    color: #417BBC !important;
}


.e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
    border-color: #417BBC !important;
}

.validation-message {
    color: #842029 !important;
    font-size: 14px;
    font-family: 'Euclid Circular A Regular', sans-serif;
    font-weight: 400;
}

.margin-top-8 {
    margin-top: 8rem;
}

/*Mobile*/
h1.size-34.mobile {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
}

.control-wrapper {
    max-width: 250px;
    margin: 0 auto;
    padding: 50px 0px 0px;
}

.active-dropdown-menu-item
{
    font-weight: 800 !important;
}

h1.size-24.mobile {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

p.size-16.mobile {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.letter-spacing-3 
{
    letter-spacing: 2.7px;
}

.font-weight-300{
    font-weight: 300 !important;
}

.rounds-container {
    overflow-y:scroll;
    max-height: 200px;
}

/* width */
.rounds-container::-webkit-scrollbar {
    width: 6px;
}

/* Track */
/*.rounds-container::-webkit-scrollbar-track {
    border-radius: 10px;
}*/

.button-privacy-policy
{
    width:75%;
}
/* Handle */
.rounds-container::-webkit-scrollbar-thumb {
    background: #417BBC;
    border-radius: 10px;
}

.color-grey.mobile {
    color: #4D545D;
}

.background-white
{
    background-color: #fff;
}

.italic
{
    font-style:italic;
}

html{

    height:100%;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    min-height:100%;
}

a.privacy-policy 
{
    color: #417BBC;
    font-weight:bold;
}

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    color: #212529;
    background: #FFFFFF !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-header {
    border-bottom: 0px !important;

}


#nav-menu-de-serve p {
    color: #FFFFFF;
}

#nav-menu-de-serve .nav-active-sidebar p {
    color: #0F4881;
}

#toast_types button {
    margin: 5px;
    min-width: 160px;
    max-width: 160px;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#toast_type .e-toast-icon.e-icons {
    height: auto;
    font-size: 30px;
}

.bootstrap5 #toast_type .e-toast-icon.e-icons,
.bootstrap5-dark #toast_type .e-toast-icon.e-icons {
    height: 25px;
}


.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.btn.btn-primary-deserve {
    width: 100%;
    height: 40px;
    background-color: #417BBC;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}

.open-sans {
    font-family: 'Open Sans', sans-serif;
}
.btn.btn-primary-deserve.bold {
    font-weight:bold;
}

.btn.btn-empty-deserve {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #417BBC;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
}

.btn.btn-empty-deserve.social {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #FBFBFB;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    
}

.btn.btn-full-deserve {
    width: 100%;
    height: 40px;
    background-color: #417BBC;
    border-radius: 5px;
    border: 1px solid #417BBC;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.color-white{
    color:#fff;
}

.color-blue {
    color: #0F4881;
}

.color-black {
    color: #172B4D;
}

.color-grey {
    color: #4D545D !important;
}

.color-grey-traveller {
    color: #4D545D;
}

.color-grey-white {
    color: #A5A9A7;
}

.color-green {
    color: #2DCE98;
}

.color-red {
    color: #F53C56;
}

.color-yellow {
    color: #F5AF0D;
}

.color-orange {
    color: #F5AF0D;
}

.color-light-blue {
    color: #417BBC;
}

.container-traveller {
    background-color: #FBFBFB;
}

.forgot-password {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #172B4D;
    font-style: italic;
}

h1 {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold !important;
}

h1.extra-bold{
    font-weight: 600 !important;
}

h1.size-24 {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}


h1.size-34 {
    font-size: 34px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}


h1.weight-regular {
    font-weight: 300 !important;
}

.letter-spacing-5 {
    letter-spacing: 5.1px;
}

.line-height
{
    line-height:1.5;
}

h2 {
    font-size: 20px;
    font-family: 'Euclid Circular A Bold';
}

h3 {
    font-size: 16px;
    font-family: 'Euclid Circular A Bold';
    color: #4D545D;
}

h3.popup-traveller {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

h4 {
    font-family: 'Euclid Circular A Bold';
    font-size: 14px;
    color: #2A2E33;
}


h4.semi-bold {
    font-weight: 500;
}

h5 {
    font-size: 14px;
    font-family: 'Euclid Circular A Bold';
    color: #0F4881;
}

h6 {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.font-weight-regular
{
    font-weight:400 !important;
}

p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.semi-bold
{
    font-weight:500;
}

p.change-to {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

p.size-12 {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

p.size-16 {
    font-size: 16px;
    font-family: 'Euclid Circular A Regular';
    color: #2A2E33;
}

.radio-button-de-serve .e-label {
    margin-top:5px;
    margin-left:4px;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    color: #172B4D !important;
}


.div-ranking {
    padding:10px 20px;
    background-color: #F0F3F5;
    border-radius:5px;
}

.e-radio-wrapper.radio-button-de-serve .e-radio:checked + label::after { /* csslint allow: adjoining-classes */
    background-color: #417BBC;
    color: #417BBC;
}

.e-radio-wrapper.radio-button-de-serve .e-radio:checked:focus + label::after,
.e-radio-wrapper.radio-button-de-serve .e-radio:checked + label:hover::after { /* csslint allow: adjoining-classes */
    background-color: #417BBC;
}

.e-radio-wrapper.radio-button-de-serve .e-radio:checked + ::before {
    border-color: #417BBC;
    background-color: #fff;
    width: 21px;
    height: 21px;
}

.e-radio+label::before {
    background-color: #fff;
    border-color: #ced4da;
    width: 21px !important;
    height: 21px !important;
}


.e-radio-wrapper.radio-button-de-serve .e-radio:checked:focus + ::before,
.e-radio-wrapper.radio-button-de-serve .e-radio:checked + label:hover::before { /* csslint allow: adjoining-classes */
    border-color: #417BBC
}

.e-radio+label::after {
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 13px !important;
    left: 4px;
    position: absolute;
    top: 4px;
    transform: scale(0);
    width: 13px !important;
}

.e-radio-wrapper.radio-button-de-serve .e-radio + label:hover::before {
    border-color: #417BBC
}


.button-menu-card.e-btn {
    background-color: #fff;
    width: 10px;
    height: 27px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-menu-card .e-btn-icon.e-icons.e-caret {
    display:none;
}

.e-control.e-btn.e-lib.e-dropdown-btn.button-menu-card.e-icon-btn:hover {
    background-color: #fff;
    box-shadow: 0px 0px 2px #417BBC;
    border: 2px solid #78A8DD;
    border-radius: 2px;
}


element.style {
}

.e-dropdown-btn, .e-dropdown-btn.e-btn {
    text-transform: none;
    white-space: normal;
}

.e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn {
    padding: 4px 11px;
}

.button-menu-card.e-btn {
    background-color: #fff;
    width: 10px;
    height: 27px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border:0px;
}

.button-menu-card .e-item {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #417BBC;
}

.button-menu-card.e-dropdown-popup ul .e-item:hover {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #417BBC;
    background-color:#fff;
}

.e-btn.e-active, .e-css.e-btn.e-active {
    background-color: #fff !important;
    border-color: #417BBC;
    color: #fff;
    box-shadow: 0px 0px 2px #417BBC;
}

.e-btn:active, .e-css.e-btn:active {
    background-color: #fff !important;
    border-color: #417BBC !important;
    color: #fff;
    box-shadow: 0px 0px 2px #417BBC;
}

.e-btn:focus, .e-css.e-btn:focus {
    background-color: #fff !important;
    border-color: #417BBC !important;
    color: #fff;
    box-shadow: 0px 0px 2px #417BBC !important;
}

.button-menu-card.e-dropdown-btn:active, .button-menu-card.e-dropdown-btn.e-btn:active {
    box-shadow: 0px 0px 2px #417BBC !important;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.e-refresh {
    margin-top: 5px !important;
}

.e-refresh::before {
    content: url("../Images/DeServe/icon-button-card.svg") !important;
}

.e-btn .e-btn-icon.e-icon-left, .e-css.e-btn .e-btn-icon.e-icon-left {
     margin-left: 0 !important; 
     width: unset !important; 
}

.e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon {
     display: block; 
    font-size: 16px;
    margin-top: 4px;
    vertical-align: middle;
    width: 1em;
}

.container-page-account {
    width: 676px;
    height: 658px;
    background-color: #4D545D;
    border-radius:10px;
}

.container1{
    width:676px;
    height:658px;
}

.background-grey 
{
    background-color: #F0F3F5;
}

.img-tag {
    width: 20px;
    height: 20px;
}

.italic {
    font-style: italic;
}

tr{
    border-color:transparent;
}

tr:nth-child(even) {
    background-color: #D6EEEE;
}

.margin-top-set
{
    margin-top:30px;
}

.padding-x-30{
    /*padding-left:30px;*/
    padding-right:30px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.img-tag-traveller
{
    width:24px;
    height:24px;

}

.one-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.two-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.whatsapp-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border:0px;
    background-color: #4BC959;
    height:40px;
    width:65px;
}

.email-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 0px;
    background-color: #417BBC;
    height: 40px;
    width: 65px;
}

.prenotation-calendar.e-calendar{
    width:100%;
    max-width:unset;
    border:0px;
}

.prenotation-calendar.e-calendar .e-content thead, 
.e-bigger.e-small .prenotation-calendar.e-calendar .e-content thead {
    background: #fff;
}


.prenotation-calendar.e-calendar .e-content thead th, 
    .e-bigger.e-small .prenotation-calendar.e-calendar .e-content thead th {
    color: #417BBC;
    font-family: 'Open Sans', sans-serif;
}

.prenotation-calendar.e-calendar .e-header, .e-bigger.e-small .prenotation-calendar.e-calendar .e-header {
    background-color: #417BBC !important;
}

.prenotation-calendar.e-calendar .e-header .e-title, .e-bigger.e-small .prenotation-calendar.e-calendar .e-header .e-title {
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}

.prenotation-calendar.e-calendar .e-header .e-title:hover, .e-bigger.e-small .prenotation-calendar.e-calendar .e-header .e-title:hover {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}


.prenotation-calendar.e-calendar .e-header span, .e-bigger.e-small .prenotation-calendar.e-calendar .e-header span {
    color: #fff;
}


.prenotation-calendar.e-calendar .e-header span:hover, .e-bigger.e-small .prenotation-calendar.e-calendar .e-header span:hover {
    color: #fff;
    background-color: #417BBC;
}


.prenotation-calendar.e-calendar .e-btn.e-today.e-flat.e-primary, .prenotation-calendar.e-calendar .e-css.e-btn.e-today.e-flat.e-primary,
.prenotation-calendar.e-calendar .e-btn.e-today.e-flat.e-primary:hover, .prenotation-calendar.e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
    background-color: #417BBC;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}


.prenotation-calendar.e-calendar .e-content span.e-day, .e-bigger.e-small .prenotation-calendar.e-calendar .e-content span.e-day,
.prenotation-calendar.e-calendar .e-content .e-other-month span.e-day, .e-bigger.e-small .prenotation-calendar.e-calendar .e-content .e-other-month span.e-day {
    font-family: 'Open Sans', sans-serif !important;
}

.prenotation-calendar.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.prenotation-calendar.e-calendar .e-content td.e-selected.e-focused-date span.e-day:hover{
    background-color: #417BBC;
    color: #fff;
}

.prenotation-calendar.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, 
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .prenotation-calendar.e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 2px 0 #417BBC, inset 0 2px #417BBC, inset -2px 0 #417BBC, inset 0 -2px #417BBC;
    color: #417BBC;
}

.prenotation-calendar.e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
    color: #fff;
}


.input-file .e-file-drop {
    display: none;
}

.input-file.not-remove .e-file-delete-btn {
    display:none !important;
}

.amount-hours.e-input-group::before, .amount-hours.e-input-group.e-control-wrapper::before {
    content: url(/Images/DeServe/icon-hours.svg) !important;
    font-family: e-icons;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}


.amount-people.e-input-group::before, .amount-people.e-input-group.e-control-wrapper::before {
    content: url(/Images/DeServe/icon-person.svg) !important;
    font-family: e-icons;
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

input:before {

}


.input-field {
    border: 1px solid #417BBC !important;
    border-radius: 5px;
    height: 40px;
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    display: flex;
    align-items: center;
}

    .input-field.e-disabled {
        border: 1px solid #C9CBCE !important;
        border-radius: 5px;
        color: #2A2E33;
        font-size: 14px;
        font-family: 'Euclid Circular A Regular';
    }

.error-message {
    border-radius: 5px;
    box-shadow: 0px 2px 4px #1717172E;
    background-color: #F9F9F9;
}

.input-field.e-input-focus {
    border: 1px solid #417BBC !important;
    border-color: #417BBC !important;
    border-radius: 5px;
    height: 40px;
    box-shadow: 0 0 0 0 !important;
}

.input-field.e-ddl.e-input-group.e-control-wrapper {
    border: 1px solid #C9CBCE !important;
    border-radius: 5px;
    height: 30px;
    color: #2A2E33;
    font-size: 14px;
    font-family: 'Euclid Circular A Regular';
    /*width: 261px !important;*/
    width: 100% !important;
}

    .input-field.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
        margin-bottom: 4px;
        content: url(/Images/DeServe/dropdown-arrow.svg);
        font-family: e-icons;
    }

.input-field.e-ddl.e-input-group.e-control-wrapper:active {
    box-shadow:0 0 0 0 !important;
}

.input-field .e-input-group-icon {
    height: 100% !important;
}

.input-file.e-upload {
    border: 1px solid #EFE9E9;
    border-radius: 5px;
}

.input-file .e-btn {
    background-color: #0F4881 !important;
    width: 170px;
    height: 30px;
    font-weight: 600 !important;
    font-style: normal;
    border: 0px !important;
    margin: 2px;
    font-family: 'Euclid Circular A Bold' !important;
    font-size: 14px !important;
}

.input-file .e-file-drop {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px !important;
}


.input-field.e-input-group:not(.e-disabled) .e-input-group-icon:active, .input-field.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
    background: #417BBC;
    color: #fff;
}

.input-field.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .input-field.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: #0F4881;
    color: #fff;
}


.input-field.e-ddl.e-input-group.e-control-wrapper.e-disabled {
    border : 0px !important;
}

.input-field.e-dropdownbase .e-list-item {
    font-family: 'Open Sans', sans-serif !important;
}


.label-text-cr {
    color: #0F4881;
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
}

.logo-header-traveller{

    max-height:44px;
    max-width:160px;
}

.media-input {
    width: 120px;
    height: 120px;
    /*    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;*/
    border-radius: 10px;
    margin-top: 50px;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #4D545D;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-tabs .nav-link {
    text-transform: uppercase;
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #2A2E33;
}

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: transparent;
        isolation: isolate;
    }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0F4881;
    background-color: #FFFFFF;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #0F4881;
    text-transform: uppercase;
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
}

.star-vote
{
    width:20px;
    height:20px;
}

.star-vote.size-5 {
    width: 14px;
    height: 14px;
}


textarea {
    border: 1px solid #C9CBCE !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    font-family: 'Euclid Circular A Regular' !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    min-height: 145px !important;
}


.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold;
    color: #172B4D;
}

.e-daterangepicker.e-popup .e-calendar {
    font-family: 'Open Sans', sans-serif !important;
}


.e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-cancel, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-cancel {
    background-color: #ffffff !important;
    color: #0F4881 !important;
    font-family: 'Euclid Circular A Bold';
    font-weight: bold !important;
    border: 1px solid #0F4881 !important;
    border-radius: 5px;
    font-size: 0px;
    padding-top: 4px;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-apply, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-cancel {
    background-color: #0F4881 !important;
    color: #0F4881 !important;
    font-family: 'Euclid Circular A Bold';
    border: 1px solid #0F4881 !important;
    border-radius: 5px;
    font-size: 0px;
    padding-top: 4px;
}

    .e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-apply:after, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-apply:after {
        content: "CONFERMA";
        color: #FFF;
        font-size: 15px;
    }


.e-daterangepicker.e-popup .e-footer .e-btn.e-flat.e-cancel:after, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat.e-cancel:after {
    content: "ANNULLA";
    color: #0F4881;
    font-size: 15px;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled, .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:disabled, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:disabled {
    background-color: #0F4881 !important;
    color: transparent !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold;
    font-size: 0px;
    border: 1px solid #0F4881 !important;
    border-radius: 5px;
    padding-right: 20px;
    padding-top: 2px;
}


.e-input:focus{
    box-shadow:none !important;
}

.e-input-focus {
    box-shadow: none !important
}

.e-disabled textarea {
    border: 0px solid #417BBC !important;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #86b7fe;
    box-shadow: none !important
}

.e-dropdownbase {
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    color: #172B4D;
}

.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
    background-color: #417BBC !important;
    color: #fff !important;
}

.e-checkbox-wrapper.e-remember:hover .e-frame.e-check { /* csslint allow: adjoining-classes */
    background-color: #417BBC;
}

.e-remember .e-frame{
    width:24px !important;
    height:24px !important;
}

.e-remember .e-check {
    background-color: #417BBC !important;
}

.e-remember.e-checkbox-wrapper .e-check::before, .e-css.e-checkbox-wrapper .e-check::before {
    font-size: 14px !important;
    display: flex !important;
    margin-top: 5px !important;
    justify-content: center;
}

.e-remember .e-label {
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #fff !important;
}

.e-remember.black .e-label {
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #4D545D !important;
}

.popup-deserve {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(39, 6, 3, 0.3);
    z-index: 10000;
}

.popup-deserve.black {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 1);
    z-index: 10000;
}

.search-icon-position {
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -10px;
}


.suggestion-information-container {
    border-radius: 5px;
    border: 0px solid #8A9AAB99;
}

textarea.e-input,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea,
.e-input-group textarea,
.e-input-group.e-control-wrapper textarea {
    resize: none !important;
}


.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.login-body-container.valutation {
    background-color: #F0F3F5;
    /*  border-radius: 10px;
    height: 658px;*/
    align-items: center;
    height: 800px
}

.valutation-body {
    margin-right: 15px;
    margin-left: 15px;
}

.valutations-container {
    max-height: 400px;
    overflow-y: scroll; /* Hide scrollbars */
    overflow-x: hidden;
}

/* width */
.valutations-container::-webkit-scrollbar {
    width: 8px;
}

/* Handle */
.valutations-container::-webkit-scrollbar-thumb {
    background-color: #417BBC;
    border-radius: 10px;
}

.rounds-container {
    overflow-y: scroll;
    max-height: 200px;
}




#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}




a {
    text-decoration: none;
}

    a:hover, a:focus {
        box-shadow: 0 0px #fff !important;
    }


/* Hide scrollbar for Chrome, Safari and Opera */
.hidden-scroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hidden-scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.bshadow0, input {
    box-shadow: inset 0 0px #e7e7e7 !important;
}


/*Balance popup*/

.title-one-balance-popup {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #247BC1;
}

.h3-balance-popup {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #172B4D;
}

.p-balance-popup {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}



 /*Booking Calendar*/

.h-date-booking {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #172B4D;
}

.day-week-booking-calendar {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #172B4D;
}

.day-div-booking-calendar {
    border-top: 1px solid #4D545D;
    height:150px;
}

.day-booking-calendar {
    color: #172B4D;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.day-div-booking-calendar.active {
    background-color: #0F4881;
}

.day-booking-calendar.active {
    color: #fff;
}

.day-div-booking-calendar.grey {
    opacity: 0.6;
}

.round-time {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.round-people {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
}

.round-people.active{
    color:#fff;
}

.round-time.active {
    color: #fff;
}


/*Button Preset*/
.preset-deserve-button {
    border: 1px solid #247BC1;
    border-radius: 10px;
    height: 116px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #247BC1;
    background-color: #fff;
}

.preset-deserve-button.active {
    color: #fff;
    background-color: #247BC1;
}

/*Calendar*/
.calendar {
    width:100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 10px;
    padding: 20px 15px 20px 15px;
    position: absolute;
    left:0;
    right:0px;
    top:60px;
    z-index:99;
}

.day-of-week-calendar-bold {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #172B4D;
    font-weight:bold;
    width:20px;
    height:20px;
}

.day-of-week-calendar {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #172B4D;
    width: 20px;
    height: 20px;
}

.day-not-month-calendar {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
    width: 20px;
    height: 20px;
    opacity:0.5;
}

.day-of-week-calendar.active {
    border-radius: 75px;
    color: #fff;
    background-color: #417BBC;
}


.month-calendar {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #172B4D;
    height: 50px;
}

.month-calendar.active {
    color: #fff;
    background-color: #417BBC;
}

.month-calendar.disabled{
    opacity:0.5;
}

.padding-calendar-component {
    padding: 20px 10px 20px 0px;
}


.h-calendar {
    color: #172B4D;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    cursor:pointer;
}


/*Card Counter*/

.title-card-counter {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

.date-card-counter {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #A5A9A7;
}

.icon-card-counter-red{
    font-size:28px;
    color:#fff;
    background-color:red;
    border-radius:100px;
    width:40px;
    height:40px;
}

.icon-card-counter-green {
    font-size: 28px;
    color: #fff;
    background-color: #2DCE98;
    border-radius: 100px;
    width: 40px;
    height: 40px
}

.icon-card-counter-green-sp {
    font-size: 28px;
    color: #fff;
    background-color: #70ba67;
    border-radius: 100px;
    width: 40px;
    height: 40px
}

.icon-card-counter-yellow {
    font-size: 28px;
    color: #fff;
    background-color: #FFE33E;
    border-radius: 100px;
    width: 40px;
    height: 40px
}

.icon-card-counter-blu {
    font-size: 28px;
    color: #fff;
    background-color: #247BC1;
    border-radius: 100px;
    width: 40px;
    height: 40px
}



.month-count-card-counter {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #4D545D;
    line-height: 30px;
}

.totally-count-card-counter {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #4D4F5C;
}


.div-main-card {
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    background-color:#fff;
}


/*Card Host Suggestion*/
.status-back-ch {
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    z-index: 100;
    border-radius: 10px 10px 0px 0px;
}

.status-back-ch.published {
    background-color: rgb(45, 206, 152, 0.6);
}

.status-back-ch.review {
    background-color: rgb(255, 227, 0, 0.6);
}

.status-back-ch.refused {
    background-color: rgb(245, 60, 86, 0.6);
}

.status-back-ch.not-available {
    background-color: rgb(0, 21, 44, 0.6);
}


.status-ch-suggestion {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    opacity: 1 !important;
}

.tag-ch-suggestiom {
    color: #0F4881;
    font-size: 12px;
    font-family: 'Euclid Circular A Regular';
    text-transform: uppercase;
}

.logo-ch {
    position: absolute;
    border-radius: 100px;
    width: 90px;
    height: 90px;
    bottom:0;
    margin-bottom:-45px;
    left: 50%;
    margin-left:-45px;
    border: 5px solid #fff;
    box-shadow: 0px 3px 6px #2C28281C;
}

.detail-title-ch {
    font-weight: bold;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #247BC1;
}

.detail-ch {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #1A2E4F;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.button-ch {
    background-color: #0F4881;
    color: #ffffff;
    font-family: 'Euclid Circular A Bold';
    font-size: 12px;
    border: 1px solid #0F4881;
    border-radius: 5px;
    width: 83px;
    height: 30px;
}

.button-ch-empity {
    background-color: #FFFFFF;
    color: #0F4881;
    font-family: 'Euclid Circular A Bold';
    font-size: 12px;
    border: 1px solid #0F4881;
    border-radius: 5px;
    width: 79px;
    height: 30px;
}


/*Card Package*/

.type-c-package {
    color: #417BBC;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.button-cpa-full {
    background-color: #0F4881;
    color: #FFFFFF;
    font-family: 'Euclid Circular A Bold';
    font-size: 14px;
    border: 1px solid #0F4881;
    border-radius: 5px;
    width: 170px;
    height: 30px;
}

    .button-cpa-full.red {
        background-color: #EA1B3B;
        border: 1px solid #EA1B3B;
    }

    .button-cpa-full.green {
        background-color: #2DCE98;
        border: 1px solid #2DCE98;
    }



.button-cpa-full.font-12 {
    font-size: 12px;
}


.button-cpa-empity {
    background-color: #fff;
    color: #0F4881;
    font-family: 'Euclid Circular A Bold';
    font-size: 14px;
    border: 1px solid #0F4881;
    border-radius: 5px;
    width: 170px;
    height: 30px;
}


    .button-cpa-empity.no-border {
        background-color: #fff;
        color: #0F4881;
        font-family: 'Euclid Circular A Bold';
        font-weight: bold;
        font-size: 14px;
        border: 0px solid #0F4881;
        border-radius: 5px;
        width: 150px;
        height: 30px;
    }

.button-without-border {
    background-color: #fff;
    color: #247BC1;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 150px;
    height: 45px;
    border:0px;
}

.button-cpa-empity.size-14 {
    font-size: 14px;
}


.hashtag-cpa {
    color: #4D545D;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.button-cpa-full.disabled {
        opacity:0.5
}

.button-cpa-empity.disabled {
    opacity: 0.5
}
/*Card Payment*/
.icon-eye-blue {
    font-size: 34px;
    color: #247BC1;
    cursor: pointer;
}

.icon-card-payment-blu {
    font-size: 28px;
    color: #fff;
    background-color: #247BC1;
    border-radius: 100px;
    width: 45px;
    height: 45px
}

.payment-card {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #4D545D;
    line-height: 30px;
}

.payment-card.font-20{
    font-size:20px;
}

.font-30 {
    font-size: 30px;
}

.payment-detail {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #417BBC;
}

/*Card Line Chart*/
.menu-card-line-chart {
    position: absolute;
    right: 20px;
    top: 40px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    background-color:#fff;
}

.text-card-line-chart {
    font-size: 12px;
    color: #417BBC;
    font-family: 'Open Sans', sans-serif;
}

.icon-row {
    font-size:20px;
    color: #417BBC;
}

    .icon-row.active {
        box-shadow: 0px 0px 2px #417BBC;
        border: 2px solid #78A8DD;
        border-radius: 2px;
    }

/*CheckBox Blu*/
.checkbox-blu {
    box-shadow: 0px 3px 6px #2C28281C;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width:42px;
    height:40px;
}


.checkbox-blu.disable {
    background-color: #e9ecef;
    border: 0px solid #417BBC;
    cursor: default !important;
}

.checkbox-blu-active {
    background-color: #0F4881;
    box-shadow: 0px 3px 6px #2C28281C;
    border: 1px solid #0F4881;
    border-radius: 5px;
    width: 42px;
    height: 40px;
}

.checkbox-blu-active.rounded-check {
    border-radius: 50px;
}

.checkbox-blu.rounded-check {
    border-radius: 50px;
}

.checkbox-blu.size-20 {
    width: 20px;
    height: 20px;
}

.checkbox-blu-active.size-20 {
    width: 20px;
    height: 20px;
    font-size:12px;
}

.checkbox-blu.size-26 {
    width: 26px;
    height: 26px;
}

.checkbox-blu-active.size-26 {
    width: 26px;
    height: 26px;
    font-size: 12px;
}



.checkbox-blu.size-28 {
    width: 28px;
    height: 28px;
}

.checkbox-blu-active.size-28 {
    width: 28px;
    height: 28px;
    font-size: 12px;
}

.check{
    color:#fff;
    font-size:22px;
}


.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error, .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
    box-shadow: 0 0 0 0px rgb(220 53 69 / 25%) !important;
}

.checkbox-rounded {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #0F4881;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    color: #0F4881;
    font-size: 14px;
    cursor: pointer;
}

/*Community*/
.general-page {
    height:inherit;
}


/*Complete Registratiom*/
.page-compl-reg {
    position: fixed;
    right: 0;
    top: 6%;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #F4F7FB;
    z-index: 99;
    box-shadow: 0px 3px 6px #2C28281C;
}

.form-cr {
    padding: 30px 0px 10px 0px;
    background-color: white;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
}

.title-compl-reg {

    border-bottom: 1px solid #F4F7FB;

}

.text-cr-2 {
    color: #0F4881;
    font-family: 'Euclid Circular A Bold';
    font-size: 18px;
}

.text-cr-1 {
    color: #172B4D;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #172B4D;
}

.text-cr-3 {
    color: #172B4D;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #172B4D;
}

.input-text-cr {
    border: 1px solid #417BBC;
    border-radius:5px;
    height:40px;
}

textarea.input-text-cr {
    height: 100px;
    max-height: 100px;
    resize: none !important;
}

.input-disable-text-cr {
    font-family: 'Open Sans', sans-serif;
    background-color: #F8F8F8;
    color: #8A9AAB;
    border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    cursor: default !important;
}

textarea.input-disable-text-cr.new, textarea.input-disable-text-cr.new:hover {
    font-family: 'Open Sans', sans-serif;
    background: #e9ecef;
    color: #343a40;
    border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    cursor: default !important;
    border: 0px !important;
}


textarea.input-disable-text-cr {
    font-family: 'Open Sans', sans-serif;
    background-color: #F8F8F8;
    color: #8A9AAB;
    border-radius: 5px;
    cursor: default !important;
    height: 100px;
    max-height: 100px;
    resize: none !important;
    width:100%;
    border:0px;
}

.input-disable-text-cr:hover {
    font-family: 'Open Sans', sans-serif;
    background-color: #F8F8F8;
    color: #8A9AAB;
    border-radius: 5px;
    border-radius: 5px;
    cursor: default !important;
}

textarea.input-disable-text-cr:hover {
    font-family: 'Open Sans', sans-serif;
    background-color: #F8F8F8;
    color: #8A9AAB;
    border-radius: 5px;
    box-shadow:0px !important;
    cursor: default !important;
    height: 100px;
    max-height: 100px;
    resize: none !important;
    width: 100%;
    border: 0px;
}

.label-text-cr.image {
    font-size: 12px;
}

.label-text-cr.font-18 {
    color: #172B4D;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

/*Confirm Preset*/
.suggestion-numeber {
    color: #172B4D;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
}




/*Cursor*/

.cursor{
    cursor:pointer;
}

.not-cursor {
    cursor:default !important;
}
/*Dashboard*/

.div-main-dashboard {
    position: relative;
    /*margin-top: -85px;*/
    background-color: transparent;
}

.button-dashboard {
    background-color: #417BBC;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 151px;
    height: 45px;
}

    .button-dashboard.font-14{
        font-size:14px;
    }

    .download-date {
        color: #fff;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }

.download-date.blu {
    color:#247BC1
}


    /*Dropdown*/

    .dropdown-window-up {
    position:absolute;
    top:-170px;
    left:0;
    right:0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index:99;
}


.dropdown-window-down {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index:99;
}

/*FAQ*/
.answer {
    display: none;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    font-family: 'Open Sans', sans-serif;
}

.answer.see{
    display:unset;
}

/*Footer*/

.footer {
    background-color: #FFFFFF;
    padding: 15px 30px 15px 30px;
    margin-top: 30px;
    border-top: 1px solid #eaebec;
}

.sticky-footer {
    width: 100%;
}

.footer-row {
    margin-top: 30px;
    background-color: #F4F7FB;
    padding: 15px 30px 15px 30px;
}

.p-footer, .p-footer a {
    font-size: 14px;
    font-family: 'Euclid Circular A Regular';
    color: #2A2E33;
}

/*Header*/

.font-icon-header{
    font-size:24px;
    color:#fff
}

.alarm{
    position:absolute;
    top:0;
}

.header {
    background-color: #ffffff;
    padding: 5px 30px 10px 30px;
    position: fixed;
    z-index: 101;
    box-shadow: 0px 3px 6px #2C28281C;
    width: 100%;
}

.type-page {
    color: #fff;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}





/*Host Suggestion*/

.tag-host-sug {
    background-color: #FFF;
    color: #0F4881;
    font-size: 12px;
    font-family: 'Euclid Circular A Regular';
    border: 1px solid #C9CBCE;
    border-radius: 5px;
    width: fit-content;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    cursor: pointer;
}

.status-host-sug {
    background-color: #FFF;
    color: #1A2E4F;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #1A2E4F;
    border-radius: 25px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    width: fit-content;
    cursor: pointer;
}

.tag-host-sug.active {
    background-color: #1A2E4F;
    color: #FFF;
}

.status-host-sug.active {
    background-color: #1A2E4F;
    color: #FFF;
}

.change-ps {
    background-color: #fff;
    color: #2A2E33;
    font-size: 14px;
    font-family: 'Euclid Circular A Bold';
    width: 35px;
    height: 35px;
}

    .change-ps.active {
        color: #0F4881;
        border-bottom: 3px solid #0F4881;
    }

.pagination {
    color: #417BBC;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

/*Hover*/
/*Icon*/

.icon-position-col-3{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-8px;
    color:#000;
}

.icon-position-col-4 {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    color: #000;
}

.icon-position-col-4.active {
    transition:all 0.3s linear;
    transform:rotate(180deg);
}
.icon-position-col-4.dis {
    opacity:0.5;
}

.icon-position-label {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top:4px;
    color: #000;
}


.icon-time-service {
    background-color: #247BC1;
    color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    cursor: pointer;

}

.icon-time-service.position {
    position: relative;
    bottom: -80%;
}

.icon-trash-service.position {
    position: relative;
    bottom: -80%;
}

.icon-trash-service {
    background-color: #f53c56;
    color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


.dowload-icon-blu {
    filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(525%) hue-rotate(166deg) brightness(87%) contrast(91%);
    width:15px;
    height:15px;
}



/*Input*/

.input-img-password{
    position:absolute;
    top:50%;
    margin-top:-8px;
    right:18px;
    margin-right:-8px;
}

.input-img-password.registration {
    position: absolute;
    padding:14px;
    margin-top: -8px;
    margin-right: -10px;
}

.input-img-password.login {
    position: absolute;
    padding:14px;
    top: 45%;
    margin-top: -20px;
    right: 30px;
    margin-right: -20px;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #247BC1;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

textarea:focus {
    outline: none;
    box-shadow: 0px 2px 4px #1717172E !important;
}



input:focus {
    outline: none;
}


.input-textarea-review {
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    height: 126px;
}

.input-text {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}


.media-input {
    width:120px;
    height:120px;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 10px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*Language menu*/
.menu-language {
    position: absolute;
    border: 1px solid #417BBC;
    border-radius: 5px;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #417BBC;
    padding: 10px;
    bottom: 0;
    margin-bottom: -70px;
    left: 0;
    display: none;
}

.login-logo {
    /*width: 170px;*/
    height: 100px;
}

.login-body {
    background-image: url("/Images/DeServe/login-background.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 99999px rgba(77, 84, 93, 0.5);
    flex-direction: column;
}

.class_404{
    background-image: url("/Images/DeServe/background-login.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
}


.login-body.with-header {
    margin-top:58px;
}

.body-layout-traveller.with-header.height {
    background-image: url("/Images/DeServe/background-login.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 64px;
    height: 100%-64px;
}

.login-body-container {
    background-color: #4D545D;
    border-radius: 10px;
    width: 318px;
    height: 516px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-body-container.white {
    background-color: #F4F7FB;
    border-radius: 10px;
    width: 520px;
    height: 556px;
}

.login-title {
    color: #4D545D;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 5px;
    margin-top:70px;
}


.evalutation-title
{
    color: #4D545D;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 5px;
}


}

.login-title-container {
    color: #fff;
    font-family: 'Euclid Circular A Regular', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

    .login-title-container.black {
        color: #4D545D;
    }

.menu-language.active {
    display: unset;
}
/*Message Community*/
.date-mes-com {
    color: #8898AA;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.text-mes-com {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}


.input-number-plus {
    position:absolute;
    right:10px;
    top:8px;
}

.input-number-minus {
    position: absolute;
    left: 10px;
    top: 8px;
}

input.number {
    text-align: center;
}



.input-image-button {
    background-color: #417BBC;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 151px;
    height: 40px;
}

.image-download-preset {
    box-shadow: 0px 2px 4px #1717172E;
    width: 320px;
    height: 120px;
    background-color: #F8F8F8;
    border-radius:5px;
}

.image-dimension {
    width: 320px;
    height: 120px;
    border-radius: 5px;
}


/*NavMenu*/
.logo {
    padding: 0px 15px;
    text-align: center;
}

.font-icon-nav {
    font-size: 22px;
    color: #417BBC;
}


.nav-main-div {
    height: 100%;
    background-color: #0F4881;
    min-width: 215px !important;
    border-radius: 0px 0px 20px 0px;
    position: fixed;
}



.nav-active {
    color: #417BBC;
    font-weight: bold;
    border-radius: 5px;
    background-color: #F6F9FC;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}

.nav-active.not-back{
    background-color:#fff;
}


    .nav {
        color: #1A2E4F !important;
        background-color: #FFF;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

.nav-title-profile{
    font-size:14px;
}

.nav-p-profile {
    font-size: 12px;
}

.nav-profile {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
    padding: 35px 0px 35px 15px;
}


.suggestion-menu {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

.suggestion-menu.opacity05{
    opacity:0.5;
}

.swicth-font {
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #0F4881;
}

.op05 {
    opacity: 0.5;
}

.suggestion-menu.open {
    -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg); /* FF */
    -o-transform: rotate(180deg); /* Opera */
    -ms-transform: rotate(180deg); /* IE9 */
    transform: rotate(180deg);
}

/*New Booking*/
.p-newbooking {
    color: #172B4D;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
}

.dropdown-new-booking {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index: 99;
}

.dropdown-new-booking-period {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index: 99;
}


.calendar-icon-new-booking{
    position:absolute;
    right:10px;
    top:10px;
}

.button-left-popup-new-booking {
    background-color:#fff;
    border: 1px solid #417BBC;
    border-radius: 5px;
    color: #417BBC;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    width: 190px;
    height: 45px;
}

.button-right-popup-new-booking {
    background-color: #417BBC;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 190px;
    height: 45px;
}

.button-right-popup-new-booking.red {
    background-color: #F53C56;
    border: 1px solid #F53C56;
}



/*News*/
.news-div {
    position: absolute;
    background-color: #fff;
    width: 400px;
    right: 50px;
    top: 30px;
    border-radius: 10px;
    z-index: -99;
    box-shadow: 0px 3px 6px #2C28281C;
    overflow: hidden;
}

.news-div.active{
    z-index:99;
}

.news {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.news.active {
    color: #fff;
    background-color: #247BC1;
    border: 1px solid #247BC1;
}

/*New Preset*/
.button-left-new-preset {
    background-color: #fff;
    border: 1px solid #417BBC;
    border-radius: 5px;
    color: #247BC1;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    height: 45px;
    width: 150px;
}

.button-right-new-preset {
    background: #417BBC;
    border: 1px solid #417BBC;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    height: 45px;
    width: 150px;
}

.text-area-new-preset {
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    height: 120px;
}


/*Opening TIme*/
.p-close {
    color: #172B4D;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}



/*Popup*/
.button-left-popup {
    border: 1px solid #417BBC;
    border-radius: 5px;
    color: #417BBC;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    width: 150px;
    height: 45px;
    background-color:#fff;
}

.button-right-popup {
    background-color: #417BBC;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 150px;
    height: 45px;
}

.button-right-popup.red {
    background-color: #F53C56 !important;
    border: 1px solid#F53C56;
}


.popup-message {
    height: 100%;
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.popup-body-message {
    padding-bottom: 30px;
    position: fixed;
    height: auto;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    bottom: 50%;
    right: 25% !important;
    left: 25% !important;
}

.popup-body-message.see-popup {
    overflow-y: auto;
    bottom: 0;
}

.popup {
    display:none;
    height: 100%;
    position: fixed;
    z-index: 200;
    bottom: -100%;
    left: 0;
    right: 0;
    background-color: rgba(1, 5, 31, 0.3);
}


.popup-body {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;

    background-color: #fff;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    width: 600px;
    height: 350px;
}

.popup-body-xl {
    position: fixed;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    bottom: 10%;
    right: 0% !important;
    background-color: #fff;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    width: 700px;
    min-height: 530px;
}


.popup.see-popup {
    display:unset;
    top:0;
    bottom:0;
}

.popup-body.see-popup {
    overflow-y: auto;
    bottom: 50%;
}

/*.popup-body-xl.see-popup {
    overflow-y: auto;
    bottom: 40%;
}*/

.title-popup {
    color: #247BC1;
    font-weight: bold;
    background-color: #F6F9FC;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}

.p-popup {
    color: #172B4D;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-align:center;
}


.body-component {
    padding-top: 60px;
}



/*Preset*/

.p-preset {
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.card-container {
    min-height: 510px;
    max-height: 510px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
}

.card-present {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
}

.card-suggestion-to-select {
    border: 5px solid transparent;
    border-radius: 16px;
}

.card-suggestion-to-select.active {
    border: 5px solid #247BC1;
}

.card-pres-num-sug {
    color: #0F4881;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.p-card-pres {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.00) !important;
    border:0px !important;
}

.name-card{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.button-card-pres {
    border: 1px solid #247BC1;
    border-radius: 5px;
    color: #247BC1;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    background-color: #fff;
}

.padding-0{
    padding:0px !important;
}

/*Scheduling*/
.menu-amount-scheduling {
    border: 1px solid #C9CBCE;
    border-radius: 5px;
    color: #2A2E33;
    width: 54px;
    height: 30px;
}


.choose-amount-scheduling {
    position: absolute;
    background-color: #fff;
    border: 1px solid #C9CBCE;
    border-radius: 5px;
    color: #2A2E33;
    left: 0;
    top: 35px;
    width: 54px;
}

/*Swicth*/
.swicth {
    height: 30px;
    width: 50px;
    border-radius: 15px;
    background-color: #C9CBCE;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

.swicth-inside {
    width: 24px;
    height: 24px;
    background-color: #4D545D;
    border-radius: 100px;
    position: absolute;
    top: 3px;
    left: 4px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    cursor: pointer;
}


.swicth.on {
    background-color: #0F4881;
}

.swicth-inside.on {
    background-color: #fff;
    left: 23px;
}

/*Suggestion Details*/
.cover-suggestion-details {
    border-radius: 10px;
    height:300px;
}

.image-suggestion-details {
    width: 160px;
    height: 160px;
    border-radius: 100px;
    border: 5px solid #fff;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0,0,0, 0.2);
}

.position-image-suggestion-details{
    position:absolute;
    bottom:-15%;
    left:40%;
}

.media-suggestion-details {
    width: 140px;
    height: 140px;
    border-radius:10px;
}

.detail-name-suggestion {
    color: #247BC1;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.p-suggestion-details {
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.detail-grey-name-suggestion {
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.number-suggestion-preset {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}


/*Table Booking*/

.day-table-booking {
    color: #0F4881;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.suggestion-table-booking {
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

/*Table Traveller Host*/

.thead-tr-host-traveller {
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: 'Euclid Circular A Bold';
    color: #0F4881;
}
.icon-table-host-traveller{
    font-size:16px;
    cursor:pointer;
}

.dropdown-host-treveller {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index: 99;
}

tbody tr:nth-child(2n) {
    background-color: #fff !important;
}

tbody tr:nth-child(2n+1) {
    background-color: #F4F4F5;
}

/**/
.dropdown-booking {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index: 99;
}

/*Table*/

.table th{
    padding-left:30px;
}

.table td {
    padding-left: 30px;
}

.balance.green{
    color: #2dce98;
}

.balance.red {
    color: #F53C56;
}



/*Tooltip*/
.tooltip-icon {
    color: #247BC1;
    width: 20px;
    height: 20px;
    border: 1px solid #247BC1;
    border-radius: 100px;
    font-size:12px;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
}



#spanText {
    visibility: hidden;
    position: absolute;
    width: 255px;
    bottom: 35px;
    left: 80%;
    margin-left: -123px;
    background-color: #ffffff;
    color: rgb(1, 5, 31);
    text-align: center;
    padding: 5px 0px;
    z-index: 100000;
    border-radius: 10px;
    border: 1px solid #0F4881;
}

    #spanText::after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        color: #fff;
    }

.tooltip-wrapper:hover #spanText {
    visibility: visible;
}

.tooltip-text {
    color: #2A2E33;
    font-size: 12px;
    font-family: 'Euclid Circular A Regular';
    text-align: left !important;
}

/*Valutation*/
.name-service-provider {
    color: #417BBC;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.p-valutation-service {
    color: #1A2E4F;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.star-icon-valutation {
    background: #F6F9FC 0% 0% no-repeat padding-box;
    border: 1px solid #B4C9DC;
}

.div-main-valutation {
    border-bottom: 3px solid #F4F7FB;
}

.valutation-traveller-container {
    background-color: #FFFFFF;
    border-radius:10px;
    padding:20px;
}

.comment-text {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}





/*TRAVELLER*/


/*Calendar Popup*/

.div-calendar-popup {
    border: 1px solid #417BBC;
    border-radius:5px;
}

.header-calendar-popup {
    background-color: #417BBC;
    height:36px;
}

.h-calendar-popup {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.header-day-popup {
    background-color: #fff;
    height: 36px;
}

.day-of-week-name-calendar-popup {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #417BBC;
}

.day-of-week-calendar-popup {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    width: 20px;
    height: 20px;
}

.day-not-month-calendar-popup {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    width: 20px;
    height: 20px;
    opacity: 0.5;
}

.day-of-week-calendar-popup.active {
    border-radius: 75px;
    color: #fff;
    background-color: #417BBC;
}

.month-calendar-popup {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
    height: 50px;
}

.month-calendar-popup.active {
    color: #fff;
    background-color: #417BBC;
    border: 1px solid #417BBC;
    border-radius:5px;
}

.hours-prenotation {
    border: 1px solid #417BBC;
    border-radius: 5px;
    color: #fff;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    height:90px;
    width:90px;
}

.hours-prenotation.active {
    background-color: #417BBC;
}

.p-prenotation {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}


/*Complete Prenotation*/
.p-blue-complete-prenotation {
    color: #417BBC;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
}

.p-complete-prenotation {
    color: #4D545D;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.height-textarea-complete-prenotation{
    height:90px;
}

/*FAQ*/
.div-faq {
    background-color: #417BBC4D;
    border: 1px solid #417BBC4D;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
    font-weight:bold;
}

/*Footer*/
.div-footer {
    border-top: 1px solid #C6C6C6;
}

.footer-end {
    background-color: transparent;
    font-size: 16px;
    font-family: 'Euclid Circular A Regular';
    color: #ffffff;
}


/*Header Traveller*/


.header-traveller {
    background-color: #FFFFFF;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 3px 12px #00000033;
    z-index: 230;
}

.header-traveller p {
    color: #417BBC;
}

.language-header-traveller {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.language p
{
    font-size:12px;
}

.menu-traveller-icon
{
    width:28px;
    height:23px;
}

.button-full-header-traveller {
    color: #fff;
    background-color: #417BBC;
    height: 40px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 200px;
}

.button-empty-header-traveller {
    color: #417BBC;
    background-color: transparent;
    height: 40px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 200px;
}


.image-host {
    height: 210px;
    width: 100%;
}

.image-suggestion {
    height: 210px;
    width: 100%;
}

/*Homepage Traveller*/
.prenotation-traveller {
    background-color: #F0F0F0;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

.p-blu-home-traveller {
    color: #247BC1;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
}


.p-h-traveller {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}



.p-h-traveller.size-34 {
    font-size: 34px;
    font-weight:bold;
}

.p-h-traveller.size-12 {
    font-size: 12px;
}

.p-h-traveller.size-14-semibold {
    font-size: 14px;
    font-weight:500;
}

.p-h-traveller.size-16-semibold {
    font-size: 16px;
    font-weight: 500;
}


.p-h-traveller.size-12-semibold {
    font-size: 12px;
    font-weight: 500;
}


.title-homepage-traveller {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

/*Input*/
.input-box-traveller {
    height: 45px;
    border: 1px solid #417BBC;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

.dropdown-window-down-traveller {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    border: 1px solid var(--unnamed-color-417bbc);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #1717172E;
    border: 1px solid #417BBC;
    border-radius: 5px;
    z-index: 99;
}

.up-button {
    position:fixed;
    bottom:2%;
    right:5%;
    width: 40px;
    height: 40px;
    background-color: #417BBC;
    color: #fff;
    border: 1px solid #417BBC;
    border-radius:100px;
    font-size:18px;
}

.input-dropdown{
    max-height:190px;
    overflow-y:scroll;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.input-dropdown::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.input-dropdown {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*Like*/
.like-icon {
    width: 20px;
    height: 20px;
}

.like-icon.mobile {
    width: 25px;
    height: 25px;
}

.like-full-icon {
    width: 20px;
    height: 20px;
}

.like-full-icon.mobile {
    width: 25px;
    height: 25px;
}


/*Other Suggestion*/

.other-suggestions-div {
    background-color:#6594C933;
}

.button-suggestion-traveller {
    background-color: #417BBC;
    color: #fff;
    border: 1px solid #417BBC;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    width: 302px;
    height: 45px;
}

    .button-suggestion-traveller.red {
        background-color: #F53C56;
        color: #fff;
        border: 1px solid #F53C56;
        border-radius: 5px;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        width: 302px;
        height: 45px;
    }

.button-suggestion-traveller.opacity05{
    opacity:0.5;
}

/*Menu Travellers*/

.menu-section
{
    padding:20px 20px 20px 35px;
}

.menu-icon-traveller {
    font-weight: 100;
    font-size: 30px;
    color: #fff;
}

.menu-traveller {
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    position: fixed;
    width: 250px;
    right: -250px;
    top: 0;
    bottom: 0;
    background-color: #fff;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
    z-index: 1000;
}

.menu-traveller::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.menu-traveller.open {
    right: 0;
}

.h-menu-traveller {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
}

.div-menu-traveller{
    border-top: 0.5px solid #363D46;
}

.div-menu-traveller p {
    color: #4D545D;
}



/*Payment*/
.container-payment {
    width:100%;
    height: 110px;
    border: 1px solid #417BBC;
    border-radius:5px;
}

.container-payment.active {
    background-color: #417BBC;
}

.img-payment {
    filter: brightness(0) saturate(100%) invert(33%) sepia(15%) saturate(343%) hue-rotate(174deg) brightness(93%) contrast(92%);
}

.img-payment.active {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.p-payment {
    color: #4D545D;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
}




/*Popup Traveller*/
.popup-body-traveller {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: #4D545D;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    width: 348px;
    height: 332px;
    max-height: 544px;
}

.popup-body-complete-prenotation {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: #4D545D;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    width: 348px;
    height: 450px;
}

.p-body-complete-prenotation {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:300;
}

.popup-body-traveller-prenotation {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: #4D545D;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    width: 348px;
    min-height: 510px;
}


.button-full-popup-traveller {
    background-color: #417BBC;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #417BBC;
    border-radius: 5px;
    width: 302px;
    height: 45px;
}


    .button-full-popup-traveller.red {
        background-color: #F53C56;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        border-radius: 5px;
        font-size: 16px;
        border: 1px solid #F53C56;
        border-radius: 5px;
        width: 302px;
        height: 45px;
    }

.title-popup-traveller {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.position-button-close-traveller {
    position: absolute;
    right: -30px;
    top:-30px;
    z-index: 99;
}

.p-popup-traveller {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #fff;
}


/*Prenotation Traveller*/
.prenotation-component-row {
    border: 1px solid #417BBC;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #4D545D;
    height:45px;
    background-color:#fff;
}
.prenotation-component-popup {
    border: 1px solid #417BBC;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    height: 45px;
}


.prenotation-component {
    background-color:rgba(255,255,255,0.4);
    position: fixed;
    bottom: 0;
    left: 0px;
    right: 0px;
    z-index: 200;
}

.detail-active {
    background-color: #fff;
    color: #4D545D;
    border: 1px solid #417BBC;
    border-radius:5px;
}


/*Registration*/
.h-registration {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
}

.h-registration.center {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    text-align:center;
}


.title-traveller {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}


/*Suggestion Traveller*/

.media-suggestion-traveller {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:150px;
}

.img-suggestion-traveller{
    height:170px;
    border-radius:5px;
}

.tag-sug-tra{
    background-color:#fff;
    width:26px;
    height:36px;
    border-radius:0 0 5px 5px;
    box-shadow:0px 2px 10px rgba(0,0,0,0.5);
}


.position-logo-sug-tra{
    box-shadow:0px 2px 10px  rgba(0,0,0, 0.2);
    background-color:#fff;
    position:absolute;
    width:46px;
    height:46px;
    left:50%;
    margin-left:-23px;
    bottom:0;
    margin-bottom:-10px;
    border-radius:100px;
    border:3px solid #fff;
    z-index:10;
}

.position-logo-sug-tra.dim55 {
    width: 56px;
    height: 56px;
    margin-left: -28px;
}



.p1-sug-tra {
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #247BC1;
}

.p-sug-det-tra {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #247BC1;
}


.p2-sug-tra {
    font-weight:bold !important;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #4D545D;
}


.link-suggestion {
    width: 22px;
    height: 22px;
    background-color: #417BBC;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #417BBC;
    font-size:10px;
}


.underline-comeback {
    border-bottom: 2px solid #F0F0F0;
}

/*Suggestion Details*/

.price {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    color: #4D545D;
}

.title-service-suggestion {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

.name-service-suggestion {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #417BBC;
}

.position-service {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

.p3-service {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #4D545D;
}

.p3-service.white{
    color:#417BBC;
}


.p-service-details {
    color: #4D545D;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.description-service-traveller {
    color: #4D545D;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

a.position-service {
    text-decoration: underline;
}

a.not-decoration{
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}

/*Prenotation Traveller*/

.button-empty-prenotation-traveller {
    border: 1px solid #417BBC;
    border-radius: 5px;
    background-color: #fff;
    color: #4D545D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
    height:45px;
}

.button-full-prenotation-traveller {
    border: 1px solid #417BBC;
    border-radius: 5px;
    background-color: #417BBC;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    height: 45px;
}

.arrow-media-right {
    position:absolute;
    right:5%;
    top:50%;
    margin-top:-10px;
    height:20px;
    width:20px;
    transform: rotate(90deg);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.arrow-media-left {
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    transform: rotate(-90deg);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.position-details-card-suggestion {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    position: absolute;
    top: -50px;
    z-index: 20;
    background-color: #417BBC;
    left: 0;
    right: 0;
    border-radius: 5px 5px 0 0;
    height: 50px;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.position-details-card-suggestion.active {
    top: 0px;
}

.checkbox-blu-active.size-30 {
    width: 30px !important;
    height: 30px !important;
}

.checkbox-blu.size-30 {
    width: 30px !important;
    height: 30px !important;
}


.alternative-background  .col:nth-child(2n+0) {
    background-color: #FBFBFB;
}


.cover{
    background-color:transparent;
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:50;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}



.button-slide {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: #417BBC;
    border: 1px solid #417BBC;
    border-radius: 50px;
    opacity: 0.5;
}

.button-slide.active {
    opacity:1;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 16px;
    height: 16px;
    padding: 0;
     margin-right: 10px; 
     margin-left: 10px; 
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 100px;
    border: 1px solid #fff;
     border-top: 0 solid transparent; 
     border-bottom: 0px solid transparent; 
    opacity: .5;
    transition: opacity .6s ease;
}



.carousel-indicators .active {
    opacity: 1;
}

.first-page {
    background-image: url(/Images/DeServe/FirstPage.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 35px;
    width: 35px;
    border: 1px solid #8898AA80;
    border-radius:100px;
}

.last-page {
    background-image: url(/Images/DeServe/LastPage.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 35px;
    width: 35px;
    border: 1px solid #8898AA80;
    border-radius: 100px;
}

.satispay {
    width: 90%;
}

.title-mobile {
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.padding-header-traveller {
    padding: 10px 20px;
}

/*Media query*/
@media only screen and (min-width:992px) {

    .button-privacy-policy {
        width: 25%;
    }

    .login-body-container.valutation {
        background-color: #F0F3F5;
        align-items: center;
        width: 1312px;
        max-height: 658px;
    }

    .login-body-container.valutation {
        background-color: #F0F3F5;
        /*  border-radius: 10px;
    height: 658px;*/
        align-items: center;
        max-height: 658px;
    }

    .valutation .valutation-body {
        width: 612px;
    }


    .valutations-container {
        max-height: 300px;
        overflow-y: scroll; /* Hide scrollbars */
        overflow-x: hidden;
    }

    /* width */
    .valutations-container::-webkit-scrollbar {
        width: 8px;
    }

    /* Handle */
    .valutations-container::-webkit-scrollbar-thumb {
        background-color: #417BBC;
        border-radius: 10px;
    }

    .rounds-container {
        overflow-y: scroll;
        max-height: 200px;
    }


    /* width */
    .rounds-container::-webkit-scrollbar {
        width: 6px;
    }


    /* Handle */
    .rounds-container::-webkit-scrollbar-thumb {
        background: #417BBC;
        border-radius: 10px;
    }

    p.size-16.mobile {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
    }


    .popup-body-traveller {
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: linear;
        background-color: #4D545D;
        box-shadow: 0px 3px 6px #2C28281C;
        border-radius: 10px;
        width: 556px;
        height: 438px;
        max-height: 569px;
    }

    .login-body-container
    {
        width:676px;
        height:658px;
    }

    h1.size-34.mobile {
        font-size: 34px;
        font-family: 'Open Sans', sans-serif;
    }

    h1.size-24.mobile {
        font-size: 24px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-weight-regular {
        font-weight: 400 !important;
    }

    .menu-traveller-icon {
        width: 28px;
        height: 24px;
    }

    .div-menu-traveller.not-desktop {
        border-top: 0px solid #363D46;
    }

    h3.popup-traveller {
        font-size: 26px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

    .language p {
        font-size: 16px;
    }


    .login-title-container {
        color: #fff;
        font-family: 'Euclid Circular A Regular', sans-serif;
        font-size: 24px;
        font-weight: 300;
    }

    .login-title {
        color: #4D545D;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 34px;
        font-weight: 400;
        letter-spacing: 5px;
    }

    .padding-header-traveller {
        padding: 10px 60px;
    }

    .p1-sug-tra {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        color: #247BC1;
    }



    .menu-language {
            bottom: 0;
            margin-bottom: -70px;
            margin-left: -5px;
            left: 0;
        }
    .title-mobile {
        font-size: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
        .prenotation-traveller {
            font-size: 18px;
        }

        .checkbox-blu-active.size-lg-30 {
            width: 30px;
            height: 30px;
        }

        .checkbox-active.size-lg-30 {
            width: 30px;
            height: 30px;
        }

        .title-homepage-traveller {
            font-size: 28px;
        }


        .p-blue-complete-prenotation {
            font-size: 21px;
        }

        .p-complete-prenotation {
            font-size: 21px;
        }


        .img-suggestion-traveller {
            height: 240px;
        }

        .arrow-media-right {
            right: 2%;
        }

        .arrow-media-left {
            left: 2%;
        }

        .satispay {
            width: 100px;
        }

        .popup-body-complete-prenotation {
            height: 566px;
            width: 570px;
        }

        .header-traveller {
            position: fixed;
            z-index: 230;
        }

        .body-component {
            padding-top: 60px;
        }

        .menu-traveller {
            z-index:210;
            top: 0px;
            padding-top: 60px;
            box-shadow: -3px 0px 12px #00000029;
        }

        .dim-lg-traveller-popup {
            width: 348px;
        }

    .popup-body-traveller-prenotation {
        width: 566px;
        min-height: 438px;
        max-height: 569px;
        display:flex;
        align-items:center;
        justify-content:center;
    }



        .position-logo-sug-tra.dim55 {
            width: 100px;
            height: 100px;
            margin-left: -50px;
            margin-bottom: -20px;
        }

        .price {
            font-size: 24px;
        }


        .image-host {
            height: 400px;
        }

        .image-suggestion {
            height: 500px;
            border-radius: 10px;
        }


        .popup-body-traveller {
            width: 556px;
            height: 438px;
        }

        .title-traveller {
            font-size: 34px;
        }

        .h-registration {
            font-weight: bold;
        }

        .checkbox-blu-active.rounded-check {
            width: 20px;
            height: 20px;
        }

        .checkbox-blu.rounded-check {
            width: 20px;
            height: 20px;
        }

        .input-box-traveller {
            font-size: 16px;
        }

        .underline-comeback.not {
            border-bottom: 0px solid #F0F0F0;
        }

        .p-service-details {
            font-size: 16px;
        }

        .p3-service {
            font-size: 12px;
        }
    }

    @media only screen and (min-width:1200px) {

        .satispay {
            width: unset;
        }

        .calendar {
            left:0;
        }

        .menu-language {
            bottom: 0;
            margin-bottom: -70px;
            margin-left: -5px;
            left: 0;
        }

        .p3-service {
            font-size: 16px;
        }
    }

    @media only screen and (min-width:1400px) {

        .position-logo-sug-tra {
            width: 70px;
            height: 70px;
            left: 50%;
            margin-left: -35px;
            bottom: 0;
            margin-bottom: -20px;
        }

        .calendar {
            left: 0
        }

        .menu-language {
            bottom: 0;
            margin-bottom: -70px;
            margin-left: -5px;
            left: 0;
        }
    }

    @media only screen and (min-width:1600px) {

        .container {
            max-width: 1570px !important;
        }


        .menu-language {
            bottom: 0;
            margin-bottom: -70px;
            margin-left: 0;
            left: 0;
        }
    }

.login-field-label {
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #0F4881;
}

.login-input-placeholder {
    font-family: 'Euclid Circular A Regular' !important;
    font-size: 14px !important;
    color: #2A2E33 !important;
}

.input-field {
    border: 1px solid #C9CBCE !important;
    border-radius: 5px;
    height: 30px;
    color: #172B4D;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    display: flex;
    align-items: center;
}

.input-field.e-input-focus {
    border: 1px solid #C9CBCE !important;
    border-color: #C9CBCE !important;
    border-radius: 5px;
    height: 30px;
    box-shadow: 0 0 0 0 !important;
}

.btn.login-btn {
    width: 100%;
    height: 30px;
    background-color: #0F4881;
    border-radius: 5px;
    font-family: 'Euclid Circular A Bold';
    color: #fff;
    font-size: 14px;
}

.e-checkbox-wrapper:hover .e-frame {
    background-color: #fff;
    border-color: #0F4881 !important;
}

.e-checkbox-wrapper:hover .e-frame {
    background-color: #fff;
    border-color: #0F4881 !important;
}

.e-checkbox-wrapper .e-frame {
    background-color: #fff;
    border-color: #0F4881 !important;
}

.footer-position {
    position: fixed;
    bottom: 0;
}

.logout-icon {
    content: url(../Images/DeServe/logout_icon.svg);
}

.nav-item.nav-active-sidebar div[b-f4h55vhyiu] {
    background-color: #F9F9F9 !important;
    height: 30px;
    align-items: center;
    padding-left: 10px;
    border-radius: 0px !important;
}

.nav-item.nav-active-sidebar p[b-f4h55vhyiu] {
    font-family: 'Euclid Circular A Bold';
    font-size: 12px;
    color: #0F4881 !important;
}

/* Solid border */
hr.solid {
    border-top: 1px solid #C9CBCE;
}

.filters-title {
    font-family: 'Euclid Circular A Bold';
    font-size: 16px;
    color: #4D545D;
}

.filter-label {
    font-family: 'Euclid Circular A Regular';
    font-family: 14px;
    color: #0F4881;
}

.e-upload .e-file-select-wrap {
    padding: 0px !important;
}

.input-file.e-upload {
    border: 1px solid #EFE9E9;
    border-radius: 5px;
    height: 36px;
    width: 534px;
}

.green-title {
    color: #22B70E;
}

.red-title {
    color: #EA1B3B;
}

.height-30 {
    height: 30px;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    background: #e9ecef;
    border: none;
    box-shadow: inset 1px 0 #0F4881, inset 0 1px #0F4881, inset -1px 0 #0F4881, inset 0 -1px #0F4881 !important;
    color: #343a40;
}

.card-title {
    font-family: 'Euclid Circular A Bold';
    font-size: 16px;
    color: #4D545D;
    text-transform: uppercase;
}

.card-description {
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #2A2E33;
}

.card-poi-info {
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #0F4881;
    text-transform: uppercase;
}

.card-poi-info-p {
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #2A2E33;
}

.info-service-label-bold {
    font-family: 'Euclid Circular A Bold';
    font-size: 14px;
    color: #2A2E33;
}

.info-service-label-regular {
    font-family: 'Euclid Circular A Regular';
    font-size: 14px;
    color: #2A2E33;
}

.textarea-service {
    border: 1px solid #C9CBCE !important;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.euclid-regular {
    font-family: 'Euclid Circular A Regular' !important;
}

.color-blue {
    color: #0F4881;
}

.height-100px {
    height: 100px;
}

.padding-left-42 {
    padding-left: 27px;
}

@media only screen and (max-width:1440px) {
    .margin-left-10 {
        margin-left: 10px;
    }

    .margin-left-25 {
        margin-left: 25px;
    }

    .sticky-footer {
        width: 100%;
    }
}