p, body, td { font-family: Tahoma, Arial, Sans-Serif; font-size: 10pt; }
body { padding: 0px; margin: 0px; background-color: #ffffff; }
a { color: #1155a3; }

/* COMMON */
.hidden { display: none; }
.padded { padding: 10px; }
.space { margin: 10px 0px 10px 0px; }

/* form */
#f input[type="text"] { width: 270px; }

/* COLUMNS */
#container { width:100% }
#left { float:left; width: 180px; margin-left: 2px; }
#content { margin-left: 200px;}
#content > div { width:99% }

/* LAYOUT */
#header { background: #001328 url('layout/header.png') 0 0 repeat-x; padding-left: 10px;}
#header .bg-help { background: url('layout/header-in.png') 50% 0 no-repeat; padding:1px 0; width:100%; min-height:80px;}
#main { padding: 0px 5px 0px 5px; xbackground: url('layout/shadow.png') repeat-x;  }
#download { padding: 10px 0px 0px 20px; color: #666666; background: url('layout/main.png') 0 0 repeat-x; }
	
/* LOGO & CLAIM */
#logo { font-size:200%; color:#fff; margin:10px 0 0; font-weight:bold; line-height:1.3;}
#logo a { color:#fff; text-decoration:none; }
#claim { color:#fff; margin:0;}
#claim a { color: #fff; }

/* toolbar */

.shadow { background: url('layout/main.png') 0 0 repeat-x; height: 5px; }

.toolbar {margin-top: -10px; margin-bottom: 10px; }
.toolbar ul { list-style:none; margin: 0px; padding: 0px; width: auto; }
.toolbar ul li {  }
.toolbar ul li a { padding: 5px; text-decoration: none; color: #000;}
.toolbar ul li a:hover { background-color: #666; color: #fff; }
.toolbar .selected { background-color: #333; color: #fff; }

.main { padding: 5px; }

/* MENU */
.menu a { font-weight: normal; display: block; text-align: left; text-decoration: none; font-size: 10pt; color: #333333; padding: 1px 0px 1px 2px; border: 1px solid #fff; }
.menu .selected { padding: 0px 0px 0px 10px; background: url('layout/li.png') 2px 50% no-repeat; }
.menu a:hover  { border: 1px solid #aaaaaa; background-color: #eeeeee; }
.menu .header { font-weight: bold; padding: 1px 0px 1px 2px; }

#container { padding-top: 20px; }

/* inner */
.daypilot-left { float: left; width: 160px; margin-bottom: 20px; }
.daypilot-main { margin-left:160px; }

/* button */
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 15px;
	background: #a8dc18;
	background: -moz-linear-gradient(
		top,
		#a8dc18 0%,
		#8fc300);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a8dc18),
		to(#8fc300));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #7cb316;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.8);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.8);
	xtext-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
	display:inline-block;
	text-decoration: none;
}

html, body { margin: 0px; padding: 0px; } 
html.fullheight, html.fullheight body { height:100%;  overflow:hidden; }

/*.main { height: 500px;}*/

/* task queue */
.left { position:relative; width: 150px; float:left; margin-left:5px;}
.right { position:relative; margin-left: 160px; }

body#fullheight .left { height: 100%; }
body#fullheight .right { height: 100%; }

#toolbar_right { float:right; margin-right: 10px; }
#toolbar_right a { color: gray; }

#tasks { overflow:auto; position: absolute; top: 30px; left: 0px; right: 0px; bottom: 0px; }
.toolbar_left { height:30px; width: 200px; position: absolute; top: 0px; left: 0px; right: 0px; }
.toolbar_right { margin-left: 210px; height: 30px; padding: 5px; }

.task { height: 25px; line-height: 25px; padding-left: 5px; display: block; text-decoration:none; background-color:white; border: 1px solid #cccccc; cursor: pointer; background: url(bg/gray30.gif) repeat-x; margin-bottom: 1px; }
.new { font-weight: bold; cursor: pointer; color: black; }

.task span { color: gray;}

#filter { margin-bottom: 5px; font-family: Segoe UI Light,Segoe UI,Arial,Helvetica,Verdana,Sans Serif; height: 30px;}
#filter span.filter { background-color: #6abc49; color: White; cursor: pointer; border-radius: 5px; display: inline-block; padding: 5px; margin-right: 3px; }
#filter span.all { background-color: #6a6a6a; }

#places { font-family: Segoe UI Light,Segoe UI,Arial,Helvetica,Verdana,Sans Serif;  font-size: 15px;}

#deposit_rule_information{font-weight:bold;color:red; position:relative;}
#deposit_rule_information .custom_deposit {font-weight:normal; color:black; margin: 10px; }
.data-table.custom_deposit_hidden {width:336px; margin:10px;}
#f .custom_deposit_hidden input[type="text"]{width: 50px;}
#f .custom_deposit_hidden textarea{width: 200px; height: 50px;}
.custom_deposit .adjust {color: blue; cursor:pointer;}

.add_on_section {padding: 5px; font-size: 14px; font-weight: bold; color: white; background-color: #cccc63; text-decoration: underline;}
.add_on_section2 {background-color: #f9f9e2; padding: 3px;}
.add_resource_prev {margin-right:10px;}
.add_resource_next {margin-left:10px;}
.hundred-px {width:100px;}
.forty-px {width:40px;}
.sixty-px {width:60px;}

.charge_buttons {margin:20px;}
.charge_buttons button {margin-right: 20px;}
.customer-charges {max-width:1000px;}
.past-charges {margin-top:20px; max-width:600px;}
.paid_details {font-weight:bold; color:blue;}
#custom_note {width:100%; height:75px;}
.customer-paid-items {margin: 3px 0;}
.data-table.customer-charges a {display:inline-block; }

@charset "UTF-8";

/* @TODO:Move This into the main stylesheet once I'm done helping John with this project */

h1,h2,h3,h4,h5,h6{margin:0 0 15px}

.table-title{background:#1f4e79;color:#fff;margin:30px 0 0;padding:3px 0}
th .table-title{margin:0}

p,ul,ol{margin:0 0 10px}

.a-center{text-align:center !important}
.a-left{text-align:left !important}
.a-right{text-align:right !important}
.iblock{display:inline-block}

.f-left{float:left}
.f-right{float:right}

.bg-white{background:#fff}

.pointer{cursor:pointer}

.no-pad{padding:0 !important}
.pad-sm{padding:10px}
.pad-med{padding:20px}
.pad-med-right{padding-right:20px}
.pad-lrg-right{padding-right:40px}

.margin-btm-xsm{margin-bottom:5px}

.old-ie{text-align:center;font-size:16px}

.delete{color:#FF0000 !important;font-weight:bold !important}

.col2-set:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.col2-set > .col{box-sizing:border-box;width:50%}
.col2-set > .col:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.col2-set > .col-1{float:left}
.col2-set > .col-2{float:right}

.col3-set:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.col3-set > .col{box-sizing:border-box;float:left;width:33.33%;width:calc(100%/3)}
.col3-set > .col:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}

.head_right ul li a,
.head_right ul li span.user{line-height:24px;margin:0 0 0 15px}
.head_right ul li a.messages-notice{background:url(/login/includes/images/messages.gif) no-repeat 0 0;display:inline-block;height:24px;padding:0 0 0 45px}

.form-login form{display:block;margin:0 auto 40px;width:300px}
.form-login input[type=text],
.form-login input[type=password]{height:25px;width:200px}
.form-login input[type=submit]{background:#06F;color:#FFF;display:block;cursor:pointer;height:28px;margin:15px auto 0;width:80px}

form > .actions:after,
.frm-actions:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.frm-actions,
form > .actions{margin:15px 0 0;padding:15px 0;text-align:right}
.frm-actions > button,
form > .actions > button{float:right;margin:0 0 0 15px}

.fancybox-form input[type="text"],
.fancybox-form input[type="password"],
.fancybox-form input[type="tel"],
.fancybox-form input[type="email"],
.fancybox-form select,
.fancybox-form textarea{box-sizing:border-box;display:inline-block;width:100%}
.fancybox-form textarea{height:100px}
.fancybox-form label{font-weight:bold}
.fancybox-form td{vertical-align:top}

.frm-common input[type="text"],
.frm-common input[type="password"],
.frm-common input[type="tel"],
.frm-common input[type="email"],
.frm-common select{box-sizing:border-box;display:inline-block;width:300px}

.pager-handle{display:inline-block;margin:0 5px;padding:0 3px;text-decoration:none}

.data-table{border-left:1px solid #6c6c6c;font:normal 18px Arial, Helvetica, sans-serif;border-spacing:0;text-align:left;width:100%}
.data-table > tfoot > tr > td,
.data-table > thead > tr > th {background:#0099FF;border:1px solid #6c6c6c;border-left:0;box-sizing:border-box;color:#fff;margin:0;padding:5px}
.data-table > tbody > tr > td{background:#99CCFF;border:1px solid #6c6c6c;border-left:0;border-top:0;box-sizing:border-box;color:#000;margin:0;padding:5px}
.data-table > tfoot > tr > td{background:#b6b6b6;border-top:0; color: black;}
.data-table > tbody > tr:nth-child(odd) > td, .data-table > tbody > tr.odd > td{background:#D5E0EC}
.data-table > tbody > tr.even > td { background:#99CCFF; }
.data-table > tbody > tr.row-locked > td{background:#FF9999}
.data-table tr.v-top > td{vertical-align:top}
.data-table a{display:block;font-weight:bold;text-decoration:none}
.data-table a:hover{text-decoration:underline}
.data-table.no-head{border-top:1px solid #6c6c6c}
.data-table.no-border{border:0}
.data-table.has-hover > tbody > tr:hover > td{background:#b1b1b1}
.data-table > tbody > tr.highlight > td{background:#b6b6b6;border-top:0; color:white;}
.seperator {text-align:center;}
.seperator h3 {margin: 5px 0;}

.data-table .checkbox-td:hover,
.data-table .mass-select-actions .select-all:hover { background:#b1b1b1; cursor: pointer; }
.data-table .checkbox-td .checkbox-text,
.data-table .mass-select-actions .select-all .checkbox-text { background-color: white; border: 1px solid black; 
    font-weight: bold; text-align: center; display: inline-block; padding: 2px; width: 15px; height: 15px; line-height: 15px; }
.data-table .checkbox-td .checkbox-text.unchecked,
.data-table .mass-select-actions .select-all .checkbox-text.unchecked { color: white; }

.data-table thead.has-hidden { background-color: transparent; }
.data-table .hidden-cell { background-color: gray; }

.data-table.alt{border-left:1px solid #6c6c6c;}
.data-table.alt > tfoot > tr > td,
.data-table.alt > thead > tr > th {background:#1F4DE6;border:1px solid #6c6c6c;}
.data-table.alt > tbody > tr > td{background:#fff;border:1px solid #6c6c6c;}
.data-table.alt > tfoot > tr > td{background:#b6b6b6;}
.data-table.alt > tbody > tr:nth-child(odd) > td, .data-table.alt > tbody > tr.odd > td{background:#f9f9f9}
.data-table.alt > tbody > tr.even > td { background:#fff; }


#the_fishing_dates .data-table > tbody > tr > td{padding:2px}

.btn-blue{background:#06F;border:#03C solid 1px;cursor:pointer;color:#FFF;height:28px;padding:0 20px 0 20px;transition:background 500ms}
.btn-blue:hover{background:#009cff}
.btn-red{background:#CC0000;border:#8E0000 solid 1px;cursor:pointer;color:#FFF;height:28px;padding:0 20px 0 20px;transition:background 500ms}
.btn-red:hover{background:#AF4C4C}
.btn-grey{background:#D3D3D3;border:#4c4c4c solid 1px;cursor:pointer;color:#4c4c4c;height:28px;padding:0 20px 0 20px;transition:background 500ms; font-size:13px; font-weight:700;}
.btn-grey:hover{background:#8B8B8B}
.btn-disabled{height:28px;padding:0 20px 0 20px;transition:background 500ms}

.new-customer{display:none}
.customer-flds.condensed{padding:0}
.customer-flds .col-1{padding-right:15px}
.customer-flds .col-2{padding-left:15px}
.customer-flds:not(.condensed) label{box-sizing:border-box;display:block;font-weight:600}
.customer-flds:not(.condensed) input{box-sizing:border-box;display:block;margin:0 0 5px;width:100% !important}
.customer-flds:not(.condensed) select{box-sizing:border-box;display:block;margin:0 0 5px;width:100% !important}
.customer-flds .actions{float:right;padding:7px 0 0}
.customer-details {margin-top: 20px; width: 100%;}
.customer-details td{padding-top: 3px;}
.customer-details thead {background: inherit; color: black;}
.res-details .customer-details {margin-top: 0px;}
.res-details .customer-details td{padding-top: 0px;}
.customer-details thead, .customer-details tbody, .customer-details tfoot {width:33%; float:left;}
.res-details .customer-details thead, .res-details .customer-details tbody, .res-details .customer-details tfoot {width:100%; float:none;}

.frm-reservation .customer-flds .actions{display:none}
.frm-reservation .customer-flds.has-customer .actions{display:block}

.customer-quick-search{margin:0 0 10px}
.customer-quick-search label{line-height:28px;font-style:italic}
.customer-quick-search input[type="text"]{display:inline-block; width: 130px;}
.customer-quick-search #customer_quick_search_submit{display:inline-block;margin:0 20px;/* changed to display none because client apparently didn't like it */display:none} 
.search-only .customer-quick-search button:not(#customer_quick_search_submit){display:none}

#result{clear:both;display:none;padding:20px 0}

.payment-register #payments .reg_detail,
.payment-register #payments select{box-sizing:border-box;width:100% !important}

.admin-welcome .data-table td{padding:15px}
.admin-welcome h3{margin:10px 0} 
.admin-welcome ul{padding:0 0 0 20px}

.session-msg {background:#faebe7;border-left:5px solid #df280a;color:black;font-size:15px;position:relative;padding:7px 10px 7px 20px}
.session-msg:hover{cursor:pointer}
.session-msg:before{border-bottom:6px solid transparent;border-left:6px solid #df280a;border-right:none;border-top:6px solid transparent;content:'';display:block;height:0;left:0;margin-top:-6px;position:absolute;top:50%;width:0}

.frm-reservation .sect-top{height:80px}
.frm-reservation textarea.reservation-notes{box-sizing:border-box;height:40px;width:100%}

.lodging-reserved .row:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.lodging-reserved .col{border-left:1px solid #6c6c6c;border-top:1px solid #6c6c6c;box-sizing:border-box;float:left;width:131px;margin-left:1px;min-height:45px;padding:5px;text-align:center}
.lodging-reserved .col.first{border-left:0;margin-left:0}
.lodging-reserved .row.first .col{border-top:0}

.plus-expand {cursor:pointer; float:right; padding-right:20px;}
.navigator_default_main {z-index:200 !important;}
.removeGuide {color:red; cursor: pointer; padding-left:5px}
.money {text-align:right;}
.center {text-align:center;}
.strike {text-decoration:line-through;}
.resource_table hr {margin:5px 0;}

.room-selector td.open, .room-selector > tbody > tr:nth-child(odd) > td.open {background-color:white;}
.room-selector td.reserved, .room-selector > tbody > tr:nth-child(odd) > td.reserved {background-color:#b3ffbe;}
.room-selector td.blocked,.room-selector > tbody > tr:nth-child(odd) > td.blocked {background-color:#ffb3b3;}
.room-selector td.group-blocked ,.room-selector > tbody > tr:nth-child(odd) > td.group-blocked {background: repeating-linear-gradient(45deg, #ab8ec5,#ab8ec5 10px,#ffb3b3 10px,#ffb3b3 20px);}
.room-selector td.group, .room-selector > tbody > tr:nth-child(odd) > td.group {background-color:#ab8ec5;}

.room-selector td.open, .room-selector td.reserved, .room-selector td.group {cursor:pointer;}
.data-table > tbody > tr.row-seperator > td{background-color: #aaa; padding:2px;}

.float-left { float:left; }
.float-right { float:right; }
.full-width { width:100%; }
.center-element { margin: 0 auto; display: block; }
.overflow-hidden { overflow:hidden; }
.cursor-help { cursor:help; }
.check-in-out-search { padding:10px; }
.question-icon{ background-color: #000; color: #fff; border-radius: 50px; width: 30px; height: 30px; padding: 1px 6px; } 
.data-table > tbody > tr > td.past-due { background-color: red; color: #fff; font-weight: bold; }

ul.notes li { list-style-type: circle; margin-left: 25px; margin:5px 0 5px 25px; text-align: left; } 

.report-menu, .report-form, .report-content { padding:0 20px; margin-bottom:20px; }
.report-form { } 
.input-wrap { max-width: 180px; }

.report-content .data-table > tbody > tr > td { vertical-align: top; }
.report-content .data-table > tbody > tr > td.money { text-align: right; }
.data-table > tbody > tr.current-date > td { background: #CAFF99; } 
.check-in-table { padding-right:10px; }
.check-out-table { padding-left:10px; }

.three-table {width: 30%; display:inline-block; margin: 20px 20px 0 0;}
.only-print{display:none;}

@media print {
	.only-print {display:block;}
	.report h1 {padding:20px 0;}
	.report h1 {text-align:center;}
	
   #waitlisttable, #report-content{
        background-color: white;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px 0;
        font-size: 14px;
        line-height: 18px;
    }
    
    #report-content table {width:100%;}
        
	a {color:black; text-decoration:none;}
	.narrow-print { width:100px; }
	.hide-print { display:none; }
	
	.page-break	{ display: block; page-break-before: always; }
	.head,.head_right, header, .middle_text, .top_text, .footer, .no-print {display:none;}
	
	.contener { border: none; background: white;}
}

.load-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	text-align:center;
	display:none;
}
#load-loading {
    width: 128px;
    height: 15px;
}
.overlay-text {
	padding-bottom:10px;
	color:white;
	font-size:30px;
	display:none;
}

.boat-types td {padding:3px 5px; border-bottom: 1px solid black;}

.data-table > tbody > tr.category > td {background-color: #ffffcc;}
.category {display:none;}
.data-table > tbody > tr > td.cat_expand {cursor:pointer; color:blue; font-weight:bold;}
.data-table > tbody > tr.category:hover > td {background-color: white;}
.showmore {display:none;}
.thresh-text {width:50px; text-align:center; font-weight:bold; display:inline-block;}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

.three-column {width:33%;}
.two-column {width:50%;}
.one-column {width:100%;}
.auth_hidden {display:none;}
#auth_card {position:relative;}
#auth_card .btnSwipe {position:absolute; bottom: 16px;}

.clearfix:before,
.clearfix:after {content: " "; display: table; }
.clearfix:after { clear: both; }

.top-info{width:100%;}
.top-info .top-cell {background:#bdd7ee;padding:10px; width: 25%; vertical-align:top;}
.general .upper-label {display:inline-block;width:65px}
.general .meal-info {margin-top:20px;}
.top-info .notes {margin-top: 20px;}
.date-toggle {margin-left: 10px;}
.hide {display:none;}
.general select {max-width: 200px;}
.bold {font-weight: bold;}
.details .green, .details .green input[type='text'] {background:#c5e0b4 !important; text-align:center;}
.details .blue, .details .blue input[type='text'] {background:#bdd7ee !important; text-align: center;}
.details .orange, .details .orange input[type='text'] {background:#f8cbad !important; text-align:center;}
.green {background:#c5e0b4 !important;}
.blue{background:#bdd7ee !important;}
.orange{background:#f8cbad !important;}
.yellow{background: #f9f9e2 !important;}
#f .details input[type='text'] {width:25px; border:none;}
.details {text-align:center;}
.grey-bg {background:#7f7f7f;}
.clearMeals {color:red; font-size:12px; text-align:right; }
.people-table {margin-top: 10px;}
.data-table.people-table > tbody > tr > td {background: #e4e4e4;}
.data-table.people-table > tbody > tr:nth-child(odd) > td, .data-table.people-table > tbody > tr.odd > td {background:#f6f6f6; }
.data-table.people-table td, .data-table.people-table th {text-align: center;}
.data-table.people-table td.text-left {text-align: left;}
.data-table.people-table th {color:black;}
.default-return, .copy-rate {color:blue;}
.red {color:red;}
.people-table {position:absolute; z-index: 400; top:-170px; right: -118px; }
.people-table .fa-times {padding:10px; position:absolute; background:#e4e4e4; top:-34px; right:1px;}
.copy-people {padding-top:10px; max-height:250px; overflow-y: scroll;}
.pkg-error {color:red !important; font-size:20px !important; font-weight: bold;}
.scheduler_white_main > div { z-index: 0; }
.sm-res-header {padding-bottom:10px; padding-top: 10px; position: relative;}
.sm-res-header div {display:inline-block; margin-right: 5px;}
.sm-res-header div.hide {display:none;}
.sm-res-header .expand-details {position: absolute; top:23px; display: none;  z-index: 1; border:10px solid #323232;}
.relative {position: relative;}
.sm-res-header .expand-details .table-title {padding:10px; margin-top:0px; background:#1F4DE6;}
#invoice_print, #reservation_actions {max-width: 120px;}
.res-tabs{margin-bottom:-2px; margin-left:2px; padding-top:12px;}
.res-tabs div {display:inline-block; cursor: pointer; background: url(../images/menu_bg.jpg) repeat-x; padding:7px 20px; margin-right: -5px; border: #0195c5 1px solid;   border-radius: 8px 8px 0px 0px;}
.res-tabs div.active-tab {border: #e68c4d 1px solid; background: url(../images/menu_bg_hover.jpg) repeat-x;}
.res-tabs-content {display:none;}
.res-tabs-content.active-tab {display:block;}
.res-tabs-content{position: relative;}
.save-no #load-loading {margin-top:7px;}
.save-message {border: 1px solid red; padding:5px; background: #FFFACD; display:none; margin-right:5px;}
.rate-table-switcher, .rolled_up_taxes, .rolledup_pipe { float: left;padding-left: 10px;;text-decoration: underline;font-size: 12px; color:white;}
#customizediv2 {margin-bottom:40px;}
.rolledup_pipe {text-decoration: none;}
.secondary-title-info{background:#1f4e79;color:#fff; padding:3px; text-align:right;}
.move-up, .move-down {color:black;}
#therates table tr:first-child .move-up {display:none;}
#therates table tr:last-child .move-down {display:none;}
.charge-details {margin: 20px 0 40px 0; min-height:100px;}

.white-table td {padding: 5px 10px; border-top:1px solid #4c4c4c;}
.white-table td.refund {border-top:none;}
.white-table  tr:last-child  td{border-bottom:none;}
#chargesdiv {margin-top: 20px;}
.white-table {border-spacing: 0;}
.white-table thead th {padding:5px;}
#chargesdiv thead th.charge-left, #chargesdiv thead th.charge-right,
#payment-breakdown thead th.charge-left, #payment-breakdown thead th.charge-right
{text-align: center; font-size:26px; width: 40px;background: #33cc33;}
.white-table thead th a {color:white;}
.data-table a.hide {display:none;}
.charge-tab-total {font-weight: bold;}
#charges-breakdown .btn-blue, #payment-breakdown .btn-blue  {height:20px; text-align: center; padding: 0 10px 0 10px}
#f #charges-breakdown input, #f #payment-breakdown input {width: 50px;}
#f #charges-breakdown input.charge-check, #f #payment-breakdown input.charge-check  {width: 30px;}
#f #charges-breakdown input.hide, #f #payment-breakdown input.hide {display:none;}
.math-off {color:red;}
#depositdiv {margin-top: 20px;}
.payment-details {margin-top:20px;}
#charges-breakdown.data-table th a, #payment-breakdown.data-table th a {color:white;}
#reservation_actions .checkout {display:none;}
#chargesdiv {margin-bottom: 40px;}
.new-res-details {margin-top: 43px; padding-top:10px;}
.create-button {margin:5px;}
.customer-details tr td:first-child {padding-right: 5px;}
#f .customer-details input[type="text"]  {width:100%;}
.customer-details .btn-blue {height:33px;}
.payment-note {color:red; font-weight: bold;display:inline-block; margin-top:-20px;}
.payment-note textarea {width: 700px; height: 18px;  color:red; font-weight:bold; vertical-align: bottom;}
.payment-note span {color:black; display: inline-block;}
#f #customer_quick_search {width: 200px;}
.res-details .customer-quick-search .btn-blue {margin-top:10px;}
.res-details #result, .search-only #result {position: absolute; background: #f1f1f1; z-index:2; padding:0px;}
.res-details .guest-portfolio-only, .res-screen-only {display:none;}
.res-details .res-screen-only {display:block;}
.expand-details-container {display:none;}
.expand-deets-close {     position: absolute;
	top: -38px;
	color: white;
	right: -10px;
	background: #323232;
	padding: 5px 10px;
	font-size: 15px;
}
.expand-deets-close a {color:white;}
.brkdown-col {width:120px;}
.non-title{color:black !important; font-weight:400 !important; font-size: 12px; border-top: 1px solid white; padding-top: 2px;margin-top: 5px;}
.charge-hover-state {background: #d7d792 !important;}
#f #charges-breakdown input.cperson, #f #payment-breakdown input.cperson {width:75px;}
.small-header {font-size:14px;}
.frm-reservation .reg_description, .frm-reservation .reg_category {width:200px;}
.null {z-index: 350;}
	/************************************************************************/
/********************************* Scott's ******************************/
/************************************************************************/
.flex.split-screen input: ; { margin-top: 3px; margin-left: 3px; }
.action-select { background: #06F; border: #03C solid 1px; cursor: pointer; color: #FFF; height: 28px; padding: 0 20px 0 20px; transition: background 500ms; width: 100%; max-width: 130px; }

/* Hamburger Menu */
.head { position: relative; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; align-items: center; height: 71px; }
.head > .menu-toggle-wrapper { z-index: 100; cursor: pointer; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; }
.menu-toggle { width: 50px; height: 32px; position: relative; margin: 0px 10px; }
.menu-toggle > span.bar { width: 100%; height: 3px; background: #fff; display: block; position: absolute; border: 2px solid #0099FF; -webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.menu-toggle > span.bar-1 { top: 0; }
.menu-toggle > span.bar-2 { top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); opacity: 1; }
.menu-toggle > span.bar-3 { bottom: 0; }
.menu-open .menu-toggle > span.bar-1 { top: 15px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.menu-open .menu-toggle > span.bar-2 { opacity: 0; width: 0%; }
.menu-open .menu-toggle > span.bar-3 { bottom: 9px; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }

/* New Nav Menu */
header { position: relative; }
.standard-view header,
.calendar-view header { position: fixed; width: 100%; max-width: 1320px;  z-index: 300; top: 0; }
nav { position: absolute; top: 71px; left: 0px; z-index: 1000; width: 221px; background-color: #D5E0EC; border: #0195c5 1px solid; display: none; }
nav > ul { position: relative; }
nav li { float: none; }
nav li a { margin: 0; border-radius: 0; width: 200px; min-height: 0; padding: 14px 10px; }
.head_right ul li { padding: 5px 0px 0px; }
/* Dropdowns */
nav li.has-children.admin > ul { top: 45px; }
/*nav li.has-children.operational-reports > ul { top: -2px; }*/
/*nav li.has-children.support > ul { top: 405px; }*/
nav li.has-children:hover > ul { display: block; }
.submenu-toggle { font-size: 18px; font-weight: 600; height: 20px; width: 20px; text-align: center; line-height: 20px; float: right; }
nav li > ul { position: absolute; left: 100%; width: 100%; background-color: #D5E0EC; }
nav ul ul li { padding: 0px 2px; margin: 0px; background: transparent; width: 211px; }
nav ul ul li:last-of-type { margin-bottom: 3px; }
nav ul ul li a { margin: 1px 0px 0px 0px; padding: 2px 0px 0 5px; background: #0092e6; width: 100%; }
nav li a:hover { border-radius: none !important; }

/* Header */
.head_right ul li a.logout { color: blue; text-decoration: underline; }
.ui-datepicker-close { display: none !important; }
.options .split-screen,
.options .high-level { justify-content: space-between; }
.main_div { padding-top: 0px; }
.head_right { margin: 0px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; }
#clockbox { margin-right: 10px; text-align: right; -webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1; }
.top_text.resort-name { position: absolute; top: 15px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); width: 330px; }
.middle_text { background: none; border: none; margin: 0; padding: 0px; font-size: 18px; position: absolute; top: 45px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); color: #000; }
.botom_space_a { margin-top: 5px; }
.top_button { width: 100%; }
.head a.logo { padding: 10px; }
.head a > img { width: 80%; height: auto; }
.botom_space_a header.repair-view { margin-top: 40px; }
header.repair-view + .botom_space_a { margin-top: 0; }
/* Toolbar */
.botom_space_a { padding: 0; }
.botom_space_a header { position: relative; width: auto; max-width: auto; background: none; border: none; z-index: 1; top: unset;margin-top: 5px; }
.botom_space_a nav { position: relative; top: unset; left: unset; z-index: 1; width: 100%; background: none; border: none; display: block; }
.botom_space_a nav ul { list-style: none; margin: 0; padding: 0; z-index: 1000; }
.botom_space_a nav li { float: left; padding: 0 0 0 0px; }
.botom_space_a nav li a { font: bold 13px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #eea334; display: block; padding: 15px 5px 0 5px; border: #0195c5 1px solid; border-radius: 8px 8px 0px 0px; min-height: 41px; background: url(../images/menu_bg.jpg) repeat-x; text-align: center; margin: 0px 2px 0px 2px; width: 110px; }
.botom_space_a nav li a.active { border: #e68c4d 1px solid; border-radius: 8px 8px 0px 0px; background: url(../images/menu_bg_hover.jpg) repeat-x; }

.botom_space_a nav.sub-tabs { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid gray; }

#customer_search_type { width: 70px; }
.standard-view .botom_space_a,
.calendar-view .botom_space_a { margin-top: 70px; }
.botom_space_a > .pad-med.bg-white { padding-top: 3px; }
.search-only { display: inline-block; margin-right: 30px; }
.toolbar-right { float: right; margin-top: 7px; width: 80%; justify-content: space-between; }
.customer-quick-search label { display: none; }
.options { height: 25px; margin-top: -10px; margin-left: 20px; }
.options.flex input { margin: 3px 0px 0px 6px }
.options .flex.split-screen { margin-bottom: 10px; }
.space { top: 75px; position: fixed; margin-top: 0; width: 100%; max-width: 1250px; z-index: 100; background-color: #fff; padding: 10px 0px; }
.customer-quick-search { margin: 0px; }
#start, #start2 { margin-left: 3px; margin-right: 5px; }
.timerange { margin-left: 20px; }
#timerange { margin-left: 5px; margin-right: 15px; }
.select-links-wrapper { margin-left: 29px; }
.select-links-wrapper.split { display: inline; margin-left: 15px; }
.header-span { width: 30%; line-height: 1; height: 29px; }
.options-toolbar { -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
.color-legend-trigger { cursor: pointer; color: blue; text-decoration: underline; position: relative; margin-right: 20px; }
.space.create .options-toolbar { display: flex; align-items: center; }
/* Date Picker */
p.datepicker { position: relative; color: blue; text-decoration: underline; margin-bottom: 0px; }
input.datepicker-input { position: absolute; left: 0; border: none; background: transparent; color: transparent; cursor: pointer; width: 40px; }

/* Create and Confirm */
/* Split Screen */
.space.create + #dp { margin-top: 50px; }
.split-toolbar + #dp,
.split-toolbar + #dp2,
.split-toolbar + #dp_split { margin-top: 50px; }
.split-view .options { margin-left: 20px; }
.split-toolbar { position: fixed; top: 75px; z-index: 100; background: #fff; padding: 14px 0px; width: 600px; margin-bottom: 10px; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; }
.split-toolbar.split-toolbar-left { padding: 18px 0px; z-index: 200; }
.search-only.split { display: none; margin-right: 0; float: none; border-bottom: 1px solid #000; padding-bottom: 10px; height: auto; margin-top: 50px; }
.cust-search-toggle { padding: 0px 20px 0px 0px; cursor: pointer; height: 20px; width: 20px; cursor: pointer; font-weight: 600; text-align: center; line-height: 20px; }

/* Reservation Screen */
.frm-reservation { padding: 0px 20px; }
.sticky-reservation { position: fixed; top: 70px; background-color: #fff; z-index: 100; border-bottom: 1px solid #D5E0EC; width:1260px;}
.res-details { margin-top: 74px; }
.charge-details { margin-top: 96px; }
.payment-details { margin-top: 96px; }
.messaging-details { margin-top: 96px; }

/* Fishing View */
.fishing-view.space + #dp { margin-top: 50px; }
.fishing-toolbar { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
#guide-view { margin-right: 20px; }
.fishing-toolbar .buttons { margin-left: auto; }
.fishing-view.space { max-width: 1290px; }
.fishing-view .datepicker { display: inline; }
.fishing-view .view-links .split-screen { margin-left: 20px; }
/* Split Screen */
.split-toolbar.fishing { margin-bottom: 0; width: 620px; margin-top: -1px; }
.split-toolbar.fishing-right { -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; }
.split .main.fishing-view { padding: 0px 5px; }
.split .main.fishing-view .fishing-view.space { display: none; }

/* Guide View */
.space.guide-view + #dp { margin-top: 40px; }
.space.guide-view { max-width: 1290px; }
.guide-view .button-group { margin-left: auto; }
.guide-view .time-range { margin-left: 20px; }

/************** COLOR PAGE ****************/
.color-swatch .inner { height: 25px; width: 95%; border: 1px solid #000; display: inline-block; }
.color-swatch { padding: 10px; text-align: center; }
.color-legend { display: none; position: absolute; top: 20px; left: 0px; z-index: 1000; width: 250px; }
.color-table label { width: 75px; display: inline-block; }
.color-table .error-icon { padding-left: 20px; display: inline-block; }

/************** LIMITED RESOURCES *****************/
#limited-resources-form button { margin-top: 10px; }
.report-form { align-items: center; }
.report-form div.button-wrapper button.btn-blue:nth-child(2) { margin-right: 20px; }
.report-form .button-wrapper { margin-top: 5px; margin-left: auto; }

.person-table-div {max-height:200px;overflow-y: scroll;}

.menu_default_main {overflow-y: scroll!important; max-height:400px;}