html {
	font-family: 'Neo Sans Standard', 'Abel', sans-serif;

	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}

@font-face {
    font-family: 'Neo Sans Standard'; /*a name to be used later*/
    src: url('../fonts/Neo Sans Std Regular.otf'); /*URL to font*/
}
@font-face {
    font-family: 'Neo Sans Italic'; /*a name to be used later*/
    src: url('../fonts/Neo Sans Std Light Italic.otf'); /*URL to font*/
}
@font-face {
    font-family: 'Neo Sans Bold'; /*a name to be used later*/
    src: url('../fonts/Neo Sans Std Bold.otf'); /*URL to font*/
}
body {
	margin: 0;
	padding: 0;
	color: #555459;
}

#bullets{cursor:default;font-size:0;max-height:1.5rem}
#bullets .bullet{font-size:3.5rem;color:#babbbf;padding-right:.1875rem}
#bullets .bullet:last-child{padding-right:0}
#bullets .bullet.active{color:#434245}

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #AFAFAF;
    margin: 1em 0; padding: 0; }
	
.large-text {
	font-size: 200%;
	font-weight: 100;
}

.dropdown-bootstrapped {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	height: 28px;
	
}

.dropdown-has-error {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.dropdown_button {
    line-height: 30px;
    background-color: #F5F5F5;
    position: absolute;
    display: none;
    z-index: 999999999999;
}
.dropdown_button a {
    color: black;
    text-align: right;
    border: 1px solid #d4d4d4;
    display: block;
    padding: 0 10px 0 10px;
    font-weight: bold;
}
.dropdown_button a:hover {
    text-decoration: none;
    background-color: #7A9EC2;
    color: white;
}

.catalog_tab {
	display: inline-block;
	padding: 10px 15px;
	background-color: #286090;
	font-weight: bold;
	color: #ada8a8;
	cursor: pointer;

	border-left: 2px solid #2e6da4;
	border-top: 2px solid #2e6da4;
	border-right: 2px solid #2e6da4;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-right: -3px;
	
}
.selected_tab {
	background-color: #337ab7;
	color: white;
}
.catalog_section {
	background-color: #337ab7;
	width: 100%;

	
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
}
.template_product_item {
	display: inline-block;
	padding: 20px;
	margin: 10px;
	text-align: center;
	float: left;
	border: 1px solid grey;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}
.template_product_item_image {
	height: 60px;
	width: 100px;
	border: 1px solid grey;
	margin-top: 10px;
}
.template_product_delete {
	color: red;
	margin-top: -15px;
	margin-right: -10px;
	cursor: pointer;
	float: right;
	font-weight: bold;
}
.catalog_item {
	cursor: pointer;
	color: white;
	display: inline-block;
	padding: 20px;
	text-align: center;
	float: left;
}
.catalog_item_image {
	height: 120px;
	width: 120px;
	border: 1px solid grey;
}
.catalog_item_new {
	height: 120px;
	width: 120px;
	border: 1px solid grey;
	background-color: white;
	color: black;
	font-size: 64pt;
	font-weight: bold;
}
.catalog_item:hover {
	background-color: #286090;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
}
.template_thumbnail_div {
	cursor: pointer;
	display: inline-block;
	padding: 2px 5px 2px 5px;
	margin-right: 10px;
	text-align: center;
	float: left;	
}
.template_thumbnail_image {
	height: 100px;
	width: 100px;
	margin-top: 5px;
	border: 1px solid grey;
}
.template_thumbnail_name {
	
}
.thumbnail_selected {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: white;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
}
.thumbnails_div {
	border: 1px solid grey;
	float:left;
	padding: 10px;
	overflow-y: auto;
	max-height: 243px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.deleting_order {
	background-color: #f7e7e7 !important;
}
.thumbnail_name_input {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	text-align: center;
	display:none;
	color: black;
	height: 20px;
}
.delete_span {
	cursor: pointer;
	color: red;
	font-weight: bold;
}
.edit_span {
	cursor: pointer;
	color: orange;
	font-weight: bold;
}
.selected_current_order_template {
	background-color: #e2f2e2;
	
}
.current_template_div {
	padding: 6px 0;
}
.template_category_header {
	color: white;
	margin-left: 25px;
	margin-top: 30px;
	
}
.template_category_hr {
	width: 50%;
	margin-left: 25px;
	margin-top: -10px;
	margin-bottom: -0px;
}
.close_hr {
	margin-top: 10px;
	margin-bottom: 6px;
}

.order_product_option {
	border: 1.5px solid;
	margin: 3px;
	padding: 15px;
	
	font-weight: bold;
	color: white;
	text-shadow: 1.5px 1.5px #555459;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
}

.mat_series_div img {
	cursor: pointer;
}

.rating_1 {background-color: #9e5451;border-color: #391e1d;}
.rating_2 {background-color: #bb504d;border-color: #391e1d;}
.rating_3 {background-color: #b16d43;border-color: #8c5635;}
.rating_4 {background-color: #c9a872;border-color: #8c6b35;}
.rating_5 {background-color: #ccc679;border-color: #8c8635;}
.rating_6 {background-color: #b8c76a;border-color: #7e8c35;}
.rating_7 {background-color: #92c463;border-color: #5f8c35;}
.rating_8 {background-color: #7fc972;border-color: #428c35;}
.rating_9 {background-color: #81cf8a;border-color: #358c3f;}
.rating_10 {background-color: #79cc94;border-color: #358c51;}

#product_step_bar {
	width: 100%;
}

.product_step_item {
	background-color: #dbc7a8;
	border: 1px solid #b79052;
	margin-top: 10px;
	display: inline;
	text-align: center;
	cursor: pointer;
	padding: 15px;
	font-weight: bold;
}
.selected_step {
	background-color: #c0e3be;
	border: 1px solid #57b752;
}
#container {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
	  position: absolute;
	 height: 100%;
}

.box {
    position: absolute;
    width: 97%;
    margin-left: 0%;
	top: 0;
}

#step_bar_1 {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#step_bar_3 {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.selectedColour {
	border: 8px #286090 solid !important;
}

.selectedLevel {
	border-top: #ccc 4px solid;
	border-right: #ccc 4px solid;
	border-bottom: #777 4px solid;
	border-left: #777 4px solid;
 }
 
 .selectedLevel span {
	color: #e0e0e0;
	text-shadow: 1.5px 1.5px #777;
 }
 
 .submit_order {
	padding-bottom: -15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
 }
 
#mouseOver {
	display: inline;
	position: relative;
}

#mouseOver img:first-of-type {
	position: absolute;
	left: 100%;
	transform: translate(-100%);
	bottom: 1em;
	opacity: 0;
	pointer-events: none;
	transition-duration: 800ms;    
	z-index: 0;
}

.mouseOver-top img:first-of-type {
	top: 1em;
}

#mouseOver:hover img {
	opacity: 1;
	transition-duration: 200ms;
	z-index: 999999999999999999999999;
}

.login_background {
    background: url('../images/login_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.paid_job{
	background-color: #fcf8e3;
}

tr.payment_received_job{
	background-color: #dff0d8;
}
.table-hover>tbody>tr.payment_received_job:hover{
    background-color:#D3E2CC;
}

tr.delivery_unconfirmed_job{
	background-color: #f0dfd8;
}
.table-hover>tbody>tr.delivery_unconfirmed_job:hover{
    background-color:#E2D2CC;
}
tr.finalised_job{
	background-color: #e5f3f5;
}
.table-hover>tbody>tr.finalised_job:hover{
    background-color:#DAE6E8;
}

#prompt_grey_div {
    display:none;
    position:fixed;
    background-color: #000000;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    opacity:0.7;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    z-index: 101;
}

#prompt {
	width: 600px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
#prompt_container {
	border: solid black 1px;
	margin: 6px;
	padding: 1em;
	background-color: white;
	z-index: 102;
}
.prompt_title {
	color: #0079A5;
	font-weight: bold;
	border-bottom: solid gray 1px;
}

.gfp_prompt_title {
    color: #00a7e0;
    text-align: center;
    margin: auto;
    font-size: 18px;
}

.prompt_message {
	padding: 1em 0 1em 0;
}

.prompt_message_error {
    padding: 1em 0 1em 0;
    color: #f53434;
}
#emailprompt {
	width: 400px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 102;
}
#emailprompt_container {
	border: solid black 1px;
	margin: 6px;
	padding: 1em;
	background-color: white;
	z-index: 102;
}
.emailprompt_title {
	color: #0079A5;
	font-weight: bold;
	border-bottom: solid gray 1px;
}
.emailprompt_message {
	padding: 1em 0 1em 0;
}
#projectprompt {
    width: 100%;
	max-width: 800px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 20000;
}
#projectprompt_container {
	border: 2.5px solid transparent;
	border-color: #00a7e0;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	margin: 6px;
	padding: 1em;
	background-color: white;
	z-index: 20000;
}
.projectprompt_title {
	color: #0079A5;
	font-weight: bold;
	border-bottom: solid gray 1px;
}
.projectprompt_message {
	padding: 1em 0 1em 0;
}

.adminDropdown {
    border: 1px solid #333E48;
    padding-left: 10px;
    height: 26px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    height: 35px;
    max-width: 300px;
}

.masqueradeButton {
    height: 26px !important;
    line-height: 12px !important;
}

#loading {
    background-color: white;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30000;
    line-height: 32px;
    border: solid 10px #efefef;
    padding: 10px;
}
#loading > img {
    vertical-align: middle;
}
#samplesprompt {
    width: 100%;
    max-width: 500px;
    position: absolute;
    left: 0;
    top: 0;
}
#globalhardwareprompt {
    width: 100%;
    max-width:400px;
    position: absolute;
    left: 0;
    top: 0;
}
#colorWarningPrompt {
    width:400px;
}
#deleteprompt {
    width: 100%;
    max-width:400px;
    position: absolute;
    left: 0;
    top: 0;
}
#genericprompt {
    width:100%;
    max-width:400px;
    position: absolute;
    left: 0;
    top: 0;
}
#moreinfoprompt{margin-left:-350px;width:700px;}
#moreinfoprompt div.prompt_container{position:relative;}

