@CHARSET "UTF-8";

/*STUFF THAT IS OVERWRITING EXISTING STUFF IN PTS.CSS*/
.top_button_bar{
	margin:0;
	padding-top:40px;
}


.DTTT_button2_on {
	color: #174781;
}

.DTTT_button2_bar_on {
	background-color: #174781;
	border: 1px solid;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-color: #174781;
}

#content_area_group_title h2{
	font-size:40px;
	text-transform:uppercase;
	color: #AAB2BD;
	display:inline-block;
	margin-bottom:40px;
	max-width:80%;
}

.navLevel-0HoverButtonHidden {
    padding-left: 8px !important;
}

#top_button_bar_container {
	position:relative;
}

#top_button_bar_container .DTTT_button_action{
	background-color:#0C529B !important;
	position:absolute;
	right:0px;
	bottom:5px;

}

#top_button_bar_container .DTTT_button_action_on{
	background: #054282 !important;
	box-shadow: inset 0px 8px 8px 0px rgba(0,0,0,0.25);
	border-radius: 4px;
	
}


#top_button_bar_container .DTTT_button_action:hover{
	background-color:#0568CF !important;
}

#top_button_bar_container .DTTT_button_action_on:hover{
	background: #054282 !important;

}


.top_button_bar{
	padding-top:80px;
}

#content_area_group_title{
	position:relative;
}

.DTTT_button2 {
    margin: 10px 15px;

}

.DataTables table.eo_row_colors tbody tr.odd td{
    background: none !important;
}

.DataTables table.eo_row_colors tbody tr.odd {
    background: #F5F7FA !important;
}

.DataTables table.eo_row_colors tbody tr.odd:hover  {
    background-color:#CCD1D9 !important;
}

#content_area_group_title{
	padding-left:0;
}

.contentWrapper{
	padding-top:0px !important;
}

.DataTables .dataTables_filter input {
	margin-right:5px !important;	
}

input[type="button"] {
	font-size: 12px !important;
	line-height: 12px !important;
	border-radius: 4px !important;
	border: 1px solid #3CAAF1 !important;
	background: #0692ED !important;
	webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	!important;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	!important;
	-ms-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	!important;
	-o-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	!important;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	!important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
	padding: 13px 20px 13px 20px !important;
}

	input[type="button"]:hover {
		background: #1EA6FF !important;
		border: 1px solid #6CB9EB !important;
	}
	
	textarea{
		height:auto !important;
		padding-top:8px !important;
		cursor:text !important;
	}
	
	
.DataTables table.light_grey_header th, .DataTables table.boldhead th { 
    vertical-align: middle;
    text-align:left;
}
/*STUFF THAT IS OVERWRITING EXISTING STUFF IN PTS.CSS*/
.DataTables tr.hover{
	cursor: pointer;
	background-color:#CCD1D9 !important;
	
}

.DataTables table.shrink_submit_btns input[type="submit"], .DataTables table.shrink_submit_btns input[type="button"] {
	height:auto !important;	
}

.contentWrapper{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

.footerbarp {
    margin-top:10px;
}

.DataTables .footerbar{
	padding:0px 0px !important;
}

.event_date{
	background-color:#1672B4 !important;
	color:#fff;
	border-radius:4px;
}

.toggle-container{
	margin-bottom:30px;	
}

input[type=radio]{
			margin-right:5px;
		}

button.toggle{
	font-size: 12px !important;
	line-height: 12px !important;
	background: #0692ED !important;
	border: 1px solid #3CAAF1 !important;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
	border-radius: 4px;
	color: #fff !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
	padding: 13px 20px 13px 20px !important;
	cursor:pointer;
	margin-right:5px;
}

button.toggle:hover {
		background: #1EA6FF !important;
		border: 1px solid #6CB9EB !important;
		box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25) !important;
	}

button.toggle_on{
	background: #0882D1 !important;
	box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,0.24) !important;
	border-radius: 4px;
}

button.toggle_on:hover{
	background: #0882D1 !important;
	box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,0.24) !important;
	border-radius: 4px;
	cursor:auto !important;
}

.toolBarHeader h1{
	font-size: 20px;
	color: #0C529B;
	font-weight:normal;	
}

#order_command_container .heading .rightcol {
    height: auto;
}

input[type="submit"], input[type="button"] {
	height:auto !important;	
}

