.form-control-custom {
    border-radius: 0;
    background-color: #F6F6F6 !important;
    border-width: 0;
    border-bottom: 1px solid #878C97;
    color: #2A2A2A;
    font-size: 1.2em;
    height: 60px;
}

.form-control-custom:focus {
    border-bottom: 1px solid #878C97 !important;

}

.form-control-custom:-webkit-autofill,
.form-control-custom:-webkit-autofill:hover,
.form-control-custom:-webkit-autofill:focus,
.form-control-custom:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #F6F6F6 inset !important;
}

#inputSearch {
    background-color: #FAFAFA;
    font-size: 1.2em;
}
#inputSearch::placeholder {
    color: #B6BCC9 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #878C97 !important;
}

.form-select-custom {
    font-family: 'Open Sans', serif;
    color: grey;
}

.form-control-custom::placeholder {
    font-family: 'Open Sans', serif;
}

.form-select-custom-front {
    font-family: 'Open Sans', serif;
    color: #B6BCCA;
    background-color: #FAFAFA;
}

.form-input-custom-front {
    font-family: 'Open Sans', serif;
    color: #505050;
    background-color: #FAFAFA;
}

.form-input-custom-front::placeholder {
    font-family: 'Open Sans', serif;
    color: #B6BCCA;
}

.ui-widget-header {
    border: 0;
    background: transparent;
    color: #333333;
    font-weight: bold;
}

.no-button {
    border: none;
    background-color: transparent;
}
.no-button:focus,
.no-button:active{
    box-shadow:none !important;
    outline:0 !important;
}
.btn-vignette-unselected {
    background-color: #F9F9F9;
    border-color: #EAEAEA;
    border-width: 2px;
    border-radius: 0.4rem;
}

.btn-vignette-selected {
    background-color: #FF5D00;
    border-width: 0;
    border-radius: 0.5rem;
}

.btn-vignette-selected-front {
    border-color: #FF8500;
    background-color: #F9F9F9;
    border-width: 2px;
    border-radius: 0.5rem;
}

.inactive-next {
    background-color: #BBBBBB;
    border-radius: 0.3rem;
}

.active-next {
    background-color: #878C97;
    border-radius: 0.3rem;
}

input[type="text"]
{
    font-family: 'Open Sans', serif;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Open Sans', serif;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Open Sans', serif;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Open Sans', serif;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: 'Open Sans', serif;
}

.btn-primary-inactive {
    background-color: #F19F6D;
    color: #fff;
}

.btn-primary-inactive:hover {
    color: #fff;
}

.vignette-card {
    border: none;
    border-radius: 0.5rem 0.5rem 0 0;
}

.vignette-alert-container {
    background-color: #FDF3EC;
    color: black;
    margin: 5px;
}

.vignette-custom-label {
    border-radius: 0.5rem 0.5rem 0 0;
    border-width: 0;
    margin-bottom: 0 !important;
    background-color: #F6F6F6 !important;
    padding: 0.375rem 0.75rem;
    width: 100%;
    font-weight: 300;
    color: #878C97;
}

label {
    font-family: 'Open Sans', serif;
}

form .form-control:focus{
    border-color: #fff;
    box-shadow: none;
}

.input-custom-blue {
    background-color: #E0EFFA;
}

.input-custom-blue:focus {
    background-color: #E0EFFA;
}

.input-custom-yellow {
    background-color: #FFF7DA;
}

.input-custom-yellow:focus {
    background-color: #FFF7DA;
}

.input-custom-grey {
    background-color: #F6F6F6;
}

.input-custom-grey:focus {
    background-color: #F6F6F6;
}

.btn-blue {
    background-color: #E0EFFA;
}

.btn-yellow {
    background-color: #FFF7DA;
}

.btn-grey {
    background-color: #F6F6F6;
}

.input-custom {
    border: 0;
    border-bottom: 1px solid black;
    height: 50px;
    color: black;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 12px;
    width: 97%;
}

.input-custom:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: black;
    border-bottom: 1px solid black;
}

.input-custom-filled {
    height: 30px !important;
    font-size: 12px !important;
    border-radius: 0 0 0 0 !important;
}

.lbl-custom-blue {
    background-color: #E0EFFA;
}

.lbl-custom-yellow {
    background-color: #FFF7DA;
}

.lbl-custom-grey {
    background-color: #F6F6F6;
}

.lbl-custom {
    border: 0;
    height: 20px;
    color: #98A1AC;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 10px;
    margin-bottom: 0 !important;
    width: 97%;
    padding-left: 0.75rem;
}

select {
    font-family: 'Open Sans', serif;
    color: black;
}

.option-custom {
    background-color: white;
}

select:invalid {
    color: gray !important;
}

select:disabled {
    color: gray !important;
}

option {
    color: black !important;
}

.selectpicker-custom {
    height: 50px !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
    font-size: 12px !important;
}

.selectpicker-custom-selected {
    height: 30px !important;
    font-size: 12px !important;
    border-radius: 0 0 0 0 !important;
    border-bottom: 1px solid #878C97;
}

.prometo-font {
    font-family: 'Open Sans', serif;
}

