@charset "utf-8";
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.row:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.row {
    *zoom: 1;
}

/*
colors
beige        #d7cec7
dark gray    #565656
dark <strong>red</strong>     #76323f
tan          #c09f80
*/

html, body {
	height: 100%;
}

body {
	
	
	background-color: #d7cec7;
	background-color: #6ebee7;
	
	
	
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 70px;
}

table.fixedHeader-floating {
	background-color:white;
	left: 3% !important;
	top: 53px !important;
	margin-left: -1px !important;
}
table.fixedHeader-floating.no-footer {
	border-bottom-width:0;
	left: 3% !important;
	top: 53px !important;
	margin-left: -1px !important;
}
table.fixedHeader-locked {	
	position:absolute !important;
	background-color:white;
	z-index: 100000;
	left: 3% !important;
	top: 53px !important;
	margin-left: -1px !important;
}

.dtfh-floatingparent {
	z-index: 100000 !important;

}

@media print{table.fixedHeader-floating{display:none}}


.lightgreen {
	background-color: lightgreen !important;
}


.ui-widget-header {
    color: #000 !important;
    font-weight: bold;
}

.adminAction:link,
.adminAction:visited {
	color: #a3eafe;
	text-decoration: none;
}

.adminAction:hover,
.adminAction:active {
	color: #a3eafe;
	text-decoration: underline;
}



.ckBig .cke_contents {
	height: 40vh !important;
}

.addVar {
	margin: .2em;
	display: inline-block;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: .9em;
}


#stickThis.stick {
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}

#stickThis th {
	text-align: left;
	font-weight: bold;
	padding: 10px 18px;
}

#stickThis th div.DataTables_sort_wrapper {
    position: relative;
}

#stickThis th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -18px;
}


 tbody {
	margin-bottom: 2em !important;
}




tr.odd td.redNotes {
	background-color: #e9878a;
}

tr.even td.redNotes {
	background-color: #b65457 !important;
}

tr.odd td.yellowNotes {
	background-color: #e9e687;
}

tr.even td.yellowNotes {
	background-color: #b6b354 !important;
}

tr.odd td.greenNotes {
	background-color: #87e98a;
}

tr.even td.greenNotes {
	background-color: #54b657 !important;
}



tr.odd td.blueNotes {
	background-color: #add6f8;
}

tr.even td.blueNotes {
	background-color: #8aabc6 !important;
}

tr.odd td.orangeNotes {
	background-color: #ffbb63;
}

tr.even td.orangeNotes {
	background-color: #cc964f !important;
}

tr.odd td.purpleNotes {
	background-color: #eb63ff;
}

tr.even td.purpleNotes {
	background-color: #bc4fcc !important;
}

tr.odd td.grayNotes {
	background-color: #8e8e8e;
}

tr.even td.grayNotes {
	background-color: #727272 !important;
}



td .dailyResNotes {
	display: none;
}

td:hover .dailyResNotes {
	display: block;
	position: absolute;
	left: 50px;
	top: 0;
	width: 500px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #000;
	padding: 10px;
	z-index: 100;
}

tr:nth-child(odd) td.greenHighlight {
	background-color: #c7ffc8;
}

tr:nth-child(even) td.greenHighlight {
	background-color: #9fcca0 !important;
}

/*
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	background-color: #d7cec7;
}
*/
body.editEvent {
	padding-top: 140px;
}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, li {
	margin-top:0;
}

p {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 300;
	color: #565656;
}

.aBlock {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', serif;
}

h1 {
	border-bottom: 1px solid #000;
	color: #565656;
	font-weight: 900;
	font-size: 2.5em;
}

.page {
	max-width: 95%;
	margin: 0 auto;
}

.admin .page {
	max-width: 100%;
}


.ulBoxes {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid #333;
	
}

.ulBoxes li {
	display: inline;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 5px;
	margin: 0;
	background-color: #fff;
}

.ulBoxes li.hidden {
	background-color: #999;
}

.redBold {
	font-weight: 900;
	color: #cc0000; 
	text-transform: uppercase;
	letter-spacing: .01em;
	word-spacing: .2em;
}

.yellowBold {
	font-weight: 900;
	color: #B68800; 
	text-transform: uppercase;
	letter-spacing: .01em;
	word-spacing: .2em;
}

.divBoxes {
	margin: 0 0 0 0;
	background-color: #565656;
	width: 100%;
	display: inline-block;
}

.divBoxes p {
	margin-bottom: 4px;
	color: #fff;
	font-weight: bold;
}

.filterUL {
	list-style: none;
	color: #fff; 
}

header nav {
	width: 100%;
	background-color: #565656;
	padding: 4px 0;
	display:block;
	position: fixed;
	top: 0;
	left:  0;
	z-index: 1002;
	border-bottom: 1px solid #d7cec7;
}



/* Menu Positioning */
#ulMainMenu, #ulMainMenu ul { /* all lists */ 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	line-height: 1.2em;  
	overflow: visible; 
	z-index: 10000; 
	height: 45px; 
	box-sizing: border-box; 
	position:relative; 
}		

