/* THIS IS A TEST
NEWLY ADDED THIS */
.emailHeader{

}

.emailBody{

}
/*THIS IS HERE*/

.footer-copyright{
    line-height: 18px;
    font-size: 14px;
    color: #999;
    padding-top: 15px;
}

.site-viewCart #sideRightSub{
    width: 240px;
}


.footer-bottom{
    clear: both;
}

.cookie-declaration #page{
    width: 80%;
    margin: 100px 10%;
}

.admin .navbar .nav > li > a{
    padding: 5px 8px;
}

.tab-content .control-label {
    width: auto;
    text-align: left;
}

.tab-content .controls {
    margin: 0 !important;
    clear: both;
}

.tab-content .lotTimeContent {
    margin-top: 20px;
    margin-bottom: 20px;
}

.tab-content .lotTimeContent iput {
    width: 70%;
}

.tab-content .options-column .control-label {
    width: 80%;
    text-align: left;
}

.tab-content .occupancy textarea {
    width: 100%;
}

.desktop-tabs {
    display: block !important;
}

.mobile-tabs {
    display: none !important;
}

.mobile-tabs .nav-btn .icon-bar {
    height: 4px;
    margin-bottom: 2px;
    margin-top: 3px;
    display: block;
    margin-left: 5px;
}

.mobile-tabs li {
    width: 100% !important;
}

.mobile-tabs-controls {
    height: 290px;
    -webkit-transition: height 2s; /* Safari prior 6.1 */
    transition: height 2s;
    background-color: #ffffff !important;
}

.admin .header-logo{
    display: none;
}

.admin .form-horizontal #Lot_name{
    padding-top: 6px;
}

.admin .form-horizontal #Lot_lot_number{
    padding-top: 6px;
}


.adminSettings .span3{
    padding-top: 35px !important;
}

.admin .managerLot{
    width: 100%;
    float: left;
}

.admin .managerLot input{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}

.admin .ui-multiselect div.selected{
    width: 100% !important;
}

.appleWallet{
    text-align: center;
    margin: 10px 0px;
}

.admin #Manager_lotManagers, .admin #Lot_lotManagers, .admin #ClosureEventLots, .admin #ClosureEventEvents{
    overflow-y: scroll;
    max-height: 500px;
    /* width: 210px; */
    border: 1px solid black;
}
.left-summary .summary{
    text-align: left;
}

.admin #ClosureEventLots, .admin #ClosureEventEvents{
    width: 300px;
}

.purchased_reservations input[type=text]{
    margin-bottom: 0px;
    width: auto;
}

.browse-parking{
    width: 100%;
    text-align: center;
    font-size: 30px;
    vertical-align: inherit;
}

.browse-parking #enter_address{
    height: 19px;
}

.lot_instructions textarea{
    height: auto;
    width: auto;
}


.continueArea{
    text-align: center;
}

h3 small{
    line-height: 18px;
}

h4{
    font-size: 16px;
}

.nobold{
    font-weight: normal;
}

.bold{
    font-weight: bold;
}

.underline{
    text-decoration: underline;
}

.center-text{
    text-align: center;
}

.center-text.login{
    max-width: 700px;
}

.italic{
    font-style: italic;
}

.countdown {

}
.countdown.red {color: red;}

.reverseInfo{
    font-size: 10px;
}

.reservation_header{
    display: block;
}
h3.reserve_msg{
    float: right;
    margin-top: 0px;
    font-size: 18px;
    margin-right: 0;
}

.full-width-report .tab-content{
    overflow: visible;
    margin-right: 10px;
    float: left;
}

label[for=Lot_lottype],label[for=Lot_multiple_purchases_at_once], label[for=Lot_zip], label[for=Lot_service_fee], label[for=Lot_same_day], label[for=Lot_voucher_instructions], label[for=Lot_voucher_directions], label[for=Lot_multi_purchase_lot]{
    margin-top: 10px;
}

label[for=Lot_same_day]{
    float: left;
}

label[for=Setting_gmail_image]
{
    float: left;
    width: 180px;
}

label.no-vehicles{
    margin-top: -10px;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

input#Lot_same_day, input#Lot_presale, input#Lot_multi_purchase_lot, input#Lot_multiple_purchases_at_once{
    margin-top: 13px;
    margin-right: 7px;
    float: left;
    margin-bottom: 5px;
}

input#Lot_presale{
    margin-top: 5px;
}

.multi_purchase .selectAllWrapper{
    display: none;
}
/*
* Admin
*/
table.detail-view tr.odd {
    background: none repeat scroll 0 0 #EEEEEE;
}
.navbar .nav {
    display: block;
    float: right;
    left: none;
     margin-left: auto;
    margin-right: -14px;
    width:auto;
}

table.table.env thead tr th{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
}

table.table.env td.center{
    text-align: center;
}

table.table.env td.pink{
    background-color: #ffc0cb;
    border: 1px solid black;
    font-size: 24px;
}


table.table.env td.green{
    background-color: lightgreen;
    border: 1px solid black;
    font-size: 24px;
}

.admin .row {
    margin-left: 0;
}
.bottom-info h2 {
    margin-left: 11px;
    font-size: 12px;
}
.admin h2, h1{
    padding-top:14px;
}

.admin .nav {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.side-bar .nav-stacked{
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.admin #page {
    padding-left: 10px;
    padding-right: 10px;
}

#page{
    margin-bottom: 30px;
}

.site-requestLogin #page{
    margin-top: 50px;
}

.btnSpaceLeft{
    margin-left: 20px;
}

.reporting {
    min-height: 500px;

}

.accountMain{
    margin-right: 30px;
    max-width: 450px;
    float: left;
}

.accountMain .account{
    height: 800px;
}

.accountMain.password{
    margin-right: 0px;
}

/*
* Site
*/
.btn-success {
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.text-brand{
    color: #00529b;

}

.barcode{
    width:250px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    margin-bottom: 0px;
}

.ledger{
    font-size: 70%;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0px 6px;
    vertical-align: middle;
}

#ui-datepicker-div{
    z-index: 9999 !important;
}

.ui-dialog.ui-widget{
    z-index: 999;
    left: 100px;
    top: 200px;
}

.map-wrapper{
    padding-top:15px;
}

.form-horizontal .control-group {
    margin-bottom: 16px;
}
.navbar-inverse .navbar-inner  {
    background-color: #00529b;
    background-image: linear-gradient(to bottom, #0087CC, #00529b);
    color: #fcfcfc;
    padding-top:10px;
    font-weight: 400;
    font-size:14px;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    background-color: transparent;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #000;
    text-decoration: none;
    border-radius: 20px;
}

.navbar-inner .header-logo{
    max-width: 120px;
    float: left;
    max-height: 35px;
}

inverse .nav > li > a {
    color: #777;
    text-shadow: auto;
}



.nav-collapse.in  .nav > li > a, .nav-collapse .dropdown-menu a {
    color: #FFFFFF;
        text-shadow: none;
}

.nav-collapse.in .nav-collapse .nav > li >  a:hover {
    color: #CCC;
    text-shadow: none;
}

.nav-collapse{
    background-color: #00529b;
}

.navbar .nav .nav-collapse  > li {
    padding-top: 0px;
    line-height: 10px;
}

.nav-collapse.in  .nav {
	width: 100%;
	text-align: center;
	margin: 0;
}

.bookmark_area{
    float: right;
    display: flex;
}

.bookmark_area a .material-icons{
    color: #006DCC;
    margin-right: 50px;
    margin-top: 10px;
}

.navbar .bookmark_area .navbar-nav .nav-item .nav-link {
    border-radius: 15px;
    border: 1px solid gray;
    padding: 5px;
    margin-right: 5px;
    font-size: 8px;
}



.nav-collapse.in  .nav li {
	border-bottom: 1px solid #fff;
	margin-left: 0;
}

.nav-collapse.in .nav li a:hover{
	color: #fff;
	box-shadow: none;
}

.badge-inverse {
    background-color: #333333;
    opacity: 0.65;
}
/*   color of selected nav button  */
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #00529b;
    color: #777;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #FFF;
    text-decoration: none;
    border-radius: 20px;
}

 .navbar-inverse .btn-navbar {
    background-color: #FFF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-image: linear-gradient(to bottom, #0087CC, #00529b);
     border: none;
}