#tandcprompt{margin-left:-450px;width:900px;top:10%;}
#tandcprompt div.prompt_container{position:relative;}

.prompt {
    position: fixed;
    left: 50%;
    top: 20%;
    display: none;
    z-index: 20000 !important;
}
.prompt_container {
    border: 2.5px solid transparent;
    border-color: #00a7e0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    margin: 6px;
    padding: 1em;
    background-color: white;
}

.navbar-nav>li.active>a,.navbar-nav>li.active>a:hover {background-color: #00a7e1;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
.navbar-nav>li>a {padding: 5px 35px;color: white;}
.navbar-nav>li>a.dropdown-toggle:hover,.navbar-nav>li>a.dropdown-toggle:focus{background:none;}
.navbar-default {border:none;}
.navbar-nav ul.dropdown-menu{border:none;}
.navbar-nav ul.dropdown-menu li a{color:white;}
ul.navbar-nav li.dropdown.open ul.dropdown-menu>li>a{padding:3px 0 3px 45px;background-color:#00517A;color:white;}
ul.navbar-nav li.dropdown.open ul.dropdown-menu>li>a:hover{background-color:#00517A;}
ul.navbar-nav ul.dropdown-menu{padding:0;}
ul.navbar-nav li.dropdown a,ul.navbar-nav li a:hover{background-color:#006496;}
ul.navbar-nav li.dropdown ul.dropdown-menu li a{background-color:#FFFFFF;color:#262626;padding:3px 35px;}
ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover{background-color:#f5f5f5;}
@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

/*xs styles*/
@media (max-width: 767px) {
    button.btn-sm{padding:4px;}
    html,body,td{font-size:12px !important;}
    ul.navbar-nav a{font-size:14px !important;}
    ul.navbar-nav li ul li a{font-size:14px !important;}
    .table>tbody>tr>td,.table>tbody>tr>th{padding:5px 2px 5px 2px;}
    #tandcprompt{width:100%;margin-left:-50%;}
    #moreinfoprompt{width:100%;margin-left:-50%;}
}

.form-horizontal .control-label {
	text-align: left;
	padding-left: 16px;
}
 
 .legend-listdetail {
	text-align: left;
    margin-left:32px;
	border-bottom:none;
	margin-bottom: 2px;
}
 
 .legend-blue {
	border-bottom: 2px solid #00a7e1;
 }
 .legend-black {
	border-bottom: 2px solid black;
 }
 legend.noline{border-bottom:none;}
 
 .header-blue {
	color: #00a7e1;
 }
 .header-bluenl {
	color: #00a7e1;
	border-bottom:none;
 }
 .header-blue.bigger{font-size:16px;}
 
 legend {
	margin-bottom: 12px;
 }
 select {
	font-size: 13px;
 }
 select option {
	font-size: 13px;
 }
 
 .btn-gfpblue {
	background-color: #00a7e1;
	color: white;
 }
 
 .project_menu {
	/* z-index: 9999; The quick product search may need to go on top of this. */ 
	font-size: 12px;
	width: 100%;
	background-color: #b2b6b9;
	cursor: default;
 }
 
.project_menu_item {
	width: 240px;
	height: 100%;
	float: left;
}
.project_menu_item.selected_first {
    background-image:url(../images/step_selected_first.png);
}
.project_menu_item.selected {
    background-image:url(../images/step_selected.png);
}
.project_menu_item.small.selected {background:none;background-color:#A7ADB1;}

.active_pmi {
	
}

.tinyMCE_content em {
	font-style: italic;
}

.tinyMCE_content ol {
	 list-style: decimal;
	 padding-left: 20px;
}
.tinyMCE_content li {
	 margin-bottom: 6px;
}
.tinyMCE_content ul {
	 list-style: disc;
	 padding-left: 20px;
}

.tinyMCE_content strong{
	color: #00a7e1;
	font-weight: 400;
}

.template_img:hover {
	
}

.image_direction: hover {
	background-color: red;
}

#project_overview_menu_div {
}

.overview_menu_item {
    line-height: 20px;
    height: 67px;
    float: left;
    color: white;
    background-color: #303e48;
    width: 19.6%;
    margin-right: .5%;
    padding-top: 8px;
    padding-left: 15px;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    cursor: pointer;
    white-space:normal;
}

@media only screen and (min-width: 512px) {
    .overview_menu_item {
        line-height: 20px;
        height: 50px;
        float: left;
        color: white;
        background-color: #303e48;
        width: 19.6%;
        margin-right: .5%;
        padding-top: 8px;
        padding-left: 15px;
        border-radius: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        -webkit-border-radius: 7px 7px 0px 0px;
        cursor: pointer;
        white-space:nowrap;  
    }
}


.last_over_menu_item {
	margin-right: 0%;
}

.over_menu_item_selected {
	background-color: #00a7e1;
	cursor: default;
}
.overview_menu_item:hover {
	background-color: #b2b6b9;
}


.over_menu_item_selected:hover{
	background-color: #00a7e1;
}

.brand_option {
	cursor: pointer;
	padding-right: 5px;
}

.colour_swatch {
	width: 20%;
	float: left;
	padding: 7px;
	padding-bottom: 24px;
}
.colour_swatch .colour_image {
	display: block;
	padding-bottom: 10px;
	height: 130px;
	width: 100%;
}

/* xs */
.col-lg-24 {
    width:20%;
    min-width:150px;
    float:left;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
    .col-lg-24 {
        width: 150px;
        float:left;
    }
}

.colour_greyed {
    color: #bcbec0 !important;
    cursor: not-allowed !important;
}
.colour_greyed span {
    color: #bcbec0 !important;
}

.notbold{font-weight:normal;}
.gapB{margin-bottom:10px;}
.bigGapB{margin-bottom:20px;}
.blue{color:#00a7e1;}
.small{font-size:12px;}
.red{color:red;}
.nowrap{white-space:nowrap;}

div.spec-row{padding:2px 0 2px 0;clear:both;}
div.spec-row input, div.spec-row select{float:right;text-align:center;border:solid 1px black;border-radius:4px;font-size:14px;}
textarea.spec {border: solid 1px black;border-radius: 4px;font-size: 14px;}

#proceed_colour_btn{margin-top:50px;}

div.form-row{line-height:32px;clear:both;}
div.form-row input,div.form-row select{line-height:100%;border:solid black 1px;border-radius:4px;padding:2px;}

div.selected_sample_div{width:20%;float:left;}
div.selected_sample_div > div{margin:5px;}
div.selected_sample_div_img{width:100%;height:100px;overflow:hidden;position:relative;}
div.selected_sample_div_img > img{width:100%;height:100%;}
div.selected_sample_div_img_overlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00a7e1;opacity:0.9;display:none;text-align:center;color:white;font-size:11px;cursor:pointer;line-height:20px;}
div.selected_sample_div_img_overlay > img{height:28px;margin-bottom:2px;margin-top:25px;}

/*product catalogs*/
.product_item{height:290px;padding:0;line-height:20px;font-weight:normal;margin-bottom:20px;}
.product_item.colour{height:170px;}
.product_item.smaller{height:190px;}
.product_item > div{padding:4px;border:solid 1px white;height:100%;overflow:hidden;}
.product_item_wrapper{position:relative;width:100%;height:130px;text-align:center;color:white;font-size:11px;}
.product_item_wrapper > img{max-width:95%;max-height:120px;display:inline-block;vertical-align:middle;}
.product_item_wrapper.colour > img{max-width:100%;max-height:130px;width:100%;height:130px;cursor:pointer;}
.product_item_wrapper > div{position:absolute;left:0;top:0px;display:none;width:100%;height:130px;background-color:#00a7e1;opacity:0.9;}
.product_item_edit{float:left;margin:40px 5% 0 15%;width:30%;cursor:pointer;text-align:center;}
.product_item_delete{float:right;margin:40px 15% 0 5%;width:30%;cursor:pointer;text-align:center;}
.product_item_info{width:100%;height:100%;cursor:pointer;}
.product_item_edit > img, .product_item_delete > img{height:28px;margin-bottom:2px;}
.product_item_info > img{margin-top:40px;height:28px;margin-bottom:2px;}
.product_item_text{margin-top:10px;height:120px;overflow:hidden;text-overflow:ellipsis;}
.product_item_text.colour{height:auto;}

.product_item > div.colour_opened{background-color:#ffffff;height:auto;z-index:9998;position:absolute;border:solid 1px #00a7e1;}
.product_item .colour_option{font-size:12px;cursor:pointer;}

.summary_right_item{font-size:9pt;line-height:16px;padding:2px 0 2px 0;margin:0;}
.summary_right_item_popup{font-size:9pt;display:none;position:absolute;text-align:center;color:white;background:url(../images/tooltip_top.png) center top no-repeat;}
.summary_right_item_popup > div{background-color:#00a7e1;padding:2px 4px 2px 4px;margin-top:4px;}
.summary_right_item_right{margin-left:10px;display:inline-block;height:17px;float:right;}

img.edit_delete_small{height:16px;cursor:pointer;vertical-align:top;}

#loading_progress{border:solid #cccccc 1px;width:200px;line-height:20px;margin:10px 0 0 0;padding:0;}
#loading_progress_bar{width:0%;height:20px;vertical-align:top;}

button.btn-blue, button.btn-blue:hover, button.btn-blue:focus, button.btn-blue:active, button.btn-blue:active:hover{background-color:#00A7E1;color:#ffffff;border-color:#00A7E1;outline:none;}
button.btn-blue:hover{background-color:#0095C6;border-color:#0095C6;}
button.btn-blue2, button.btn-blue2:hover, button.btn-blue2:focus, button.btn-blue2:active, button.btn-blue2:active:hover{background-color:#006496;color:white;border-color:#006496;outline:none;}
button.btn-blue2:hover{background-color:#00517A;border-color:#00517A;}
button.btn-blue3, button.btn-blue3:hover, button.btn-blue3:focus, button.btn-blue3:active, button.btn-blue3:active:hover{background-color:#303E48;color:white;border-color:#303E48;outline:none;}
button.btn-blue3:hover{background-color:#1E272D;border-color:#1E272D;}

button.btn-blue2:disabled, button.btn-blue2:disabled:hover{background-color:#497B93;border-color:#497B93;color:#ddd;}

button.btn-notbutton{background:none;border-color:transparent;cursor:default;}

#current_orders_table td, #current_orders_table th{vertical-align:middle;}
#complete_order_table td, #complete_order_table th{vertical-align:middle;}

i{font-style:italic;}

div.job-progress-wrapper{width:80%;margin:0 auto;}
div.job-progress-bar{width:100%;margin:0 auto;position:relative;height:48px;}
div.job-progress-bar-bar{position:absolute;width:33.3333%;height:10px;top:19px;font-size:0;background-color:#00a7e1;}
div.job-progress-bar-bar.first{left:16.6667%;}
div.job-progress-bar-bar.second{left:50%;}
div.job-progress-bar-bar.inactive{background-color:#cccccc;}
img.job-progress-bar-icon{position:absolute;}
img.job-progress-bar-icon.first{left:16.6667%;margin-left:-27.5px;}
img.job-progress-bar-icon.second{left:50%;margin-left:-27.5px;}
img.job-progress-bar-icon.second.inactive{margin-left:-24px;}
img.job-progress-bar-icon.third{left:83.3333%;margin-left:-27.5px;}
img.job-progress-bar-icon.third.inactive{margin-left:-24px;}
div.progress-label{width:33.3333%;float:left;}
div.progress-label.inactive{color:#cccccc;}

button > img{width:16px;height:16px;vertical-align:middle;}

button.btn-lg{font-size:18pt;line-height:66px;}
button.btn-lg2{font-size:16pt;line-height:50px;}
button.btn-new-project, button.btn-quick-product, button.btn-add-products{width:100%;margin:5px 0 5px 0;}
button.btn-new-project > img,button.btn-quick-product > img, button.btn-add-products > img{width:55px;height:55px;margin-left:20px;}
thead th{font-weight:bold;}

h2{font-size:16px;margin:0;}
h3{margin:0;font-size:21px;color:black;}
h3.underline{border-bottom:solid 2px black;margin-bottom:8px;}
h3.underline.blue{border-color:#00a7e1;}
h4{margin:0;}
h4.underline{border-bottom:solid 2px black;margin-bottom:8px;}
h4.underline.blue{border-color:#00a7e1;}

div.grayBG{background-color:#cfced1;}

span.more-info{cursor:pointer;line-height:25px;font-size:11px;}
span.more-info > img{margin-bottom: 3px; height: 24px;}

img.sub_style_selection{height:16px;margin-right:8px;}

span.incGST{font-size:12px;line-height:0px;float:right;}

div.tab-wrapper{position:relative;margin-top:-15px;}

div.template-thumb{margin-bottom:30px;cursor: pointer;}
div.template-thumb > img{max-width:100%;max-height:100%;margin-bottom:8px;}
div.template-thumb-wrapper{height:175px;}
div.template-thumb-wrapper > img{max-width:100%;max-height:100%;margin-bottom:8px;cursor:pointer;}
div.template-info{line-height:16px;height:64px;overflow:hidden;margin-top:10px;}

button.btn-choose-template{margin-top:8px;height:30px;line-height:3px;width:90%;}

div.filter{cursor:pointer;}
div.filter-check{display:inline-block;width:15%;margin:0;}
div.filter-check > img{height:16px;padding-right:5px;}
div.filter-info{display:inline-block;width:75%;margin:0;}

#selected_colour_img{height:100px;width:100px;border:5px #00a7e1 solid;margin-bottom:3px;}
#product_selected_colour_img{width:100px;height:100px;}

div.colour-item{cursor:pointer;}
img.colour-item-check{float:left;height:16px;padding-right:5px;}

div.colour-finish-item{cursor:pointer;}
img.colour-finish-item-check{float:left;height:12px;padding-right:5px;margin-top:3px;vertical-align:bottom;}

div.smPadL{padding-left:3px;}
div.smPadR{padding-right:3px;}

div.product-substyle-div-check{cursor: pointer;margin:0 0 6px 4px;}
div.product-substyle-div-check > img{height: 16px;margin-right:8px;}

.pointer{cursor:pointer;}

img.product_catalog_arrow_image{margin-bottom:3px;height:22px;float:right;}

div.slideshow-wrapper{position:relative;width:100%;height:350px;overflow:hidden;}
div.slideshow-img{position:absolute;width:100%;}
div.slideshow-img img{height:350px;width:100%;}
div.slideshow-hover{cursor:pointer;color:white;position:absolute;background-color:#00a7e1;width:100%;height:100%;opacity:.9;display:none;}
div.slideshow-hover > img{width:70px;height:70px;margin-top:120px;}
#nav_left{cursor:pointer;opacity:.3;position:absolute;font-size:0;background-color:#006496;width:40px;height:75px;top:50%;margin-top:-37px;left:0px;padding:0;}
#nav_right{cursor:pointer;opacity:.3;position:absolute;font-size:0;background-color:#006496;width:40px;height:75px;top:50%;margin-top:-37px;right:0px;padding:0;}
#nav_left > img, #nav_right > img{margin-top:14px;}
#nav_left > img, #nav_right > img{margin-top:17px;}

div.gallery-thumb{position:relative;float:left;height:130px;width:130px;margin:5px;}
div.gallery-thumb-data{position: absolute; height: 100%; width: 100%;overflow:hidden;}
div.gallery-thumb-hover{cursor: pointer; color: white; position: absolute; background-color: #00a7e1; width: 100%; height: 100%; opacity: .9; display: none;}
div.gallery-thumb-hover > img{width: 50px; height: 50px; margin-top: 30px;}

button.btn-products-back{width:300px;margin-top:50px;}
button.btn-products-back > img{margin-right:10px;float:left;}

div.order-overview-colour{float:left;padding:0 15px 0 15px;width:200px;}
span.order-overview-header{white-space:nowrap;}
div.order-overview-colour > img{width:100%;max-width:150px;height:150px;cursor:pointer;margin-bottom:10px;}
div.order-overview-hardware{float:left;padding:0 15px 0 15px;}
div.order-overview-hardware-img{width:100%;height:150px;overflow:hidden;margin-bottom:10px;}
div.order-overview-hardware-img > img{height:100%;cursor:pointer;}

span.hardware-item{cursor:pointer;}
span.hardware-item > img{height:20px;vertical-align:middle;}
div.hardware-level{overflow:hidden;}
div.hardware-level-img{width:100%;max-height:200px;overflow:hidden;margin-bottom:10px;}
div.hardware-level-img > img{max-width:100%;}

div.prompt_loading{text-align:center;}
img.prompt_close{cursor:pointer;width:16px;position:absolute;right:10px;top:10px;background-color:#00A7E1;border-radius:8px;}

a.grey{color:grey;}
a.nohover:hover{text-decoration:none;}

input.spec.error,select.spec.error{color:red;background-color:#f2dede;}

/* Error override for drawer heights */
.drawerHeightError {
    color:red !important;
    background-color:#f2dede !important;
}

button.navbar-toggle{border:solid white 1px;color:white;}
button.navbar-toggle:hover{background-color:#00A7E1;}
button.navbar-toggle span.icon-bar{background-color:white;}

/* Disabling selecting text and such. (Ugly blue background highlight) */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* For the existing product table */
/* Product table rows should have hand cursor to show that they can be clicked. */
#existing_job_cabinet_table tr {
	cursor: pointer;
}

#existing_job_cabinet_table tr.selected {
	background-color: #90C3D4;
}

/* Product table rows should have hand cursor to show that they can be clicked. */
#existing_benchtop_table tr {
	cursor: pointer;
}

#blue {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10000;
    background-image: url('../images/arrow_down.png');
    background-repeat: no-repeat;
    background-position: bottom;
    pointer-events: none;
    display:none;
}

@keyframes pulse {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

#existing_benchtop_table tr.selected {
	background-color: #90C3D4;
}


/* TDLD Specific CSS */

#tdld_component_prompt {
	width: 600px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 103;
}

#tdld_container_div {
	padding: 0px 5px 0px 5px  !important;
}

/*
	Begin minimized side panels for Layout Designer.
*/

#right_panel.minimized .list tr td:not(:first-child):not(.room_side_list_text):not(:last-child) {
    background-color: #FF00FF;
    display: none;
}

/*#left_job_container_div {
	padding: 0px !important;
}
#right_job_container_div {
	padding: 0px !important;
}*/

#tdld_container_div {
	padding: 0px 5px 0px 5px  !important;
}

#center_job_container_div.maximized {
    padding: 0px 5px 15px 5px;
}

#tdld_container_div.maximized {
    padding: 0px 5px 15px 5px;
}

/*
	End of minimized side panels for Layout Designer.
*/

/*
	This css will handle the styling of the layout menu for the TDLD layout menu.
*/

.tdld_button {
	font-size: 11pt;
	line-height: 25px;
	/*height: 40px !important;*/
	text-shadow: none;
	padding: 1px 8px 4px 10px;
	color: white;
	/*width: 100%;*/
	overflow: hidden;
	border: none;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	background-image: none;
	font-weight: normal;
}

.tdld_button:hover {
 background-image: none;
 text-shadow: none;
 color: white !important;
 border: none !important;
}

.tdld_button:focus {
	background-image: none;
	text-shadow: none;
	color: white;
	border: none;
}

.tdld_button_red {
	background-color: #E14D4D;
}

.tdld_button_red:hover {
	background-color: #CB2626 !important;
}

.tdld_button_red:focus {
	background-color: #CB2626;
}

.tdld_button_blue {
	background-color: #00A8E0;
}

.tdld_button_blue:hover {
	background-color: #0095C6 !important;
}

.tdld_button_blue:focus {
	background-color: #00A8E0;
}

.tdld_small_button {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	font-size: 11pt;
}

.tdld_large_button {
	width: 49%;
	height: 42px;
	line-height: 42px;
	font-size: 12pt;
}

table.small_button_container td {
	padding: 1px;
}

.small_button_container {
	width: 100%;
	max-width: 196px;
	margin: auto;
	display: table;
	table-layout: fixed;
	margin-bottom: 5px;
	margin-top: 2px;
}

.large_button_container {
	width: 90%;
	margin: auto;
	margin-bottom: 5px;
}

.tdld_small_button_image {
	width: 28px;
	height: 28px;
	margin-right: auto;
}

.tdld_large_button_image {
	width: 38px;
	height: 38px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}

.center_header {
	text-align: center;
}


.tdld_settings_container {
	width: 100%;
}
.tdld_image_container {
	width: 40%;
	margin: auto;
}
.tdld_options_container {
	width: 100%;
	float: left;
}

.tdld_control_container {
	height: 30px;
	float: right;
}

.tdld_location_left_container {
	width: 50%;
	float: left;
}
.tdld_location_right_container {
	width: 50%;
	float: right;
}


.tdld_rotation_container {
	width: 100%;
	float: left;
}

.tdld_sizing_button {
	font-size: 11pt;
	line-height: 25px;
	/*height: 40px !important;*/
	text-shadow: none;
	padding: 1px 8px 4px 10px;
	color: white;
	/*width: 100%;*/
	border: none;
	background-color: #00A8E0;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 13px !important;
	background-image: none;
	font-weight: normal;
}

.tdld_sizing_button:hover {
 background-image: none;
 text-shadow: none;
 background-color: #0095C6 !important;
 color: white !important;
 border: none !important;
}

.tdld_sizing_button:focus {
	background-image: none;
	text-shadow: none;
	background-color: #00A8E0;
	color: white;
	border: none;
}

.tdld_label50 {
	width: 50%;
    height: 30px;
    line-height: 40px;
    color: #00A8E6;
    font-weight: bold !important;
    padding-right: 0px !important;
    font-size: 12pt
}

.tdld_blue_text {
    line-height: 40px;
    color: #00A8E6;
    font-weight: bold !important;
    padding-right: 0px !important;
    font-size: 12pt
}

.tdld_number_input {
	margin: auto;
	margin-top: 8px;
	border: 1px solid black !important;
	background-color: #EEE !important;
	height: 24px !important;
	box-shadow: none !important;
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
}

.tdld_number_input::-webkit-inner-spin-button, 
.tdld_number_input::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; 
}

.tdld_number_input {
    -moz-appearance: textfield;
}

.tdld_icon_button_event {	
	width: 20px;
	height: 20px;
	margin-top: 6px;
	vertical-align: middle;
}

.tdld_icon_button_event:hover {
    opacity: 0.5;
}

.tdld_cabinet_image {
	max-width: 100%;
}

/*
	The circular controls for the TDLD side panel are slightly different as we will have a third state available as well as
	well as having slightly different positioning to stay inline with the labels.
*/
.tdld_circular_controls input[type=checkbox]:not(old),
.tdld_circular_controls input[type=radio   ]:not(old){
  width     : 30px;
  margin    : 0;
  padding   : 0;
  font-size : 20px;
  opacity   : 0;
}

.tdld_circular_controls input[type=checkbox]:not(old) + label,
.tdld_circular_controls input[type=radio   ]:not(old) + label{
  display      : inline-block
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  color: #00A8E0;
  line-height  : 33px;
}

.tdld_circular_controls input[type=checkbox]:disabled + label,
.tdld_circular_controls input[type=radio   ]:disabled + label{
  display      : inline-block;
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  color: grey;
  line-height  : 24px;
}

.tdld_circular_controls input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 16px;
  height           : 16px;
  margin           : 3px 10px 3px 3px;
  border           : 2px solid #333E48;
  border-radius : 16px;
  background       : #EEE;
  background-image : none;
  vertical-align   : bottom;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.tdld_circular_controls input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 16px;
  height           : 16px;
  margin           : 3px 10px 3px 3px;
  border           : 2px solid #333E48;
  border-radius : 16px;
  background       : white;
  background-image : none;
  vertical-align   : bottom;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.tdld_circular_controls input[type=checkbox]:disabled + label > span,
.tdld_circular_controls input[type=radio   ]:disabled + label > span{
  display          : inline-block;
  width            : 14px;
  height           : 14px;
  margin           : 3px 10px 3px 3px;
  border           : 2px solid grey;
  background       : white;
  background-image : none;
  vertical-align   : bottom;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.tdld_circular_controls input[type=checkbox]:not(old):checked + label > span,
.tdld_circular_controls input[type=radio   ]:not(old):checked + label > span{
  background-image : none;
}
.tdld_circular_controls input[type=checkbox]:not(old):checked + label > span:before{
  content     : '\2713';
  display     : block;
  width       : 5px;
  color       : #00A8E0;
  font-size   : 30px;
  font-weight : bold;
  line-height : 12px;
  text-align  : center;
  font-weight : bold;
}
.tdld_circular_controls input[type=checkbox]:not(old):indeterminate  + label > span:before{
  content     : '';
  background  : #00A8E0;
  display     : block;
  width       : 14px;
  height      : 14px;
  color       : #00A8E0;
  border      : 1px solid #EEE;
  top         : -2px;
  left        : -2px;
  position    : relative;
  margin      : inherit;
  border-radius : 100%;
}
.tdld_circular_controls input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 16px;
  height           : 16px;
  border           : 2px solid white;
  border-radius: 16px;
  background       : #00A8E0;
  background-image : none;
}

/* Display and positioning of the quantity warning. */
#layout_quantity_warn {
	height: 25px;
	line-height: 35px;
	float: left;
	margin-left: 16px;
}

.productSearchButtonContainer {
	float: right;
	width: 30%;
	padding-top: 1px;
}

.layerOptionContainer {
	width: 120px;
	float: left;
}

.layerOptionContainer label, .tdld_grid_options label {
	line-height: 44px;
	font-size: 10pt;
}

.room_layout_fields label {
	line-height: 44px;
	font-size: 10pt;
}

.tdld_grid_options input {
	margin-left: 4px;
	font-size: 10pt;
}

.quick_product_select_dropdown {
	width: 741px !important;
}

.quick_search_dropdown {
	width: 741px !important;
}

.quick_search_dropdown .addProductOptions {
    width: 163px;
    display: block;
    display: none;
}

.select2-results__option--highlighted .addProductOptions {
	display: block;
}

.quick_search_dropdown .select2-results__option { /* do the columns */
  float: left;
  width: 25%;
  height: 185px;
  margin: 0;
}

.quick_search_dropdown img {
	margin:auto;
	max-height: 100px;
	display:block;
}

.quick_search_dropdown .select2-results__options {
    margin: 4px 4px 4px 0;
    max-height: 384px !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 4px;
    position: relative;
}

.quick_search_dropdown .quick_search_text {
	text-align: center;
    font-weight: bold;
    color: #333E48;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    font-size: 11pt;
    height: 65px;
    text-overflow: ellipsis;
}

/* move close cross [x] from left to right on the selected value (tag) */
#s2id_e2_2.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 18px 3px 5px;
}
#s2id_e2_2.select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 3px;
}


#quick_search .select2-results-dept-0 { /* do the columns */
  float: left;
  width: 20%;
}

.quick_product_table {
	padding-bottom: 20px;
	padding-top: 15px !important;
	width: 100%;
	font-size: 10pt;
	border-spacing: 0px;
}

.quick_product_table .header td {
	border-bottom: 1px solid #333E48;
	padding-bottom: 10px;
	padding-right: 10px;
	font-weight: bold;
	color: #333E48;
}

.quick_product_table .header a {
	border-bottom: 1px solid #333E48;
	padding-bottom: 10px;
	font-weight: bold;
}

.quick_product_table .table_content{
	height: 55px
}

.quick_product_input {
	margin: auto;
	/*border-radius: 5px;*/
	padding-left: 5px;
	border: 1px solid #333E48;
	background-color: #EEE;
	height: 30px;
}

.quick_product_external_dropdown select {
	margin: auto;
	padding-left: 5px;
	/*border-radius: 5px;*/
	border: 1px solid #333E48;
	background-color: #EEE;
	height: 30px;
}

#prompt_container {
	z-index: 10001;
}

#tdld_component_prompt {
	width: 600px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 10001
}

#prompt_container .close_button {
	position: absolute;
	right: 28px;
	top: 28px;
	width: 23px;
	cursor: pointer;
}

/* Quick product search key words */

.keyword {
  display: block;
  cursor: pointer;
  font-size: 9pt;
  margin-right: 1px;
  padding: 4px;
  margin-bottom: 2px;
  border: 1px solid #00a7e1;
  border-radius: 10px;
  float: left;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.keyword:hover {
	border: 1px solid none;
	background-color: #00a7e1;
	color: white;
}

.keyword.selected {
	border: 1px solid none;
	background-color: #00a7e1;
	color: white;
}

.keyword.selected:hover {
	border: 1px solid none;
	background-color: #b2b6b9;
	color: black;
}

.keyword_list {
  width: 100%;
  display:table;
}

.keyword_list:last-child {
  clear: both;
}


/* End of Quick product search key words */

#designer {
    margin-top: -10px;
}

#room_shape_select {
	border: 2.5px solid transparent;
    border-color: #00a7e0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 6px;
    padding: 1em;
    background-color: white;
}

#room_shape_select h1.form_header {
	font-size: 15pt;
	color: #00a7e1;
	font-weight: bold;
}

.notbold {
	font-weight: normal;
}

#room_shape_select .product_item {
	float: left;
}

#room_shape_select .product_item_text {
	text-align: center;
    font-weight: bold;
    color: #333E48;
    font-size: 11pt;
}

.custom_admin_buttons {
	padding-bottom: 4px;
}

#input_width {
	width: 70px;
}

#input_width2 {
	width: 70px;
}

#input_width3 {
	width: 70px;
}

#input_length3 {
	width: 70px;
}

#input_height {
	width: 70px;
}