#ulMainMenu a { 
	display: block;  
}		

#ulMainMenu  > li { /* all list items */ 
	float: left; 
	margin-right: 1em; 
	position: relative;
	height:45px;
	line-height:45px;
	overflow: hidden;
}	

#ulMainMenu  > li:last-child {
	float: right;
}
	
#ulMainMenu li ul { /* second-level lists */ 
	position: absolute; 
	top: 45px; 
	left: 0;  
	height: 0;
	padding-top: 4px;
	box-sizing: border-box;
	background-color: #565656;
	margin-left: -10px;
	border-bottom: 1px solid #d7cec7;
}

#ulMainMenu li.brBot {
	border-bottom: 1px solid #d7cec7;
	padding-bottom: 5px;
}


#ulMainMenu li:hover { overflow: visible; }		
#ulMainMenu li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */ height: auto; left: auto;  }
#ulMainMenu li:hover > ul li {  float: none; position: relative; border-left: 1px solid #d7cec7;
	border-right: 1px solid #d7cec7; margin-right: 0; }
#ulMainMenu .soasfhover {/*Split up for IE6 Compatability*/ left: auto; }
#ulMainMenu li:hover { /*Fix for IE7*/ position: static; }
#ulMainMenu li:hover > ul li:last-child { padding-bottom: 10px; }


#ulMainMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#ulMainMenu li {
	float: left;
	margin-right: 1em;
	font-size: 24px;
	font-weight: 400;
	padding: 0 10px;
}

#ulMainMenu li a:link,
#ulMainMenu li a:visited {
	color: #d7cec7;
	text-decoration: none;
}

#ulMainMenu li a:hover,
#ulMainMenu li a:active {
	color: #c09f80;
}

.menuTitle {
	color: #d7cec7;
	text-decoration: none;
	cursor: pointer;
}

.plainTable {
	background-color: #fff;
	width: auto;
}

.plainTable thead tr th {
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 5px;
}

.plainTable tbody tr td {
	border-bottom: 1px solid #666;
	padding: 5px;
}

a.plus-minus {
	background-image: url(/img/icons/plus-minus.gif);
	display: inline-block;
	height: 23px;
	width: 23px;
}

a.plus {
	background-position: top center;
}

a.minus {
	background-position: bottom center;
} 

.clientList {
	display: none;
}

.plainTable tbody tr.clientList > td {
	padding-left: 35px;
}


a.noteIcon {
	background-image: url(/img/icons/notes.gif);
	display: inline-block;
	height: 25px;
	width: 19px;
}

a.noteIcon.greyNote {
	background-position: top center;
}

a.noteIcon.greenNote {
	background-position: bottom center;
} 

a.getList {
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.3em;
}

a.getList:link,
a.getList:visited {
	color:  #0033cc;
}

a.getList:hover,
a.getList:active {
	color:  #cc6600;
}

#tabs .ui-tabs-anchor {
  padding: .5em !important; 
}

/* *********************   *********************** */

#ulEventMenu, #ulEventMenu ul { /* all lists */ 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	line-height: 1.2em;  
	overflow: visible; 
	z-index: 10000; 
	height: 45px; 
	box-sizing: border-box; 
	position:relative; 
}		

#ulEventMenu a { 
	display: block;  
}		

#ulEventMenu  > li { /* all list items */ 
	float: left; 
	margin-right: 1em; 
	position: relative;
	height:45px;
	line-height:45px;
	overflow: hidden;
}	

#ulEventMenu  > li:last-child {
	float: right;
}
	
#ulEventMenu li ul { /* second-level lists */ 
	position: absolute; 
	top: 45px; 
	left: 0;  
	height: 0;
	box-sizing: border-box;
	background-color: #565656;
	margin-left: -10px;
}		
#ulEventMenu li:hover { overflow: visible; }		
#ulEventMenu li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */ height: auto; left: auto;  }
#ulEventMenu li:hover > ul li {  float: none; position: relative; }
#ulEventMenu .soasfhover {/*Split up for IE6 Compatability*/ left: auto; }
#ulEventMenu li:hover { /*Fix for IE7*/ position: static; }


#ulEventMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#ulEventMenu li {
	float: left;
	margin-right: 1em;
	font-size: 24px;
	font-weight: 400;
	padding: 0 10px;
}

#ulEventMenu li a:link,
#ulEventMenu li a:visited {
	color: #d7cec7;
	text-decoration: none;
}

#ulEventMenu li a:hover,
#ulEventMenu li a:active {
	color: #c09f80;
}



/* *****   A D M I N   F O R M   ***** */
.adminForm {
	width: 50%;
	background-color: #565656;
	padding: 20px;
	margin: 1em auto;
	border-radius: 4px;
	position: relative;
}