.navbar-inverse .nav-collapse.in .nav > li > a:hover,
.navbar-inverse .nav-collapse.in .nav > li > a:focus,
.navbar-inverse .nav-collapse.in .dropdown-menu a:hover,
.navbar-inverse .nav-collapse.in .dropdown-menu a:focus {
    background-color: transparent;
    border-radius:0px;
}

.navbar-inverse .nav-collapse.in .nav > .active > a {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #FFF;
    text-decoration: none;
    border-radius: 0px;
}

h1{
    font-size: 32px;
    font-weight:700px;
}

.row-fluid [class*="span"] {
    margin-left:0px;
}

.form{
    padding-top: 5px;
}

.hero-unit h1 {
    color: #333;
    font-size: 60px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 0;
}

.reserve-spacer{
    height: 15px;
}

.label-success, .badge-success {
    background-color: #5BB75B;
}


#footer{
    border-top: solid .5px #EEEEEE;
    z-index: 999;
    position: relative;
}

.bottomreserve{
    clear: both;
    height:70px;
    padding-top:2px;
    text-align: center;
}

.logo{
    padding-right:55px;
    margin-bottom: 40px;
}

.pull{
    min-height: 40px;
    width:100%;
}

.pull-right-btn{
    float: right;
    margin-top: 10px;
}

.navbar-fixed-top {
    margin-bottom: 25px;
}

.btn-primary {
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0087CC, #00529b);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #00529b;
}

.hero-unit {
    min-height: 140px;;
    margin-bottom:10px;
    background-color: #FFF;
}

.ledger,
.button-wrapper-reserve{
    padding: 12px 0 0 0 ;
}
.bill-info{
    padding:10px;
}
.well {
    background-color: #FFF;
    border: 0px solid #FFF;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0px;
    padding: 10px 0 4px;
}

.form-actions {
    background-color: #FFF;
    border-top: none;
    margin-bottom: 20px;
    margin-top: 20px;
    margin:10px 0 10px 0;
    padding: 5px 0 5px;
}

.form-horizontal .form-actions{
    padding-left: 52px;
}

.form-actions.login{
    padding-left: 0px;
}

.login .form-horizontal .control-label{
    width: 100px;
    text-align: left;
}

.login .form-horizontal .controls{
    margin-left: 0px;
}

.dialogArea.refund{
    display: none;
}

.label, .badge {
    color: #FFFFFF;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
    min-width:40px;
    min-height:20px;
    border-radius: 0px;
}

.dates .btn{
    padding: 4px 4px;
    letter-spacing: -.5px;
    width:46px;
    height:36px;
    border-radius:0px;
}

.well blockquote {
    border-color: rgba(0, 0, 0, 0);
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}

.brand{
    display:none;
}

.navbar-inner {
    padding: 0px;
}

inline {
    padding-right:0px;
}




.reservebox{
	width: 100%;
}

.events .reservebox{
    min-width: 950px;
}

.reservebox .forms{
    min-width: 1012px;
    min-height:210px;
}

.submitArea .control-label{
    width: 100px;
}

.submitArea #submitBtn{
    float: right;
}

.submitArea .controls{
    margin-left: 110px; padding-top: 5px;
}

.submitArea .clickRefreshWarning{
    float:left; width: 300px; font-weight: bold; font-size: 12px; line-height: 14px;
}

#horizontalForm input[type='text'],
#horizontalForm input[type='password']{
	width: 220px;
}

.parkingForm input[readonly] {
    cursor: default;
    background-color: #fff;
}

#passwordError, #ccvError, #nameError, #licenseError, #firstNameError, #lastNameError, #UserBillingError, #UserBilling_addressError,
#UserBilling_cityError, #UserBilling_stateError{
    display: none;
}

#licenseError, #UserBillingZipError{
    margin-top: -20px;
    padding-bottom: 10px;
}

.navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0;
}

.form-actions.no-margin{
    margin: 0px;
    border: none;
}

.box{
    min-width: 10px;
}

.rowz{
    width:100%;
    position:relative;
}

.pagination ul > li > a, .pagination ul > li > span {
    background-color:#FFFFFF;
}

.home-bottom-wrapper .row {
    margin-left: 0px;
}

.home-bottom-wrapper [class*="span"]{
    margin-left: 0px;
}

.container-btn:hover, .container-btn-success:focus, .container-btn-success:active, .container-btn-success.active, .container-btn-success.disabled, .container-btn-success[disabled] {
    background-color: #F0F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #A6A6A6);
    color: #000000;
}

.btnz{
    width:56px;
    float:left;
    padding-top:10px;
    font-weight: 300;
    text-align: center;
}

#transaction_total{
    padding-right:60px;
    text-align:right;
}

.box{
    width:54px;
}

.bz{
    width:1100px;
}

.dates-wrapper{
    /*overflow-x:scroll;*/
    float:left;
    width:auto;
}

.lotnames-wrapper{
    float:left;
    width:100px;
    padding-right: 10px;
}

.lotnames-header,
.lotnames{
    color:#888888;
    width:100px;
    height:46px;
    margin-top: 4px;
    text-align:right;
    font-size: 0;
}

.lotnames:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.lotnames a{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
    max-height: 40px;
    overflow: hidden;
}

.lotnames-header{
    height:36px;
}

.dates-header,
.dates{
    width:auto;
    height:45px;
    padding-top:4px;
    border-bottom: thin solid #ddd;
    color:#888888;
}

.dates-header{
    height:35px;
}

.bigbox{
    min-height:120px;
}

.blockdata{
    background-color: #EEEEEE;
    border: 0px solid #FFF;
    border-radius: 4px;
    box-shadow: 0;
    height: 160px;
    padding: 4px;
    margin-left:3px;!important;
}

.closureMessage{
    border-bottom: 1px dashed gray;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.closureMessage.green{
    color: #32CD32;
}

.closureMessage.black{
    color: #000000;
}

.form-horizontal .closureMessage .control-label{
    text-align: center;
}

table {
    font-size:14px;
}
.row-fluid .span4 {
    width: 32.6239%;
}

.table-totals{
	border-top: 1px solid #e5e5e5;
}

.table-totals td{
	border: none;
}

.logo-home{
    text-align: center;
    padding-top: 75px;

}

.nav li {
	margin-left: 5px;
}

.nav-collapse li {
    line-height: 14px;

}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #fcfcfc;
    text-shadow: none;
    font-weight: normal;
}

.nav-collapse.in .navbar .nav > li {
    line-height:14px;
    height:18px;

}

.qty-cell{
    display: none;
}

.admin .hero-unit {
    padding:10px;
    min-height: 140px;;
    margin-bottom:10px;
}
.admin .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus {
    color: #999999;
}

.hero-unit {
    padding: 45px;
}

.call-to{
    padding-top:20px;

}

.btn-primary {
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0087CC, #00529b);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.btn.btn-large, input.btn.btn-large[type="submit"] {
    border-radius:14px;
    font-weight: 200;

}

.wrapper table .btn.btn-danger:hover, .admin .btn.btn-primary, .admin .btn.btn-primary.btn-danger:hover{
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    background-image: none;
}

.inputSmall{
    width: 50px;
}

.inputMedium{
    width: 120px;
}

.admin .card-body select.inputMedium {
    width: 120px;
}

.call-to{

    padding-right:30px;


}




/* NEWLY ADDED */

.editDate{
    background: url('/images/edit.png') top right no-repeat;
    padding-right: 15px !important;
    cursor: pointer;
}

.grid-view .editDate{
    width: 120px;
}



.printPage{
     float: right;
}

.borderTop{
    margin-top: 15px;
    border-top: 1px solid #eee;

}

img.event_image{
    height: auto;
    width: 75px;
}


.upcoming_events .table td{
    vertical-align: middle;
    width: 20%;
}

