/*------------------------------------------------------------------
* Project:        							Ozark Mountain Railcar
* Author:         							brainflo.com
* URL:            							https://brainflo.com

* Gold #93753C
* Brown #662935

-------------------------------------------------------------------*/
/* Chrome, Safari, Edge, Opera  Spinner hide*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
a:hover{
	cursor: pointer;
}
.btn-login{
	margin-top: 23px;
	margin-left: 20px;
}
.floatRight{
	text-align: right;
	float: right;
}
.mainLogo{
	width:100%;
	max-width: 300px;
	margin-bottom: 20px;
}
.center{
	margin: 0 !important;
	text-align: center !important;
}
.alert {background-color: #faebeb;border: 1px solid #dc7070;color: #212121;}
.hide{
	display: none !important;
}
/* make the menus scroll if needed */
@media (max-height: 600px ){
	.navbar-nav ul li ul{
	   max-height:400px;/* you can change as you need it */
	   overflow-y:auto;/* to get scroll */
	}
}
.originalPrice span{
	text-decoration: line-through;
	font-size: .9em;
}
.productBodyImages {
	margin: 5px;
	width: 190px !important;
	  box-shadow: 8px 8px 10px #aaa;
	  float: left;
}
.productBodyImagesRight{
	clear: both;
	margin: 10px 0 10px 20px;
	width: 40% !important;
	  box-shadow: 8px 8px 10px #aaa;
	  float: right;

}
.productBodyImagesLeft{
	margin: 10px 20px 10px 0;
	width: 40% !important;
	  box-shadow: 8px 8px 10px #aaa;
	  float: left;

}
.productBodyImagesMid{
	margin: 10px 0 20px 0;
	width: 300px;
	box-shadow: 8px 8px 10px #aaa;
	  float: left;

}
.productBodyImagesFull{
	margin: 10px 0 20px 0;
	width: 100%;
	box-shadow: 8px 8px 10px #aaa;

}
.assetBadge{
	max-height: 100px;
	vertical-align: top;
}
.assetBadgeTable td{
	vertical-align: middle;
	padding: 10px;
}
.sliderTrayImage{
	height: 100px;
}
.gallery-nav-not-tab{
	border: 1px solid #CCC;
}
.priceBox{
	margin-top: 20px !important;		
}
.otherProducts img{
	height: 180px;
	width: 260px;
}
.sliderTrayMainImage{
	max-height: 475px !important; 
}
.featuredButton{
	position: absolute;
	top: 350px;
	left:0;
	text-align: center !important;
	width:100%;
	
}
.car-item{
	overflow: hidden;
	min-height: 450px;
}
.link{
	/* color: #595959 !important; */
	color: #3200e3 !important;
}
.productListColumnHead{
	font-size: 1.25em;
	font-weight: 800;
	border-bottom: 1px solid black;
}
.productListBreak{
	margin: 5px 0 5px 0;
	border-bottom: 1px solid rgba(22, 0, 159, 0.42)
}
.productListText{
	line-height: 1.35em;	
}
.whiteText{
	color: #fff !important;
}
.redText{
/*	color: #94763d !important; */
	color: #ED1C24 !important;
}
.redBackground{
	background-color: #DB1038 !important;
}
.height40{
	height: 40px !important;
}
.bold{
	font-weight: 900;
}
.width-500{
	width 100%;
	max-width:500px;
	margin-top: 0;
	padding-top: 0;
}
.width-900{
	width 100%;
	max-width:900px;
	margin-top: 0;
	padding-top: 0;
}
.listReadMore{
	color: #93753C !important;
	font-weight: 800;	
}
.alwaysShowList{
	color: #666 !important;
}
.pagerButtons a{
	color: #666 !important;
}
.adListings{
	width: 100%;
	margin-top: 50px;
	text-align: center !important;
	display: inline-block;
}
.adListings img{
	width: 120px;
	height: 240px;
	overflow: hidden !important;
	margin: 5px;
	display: inline;
}
.outline{
	border: 1px solid black ;
}
.currency {
  padding-left:12px;
}