.adminForm input[type=text],
.adminForm input[type=password],
.adminForm select,
.adminForm textarea {
	width: 100%;
	margin: .2em 0;
	padding: 4px;
	box-sizing: border-box;
	border-radius: 4px;
	border: none;
}

.adminForm button[type=submit] {
	box-sizing: border-box;
	border-radius: 4px;
	border: none;
	padding: 10px;
	min-width: 50%;
	margin: 0;
	font-variant:small-caps;
	font-size: 1.8em;
	font-weight: bold;
	font-family: 'Bitter', serif;
}

.btnSubmit {
	text-align: center;
}

.adminForm h2 {
	color: #d7cec7;
	text-align: center;
	margin: 0;
	font-size: 2.5em;
	font-variant:small-caps;
}

.divErrors {
	background-color: #d7cec7;
	border-radius: 4px;
	padding: 4px; 
}

.alert {
	color: #76323f;
}

.adminForm label {
	color: #d7cec7;
}

.adminForm.permissionForm label {
	color: #d7cec7;
	font-size: 1.5em;
}

.adminForm label input[type=text],
.adminForm label input[type=number],
.adminForm label input[type=color]{
	color: #000;
}

.adminForm label input[type=number],
.adminForm label input[type=color]{
	margin-left: 10px;
	color: #000;
}

.adminForm legend {
	color: #d7cec7;
	font-size: 2em;
	font-weight: bold;
}

.adminForm input[type=checkbox]{
	height: 20px;
	width: 20px;
	margin-right: 5px;
}


/* *****   T A B L E   D A T A   ***** */
.tableData th  {
	text-align: left;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px 5px !important;
}

table.dataTable tbody td {
	vertical-align: top;
}

.tableData tbody tr:nth-child(even) td {
	background-color: #ccc;
}

.tableData tbody tr td h1 {
	font-size: 1.5em;
	text-decoration: none !important;
	border-bottom: none;
}

.tripList  {
	font-size: 10pt;
}

.dataTables_wrapper button, 
.dataTables_wrapper input, 
.dataTables_wrapper optgroup, 
.dataTables_wrapper select, 
.dataTables_wrapper textarea {
	color: #333;
}

/*
.ui-datepicker-calendar td a.ui-state-default {
	background-color: #565656;
} 

.ui-datepicker-calendar td a.ui-state-default.ui-state-active  {
	background-color: #76323f;
} 
*/

td a.ui-state-default {
	background-color: #565656;
} 

td a.ui-state-default.ui-state-active  {
	background-color: #76323f;
} 


/* *****   S E T U P   F O R M   ***** */

.col.setup {
	background-color: #fff;
	border: 1px solid #565656;
	border-radius: 4px;
	padding: 20px;
}

.setupForm {
	
}

.setupForm input[type=text],
.setupForm select {
	border: 1px solid #565656;
}

.setupForm h2 {
	text-align:center;
	font-size: 2.2em;
}

.fullWidth {
	width: 100%;
}

.centerLabel {
	width: 100%;
	text-align: center;
	display:block;
	font-size:1.2em;
}

.formNote {
	text-align: center;
	margin: 0 0 1em 0;
}

.dateRow {
	display: inline-block;
	margin: 0 auto;
}

.btnNext {
	background-color: #565656;
	border: none;
	color: #d7cec7;
	font-size: 1.2em;
	padding: 5px 15px;
	border-radius: 15px;
}

.formRow {
	margin-bottom:2em;
}

.formRow:last-child {
	margin-bottom:0;
}

.center {
	text-align:center;
}

.divDate {
	float: left;
	margin-right: 5px;
}

.divDate:last-child {
	margin-right: 0;
}

.parsley-errors-list {
	list-style:none;
	padding:0;
	margin: 0;
	font-size: .8em; 
	color: red;
	text-align:center;
}

.parsley-error {
	background-color: #ffcccc;
	border: 1px solid #76323f !important;
}


.adminForm .form-group textarea {
	width: 100% !important;
	display:block;
	text-align: left;
	color: #999;
}

.adminForm .form-group select.selTitle {
	color: #999;
}

.adminForm .form-group select {
	color: #000;
}

.adminForm .form-group select.selTitle option:first-child {
	color: #999;
}

.adminForm .form-group {
	margin-bottom: 10px;
}

.result {
	margin-bottom: 5px;
}

/* ************************ S E T T I N G S   M E N U   ***************************************** */

#settingsMenu {
	position: fixed !important;
	height:95%;
	box-sizing: border-box;
	padding: 15px;
	width: 390px;
	background-color: #fff;
	border: 1px solid#666;
	top: 25px;
	z-index: 1003;
}

#settingsMenu .handle {

}

.settingsForm {
	font-size: 13px;
}

.settingsForm label {
	display: block;
	margin-bottom: 5px;
}

.eventMenu {
	margin-bottom: 0 !important;
}

.eventMenuRow {
	border-top: 1px solid #d7cec7;
	top:53px;
}


/* ***************   E D I T   B A R *********************************** */