.highlight.dates a.btn{
    background-color: #f0f060;
    background-image: none;
}
#datesArea{
}

.events .dates-wrapper{
    margin-right: 50px;
}

#mapArea{

}

#map-canvas{
    height: 500px;
    width:500px;
}

.lotCanvas{
    height: 150px;
    width: 150px;
    float: left;
    margin-right: 30px;
}

.lotDirections{
    width: 100%;
    clear: both;
    margin-bottom: 30px;
    float: left;
}
td.activityReportDate{
    min-width: 90px;
}

.parking-printReservations .navbar, .muir-existingReservations .navbar{
    display: none;
}

.headerDisclaimer{
    clear:both;
    margin-bottom: 30px;
}

.headerDisclaimer span{
    font-weight: bold;
    background-color: #ccc;
    padding: 5px;
}

.printDates table{
  	border-collapse: separate;
  	border-spacing: 0 10px;
}
.printDates table td.voucherDate{
    font-size: 46px;
    width: 60px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}
.printDates table td.voucherLotDate{
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 370px;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    padding-bottom: 5px;
}

.printDates table td.voucherLotDate.qr_code{
    height: 180px;
    padding-top: 35px !important;
}

.printDates table td{
    border: 1px solid #ccc;
    padding: 5px 15px;
}

.printDates table td:first-child{
	border-right: none;
}


.time_band_childs{

}

.time_band_childs div{

}

table.time_band_child_wrapper.detail-view{
    font-size: 18px;
}

td.inventoryTime-date{
    width: 120px;
}

@media print{
    .muir-header{
        display: none;
    }
    .languages{
        display: none;
    }
	.printDates table tr{
		page-break-inside: avoid;
	}
	.gmnoprint{
		display:none;
	}
	.lotCanvas a[href]:after,
	.logo a:after {
		content: "";
	}
	.parking-printReservations .border{
		page-break-before: always;
	}
    @media print{
        .page-break{
            page-break-after: always;
        }
        .parking-printReservations .border-end{
            page-break-after: always;
        }
        @page {size: portrait;}
        .navbar{display: none;}
        #footer{
            display: none;
        }
        .logoHeader .logo{
        }
        .lotDirections{
            margin-bottom: 0px;
        }
    }

}

h4.validDates{
    font-weight: bold;
    color: #000;
}

.printDates,
.parking-printReservations .logoHeader, .muir-existingReservations . logoHeader{
    width: 100%;
    margin: 0 auto;
    float: none;
}

.eventLogos{
    width: 100px;
    float: left;
}

.eventLogos img{
    width: 100px;
    height: auto;
}

.voucher-top{
    width: 100%;
    clear: both;
    float: left;
}

.row-fluid.border{
    border-top: 3px dashed #333333;
    padding-top: 0px;
}

.voucherDateLogo{
    width: 900px;
}

.termsAndConditions{
    border-top: 3px solid #ccc;
    font-size: 10px;
    line-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px;
}

.termsAndConditions h4{
    font-size: 10px;
    line-height: 10px;
}

.parking-printReservations #footer, .muir-existingReservations #footer{
    display: none;
}

.parking-printReservations h2, .muir-existingReservations h2{
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
    width: 100%;

}

.parking-printReservations h3, .muir-existingReservations h3{

    font-size: 18px;
    line-height: 22px;
	text-decoration: underline;
    width: 100%;
    margin-bottom: 0px;
}


.parking-printReservations .logo, .muir-existingReservations .logo{
    margin-bottom: 0px;
    padding-right: 35px;
}

.logoHeader{
    width: 550px;
    float: left;
}

.logoHeaderFull{
    width: 100%;
    float: left;
}

.parking-printReservations .logoHeader, .muir-existingReservations .logoHeader{
	width: 100%;
	float: none;
	margin: 0 auto;
}

.special-printReservations.special .muir-home-image-wrapper.site-image{
    display: none;
}

.special-printReservations.special #page{
    border: 1px solid gray;
    padding: 2%;
    width: 95%;

}

.special-printReservations.special .printDates table td.voucherLotDate{
    width: 440px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 36px;
}

.label-event-na, .btn-event-na{
    background-color: #888;
    background-image: none;
}

.label-event-, .btn-event{
    background-color: #aaa;
    background-image: none;
}

.highlight.dates a.btn-inverse{
    color: #000;
}

.events .reservebox .forms{
    float: left;
    min-width: 0px;
    min-height: 0px;
}

.button-wrapper-reserve.top-button{
    margin-left: 200px;
    margin-bottom: 15px;
    padding: 0px;
}
.upcoming_events.presale thead{
    display: none;
}

.upcoming_events.table{
    margin-bottom: 0px;
}

.upcoming_event_wrapper{
    margin-bottom: 20px;
}

.dates .btn img{
    margin-top: 6px;
}

.home-bottom-wrapper.bottom-info h2{
    font-size: 17px;
    line-height: 17px;
}


.lotInfoMap{
    min-width: 450px;
}

.dates-header .btnz{
    font-weight: bolder;
    color: #000;
}

textarea{
    height: auto;
}

.left-form{
    float: left;
    width: 50%;
}

.right-form{
    float: left;
    width: 50%;
}

td.number_column, th.number_column{
    text-align: right;
}

h2 small {
    font-size: 17px;
    line-height: 18px;
}

h2.reservation_info{
    font-size: 17px;
    line-height: 18px;
}

.tranxtypelot_order{
    width: 75px;
    float: right;
}

.tranxtypelot_label{
    float: left;
}

.tranxtypelot.checkbox{
    width: 200px;
    float: left;
}

.parking-downloadReservations .table-condensed th, .parking-downloadReservations .table-condensed td{
    width: 17%;
}

.parking-downloadReservations .barcode{
    margin-right: 0px;
}

.parking-downloadReservations .row-fluid.margin{
    margin-bottom: 20px;
    margin-top: 10px;
}

.parking-downloadReservations .row-fluid.margin h4{
    font-size: 18px;
}

.parking-downloadReservations .row-fluid.hairline{
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.notice .row-fluid.billing-form{

}

.notice .row-fluid.notice-form{

}

.notice-form-top .control-group{
    width: 220px;
    margin-right:10px;
    float: left;
}

.form-horizontal .notice-form-top .control-label {
    width: 100%;
    float:left;
    text-align: left;
    font-weight: bold;
}

h4.notice{
    font-weight: normal;
}

.noticeOr{
    float: left;
    width: 20px;
    text-align: center;
    margin-top:  30px;
    margin-right:10px;
}
.notice-search{
    width: 30px;
    float: left;
    margin-top: 30px;
}

.form-horizontal .notice-form-top .controls{
    margin-left: 0;
}

#notice-search-results .message{
    color: red;
    font-weight: bold;
}

td.amount{
    color: red;
    font-weight: bold;
}

td.selectToPay{
    text-align: center;
}

.payNowButton{
    width: 100%;
    float: right;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: right;
}

.notice.form{

}

#save_account_info{
    margin: 0 10px 0 5px;
}

#noticeBilling{

}

#noticeBilling.hideBilling{
    display: none;
}
.loading{
    width: 100%;
    margin: 25px auto;
    text-align: center;
}

h4.unPaid{
    margin-top: 20px;
}

.saveAccountInfoBoxes{
    display:none;
}

#selectToPay #yw0_c4{
    text-align: center;
}

#noticeBilling .alert-block{
    margin-right: 40px;
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.alert-success {
    position: fixed !important;
    top: 20%;
    left: 18%;
    width: 30%;
    z-index: 100;
}

.alert.alert-error ul {
    color: red;
    position: relative;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

.purchased_reservations th.checkbox-column{
}

.purchased_reservations td.checkbox-column{
    text-align: center;
}

.purchased_reservations th input.btn-small{
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}

.non-event.purchased_reservations th input.btn-small{
    margin-right: 20px;
}

.btn:hover, .btn:focus{
    background-position: 0;
}

.btn.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
    color: white;
    background-position: 0;
}