.currency-symbol {
  position:absolute;
  padding: 2px 5px;
}
.titleRailEquipment{
	color:#666;
}
.adminSelected{
	color: #000 !important;	
	margin-left: 20px;
}
.groupOutline{
	border: 1px solid #bebebe;
	margin-bottom: 10px;	
	
}
.groupTitle{
	color:#fff;
	font-weight: 800;
	padding-left: 15px;
	background-color: #bebebe;
	font-size: 1.25em;
	margin-bottom:0 !important;
}
.labelEditorTitle1{
	padding: 5px ;
	font-size: 1em !important;
}
.labelEditorTitle2{
	padding-left: 5px;
	padding-bottom: 5px;
}
#uploadFrame{
	width: 100%;
	height: 110%;
	min-height: 750px;
	overflow: scroll;
	border: none;
	
}
.versionId{
	font-size: .75em;
	font-weight: 100;
	position: relative;
	float: right;
}
.dropZoneDiv{
	background-color: #bebebe !important;
	margin-top: 0;
	height: 70px !important;
}
.dropZoneDiv .fileinput-button, .fileinput-button-refresh{
	margin-top: 20px !important;
}
#dropZoneName{
	color: rgba(255, 255, 255, 0.5) !important;
	font-size: 3em !important;
	margin-top: -55px;
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 300;
}
#dropZoneName span{
	font-size: .5em ;
}
/* asset filter */
.bold-blue {
	font-weight: bold;
	color: #0277BD;
}
.active a{
	font-weight: 900 !important;
	font-style: italic !important;
}
.textFrame{
	margin-top: 0;
	padding-top: 0;
	width: 100%;
	min-height: 350px;
	overflow: hidden;
	background: none !important;
}
.thumb220{
	max-width: 220px !important;
}
.editButtonEquipment{
	display:inline;
	margin-top: -5px;
}
.nameBlock{
	margin-top: 10px;
	margin-left: 20px;
}
.nameBlock p{
	margin: 0;
	line-height: 1.2em;
	color: #000;
}
.nameBlock p span{
	color: #666;
}
.nameBlock a{
	color: #000;
	margin: 0;
	line-height: 1.2em;
}
.margin-1, .margin1{
	margin: 1px;
}
.dragable{
	font-weight: 100;
	text-align: right;
	margin-top: 10px;
	color: rgba(0, 0, 0, 0.5);
}
.marginTop1{
	margin-top: 1px !important;
}
.marginTop10{
	margin-top: 10px !important;
}
.marginTop50{
	margin-top: 50px !important;
}
.smallTextButton{
	font-size: .5em;
}
.smallTextButton3{
	font-size: .7em;
	margin-top: -5px;
	display:block;
}
.showPointer{
	cursor: pointer !important;	
}
.smallTextButton2{
	font-size: .7em;
}
.smallAndLightText{
	font-size: .75em;
	color: #333;
}
.menuCounts{
	color: #999;
}
.media-box-banner{
	width: 100%;
	background: #286090;
	color: #fff;
	font-size: 1.5em;
	text-align: center;	
}
.media-box-banner-sold{
	width: 100%;
	background: #DB0F38;
	color: #fff;
	font-size: 1.5em;
	text-align: center;	
}
.media-box-banner-auction{
	width: 100%;
	background: #FFFF00;
	color: #000;
	font-size: 1.5em;
	line-height: 1.1em !important;
	text-align: center;	
	padding: 10px;
}
.sortableImgDiv{
	width: 125px;
	height: 125px;
	margin: 0 5px 5px 0;
	padding: 0;
	display: inline-block;
}
.formMessage{
	color: #93753C !important;
	margin: 20px;
	font-size: 1.5em;
}
.indent{
	margin-left: 20px;
}
.catIndex{
	text-align: center;
	font-size: 2em;
	line-height: 1em;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #FF3755;
	height: 100px;
	width: 125;
}
.index-categories:hover { 
	background-color: #ffffff;
	color: #ffffff !important;
	border: 2px solid #93753C !important; 
	
}
.index-categories { 
	margin: 0 auto; 
	border: 2px solid #93753C; 
	padding: 4px;
	text-align: center;
	color: #93753C;
	margin:5px;
}
.index-categories h2{ 
	color: #93753C;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 12px;
	text-align: center;
}
.browse-categories:hover{ 
	background-color: #93753C !important;
	color: #fff !important;
	border: 2px solid #93753C !important; 
	
}
.browse-categories { 
	margin: 0 auto; 
	border: 2px solid #93753C; 
	padding: 4px;
	text-align: center;
	color: #93753C;
	margin:5px;
}
.browse-categories:hover h2{ 
	color: #fff;

}
.browse-categories h2{ 
	color: #93753C;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 12px;
	text-align: center;
}
.indexFilter{
	margin: 0 auto;
	text-align: center;
}
.indexFilterText a{
	color: #000 !important;
	font-size: 1.1em;
	vertical-align: middle;	
}
.grid-section{
	margin-top: -20px;
	padding-top: 0;
	padding-bottom: 0;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.marginLeft-3{
	margin-left: 3px;
}
.marginLeft-10{
	margin-left: 10px;
}
.btn-default-grid {
/*    color: #DB0F38; */

margin-right: 2px !important;
margin-bottom: 2px !important;

	border: 1px solid #DB0F38;
	color: #000;
    background-color: #fffff;
    font-weight: 500 !important;
    letter-spacing: normal !important;
}
.btn-default-grid a {
    letter-spacing: normal !important;
    text-transform: none !important;
	
}
#fileRefresh{
	display: inline-block;

}
.mainTitle{
	padding: 0 !important;
	margin-top: -30px;
	margin-bottom:20px;
}
.mainDescriptions{
	text-align: left !important;
	border: 1px solid #dfcbcb;
	margin: 0 !important;
	padding: 0 !important;
}
.mainDescriptions p{
	font-size: 1em;
	line-height: 1.3em;
	font-family: sans-serif;
	font-weight: 400 !important; 
	
	margin: 0 10px 5px 10px !important;
	color:#6D6D6D !important;
	text-align: left !important;
	color:#0f0f0f !important;
}
.privateNotes{
	margin-top: 10px;
	text-transform: none;
	font-size: .55em;
	font-weight: 300;
	margin-bottom: 0;
	padding-bottom: 0;
}
.full-width{
	width: 100%;
	
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
#itemList_length{
	margin-top:15px;
	display: inline;
}
#itemList_filter{
	margin-top:10px;
	float: right;
	margin-bottom: 10px;
}

