/* ==========================================================================
   Author's custom styles
   ========================================================================== */


h1 { font-size: 24px; margin: 20px 0px; padding-bottom: 10px; border-bottom: 1px solid #333; }
h2 { font-size: 20px; }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

h1.designer-title { font-size: 34px; margin: 10px 0px; padding: 0px; border-bottom: 0px; }

p {  }

header { padding: 10px 0px; border-bottom: 2px solid #2a1f84; }

footer { padding: 12px 0px; margin-top: 12px; border-top: 2px solid #2a1f84; }
	footer p { color: #333333; text-align: center; }
	

.clear { clear: both; }

.legend-container { margin-top: 40px; }
	.legend-container p { font-size: 12px; font-style: italic; }
	.legend-container .legend { width: 20px; display: inline-block; margin-right: 4px; }
	.legend-container .legend.legend-expired { background-color: #fcf8e3; border: 1px solid #fbeed5; }
	.legend-container .legend.legend-ordered { background-color: #dff0d8; border: 1px solid #d6e9c6; }

.dataTable .popover { max-width: 280px; width: 280px; height: 280px; }
.dataTable .popover-loader { text-align: center; padding: 10px; }
	.dataTable .popover-loader img { width: 100%; border: 1px solid #ddd; }
	
.thumbnail { background-color: #f5f5f5 !important; border: 1px solid #e3e3e3 !important; }	
	.thumbnail h3 { font-size: 20px !important; margin-top: 20px !important; margin-bottom: 20px !important; }

.badge { background-color: #d43f3a !important; }

.load-page { position: fixed; width: 100%; height: 100%; /*background: #fff;*/ z-index: 1000; /*opacity: 0.7;*/ display: none; 
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; }
    
.load-page .load-message { position: relative; top: 50%; width: 200px; text-align: center; margin: 0px auto; }
.load-page .load-message img { display: inline-block; }
.load-page .load-message p { display: inline-block; margin-left: 10px; font-size: 16px; font-weight: bold; } 
.loading .load-page { display: block; }	

.modal-dialog {  }
	.modal-dialog ul.list-group { margin: 0px; }
	.modal-dialog ul.list-group li {  }
	.modal-dialog ul.list-group li img { width: 100%; border: 1px solid #ddd; }	
	
	.modal-dialog h3.po-number { margin: 0px 0px 10px; font-size: 20px; }
	
	.modal-dialog table.table-price { margin: 0px !important; border-top: 1px solid #dddddd; }
	.modal-dialog table.table-price th { padding: 10px 15px !important; font-size: 14px; background-color: #f5f5f5; text-align: right; }
	.modal-dialog table.table-price td:first-child { text-align: left; }
	.modal-dialog table.table-price td { padding: 10px 15px !important; font-size: 14px; text-align: right; }
	.modal-dialog table.table-price td.table-title { background-color: #f5f5f5; padding: 2px 15px !important; font-size: 12px; color: #585858; }

.required { color: #a94442; }	

.text-center { text-align: center; }

p.input-text { margin-top: 10px; color: #aaa; font-size: 12px; }

.modal-body h3 { font-size: 18px; padding: 15px; margin: 20px -20px 20px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }

#companyLogo { text-align: center; }
	#companyLogo img {  }

#headerLinks { text-align: center; margin-top: 10px; }
	#headerLinks ul { padding: 0px; margin: 0px; }
	#headerLinks ul li { display: inline-block; }
	#headerLinks ul li a { padding: 4px 8px; }	
	
#dashboardItems { margin-top: 20px; }
	

.dashboard-item { display: block; text-align: center; border-radius: 4px; color: #333; border: 1px solid #e3e3e3; background: #f5f5f5; padding: 40px 20px; margin-bottom: 15px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
	.dashboard-item:hover { text-decoration: none; }
	.dashboard-item span { display: block; font-size: 30px; margin-bottom: 20px; text-align: center; }

.tab-inner { padding: 35px 0px; }

.button-pane { padding: 20px 0px; text-align: right; border-top: 1px solid #ddd; margin-top: 20px; }
.button-group { text-align: left; margin-top: 35px; }

.tab-content .alert { margin-top: 15px; }

.dialog-loader { margin-right: 10px; display: none; }

.dataTable { width: 100% !important; }
	.dataTable tr .btn { margin-right: 8px; }
	/*.dataTable tr .btn:last-child { margin-right: 0px; }*/
	.dataTable tr .btn.last-child { margin-right: 0px; }
	

.less-margin .dataTables_wrapper { margin-top: -34px; }

/*.less-margin  div.dataTables_filter label { float: right; top: 20px; position: relative; }*/

.button-group-checkbox { display: inline-block; margin-left: 20px; }
	.button-group-checkbox input {  }
	.button-group-checkbox label { margin-left: 4px; }
	
.modal input[type="checkbox"] { margin-top: 10px; }

.modal .list-group { margin-top: 15px; }
.modal .list-group .list-group-item { border-left: 0px; border-right: 0px; }
.modal .list-group .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.modal .list-group .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.modal .list-group .list-group-item .item-info { float: right; }

.item-split { background-color: #f5f5f5; }

#quoteDoorImage { margin-top: 15px; display: none; }
	#quoteDoorImage img { width: 100%; }
	
#doorFilter {  }
	#doorFilter .ca-filter { margin: 0px; display: inline-block; float: right; }
	#doorFilter .ca-filter input { margin-top: 4px; }
	#doorFilter .list-group { margin: 0px -20px 30px; }
	#doorFilter.modal .list-group .list-group-item .checkbox { margin-top: 0px; margin-bottom: 0px; }
	#doorFilter.modal .list-group .list-group-item .checkbox input { margin-top: 4px; }
	#doorFilter .modal-body label {  }
	
#doorPrice {  }
	#doorPrice .list-group { margin: 0px -20px; }
	#doorPrice .li-price-span { margin-left: 10px; }
	#doorPrice .price-input-group { margin: 30px 30px 0px; }
	#doorPrice #price-door-image { width: 100%; margin-bottom: 20px; }
	
.update-prices { display: inline-block; width: 300px; float: right; }
	
#orderQuote { display: none; }
	#orderQuote form { margin-top: 10px; }
	#orderQuote .form-group { margin-bottom: 0px; }
	#orderQuote form input {  }
	#orderQuote form .btn { margin-left: -15px; }
	
.row-bg-light {  }
	
.prices-header-error { color: #b94a48; }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	#companyLogo { text-align: left; }
	
	#headerLinks { text-align: right; margin-top: 0px; }
	
	#profileInformation { text-align: right; }
		#profileInformation p { margin: 0px; }
		
	.dashboard-item { margin: 15px 0px; }
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	.dashboard-item { padding: 60px 20px;  }
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
	.dashboard-item { padding: 60px 20px;  }
	
}