.editBar {
	background-color: #565656;
    border-radius: 20px;
    left: -50px;
    margin: 20px 50%;
    height: 30px;
    position: absolute;
    width: 100px;
	display: none;
	padding: 0 20px;
	overflow: hidden;
	z-index: 1001;
}

.dragElement:hover .editBar {
	display: block;
}

.editBar span {
	display: inline-block;
	height: 30px;
	width: 30px;
}

.editBar span a {
	display: block;
	height: 100%;
	width: 100%;
}

.editMe {
	background: url(../img/icons/icon-edit.gif) no-repeat top left;
}
.deleteMe {
	background: url(../img/icons/icon-delete.gif) no-repeat top left;
}
.AddMe {
	background: url(../img/icons/icon-add.gif) no-repeat top left;
}


#choose {
	display: none;
	width: 600px;
}

.ui-dialog {
	z-index: 10000 !important;
}

.ui-dialog.choose,
.ui-dialog.editEl {
	width: 80% !important;
}

#choose h1 {
	text-align: center;
}

#choose h2 {
	font-size: 1em;
	margin: 0;
	text-align: left;
}

#choose ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



.dialog-feedback { display: none; }

#msgBox {
	height: 150px;
	width: 500px;
	top: 50%;
	left:50%;
	margin-top: -75px;
	margin-left: -250px;
	position: fixed;
	border-radius: 8px;
	background-color: #fff;
	z-index: 1005;
	-webkit-box-shadow: 3px 2px 5px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 2px 5px 4px rgba(0,0,0,0.75);
	box-shadow: 3px 2px 5px 4px rgba(0,0,0,0.75);
	display: none;
}

#msgBox p {
	text-align: center;
	margin-top: 1em;
}

.total {
	margin: 0;
}

.banner {
	position: relative;
	padding: 1em;
}

.banner-overlay {
	height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.pageBreak {
	position: relative;
}
.pageBreak h3 {
	margin: 0;
	width: 100%;
	text-align: center;
}

.dragPrev {
	position: absolute;
	left: 0;
	text-align: left;
	z-index: 2;
	top: 5px;
}

.dragNext {
	position: absolute;
	right: 0;
	text-align: right;
	z-index: 2;
	top: 5px;
}


/* ***************   A C T I O N    F O R M    *********************************** */

#actionsForm { 
	max-width: 1000px;
	margin: 0 auto;
}


/* ***************   B U D G E T   R E P O R T    T A B L E S   ***************** */

.budgetTrips {
	width:  100%;
	margin-bottom: 2em;
}

.budgetTrips caption {
	text-align: left;
	font-weight: bold;
	padding: .5em;
}

.budgetTrips tr th,
.budgetTrips tr td {
	padding: 5px;
	text-align: right;
}

.budgetTrips tr th:nth-child(2),
.budgetTrips tr td:nth-child(2),
.budgetTrips tr th:nth-child(3),
.budgetTrips tr td:nth-child(3),
.budgetTrips tr th:nth-child(6),
.budgetTrips tr td:nth-child(6){
	text-align: left;
}


/* ***************   P A G E   E R R O R    *********************************** */

.pageError {
	margin-top: 1em;
	background-color: #fff;
	border: 3px solid red !important;
	border-radius: 8px;
	font-size: 1.4em;
}

.pageError p {
	color: red;
}


/* ***************   A C T I V E   T A B S    *********************************** */

.activeTabs {
	text-align: right;
}

.activityTab {
	display: inline-block;
	padding: 15px 20px;
	background-color: #565656; 
	color: #c09f80;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
}
.activityTab:hover {
	background-color: #76323f;
}

.activityTab a {
	color: #d7cec7;
	display: block;
	height: 100%;
	width: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.activityTab.active {
	background-color: #fff; 
	color: #000;
}

.activityTab.active a {
	color: #000;
	text-decoration: none;
}

/* ***************   M O D A L   O V E R L A Y    *********************************** */


.modal { 
	display: none; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.8); 
	position: fixed; 
	top: 0; 
	left: 0; 
	overflow: auto;
	z-index: 1000;
}

.close { 
	border: none; 
	border-radius: 2px; 
	color: #565656; 
	background-color: #d7cec7; 
	padding: 15px; 
	font-weight: bold; 
	font-size: 1em; 
	position: absolute; 
	right: 15px; 
	top: 15px; 
}

.modal .adminForm {
	margin-top: 80px;
}

.modal .adminForm label {
	margin: 0;
	padding: 0;
}

.modal .adminForm input[type="text"], 
.modal .adminForm input[type="password"],
.modal .adminForm input[type="date"], 
.modal .adminForm input[type="time"], 
.modal .adminForm label, 
.modal .adminForm select, 
.modal .adminForm textarea {
    margin: 0 0 8px 0;
}

.modal .adminForm label input[type="text"], 
.modal .adminForm label input[type="number"],
.modal .adminForm input[type="date"], 
.modal .adminForm input[type="time"],
.modal .adminForm label input[type="color"] {
    margin-left: 0;
    color: #000;
}