.slick-item-image {
	height: 626px !important;
	overflow: hidden;
	display: block !important;
}

.no-margins-100{
		padding: 0 !important;
		margin: 0 !important;
		width: 100%;		
	
}

#responsive-menu{
	padding-left:0;
	margin-left:0;
	z-index: 99999;
}
.borderTest{
	border: 1px solid black;
}
.message{
	margin: 0px auto;
	width: 100%;
	padding: 40px;
	color: #93753C !important;
	display: block;
}
.margin5{
	margin: 5px;
}
.oldCustomerNote{
	font-size: 1.5em;
	text-align: center;
	margin: 10px;
	color: #93753C;
	font-weight: 400;
}
.oldCustomerNote a{
	font-weight: 800;
	color: #93753C;
}
.payPalShipping{
	font-size: 12px !important;
	display: block;
	font-weight: 400;
}
.registrationError{
	
	font-size: 1.3em;
}
.privateImgDiv{
	font-size: 12px;
	display: inline-block;
	margin:5px;
	border: 1px solid #c6c6c6;
	height: 250px;
	width: 156px;
	
	vertical-align: top;
}
.documentIcons{
	width:150px;	
}
.fileNameNotes{
	font-size: 12px;
	word-break: break-word;
	line-height: 14px;
	margin: -15px 5px 5px 5px;

}
#map{
	margin: 0 auto ;
	text-align: center;
	margin-left: 10%;
}
.fixedWidth70{
	width: 70px !important;	
}
.cartButtonAuctionDescrText{
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	text-align: left;
	
}
.auctionTextPrice{
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 10px !important;
	font-size: 12px;
	padding: 0;
	line-height: 8px;
	
}
.cartAuctionBox{
	background-color: #fff;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 700;
	color: #000;
	padding: 5px;

	
}
.cartAuctionBox input{
	background-color: #e1ffff;
	margin-top: -10px;
	margin-bottom: 10px;
}
.cartButtonAuction{
	background-color: #FFFF00;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 700;
	color: #000;
	width: 100%;
	border: 1px solid black;
	
}
.cartButton{
	background-color: #FFFF00;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 700;
	color: #000;
	
}
.yellowBackground{
	background-color: #FFFF00;	
}
.qtyCart{
	width:60px;
	display:inline;
	margin:5px 5px 5px 0;
}
.right{
	text-align: right !important;
	
}
.left{
	text-align: left;
}
.payPalButtonStyle-payPal {
	background-color:#dd9000; 
	border-color:#00A6CC; 
}
.payPalButtonStyle-ltBlue {
	background-color:#00A6CC; 
	border-color:#00A6CC; 
}
.payPalButtonStyle {
	color:#ffffff;
	font-size: 15px;
	font-weight: bold;
	padding: 15px 30px;
	border-radius: 3px;
	line-height: 1.5em;
	text-decoration:none;
	margin:10px;
	height: 50px;
	display: inline-block;
}
.payPalButtonStyleButton{
	border-width:0;
	color:#ffffff;
	font-size: 15px;
	font-weight: bold;
	padding: 15px 30px;
	border-radius: 3px;
	line-height: 1em;
	text-decoration:none;
	margin:10px;
	height: 48px;
	display: inline-block;
}	
a.payPalButtonStyle:hover,input.payPalButtonStyle:hover {
	background-color:#00748E;
	color:#fff;
}
.blueText{
	color: #003795;
}
.blueBackground{
	background-color: #003795;
}
/* Spinner  */
.animationload {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.osahanloading {
    animation: 1.5s linear 0s normal none infinite running osahanloading;
    background: #fed37f none repeat scroll 0 0;
    border-radius: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}
.osahanloading::after {
    animation: 1.5s linear 0s normal none infinite running osahanloading_after;
    border-color: #85d6de transparent;
    border-radius: 80px;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 80px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 80px;
}
@keyframes osahanloading {
0% {
    transform: rotate(0deg);
}
50% {
    background: #85d6de none repeat scroll 0 0;
    transform: rotate(180deg);
}
100% {
    transform: rotate(360deg);
}
}
/* End Spinner */
#checkOut{
	display:none;
}
.formsField{
	font-weight: 800;
}
.cartButton p{
	font-weight: 400;
	margin: 5px;
}
.cartButton button{
	border: 1px solid black;
	margin: 5px;
}
.ml-10{
	margin-left: 10px;	
}
.middle{
	vertical-align: middle !important;
	line-height: 100% !important;
}
.emailNewsletterBanner{
	background-color: #93743B;
	margin-bottom: 10px;
}
.emailNewsletterBanner h3{
	font-size: 1.35em;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	text-align: left;
}
.underline{
	border-bottom: 1px solid #5d5d5d;
}
.loginTc{
	border: 1px solid #3200e3;
	background-color:rgba(255, 0, 48, 0.05);
	color: black;
	font-size: 1em;
}
/* Banner Text */
.pulse {
  animation: pulse 2s 2s forwards;
}
.pulse-long {
  animation: pulse 10s 2s forwards;
}

