ul {
	padding-inline-start: 10px;
}

.green {
	color:green;
	 font-weight:bold;
}

.quarterWidth {
	width:25%;
}

.fullWidth {
	width:100%;
}

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

div.ui-growl {
   left: 50%;
   right: 0;
   margin-left:-150px;
}

.animated .ui-progressbar-value { 
    background-image: url("/admin/pages/jakarta.faces.resource/images/progress.gif?ln=app");
}

input[type="text"] {
     width: 90%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}

label {
	font-weight:bold;
}


.whitePaddedText {
	color: white;
	padding: 5px;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media print {
  	
  	.pageBreak {
  		page-break-after: always;
  		break-after: always;
	}
	
	.waiver {
	   	width: 100%;
	   	height: 800px;
    }
	
}

@media only screen and (min-width: 768px) {
    /* tablets and desktop */
    
    .ridestatsTopBar {
         width:100%;
         height:30%;
         -webkit-box-shadow: none;
	     -moz-box-shadow: none;
	     box-shadow: none;
     }
    
    .ridestatsSidebar {
    	z-index:10000;
		width:33%;
 	    overflow:scroll;
  	    max-height:100%; 
  	    margin-right:5px;
  	    margin-left:5px;
  	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}
	
	.layout-wrapper .layout-sidebar {
    	top:150px !important;
    }
    
     
    .adminPageTextBox {
		float:right;
		width:75%;
		padding-right:5px;
	}
    
    
}

@media only screen and (max-width: 767px) {
    /* phones */
    
    .ridestatsDesktop {
		display: none;    	
    }
    
    .ridestatsTopBar {
         width:100%;
         height:100%;
         -webkit-box-shadow: none;
	     -moz-box-shadow: none;
	     box-shadow: none;
	    margin-right:5px;
  	    margin-left:5px;
     }
    
    
  
    .ridestatsSidebar {
    		z-index:10000;
		width:100% !important;
 	    overflow:scroll;
  	    max-height:100%; 
  	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    margin-right:5px;
  	    margin-left:5px;
	}

}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
    
    .ui-wizard-step-title {
    	font-size: .8em;
    }
    
     .ridestatsDesktop {
		display: none;    	
     }
     
     .ridestatsTopBar {
         width:100%;
         height:100%;
     }
     
    .ridestatsSidebar {
    		z-index:10000;
		width: 100% !important;
 	    overflow: scroll;
  	    max-height: 100%; 
	}
	
} 

@media only screen and (max-width: 480px) {
	/* JUST phones */
   	.hideOnMobile {
		display:none;
	}
	
	.ui-wizard-step-title {
    	font-size: .8em;
    }

}

locationAddressCell {
	display: inline-block;
	margin:1em;
}

.fireEngine
{
	font-weight: bold;
	background-color: red !important;
	color: white !important;
	padding: 5px;
}

.yellowEngine
{
	font-weight: bold;
	background-color: yellow !important;
	color: black !important;
	padding: 5px;
}

.fireEngine:before {
    font-family: FontAwesome;
    content: "\f06d";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

/* Main Container -  this controls the size of the circle */
.circle_container
{
	float: left;
	width : 175px;
	height : 175px;
	margin : 0;
	padding : 0;
/*	border : 1px solid red; */
}

/* Circle Main draws the actual circle */
.circle_main
{
	width : 100%;
	height : 100%;
	border-radius : 50%;
/*	border : 2px solid #6ec5ff;	/* can alter thickness and colour of circle on this line */ 
	margin : 0;
	padding : 0;
/*	background-color: #6ec5ff; */
}

/* Circle Text Container - constrains text area to within the circle */
.circle_text_container
{
	/* area constraints */
	width : 70%;
	height : 70%;
	max-width : 70%;
	max-height : 70%;
	margin : 0;
	padding : 0;

	/* some position nudging to center the text area */
	position : relative;
	left : 15%;
	top : 15%;
	
	/* preserve 3d prevents blurring sometimes caused by the text centering in the next class */
	transform-style : preserve-3d;
	
	/*border : 1px solid green;*/
}

/* Circle Text - the appearance of the text within the circle plus vertical centering */
.circle_text
{
	/* change font/size/etc here */
	font: 28px "Tahoma", Arial, Serif;	
	text-align : center;
	font-weight: bold;
	color: white !important;
	
	/* vertical centering technique */
	position : relative;
	top : 50%;
	transform : translateY(-50%);
}

.circle_text a {
	color: white !important;
}

.blueHeader {
	background: #848485 !important;	
	font-weight: bold;
	color: white !important;
}

.adminPagePanelGroup {
    display:inline-block;
	padding:5px;
	margin:5px;
	width:100%;
}

.fc-event {
    cursor: pointer;
}     

.fc-day-grid-container {
	height:100% !important;
}

.fc-day-grid-event .fc-content .fc-title{
    white-space: normal;

}

.ui-datatable thead th {
   white-space:normal !important;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li.active-item {
	background-color: #444444 !important;
}

.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-contents {
	background-color: #444444 !important;
}

.sunrise {
 	margin-right:10px;margin-left:10px;color:orange;
 }
 
 .sunset {
 	margin-right:10px;margin-left:10px;color:purple;
 }
 
.ck.ck-editor {
	width: 95% !important;
}