#input_depth {
	width: 70px;
}

#input_widthDepth {
	width: 70px;
}

#input_lengthDepth {
	width: 70px;
}

#input_x {
	width: 70px;
}

#input_y {
	width: 70px;
}

#input_rotation {
	width: 70px;
}

#input_length3_container {
	display: none;
}

#input_width3_container {
	display: none;
}


/* Layout size rules - This handles some problems with smaller screen width or expanded layout. */
button.btn-add-products {
    overflow: hidden;
}

#project_summary_fillW_buttons button.fillW {
    white-space: normal;
}

@media screen and (max-width: 1600px) {
    #menu_item_overview:before {
      color: #FFF;
      content: "Overview";
    }
    #menu_item_overview {
      color: transparent;
    }
}

/* End of layout size rules */


/* End of TDLD Specific CSS */

input.disabled {
    background-color: #fcfcfc;
    color: #999;
}

.icon_button {
    vertical-align: middle;
}
.label20 {
    width: 20%;
    height: 40px;
    line-height: 40px;
    color: #333E48;
    font-weight: normal !important;
    padding-right: 0px !important;
}
.icon_button:hover {
    opacity: 0.5;
}

.face_edit_container {
    width: 28%;
    float: right;
}

@media only screen and (min-width: 640px) {
    .face_edit_container {
        width: 24%;
        float: right;
    }
}