.jump {
  animation: jump 1s 2s forwards cubic-bezier(.84,-0.54,.31,1.19);
}

.waggle {
  animation: waggle 1s 3s forwards ease-out;
}

.sheen {
  position: relative;
  overflow: hidden;
}

.sheen:after {
  animation: sheen 1s 4s forwards;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5) 50%, transparent);
  transform: rotateZ(60deg) translate(-1em, 4em);
}

.spin {
  animation: spin 1.5s 5s forwards cubic-bezier(.56,-0.35,.22,1.5);
}

.fade {
  animation: fade 1s 6.5s forwards;
}

@keyframes pulse {
  0% {
    background-color: #93753C;
  }
  25% {
    background-color: #662935;
  }
  50 {
    background-color: #93753C;
  }
  75% {
    background-color: #662935;
  }
}

@keyframes jump {
  0% {
    transform: none;
  }
  50% {
    transform: translateY(-2em);
  }
}

@keyframes waggle {
  0% {
    transform: none;
  }
  50% {
    transform: rotateZ(-20deg) scale(1.2);
  }
  60% {
    transform: rotateZ(25deg) scale(1.2);
  }
  67.5% {
    transform: rotateZ(-15deg) scale(1.2);
  }
  75% {
    transform: rotateZ(15deg) scale(1.2);
  }
  82.5% {
    transform: rotateZ(-12deg) scale(1.2);
  }
  85% {
    transform: rotateZ(0) scale(1.2);
  }
  100% {
    transform: rotateZ(0) scale(1);
  }
}