#editEventForm.form-horizontal .control-label{
    padding-right: 20px;
}

#shift-report input[type="text"]{
    width: 85px;
}

.btn-update-right{
    margin-right: 20px;
}

.inventory-date{
    width: 100px;
}

.site-enterBillingInfo .logo{
    margin-bottom: 50px;
}

h3.disable_refunds small{
    font-weight: bold;
    color: #000;
}

h3.voucherPDF{
    margin: 0px;
    padding: 0px;
}

h2.no-reservations small{
    font-weight: bold;
    color: #000;
}

h2.no-reservations.center{
    text-align: center;
}

.select-city-buttons.row-fluid{
    display: none;
}

.adminEvent .ui-widget.ui-widget-content{
    z-index: 9999 !important;
}

#editLotForm .selected.connected-list.ui-sortable{
    height: auto !important;
}

#editLotForm .available.connected-list{
      height: 450px !important;
}



.chartjs-render-monitor{
    margin: 0px 0px 100px;
}

#canvasRevenue.chartjs-render-monitor{
    margin-bottom: 10px;
}

#canvasweek{
    margin-left: -30px;
    width: 1030px !important;
}

#editLotForm .available{
    width: auto !important;
}

#editLotForm .ui-multiselect{
    width: auto !important;
    float: left;
}

#editLotForm .ui-multiselect input.search{
    height: 22px;
    padding: 2px;
    opacity: 0.5;
    margin: 5px;
    width: 100px;
}
#lotFormTab {
    height: 80px;
    padding: 0;
    margin-bottom: 40px;
}

#lotFormTab ul {
}

#lotFormTab li {
    width: 13.8%;
    padding: 10px 0;
    height: 100%;
    display: table;
    border: 2px solid #ffffff;
}

#lotFormTab li a {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.tab-content {
    padding: 10px 0;
}

.tab-content .row {
    width: 100%;
}

.tab-content .tab-pane .row .row {
    box-shadow: 0px 2px 8px grey !important;
    padding: 10px;
}

.tab-content input[type="text"],
.tab-content select {
    width: 90% !important;
}

#lotDetail {

}

#lotDetail .lot_hours input {
    width: 48%;
    float: left;
    margin: 2px;
}

#rates {

}

#rates label,
#contact label,
#integrations label {
    float: none;
}

#rates label.checkbox {
    float: right;
}

#rates .rates-options .control-label {
    width: 80%;
}

#prices #lotTimes input {
   /* width: 18%; */
}

#prices .lotTimeControl > .row {
    box-shadow: none !important;
}

#prices .lotTimeContent {
}

#prices .lotTimeContent > .row .row {
    box-shadow: none !important;
}

#tranxtypeLots {
    margin: 0;
}

.back-btn{
    float: right;
    margin-top: 10px;
}

#horizontalForm .pull-right .btn-primary{
    float: right;
}

th.tranx-cell{
    padding-left: 20px;
}

.updatePasswordWrapper{
    display: none;
}

@media (max-width: 767px){
    table{
        font-size: 10px;

    }
    table .table-condensed th{
        font-size: 10px;
    }
    .table-condensed th, .table-condensed td{
        padding: 1px;
    }
}

table tr.even{
    background-color: #f9f9f9;
}

.reconReport.tab-content{
    overflow: visible;
}

.lotName{
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.lotAddress{
    font-size: 12px;
    color: #000;
}

.lotnames{
    width: auto;
}

.lotnames-wrapper{
    width: auto;
}

.lotnames:before{
    display: none;
}

.rateClick{

}

body.events .rateClick{
    padding-right: 23px;
    float: right;
    width: 100%;
}

#shift-report_c3{
    font-size: 10px;
}

.page .not_your_location{
    top: 0px;
}

.navbar .btn-navbar .icon-bar {
    background-color: #FFF;
}

#page .hero-unit{
    padding: 0px;
    background-color: transparent;
    position: relative;
    z-index: 99;
}

.hero-unit h1{
    color: #00529b;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    font-weight: normal;
    z-index: 99;
    position: relative;
}

.logo-home{
    position: relative;
    z-index: 99;
}


.logo-home img{
    max-width: 200px;
}

#mapBackground{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 55px;
    left: 0px;
    z-index: -1;
}

.hero-wrapper{
    position: relative;
}

#select_city{
    float: left;
    width: 32%;
    border: 1px solid #999;
    border-radius: 0px;
    border-left: 0px;
    padding: 4px 0px;
}

.events #select_city{
    border-left: 1px solid #999;
    border-radius: 5px 0px 0px 5px;
    margin-left: 200px;
}

#enter_address{
    float: left;
    height: 41px;
    padding: 4px 4px;
    border-radius: 4px;
    border-bottom: 1px solid #999;
    border-right: 1px;
    border-style: solid;
    border-color: #999;
    width: 440px;
}

.events #enter_address{
    height: 20px;
}

.site-reserve #find-parking{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#find-parking{
    background-color: #00529b;
    border-radius: 5px;
    float: left;
    width: 20%;
    height: 51px;
    margin-top: 25px;
    color: white;
    border: none;
    font-size: 18px;
}

#search-area{
    margin: 0 auto;
    max-width: 700px;
}

.parkingForm #horizontalForm input[type='text']{
    width: 30%;
    text-align: center;
    font-size: 16px;

}

#map{
    height: 500px;
    width: 45%;
    float: left;
}

.lotResults{
    margin-top: 5px;
}

.lotResult{
    float: left;
    width: 100%;
    border-top: 1px solid #999;
    padding: 5px 0px;
}

.resultAddress{
    font-weight: bold;
}

.lotResultName{
    font-size: 18px;
    font-weight: normal;
}

.lotResultAddress{
    font-size: 12px;
    color: #5e83b0;
}


.lotPage .lotResultRight{
    float: right;
    width: 40%;
    text-align: right;
}

.lotResultLeft{
    float: left;
    width: 36%;
}

.results .lotResultLeft{
}

.lotResultMiddle{
    width: 30%;
    float: left;
}

.daily_only .lotResultMiddle .lotResultRateDate{
    padding-top: 20px;
}

.lotResultMiddle .lotResultRateDate{
    font-size: 18px;
    width: 100%;
    text-align: center;
}


.lotReserve .lotResultRight{
    width: 27%;
}
.lotReserveCloseWrapper{
}
.lotReserveClose{
    display: none;
    position: absolute;
    font-size: 24px;
    border: 1px solid lightgray;
    padding: 4px;
    top: 0px;
    right: 0px;
}

.lotResultRate{
    font-size: 16px;
    color: #008d0d;
}

.lotResultRateLabel{
    font-size: 10px;
    float: left;
    width: 100%;
    color: #5e83b0;
}

.lotView table td {
    word-break: break-word;
}

.resultDistance{
    color: #999;
}

.parkingDates label{
    display: inline;
    font-size: 18px;

}
.parkingDates label#endDateLabel{
    margin-left: 8%;
}

.parkingDates input{
    width: 40%;
}

.parkingForm #horizontalForm{
    margin: 0px;
}

.lotResultRateArea{
    float: left;
    width: 100%;
}

.lotResultRateDate{
    float: left;
    width: 65%;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    padding-right: 5%;
}

.lotResultRateDate.lotResultRateEventName{
    width: 100%;
    font-style: italic;
}

.lotResultRateEventTimes{
    font-style: italic;
}

.event-grid tr{
    z-index: 999;
}

.lotResultRate{
    float: right;
    width: 30%;
    font-size: 12px;
    line-height: 14px;
}

.error{
    color: red;
    font-weight: bold;
}

.error.large{
    font-size: 20px;
    line-height: 24px;
}

.eventLink{
    position: relative;
    z-index: 99;
    text-align: center;
}



.hero-wrapper.events-home .parkingDates{
    display: none;
}

.events .results .parkingDates{
    display: none;
}

.lotResultTop{
    float: left;
    width: 100%;
}

.lotResultBottom{
    float: left;
    width: 100%;
}


