.bg-yellow{background-color: #f6e300;}
.bg-grad{background: #F28430 -webkit-gradient(linear, left top, left bottom, from(#FFD266), to(#F28430)) no-repeat bottom;}
.select-time a {text-decoration: none;background-color: #f2f2f2;color: #000;border: 1px solid #dfdfdf;border-radius: 50%;padding:20px 15px;}
.select-time a:hover{text-decoration: none;background-color: #fff;color: #000;border: 1px solid #000;}
.t-right{text-align: right;}
.t-center{text-align: center;}
.f-right{float: right;}
.text-black{color:#222;}
input:focus, .form-control:focus{box-shadow:none;}
.btn:focus, .btn.focus{box-shadow:none!important;}
.special-head{border-radius: 5px; background-color: #f6e300; text-align: center; color:#000; font-weight: 600; font-size:20px; padding:5px 0;}
.outline-1{outline:1px solid #dfdfdf; outline-offset: -8px;}
/* .select-date label {font-size: 1rem;font-weight: 400;margin-bottom: 0.5rem;color: #000;cursor: pointer;}
.select-date label i{background-color: #f6e300; border-radius: 5px; border:1px solid #dfdfdf;padding: 5px; float: right;}
.select-date input {border: none;border-radius: 0.25rem;border: 1px solid transparent;line-height: 1.5rem;padding: 0;font-size: 1rem;color: #607D8B;width: 100%;width: 100px;}
.select-date input:focus {outline: none;}
#ui-datepicker-div {display: none;background-color: #fff;box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);margin-top: 0.25rem;border-radius: 0.5rem;padding: 0.5rem;}
.ui-datepicker-calendar thead th {padding: 0.25rem 0;text-align: center;font-size: 0.75rem;font-weight: 400;color: #78909C;}
.ui-datepicker-calendar tbody td {width: 2.5rem;text-align: center;padding: 0;}
.ui-datepicker-calendar tbody td a {display: block;border-radius: 0.25rem;line-height: 2rem;transition: 0.3s all;color: #546E7A;font-size: 0.875rem;text-decoration: none;}
.ui-datepicker-calendar tbody td a:hover {	background-color: #E0F2F1;}
.ui-datepicker-calendar tbody td a.ui-state-active {background-color: #009688;color: white;}
.ui-datepicker-header a.ui-corner-all {cursor: pointer;position: absolute;top: 0;width: 2rem;height: 2rem;margin: 0.5rem;border-radius: 0.25rem;transition: 0.3s all;}
.ui-datepicker-header a.ui-corner-all:hover {background-color: #ECEFF1;}
.ui-datepicker-header a.ui-datepicker-prev {	left: 0;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");background-repeat: no-repeat;background-size: 0.5rem;background-position: 50%;transform: rotate(180deg);}
.ui-datepicker-header a.ui-datepicker-next {right: 0;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');background-repeat: no-repeat;background-size: 10px;background-position: 50%;}
.ui-datepicker-header a>span {display: none;}
.ui-datepicker-title {text-align: center;line-height: 2rem;margin-bottom: 0.25rem;font-size: 0.875rem;font-weight: 500;padding-bottom: 0.25rem;}
.ui-datepicker-week-col {color: #78909C;font-weight: 400;font-size: 0.75rem;} */


.datepicker {background-color: #fff;border-radius: 0 !important;padding: 15px 20px !important;align-content: center !important;}
.datepicker-dropdown {top: 0;left: calc(50% - -19%) !important;}
.datepicker-dropdown.datepicker-orient-left:before {left: calc(50% - 6px) !important;}
.datepicker-dropdown.datepicker-orient-left:after {left: calc(50% - 5px) !important;}
.datepicker-dropdown.datepicker-orient-right:before {right: calc(50% - 6px) !important;}
.datepicker-dropdown.datepicker-orient-right:after {right: calc(50% - 5px) !important;}
.datepicker table tr td.today, span.focused {border-radius: 50% !important;background-image: linear-gradient(#FFF3E0, #FFE0B2);}
.datepicker table tr td.today.range {background-image: linear-gradient(#eeeeee, #eeeeee) !important;border-radius: 0 !important;}
thead tr:nth-child(3) th {font-weight: bold !important;padding-top: 10px;padding-bottom: 10px;}
.old, .day, .new {width: 40px !important;height: 40px !important;border-radius: 0px !important;border: 1px solid lightgrey !important;}
.day.old, .day.new {background-color: #F5F5F5 !important;color: #E0E0E0 !important;}
.day.old:hover, .day.new:hover {border-radius: 0px !important;}
.old-day:hover, .day:hover, .new-day:hover, .month:hover, .year:hover, .decade:hover, .century:hover {border-radius: 50% !important;background-color: #eee;}
/* .active {border-radius: 50% !important;background-image: linear-gradient(#90CAF9, #64B5F6) !important;color: #fff !important;} */
.range-start, .range-end {border-radius: 50% !important;background-image: linear-gradient(#4CAF50, #4CAF50) !important;}
.range {color: #4CAF50 !important;}
.prev, .next, .datepicker-switch {border-radius: 0 !important;padding: 10px 10px 10px 10px !important;font-size: 18px;opacity: 0.7;color: #4CAF50;}
.prev:hover, .next:hover, .datepicker-switch:hover {background-color: inherit !important;opacity: 1;}
.input-daterange .form-control{font-size:14px; padding:0.375rem 0.3rem;}
.brew img{width:25px;}
.brew span{background-color: #f6e300; border-radius: 50%; padding:3px 10px; color:#000;}
.text-muted {color: #626264 !important;}
.text-secondary {color: #626264 !important;}
.fx-4{font-size: 26px;}
.w-10{width:40px;}
.w-1{width: 25px;}
h1 a{text-decoration: none; color:#000;}
h1 a:hover{text-decoration: none; color:#000;}
/* .edit-btn{position: relative; top:-9px; right:-77px;} */
.edit-btn{position: relative; top:-9px; right:-60px;}
.mt-10{margin-top:-10px;}
.b1{padding: 0.175rem 0.75rem; font-size:14px;}
.fx-1{font-size:13px;}
.fx-2{font-size:18px;}
.card{line-height: 1.2;}
.bg-nlight{background-color:#e1e1e1;}
.p-lrtb{padding:0px 6px;}
.card-header small, .card-body small{font-size:13px; }
.border-radius-5{border-radius:5px;}
.sticky-info{position:fixed; width: 100%; bottom:0; padding:20px 0; color:#222;}
.br-5{border-radius:5px 0 0 5px;}
.new-order{-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}
.main-bg{background: #222 -webkit-gradient(linear, left top, left bottom, from(#222), to(#222)) no-repeat bottom; background-repeat:no-repeat; background-position: center top; background-size:cover;}
.login .form-control{width:100%!important;}
@keyframes pulse {
0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.bdr{border-bottom:1px dashed #dfdfdf; margin: 0 10px;}
.bdr1{border-bottom:1px dashed #000; margin: 0 10px;}
.fb-5{font-weight: 500;;}

#tile-1 .nav-tabs{position:relative;border:none!important;border-radius:6px;}
#tile-1 .nav-tabs li{margin:0px 2px 0 0!important; background-color:#fff;}
#tile-1 .nav-tabs li a{position:relative;margin-right:2px!important;padding: 15px 30px!important;font-size:14px; font-weight:600;border:none!important;color:#000;z-index: 1300;}
#tile-1 .slider{display:inline-block;width:30px;height:100%;border-radius:3px;color:#000!important;background-color:#e74a3b;position:absolute;z-index:1200;transition:all .4s linear;}
#tile-1 .nav-tabs .active{background-color:transparent!important;border:none!important;color:#000!important;}
.rounded-1{border:1px solid #dfdfdf; border-radius:50%; width:100px; height: 100px;background-color: #f8f9fc; text-align: center; display: flex; justify-content: center; flex-direction: column; filter:drop-shadow(0 1px 1px rgba(0,0,0,0.6));}
.tr{transform: rotate(90deg);}

@media only screen and (max-width:767px){
form.user .form-control-user{width:100%;}
.b2{width:100%; margin-top:10px;}
.br-5{border-radius:5px 5px 0 0px;}
.main-bg{background-position:center right;}
.w-5{width: 50%;}
.select-date{margin:20px 0 0 -25px;}
.datepicker-dropdown.datepicker-orient-right:before {right: calc(50% - 6px) !important;}
.datepicker-dropdown.datepicker-orient-right:after {right: calc(50% - 5px) !important;}
.datepicker-dropdown {top: 0;left: calc(50% - 43%) !important;}
#tile-1 .nav-tabs li{width:49%;margin-bottom:2px!important; text-align: center;}
#tile-1 .slider{display:inline-block;width:30px;height:4px;border-radius:3px; bottom:0;color:#000!important;background-color:transparent;position:absolute;z-index:1200;transition:all .4s linear;}
#tile-1 .nav-tabs .active{background-color:#e74a3b!important;border:none!important;color:#000!important;border-radius:3px;}
}

@media only screen and (min-width:768px) and (max-width:991px){
form.user .form-control-user{width:100%;}
.b2{width:100%; margin-top:10px;}
.br-5{border-radius:5px 5px 0 0px;}
.main-bg{background-position:center right;}
.w-5{width: 50%;}
.datepicker-dropdown.datepicker-orient-right:before {right: calc(50% - 6px) !important;}
.datepicker-dropdown.datepicker-orient-right:after {right: calc(50% - 5px) !important;}
.datepicker-dropdown {top: 0;left: calc(50% - 2%) !important;}
}