@charset "utf-8";
/* CSS Document */

.ui-icon {
    margin-top: 2px;
}

.form-control {
	border-radius: unset; 
}

#orderformcontainer .col-form-label {
    font-size: unset;
    font-weight: normal;
    text-align: left;
}

@media (min-width: 768px) {
	#orderformcontainer .col-form-label {
		text-align: right;
	}
}

#orderformcontainer .table-responsive {
    font-size: unset;
}

#howtomeasue {
	float: right;
	margin-top: 15px;
    margin-bottom: 10px;
}

#storebox {
	display: none;
}

#customerbox .form-group,
#storebox .form-group{
    margin-bottom: 5px;
}

#formstatus,
#localstoragewarning {
   padding: 0 .7em 0 .7em; 
   margin: .3em 0 .3em 0; 
   display: none; 
}

#formstatus p,
#localstoragewarning p {
    margin: 10px 0px 10px;
}

.containerTab {
    margin-left: 15px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .containerTab {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.doorStyleContainer {
	float: left;
}

/* OLD
.ui-accordion .ui-accordion-content-active {
    min-height: 300px;
}
*/

#doorStyleDiv .doorStyleColour, .doorStyleBacking {
	/* float: left; */
	/* height: 25px; */
	margin-top: 10px;
	/* width: 100%; */
}
#doorStyleDiv .doorStyleColour label, .doorStyleBacking label {
	/*float: left;
	clear:none;
	display: block;
	width: 70px;*/
	color: #124542; /* green */
}
/* OLD
#doorStyleDiv .doorStyleColour input, .doorStyleColour .singleitem, .doorStyleBacking input, .doorStyleBacking .singleitem {
	float: left;
	clear:none;
}
*/

#doorStyleDiv .doorStyleColour .singleitem, #doorStyleDiv .doorStyleBacking .singleitem {
    padding-top: 7px;
}

#doorStyleDiv .form-group {
  margin-bottom: 0px;
}

#doorStyleDiv .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}

.doorStyleLabel { 
	float: left; 
	color: #124542; /* green */
	font-weight: bold;
}
			
.doorStyleOptions { 
	float:left;
	clear: both;
}

.doorStyleOptions label { 
    float:left; 
    clear:none; 
    display:block; 
    padding: 2px 1em 0 0.2em;
    font-weight: 400;
    cursor: pointer;
    
}
.doorStyleOptions input[type=radio], input.radio { float:left; clear:none; margin: 3px 0 0 2px; }

.doorStyleOptions ul {
	margin-top: 0.2em;
	margin-left: 1em;
	margin-bottom: 0.2em;
	margin-right: 1em;
	padding: 0px;
}
.doorStyleOptions li { 
	/*border: solid 1px grey;*/
	float: left;
	list-style-type: none;
	margin: 0.2em;
	text-align: left;
	width: 120px;
}

/*
#tab1InstructionDiv {
	float: left;
	text-align: center;
	width: 99%;
	text-align: left;
}
*/

#tab1Footer{
	width: 100%;
	height: 30px;
	padding-top: 5px;
}

/* OLD

#tab1ContinueButtonDiv {
	float: right;
}

*/

/* ################################################################### */
/*                  Summary Tab */
/* ################################################################### */

/*
#tab4InstructionDiv {
	float: left;
	text-align: center;
	width: 99%;
	text-align: left;
}
*/

/*

#sumDoorInfoBox {
	float: left;
}
#sumDoorInfoBox h2 {
	font-weight: bold;
}

*/

#sumDoorInfoBox td {
	border: 0px;
	color: #124542 /* green */
}
#sumDoorInfoBox .formLabel {
	/*width: 100px;*/
	text-align: right;
	/*padding-top: 5px;*/
	font-weight: 700;	
}
/*
#sumDoorInfoBox .formInput {
	margin-left: 5px;
	padding-top: 5px;
}

#sumNoteBox {
	float: right;
}
#sumNoteBox h2 {
	font-weight: bold;
}
*/

#sumNoteTitle {
	font-size: 2.1em;
	font-weight: 600; 
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
	color: inherit;
	font-family: inherit;
}

