a{text-decoration:none !important;outline:none !important;}
.pdl0{padding-left:0;}
.pdr0{padding-right:0;}
.pd0{padding:0;}
button{outline:none !important;}


/* Header CSS */
header#header {/*border-bottom: 2px solid #4c5046;*/ height: 64px;}
.logo {margin-left: 0px;margin-top:1px;margin-right: 10px;}
.header-right ul.header-right-menu::after {clear: both;content: "";display: block;}
.header-right ul.header-right-menu {display: block;list-style: none;margin: 0;padding: 0px 0 0 0;}
.header-right ul.header-right-menu > li {float: left;min-width: auto;text-align: center;position:relative;color:#476a78;margin:6px 0;}
.header-right ul.header-right-menu > li > a {color: #000;display: inline-block;font-family: Lato;font-size: 14px;line-height:50px;padding: 0 15px;text-decoration: none !important;text-transform: uppercase;transition: all 500ms ease-in-out 0s;-moz-transition: all 500ms ease-in-out 0s;-ms-transition: all 500ms ease-in-out 0s;-o-transition: all 500ms ease-in-out 0s;-webkit-transition: all 500ms ease-in-out 0s;font-weight: 600;}
.header-right ul.header-right-menu > li > a:hover, .header-right ul.header-right-menu > li.open > a {background-color: #e7e7e6;font-weight:bold;}
.header-right ul.header-right-menu > li:last-child {border-right: 1px solid #335e70;}
.header-right-menu-modal {border-radius: 0;box-shadow: none;left:inherit;right:0px;z-index:999; width: 550px;padding: 20px 5px;background-color: #efefef;}
.header-search label {font-family: Lato;color: #4c5046;}
#header .form-control {background-color: #f4f4f4;border-color: #80827c;box-shadow: none !important;color: #878787;font-family: Lato;}
.header-search .form-group {margin-bottom: 20px;}
/*select.form-control {-moz-appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;position: relative;}*/
/*.input-group-addon {background-color: #eee;border: medium none !important;color: #154257;font-size: 22px;padding: 4px 0 4px 12px;}*/
 .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.ui-spinner-button.ui-spinner-up.ui-corner-tr {border-right: 1px solid;border-top: 1px solid;border-top-right-radius: 4px;cursor: pointer;position: absolute;right: 15px;text-align: center;text-decoration: none !important;top: 25px;width: 20px;}
.ui-spinner-button.ui-spinner-down.ui-corner-br {border-bottom: 1px solid;border-bottom-right-radius: 4px;border-right: 1px solid;bottom: 0;cursor: pointer;position: absolute;right: 15px;text-align: center;text-decoration: none !important;width: 20px;}
input.btn.btn-primary[type="submit"] {margin-top: 25px;padding: 6px 47px;font-family: Lato;font-weight: bold;text-transform: uppercase;}
.form-control.ui-spinner-input {border-bottom-right-radius: 0;border-top-right-radius: 0;width: calc(100% - 20px);}
.bootstrap-select > .btn {background-color: #f4f4f4 !important;border: 1px solid #80827c;box-shadow: none !important;padding-right: 25px;width: 100%;}
.search-box{background-image:url(../California/search-icon.png);background-repeat:no-repeat;background-position:calc(100% - 10px) center;}
#header > .container {width: 100%;}


#main-left-part {width: 605px;}
#main-right-part > img {width: 100%;}
.filter-bar {background-color: #f4f4f4;height: 40px;padding: 0 25px;}
.part-finder-title-bar h4 {color: #4c5046;font-family: Lato;font-size: 15px;font-weight: bold;line-height: 33px;margin: 0;}
.part-finder-title-bar{border-bottom: 2px solid #e1e4e4;border-top: 2px solid #e1e4e4;padding: 0 25px;}
#park-finder-main {background-color: #efefef;}
.list-view .fa.fa-th-list { color: #fff; font-size: 30px; line-height: 40px; margin-right: 20px;}
.thumbnail-view .fa { color: #fff; font-size: 30px; line-height: 40px; margin-right: 20px;}
.btn-group.bootstrap-select.form-control { background: transparent none repeat scroll 0 0; margin: 0;}
.search-dropdown .btn-group button.btn { background-color: transparent !important; border: 1px solid #d7d7d7 !important; box-shadow: none; color: #7b7b7b !important;  font-family: "lato"; font-size: 15px; font-weight: 400; line-height: 25px; margin-top: 6px; padding: 0 10px; width: 175px;}
.search-dropdown .bootstrap-select.btn-group .btn span.caret { border-left: 6px solid transparent; border-right: 6px solid transparent;  border-top: 6px dashed;}
.search-filter-btn button.btn.btn-primary { background: transparent none repeat scroll 0 0; border: 1px solid #d3835b; line-height: 26px; margin-top: 6px; padding: 0; width: 80px; transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s;}
.search-filter-btn button.btn.btn-primary:hover { background: #d3835b;}
.part-finder-option > ul {list-style: outside none none;margin: 0;padding: 6px 15px 6px 25px;border-bottom: 2px solid #e5e7e7;}
.search-dropdown .btn-group button.selectpicker{background:#fff !important;}
ul#part-finder li {background-color: #fff;border: 1px solid #a6a6a6;border-radius: 3px;color: #878787;cursor: pointer;float: left;font-size: 12px;line-height: 20px;margin-bottom: 6px;margin-right: 10px;margin-top: 6px;padding: 0 13px;font-family:Lato;}
.part-finder-option > ul#part-finder::after {clear: both;content: "";display: block;}
ul#part-finder li.selected {background-color: #154257;border-color: #154257;color: #fff;}
#main-left-part {border-right: none;background-color: #d8d8d8;border-right: 1px solid #d0d1ce;}

.part-hidefilter-data {background: transparent none repeat scroll 0 0;border: 1px solid #b7b7b7;border-radius: 5px;color: #8f918c;font-family: "Lato";font-size: 10px;line-height: 20px;margin: 5px 0 0;padding: 0;text-align: center;width: 70px;}
.part-finder-title-bar .part-finder-clear-all {background: transparent none repeat scroll 0 0;border: 1px solid #b7b7b7;border-radius: 5px;color: #8f918c;font-family: "Lato";font-size: 10px;line-height: 20px;margin: 5px 0 0;padding: 0;text-align: center;width: 70px;}
.filter-field {padding-left: 25px;padding-right: 25px;padding-top: 15px;}
.filter-field .selectpicker {font-weight: bold;}

.placedata-title-main { background: #fff; border-radius: 0;  padding: 5px 10px;min-height:50px;}
.placedata-title > a { color: #000; display: block; font-family: "Lato"; font-size: 13px; font-weight: bold; line-height: 17px;}
.placedata-dis > a { color: #4c4c4c; display: block; font-family: "lato"; font-size: 12px; font-weight: 300; line-height: 16px;}
.placedata-title-left { float: left; width: 140px;}
.placedata-title-right { float: right;}
.placedata-title-right .btn.btn-success {width:90px;text-transform:uppercase;  background: #56c694; border:none;/*box-shadow:1px 1px 0px 1px #405740;*/ color: #fff; float: left; font-size: 11px; line-height: 22px; padding: 0 7px;border-radius:0px;}
.placedata-title-right .btn.btn-success:focus{color:#fff !important;}
.placedata-title-right .btn.btn-success i{font-size:14px;position:relative;top:1px;left:-2px;}
.placedata-title-right .btn.btn-park {width:90px;text-transform:uppercase; background: #4a94a5; border:none;/*box-shadow:1px 1px 0px 1px #405740;*/ color: #fff; float: left; font-size: 11px; line-height: 22px; padding: 0 7px;border-radius:0px;}
.placedata-title-right .btn.btn-park:focus{color:#fff !important;}
.placedata-title-right .btn.btn-park i
{
	background-image:url(../Images/park_small.png);
	background-repeat: no-repeat;
    background-size: 15px auto;
    display: inline-block;
    height: 16px;
    margin: 0 0 0 -2px;
    position: relative;
    right: -1px;
    top: 4px;
    width: 16px;
}
.placedata-title-right .btn.btn-danger {width:90px; background: #cc4c4c; border: none;/*box-shadow:1px 1px 0px 1px #744040;*/ color: #fff; float: left; font-size: 11px; line-height: 22px; padding: 0 7px;}
.placedata-title-right .btn.btn-danger:focus{color:#fff !important;}
.placedata-title-right .btn.btn-danger i{font-size:14px;position:relative;top:1px;left:-2px;}
#search-placedataholder .divPlacelistdata { margin-bottom: 10px;padding:0 5px;min-height:267px;}

#search-placedataholder {padding: 15px 0 30px 10px;background-color: #d8d8d8;}

.placedata-img {width: 100%;height: 193px;overflow: hidden; position: relative;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.placedata-img > img {border-top-left-radius: 0px;border-top-right-radius: 0px;min-width: 100%;width: auto;height: auto;min-height: 193px;max-width:100%;}
.placedata-wishlist {color: #fff;font-size: 25px;position: absolute;right: 15px;top: 8px;height:30px;z-index:9;}
.placedata-wishlist .glyphicon-heart{color:#e0203c;display:none;}
.placedata-wishlist:hover{color:#e0203c;}
.placedata-wishlist:focus{color:#fff;}
.placedata-wishlist.selected .glyphicon-heart-empty {display: none;}
.placedata-wishlist.selected .glyphicon-heart{display:block;}

.placedata-img::after {background-color: #000;content: "";height: 100%;opacity: 0;position: absolute;top: 0;width: 100%;transition:all ease-in-out 500ms 0s;-moz-transition:all ease-in-out 500ms 0s;-ms-transition:all ease-in-out 500ms 0s;-o-transition:all ease-in-out 500ms 0s;-webkit-transition:all ease-in-out 500ms 0s;}

.divPlacelistdata:hover .placedata-img::after {opacity:0.6;}
.placedata-img-hvr {position: absolute;text-align: center;top: 100px;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;z-index:5;display:none;}
.placedata-img-hvr > ul {list-style: outside none none;margin: 0;padding: 0;}
.placedata-img-hvr a, .placedata-img-hvr {color: #fff;font-family: Lato;font-size: 13px;font-weight: bold;line-height: 16px;text-transform: uppercase;}
.divPlacelistdata:hover .placedata-img-hvr{display:block;}

.search-view-toggle[rel='grid'] .thumbnail-view{display:none;}
.search-view-toggle[rel='grid'] .list-view{display:block;}

.search-view-toggle[rel='list'] .thumbnail-view{display:block;}
.search-view-toggle[rel='list'] .list-view{display:none;}

.divPlacelistdata-list .placedata-title-main 
{
	border-radius: 0;
	transition:all ease-in-out 500ms 0s;
	-moz-transition:all ease-in-out 500ms 0s;
	-ms-transition:all ease-in-out 500ms 0s;
	-o-transition:all ease-in-out 500ms 0s;
	-webkit-transition:all ease-in-out 500ms 0s;
	cursor:pointer;
	background: #eeeeee;
    border: 1px solid #ccc;
}
/*.divPlacelistdata-list .placedata-title-main:hover{background-color:#d3d3d3;}
.divPlacelistdata-list .placedata-title-main:hover .placedata-title > a{font-weight:900;}
.divPlacelistdata-list .placedata-title-main:hover .placedata-dis > a{font-weight:bold;}*/
.divPlacelistdata-list { margin-bottom: 2px;}


.divPlacelistdata-list .placedata-title {float: none;margin-bottom:5px;margin-right:0px;}
.divPlacelistdata-list .placedata-dis {float:none;}
.divPlacelistdata-list .placedata-title > a {color: #484848;display: block;font-family: "Lato";font-size: 14px;font-weight: bold;line-height: 18px;}
.divPlacelistdata-list .placedata-dis > a {color: #525252;display: block;font-family: "lato";font-size: 14px;font-weight: 400;line-height: 18px;}
.placedata-title-left {float: left;width: auto;}

.map-signs-link {background-color: #4c4c4c;border-radius: 50%;color: #e8e8e8 !important;font-size: 12px;margin-right: 25px;margin-top: 2px;padding: 2px 4px;}

.option-table-heading {background-color: #f4f4f4;border-bottom: 2px solid #d8d8d8;border-top: 2px solid #d8d8d8;font-family: Lato;font-size: 12px;font-weight: bold;line-height: 35px;}

.divPlacelistdata-list-options thead tr {background-color: #fff;border-bottom: 0px solid #d8d8d8;border-top: 0px solid #d8d8d8;font-family: Lato;font-size: 12px;font-weight: bold;line-height: 35px;}
.option-table-heading .col-md-6:first-child, .option-table-row .col-md-6:first-child {border-right: 2px solid #d8d8d8;}

.option-table-row .btn.btn-success {background: transparent none repeat scroll 0 0;border: 1px solid #5cb85c;color: #5cb85c;float: left;font-size: 10px;line-height: 22px;padding: 0 7px;}
.option-table-row {background-color: #f4f4f4;border-bottom: 2px solid #d8d8d8;height: 35px;}
.option-table-row .col-md-6 {padding: 5px 15px;color:#4c4c4c;font-size:12px;line-height:23px;}


.divPlacelistdata-list-options table tbody .btn.btn-success 
{
	/*background: transparent none repeat scroll 0 0;
    box-shadow: 0 0 1px 1px #5cb85c;
    color: #5cb85c;
    float: left;
    font-size: 10px;
    margin: 9px 9px 0 0px;
    padding: 0 3px;
    width: 83px;
	line-height: 19px;
	 border-radius: 2px;*/
	 float: right;
    font-size: 10px;
    line-height: 19px;
    margin: 9px 9px 0 0;
    padding: 0 3px;
    width: 83px;
	background-color:#56c694;
	border-radius:0px !important;
}
.divPlacelistdata-list-options table tbody .btn.btn-success:hover
{
	background-color:#5cb85c;
}
.divPlacelistdata-list-options table tbody .btn.btn-red
{
	/*background: transparent none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 0 1px 1px #e13636;
    color: #e13636;
    float: left;
    font-size: 10px;
    line-height: 19px;
    margin: 9px 9px 0 0px;
    padding: 0 3px;
    width: 83px;*/
   
    
    border:1px solid #ff5a5f;
	background-color:#fff;
    color:#ff5a5f;
	float: right;
    font-size: 10px;
    line-height: 19px;
    margin: 9px 9px 0 0;
    padding: 0 3px;
    width: 83px;
	border-radius:0px !important;
}
.divPlacelistdata-list-options table tbody .btn.btn-red:focus{color:#e13636 !important;}
.divPlacelistdata-list.unavailable .divPlacelistdata-list-options table tbody .btn.btn-success {background-color: #bcbcbc;border-color: #bcbcbc;color: #fff;font-weight: 900;}

.divPlacelistdata-list.unavailable .divPlacelistdata-list-options table tbody tr.disabled .btn.btn-success {background-color: #e8e8e8;border-color: #e8e8e8;color: #bcbcbc;}
.divPlacelistdata-list-options table tbody tr {background-color: #f4f4f4 !important;border-bottom: 1px solid #d8d8d8;height: 35px;}
.divPlacelistdata-list-options table tbody tr td {padding: 5px 8px;color:#4c4c4c;font-size:12px;line-height:23px;}

.divPlacelistdata-list-options table tbody tr.disabled a{ pointer-events: none; cursor: default;}
.divPlacelistdata-list-options table tbody tr.disabled td{color:#bcbcbc;}
.divPlacelistdata-list-options table tbody tr.disabled .btn.btn-success {background-color: #e8e8e8;border-color: #e8e8e8;color: #bcbcbc;}

.divPlacelistdata-list.unavailable .btn.btn-success {background-color: #bcbcbc;border-color: #bcbcbc;color: #fff;font-weight: 900;}
.divPlacelistdata-list.unavailable .option-table-row.disabled .btn.btn-success {background-color: #e8e8e8;border-color: #e8e8e8;color: #bcbcbc;}
.divPlacelistdata-list-options {display: none;}
.search-list-arrows {margin:2px 10px 0 10px;}
.search-list-arrows a {color: #bcbcbc;display: block;line-height: 7px;}
.divPlacelistdata-shodow {border-radius: 0px;box-shadow: 0 0 4px 0 #999;}
.divPlacelistdata:first-child, .divPlacelistdata:nth-child(2) {margin-top: 5px;}
.divPlacelistdata-list-options table {margin-bottom: 0;}
.placedata-img-hvr a {display: block;}

/* Trip Plan 19-1-2016 */
.TripPlan-Title .form-control.titleTripName {margin-left: 30px;width: 200px !important;}
.btn.btn-primary.trip-save-btn.pull-right, .btn.btn-primary.trip-save-btn.pull-left {font-size: 12px;font-weight: bold;margin-top: 3px;padding: 5px 8px;}
.btn.btn-primary.trip-clear {background-color: transparent !important;border: 1px solid #4c5046;color: #4c5046;font-size: 12px;line-height: 20px;margin-right: 0;margin-top: 3px;padding: 3px 8px;margin-left: 10px;}
.btn.btn-primary.filter-box-toggel {margin-top: 2px;}
.btn.unavailable{background:#d3d3d3 !important;pointer-events: none; cursor: default;}
/* Trip Plan 19-1-2016 */


.btn-breadcrumb .btn:last-child {border: medium none;padding: 0;}
.btn-breadcrumb select,.btn-breadcrumb select:focus,.btn-breadcrumb select:hover { border: 1px solid #ccc !important;}
#ContentPlaceHolder1_divUnitHeader #divFacilitylist:hover, #ContentPlaceHolder1_divUnitHeader #divFacilitylist:focus {border: none !important;}
.header-shopping-cart.pull-right {padding-top: 14px;}
.header-user-name {color: #154257;font-family: Lato;font-size: 15px;font-weight: bold;line-height: 19px;margin-right: 24px;margin-top:24px;margin-left:24px;}

/* map & list view */
.map-list-view-btn button {background: none;border: none;color: #bcbcbc;font-size: 20px;line-height: 40px;}
.map-list-view-btn {float: right;margin-right: 10px;}
/* map & list view */


/*chrome css*/
.btn_viewCart {
    margin-top: 10px;
    float: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 


}
/*chrome css*/

@media only screen and (min-width: 2001px) and (max-width: 2700px) {

}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {

}

@media only screen and (min-width: 1046px) and (max-width: 1280px) {
/*.header-right ul.header-right-menu > li {min-width: 110px;}*/
#linkhypshopping {width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
}

@media only screen and (min-width: 983px) and (max-width: 1045px) {

#search-placedataholder .divPlacelistdata {padding: 0 3px;margin-bottom: 7px;}
.placedata-title-main {padding: 10px 5px;}
.mCSB_inside > .mCSB_container {margin-right: 20px;}
.divPlacelistdata-list .placedata-title-main {padding: 10px;}
.map-signs-link {margin-right: 10px;}
.divPlacelistdata-list {padding: 0 5px;}
.header-right-menu li:last-child .header-right-menu-modal {left: auto;right: -1px;}

/* 19-1-2016 */
/*.header-right ul.header-right-menu > li {min-width: 130px;}*/
.header-right ul.header-right-menu > li:nth-child(3) > .dropdown-menu {margin-left: -70px;}
.divPlacelistdata-list .placedata-title > a{width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.divPlacelistdata-list .placedata-title {max-width: 220px;}
.data_descri_tex {display: inline-block;max-width: 105px !important;width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.divPlacelistdata-list-options table tbody tr td span.pull-left{display: inline-block;max-width: 105px !important;width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
/*.header-right ul.header-right-menu > li {min-width: 110px;}*/
.btn_viewCart {position: absolute;right: 11px;}
/* 19-1-2016 */

.table_page_table thead {width: 100%;}
#linkhypshopping {width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}

#GoogleMap_Div {height: 704px !important;}
}
@media only screen and (min-width: 960px) and (max-width: 982px){
/*#main-left-part {width: 500px;}*/
#search-placedataholder .divPlacelistdata {padding: 0 3px;margin-bottom: 7px;}
.placedata-title-main {padding: 10px 5px;}
.mCSB_inside > .mCSB_container {margin-right: 20px;}
.divPlacelistdata-list .placedata-title-main {padding: 10px;}
.map-signs-link {margin-right: 10px;}
.divPlacelistdata-list {padding: 0 5px;}
.header-right-menu li:last-child .header-right-menu-modal {left: auto;right: -1px;}

/* 19-1-2016 */
.header-right ul.header-right-menu > li {min-width: 130px;}
.header-right ul.header-right-menu > li:nth-child(3) > .dropdown-menu {margin-left: -110px;}
.divPlacelistdata-list .placedata-title > a{width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.divPlacelistdata-list .placedata-title {max-width: 220px;}
.data_descri_tex {display: inline-block;max-width: 105px !important;width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.divPlacelistdata-list-options table tbody tr td span.pull-left{display: inline-block;max-width: 105px !important;width:100%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
#header .container {width: 100%;}
#AdvanceMainSearch_nightdiv::after {clear: both;content: "";display: block;}
#AdvanceMainSearch_nightdiv {margin-bottom: 20px;margin-top: 15px;}
.header-search > .col-md-4 {margin-top: 15px;}
.logo {margin-right: 30px;}
.header-right ul.header-right-menu > li {min-width: 105px;}
/* 19-1-2016 */
#linkhypshopping {width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.popup-main .popup-default.panel .row .col-md-4 {width: 30%;float: left;}
.popup-main {top: 22% !important;}
.popup-default img {padding-left: 0;margin: 0 auto;}
.map_img {
  margin: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-search form > .col-md-4 {margin-bottom: 15px;}
.divPlacelistdata.col-md-6.col-sm-6.col-xs-12 {width: 50%;}
#main-left-part {width: 385px;}
.filter-field .col-md-6.form-group {padding: 0;}
.filter-bar {padding: 0 10px;}
.search-list-arrows {margin-right: 15px;}
.divPlacelistdata-list .placedata-title {float: none;}
.divPlacelistdata-list .placedata-dis {float: none;}
.divPlacelistdata-list .placedata-title > a {font-size: 12px;line-height: 14px;}
.divPlacelistdata-list .placedata-dis > a {font-size: 12px;line-height: 15px;}
.option-table-heading > .col-md-6 {width: 100%;}
.option-table-heading > .col-md-6:first-child {display: none;}
.option-table-row > .col-md-6 {width: 100%;}
.option-table-row .col-md-6:first-child {border-right: 0px solid #d8d8d8;border-bottom: 2px solid #d8d8d8;}
.option-table-row {height: auto;}
.header-right-menu li:last-child .header-right-menu-modal {left: auto;right: -1px;}

/*.divPlacelistdata-list-options table {display: block;border: none;margin-bottom: 0;}
.divPlacelistdata-list-options thead {display: block;width: 100%;}
.divPlacelistdata-list-options thead tr {border-bottom: none;display: block;width: 100%;}
.divPlacelistdata-list-options thead tr::after, .divPlacelistdata-list-options thead tr th::after, .divPlacelistdata-list-options table tbody tr:after, .divPlacelistdata-list-options table tbody tr td:after {clear: both;content: ""; display: block;}
.divPlacelistdata-list-options thead tr th:first-child {display: none;}
.divPlacelistdata-list-options thead tr th {border-left: 0 none;border-right: 0 none;display: block;width: 100%;}

.divPlacelistdata-list-options tbody {display: block;width: 100%;}
.divPlacelistdata-list-options table tbody tr, .divPlacelistdata-list-options table tbody tr td {display: block;width: 100% !important;}
.divPlacelistdata-list-options table tbody tr {border-bottom: 0px solid #d8d8d8;height: auto;}*/

/* 19-1-2016 */
header#header {height: auto;}
.header-right ul.header-right-menu > li {min-width: 140px;}
.logo {border-bottom: 2px solid #154257;float: none !important;margin-left: 0;margin-right: 0;margin-top: 0;padding: 13px 0;text-align: center !important;}
#linkhypshopping {margin-right: 20px;}
#header .container {padding: 0;width: 100%;}
.logo.pull-left > a {display: inline-block;}
#AdvanceMainSearch_nightdiv::after {clear: both;content: "";display: block;}
#AdvanceMainSearch_nightdiv {margin-bottom: 20px;margin-top: 15px;}
.header-search > .col-md-4 {margin-top: 15px;}
.header-right-menu-modal {width: 500px;}
.header-right-menu-modal.dropdown-menu.TripPlanDropbox {margin-left: -15px;}
.placedata-title-main {padding: 10px 10px;}
.divPlacelistdata-list .placedata-title > a {width: 135px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis}
.divPlacelistdata-list.col-md-12.col-xs-12 {padding: 5px;}
#divFacilitylist {margin: 0;width: 239px;}
#divPark {border: none;}
.header-user-name {font-size:12px;}

#main-left-part {border-right: 0 none;float: none !important;height: 600px !important;width: 100%;}
#main-right-part {float: none !important;/*height: 400px !important;*/width: 100% !important;}
#main {height: auto !important;}
/* 19-1-2016 */

/* Trip Plan */
.ReservedCamping::after {height: 28px;}
.ReservedActivities::after {height: 28px;}
.ReservedCamping, .ReservedActivities {line-height: 28px;}
.trip-box-title {border-top: 1px solid #dcdcdc;float: left;height: 121px;width: 100%;}
.trip-box-option {width: 50%;}
.trip-box-img {width: 50%;}
.trip-box-img.pull-left > img {width: auto;min-width: 100%;height: auto;min-height: 121px;}
/* Trip Plan */

/* Show Trip */
.createTripBoxMain {width: 284px;}
/* Show Trip */
#linkhypshopping {font-size: 12px;margin-top: 3px;width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}

.popup-main .popup-default.panel .row .col-md-4 {width: 33%;float: left;}
#areas #image-map {height: 702px !important;}
.map-list-view-btn{margin-right: 0px;margin-top: -2px;}
}
@media only screen and (min-width: 591px) and (max-width: 767px) {
.header-right ul.header-right-menu > li {min-width: 115px;}

.header-right-menu-modal {padding: 10px 5px;width: 275px;}
.header-right-menu li:last-child .header-right-menu-modal {left: auto;right: -1px;}
#main-left-part {width: 340px;}
.part-finder-option > ul {padding: 3px 15px 3px 25px;}
ul#part-finder li {margin-bottom: 2px;margin-top: 2px;}
.filter-field .col-md-6.form-group {padding: 0;}
.page-wrapper div#main {height: 600px !important;}
/*#main-left-part { height: 600px !important;}
#main-right-part {height: 600px !important;}*/
#main-left-part {border-right: 0 none; height: 500px !important;width: 100%;}
.page-wrapper div#main {height: auto !important;}
#main-left-part {border-right: 0 none;height: 500px !important;width: 100%;}
#main-right-part {border-top: 2px solid #154257;height: 100% !important;width: 100% !important;}

.filter-bar {padding: 0 10px;}
.search-dropdown .btn-group button.btn {width: 140px;}
.search-list-arrows {margin-right: 15px;}

.divPlacelistdata-list .placedata-title {float: none;}
.divPlacelistdata-list .placedata-dis {float: none;}
.divPlacelistdata-list .placedata-title > a {font-size: 12px;line-height: 14px;}
.divPlacelistdata-list .placedata-dis > a {font-size: 12px;line-height: 15px;}
.option-table-heading > .col-md-6 {width: 100%;}
.option-table-heading > .col-md-6:first-child {display: none;}
.option-table-row > .col-md-6 {width: 100%;}
.option-table-row .col-md-6:first-child {border-right: 0px solid #d8d8d8;border-bottom: 2px solid #d8d8d8;}
.option-table-row {height: auto;}
.divPlacelistdata-list {padding: 0;}
.placedata-title-main {padding: 10px 8px;}
.map-signs-link {margin-right: 10px;}


/* 19-1-2016 */
header#header {height: auto;}
.header-right ul.header-right-menu > li {min-width: 114px;}
.logo {border-bottom: 2px solid #154257;float: none !important;margin-left: 0;margin-right: 0;margin-top: 0;padding: 13px 0;text-align: center !important;}
#linkhypshopping {margin-right: 20px;margin-top:4px;}
#header .container {padding: 0;width: 100%;}
.logo.pull-left > a {display: inline-block;}
#AdvanceMainSearch_nightdiv::after {clear: both;content: "";display: block;}
#AdvanceMainSearch_nightdiv {margin-bottom: 20px;margin-top: 15px;}
.header-search > .col-md-4 {margin-top: 15px;}
.placedata-title-main {padding: 10px 10px;}
.divPlacelistdata-list.col-md-12.col-xs-12 {padding: 5px;}
#search-placedataholder .divPlacelistdata {width: 50%;}
.header-right-menu-modal.dropdown-menu.TripPlanDropbox {left: -79px;width: 400px;}
.TripPlan-Title .form-control.titleTripName {margin-left: 15px;width: 140px !important;}
.header-user-name {position: absolute;right: 0;top: 0;}
/* 19-1-2016 */

/* Trip Plan */
.ReservedCamping::after {height: 28px;}
.ReservedActivities::after {height: 28px;}
.ReservedCamping, .ReservedActivities {line-height: 28px;}
.trip-box-title {border-top: 1px solid #dcdcdc;float: left;height: 121px;width: 100%;}
.trip-box-option {width: 50%;}
.trip-box-img {width: 50%;}
.trip-box-img.pull-left > img {width: auto;min-width: 100%;height: auto;min-height: 121px;}
.header-right-menu-modal.dropdown-menu.TripPlanDropbox {left: -41px;width: 400px;}
/* Trip Plan */

/* Show Trip */
.createTripBoxMain {width: 284px;}
/* Show Trip */

#linkhypshopping {font-size: 12px;margin-top: 3px;width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}

.popup-main .popup-default.panel .row .col-md-4 {width: 33%;float: left;}
.popup-main {top: 2% !important;left: 0;}
.popup-main .popup-default.panel .row .col-md-4 > div {height:auto !important;}
.popup-main p {font-size: 11px !important;margin-bottom: 0 !important;}
.popup-main li {font-size: 11px !important;}
#pnlAmenities {height:auto !important;}

.map_img {margin: 0;}
.popup-main {height: 100%;overflow: scroll;position: fixed;top: 30%;width: 720px;}
.popup-main .panel .row .col-md-12 > div:nth-child(5) {
  margin-top: 0 !important;
}
}
@media only screen and (min-width: 471px) and (max-width: 590px) {
.header-right-menu-modal {padding: 10px 5px;width: 275px;}
.header-right-menu li:last-child .header-right-menu-modal {left: auto;right: -1px;}
#main-left-part {width: 340px;}
.header-right-menu-modal {width: 300px;}
.header-search form > .col-md-4 {margin-bottom: 5px;}
.header-right ul.header-right-menu > li {min-width: 89px;}
.logo {margin-left: 0;margin-right: 15px;}
.header-search .form-group {margin-bottom: 5px;}
#main-left-part {border-right: 0 none; height: 500px !important;width: 100%;}
.page-wrapper div#main {height: auto !important;}
#main-left-part {border-right: 0 none;height: 500px !important;width: 100%;}
#main-right-part {border-top: 2px solid #154257;height: 100% !important;width: 100% !important;}
.filter-field .col-md-6.form-group {padding: 0;}
.divPlacelistdata-list .placedata-title {float: none;}
.divPlacelistdata-list .placedata-dis {float: none;}
.divPlacelistdata-list .placedata-title > a {font-size: 12px;line-height: 14px;}
.divPlacelistdata-list .placedata-dis > a {font-size: 12px;line-height: 15px;}

.option-table-heading > .col-md-6 {width: 100%;}
.option-table-heading > .col-md-6:first-child {display: none;}
.option-table-row > .col-md-6 {width: 100%;}
.option-table-row .col-md-6:first-child {border-right: 0px solid #d8d8d8;border-bottom: 2px solid #d8d8d8;}
.option-table-row {height: auto;}

.divPlacelistdata-list-options table {display: block;border: none;margin-bottom: 0;}
.divPlacelistdata-list-options thead {display: block;width: 100%;}
.divPlacelistdata-list-options thead tr {border-bottom: none;display: block;width: 100%;}
.divPlacelistdata-list-options thead tr::after, .divPlacelistdata-list-options thead tr th::after, .divPlacelistdata-list-options table tbody tr:after, .divPlacelistdata-list-options table tbody tr td:after {clear: both;content: ""; display: block;}
.divPlacelistdata-list-options thead tr th:first-child {display: none;}
.divPlacelistdata-list-options thead tr th {border-left: 0 none;border-right: 0 none;display: block;width: 100%;}

.divPlacelistdata-list-options tbody {display: block;width: 100%;}
.divPlacelistdata-list-options table tbody tr, .divPlacelistdata-list-options table tbody tr td {display: block;width: 100% !important;}
.divPlacelistdata-list-options table tbody tr {border-bottom: 0px solid #d8d8d8;height: auto;}

/* 19-1-2016 */
header#header {height: auto;}
.header-right ul.header-right-menu > li {min-width: 82px;}
/*.logo {border-bottom: 2px solid #154257;float: none !important;margin-left: 0;margin-right: 0;margin-top: 0;padding: 13px 0 13px 20px !important;text-align: left !important;}*/
.header-user-name {position: absolute;right: 0;top: 0;}
#linkhypshopping {font-size: 12px;margin-right: 10px;margin-top: 7px;}
#header .container {padding: 0;width: 100%;}
.logo.pull-left > a {display: inline-block;}
#AdvanceMainSearch_nightdiv::after {clear: both;content: "";display: block;}
#AdvanceMainSearch_nightdiv {margin-bottom: 20px;margin-top: 15px;}
.header-search > .col-md-4 {margin-top: 15px;}
.placedata-title-main {padding: 10px 10px;}
.divPlacelistdata-list.col-md-12.col-xs-12 {padding: 5px;}
.header-right-menu-modal.dropdown-menu.TripPlanDropbox {left: -79px;width: 400px;}
.TripPlan-Title .form-control.titleTripName {margin-left: 15px;width: 140px !important;}
.header-right ul.header-right-menu > li > a {font-size: 11px;}
.divPlacelistdata-list .placedata-title > a {max-width: 240px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.part-finder-option > ul {padding: 6px 10px 6px 13px;}
ul#part-finder li {font-size: 11px;line-height: 17px;margin-bottom: 3px;margin-right: 3px;margin-top: 3px;padding: 0 5px;}
#divFacilityTypes {padding: 0 10px; max-width: 100% !important;}
/* 19-1-2016 */

/* Trip Plan */
.ReservedCamping::after {height: 28px;}
.ReservedActivities::after {height: 28px;}
.ReservedCamping, .ReservedActivities {line-height: 28px;}
.trip-box-title {border-top: 1px solid #dcdcdc;float: left;height: 121px;width: 100%;}
.trip-box-option {width: 50%;}
.trip-box-img {width: 50%;}
.trip-box-img.pull-left > img {width: auto;min-width: 100%;height: auto;min-height: 121px;}
.header-right-menu-modal.dropdown-menu.TripPlanDropbox {left: -120px;width: 405px;}
/* Trip Plan */

/* Show Trip */
.createTripBoxMain {width: 284px;}
.showTripDis {width: calc(100% - 180px);}
.showTripImg {width: 130px;}
.TripDateTime {font-size: 12px;}
.Trip-addr {font-size: 12px;}
/* Show Trip */

#linkhypshopping {font-size: 12px;margin-top: 3px;width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}

/*.popup-main .popup-default.panel .row .col-md-4 {width: 50%;float: left;}*/
.popup-main {top: 2% !important;left: 0;}
.popup-main .popup-default.panel .row .col-md-4 > div {height:auto !important;}
.popup-main p {font-size: 11px !important;margin-bottom: 0 !important;}
.popup-main li {font-size: 11px !important;}
#pnlAmenities {height:auto !important;}
.map_img {margin: 0;}
.popup-main {height: 100%;overflow: scroll;position: fixed;top: 30%;width: 720px;}
.popup-main .panel .row .col-md-12 > div:nth-child(5) {
  clear: both;
  margin-top: 0 !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 470px) {
.header-right-menu-modal {padding: 10px 5px;width: 275px;}
.header-right-menu li:last-child .header-right-menu-modal {left: auto;right: -1px;}
#main-left-part {width: 340px;}
.header-right-menu-modal {width: 270px;}
.header-search form > .col-md-4 {margin-bottom: 5px;}
.header-right ul.header-right-menu > li {min-width: 1px;}
.logo {margin-left: 0;margin-right: 15px;}
.header-search .form-group {margin-bottom: 5px;}
#main-left-part {border-right: 0 none; height: 500px !important;width: 100%;}
.page-wrapper div#main {height: auto !important;}

#main-right-part {border-top: 2px solid #154257;height: 100% !important;width: 100% !important;}
.filter-field .col-md-6.form-group {padding: 0;}
.divPlacelistdata-list .placedata-title {float: none;}
.divPlacelistdata-list .placedata-dis {float: none;}
.divPlacelistdata-list .placedata-title > a {font-size: 12px;line-height: 14px;}
.divPlacelistdata-list .placedata-dis > a {font-size: 12px;line-height: 15px;}

.option-table-heading > .col-md-6 {width: 100%;}
.option-table-heading > .col-md-6:first-child {display: none;}
.option-table-row > .col-md-6 {width: 100%;}
.option-table-row .col-md-6:first-child {border-right: 0px solid #d8d8d8;border-bottom: 2px solid #d8d8d8;}
.option-table-row {height: auto;}
.logo {float: none !important;margin-bottom: 11px;margin-left: 0;margin-right: 0;text-align: center;}
#header .header-right {border-top: 2px solid #154257;float: none !important;border-bottom: 2px solid #154257;}
header#header {height: auto;}
.filter-bar {padding: 0 10px;}
#header .container {padding: 0;}
.search-dropdown .btn-group button.btn {width: 120px;}
.search-list-arrows {margin-right: 10px;}
.divPlacelistdata-list {padding: 0;}
.placedata-title-main {padding: 10px 8px;}
.map-signs-link {margin-right:5px;}

.divPlacelistdata-list-options table {display: block;border: none;margin-bottom: 0;}
.divPlacelistdata-list-options thead {display: block;width: 100%;}
.divPlacelistdata-list-options thead tr {border-bottom: none;display: block;width: 100%;}
.divPlacelistdata-list-options thead tr::after, .divPlacelistdata-list-options thead tr th::after, .divPlacelistdata-list-options table tbody tr:after, .divPlacelistdata-list-options table tbody tr td:after {clear: both;content: ""; display: block;}
.divPlacelistdata-list-options thead tr th:first-child {display: none;}
.divPlacelistdata-list-options thead tr th {border-left: 0 none;border-right: 0 none;display: block;width: 100%;}

.divPlacelistdata-list-options tbody {display: block;width: 100%;}
.divPlacelistdata-list-options table tbody tr, .divPlacelistdata-list-options table tbody tr td {display: block;width: 100% !important;}
.divPlacelistdata-list-options table tbody tr {border-bottom: 0px solid #d8d8d8;height: auto;}

/*20-1-2016*/
.header-right ul.header-right-menu > li > a { font-size: 12px;line-height: 38px;padding: 0 6px;}
#header > .container > div:last-child {float: none !important;margin-bottom: 10px;text-align: center;}
.TripPlan-Title .form-control.titleTripName {margin-left: 0;width: 145px !important;}
.TripPlanMain .TripPlan-Title h4 {float: none !important;text-align: center;}
/*.divPlacelistdata-list .placedata-title > a {width: 120px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}*/
.part-finder-option > ul {padding: 6px 10px 6px 13px;}
ul#part-finder li {font-size: 11px;line-height: 17px;margin-bottom: 3px;margin-right: 3px;margin-top: 3px;padding: 0 5px;}
#limenu > .dropdown-menu {margin-left: -87px;}

table.table_page_table td.first_td{white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
#divFacilityTypes {padding: 0 10px;}
.header-shopping-cart.pull-right {margin-right: 10px;}
/*20-1-2016*/

/* Trip Plan */
.ReservedCamping::after {height: 28px;}
.ReservedActivities::after {height: 28px;}
.ReservedCamping, .ReservedActivities {line-height: 28px;}
.trip-box-title {border-top: 1px solid #dcdcdc;float: left;height: 121px;width: 100%;}
.trip-box-option {width: 50%;}
.trip-box-img {width: 50%;}
.trip-box-img.pull-left > img {width: auto;min-width: 100%;height: auto;min-height: 121px;}
.header-right-menu-modal.dropdown-menu.TripPlanDropbox {left: -108px;width: 320px;}
/* Trip Plan */

/* Show Trip */
.showTripImg {height: 170px;overflow: hidden;position: relative;right: 0;top: 0;width: 100%;}
.createTripBoxMain {width: 284px;}
.showTripDis {width: calc(100% - 50px);padding-right:10px;}
/* Show Trip */

.divPlacelistdata-list .placedata-title {margin-right: 0;}
#linkhypshopping {font-size: 12px;margin-top: 3px;width: 140px;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
a.new_plus_icn {width: 19px;height: 19px;margin-right: 4px;}
a.new_hend_icn {width: 19px;height: 19px;background-repeat: no-repeat;margin-right: 5px;}

/*.popup-main .popup-default.panel .row .col-md-4 {width: 50%;float: left;}*/
.popup-main {top: 2% !important;left: 0;}
.popup-main .popup-default.panel .row .col-md-4 > div {height:auto !important;}
.popup-main p {font-size: 11px !important;margin-bottom: 0 !important;}
.popup-main li {font-size: 11px !important;}
#pnlAmenities {height:auto !important;}
.map_img {margin: 0;}
.popup-main {height: 100%;overflow: scroll;position: fixed;top: 30%;width: 720px;}
.popup-main .panel .row .col-md-12 > div:nth-child(5) {
  clear: both;
  margin-top: 0 !important;
}


/* map & list view */
.thumbnail-view .fa {margin-right: 10px;}
.search-dropdown .btn-group button.btn {width: 100px;}
.map-list-view-btn button {padding: 0px 3px;}
/* map & list view */
}

/*Nexus 06-01 Starts*/
.ui-front {
    z-index: 300001!important;
}
 #GoogleMap_Div {
        height: 566px !important;
        position: relative !important;
    }
   #GoogleMap_Div {
        border-right: none;
        width: 100% !important;
        /*width: 1313px !important;*/
    }
   .loader_box {
    /* background-image: url(loader.gif);
    background-repeat: no-repeat;
    height: 100px;
    background-size: 70px;
    position: absolute;
    top: 35%;
    left: 0px;
    right: 0px;
    background-position: center;
    z-index: 99;*/
    background-image: url(../../CommonThemes/Images/loader.gif);
    background-repeat: no-repeat;
    height: 100px;
    position: absolute;
    top: 177px;
    left: 0px;
    right: 0px;
    background-position: center;
    z-index: 99;
}

.bg_loader {
    /* position: absolute;
    width: 94%;
    height: 500px;
    z-index: 99;
    background-image: url(~/themes/California/loader_bg.png);
    background-repeat: repeat;*/
   /* position: absolute;
    width: 90%;
    height: 89%;
    z-index: 99999;
    background-repeat: repeat;
    background-color: transparent;*/
   position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-repeat: repeat;
    background: rgba(0, 0, 0, 0.7) !important;
    left: 0;
}
/*Nexus 06-01 Ends*/

/* Trip Plan */
.TripPlan-Title {padding: 0 10px;}
.TripPlanMain .TripPlan-Title h4 {color: #154257;font-family: Lato;font-size: 15px;font-weight: bold;text-transform: uppercase;margin-top: 0;margin-bottom: 0;line-height:34px;}
/*.btn.btn-primary.trip-clear {background-color: transparent !important;border: 1px solid #4c5046;color: #4c5046;font-size: 12px;line-height: 20px;margin-right: 25px;margin-top: 7px;padding: 0 8px;}*/
.trip-box-img {height: 121px;overflow: hidden;width: 121px;position:relative;}
.trip-box-img img{position: absolute;left: -100%;top: -100%;bottom: -100%;right: -100%;max-width: 100%;min-height: 100%;margin: auto;}
.trip-box {border: 1px solid #dcdcdc;}
.trip-paln-box-main {margin-top: 10px;padding: 0 10px;max-height:250px;overflow:auto;}
.trip-box-option {border-left: 1px solid #d6d6d6;height: 121px;width: 85px;}
.btn-book {font-size: 11px;line-height: 24px;margin-bottom: 14px;margin-top: 15px;padding: 0 5px;}
.btn-delete {background-color: transparent !important;border: 1px solid #4c5046;color: #4c5046 !important;font-size: 12px;line-height: 24px;padding: 0 5px;}
.btn-delete i.fa {margin-right: 5px;font-size: 15px;}
.trip-box-option {text-align: center;}
.up-down-arrow {margin-top: 4px;}
.up-down-arrow .up {margin-right: 10px;}
.up-down-arrow a {color: #154257;font-size: 20px;}
.up-down-arrow a.disable {color: #d3d3d3;pointer-events: none; cursor: default;}
.trip-box-title {float: left;height: 121px;width: calc(100% - 206px);}
.trip-box-title h5 {color: #154257;font-size: 14px;font-weight: bold;margin-top: 17px;margin-bottom: 10px;padding-left: 15px;}
.daterange-toggel {float: left;font-size: 20px;line-height: 29px;color: #154257;margin-right: 10px;}
.trip-datepicker > input {color: #4c5046;line-height: 28px;padding: 0 10px;font-family: lato;font-size: 13px;width: calc(100% - 60px);border: 1px solid #4c5046;border-radius: 3px;}
.trip-datepicker {padding: 0 15px;}
.trip-box:after, .trip-tabing:after, .ReservedCamping-tab-btn:after {clear: both;display: block;content: "";}
.trip-tabing {margin-top: 19px;width: 100%;height: 30px;border-top: 1px solid #dcdcdc;}
.ReservedCamping {line-height: 30px;}
.left-tab, .right-tab  { width: 50%;}
.ReservedCamping-tab, .ReservedActivities-tab {position: absolute;}
.ReservedCamping, .ReservedActivities {display: block;line-height: 29px;padding-left: 20px;position: relative;font-family: lato;font-size: 13px;color: #4c5046;}
.ReservedCamping:after {position: absolute;right: 0;height: 29px;width: 15px;content: "";background-color: #EFEFEF;top: 0;transform: skewX(35deg);-moz-transform: skewX(35deg);-ms-transform: skewX(35deg);-o-transform: skewX(35deg);-webkit-transform: skewX(35deg); border-right: 1px solid #dcdcdc;z-index:9;}
.ReservedActivities:after {position: absolute;left: 0;height: 29px;width: 15px;content: "";background-color: #EFEFEF;top: 0;transform: skewX(35deg);-moz-transform: skewX(35deg);-ms-transform: skewX(35deg);-o-transform: skewX(35deg);-webkit-transform: skewX(35deg);}
.ReservedCamping-tab, .ReservedActivities-tab {position: absolute;width: 100%;background-color: #fff;border-bottom: 1px solid #dcdcdc;padding: 10px;left:0;top: calc(100% + 1px);display:none;z-index:10;max-height:210px}
.ReservedCamping-tabtitle {color: #444444;line-height: 20px;margin-bottom: 3px;}
.ReservedCamping-tabtitle > span {border: 1px solid #5cb85c;color: #5cb85c;padding: 0px 3px;margin-right: 5px;border-radius: 3px;line-height:16px;display:inline-block;}
.ReservedCamping-tabcal {color: #444444;}
.ReservedCamping-tabcal .glyphicon.glyphicon-calendar {margin-right: 6px;margin-top: 2px;font-size: 15px;}
.ReservedCamping-tab-btn .btn.btn-success.btn-book {margin-top: 0;margin-bottom: 0;float: right;margin-left: 8px;}
.ReservedCamping-tab-btn.text-right {padding: 10px 0 0;}
.ReservedCamping-tabbox {margin-bottom: 10px;}
.trip-tabing {position: relative;}
.unavailable .ReservedCamping-tabtitle > span {color: #c11e2d;border-color: #c11e2d;}
.unavailable .ReservedCamping-tab-btn .btn.btn-success.btn-book {color: #cbcbcb;background: #fff !important;border: 1px solid;pointer-events: none; cursor: default;}
.trip-tabing .open > a {background-color: #fff;}
.trip-tabing .open > a:after {background-color: #fff;}
.trip-tabing .open .ReservedCamping-tab, .trip-tabing .open .ReservedActivities-tab{display:block;}
.ReservedActivities-tabtitle > span {background-color: #5cb85c;color: #fff;font-weight: bold;font-family: Lato;padding: 0 3px;border-radius: 3px;margin-right: 7px;}
.ReservedActivities-tabtitle {color: #444444;margin-bottom: 5px;font-family: Lato;}
.ReservedActivities-tabcal, .ReservedActivities-tabtime, .ReservedActivities-tabadult {color: #444444;font-family: Lato;}
.ReservedActivities-tabcal .glyphicon, .ReservedActivities-tabtime .glyphicon{margin-right: 7px;}
.ReservedActivities-tabadult .fa{margin-right: 10px;}
.trip-box {margin-bottom: 15px;}
.trip-tabing.unavailable .ReservedCamping, .trip-tabing.unavailable .ReservedActivities{color:#d3d3d3;pointer-events: none; cursor: default;}
.trip-box-option .btn-book.unavailable{background:#d3d3d3 !important;pointer-events: none; cursor: default;}
.trip-paln-box-main .trip-box:last-child .ReservedCamping-tab, .trip-paln-box-main .trip-box:last-child .ReservedActivities-tab{top:auto;bottom:calc(100% + 1px);}
.tdHover  > img {margin-left: 7px;margin-top: -2px;}
.trip-box-title h5, .ReservedCamping-tabtitle, .ReservedActivities-tabtitle{width:95%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
/*.TripPlanDropbox {overflow: hidden;max-height: 300px;}*/
.ReservedActivities-tabbox {margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid #D3D3D3;}
.ReservedActivities-tabbox:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: 0px solid #D3D3D3;}
/* Trip Plan */

/* Show Trip */
.showTripNum > span {border: 1px solid #dcdcdc;border-radius: 50%;display: inline-block;font-family: lato;height: 30px;line-height: 26px;overflow: hidden;padding: 0 9px;width: 30px;}
.showTripNum {float: left;height: 100px;padding: 10px;width: 5%;text-align:center;}
.showTripDis h2 {font-family: Lato;font-size: 14px;font-weight: bold;margin-bottom: 2px;margin-top: 0;text-transform: uppercase;}
.showTripImg {width:20%;float:left;}
.showTripImg img {max-width:100%;width:100%;height:180px;}
.showTripDis {float: left;padding-left: 10px;padding-top: 10px;width: 75%;padding-bottom:10px;border-left:1px solid #ccc;min-height:180px;}
.Trip-addr {color: #333;font-family: Lato;font-size: 13px;}
.TripDateTime{color: #333;font-family: Lato;font-size: 13px;}
.showTripMain {margin-top: 10px;padding: 0 10px;}
.showTrip {border: 1px solid #dcdcdc;overflow: hidden;position: relative;}
.Trip-Option {color: #999;font-family: Lato;font-size: 12px;margin-bottom: 10px;}
.Trip-btn a.btn.btn-primary {font-family: Lato;font-size: 12px;font-weight: bold;padding: 2px 8px;}
.showTripDis h2{width:95%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.showTripPlanMain .trip-save-btn {font-size: 12px;font-weight: bold;margin-top: 3px;padding: 4px 7px;}
.showTripPlanMain .trip-clear {font-size: 12px !important;font-weight: bold;margin-right: 5px !important;margin-top: 4px !important;padding: 2px 12px !important;}
.showTrip {margin-bottom: 10px;}
.showTrip-Box {position: absolute;top: 26px;z-index: 99;left:0;}
.showTripPlanMain {position: relative;}
.ShowTripToggel {background-color: #fff;border: 1px solid #dcdcdc;border-radius: 0 50% 50% 0;height: 20px;overflow: hidden;padding-left: 1px;position: absolute;right: -13px;top: 0;width: 13px;}
.ShowTripToggel > a {color: #aaa;display: block;font-size: 16px;height: 7px;line-height: 16px;padding-left: 1px;position: relative;z-index: 9;}

.HideTripToggel {background-color: #fff;border: 1px solid #dcdcdc;border-radius: 0 50% 50% 0;height: 20px;overflow: hidden;padding-left: 1px;position: absolute;right: -13px;top: 0;width: 13px;}
.HideTripToggel > a {color: #aaa;display: block;font-size: 16px;height: 7px;line-height: 16px;padding-left: 1px;position: relative;z-index: 9;}

.createTripBoxMain {background-color: #fff;border: 1px solid #dcdcdc;box-shadow: 0 0 9px 0 #ccc;left: 0;padding: 10px;width: 300px;display:none;}
.createTripBox > h2 {font-size: 14px;font-weight: bold;margin-bottom: 0;margin-top: 0;text-transform: uppercase;transition:all ease-in-out 500ms 0s;-moz-transition:all ease-in-out 500ms 0s;-ms-transition:all ease-in-out 500ms 0s;-o-transition:all ease-in-out 500ms 0s;-webkit-transition:all ease-in-out 500ms 0s;width:95%;white-space: nowrap;overflow:hidden !important;text-overflow: ellipsis;}
.cancel-btn {margin-top: -8px;position: absolute;right: 9px;top: 50%;}
.createTripBox {border-bottom: 1px solid #dcdcdc;padding: 5px 30px 5px 5px;position: relative;transition:all ease-in-out 500ms 0s;-moz-transition:all ease-in-out 500ms 0s;-ms-transition:all ease-in-out 500ms 0s;-o-transition:all ease-in-out 500ms 0s;-webkit-transition:all ease-in-out 500ms 0s;}
.cancel-btn {color: #ff0000 !important;}
.createTripBox-inn {margin-top: 15px;max-height:250px;}
.createTripBox:hover > h2,.createTripBox.active > h2,.createTripBox:hover .createTripBox-dis,.createTripBox.active .createTripBox-dis,.createTripBox:hover .createTripBox-Date,.createTripBox.active .createTripBox-Date {color: #fff !important;}
.createTripBox:hover,.createTripBox.active  {background-color: #154257;}
.createTripBox-Date {font-size: 12px;transition:all ease-in-out 500ms 0s;-moz-transition:all ease-in-out 500ms 0s;-ms-transition:all ease-in-out 500ms 0s;-o-transition:all ease-in-out 500ms 0s;-webkit-transition:all ease-in-out 500ms 0s;}
.createTripBox-dis {font-family: Lato;font-size: 12px;transition:all ease-in-out 500ms 0s;-moz-transition:all ease-in-out 500ms 0s;-ms-transition:all ease-in-out 500ms 0s;-o-transition:all ease-in-out 500ms 0s;-webkit-transition:all ease-in-out 500ms 0s;}
.showTripPlanMain {padding: 20px 5px;}
.showTripWrapper .TripPlanMain .TripPlan-Title h4 {color: #154257;font-family: Lato;font-size: 24px;font-weight: bold;line-height: 34px;margin-bottom: 0;margin-top: 0;text-transform: capitalize;}
/* Show Trip */

@media only screen and (min-width: 591px) and (max-width: 767px) {
    
}
@media only screen and (min-width: 471px) and (max-width: 590px) {
    
}
@media only screen and (min-width: 320px) and (max-width: 470px) {
    
}
@media only screen and (min-width:1700px) and (max-width:1920px) {
 #GoogleMap_Div {
        border-right: none;
        width: 1313px !important;
        height: 900px !important;
    }
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{ 
		#GoogleMap_Div {height:915px !important;}
	}
}

/* Megha Patel */

@media only screen and (min-width:1600px) and (max-width:1699px) {
 #GoogleMap_Div {
        border-right: none;
        width: 994px !important;
        height: 720px !important;
    }
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{ 
		#GoogleMap_Div {height:735px !important;}
	}
}
@media only screen and (min-width:1366px) and (max-width:1400px) {
 	#GoogleMap_Div {
        border-right: medium none;
    	height: 587px !important;
    	/*width: 761px !important;*/
    }
    .MapSearchArea {
    margin-left:50px;
    }
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{ 
		#GoogleMap_Div {height: 603px !important;}
	}
}
@media only screen and (min-width:1280px) and (max-width:1300px) {
 #GoogleMap_Div {
         border-right: medium none;
    	 height: 736px !important;
    	 width: 675px !important;
    }
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{ 
		#GoogleMap_Div {height:635px !important;}
	}
}
@media only screen and (min-width:1024px) and (max-width:1100px) {
 #GoogleMap_Div 
 	{
         border-right: medium none;
    	 height: 704px !important;
    	 width: 524px !important;
    }
	
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{ 
		#GoogleMap_Div {height:605px !important;}
	}
}

@media only screen and (min-width:768px) and (max-width:900px) 
{
	.showTripNum{width:10%;}
	.showTripDis{width:70%;}	
}

@media (max-width:767px) 
{
	#main-right-part {border-top: 2px solid #154257;height: 100% !important;width: 100% !important;}
	.showTripNum{width:10%;}
	.showTripDis{width:60%;}
	.showTripImg{width:30%;}
	.header-right-menu-modal{left:0px;right:inherit;z-index:9999;}
}
@media (max-width:480px)
{
	.showTripNum{width:20%;}
	.showTripDis{width:80%;min-height:10px;}
	.showTripImg{width:100%;position:inherit;}
}
@media (max-width: 375px) {
    .header-right-menu{ border-bottom: 2px solid #154257;}
    .btn_viewCart{ position: inherit;margin: 5px 0 7px 0;text-align: center;float: inherit;}
}

/*Map Search area button style*/
.MapSearchArea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    cursor: pointer;
    margin: 9px 45px;
    text-align: center;
}

.btnMapSearchArea {
    color: #a8a8a8;
    font-size: 16px;
    line-height: 32px;
    padding: 0 5px;
}

.btnMapSearchReduis {
    /*color: #000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    position: relative;
    top: 415px;
    left: 425px;*/
    color: #000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    left: 420px;
    line-height: 25px;
    position: relative;
    top: 0px;
}
/*Map Search area button style*/

.ui-multiselect {
    width: 264px !important;
    background: white;
    font-weight: normal;
    height: 36px;
    color: #555;
    padding-left: 16px;
}



/*skeleton placelist  */
.skeletonPlaceList:empty {
    /*margin: auto;*/
    /*width: 500px;*/
    height: 1000px; /* change height to see repeat-y behavior */
    /*margin-top: 47px;*/
    background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 80% ), 
        linear-gradient( lightgray 2px, transparent 0 ),
        linear-gradient( lightgray 410px, transparent 0 ),
        linear-gradient( lightgray 10px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 410px, transparent 0 ),
        linear-gradient( lightgray 10px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 410px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 58%, transparent 0 ),
        linear-gradient( lightgray 58%, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 2px, transparent 0 );
    background-repeat: repeat-y;
    background-size: 50px 1000px, /* highlight */
        99% 430px,
        2px 430px,
        20% 430px,
        15% 430px,
        2px 430px,
        20% 430px,
        15% 430px,
        2px 430px,
        47% 430px,
        46% 430px,
        45% 430px,
        40% 430px,
        35% 430px,
        44% 430px,
        41% 430px,
        39% 430px,
        47% 430px,
        46% 430px,
        15% 430px,
        20% 430px,
        15% 430px,
        20% 430px,
        15% 430px,
        20% 430px,
        15% 430px,
        20% 430px,
        15% 430px,
        15% 430px,
        99% 430px;
    background-position: 0 0, /* highlight */
        3% 0px,
        0px 0px,
        3% 2.5%,
        37% 2%,
        50% 0px,
        67% 2.5%,
        95% 2%,
        99% 0px,
        3% 8%,
        95% 8%,
        3% 10.5%,
        3% 12%,
        3% 13.5%,
        92% 10.5%,
        87% 12%,
        84% 13.5%,
        3% 15%,
        95% 15%,
        3% 350px,
        3% 360px,
        34% 350px,
        36% 360px,
        61% 350px,
        64% 360px,
        91% 350px,
        97% 360px,
        3% 385px,
        61% 385px,
        3% 410px;
    animation: shinePreview 3s infinite;
}


@keyframes shinePreview {
    to {
        background-position: 100% 0, /* move highlight to right */
            3% 0px,
            0px 0px,
            3% 2.5%,
            37% 2%,
            50% 0px,
            67% 2.5%,
            95% 2%,
            99% 0px,
            3% 8%,
            95% 8%,
            3% 10.5%,
            3% 12%,
            3% 13.5%,
            92% 10.5%,
            87% 12%,
            84% 13.5%,
            3% 15%,
            95% 15%,
            3% 350px,
            3% 360px,
            34% 350px,
            36% 360px,
            61% 350px,
            64% 360px,
            91% 350px,
            97% 360px,
            3% 385px,
            61% 385px,
            3% 410px;
    }
}


.skeletonParkPlaceList:empty {
    /*margin: auto;*/
    /*width: 500px;*/margin-top: 5px;
    height: 700px; /* change height to see repeat-y behavior */
    /*margin-top: 47px;*/
    background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 80% ), 
        linear-gradient( lightgray 700px, transparent 0 ),
       linear-gradient( lightgray 2px, transparent 0 ),
        linear-gradient( lightgray 700px, transparent 0 ),
        linear-gradient( lightgray 2px, transparent 0 ),
        linear-gradient( lightgray 80px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 5px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
         linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
         linear-gradient( lightgray 1px, transparent 0 ),
        linear-gradient( lightgray 12px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 25px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 ),
        linear-gradient( lightgray 8px, transparent 0 );
         
    background-repeat: no-repeat;
    background-size: 50px 700px, /* highlight */
        2px 700px,
        100% 700px,
        2px 700px,
        100% 2px,
        20% 685px,  
        25% 675px,
        15% 680px,
        15% 680px,
        10% 655px,
        71% 640px,
        34% 620px,
        95% 595px,
        50% 580px,
        5% 585px,
        15% 585px,
        60% 560px,
         55% 545px,
        96% 525px,
        50% 510px,
        5% 515px,
        15% 515px,
        60% 490px,
         55% 475px,
        96% 455px,
        50% 440px,
        5% 445px,
        15% 445px,
        60% 420px,
         55% 405px,
        96% 385px,
        50% 370px,
        5% 375px,
        15% 375px,
        60% 350px,
         55% 335px,
        96% 315px,
         50% 300px,
        5% 305px,
        15% 305px,
        60% 280px,
         55% 265px,
        96% 245px,
        50% 230px,
        5% 235px,
        15% 235px,
        60% 210px,
         55% 195px,
        96% 175px,
         50% 160px,
        5% 165px,
        15% 165px,
        60% 140px,
         55% 125px,
        96% 105px,
        50% 90px,
        5% 95px,
        15% 95px,
        60% 70px,
         55% 55px;
        
          
    background-position:0 0, /* highlight */
        0px 100%,
        3% 100%,
        100% 100%,
        3% 100%,
        3% 100%,
        35% 100%,
        72% 100%,
        95% 100%,
        30% 100%,
        90% 100%,
        39% 100%,
        15px 100%,
        5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
        5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
         5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
         5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
         5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
        5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
        5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%,
        65% 100%,
        5% 100%,
        78% 100%,
        95% 100%,
        5% 100%,
        5% 100%;
    animation: shinePreviewPark 3s infinite;
}


@keyframes shinePreviewPark {
    to {
        background-position: 100% 0, /* move highlight to right */
            0px 100%,
            3% 100%,
            100% 100%,
            3% 100%,
            3% 100%,
            35% 100%,
            72% 100%,
            95% 100%,
            30% 100%,
            90% 100%,
           39% 100%,
            15px 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
             5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%,
            65% 100%,
            5% 100%,
            78% 100%,
             95% 100%,
            5% 100%,
            5% 100%;
    }
}