/* ***************   R E S E R V A T I O N S    *********************************** */

.reservationPage {
	max-width: 100%;
	margin: 0 auto; 
}
	
.reservationMain {
	width: 100%;
	margin: 0 auto;
}


#reservationFormStep2 h2 {
	margin-top: 7px;
}

#reservationFormStep2.reservationForm {
	padding-top: 50px;
	position: relative;
}



body.reservation header {
	position: relative;
}

body.reservation header #peacock {
	position: absolute;
	z-index: 1003;
	bottom: -42px;
	left: -44px;
}

body.reservation header nav {
    width: 100%;
    background-color: #174d16;
    padding: 4px 0 4px 15px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    border-bottom: 1px solid #d7cec7;
}


body.reservation #ulMainMenu li {
	color: #ffc606;
}

body.reservation #ulMainMenu li ul { 
    background-color: #174d16;
}

body.reservation #ulMainMenu li a {
	color:#ffc606;
}

.switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 34px;
  line-height: 34px;
	top: 10px;
}
	
.switch input {display:none;}

.checkToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #666;
  -webkit-transition: .4s;
  transition: .4s;
}

.checkToggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
	
}

.togglelChecked {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 46px;
	left: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	font-weight: bold;
}

.togglelUnchecked {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 46px;
	right: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	text-align: right;
	font-weight: bold;
}

input:checked + .checkToggle {
  background-color: #2196F3;
}

input:focus + .checkToggle {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .checkToggle:before {
  -webkit-transform: translateX(46px);
  -ms-transform: translateX(46px);
  transform: translateX(46px);
}



.switchLong {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
  line-height: 34px;
  top: 10px;
}

.switchLong input {display:none;}

.checkToggleLong {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #666;
  -webkit-transition: .4s;
  transition: .4s;
}

.checkToggleLight {
	background-color: #ccc;
}

.checkToggleLong:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
	
}

.togglelCheckedLong {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 86px;
	left: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	font-weight: bold;
}

.togglelUncheckedLong {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 86px;
	right: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	text-align: right;
	font-weight: bold;
}

input:checked + .checkToggleLong {
  background-color: #2196F3;
}

input:focus + .checkToggleLong {
  box-shadow: 0 0 1px #2196F3;
}




input:checked + .checkToggleLong:before {
  -webkit-transform: translateX(86px);
  -ms-transform: translateX(86px);
  transform: translateX(86px);
}


.reservationForm .form-group label {
	font-weight: bold;
	color: #555;
}

.reservationForm .form-group label .label_span {
	margin-right: 10px;
	display: inline-block;
	min-height: 34px; 
	line-height: 34px; 
	width: 150px;
	text-align: right;
}

.reservationForm {
	border: 1px solid #333;
	border-radius: 4px;
	padding: 20px;
	background-color: rgba(255,255,255,.5);
	
}

.reservationForm .form-group {
	margin-bottom: 10px;
}


.reservationForm .form-group {
	font-size: 1em;
}

.gearLabel {
	position: absolute;
	bottom: 0;
	width: 102%;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: rgba(255,255,255,.7);
	color: #000;
	font-weight: bold;
}

.aFull {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 100;
}

.reservationForm .form-group select,
.reservationForm .form-group input[type=text],
.reservationForm .form-group input[type=number],
.reservationForm .form-group input[type=tel] {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #333;
}

.reservationForm .longInput .form-group input[type=text],
.reservationForm .longInput .form-group input[type=number],
.reservationForm .longInput .form-group input[type=tel] {
	width: 45%;
}

.reservationForm .longInput .form-group select {
	width: 53.5%;
}


.reservationForm .form-group select option {
	
}

.reservationForm fieldset fieldset {
	margin-bottom: 1em;
}

.reservationForm .form-group input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height: 20px;
    width: 20px;
    position: relative;
    bottom: -4px;
}

.reservationForm .formNoteAlert {
	text-align: left;
	color: red;
	font-weight: bold;
}

.optionDisabled {
	background-color: #ccc;
}

#divClient { margin-top: 10px; }

.darkModal {
	height: 100%;
	Width: 100%;
	background-color: #666;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
}

.divCentered {
	width: 600px;
	margin: 0 auto;
	position: relative;
	top: 200px;text-align: center;
}

#pinForm {
	border-radius: 4px;
	border: none;
	padding: 20px;
	background-color: #fff;
}

#pinForm label,
#pinForm input[type=password] {
	margin-right: 10px;
}

#pPinMsg {
	display: none;
}

.buttonAction {
	padding: 10px;
	border-radius: 4px;
	border: none;
	background-color: #2196F3;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
}

.buttonActionSmall {
	padding: 2px;
	border-radius: 4px;
	border: none;
	background-color: #2196F3;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.formNotes {
	clear: both;
}

.buttonNext {
	font-size: 2em; 
	padding: 5px;
	float: right;
}



#ajaxResponse {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	margin: -51px auto 0 -221px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	width: 400px;
	color: #000;
}