.label30 {
    width: 30%;
    height: 40px;
    line-height: 40px;
    color: #333E48;
    font-weight: normal !important;
    padding-right: 0px !important;
}

.label40 {
    width: 40%;
    height: 40px;
    line-height: 40px;
    color: #333E48;
    font-weight: normal !important;
    padding-right: 0px !important;
}

.label60 {
    width: 60%;
    height: 40px;
    line-height: 40px;
    color: #333E48;
    font-weight: normal !important;
    padding-right: 0px !important;
}

.label70 {
    width: 70%;
    height: 40px;
    line-height: 40px;
    color: #333E48;
    font-weight: normal !important;
    padding-right: 0px !important;
}

.quote_label {
    height: 30px;
    line-height: 30px;
    color: #333E48;
    font-weight: normal !important;
    padding-right: 0px !important;
}

.label_span {
    height: 40px;
    display:block;
    line-height: 40px;
}

.form_element30{
    width: 30%;
}

.form_element40 {
    width: 40%;
}

.form_element50 {
    width: 50%;
}

.form_element60 {
    width: 60%;
}

.form_element70 {
    width: 70%;
}

.form_element70 select {
    width: 100%;
}

.form_element80 {
    width: 80%;
}

.form_element90 {
    width: 90%;
}

.form_element100 {
    width: 100%;
}

