@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500&display=swap');
body{
    font-family: 'Prompt', sans-serif!important;
    line-height: 1.8;
    color: #282828;
    font-size: 14px!important;
}
#loading{
    background: #f6f6f6 url(../../images/load.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    position: fixed;
    display: inline-block;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 100vh;
}
.text-orange{
	color: #fb4e42 !important;
}
.bg-fffbfb{
    background: #fffbfb;
}
.bg-199264{
    background: #199264;
}
.bg-2690b1{
    background: #2690b1;
}
.bg-ebebeb{
    background: #ebebeb!important;
}
.bg-ffe8e5{
    background: #ffe8e5!important;
}
.bg-orange{
	background: linear-gradient(to right bottom, #f15a21, #f75433, #fb4e42, #fe4951, #ff465f);
}
.bg-E54C38{
    background: #E54C38!important;
}
.bg-red{
    background: #ff0000;
}
.btn-red{
    color: #fff;
    background: #fb2323;
    border-color: #fb2323;
}
.btn-red:hover {
    color: #fff;
    background: #333;
    border-color: #333;
}
.btn-orange{
	color: #fff;
    background: linear-gradient(to right bottom, #f15a21, #f75433, #fb4e42, #fe4951, #ff465f);
    border-color: #f75433;
}
.btn-orange:hover {
    color: #fff;
    background: #333;
    border-color: #333;
}
.btn-outline-orange {
    color: #f75433;
    border-color: #f75433;
}
.btn-outline-orange:hover{
    color: #fff;
    background: linear-gradient(to right bottom, #f15a21, #f75433, #fb4e42, #fe4951, #ff465f);
    border-color: #f75433;
}
.badge-orange{
    color: #fff;
    background: linear-gradient(to right bottom, #f15a21, #f75433, #fb4e42, #fe4951, #ff465f);
    border-color: #f75433;
}
.box-loading{
    display: none;
    position: absolute;
    width: 50%;
    background: #f7f7f7;
    z-index: 999;
    padding: 5%;
    left: 25%;
}
.font10{
    font-size: 10px;
}
.font11{
    font-size: 11px;
}
.font12{
    font-size: 12px;
}
.font13{
    font-size: 13px;
}
.font14{
	font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}
.font26{
    font-size: 26px;
}
.font-weight-500{
    font-weight: 500;
}
.w-10{
    width: 10%!important;
}
.w-15{
    width: 15%!important;
}
.w-35{
    width: 35%!important;
}
.w-fit-content{
    width: fit-content;
}
.border {
    border: 1px solid #ced4da!important;
}
.border-orange {
    border: 1px solid #FF6633;
}
.border-top-dashed{
    border-top: 1px dashed #bdbdbd;
}
.border-bottom-7a7a7a{
    border-bottom: 1px solid #7a7a7a!important;
}
.text-red{
    color: #f00;
}

.bg-f7655e{
    background-color: #f7655e;
    color: #fff;
}
.btn-f7655e{
    border: 1px solid #fff!important;
    background: #f7655e;
    color: #fff;
    box-shadow: 3px 4px 3px 0px #b70c00;
}
.box-bg-f7655e{
  background: #f7655e;
  border-left: 20px solid #f7655e;
  border-right: 20px solid #f7655e;
}

.box-bg-949494{
  background: #949494;
  border-left: 20px solid #949494;
  border-right: 20px solid #949494;
}
.bg-949494{
    background-color: #949494;
    color: #fff;
}
.btn-949494{
    border: 1px solid #fff!important;
    background: #949494;
    color: #fff;
    box-shadow: 3px 4px 3px 0px #606060;
}

.box-bg-7366D9{
    background: #7366D9;
    border-left: 20px solid #7366D9;
    border-right: 20px solid #7366D9;
}
.bg-7366D9{
    background-color: #7366D9;
    color: #fff;
}
.btn-7366D9{
    border: 1px solid #fff!important;
    background: #7366D9;
    color: #fff;
    box-shadow: 3px 4px 3px 0px #4a4a4a;
}


.box-bg-65BDF0{
    background: #65BDF0;
    border-left: 20px solid #65BDF0;
    border-right: 20px solid #65BDF0;
}

.box-bg-15ab95{
    background: #15ab95;
    border-left: 20px solid #15ab95;
    border-right: 20px solid #15ab95;
}
.btn-15ab95{
    border: 1px solid #fff!important;
    background: #15ab95;
    color: #fff;
    box-shadow: 3px 4px 3px 0px #606060;
}
.bg-15ab95{
    background-color: #15ab95;
    color: #fff;
}

.choose_file{
    appearance:initial;
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
}

/*table*/
table{
    font-size: 14px!important;
}
/*tooltip*/
.tooltip{
   font-size: 10px;
}
.tooltip-inner {
  background: #f8f9fa!important;
  color: #282828!important;
  text-align: left!important;
  box-shadow: 0px 1px 4px 2px #d1d1d1;
}
.tooltip.show {
    opacity: 1!important;
} 
.tooltip.top .tooltip-arrow {
  border-top-color: #dee2e6;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #dee2e6;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #dee2e6;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #dee2e6;
}

/* ui-timepicker */
.ui-timepicker-wrapper {
   width: 12em !important;
 }
/* end ui-timepicker */

/*select2*/
/*.select2-container--bootstrap4 .select2-results__option[title="NotAvailable"]{
    color: #f00;
}*/


/*menu*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #fb4e42 !important;
}

/* datepicker */
.dcalendarpicker .dudp__wrapper{
    font-family: "prompt","Helvetica","sans-serif" !important;
    font-size: 16px !important;
}
.dcalendarpicker.dp__open .dudp__wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 445px;
}
.dudp__wrapper[data-theme='orange'] .dudp__calendar-header{
    background: linear-gradient(to right bottom, #f15a21, #f75433, #fb4e42, #fe4951, #ff465f)!important;
    color: #fff!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.range-from:before, .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.range-to:before, .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.selected:before{
    background: linear-gradient(to right bottom, #f15a21, #f75433, #fb4e42, #fe4951, #ff465f)!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.current{
    color: #ff6633;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date:not(.disabled):not(.selected):not(.range-from):not(.range-to):hover:before{
    background-color: rgb(255 87 34 / 28%)!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.range-from{
    background-color: rgb(255 87 34 / 28%)!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.in-range{
    background-color: rgb(255 87 34 / 28%)!important;
}
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.range-to{
    background-color: rgb(255 87 34 / 28%)!important;
}
/* end datepicker */

/* autocomplete */
.autocomplete {
    background: #f8f9fa;
    line-height: 30px;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-image: initial;
    border-top: unset;
    z-index: 9999;
}
.autocomplete div{
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
}
/* end autocomplete */

.box-title-pickup-car{
    padding: 5px 16px;
    border-radius: 5px;
    color: #fd4b4c;
    width: fit-content;
    font-weight: normal;
    font-size: 19px;
    border: 1px solid #fe4855;
}
.box-title-return-car{
    background: #fff;
    padding: 5px 16px;
    border-radius: 5px;
    color: #008d25;
    width: fit-content;
    font-weight: normal;
    font-size: 19px;
    border: 1px solid #008d25;
}