.btn-remove{
    font-size: 12px;
    background-color: #ff4500;
    background-image: linear-gradient(to bottom, #ff4500, #ff0000);
    padding: 2px;
    color: #fff;
}

.btn-remove:hover{
    background-color: #ff0000;
}

.eventResultDate{
    color: #000;
    padding-top: 10px;
    font-size: 18px;
}

.lotResultFarLeft{
    float: left;
    width: 5%;
}

.multi_purchase .lotResultFarLeft{
    width: 8%;
    min-height: 2px;
}

.multi_purchase .lotResultLeft{
    width: 28%;
}

.multi_purchase .lotResultFarLeft select{
    width: 40px;
    padding: 0px;
}

.lotWrapper{
    float: left;
    width: 100%;
}

.lotResultInfo{
    width: 100%;
    float: left;
}

.lotReserveClick{
    width:100%;
    float: left;
}

.lotResultFarLeft input[type="checkbox"] {
    margin-top: 5px;
    margin-left: 5px;
    transform: scale(1.5, 1.5);
}

.lotTitle{
    float: left;
    width: 100%;
    margin-top: 2px;
}

.home-bottom-wrapper.bottom-info{
    position: relative;
}

.lotResultRateArea .soldOut{
    color: red;
    font-weight: bold;
}

.lotResultFarLeft .disabled_checkbox{

}

.lotEvent{
    color: #00529b;
    width: 100%;
}

.selectAllWrapper{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
}

.selectAllWrapper input[type="checkbox"]{
    transform: scale(1.5, 1.5);
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

h4.guest-info{
    width: 60%;
    margin:0 auto;

}

.payNowButton a{
    position: relative;
    z-index: 9999;
}

.hide{
    display: none;
}

.account-info{
    max-width: 400px;
    margin-bottom: 20px;
}

.info-image img{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.left{
    float: left;
}

.right{
    float: right;
}

/*---Client download styles---*/
body.client.client-downloadClientReservations .navbar, body.client.client-downloadClientReservations #footer{
    display: none;
}

body.client.client-downloadClientReservations #page{
    padding-top: 0px;
}

body.client.client-downloadClientReservations .barcodePrint{

}

body.client.client-downloadClientReservations .span9 {
    width: 100%;
}

body.client.client-downloadClientReservations .page{
    page-break-before: always;
    page-break-always: always;
    margin-top: .25in;
    margin-left: .25in;
}

body.client.client-downloadClientReservations .barcodeHeader {
    margin-bottom: .3in;
}

body.client.client-downloadClientReservations .barcodeInfo
{
    text-align: center;
    margin-top: .1in;
}

body.client.client-downloadClientReservations .row{
    width: 100%;
}

body.client.client-downloadClientReservations .column{
    height: 2in;
    width: 3.5in;
    float: left;
    border: 3px dashed #000000;
    padding: 0px .1in;
}

body.client.client-downloadClientReservations .column2.column{
    border-left: 0px;
}

body.client.client-downloadClientReservations .barcodeHeaderDiv.time, body.client.client-downloadClientReservations .barcodeHeaderDiv.date{
   /* border-bottom: 1px solid #000;*/
    width: 35%;
}

body.client.client-downloadClientReservations .barcodeHeaderDiv{
    float: left;
}

body.client.client-downloadClientReservations .barcodeHeaderDiv.type{
    width: 15%;
}

body.client.client-downloadClientReservations .barcodeHeaderDiv.reservation_id{
    float: right;
    width: 15%;
}


body.client.client-downloadClientReservations .barcodeDisplay img{
    width: 90%;
    margin: 0 5%;
}

.mid-wrapper.login{
    margin-bottom: 40px;
}

.voucherBarcode{
    max-width: 300px;
    padding-top: 3px;
}

.spaceVoucher h2, h3, h4{
    margin: 5px 0px;
    padding: 0px;
}

.spaceVoucher h2{
    line-height: 32px;
}



#cookieGuardMsg{
    bottom: 0px !important;
    top: auto !important;
    position: fixed !important;
}

.ui-accordion .ui-accordion-header{
    padding: .5em 0.5em .5em 1.7em;
}

.ui-accordion .ui-accordion-content {
    padding: 0px;
    height: auto !important;
}


#mainLeft{
    width: 100%;
    float: left;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

#mainLeft .innerMain{
    width: 750px;
    margin: 0 auto;
}

#sideRight{
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align: center;
    background: transparent;
    margin-top: 80px;
}

.checkout#sideRightSub{
    margin-top: 20px;
}

.account{
    border: 1px solid lightgrey;
    padding: 25px;
    margin-bottom: 25px;
}

.checkout-element{
    width: 100%;
}

.checkout-separate{
    width: 100%;
    display: flex;
    margin: 25px 0px;
}

.checkout-separate .border{
    border-top: 1px solid gray;
    width: 35%;
}

.checkout-separate .middle{
    width: 25px;
    margin-top: -10px;
    font-size: 24px;
    padding: 0 5%;
}



#mainLeftSub{
    width: 1125px;
    margin: 50px auto 0 auto;
    max-width: 100%;
}

.site-login #mainLeftSub{
    width: 600px;
}

.summary h4{
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    text-align: left;
    padding-left: 0px;
}

.summary-row.bottom{
    padding-top: 20px;
    border-top: 1px solid black;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    padding-right: 10px;
}

.summary-res-name{
    font-weight: bold;
}

.summary-res{
    border-bottom: 1px solid black;
    font-size: 12px;
    line-height: 12px;
    float: left;
    width: 100%;
}

#mainLeftSub .innerMainSub{
    width: 750px;
    margin: 0 auto;
    float: left;
    padding-right: 25px;
    max-width: 100%;
}

#sideRightSub{
    width: 300px;
    float: left;
    margin-top: 218px;
    text-align: center;
    background: #eee;
    padding: 10px 25px;
}

.summary-row{
    float: left;
    width: 100%;
    padding: 5px 0px;
}

.summary-left{
    float: left;
    text-align: left;
}

.summary-right{
    float: right;
}

#sideRight h1{
    margin-bottom: 40px;
}

#sideRight h1 a{
    color: #00529b;
    font-size: 32px;
}

.innerMainSub .table-condensed td {
    padding: 12px 4px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}



.span3 #accordion{
    margin-right: 20px;
}

.span3 #accordion li a{
    border: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    padding-right: 12px;
    padding-left: 12px;
    display: block;
}

li.menu-li a{
    border: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    padding-right: 12px;
    padding-left: 12px;
}
.admin .sidebar[data-color="purple"] li.active>a {
    background-color: #00529b;
    background-image: linear-gradient(to bottom, #0087CC, #00529b);
}

.admin .sidebar .nav .nav-item.active > .nav-link{
    background-color: #00529b;
    background-image: linear-gradient(to bottom, #0087CC, #00529b);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #00529b;
}

.admin .sidebar .nav .nav-item.active > .nav-link.has-children{
    background-color: rgba(200, 200, 200, 0.2);
    background-image: none;
    box-shadow: none;
}

.admin .card .table tr:first-child td{
    border-top: 1px solid #dddddd;
}

.admin .card .table tfoot td{
    font-weight: bold;
}

.admin .card-body select{
    width: 206px;
    max-height: 400px;
    padding-top: 0px !important;
    padding: 0px !important;
}

.admin .card-body select#Report_lot_value{
    min-height: 200px;
}

.dashboard-area .card-body{
    max-height: 520px;
    overflow-y: auto;
}

.dashboard-area .summary{
    text-align: left;
}

.admin .left-form{
    max-width: 450px;
}

.admin .right-form{
}

.admin #Event_eventLots{
    max-height: 430px;
}

.admin .navbar-absolute.fixed-top .container-fluid{
    display: block;
    padding: 0px;
}

.admin .text-left .table-condensed > tbody > tr > td, .admin .text-left .table-condensed > thead > tr > th{
    text-align: left;
}

.report-table tr td a{
    color: #006DCC;
}

.admin .table.no-margin{
    margin: 0px;
}

.admin .table.no-margin input{
    margin-bottom: 0px;
}

table .btn.btn-small{
    padding: 5px 10px;
    margin: 5px;
}