.form_span80 {
    width: 80%;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.noPad {
    padding: 0 !important;
}

.inline_container {
    display: inline-block;
}

.job_edit_small_form_select select {
    border: 1px solid #333E48;
    padding-left: 10px;
    height: 26px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    max-width: 100px;
}



/* Circular radio and checkbox buttons */
.circular_controls input[type=checkbox]:not(old),
.circular_controls input[type=radio   ]:not(old){
  width     : 30px;
  margin    : 0;
  padding   : 0;
  font-size : 20px;
  opacity   : 0;
}

.circular_controls input[type=checkbox]:not(old) + label,
.circular_controls input[type=radio   ]:not(old) + label{
  display      : inline-block
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  color: #00A8E0;
  line-height  : 24px;
}

.circular_controls input[type=checkbox]:disabled + label,
.circular_controls input[type=radio   ]:disabled + label{
  display      : inline-block;
  /*margin-left  : -30px;*/
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
  color: grey;
  line-height  : 24px;
}

.circular_controls input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 16px;
  height           : 16px;
  margin           : 3px 10px 3px 3px;
  border           : 2px solid #333E48;
  border-radius : 16px;
  background       : #EEE;
  background-image : none;
  vertical-align   : bottom;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.circular_controls input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 16px;
  height           : 16px;
  margin           : 3px 10px 3px 3px;
  border           : 2px solid #333E48;
  border-radius : 16px;
  background       : white;
  background-image : none;
  vertical-align   : bottom;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.circular_controls input[type=checkbox]:disabled + label > span,
.circular_controls input[type=radio   ]:disabled + label > span{
  display          : inline-block;
  width            : 14px;
  height           : 14px;
  margin           : 3px 10px 3px 3px;
  border           : 2px solid grey;
  background       : white;
  background-image : none;
  vertical-align   : bottom;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}

.circular_controls input[type=checkbox]:not(old):checked + label > span,
.circular_controls input[type=radio   ]:not(old):checked + label > span{
  background-image : none;
}

.circular_controls input[type=checkbox]:not(old):checked + label > span:before{
  content     : '\2713';
  display     : block;
  width       : 5px;
  color       : #00A8E0;
  font-size   : 30px;
  font-weight : bold;
  line-height : 6px;
  text-align  : center;
  font-weight : bold;
}

.circular_controls input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 16px;
  height           : 16px;
  border           : 2px solid white;
  border-radius: 16px;
  background       : #00A8E0;
  background-image : none;
}



