#mailing_options_div .form-control:focus{    box-shadow: 0 0 10PX #399bf4; border-color: #399bf4;}
#mailing_options_div .page-sub-header { background-color: #ffffff; margin: 0px 0px 10px; padding: 5px 0px; border-radius:0px; border-bottom: 0px; }
/***.Search_Box input.form-control, .radius select { height: 40px; font-size: 15px; color: #333; border-radius: 4px !important;}
.Search_Box .input-group{ position:relative; width:100%; }
.Search_Box span { position: absolute; right: 35px; }
.Search_Box button { font-size: 18px; padding: 7px 15px; background: transparent; border: none; z-index: 999 !important;}
.Search_Box button:hover, .Search_Box button:focus, .Search_Box button:active:focus{ background:transparent; box-shadow:none;color: #000;}
**/
.eddm-filters { max-height: 43px;}
.fht-tbody tr { cursor: pointer; }
.label-title { float: left; padding: 0px 5px; font-weight: bold; }
.loading-container-lg { position: fixed; align: center; z-index: 9999; top: 45%; left: 25%; }
.map-area{ width: 100%; float: left; position: relative; overflow: hidden; box-sizing: border-box;}
.eddmRouteInfo, .route-list thead{ width: 100%; position: absolute; top: 0; left: 0; z-index: 3; display: none; -webkit-box-shadow: rgba(0, 0, 0, 0.4) -1px 0 4px; box-shadow: rgba(0, 0, 0, 0.4) -1px 0 4px; background-color: #e7e7e7; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #dddddd)); background-image: -moz-linear-gradient(#f5f5f5, #dddddd); background-image: -webkit-linear-gradient(#f5f5f5, #dddddd); background-image: linear-gradient(#f5f5f5, #dddddd); display: inline-block; border: 1px solid #d4d4d4;}
.eddmRouteInfo table, .route-list table{ width: 100%;table-layout: fixed;}
.eddmRouteInfo td.filter, .route-list th.filter { cursor: pointer;}

.eddmRouteInfo td:first-child .field-wrap, .route-list th:first-child .field-wrap { border-left: none;}
.eddmRouteInfo td .field-wrap, .route-list th .field-wrap { position: relative; padding-left: 20px; border-left: 1px solid #cecece; display: inline-block;}
.field-wrap .label {color:#333333;padding:0px;}
.routes-data-list thead tr th { background: #505050; color: #fff; padding: 15px; font-size: 16px;}
.routes-data-list thead tr th input[type=checkbox], .routes-data-list tbody tr th input[type=checkbox]{vertical-align:middle; margin: 0 5px 0 0;}

.routes-data-list>tbody>tr:nth-of-type(odd) { background-color: #ebebeb}
.routes-data-list .route-data-list-hover, .select_all:hover {background: #cccccc !important;} 
.map-area { position: relative;}
.map-area .routes-list { position: relative; width: 100%; text-align: right; bottom: 0; overflow: auto; border: 1px solid #d4d4d4; border-bottom:0;}
.map-area .routes-list table{ background: #fff; -webkit-box-shadow: -2px 0px 6px -1px rgb(212, 212, 212); -moz-box-shadow: -2px 0px 6px -1px rgb(212, 212, 212); box-shadow: -2px 0px 6px -1px rgb(212, 212, 212);}
/***
.eddmRouteInfo td, .route-list th { padding-top: 10px;}
.routes-button { background: #339bf4; padding: 10px 25px; border-radius: 0px;border-color: #339bf4;}
.routes-button:hover, .routes-button:focus, .routes-button:active:focus { background: #59aef5; border-color: #59aef5; box-shadow:none; }
.routes-button i.fa { margin-left: 5px;}
.info-panel { background: #fff; float: left; margin-top: 0px;}
.info-panel .order-summary { padding: 0px 20px 20px 20px; float: left; width: 100%;}
.info-panel .order-summary h3 { font-size: 24px; margin-top: 0px; color: #333;}
.info-panel .order-summary ul { list-style-type: none;}
.info-panel .order-summary ul li { position: relative; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.info-panel .order-summary ul li p { display: block; font-size: 16px; margin-bottom: 12px; text-align: left; color:#656565; padding:0px;}
.info-panel .order-summary .value { font-size: 24px; margin-bottom: 30px;}
.btn-save button{width: 100%; font-size: 16px; border-radius: 5px;}
**/
.select_all {display: inline-block; padding: 10px 0 2px; background-color: #fff; width: 100%; height: 50px; position: relative; outline: none; text-align: center; z-index: 2; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px;cursor: pointer;     line-height: 36px;}
.selected_route { color:#ffffff; background-color: #339bf4; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #339bf4), color-stop(100%, #2e88da)); background-image: -moz-linear-gradient(#339bf4, #2e88da); background-image: -webkit-linear-gradient(#339bf4, #2e88da); background-image: linear-gradient(#339bf4, #2e88da);}
.route-info{display: none;}
.routes-button {border-radius: 0px;}
/*added by deepak*/
.map-data-table { height: 520px; overflow-x: hidden; overflow-y: scroll; background: #fff; }
.map-data-table .table{ margin-bottom:0;}
.map-area .table{ margin-bottom:0;}
.table-scroll-area { position: absolute; top: 59px; width: 100%;}

/*media query*/
@media only screen and (max-width: 767px) {
  .eddm-filters ul li{    margin-left: 0;}
 .map-area .table-responsive{ margin-bottom:10px;}	
 .map-area .table-responsive > .table > tbody > tr > td.filter{display:initial;}
}