@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(0, -4em);
  }
}

@keyframes spin {
  50% {
    transform: rotateZ(-20deg);
    animation-timing-function: ease;
  }
  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes fade {
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
  }
}

.start-now, .start-now:after {
  animation-delay: 0;
}
.buttons-container {
  font-size: 24px;
  margin: 4em auto 0;
  text-align: center;
}

button {
  background: orange;
  border: 6px solid #eee;
  border-radius: 1em;
  color: #fff;
  font-size: 24px;
  padding: 0.5em 1em;
  margin: 0.25em 0;
  min-width: 7em;
}

button:active {
  border-color: #aaa;
}

button:focus {
  outline: none;
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #fff !important;
}
/* End Banner Text */
.allWhite{
	color: #fff !important;
	cursor:  default !important;
	border: 0px solid black !important;
}
#email{
/*	color: #fff !important;
	cursor:  default !important;
	border: 0px solid black !important; */
	
}
.custom-control-label {
  position: relative;
}

.custom-control-label::before,
.custom-control-label::after {
  left: -1.5rem;
}
#clickAccept{
	font-weight: 800;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
}
.btn-outline{
	border: 2px solid red;
}
.navbar-primary{
	background-color: #fff;
}
.table-hover, .table-hover a {
	cursor: auto;
}
/* Row Stripe */
.row-striped:nth-of-type(odd){
  background-color: #efefef;
  padding: 5px;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  padding: 5px;
}
.row-striped:hover{
  background-color: #f5f5f5;
  cursor: default;
}
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.emailUnRead{
	font-weight: 900;
}
#itemList{
	width: 100% !important;
	max-width: 1144px !important; 
}
#itemList2_filter, #itemList_paginate, #itemList2_paginate, #itemTask_filter,#itemTask_paginate{
	float:right;
}
.dataTables_length, #itemList_info, #itemList2_info, #itemTask_info{
	float:left;
}
#itemList_paginate, #itemList2_paginate,#itemTask_paginate{
	margin-top:-20px;	
}
/* Email Messages */
#emailMessage {
	color:#fff;
	text-align: center;
  display: inline-block;
  width:100%;
  font-size: 18px;
  vertical-align: middle;
  height: 100%;
}
/* End Email Messages */
.dataTables_paginate{
	padding-top: 25px !important; 
}
/* Typeahead */

.typeahead,
.tt-query,
.tt-hint {

/* This was interfearing with type ahaed. Added this line to fix */
	display: none;


  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}


/* End Typeahead */
.emailNamesDiv{
	height: 100%;
	display: inline;
}
.emailDocNames{
	font-size: .75em;
	color: black;
	margin-left: 3px;
	line-height: 40px;
	vertical-align: middle;
 }
.emailDocIcons{
	color: blue;
	font-weight: 100 !important;	
	vertical-align: middle;
	margin-left: 10px;
}
/* Click Button affect */

.clicked span, .clicked i{
	color: grey !important;
}

/* End Click button effect */