.menu-container {
    padding-left:0px;
    background-color:#006496;
}

@media (max-width: 767px) {
    .menu-container {
        margin-top: -55px;
        padding-left: 0px;
        background-color: #303E48;
    }
}


/* Product images to be transparent and have the exterior material show through by stacking the material as a background image. */
#cabinet_image_preview, #cabinet_image_large_preview, .cabinet_image > img, .tdld_cabinet_image, .cabinet_select_image, #selected_cabinet_image {
    background-color:#FFF;

    /* Attempt to hide any glitchy looking line around outside of the PNG just in-case they don't edit it out of source image. */
    -webkit-box-shadow:inset 0px 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 0px 1px #fff;
}

/* Default the goCabinets product images to a material similar to the original blue look. */
#cabinet_image_preview, #cabinet_image_large_preview, .cabinet_image > img, .tdld_cabinet_image, .cabinet_select_image {
    background:url("uploads/gocabinet_materials/default_exterior.jpg");
    background-repeat: repeat;
}

/* The image on TDLD needs to be extra ../ because of the base tag */
.tdld_cabinet_image {
    background:url("../uploads/gocabinet_materials/default_exterior.jpg");
}

/* End of product image material stacking */
.paypal-surcharge-text {
    margin-left: 30px;
    font-weight: bold;
    font-size: 14px;
}