.btn-group .caret{
    display: none;
}

.search-area{
    display: flex;
}

.search-area .btn.btn-primary{
    margin: 0px;
    padding: 0px 30px;
    height: 30px;
}

.search-area .search-input{
    margin: 0 10px;
}

.form-horizontal .search-area .control-label{
    padding-top: 8px;
    width: auto;
}

.form-horizontal .control-label{
    line-height: 16px;
}

.card-header.card-header-tabs.card-header-site{
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0087CC, #00529b);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 5px 5px -5px #00529b;
}

.card-title.border{
    margin: 5px 20px;
    border: none !important;;
    border-bottom: 1px solid #333 !important;
}

.dashboard-area{
    margin-top: -60px;
}

.tranx_header{
    width: 206px;
    float: left;
}

#minimizeSidebar{
    margin-top: -15px;
    margin-left: -10px;
    margin-right: 5px;
}

.col-md-12.pull-left .btn.btn-primary.btn.btn-small{
    margin-top: 15px;
    margin-bottom: 15px;
}

.grid-view{
    overflow-x: auto;
    float: left;
    width: 100%;
}

.view-cart-table .grid-view{
    overflow-x: visible;
}

.admin .table-condensed>tbody>tr>td, .admin .table-condensed>tbody>tr>th, .admin .table-condensed>tfoot>tr>td, .admin .table-condensed>tfoot>tr>th, .admin .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
    padding: 1px 5px;
    white-space: nowrap;
    text-align: left;
    padding-right: 0px;
    font-size: 14px;
    cursor: auto;
}

.admin .nowrap .table-condensed>tbody>tr>td, .admin .nowrap .table-condensed>tbody>tr>th, .admin .table-condensed.nowrap>tfoot>tr>td, .admin .nowrap .table-condensed>tfoot>tr>th, .admin .nowrap .table-condensed>thead>tr>td, .nowrap .table-condensed>thead>tr>th {
    white-space: normal;
}
.admin .table-condensed>tbody>tr>td, .admin .table-condensed>tbody>tr>th, .admin .table-condensed>tfoot>tr>td, .admin .table-condensed>tfoot>tr>th, .admin .table-condensed>thead>tr>td, .admin .table-condensed>thead>tr>th {
   text-align: left;
    padding-right: 15px;
    cursor: auto;
}

.admin p.note{
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 30px;
}

.admin .userInfo{
    padding: 15px;
    float: left;
    border-top: 1px solid #eee;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 25px;
}

.admin .richText .richText-editor{
    height: 160px;
}

.time_label{
    float: left;
    width: 220px;
}

table.dialog-table{
    font-size: 12px;
    width: 100%;
    margin-bottom: 15px;
}

table.dialog-table tbody tr{
    border-top: 1px solid #DDD;
}

table.dialog-table thead th{
    text-align: left;
}


/*---Beginning of responsive styles---*/
/* Large desktop */
@media (min-width: 979px) {


    /*--Cookies--*/
    #cookieButtons{
        margin-top:-25px;
    }

    .desktop-hide{
        display: none;
    }
    .header-logo{
        width: 120px;
        float: left;

    }
    #findParking{
        width: 55%;
        float: left;
    }
    .hero-wrapper{
        padding-bottom: 100px;
    }
    .hero-unit h1 {
        font-size: 38px;
    }
    .logo-home {
        padding-top: 50px;
    }
    #page {
        padding-top: 55px;
    }

    .container, .navbar-inner .container {
       /* width: 1050px;*/
    }

}






/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 1200px) {


    .tablet-hide{
        display: none;
    }

    .hero-wrapper{
        padding-bottom: 50px;
    }

    .hero-unit h1 {
        font-size: 38px;
    }
    #page {
        padding-top: 75px;
    }
    .form {
        padding-top: 0px;
    }

    .home-bottom-wrapper [class*="span"] {
        margin-left: 15px;
    }
    .row-fluid .span4 {
        width: 32%;
    }
}


@media (max-width: 979px) {
    /* add menu styles here!!  */

    .processOrderForm.well{
        padding: 0px 6px;
    }
    .btn.btn-small.dropdown-toggle{
        padding: 0px;
    }
    .mobile-hide{
        display: none;
    }
    .desktop-hide{
        display: block;
    }

    .header-logo{
        display: block;
        width: 70px;
        float: left;
        margin-top: 10px;
        margin-left: 10px;
    }

    .hero-wrapper{
        padding-bottom: 30px;
    }

    #search-area .parking-search{
        width: 75%;
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }

    #search-area #enter_address{
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 10px;
    }

    #search-area #select_city{
        border-radius: 8px;
        border-left: 1px solid #999;
    }

    #search-area #find-parking{
        width: 40%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h3 small{
        font-size: 10px;
    }


    #startTimeLabel{
        display: none;
    }
    .parkingDates{
        text-align: center;
        width: 75%;
        margin: 0 auto;
    }

    .parkingForm #horizontalForm input[type='text']{
        width: 100%;
    }

    .parkingForm #horizontalForm input[type='text']{
        display: block;
        margin-bottom: 0px;
    }

    .parkingDates label#endDateLabel{
        margin-left: 0px;
    }

    #lotResults{
        padding: 0px 5px;
    }
    #mapPop div#tabs-4, #mapPop div#tabs-2{
        font-size: 8px;
        line-height: 10px;
    }

}





.site-createAccount #page{
    width: 100%;
    padding: 0px 25px;
    margin: 0;
    margin-bottom: 50px;
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .logo-home{
        float:left;
        padding: 50px 25px 0 50px;
    }
    .hero-unit {
        padding: 35px;
    }

    .home-bottom-wrapper [class*="span"] {
        margin-left: 10px;
    }

    .navbar-fixed-top {
        margin-bottom: 0px;
    }
    .form {
        padding-top: 0px;
    }
    .navbar .nav {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }
    .reserve-spacer{
        height: 0px;
    }
    .grid-view {
        font-size: 16px;
        padding-top: 20px;
    }
    .hero-unit h1 {
        font-size: 36px;
        letter-spacing: -1px;
        line-height: 1;
        margin-bottom: 0;
    }
    .row-fluid .span4 {
        width: 32.3%;
    }

    h2 small {
        font-size: 15.5px;
    }
}







/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .desktop-tabs {
        display: none !important;
    }

    .mobile-tabs {
        display: block !important;
    }

    .tab-content h4 {
        margin-top: 40px;
    }
    .lotResult select {
    }

    .submitArea #submitBtn{
        float: none;
    }

    .lotView tr th,
    .lotView tr td {
        width: 50%;
    }

    .well{
        padding: 0px 6px 0px 2px;
    }

    .lead {
        margin-bottom: 0px;
        font-size: 19px;
        font-weight: 200;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .reserve-voucherhistory{
        display: none;
    }

    .grid-view{
        padding-top:0px;
    }

    .row-fluid [class*="span"] {
        min-height: 0px;
    }

    .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
        display: inline-block;
        width: 206px;
    }

    .navbar-fixed-top {
        margin-bottom: 0px;
    }

    .form {
        padding-top: 0px;
    }
    .reserve-spacer{
        height: 0px;
    }

    .logo-home{
        padding: 35px 25px 0 50px;
    }

    .hero-unit {
        padding: 15px;
        margin-bottom: 10px;

    }
    .hero-unit h1 {
        color: inherit;
        font-size: 36px;
        letter-spacing: -1px;
        line-height: 1;
        margin-bottom: 0;
    }
    .home-bottom-wrapper [class*="span"] {
        margin-left: 0px;
    }
    .logo-home{
        min-height: 140px;
    }

    .form-horizontal .span10{
        padding-top:15px;
        padding-left:45px;
    }
    .logo{
        padding-right:28px;
    }
    .row-fluid .span4 {
        width: auto;
        margin:10px 0 0 0;
    }

    .form-horizontal .form-actions.center-text{
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
    }
    .voucher-directions-font{
        font-size: 11px;
        line-height: 14px;
        max-height: 250px;
        overflow-y: scroll;
    }

}