#subResponse {
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	margin: -51px 0 0 -200px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	width: 400px;
	color: #000;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
}

#subResponse2 {
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	margin: -51px 0 0 -200px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	width: 400px;
	color: #000;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
}

#divNotes {
	width: 100%;
	position: fixed;
	bottom: 0;
	font-size: 1.6em;
}

.notesActive {
	background-color: #ccc;
	padding: 10px;
}

#notesNext {
	position: absolute;
	bottom: 50px;
	right: 50px;
}

.reservationForm .formPage {
	padding-bottom: 2.5em;
}

.cancelButton {
	bottom: 7px;
}

.reservationForm .formPage fieldset {
	background-color: rgba(255,255,255,.5);
	margin-top: .5em;
	padding: 5px;
}

.reservationForm #formStep2Page01.formPage fieldset,
.reservationForm #formStep2Page09.formPage fieldset {
	background-color: transparent;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid rgba(51,51,51,.2);
}

.reservationForm  #formStep2Page01.formPage .form-group label .label_span,
.reservationForm  #formStep2Page09.formPage .form-group label .label_span{
	min-height: 24px;
	line-height: 24px;
}

.reservationForm .formPage fieldset legend {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	font-variant: all-small-caps;
	top: -10px;
	position: relative;
	padding: 0 20px;
}

.reservationForm #formStep2Page01.formPage fieldset legend,
.reservationForm #formStep2Page09.formPage fieldset legend {
	top: auto;
	padding: 0;
}
 
.reservationForm #formStep2Page01.formPage .form-group label .label_span,
.reservationForm #formStep2Page09.formPage .form-group label .label_span {
	width: auto;
	color: #2f30F3;
}

.reservationForm #formStep2Page01 label,
.reservationForm #formStep2Page09 label {
	font-size: 1em;
}

#formStep2Page01 fieldset,
#formStep2Page09 fieldset {
	padding: 0;
}

#formStep2Page01 fieldset legend,
#formStep2Page09 fieldset legend {
	font-weight: bold;
	font-variant: all-small-caps;
	font-size: 1.2em;
	color: #333;
}

.reservationForm #formStep2Page01  .form-group,
.reservationForm #formStep2Page09  .form-group {
	margin-bottom: 5px;
}

.reservationForm #formStep2Page01  .formNoteAlert,
.reservationForm #formStep2Page09  .formNoteAlertp {
	font-size: 1em;
}

#step2 {
	position: relative;
}

.formNav {
	position: absolute; 
	top: 5px;
	right: 5px;
	z-index: 10;
}

.formNav .buttonNext {
    font-size: 1.5em;
    padding: 10px;
    float: right;
}

.formNav .buttonNext:last-child {
	margin-right: 10px;
}

#formStep2Page01 .formNav .buttonNext:last-child {
	margin-right: 0;
}

.formNotes p {
	margin: 0;
	font-size: 1em;
}

.formNotes p span {
	display: inline-block;
	margin-right: 15px;
}

.pageNum {
	position: absolute;
	width: 100%;
	text-align: center;
	top:20px;
	margin-bottom: 0;
	z-index: 1;
}

span.req {
	display: inline-block;
	padding: 5px;
	color: red;
}



.reservationForm #formStep2Page09 .form-group select:disabled, 
.reservationForm #formStep2Page09 .form-group input[type="text"]:disabled, 
.reservationForm #formStep2Page09 .form-group input[type="number"]:disabled,
.reservationForm #formStep2Page01 .form-group select:disabled, 
.reservationForm #formStep2Page01 .form-group input[type="text"]:disabled, 
.reservationForm #formStep2Page01 .form-group input[type="number"]:disabled {
	border: none;
	border-bottom: 1px solid rgba(51,51,51,.2);
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

.reservationForm #formStep2Page09 fieldset,
.reservationForm #formStep2Page01 fieldset{
	border: none;
}
	
.ccbutton {
	margin-left: 160px;
	display: inline-block;
}

/* ***************   D A S H B O A R D    *********************************** */

.dashSection {
	background-color: rgba(255,255,255,.5);
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 1em;
}

h2 {
	color: #565656;
	border-bottom: 1px solid #565656;
	margin-bottom: 10px;
}

.alertNum {
	background-color: red;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	border-radius: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	min-height: 25px;
	min-width: 25px;
}


.viewPage {
	width: 70%;
	margin: 1em auto;
	padding: 20px;
	position: relative;
	border-radius: 4px;
	background-color: #fff;
	top: 4em;
	height: 75vh;
	overflow-y: scroll;
	font-family: 'Source Sans Pro', sans-serif;
}

.viewPage h4 {
	margin-bottom: 5px; 
	border-bottom: 1px solid #333;
}



.priceModified {
	font-weight: bold;
}

.priceModified:before {
	content: "✔ ";
}




.notes:after {
	content: "✎";
}


tr:nth-child(2n+1) td.rpnotes {
    background-color: #c7ffc8 !important;
}

