.HeaderBlock {
    width: 100%;
display:block;
    margin: 2em 0 0 0;
}





.WhiteBoard{
	width:100%; 
	border-collapse:collapse; 
}
.WhiteBoard td{ 
	padding:7px; border:#4e95f4 1px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
.WhiteBoard tr{
	background: #b8d1f3;
}
/*  Define the background color for all the ODD background rows  */
.WhiteBoard tr:nth-child(odd){ 
	background: #b8d1f3;
}
/*  Define the background color for all the EVEN background rows  */
.WhiteBoard tr:nth-child(even){
	background: #dae5f4;
}



.HeaderLogo {
	background-image: url("../images/plush_logo_200w.png");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	max-width: 200px;
	height: 107px;

	margin-bottom: 0;
	margin-top: 0;
}

.BodyBlock {
	min-height: 100px;
	margin-top: 0;
}

.FooterBlock {
	margin-top: 35px;
	text-align: center;
}

.BodyBlock h2 {
    display:block;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 20px 20px;
    color: #ccc;
    font-size: 2.5em;
	text-align: center;
	white-space: nowrap;
}

.BodyBlock h3 {
    display:block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.BodyBlock h4 {
    display:block;
    float: none;
    margin: 0 auto;
    text-align: center;
}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.large{font-size: 130%;}

/** home login page ***/
.home-login {
    display: block;
/*    float: left;
	clear: both;
	width: 33%;
	max-width: 350px;
    margin: 0;*/
	margin-left: auto;
	margin-right: auto;
	width: 400px;

}
/*.home-login form { max-width: 350px;}*/

.home-login input[type="password"],
.home-login input[type="email"] {
	/*float: right;*/
	
	}

.admin-login {
    display: block;
   text-align: center;
    margin: 16px auto 0;
    margin-left: auto;
    margin-right: auto;
}

.admin-login input {
	width: 250px;
}

.home-login label{
	display: inline-block;
   text-align: right;
}

.home-login .email label{margin-right: 2em;}

a.forgot {
    clear: none;
    float: left;
    margin-top: 16px;
    margin-left: 10px;
}


.ErrorMessage {
	color:#cc0000;
	font-weight: bold;
	text-align: center;
}

.fieldErrorClass {
	border:  1px solid #cc0000;
}

.login-button-wrapper {
    
    clear: both;
    width: 300px;
    margin: 1.5em auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    overflow: auto;
}

.LoggedInRow {

    margin-top: 0;
    text-align: left;
    position: relative;
   /* top: -4.5em;*/
}

.RestrictedSectionWrapper {
	display: block;
	position: relative;
	min-width: 600px;
	margin-top: 0;
	padding: 0 3px 5px;
}

.RestrictedSectionWrapper:after{
	content: '';
	float: none;
	clear: both;
	display: inline-block;
}

.client-dossier,
.admin-screen {
    display: block;
    float: none;
    position: relative;
    min-width: 600px;
    width: 75%;
    margin-top: 8.5em;
    margin-right: auto;
    margin-left: auto;
    padding: 0 3px 5px;
}

.admin-screen,
.client-dossier{margin-top: 6.8em;}

section.admin-screen {
    text-align: center;
}


.client-dossier .client-details{text-align: right;}

.admin-screen .client-details,
.admin-screen .client-fields,
.client-dossier .client-fields{text-align: left;}

.edit-screen{display:none;}

/*** button row ***/

.TableTopToolWrapper {
	margin-bottom:25px;
	overflow: auto;
}

.TableTopToolWrapper.admin {
    max-width: 437px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    margin: 1em auto;
    padding: 10px 0;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
}

.TableBottomToolWrapper {
    float: none;
    clear: both;
	width: auto;
    margin: 1em auto;
    padding: 10px 0;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    overflow: auto;
}


/** buttons **/
a.PrimaryActionButton, 
.PrimaryActionButton {
	background-color: #C6A9DD;
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 8px;
    margin: 4px 2px;
    border: 1px outset #a568b8;
	border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
}

.PrimaryActionButton.login {
    float: none;
    display: block;
    clear: both;
    margin: 10px auto;
    padding: 6px 10px;
    font-size: 16px;
}

a.PrimaryActionButton.CustomerNav,
.PrimaryActionButton.HomeNav,
a.PrimaryActionButton.ClientNav,
.PrimaryActionButton.ClientNav{
    float: left;
    display: inline-block; 
	margin: 0 .18em;
	padding: 6px;
	font-size: 16px;
}

.PrimaryActionButton.CustomerNav,
a.PrimaryActionButton.CustomerNav {
    padding: 3px;
    font-size: 10px;
}

.PrimaryActionButton.HomeNav:hover,
a.PrimaryActionButton.ClientNav:hover,
.PrimaryActionButton.ClientNav:hover,
a.PrimaryActionButton.CustomerNav:hover {
    text-decoration: none;
    color: #fff;
}

.PrimaryActionButton.HomeNav:first-of-type,
.TableBottomToolWrapper .PrimaryActionButton.ClientNav:first-of-type,
td.customer-nav .PrimaryActionButton.CustomerNav:first-of-type,
td.customer-nav .PrimaryActionButton.ClientNav:first-of-type{margin-left: 0;}

/** disable buttons **/
input:disabled {
    color: #a568b8;
    opacity: 0.5;
}
input.PrimaryActionButton.ClientNav:disabled:hover{
    color: #a568b8;
    opacity: 0.5;
}

/*** main admin screen ***/
select.client {
    padding: 5px 30px;
    margin: 1em auto;
    font-size: 1.5em;
    color: #f3b2a3;
    border: 1px solid #f3b2a3;
}

 .DataColumn {
	 padding: 5px;
	 margin: 10px 5px;
    text-align: left;
}

.DataColumn.col-md-4 {
	 width: 32%;
	 padding: 0;
	 padding-right: 0;
	 padding-left: 0;
	border: 1px solid #F4B3A4;
}

.DataColumn.col-md-6 {
	 width: 47%;
	 border: 0;
}
 .DataColumn  h3{
	 text-align:center;
    text-transform: uppercase;
 }
.DataColumn  a{ text-decoration: none;}
.DataColumn  a:hover {color: #F4B3A4; }

.gallery-contact {
    display: inline-block;
    float: none;
    width: 100%;
    text-align: center;
}

 .ActionColumn {
	 float: left;
	 font-size:  80%;
	text-align: left;
}

/*** friggin tables ***/
.edit .table {
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
}

#delivery-schedule.edit .table{min-width: 90%;}

.edit .table.customer-list {}

table.table.table-striped.table-nonfluid {
	margin-bottom: 0;
    border: 0;
	table-layout: fixed;
}

table.table.table-nonfluid.customer {
    max-width: 700px;
    float: none;
    margin: 0 auto;
	table-layout: fixed;
}

.edit .table>thead>tr>th { 
	color: #909090;
	font-weight: bold; 
	border-bottom: 0;
	text-transform: uppercase;
}

th.client-details {
    color: #888;
}
.table>tbody>tr>td { 
	color: #888;
	font-weight: 400; 
	border-bottom: 0;
}

.table-striped>tbody>tr:nth-of-type(even) {
	padding: 3px;
    background-color: transparent;
}

.edit .table-striped>tbody>tr:nth-of-type(odd) {
	padding: 3px;
    background-color: #f0f0f0;
}

.table-striped>tbody>tr:nth-of-type(even) td{border-top: 0 !important;  border-right: 0;}
.table-striped>tbody>tr td{border-top: 0 !important; border-right: 0;}

th,td,
td.item-details.small {
    white-space: nowrap;
}

.client-dossier table.table.table-striped.table-nonfluid {
	margin-bottom: 0;
    border: 0;
	table-layout: fixed;
}
.table.edit>thead>tr>th {  border-bottom: 0;}

.client-dossier .table>thead>tr>th { 
	color: #ccc;
	font-weight: bold; 
	border-bottom: 0;
}

.client-dossier .table>tbody>tr>td { 
	color: #bababa;
	font-weight: 400; 
	border-bottom: 0;
}

.client-dossier .table-striped>tbody>tr:nth-of-type(odd),
.client-dossier .table-striped>tbody>tr:nth-of-type(even) {
	padding: 3px;
    background-color: transparent;
}

.client-dossier .table-striped>tbody>tr:nth-of-type(even) td{border-top: 0 !important;  border-right: 0;}
.client-dossier .table-striped>tbody>tr td{border-top: 0 !important; border-right: 0;}

.client-fields,
.client-details {
    text-align: left;
}

.scope,
.customer-field.customerScope,
.client-fields.scope{max-width: 330px; white-space: normal;}


table#consultation {
    max-width: 800px;
    margin: 0 auto;
}
.DeliveryRequestTable td.client-fields {
    white-space: nowrap;
}

/** customers **/
 th.customer-field,
 td.customer-field{
    display: table-cell;
	
}

td.customer-field{font-size: 1.15em;}

tr.bob td.hide{display: none;}

.edit .table>thead>tr>th.customer-nav,
.edit  .table>tbody>tr>td.customer-nav{
   display: table-cell;
   min-width: 510px;
   padding-right: 6px;
   padding-left: 6px;
	text-align: left;
}


td.customer-field{font-size: 1.15em;}

/**** items ***/
.item-details{ width: 220px;}
.item-details.small{ width: 90px;}

.client-details,
.item-label{
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

/*** image grid ***/
.thumb-wrraper {
    width: 100%;
    min-width: 225px;
}
.col-sm-4 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.thumb {
    width: 64px;
    height: 64px;
	margin: 3px;
    float: left;
    clear: none;
}


.thumb:nth-of-type(1n+4),
.edit .row .col-sm-4:nth-of-type(1n+4) {
    clear: both;
}

.thumb img,
.col-sm-4 img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    float: none;
    margin: 0 auto;
}

.thumb img{max-height: 64px;}


/** forms **/
.form-group.table,
.form-group  {
	display: table-cell;
	float: left;
	clear: both;
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding-top: 0;
}

.form-group.table {
    float: none;
    clear: none;
    min-width: 0;
    width: auto;
	border: 0;
}
.table.table-nonfluid input[type="checkbox"]{ margin-right: 12px;}

td.form-group.table.contact {
    display: inline-block;
    max-width: 220px;
}
#delivery-schedule .form-group.table {padding-left: 0;}


.form-group.table label,
.form-group label {
	min-width: 230px;
	margin-top: 0;
	margin-bottom: 2px;
	float: left;
	clear: left;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.form-group.table input,
.form-group input {
	float: left;
	clear: left;
	margin: 2px;
	
}
.table textarea{
	float: left;
    width: auto;
   clear: both;
}

.table-nonfluid.customer .form-group label,
.table-nonfluid.customer .form-group.table label,
.form-group.table.client label,
.form-group.client label{ text-align: left;}

select.form-control,
input.form-control {
	display: inline-block;
	width: auto;
}

.form-customer-group input.form-control{ display: block;}
input.customer-name{width: 48%;}

.customer-item-location{ max-width: 55px;}

.form-group.table input.customer-street, 
.form-group input.customer-street{ width: 37%;}

.form-group.table input.customer-state, 
.form-group input.customer-state,  
.form-group.table input.customer-zip, 
.form-group input.customer-zip  {width: 15%;}

.form-group.table input.customer-city, 
.form-group input.customer-city, 
.form-group.table input.customer-state, 
.form-group input.customer-state,  
.form-group.table input.customer-zip, 
.form-group input.customer-zip  {clear: none;}

/*** invocie ***/

.invoice-toggle{
	display: none;
	padding: 0 1em 1em;
	margin: 1.5em auto;
	overflow: hidden;
}

h2.invoice-section-title{
	padding: 16px 0 20px;
	text-align: left;
}
h2.invoice-section-title:before{
	content:"\e250";
	 font-family: 'Glyphicons Halflings';
}

h2.invoice-section-title.open:before{
	content:"\e252";
	 font-family: 'Glyphicons Halflings';
}
.invoice-items{
	padding-left: 0;
	list-style-type: none;
}

.CustomListButton {
	text-align: center;
	display:block;
	width: 100%;
	margin-bottom: 40px;
}

.CustomListButton .PrimaryActionButton {
	float: none;
}


@media (min-width: 1200px){
	.container {
		width: 100% !important;
		max-width: 1360px;
	}
}


@media only screen and (max-width:690px) { 
	
	.HeaderLogo {
		margin-left: auto;
		margin-right: auto;
	}
	
	.LoggedInRow {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
.CustomListButton {
	margin-bottom: 90px;
}

}