.email-title {
    margin: 0;
    padding: 3px 5px !important;
    width: 100%;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #595959;
    height: 25px;
}
.emailFolderBar {
	margin: 5px !important;
}
.clickToOpen{
	cursor: pointer;
}
.emailActivity{
	line-height: 1.2em;
	font-size: .9em;
	color:#111111;
	overflow: hidden;
}
.medText{
	color: #999;	
}
.blackText{
	color: #2b2b2b;
}
.emailActivity span{
	color: #666;	
}
.activitySubHead{
	margin-bottom: 0;
	width: 100%;
	background: #e9e9e9; 
	padding: 0;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
}
.sendActionButtons{
	margin-top: -435px !important;
	display: block;
}
.oneLine{
	white-space: normal;
	margin: 0;
	padding: 0;
/*	min-width: 300px; */
	width: 100% !important;
	min-width: 300px;
	display: block;
}
.lightText{
	color: #7d7d7d;
}
.mtNoMobile-50{
	margin-top: -50px !important;
}
.dtr-details {
	/* spacing on datatables child rows */
	margin-top: -20px !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.taskSubHead{
	margin-bottom: 0;
	width: 100%;
	background-color: #99ff9c;
	color: #000;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.emailTitle{
    margin: 0;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500;
    color: #595959;	
}
.actionBar {
	min-width: 175px;
	display:inline-block;
}
.emailDateBlock {
	min-width: 125px;
	display:inline-block;
	overflow: hidden;
}
.emailSubjectBlock {
	min-width: 400px !important;
	max-width: 400px !important;
	display:inline-block;
	overflow: hidden;
}
.emailNameBlock {
	width: 350px !important;
	display:inline-block;
	overflow: hidden;
}
.emailSubjectBlockWithType {
	width: 300px !important;
	overflow: hidden;
	display:inline-block;
}
.emailNameBlockWithType{
	min-width: 50px !important;
	max-width: 300px !important;
	overflow: hidden;
	display:inline-block;	
}
.emailActionBlock {
	font-size: 20px;
	margin: 2px;
	min-width: 25px;
}
.taskAlert {
	background-color: #99ff9c !important;
	overflow: hidden;
	max-width: 100% ;
}
#dropZoneTask{
	height: 150px;
	overflow: hidden;
}
.btn-archive{
  background-color: #2C4762;
  border-color: #2e6da4;	
  color: #fff;
}
.btn-contacts {
    color: #fff;
    background-color: #0f9bdc;
    border-color: #00aeff;
}
.btn-task {
    color: #333;
	background-color: #99ff9c;
    border-color: #79d47c;
}
.btn-cal {
    color: #fff;
	background-color: #587ca3;
    border-color: #00458f;
}
.btn-adminHome {
    color: #333;
	background-color: #fff;
    border-color: #666;
}
.btn-adminHomeReverse {
    background-color: #333;
	color: #fff;
    border-color: #666;
}
.btn-notes {
    color: #fff;
	background-color: #ff4a4a;
    border-color: #ff0000;
}
.dateChangeTask{
	margin: 10px;
}
#dateReminder{
	background-color: #99ff9c;
}
.emailUnread{
	color:#000 !important;
}
.emailRead{
	color: #666 !important;	
}
.emailPriority{
	color: #94763d !important;
}
td:before{
	background-color:transparent !important;
	color:#000 !important;
	
}
.fas{
	color: #787878;
}
.select-mini {
   height: 20px;
  line-height: 20px;
  background-color: #93753C;
  color:#eeee;
}
/* hide the mobile reresh button */
#refreshDesktop{
	display: block !important;
}	
#refreshMobile{
	display: none !important;
}	
.emailButtonControlBar {
	width: 100%;
	font-size: 28px ;
	text-align: center;
	margin: 0 auto !important;
}
.emailButtonControlBarTop {
	margin-top: -30px !important;
}
.emailButtonControlBar td {
	padding: 3px;
}
.emailActionIcons{		
	font-size: 35px !important;
	margin: 3px 7px 3px 7px !important;
	display: inline !important;
	
}
#doNotDisturbMobileDiv {
	
		display: none;

}
#doNotDisturb { 
	margin-top: -5px !important;
	margin-bottom: -3px !important;
	max-width: 225px;
	height: 30px !important;
	font-size: 14px;
	line-height: 12px;
	background-color: #662935 !important;
	color: #fff;
}
.emailRead a{
	overflow: hidden;
	max-width: 100% ;
	font-weight: 300 !important;

}
#contactAddButtonMobile {
	display:none !important;
}
.emailMenu{
	border: 1px solid #9999;
	display: inline-flex;
	width: 100%;
}
.emailMenuItem{
	border: 1px solid #9999;	
}
.showOnlyMobile{
	display: none;
}

