html {overflow-x: hidden !important; }
body{background: #eee; }/*padding: 5px 0;*/
a {text-decoration: none; outline: 0 solid; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
a:active, a:focus, a:hover, a:visited {text-decoration: none; outline: 0 solid;}
p{margin: 0; padding: 0;font-weight: 500;}
.form-control:focus{border-color: #ced4da; box-shadow: none;}
.frm-inpt:focus{outline: none; box-shadow: none;}
.py-4{padding-top: 0 !important; padding-bottom: 0 !important;}

.pad{margin: 10px;}
.crd-bkg{background: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem;height: 90vh;}
.wd-100{width: 100%;}
.lft-main {padding: 10px;}
.lft-form{height: 100%;}
.lft-main-in {width: 100%; display: flex; /* flex-direction: column; */ flex-wrap: wrap; align-content: space-between; /* align-items: center; */ height: 100%;}
.brd-pad{padding: 10px 0; border-top: 1px solid #ddd; width: 100%;}/* */
.or-txt{display: inline-block; padding: 10px; text-align: center; width: 100%; position: relative; font-size: 12px;}
.or-txt:before, .or-txt:after{content: ''; position: absolute; width: 70px; height: 2px; background: #ddd; left: 0; top: 50%; transform: translateY(-50%);}
.or-txt:after{left: inherit; right: 1%;}
.zipcd{font-size: .875rem; line-height: 1;}
.rng-sld{width: 100%;}
.range {margin-bottom: 12px;}
.ipt-loc{padding-bottom: 12px; width: 100%;}
.app-btn-main{width: 100%;}
.app-btn{color: #fff; background-color: #aa1835; border: none; padding: 5px 0; border-radius: 5px; width: 100%;cursor: pointer; display: inline-block;}
.app-btn:hover{background: #000; color: #fff;}
.app-btn i{margin-left: 5px; vertical-align: middle;}
.cntr-main{padding: 0 5px; height: 78vh; overflow-y: scroll;}
.cntr-main::-webkit-scrollbar {width: 7px;}
.cntr-main::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px;}
.cntr-main::-webkit-scrollbar-thumb {webkit-border-radius: 10px; border-radius: 10px; background: #ddd; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); height: 5px;}
.cntr-fnd{    background: #aa1835;     padding: 8px 12px; width: 100%;}
.cntr-fnd p{color: #fff;}
.snd-clnc{text-align: center; background: #eee; border-bottom: 1px solid #c0c0c0;}
.clnc-list{ padding:6px;}
.clnc-blk{ border: solid 1px #aa1835; border-radius:5px; }
.clnc-list:last-child{border-bottom: none;}
.cntr-nm {text-transform: capitalize; text-align: center; padding: 4px 0px; font-size: 14px; background-color: #aa1835; color: #fff; font-weight: 500;}
.blk-top, .blk-top-in{display: flex; flex-wrap: wrap; justify-content: space-between; }
.blk-top-in{padding: 0px 10px;}
.blk-top-lft .fa-star{color: #ffc107; font-size: 12px;}
.blk-top{background-color:#fbe6ea; padding: 5px 10px;}
.km-txt{color: #aa1835;}
.grn{color: #28a745;}
.red{color: #aa1835;}
.pri-txt{font-weight: 500; color: #000;}
.add-txt {color: #808080; font-size: small; padding: 10px 12px;}
.map-main{width: 100%; height: 100%;/* padding: 15px; */background: #fff;}
.aid-cntr{background: #e8f0fe};
/*Range Slider CSS*/
.wrap {margin-bottom: 10px;}
.dist{margin-bottom: 35px;}
input[type="range"] {display: block; -webkit-appearance: none; -moz-appearance: none; background: #999; border-radius: 5px; width: 100%; height: 3px; outline: 0; margin-top: 20px;}
input[type="range"]::-webkit-slider-thumb {background: url("/images/l1.png") no-repeat center center /cover; -webkit-appearance: none; width: 30px; height: 30px; cursor: pointer; transition: .3s ease-in-out; position: relative; top: -15px;}
input[type="range"]::-webkit-slider-thumb:active {transform: scale(1);}

/*center Checkbox CSS*/
.custom-radio {font-size: 14px; margin: 0; padding: 0; list-style-type: none; display: flex;}
.custom-radio li {flex-basis: 33%;}
.rd-btn i{font-size: 16px;}
.custom-radio label {color: #aa1835; border: solid 1px #aa1835; border-radius: 8px; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-transition: all .2s linear; transition: all .2s linear; padding: 8px 0; width: 90%; text-align: center; margin-bottom: 0; font-weight: 700; font-size: 16px;}
.custom-radio input[type="checkbox"], .custom-radio input[type="radio"]{display: none;}
.custom-radio input[type="checkbox"]:checked + label, .custom-radio input[type="radio"]:checked + label {background-color: #aa1835; color: #fff;}
.rd-btn .fa-star{font-size: 12px;}
.card-header{text-align: center; font-size: 24px; font-weight: 500; color: #aa1835;}
.rmbr{text-align: center;}
.rmbr-in{display: inline-block;}
.checkbox-container {display: block; position: relative; padding-left: 25px; margin-bottom: 0; cursor: pointer; font-size: 18px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.checkbox-container input {position: absolute; opacity: 0; cursor: pointer;}
.checkbox-container input:checked ~ .checkmark {border: 1px solid #800000; background: #800000;}
.checkbox-container input:checked ~ .checkmark:after {display: block;}
.checkbox-container .checkmark {position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 18px; width: 18px; border: 1px solid #800000; border-radius: 4px; background-color: #fff; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.checkbox-container .checkmark:after {content: "\f00c"; font-family: "FontAwesome"; font-size: 12px; color: #fff; position: absolute; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.checkbox-container:hover input ~ .checkmark {border-color: #800000;}

/*Floating Label CSS*/
.lgn-fld{width: 50%;}
.field{position: relative; margin: 20px auto;}
.frm-inpt{font-size:16px; padding: 10px 10px; width:100%; height: auto;}
.frm-lbl{font-size:16px; font-weight:normal; position:absolute; left: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; background: #fff; text-transform: uppercase; z-index: 99;}
.frm-inpt:focus ~ .frm-lbl, .frm-inpt:valid ~ .frm-lbl, form:focus ~ .frm-lbl{top: 0; font-size: 12px; }
.btn-blk{width: 100%; text-align: center;}
.lgn-btn{width: 30%;}
.fgt-lnk{display: block; font-size: 14px; color: #aa1835; margin-top: 15px;}
.staff-chkbx{text-align: center;}
/*/*Login Remember Custom Checkbox CSS*/
/*.form-check input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 10%; left: 40%; height: 18px; width: 18px; background-color: #eee;}
.form-check:hover input ~ .checkmark {background-color: #ccc;}
.form-check input:checked ~ .checkmark {background-color: #aa1835;}
.checkmark:after {content: ""; position: absolute; display: none;}
.form-check input:checked ~ .checkmark:after {display: block;}
.form-check .checkmark:after {left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}*/
.frm-act{width: 40px; height: 40px; border: 1px solid #ccc; border-radius: 50%; text-align: center; background: transparent; color: #aaa; padding: 0; line-height: 2.2;}
.frm-act:hover{background: #aa1835; color: #fff;}
.frm-act i{font-size: 16px;}
/*Pagination CSS*/
.mng-cntr{padding: 8px 10px; width: inherit;}
.mng-cntr:first-child{margin-right: 15px;}
.pagination{margin-top: 15px; justify-content: center;}
.page-item.active .page-link{background-color: #aa1835; border-color: #aa1835;}
.page-link{color: #999}
.page-link:hover{border-color: #aa1835; color: #aa1835}
.page-link:focus{box-shadow: none;}
.fl-upld{height: inherit;}
.upld-blk{margin: 10px 0;}
.or-blk{border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); padding: 15px 0;}
.upld-btn{width: 10%;}
.cntr-btn{width: 20%; margin-top: 20px;}
.btn-group{margin-bottom: 20px;}
/*Dashboard CSS*/
.dash-cntr{}
.dash-main{display: flex; justify-content: space-between;}
.dash-blk-ttl{font-size: 18px; color: #000; font-weight: 500;}
.dash-blk{flex-basis: 32%; border: 1px solid #ccc; border-radius: 5px; text-align: center; padding: 15px; display: flex; justify-content: center; align-items: center;}
.dash-box {width: 100%;}
svg.radial-progress {height: auto; max-width: 150px; padding: 1em; transform: rotate(-90deg); width: 100%;}
svg.radial-progress circle {fill: rgba(0,0,0,0); stroke: #fff; stroke-dashoffset: 219.91148575129; /* Circumference */ stroke-width: 5;}
svg.radial-progress circle.incomplete { opacity: 0.25; }
svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }
svg.radial-progress text {fill: #000; font: 400 1em/1 'Oswald', sans-serif; text-anchor: middle;}
/*** COLORS ***/
/* Primary */
svg.radial-progress circle { stroke: #aa1835; }
.fa-search {margin: 0px 5px 5px 5px;}
/*.pt-4, .py-4 {padding-top: 0.5rem!important;}*/
.det-main{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #800000; display: block;}
.det-main:first-child{margin-top: 20px; border-color: #ff9c00;}
.det-main:last-child{border-bottom: none; margin-bottom: 0;}
.det-main:nth-child(2){border-color: #47a847;}
.det-main:nth-child(3){border-color: #ed3934;}
.det-blk {display: flex; align-items: center;}
.img-blk {flex-basis: 25%;}
.img-blk-in{display: inline-block;}
.img-blk-in i{font-size: 24px; color: #000;}
.det-para{text-align: left;}
.det-hd{font-size: 16px; margin-bottom: 0; color: #800000;}
.det-txt{font-size: 12px; color: #aaa;}
.yellow{color: #ff9c00;}
.green{color: #47a847;}
.red{color: #ed3934;}
.blue{color: #01b1c8;}
.view-ttl{font-size: 16px; color: #800000; text-transform: uppercase;}
.view-txt{font-size: 14px; color: #000;}
.ipt-zip{width: 100%;}

/*jd css*/
div#app {
    height: 100%;
    width: 100%;
}
.navbar {
    height: 62px;
}
main.py-4 {
    height: calc(100vh - 80px);
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

@media screen and (max-width: 1366px){
	.crd-bkg {
    	height: calc(100vh - 90px);
	}
}
/*jd css end*/