.CustHeight50{height:50px!important}
.CustHeight85{height:85px!important}
.LineHeight5{line-height:5}
.FontSize14{font-size:14px}
.ZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:10px 0 0 0;text-align:right;float:right;}
.MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:10px 0 0 0;text-align:right;float:right;}
.ZonalColor, .ZonalColor:focus{color:#dc1c23;}
.MapMarker{cursor:pointer}
.MapColor{color:#dc1c23!important}
.BtnColor{background-color:#1a3e8b!important;border-color:#1a3e8b!important}
.FontColor{color:#1a3e8b}
.form label{font-weight:600}
.SelectLocation{position:absolute;top:15.7%;left:5%;right:0;background:#fff;border:1px solid #1a3e8b;margin:0;width:90%;border-radius:4px;overflow-y:auto}
.geopin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#1a3e8b;position:absolute;transform:rotate(-45deg);left:50.3%;top:47.3%;margin:-21px 0 0 -17px}
.geopin:after{content:"";width:15px;height:15px;margin:8px 0 0 8px;background:#e6e6e6;position:absolute;border-radius:50%}
.bounce{animation-name:bounce;animation-fill-mode:both;animation-duration:.9s}
.geopulse{background:#d6d4d4;border-radius:50%;height:14px;width:14px;position:absolute;left:50%;top:50%;margin:92px 0 0 5px;transform:rotateX(55deg);z-index:1}
.geopulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;animation:pulsate 1s ease-out;animation-iteration-count:infinite;opacity:0;box-shadow:0 0 1px 2px #1a3e8b;animation-delay:.1s}
.marker{position:absolute;top:60%;left:50%;right:0}
.marker .MapSize{font-size:3em!important;background-color:transparent;color:#dc1c23;opacity:.9}
.drop{animation-duration:.5s}
.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none;height:35px}
.form-control{width:100%;height:calc(25px+12px+2px);padding:5px 10px;background-color:#fff;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{color:#495057;background-color:#fff;outline:0;box-shadow:0 0 0 3.2px rgb(0 123 255 / 25%);}
.alert-infoCust{background-color:#4b77be;border-color:#4b77be;color:#327ad5}
#tabZonalGuide>tbody>tr>td{cursor:default}
.ZoneTip{position:relative;display:inline-block;color:#212529!important;font-size:14px;font-weight:600}
.ZoneTip .tooltiptext{visibility:hidden;width:140px;background-color:#222;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:100%;left:77%;margin-left:-65px}
.ZoneTip:hover .tooltiptext{visibility:visible}
.TextZone{text-decoration:underline!important;color:#212529!important}
.AccordionWidth{width:97%}
.AccordionBorder{width:97%}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:4px!important}
.PaddingLeft17{padding-left:17px!important}
.ZoneInformation{color:#008000;font-size:16px;font-weight:600}
.ModalPadding{margin:0;padding:15px 15px 30px 15px}
.SelectCellGreen{background:green;color:#fff}
.SelectCellGreen>div>span:first-child{color:#fff}
.MarginLeft20{margin-left:0!important}
.TableScroll{width:100%!important}
.CustMarginPadding{margin:0;padding:0}
.CustContainer{padding:0}
.margin-right-15{margin-right:15px !important;}
.table-bordered {border: 1px solid #dee2e6;}
.table {width: 100%;margin-bottom: 1rem;}
.table td, .table th {padding: .85rem !important;vertical-align: top;border-top: 1px solid #dee2e6;}
.table-hover>tbody>tr:hover, .table-hover>tbody>tr:hover>td {background: rgba(53,152,220,0.21)!important;display:inline-block;margin:0 5px;}
.content {background: #fff;border-radius: 3px;padding: 15px;}
.accordion {background-color: #ffffff;color: #444;cursor: pointer !important;padding: 7px;margin: 5px 0 0 0;width: 94%;border: none;text-align: left;outline: none;font-size: 15px;transition: all 0.10s;-webkit-transition: all 0.10s;-moz-transition: all 0.10s;-o-transition: all 0.10s;border-radius: 4px;border: 1px solid #222;}
.active, .accordion:hover {background-color: #222;}
.accordion:hover>label {color: #ffffff !important;}
.active>label {color: #ffffff !important;}
.panel {padding: 0 0px;display: none;background-color: white;padding-bottom:8px;}
.panel-default {border-color:transparent;}
.panel-group .panel {margin-bottom: 0;border-radius: 4px;}
.RouteBorder {font-size: 18px;color: #444;border: 1px solid #dc1c23;border-radius: 4px;width:94%;}
.RouteMain {margin: 20px 0;padding: 0 20px;text-decoration: underline;}
.font-white{color:#fff !important;}
.VRScrollPassZoneDet{overflow: scroll;overflow-y: auto;overflow-x: hidden;max-height: 300px;}
.BlankDivPerStop{text-align: center;padding: 20px;border: 1px solid black;border-radius: 4px;}
@media(max-width:480px){
    .ResPaddingMain{padding:0 0 !important;}
    .ResBlock{display:inline-block!important;}
    .ResLeftPadding{padding:0!important;}
    .copy-links ul{margin:0;padding:0;margin:0 auto;display:flex!important;}
    .TableScroll{overflow:auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:100%;}
    .CustBoarding{display:contents!important;}
    .CustResBoarding{padding-left:0;padding-right:0;}
    .CustMarginMap{margin-right:0!important;}
    .CustResButton{margin:0 127px;}
    label.LineOnSides.bold{margin:0 auto;}
    .CustResAccordion{width:100%;}
    .CustResMap{padding-top:17px;}
    .AccordionBorder{width:100%;}
    .CustContainer{padding:0 10px;}
    .input-small{width:190px!important;}
    .page-header .page-header-top .menu-toggler{float:right;margin:23px 3px 0 13px;width:35px;height:30px;background:url(/assets/layouts/layout3/img/menu-toggler.png) center center no-repeat;opacity:.7;filter:alpha(opacity=70);}
    .RspNoPadding{padding:0 !important;}
    .RspPaddingLR15{padding: 0 15px 0 15px !important;}
    .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
}
@media(max-width:414px){
    .ResPaddingMain{padding:0 0 !important;}
    .CustResButton{margin:0 77px;}
    label.LineOnSides.bold{margin:0 auto;}
    .CustResAccordion{width:100%;}
    .CustResMap{padding-top:17px;}
    .AccordionBorder{width:100%;}
    .CustContainer{padding:0 10px;}
    .RspNoPadding{padding:0 !important;}
    .RspPaddingLR15{padding: 0 15px 0 15px !important;}
    .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
}
@media(max-width:375px){
    .ResPaddingMain{padding:0 0 !important;}
    .CustResButton{margin:0 36px;}
    label.LineOnSides.bold{margin:0 auto;}
    .CustResAccordion{width:100%;}
    .CustResMap{padding-top:17px;}
    .AccordionBorder{width:100%;}
    .CustContainer {padding: 0 10px;}
    .RspNoPadding{padding: 0 !important;}
    .RspPaddingLR15{padding: 0 15px 0 15px !important;}
    .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
}
@media(max-width:360px){
    .ResPaddingMain{padding:0 0 !important;}
     .CustResButton{margin:0 28px;}
     label.LineOnSides.bold{margin:0 auto;}
     .CustResAccordion{width:100%;}
     .CustResMap{padding-top:17px;}
     .AccordionBorder{width:100%;}
     .CustContainer{padding:0 10px;}
     .RspNoPadding{padding: 0 !important;}
     .RspPaddingLR15{padding: 0 15px 0 15px !important;}
     .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
 }
 @media(max-width:320px){
     .ResPaddingMain{padding:0 0 !important;}
     .CustResButton{margin:0 28px;}
     label.LineOnSides.bold{margin:0 auto;}
     .CustResAccordion{width:100%;}
     .CustResMap{padding-top:17px;}
     .AccordionBorder{width:100%;}
     .CustContainer{padding:0 10px;}
     .RspNoPadding{padding: 0 !important;}
     .RspPaddingLR15{padding: 0 15px 0 15px !important;}
     .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
 }
 @media(max-width:600px){
     .ResPaddingMain{padding:0 0 !important;}
     .CustResButton{margin:0 28px;}
     label.LineOnSides.bold{margin:0 auto;}
     .CustResAccordion{width:100%;}
     .CustResMap{padding-top:17px;}
     .AccordionBorder{width:100%;}
     .CustContainer{padding:0 10px;}
     .RspNoPadding{padding: 0 !important;}
     .RspPaddingLR15{padding: 0 15px 0 15px !important;}
     .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
 }
 @media(max-width:768px){
     .ResPaddingMain{padding:0 0 !important;}
     .form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px!important;}
     .RspNoPadding{padding: 0 !important;}
     .RspPaddingLR15{padding: 0 15px 0 15px !important;}
     .MdlZonalGuide{text-decoration:underline;font-weight:600;cursor:pointer;margin:0 !important;text-align:right;float:right;padding:0 !important;}
 }