/* End of css for all screen sizes*/
















@media  screen and (max-width: 1100px) {
	.emailButtonControlBarTop {
		margin-top: 0 !important;
	}
	
}

/* End of css for all screen sizes*/

@media  screen and (max-width: 840px) {
	table{
		max-width: 100% !important;
		overflow: hidden !important;
	}
	.mtNoMobile-50{
		margin-top: 0 !important;
	}
	.emailButtonControlBarTop {
		margin-top: 0 !important;
	}
	
	.showOnlyMobile{
		display: block;
	}
	/* show the mobile reresh button */
	#refreshDesktop{
		display: none !important;
	}	
	#refreshMobile{
		display: block !important;
	}	
	#emailAttachments{
		margin-bottom: 100px !important;
	}
	.breadcrumb-wrapper{
		
		margin-top: 0 !important;
	}
	.outline{
		border: 1px solid black ;
		min-height: 45px;
	}

	.btn-group {
		padding: 5px;
		
	}
	.btn-group-center{
		padding: 0 5px;
		margin: 0 auto;
		display: block ;
		width:100% !important;
	}
	.btn{
		display: inline-block !important;
		padding: 10px;
		width:100% !important;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 15px;

	}
	#forgotCancelButton, #forgotLogInButton{
		margin-left: -7px;
		margin-bottom: 15px;
	}
	#forgotPasswordButton{
		margin-bottom: 15px;
	}

	#itemList_filter{
		margin-top:0;
		float: left !important;
		margin 0 auto;
	}
	
	.slick-item-image {
		height: 360px !important;
		overflow: hidden;
		display: block !important;
	}
	.centerAdjustSlider{
		margin-left: -28px !important;
	}
	.centerAdjustSlider2{
		margin-left: -15px !important;
	}
	.btn-block-mobile{
		display: block;
		width: 100%;
	}
	.btn-block-mobile-wrap{
		overflow: auto !important;
		word-wrap: break-word !important;
		white-space: normal !important;
	}
	.sliderTrayMainImage{
		max-height: 200px !important;
	}
	.mobil-top-margin-reduce {
		margin-top: -50px !important;
	width: 100%;		
	padding:0 ;
	}
	.mobile-no-margins-100{
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;		
	}
	.mobile-small-paddings-100{
		padding: 0 5px 0 0 !important;
		margin: 0 !important;
		width: 100%;		
	}
	.mobile-fix-header	{
		margin: 0 10px 0 20px;
	}
	.no-show-mobile{
		display:none;
	}
	.mobile-small-margins-90{
		padding: 0 !important;
		margin: 5px !important;
		width: 90%;	
	}
	#map{
		display: none;
	}

	.sendActionButtons{
		display: none ;
	}
	.emailButtonControlBar{
	}

	.emailActionIcons{		
		font-size: 35px !important;
		margin: 3px 7px 3px 7px !important;
		display: inline !important;
	}
	.emailActionBlock {
		font-size: 25px !important;
		margin: 5px !important;
		
	}
	.refreshEmailIcon{
		font-size: 50px !important;
		margin: 10px !important;
		display:  block;
		position: fixed;
	}
	.emailFolderBar {
		width: 47% !important;
		display:  inline-block !important;
		float: left !important;
		margin: 3px 3px 3px 3px !important;
		font-size: .8em;
	}

	
	.emailDateBlock {
		min-width: 125px;
		display:block;
		overflow: hidden;
	}
	
	.emailSubjectBlock{
		margin: 20px !important;
		min-width: 1% !important;
		max-width: 100% !important;
		display: block;
		overflow: hidden;
		white-space:wrap;
	
	}
	.emailNameBlockWithType{
		min-width: 1% !important;
		max-width: 100% !important;
		overflow: hidden;
		display:block;
	}
	
	.emailNameBlock {
		width: 100% !important;
		display:inline-block;
		overflow: hidden;
	}
	.emailSubjectBlockWithType {
		width: 100% !important;
		overflow: hidden;
		display:block;
	}
	.dtr-details>li:first-child{
		margin-top: 20px;
	}​
	.parent{
		margin-bottom: 10px !important;
		display: block;
	}
	.child{
		
	}
	.dtr-details  .dtr-title {
	}
	.oneLine{
		    position: relative;
	
		white-space: normal;
		margin: 0;
		padding: 0;
		width: 100px !important;
		display: block;
	}
	.actionBar {
		width:100%;
		float: left;
		margin-top: -15px;
		margin-left: 0 !important;
		margin-left: -15px !important;
	}
	.emailActionBlock {
		font-size: 25px !important;
		margin: 4px !important;
		min-width: 25px !important;
	}
	#doNotDisturbMobileDiv { 
		display: inline-flex !important;
		width: 100% !important;
	}

	#doNotDisturbMobile { 
		display: block !important;
		height: 50px !important;
		font-size: 18px;
		line-height: 20px;
	}