tr:nth-child(2n) td.rpnotes {
     background-color: #c7ffc8 !important;
}


tr:nth-child(2n) td.greenHighlight {
    background-color: #9fcca0 !important;
}

.topTen { margin-top: 10px !important; }


.rollOverDiv {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.rollOverDiv div {
	display: none;
}


.rollOverDiv:hover div {
	display: block;
	position: absolute;
	z-index: 100;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 4px;
	width: 200px;
}

.hidderDiv {
	width: 100%;
	text-align: center;
}

.filterBox {
	width: 100%;
}

#filters,
#arrivalConnector,
#departureConnector {
	display: none;
}

.filterBox h3 {
	margin-bottom: 0;
}

.filterBox h3 a {
	color: #fff;
}

.aButton {
	padding: 8px;
	border-radius: 4px;
	background-color: #00ABB9;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}




#phone-client-itinerary-form input {
	color: #000 !important;
}





.tdNotes {
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.tdNotes div {
	position: relative;
	z-index: 1;
}

.tdNotes div.fullNotes {
	position: absolute;
	width: 350px;
	border-radius: 4px;
	background-color: #FBFDE0;
	top: 5px;
	left: 80px;
	padding: 10px;
	border: 1px solid #000;
	display: none;
	z-index: 100;
}

.tdNotes div.fullNotesL {
	position: absolute;
	width: 350px;
	border-radius: 4px;
	background-color: #FBFDE0;
	top: 5px;
	right: 80px;
	padding: 10px;
	border: 1px solid #000;
	display: none;
	z-index: 100;
}

.tdNotes:hover {
	background-color: #FBFDE0 !important;
}

.tdNotes:hover .fullNotes,
.tdNotes:hover .fullNotesL {
	display: block;
}


.ulTravelWith {
	font-size: 1em;
	line-height: 1.2em;
	
	color: #565656;
}

.ulTravelWith li {
	font-weight: 700;
}

.ulTravelWith li ul li {
	font-weight: 300;
}


/*
#reservationsTable {
	width: 100%;
}

#reservationsTable thead,
#reservationsTable tbody {
	display: block;
	width: 100%;
}

#reservationsTable tbody {
	overflow: auto;
	height: 60vh;
}

#reservationsTable thead tr,
#reservationsTable tbody tr {
	width: 100%;
}

#reservationsTable thead tr {
	padding-right: 16px;
}

#reservationsTable thead tr th,
#reservationsTable tbody tr td {
	box-sizing: content-box;
}

#reservationsTable tbody tr td {
	border-left: 1px solid #333;
}

#reservationsTable tbody tr td:first-child {
	border-left: none;
}

#reservationsTable thead tr th:nth-child(1),
#reservationsTable tbody tr td:nth-child(1) {
	
	width: 53px !important;
	max-width: 53px !important;
	min-width: 53px !important;
}

#reservationsTable thead tr th:nth-child(2),
#reservationsTable tbody tr td:nth-child(2) {
	width: 109px !important;
	max-width: 109px !important;
	min-width: 109px !important;
}

#reservationsTable thead tr th:nth-child(3),
#reservationsTable tbody tr td:nth-child(3) {
	width: 129px !important;
	max-width: 129px !important;
	min-width: 129px !important;
}

#reservationsTable thead tr th:nth-child(4),
#reservationsTable tbody tr td:nth-child(4) {
	width: 9.460% !important;
	max-width: 9.460% !important;
	min-width: 9.460% !important;
}

#reservationsTable thead tr th:nth-child(5),
#reservationsTable tbody tr td:nth-child(5) {
	width: 5.321% !important;
	max-width: 5.321% !important;
	min-width: 5.321% !important;
}

#reservationsTable thead tr th:nth-child(6),
#reservationsTable tbody tr td:nth-child(6) {
	width: 5.469% !important;
	max-width: 5.469% !important;
	min-width: 5.469% !important;
}

#reservationsTable thead tr th:nth-child(7),
#reservationsTable tbody tr td:nth-child(7) {
	width: 5.617% !important;
	max-width: 5.617% !important;
	min-width: 5.617% !important;
}

#reservationsTable thead tr th:nth-child(8),
#reservationsTable tbody tr td:nth-child(8) {
	width: 5.247% !important;
	max-width: 5.247% !important;
	min-width: 5.247% !important;
}

#reservationsTable thead tr th:nth-child(9),
#reservationsTable tbody tr td:nth-child(9) {
	width: 7.686% !important;
	max-width: 7.686% !important;
	min-width: 7.686% !important;
}

#reservationsTable thead tr th:nth-child(10),
#reservationsTable tbody tr td:nth-child(10) {
	width: 5.764% !important;
	max-width: 5.764% !important;
	min-width: 5.764% !important;
}

#reservationsTable thead tr th:nth-child(11),
#reservationsTable tbody tr td:nth-child(11) {
	width: 6.430% !important;
	max-width: 6.430% !important;
	min-width: 6.430% !important;
}

#reservationsTable thead tr th:nth-child(12),
#reservationsTable tbody tr td:nth-child(12) {
	width: 7.390% !important;
	max-width: 7.390% !important;
	min-width: 7.390% !important;
}

#reservationsTable thead tr th:nth-child(13),
#reservationsTable tbody tr td:nth-child(13) {
	width: 5.838% !important;
	max-width: 5.838% !important;
	min-width: 5.838% !important;
}

#reservationsTable thead tr th:nth-child(14),
#reservationsTable tbody tr td:nth-child(14) {
	width: 5.247% !important;
	max-width: 5.247% !important;
	min-width: 5.247% !important;
}

#reservationsTable thead tr th:nth-child(15),
#reservationsTable tbody tr td:nth-child(15) {
	width: 4.656% !important;
	max-width: 4.656% !important;
	min-width: 4.656% !important;
}

#reservationsTable thead tr th:nth-child(16),
#reservationsTable tbody tr td:nth-child(16) {
	width: 4.360% !important;
	max-width: 4.360% !important;
	min-width: 4.360% !important;
}

*/

/* ************************************************************************************************************* */

/* Reusable column setup */
.col {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

.col.menu {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- 
    
	Column Default Names and Sizes
	
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
----------------------------------------------------------------------------- */



/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ****           S M A L L   S I Z E S   0 P X   T O   5 5 9 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 0) and (max-width: 559px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.divSidebar,
	.divMain,
	.menu {
		margin-left:0;
		width:100%;
	}
	
}


/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              S M A L L   D E S K T O P   M O N I T O R S              *** */
/* ***               T A B L E T   L A N D S C A P E   M O D E               *** */ 
/* ***             W I D T H   -   7 6 0 P X   T O   9 9 9 P X             *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 600px) and (max-width: 999px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
	.tagline {
    	font-size: 2em;
		margin-top: 2em;
	}
		
	.box-image {   
    	left: -180px; 
	}
	
	.col.homePics {
		width: 304px;
	}
	
	.homeImgs {
		width: 639px;
		left: 50%;
		margin-left: -319px;
		margin-bottom: 1em;
	}
	
	
	#divN {
    	bottom: 5px;
    	margin-left: -65px;
	}
	
	
	.pageSection section .homePics p {
		text-indent: 16%;
	}
	
	.homePics:first-child p {
		box-sizing: border-box;
	}
	
	
	.pageSection section h2 {
    	font-size: 2em;
	}
	
	footer .box-image {
    	right: 17%;
	}
	
	
	.reservationForm .longInput .form-group input[type=text],
	.reservationForm .longInput .form-group input[type=number],
	.reservationForm .longInput .form-group input[type=tel] {
		width: 45%;
	}
	
	input.tablet {
		max-width: 110px;
	}
	
	#tripInfo {
		font-size: 1.2em;
	}
	
	.topTen { margin-top: 10px !important; }
	
	.formPage .formNoteAlert { margin-bottom: .2em; }
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***             M E D I U M   D E S K T O P   M O N I T O R S             *** */
/* ***            W I D T H   -   1 0 0 0 P X   T O   1 2 0 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1000px) and (max-width: 1200px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
	.tagline {
    	font-size: 2.5em;
	}
	
	.box-image {
		left: -172px;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              L A R G E   D E S K T O P   M O N I T O R S              *** */
/* ***            W I D T H   -   1 2 0 1 P X   T O   1 9 2 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1201px) and (max-width: 1920px){
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***                E X T R A - L A R G E   M O N I T O R S                *** */
/* ***          W I D T H   -   1 9 2 0 P X   T O   I N F I N I T Y          *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1921px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
}


@media print {
	
	
	body.admin {
    	background-color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		padding-top: 0;
		padding: 0;
		margin: 0;
	}
	
	header {
		display: none;
	}
	
	h1 {
		border-bottom: none;
		color: #000;
		font-weight: 900;
		font-size: 1em;
		margin-top: 1em;
	}
	
	.activeTabs {
		display: none;
	}
	
	.dataTables_wrapper .ui-toolbar {
		display: none;
	}
	
	.dataTable {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		border-collapse: collapse !important;
		font-size: .7em;
	}
	
	.dataTable thead tr th,
	.tableData  thead tr th {
		border-left-width: 1px;
		border-color: #000;
		background: #eee;
		font-weight: normal;
		color: #000 !important;
	}

	.page {
		max-width: 100%;
		width: 100%;
	}
	
	
	
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
		border: none;
		background: #76323f;
		font-weight: normal;
		color: #d7cec7;
	}
	
	.dataTable tbody tr td,
	.tableData  tbody tr td {
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.dataTable tbody tr td:first-child,
	.tableData  tbody tr td:first-child {
		border-right: 1px solid #000;
	}
	
	.dataTable tbody tr td:last-child,
	.tableData  tbody tr td:last-child {
		border-right: 1px solid #000 !important;
	}

	
	
}