input[type="text"], select, input[type="password"], textarea, .divtextarea {
	/*padding: 4px 5px 5px 4px !important;	*/
	margin-bottom:10px;
	margin-right:10px;
}

.divtextarea {
	height: inherit!important;
    min-height: 23px!important;
}

.RowSection {
	border-bottom: solid 1px #E6E6E6;
	padding: 10px;
}

.header_info_box {
    min-height: 40px;
    border: 3px solid #AAB2BD;
    padding: 10px;
}

.header_info_box ul.horizonal_list{
	list-style-type: none; padding:0 margin:0;
}

.header_info_box ul.horizonal_list li{
	display:inline;
	padding-right:10px;
}

.header_info_box h1{
	color:#434A54;
	font-size:12px;
	margin-bottom:6px;
}

.DTTT_button_mini:hover{
	text-decoration:none !important;
}

.sp_cart_item_quantity{
	
	position:relative !important;
	float:right !important;
	right:0 !important;
	width:auto !important;
	top:0 !important;
	
}

.search_listing{
	margin-left:0 !important;
}

.sp_cart_items{
	background:transparent !important;
}

.sp_cart_item_info{
	float:left;
}

.sp_cart_item_update{
	margin:0 !important;
}

.sp_cart_item_update{
	width:auto !important;
	position:relative !important;
}

.sp_cart_item_remove{
	position:relative !important;
	float:right !important;
	right:0 !important;
	margin-left:10px;
}

button.DTTT_button{
	height:auto !important;
}

button.DTTT_button_red, a.DTTT_button_red, input[type="button"].DTTT_button_red{
	background-color:#E9573F !important;
	border: 1px solid #F2806E !important;
}

button.DTTT_button_red:hover, a.DTTT_button_red:hover, input[type="button"].DTTT_button_red:hover{
	background-color:#FC6E51 !important;
	border: 1px solid #F8917B !important;
	
}

input[type="submit"]:hover{
	background: #1EA6FF !important;
		border: 1px solid #6CB9EB !important;
}

.cust_rpt_name{
	font-size: 20px !important;
	color: #0C529B !important;
	font-weight:normal !important;
}

.cust_options_container{
	border:0 !important;
}

/*=============================*/
/*LOADER
/*=============================*/
#pencil-loader-container {
	background: #F5F7FA;
	border: 2px solid #E6E9ED;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	border-radius: 4px;
	/*width: 20%;*/
	width:400px;
	text-align: center;
	color: #fff;
	
	/*opacity: 0.8;*/
	/*border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left:-200px;
	margin-top:-40px;
	z-index: 199999;
	padding:15px;

}

#pencil-loader-container h1{
font-size: 25px;
color: #434A54;
font-weight:normal;
margin-bottom:15px;

}

.loader-pencil-content  {
  align-items: center;
  display: flex;
  /*height: 100vh;*/
  justify-content: center;
  border-radius:4px;
  height:40px;
  width:100px;
  background-color:#0C529B;
  left:50%;
  margin-left:-50px;
  position:relative;
}


svg#loader-pencil {
  fill: #fff;
  /*width: 120px;*/
  height:20px;
}
  
#line {
  animation: linePencil .8s infinite linear;
}

@keyframes linePencil {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-150px);
  }
}

.DataTables .toolBarHeader {
  height:auto !important;
 
}

.DataTables .toolBarHeader select{
	margin-right:5px !important;
	margin-bottom:10px !important;
}

/*==============================================================================
//==============================================================================
//==============================================================================
//==============================================================================
//NAVIGATION - TODO MOVE THIS TO OWN CSS
//==============================================================================
//==============================================================================
//==============================================================================*/

#navLevel-0 a, #navLevel-0 button {
		color: #fff;
		display: block;
		font-size: 13px !important;
		line-height: 22px;
		padding-top: 16px;
		padding-bottom: 16px;
		text-transform: uppercase;
		text-decoration: none;
	}

/*==============================================================================
//==============================================================================
//==============================================================================
//==============================================================================
//NAVIGATION - TODO MOVE THIS TO OWN CSS
//==============================================================================
//==============================================================================
//==============================================================================*/

.input_pulldown{
	/*height:auto !important;*/
}


.zabuto_calendar {
	max-width: 310px;
}

#info_cell {
	width: 310px;
}