/*
	.dtr-details a{
		display: inline !important;
		float: left !important;
		margin: 0 !important;
		padding: 0 !important;
	}
*/
	
	#dataTable td {
			float:left !important;
			width: 50px !important;
			margin: 5px;
			white-space: normal;
	
	}
	/*
		li {
			float:left !important;
			width: 50px !important;
			margin: 5px;
			white-space: normal;
	
		}
	*/	
	
		.slicknav_btn {
			margin-top: -12px;
			color: #000;
			font-weight: 900;
		}
	.mobileClose{
	}
	
	#navbar{
		margin-top: 30px;
	}
	.nav-row a{
		font-size: 20px !important;
	}
	
	#updateTask{
		float: right !important;
		margin-right: 10px !important;
		display: block !important;
		margin-top: 10px !important;

	}
	#fileRefresh, #dropZoneName{
		
		display:none !important;

	}
	.page-title{
		font-size: 1em !important;
		margin: 0 !important;
	}
	.mce-flow-layout-item {
		height: 10px !important;
	}
	.textAreas{
		border: 1px solid #333;
	}
	#contactAddButtonDesktop{
		display:none;
	}
	#contactAddButtonMobile {
		display:inline-block !important;
	}
	.filterEmailTable{
		width: 97% !important;
		margin-left: 1px !important;
	}
	.filterEmailTable a{
		width: 98% !important;
		margin: 0 1px 0 1px auto;
	}
	/* make the toolbar wrap */
	.mceToolbar{
		margin-bottom: 100px !important;
		padding: 100px;
		margin: 0 6px 2px; 
	  display: inline-table !important;
	}
	#mceu_7-body div {
	    display:inline-block !important;
	    width: 30% !important;
		text-align: center !important;
	    border: 1px solid #333;
	}
	.mce-container{
		width: 100% !important;
		margin-bottom: 30px !important;
	}
	
	.emailMenu{
		border: 1px solid #9999;
		display: inline;
		width: 100%;
	}
	.emailMenuItem{
		border: none;	
	}
	.railActivity td, 	.railActivity th, 	.railActivity{
		display: block !important;
		
	}


}/* end mobile max-width: 640px*/
/* print */
.thumbnail{
	min-height: 100%;
	margin: 1px;
}    
.cookieAccept{
	padding: 10px;
	width: 100%;
	background-color: #000;
	position: fixed;
	bottom: 0;
	color:#fff;
}
.cookieAccept h4{
	color:#fff;
	font-size: 18px;
	font-weight: 500;
}
.cookieAccept h4 a{
	color:#d9d4ff;
	font-size: 18px;
	font-weight: 500;
}
.centralTime{
	font-weight: 200;
}
.fullLengthWhiteonBlack{
	width: 100%;
	background: #000;
	color: #fff;
	padding-left: 5px;
}
.socialSelect{
	width: 200px;
	margin-left: 10px;
	margin-top: -7px !important;
	display:inline-block;
	color: #000;

}
.newInvoice{
	border:1px solid black;
	padding: 30px;
	font-size: 18px;
	margin: 10px;
	display: inline-block;
	max-width: 300px;
}