.bootstrap-select .dropdown-menu .dropdown-item:active {
    background-color: #E95A31 !important;
    color: white !important;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover {
    background-color: #E95A31 !important;
    color: white !important;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover span span {
    color: white !important;
}

.bs-searchbox .form-control:focus {
    border: 1px solid #ced4da !important;
}
/*! CSS Used from: https://roviniete-live.roviniete.ro/bootstrap-theme/app.a56756fc.css */
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit;}
a{-webkit-text-decoration-skip:objects;}
a{color:#4183c4;}
a:hover{color:#1e70bf;text-decoration:none;}
::-moz-selection{background-color:#cce2ff;color:rgba(0,0,0,.87);}
::selection{background-color:#cce2ff;color:rgba(0,0,0,.87);}
body ::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px;}
body ::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0;}
body ::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.25);-webkit-transition:color .2s ease;transition:color .2s ease;}
body ::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,.8);}
a{font-family:Open Sans,serif;}
*,:after,:before{box-sizing:border-box;}
a{color:#e95a31;text-decoration:none;background-color:transparent;}
a:hover{color:#ba3914;text-decoration:underline;}
a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none;}
table{border-collapse:collapse;}
th{text-align:inherit;}
@media print{
    *,:after,:before{text-shadow:none!important;box-shadow:none!important;}
    a:not(.btn){text-decoration:underline;}
    thead{display:table-header-group;}
    tr{page-break-inside:avoid;}
}
.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse;}
.ui-helper-clearfix:after{clear:both;}
.ui-state-disabled{cursor:default!important;pointer-events:none;}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0;}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em;}
.ui-widget{font-family:Arial,Helvetica,sans-serif;}
.ui-widget{font-size:1em;}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5;}
.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333;}
.ui-widget-content a{color:#333;}
.ui-widget-header{border:1px solid #ddd;background:red;}
.ui-widget-header a{color:#333;}
.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid transparent;background:transparent;font-weight:400;color:#454545;}
.ui-state-hover,.ui-widget-content .ui-state-hover{border:1px solid #ff5d00;border-radius:50%;background:transparent;font-weight:400;color:#000;}
.ui-state-active,.ui-widget-content .ui-state-active{border:1px solid #ff5d00;border-radius:50%;background:#ff5d00;font-weight:400;color:#fff;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight{border:1px solid #ccc;border-radius:50%;background:#ccc;color:#fff;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}
.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);}
.ui-icon{width:16px;height:16px;}
.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(/assets/shop/images/icons/ui-icons_444444_256x240.png);}
.ui-icon-circle-triangle-e{background-position:-48px -192px;}
.ui-icon-circle-triangle-w{background-position:-80px -192px;}
.ui-corner-all{border-top-left-radius:3px;}
.ui-corner-all{border-top-right-radius:3px;}
.ui-corner-all{border-bottom-left-radius:3px;}
.ui-corner-all{border-bottom-right-radius:3px;}
.ui-datepicker-prev span{background-image:url(/assets/shop/images/icons/ic_arrow_left_calendar_black.png)!important;}
.ui-datepicker-next span,.ui-datepicker-prev span{background-size:20px 20px;width:20px;height:20px;background-position:0 0!important;}
.ui-datepicker-next span{background-image:url(/assets/shop/images/icons/ic_arrow_right_calendar_black.png)!important;}
.ui-datepicker{font-size:5vw;font-family:Open Sans,serif;}
.ui-datepicker thead{color:#c1c1c4;}
.ui-datepicker td{width:50px;padding:3px;border:1px solid #c1c1c4;}
.ui-datepicker td a,.ui-datepicker td span{text-align:center;}
.ui-datepicker-calendar tbody{border:1px solid #c1c1c4;background-color:#fff;}
.ui-state-default{background:transparent;border:0;}
.ui-widget.ui-widget-content{border:0;}
.ui-datepicker-month{font-size:7vw;}
.ui-widget-header{border:0;background:transparent;color:#333;font-weight:700;}
::-webkit-input-placeholder{font-family:Open Sans,serif;}
::-moz-placeholder{font-family:Open Sans,serif;}
:-ms-input-placeholder{font-family:Open Sans,serif;}
:-moz-placeholder{font-family:Open Sans,serif;}
/*! CSS Used from: Embedded */
.ui-datepicker{font-size:16px;font-family:'Open Sans', serif;}
.ui-datepicker-month{font-size:18px;}
.ui-datepicker-year{font-size:14px;}
.ui-datepicker-inline{background-color:#F6F6F6;}
.ui-widget.ui-widget-content{border:2px solid #EAEAEA;}
.ui-datepicker table{width:90%;font-size:.9em;border-collapse:collapse;margin-left:auto;margin-right:auto;margin-bottom:15px;}

 .ui-datepicker {
     font-size: 16px;
     font-family: 'Open Sans', serif;
 }

.ui-datepicker-month {
    font-size: 18px;
}

.ui-datepicker-year {
    font-size: 14px;
}

.ui-datepicker-inline {
    background-color: #F6F6F6;

}

.ui-widget.ui-widget-content {
    border: 2px solid #EAEAEA;
}

.ui-datepicker table {
    width: 90%;
    font-size: .9em;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.current-date-circle {
    border: 1px solid #B0B0B0;
    border-radius: 50%;
    background: #CCCCCC;
    color: white;
}

.picked-date-circle {
    border-radius: 50%;
    background: #FF5D00;
    color: white;
}

.accordion {
    background-color: #eee;
    color: #6c757d;
    cursor: pointer;
    padding: 14px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion[aria-expanded="true"]:after {
    background-color: #ccc;
    content: "\2212";
}
.accordion:hover {
    background-color: #ccc;
}