.reserve.lotPage .parkingForm #horizontalForm input[type='text']{
    width: 28%;
}
.reserve.lotPage #find-parking{
    float: right;
}
.reserve .parkingDates{
    float: left;

}



.auth-services .auth-service .auth-link{
    width: auto;
}

.admin .auth-services{
    margin: auto;
    width: 100px;
}

.auth-service{
    display: none;
}

.user-elogin .auth-service{
    display: block;
}

.user-elogin .auth-service .auth-title{
}

.auth-service.google_oauth{
    display: block;
}

.admin .admin-login .gsuite .auth-service .auth-link .auth-title {
    float: left;
    color: #666;
    font-size: 16px;
    margin-left: 20px;
}

.multi-date .lotSelection{
    display: none;
}

.multi-date .lotMoreInfo.inner{
    display: none;
}

.single-date .lotMoreInfo.inner{
    float: right;
    padding-right: 0px;
    padding-top: 17px;
}

.lotResult{
    cursor: pointer;
}

.single-date .selectAllWrapper{
    display: none;
}
.single-date.lotResult{
    border: none;
}


.single-date .lotResultInfo{
    display: none;
}

.single-date .lotResultMiddle .lotResultRateDate{
    text-align: right;
    line-height: 20px;
}

.single-date .lotResultRateArea {
    width: 95%;
    padding-left: 5%;
}

.multi-date .lotResultMiddleRight{
    display: none;
}

.single-date .lotResultMiddleRight{
    width: 15%;
    float: left;
    font-size: 18px;
}

.form-actions.no-margin{
    margin-bottom: 10px;
}

.single-date .lotResultLeft{
    width: 30%;
}


.single-date .lotResultMiddle{
    width: 30%;
}

.single-date .lotReserve .lotResultRight{
    /*width: 20%;*/
}


.acepass{
    float: left;
}

.acepass .control-group{
    margin-bottom: 25px;
}

.requestLogin{
    margin-top: 20px;
    float: left;
}

.admin .gsuite{
    margin-top: 20px;
    float: left;
    text-align: center;
}

.admin.client .gsuite{
    margin-top: 0px;
}

.admin-elogin .gsuite h4{
    font-weight: normal;
    font-size: 14px;
}

 .gsuite .auth-icon{
    background: url(../images/new-google-favicon-128.png) no-repeat;
    background-size: cover;
}

.gsuite .auth-icon.facebook{
    background: url("../images/muir/fb_login.png") no-repeat;
    background-size: cover;
    float: left;
}

.gsuite .auth-service .auth-link .auth-title{
    float: left;
    color: #666;
    font-size: 16px;
    margin-left: 20px;
}

.gsuite .auth-service.google_oauth .auth-link .auth-icon{
    float: left;
}

.admin .gsuite .auth-services .auth-service.google_oauth .auth-link{
    width: 220px;
}

.admin .auth-icon{
    display: inline-block;
}

.admin .gsuite .auth-services{
    width: 270px;
    margin-left: 50px;
}

.gsuite .auth-service{
    padding: 3px 7px;
    border-style: outset;
    width: 250px;
}

.facebook.auth-service {
    padding: 3px 7px;
    border-style: outset;
    display: none;
}

.client-elogin .facebook.auth-service{
    /*display: none;*/
}

.client-elogin .gsuite .auth-services .auth-service .auth-link{

}

.client-elogin .gsuite .auth-services .auth-service.google_oauth .auth-link{
    width: auto;
}

.termsAndConditions p{
    margin: 0 0 2px;
}


.termsAndConditions{
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.tranx-cell{
    display: none;
}

.subtranx-cell{
    display: none;
}

.languages{
    text-align: right;
}

.languages ul.inline > li{
    padding-left: 15px;
}

#tranxtypeLots .ui-state-default{
    background-color: transparent;
    margin-bottom: 5px;
    max-width: 300px;
    list-style-type: none;
    /* margin-left: 155px; */

}

.ui-helper-hidden-accessible{
    display: none;
}

#tranxtypeLots .cross-img img{
    height: 40px;
    width: auto;
    cursor: pointer;
}

#tranxtypeLots .ui-state-default input{
    margin: 3px 0px;
    width: 75% !important;
}

#tranxtypeLots .close{
    padding-top: 5px;
 }

.existing_emails{
    padding-top: 5px;
    margin-left: 180px;
}

.existing_emails .close{
    float: left;
}

.lotResultFarLeft{
    min-height: 2px;
}
#editAccount{
    width: 100%; float: left; margin-top: 50px;
}

#editAccount .alert-block{
    float: left;
    clear: both;
    width: 80%;
}