#sumDoorTypeInfoBox,#sumDoorUpchargeInfoBox {
	clear: both;
}
#sumDoorTypeInfoBox table, #sumDoorUpchargeInfoBox table, #sumDoorAccessoryInfoBox table
{
	text-align: left;
	border-collapse: collapse;
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
#sumDoorTypeInfoBox td, #sumDoorUpchargeInfoBox td, #sumDoorAccessoryInfoBox td
{
	padding: 8px;
	color: #124542; /* green */
	border-top: 1px solid transparent;
	vertical-align: middle;
}

#sumDoorTypeInfoBox .table-responsive,
#sumDoorUpchargeInfoBox .table-responsive,
#sumDoorAccessoryInfoBox .table-responsive {
    border: 0px;
}

#sumDoorAccessoryInfoBox .row {
    margin-left: 0px;
    margin-right: 0px;
}

#sumDoorAccessoryInfoBox H3
{
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #124542; /* green */
	/*font-family: segoe ui,Arial,sans-serif;*/
	text-align: left;
	font-weight: bold;
}
#sumDoorTypeTotalCostBox, #sumDoorUpchargeTotalCostBox, #sumDoorAccessoryTotalCostBox, #sumDoorGrandTotalCostBox
{
	padding-top: 8px;
	color: #124542; /* green */
}
#sumDoorGrandTotalCostBox
{
	float:right;
}

#sumDoorContainer3{
	width: 100%;
}

#tab4Footer{
	width: 100%;
	height: 30px;
	padding-top: 5px;
}
/* old
#tab4PrevButtonDiv {
	float: left;
}
*/

#generatePDFform
{
	display:none;
}
/* old
#GeneratePDFButtonDiv
{
	float: right;
}
*/

#generateExcelform
{
	display:none;
}
/* old
#GenerateExcelButtonDiv
{
	float: right;
}
*/

.TotalLabel
{
	font-weight:700;
	color: #124542;  /* green */
}

/* ################################################################### */
/*                  Door Measurement Tab */
/* ################################################################### */

/*
#tab2InstructionDiv {
	float: left;
	text-align: center;
	width: 99%;
	text-align: left;
}
*/
/*
#tab2Header{
	float: left;
	width: 100%;
}
*/

#tab2Footer{
	width: 100%;
	height: 30px;
	padding-top: 5px;
}

.drillInfoBox {
    /* float: left; OLD */
    background-color: rgba(183,196,191,.4);  /* bg-sage-light */
}

.drillingTypeBox {
    clear: none;
    margin-left: 5px;
}

#drillInfoDiv label {
    font-weight: normal;
    padding-right: 0px;
}

#drillInfoDiv .form-group {
    margin-bottom: 5px;   
}

/* OLD
#drillingTypeLabel {
    padding-top: 7px;  
    padding-left: 0px;
    padding-right: 0px; 
}
*/

/*
#drillInfoDiv {
	float: left;
	background: #fcf0ba;
	padding: 5px 20px 5px 5px;
	margin-left: 0px;
}


#drillInfoDiv .formLabel {
	float: left;
	width: 100px;
	display: block;
	text-align: right;
	padding-top: 5px;

}
#drillInfoDiv .formInput {
	float: left;
	margin-left: 5px;
	display: block;
	padding-top: 2px;
}

#drillingTypeDiv {
	float: left;
	clear: none;
	text-align: left;
	margin-left: 5px;
}
#drillingTypeDiv .formLabel {
	float: left;
	width: 50px;
	display: block;
	text-align: right;
	padding-top: 5px;

}
#drillingTypeDiv .formInput {
	float: left;
	margin-left: 5px;
	display: block;
	padding-top: 2px;
}
*/

.summaryBox {    
	background-color: rgba(183,196,191,.4);  /* bg-sage-light */
	padding: 10px 0px 5px 0px;
}

.summaryTextBox {    
    text-align: center;
    background: #fff;
    margin-left: 10px;
	max-width: 60px;
	margin-top: calc(.375rem + 1px);
    margin-bottom: calc(.375rem + 1px);    
    line-height: 1.5;
}