@media (max-width: 480px) {

    .btnSpaceLeft{
        margin-left: 0px;
    }
    #editAccount{
        width: auto; float: left; margin-top: 20px;
        padding: 0px 10px;
    }
    #mainLeftSub{
        width: auto;
        float: left;
        margin-top: 20px;
        padding: 0px 10px;
    }
    h1.mobileSmall{
        font-size: 24px;
    }
    h2.mobileSmall{
        font-size: 18px;
    }
    #USAForm input{

        display: block;
    }
    #signInBtn{
        margin-bottom: 10px;

    }
    .summary-res{
        width: 100%;
    }
    #mainLeftSub .innerMainSub{
        padding: 10px;
        width: auto;
        margin-bottom: 75px;
        margin-top: 60px;
    }
    .checkout#sideRightSub{
        width: 100%;
        padding: 0px;
        margin-top: 0px;
    }
    .mobileLeft{
        width: 90%;
        float: left;
    }
    .mobileRight{
        width: 10%;
        float: right;
    }
    .mobileCheckout{
        width: auto;
        margin: 10px auto;
        text-align: center;
    }
    .mobileCheckout input[type="submit"].btn.btn-small {
        margin-top: 10px;
        padding: 10px;
        margin-right: 25px;
        color: #fff;
        background-color: #0c7cd5 !important;
        border-color: #0c7cd5 !important;
        background-image: linear-gradient(to bottom, #0087CC, #00529b);
    }
    .mobileCheckout input[type="submit"].btn.btn-small {

    }
    .mobileLot{
        width: 100%;
    }
    .mobileName{
        font-size: 18px;
        width: 100%;
        font-weight: bold;
    }
    .mobileAddress{
        font-size: 14px;
    }
    .mobileDateWrapper{
        width: 50%;
        float: left;
    }
    .mobileDateWrapper .date{
        font-weight: bold;
        font-size: 18px;
    }
    .mobilePriceInfo{
        width: 100%;
        margin-top: 10px;
        float: left;
    }

    .mobileBottom{
        width: auto;
        padding: 0px 10px;
    }
    .mobileCartBottom{
        width: auto;
        padding: 0px 10px;
        margin-bottom: 50px;
    }
    label{
        line-height: 14px;
    }
    .mobileCart{
        border-top: 1px solid black;
        float: left;
        width: 100%;
        padding: 10px 0px;
    }
    .mobileRate{
        float: left;
        width: 33%;
    }


    .summary .ui-accordion .ui-accordion-header {
        padding: 0px;
    }
    .desktop-hide .summary{
        padding: 10px;
        background-color: #eee;
        width: auto;
    }
    .desktop-hide .summary-row.bottom{
        padding: 0px;
        margin-bottom: 0px;
    }
    .lotResultFarLeft{
        min-height: 0px;
    }
    .lotResultRateArea select{
        width: 100%;
    }

    .admin .table-condensed>tbody>tr>td, .admin .table-condensed>tbody>tr>th, .admin .table-condensed>tfoot>tr>td, .admin .table-condensed>tfoot>tr>th, .admin .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
        font-size: 12px;
    }
    .admin .table-condensed>thead>tr>th{
        padding-right: 5px;
        font-size: 12px;
        font-weight: bold;
        white-space: normal;
    }
    .admin  .table>tbody>tr>td, .table>tfoot>tr>td{
        word-break: break-word;
    }
    .admin .breadcrumb{
        margin-bottom: 0px;
        padding: 0.75rem 1rem 0rem 1rem;
    }

    .admin .nav-tabs .nav-item .nav-link{
        padding: 0px;
    }

    .admin .navbar.navbar-absolute{
        position: relative;
        padding-top: 0px;
    }

    .admin h2, h1 {
        padding-top: 0px;
        line-height: 1.2;
    }

    .admin .input-prepend .add-on {
        height: 30px;
    }

    .admin .col-md-12{
        padding: 0px;
    }

    .admin .main-panel>.content {
        margin-top: 0px;
        padding: 0px;
    }

    .navbar-toggler:not(:disabled):not(.disabled){
        margin-top: 0px;
    }

    .admin-login .controls{
        margin-left: 0px;
    }

    .admin .logo{
        display: none;
    }

    .perfect-scrollbar-on .admin .main-panel{
        height: auto;
        max-height: none;
        display: block;
    }
    .admin .footer{
        width: 100%;
        display: block;
    }

    .admin .card-body select {
        width: 100%;
    }

    .admin .card-body input{
        width: 100%;
    }

    .admin .card-body .amenities label {
        width: 100%;
    }

    .admin .card-body .amenities input {
        width: auto;
    }

    .site .ui-widget.ui-widget-content{
        z-index: 9999 !important;
        position: fixed !important;
        top: 50px !important;
        left: 20px !important;
    }

    .search-area{
        display: block;
        margin-bottom: 15px;
    }

    .pull-right.center-mobile{
        float: none;
        text-align: center;
    }
    .lotResultFarLeft input[type="checkbox"]
    {
        margin-top: 2px;
    }
    .lotResultFarLeft, .multi_purchase .lotResultFarLeft{
        float: left;
        width: 12%;

    }
    .lotReserve .lotResultLeft{
        display: none;
    }

    .single-date .lotReserve .lotResultLeft{
        display: block;
        margin-bottom: 10px;
    }

    .lotPage .lotResultRight {
        width: 50%;
    }

    .lotReserve .lotResultMiddle{
        width: 50%;
        float: right;
    }

    .multi-date .lotResultMiddle{
        float: left;
        width: 40%;
    }

    .lotPage{

    }
    #map{
        width: 100%;
        margin-left: 0%;
    }
    .call-to{
        padding-right:0px;
    }

    .hero-unit {
        padding: 30px;
        margin-bottom: 10px;
        padding-top:0px;
    }
    .blockdata{
        background-color: #EEEEEE;
        border: 0px solid #FFF;
        border-radius: 4px;
        box-shadow: 0;
        height: 160px;
        padding: 10px;
        margin-left:0px;!important;

    }
    .hero-unit h1 {

        font-size: 23px;
        letter-spacing: -1px;
        line-height: 1;
        padding: 0 11%;
    }



    .well{
        padding: 0px;
    }




    .row-fluid [class*="span"] {
        min-height: 0px;
    }
    .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
        display: inline-block;
        width: 206px;
    }
    .reserve-spacer{
        min-height: 0px;
    }
    .navbar-fixed-top {
        margin-bottom: 0px;
    }
    .form {
        padding-top: 0px;
    }
    .reserve-spacer{
        height: 0px;
    }
    .logo-home{
        min-height: 120px;
        padding: 0px 0px 10px 40px;
        min-width: 100px;
    }
    .logo{
        padding-left:15px;
        padding-right:20px;
        max-width: 60px;
        margin-top:10px;
        display: none;
    }
    .form  .span10{
        padding: 15px 10px 0 30px;
    }
    .form-horizontal .control-group {
        margin-bottom: 4px;
    }
    .form .form-horizontal .control-group .span10{
        padding: 15px 10px 0 30px;
    }

    h1 {
        padding:0px;
    }
    h3 {
        line-height:22px;
    }
    h4 {
        padding-left:25px;
    }
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-fixed-top{
        margin: 0px;
        position: absolute;
    }
    .browse-parking{
        padding-left: 0;
        padding-right: 0;
    }
    .browse-parking a{
        font-size: 20px !important;
    }
    .reserve_msg{
        width: 100%;
    }
    .bottom-info{
        display: none;
        padding: 0 5%;
    }
    .bottomreserve{
        padding:0 20px 0 20px;
    }
    .form-actions {
        background-color: #FFFFFF;
        margin: 10px 0;
        padding: 10px 20px 0 20px;

    }
    .form-horizontal .form-actions {
        padding-left: 30px;
        padding-right: 30px;
    }
    .control-label,
    .form-horizontal .controls {
        margin-left: 0px;
    }
    .text-center{
        padding: 10px 20px 50px 20px;
    }
    .bill-info{
        padding-left:25px;
    }
    .ledger{
        font-size: 20%;
        scale:.2
    }
    .reservation_header{

    }
    .button-wrapper-reserve{
        float: left;
    }

    .span4.blockdata{
        background-color: #ccc;
        border-radius: 10px;
        font-size: 12px;
    }

    .span4.blockdata.step{

    }

    .span4.blockdata.stepimg{

    }
    #mapBackground{
        top: 55px;
    }
    .single-date .lotResultMiddle .lotResultRateDate{
        padding-top: 0px;
    }

    .single-date .lotResultMiddleRight{
        display: none;
    }
    .single-date .lotReserve .lotResultRight{
        width: 40%;
        float: right;
    }

    .single-date input[type="time"].timepicker{
        width: 93%;
    }

    .siteResults .parkingForm #horizontalForm{

    }

    .siteReserve #search-area #find-parking.parking-search.change_dates{
        margin-top: 10px;
    }

    #content{
        margin-top: 50px;
        padding: 0px 10px;
    }

    .reserveTitle{
        margin-top: 15px;
        float: left;
        margin-left: 10px;
    }

}

#lotDetail .lot_hours input::-webkit-calendar-picker-indicator {    
        display: none;
}

@media (min-width: 768px){

    #lotDetail .lot_hours input {
        width: 100%;
        margin: 2px 0;
    }

}

@media (min-width: 1300px){

    #lotDetail .lot_hours input {
        width: 48%;
        margin: 2px 0;
        margin-left: 1%;
        margin-right: 1%;
    }

}

#User_access_idError, #UserBillingZipError{
    display: none;
}

.help-inline.control-label.error{
    margin-right: 100%;
}

#applePay {
    width: 150px;
    height: 50px;
    display: none;
    border-radius: 5px;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 20px;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-position: 50% 50%;
    background-color: black;
    background-size: 60%;
    background-repeat: no-repeat;
}

.applePayHidden{
    display: none;
}


/*=====================================
=            Page: Contact            =
=====================================*/

.site-contact div.container#page div#mainLeftSub {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

div.container#page div#mainLeftSub div.form.contact-us {
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin: auto;
    margin-bottom: 100px;
}

div.container#page div#mainLeftSub div.form.contact-us form.form-horizontal p.note {
    margin-bottom: 20px;
    display: block;
}

div.container#page div#mainLeftSub div.form.contact-us form.form-horizontal div.control-group label.control-label {
    width: inherit;
    float: none;
    width: 100%;
    text-align: left;
}

div.container#page div#mainLeftSub div.form.contact-us form.form-horizontal div.control-group div.controls {
    margin: 0;
    width: 100%;
}

div.container#page div#mainLeftSub div.form.contact-us form.form-horizontal div.control-group div.controls input[type="text"],
div.container#page div#mainLeftSub div.form.contact-us form.form-horizontal div.control-group div.controls textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    height: inherit;
    padding: 10px 15px;
    text-align: left;
}

div.container#page div#mainLeftSub div.form.contact-us form.form-horizontal button.btn-primary {
    width: 100%;
    padding: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.legend-left{
    float: left;
    width: 65%;
    text-align: left;
    font-size: 12px;
}

.legend-right{
    float: right;
    width: 35%;
    text-align: right;
    font-size: 12px;

}

.legend-icon{
    width:15px;
    height: 10px;
    display: inline-block;
}

.ttp_receipt_wrapper{
    display:none;
}

/*=====  End of Page: Contact  ======*/