/*  OLD

#tab2Summary .form-group {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -10px;
    margin-right: -10px;
}

#tab2Summary .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}

*/

/*
#tab2Summary {
	float: right;
	background: #fcf0ba;
	padding: 5px;
	margin-right: 5px;
	text-align: right;
}
*/

/*
#tab2DootQtyLabel, #tab2totalSqFtLabel {
	padding-right: 5px;
	vertical-align: middle;
    clear: none;
}
*/

/*
#tab2DootQty, #tab2totalSqFt {
	border: 1px black solid;
	width: 40px;
	height: 18px;
	padding: 1px;
	margin-top: 2px;
	clear: both;
	text-align: center;
	background: #fff;
}
*/

/* OLD

#tab2PrevButtonDiv {
	float: left;
}

#tab2ContinueButtonDiv {
	float: right;
}

*/

#doorTypeDiv button, input, select, textarea {
	display: inline;
}

#doorTypeDiv table
{
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
#doorTypeDiv .table-responsive {
    /*border: 1px solid #ddd;*/
    border: 0px;
}
#doorTypeDiv th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background-color: #124542; /* bg-green */	
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
}
#doorTypeDiv td
{
	padding: 8px;
	background-color:  rgba(183,196,191,.4);  /* bg-sage-light */
	border-bottom: 1px solid #fff;
	color: #124542;  /* green */
	border-top: 1px solid transparent;
	vertical-align: middle;
}
#doorTypeDiv tr:hover td
{
	background: #b7c4bf; /* sage */
	color: #124542; /* green */
}
#doorTypeDiv .has_error
{
	padding: 8px;
	background: #FF9B9B;
	border-bottom: 1px solid #fff;
	color: #FF0000;
	border-top: 1px solid transparent;
	vertical-align: middle;
}
#doorTypeDiv tr:hover .has_error
{
	background: #FF9B9B;
	color: #FF0000;
}


/* ################################################################### */
/*                  Accessory Tab */
/* ################################################################### */

#tab3Footer{
	width: 100%;
	height: 30px;
	padding-top: 5px;
}

/* OLD

#tab3PrevButtonDiv {
	float: left;
}

#tab3ContinueButtonDiv {
	float: right;
}

*/

#doorAccessoryDiv table
{
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
}

/* OLD
#doorAccessoryDiv .table-responsive {   
    border: 0px; 
}
*/

#doorAccessoryDiv th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background-color: #124542; /* bg-green */	
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
}
#doorAccessoryDiv td
{
	padding: 4px;
	color: #124542;  /* green */
	border-top: 1px solid transparent;
	vertical-align: middle;
	text-align: left;
}

/* OLD
#doorAccessoryDiv H3
{
	font-size: 20px;  
	color: #312E25; 
}
*/

/* ################################################################### */
/*                  Dialog Popup */
/* ################################################################### */

#dialog-message {
	color: #990000;
	font-size: 16px;
}

/* ################################################################### */
/*                  jQuery UI smoothness */
/* ################################################################### */
/* Interaction states
----------------------------------*/
/* OLD
.grey-button.ui-state-default,
.grey-button.ui-widget-content .grey-button.ui-state-default,
.grey-button.ui-widget-header .grey-button.ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.grey-button.ui-state-default a,
.grey-button.ui-state-default a:link,
.grey-button.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.grey-button.ui-state-hover,
.grey-button.ui-widget-content .grey-button.ui-state-hover,
.grey-button.ui-widget-header .grey-button.ui-state-hover,
.grey-button.ui-state-focus,
.grey-button.ui-widget-content .grey-button.ui-state-focus,
.grey-button.ui-widget-header .grey-button.ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.grey-button.ui-state-hover a,
.grey-button.ui-state-hover a:hover,
.grey-button.ui-state-hover a:link,
.grey-button.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.grey-button.ui-state-active,
.grey-button.ui-widget-content .grey-button.ui-state-active,
.grey-button.ui-widget-header .grey-button.ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.grey-button.ui-state-active a,
.grey-button.ui-state-active a:link,
.grey-button.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}
*/