/*********************************************************************************************************************/
/* 																						  		SCREEN CSS		     */
/*********************************************************************************************************************/

/* COLOURS */

/*
	PURPLE: #2d3141;
	LT PURPLE: #6a6d8e
	GREEN: #697556;
	LT GREEN: #7f8c67;
	GREY: #333;
	LT GREY: #b2b2b2;
	
*/

/*********************************************************************************************************************/
/* 																						  		TAGS			     */
/*********************************************************************************************************************/
html { overflow: -moz-scrollbars-vertical !important; }
	body {
		color: #343434;
		background: #e7e9e8;
		margin:0;
		padding:0;
		font: 87.5% helvetica, arial, sans-serif;
		font-weight:400;
		line-height: 1.5;	   
	}
	
	input,
	textarea {
		font-size: 1em;
		line-height: 1;
		padding: 0;
		margin: 0;
		font-family: helvetica, arial, sans-serif;
	}	
	
	textarea {
		border: none;
		box-shadow: 1px 1px 2px #666 inset;
	}

	h1, h2, h3, h4, h5, h6 { 
		margin: 0; 
		line-height: 1;
	}
	h1 {
		color:#666666;
		margin: 0px 0px 10px;
		font-size: 2em;
		letter-spacing: 0.05em;
	}
	h2 {
		color:#666666;
		font-weight:normal;
		font-size: 1.6em;
		line-height: 1.2;
	}
	h3 {
		 font-size: 1.3em;
		 font-weight: normal;
	}
	
	img { border: none; }
	
	a {
		color:#343434;
		text-decoration: underline;    
		outline: none;
    -webkit-touch-callout: none !important; 
	}
	
	a:hover, a:focus {
		text-decoration: none;    
	}
	
	.delete_email {
		cursor: pointer; 
		float: right; 
		margin: 0% 8% 0% 0%;
	}
	
	button:hover,
	input[type="submit"] ,
	input[type="checkbox"] {
		cursor: pointer;
	}
	
	input[disabled], select[disabled] {
	    background-color: #e0e0e0 !important;
	    cursor: not-allowed;
	}
	
	fieldset {
	   border: none;
	   padding:0;
	   margin: 0;
	}
	
	nav > ul, div#admin_utility ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav > ul > li > a, div#admin_utility ul li a { 
		display:block;
		float: left;
		text-decoration: none; 
	}
	nav > ul > li > a:hover { text-decoration: none; }
	
	:focus { outline: none; }
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
	

/*********************************************************************************************************************/
/* 																						  		LAYOUT			     */
/*********************************************************************************************************************/
	.wrap {
		width: 90%;
		margin: 0 auto;
	}
	header.site,
	section.content,
	footer.site {
		width:100%;
		float: left;
		display:block;
		clear:both;
	}
	#footer {
		background-color: #666666;
    clear: both;
    color: lightgrey;
    display: block;
    float: left;
    padding: 35px 0;
    text-align: center;
    width: 100%;
		margin: 80px 0 0;
	}
	#footer a {
		color:#64b334;
	}
	.gsfn-widget-tab{
		z-index: 800 !important;
	}
	
	.rotate_90 {
		display: inline-block;
		overflow: hidden;
		width: 1.5em;
		border-right: 1px solid #C1C2C1;
	}
	.rotate_90__inner {
		display: inline-block;
		white-space: nowrap;
		line-height: 1.5;
		-moz-transform: translate(0,100%) rotate(-90deg);
		-moz-transform-origin: 0 0;
		-webkit-transform: translate(0,100%) rotate(-90deg);
		-webkit-transform-origin: 0 0;
	}
	/* This element stretches the parent to be square
	   by using the mechanics of vertical margins  */
	.rotate_90__inner:after {
		content: "";
		display: block;
		margin: -1.5em 0 100%;
	}
	
	.lh_larger {
		line-height: 1.2;
	}
	
	section.disabled h2.closed,
	section.disabled h3.closed {
		color: #666666 !important;
	  cursor: default !important;
	}
	
  div.center_images_outer {
    width: 100%; 
    float: left;
  }
  
  div.center_images_inner {
    margin: 0 auto;
  }
  
  div.center_images_inner > a,
  div.center_images_inner > div {
    margin: 0 5px;
    float: left;
  }

  div.center_images_inner > a:first-child,
  div.center_images_inner > div:first-child {
    margin-left: 0;
  }
  
  div.center_images_inner > a:last-child,
  div.center_images_inner > div:last-child {
    margin-right: 0;
  }
  
  /* jQuery Dialog z-index */
	.ui-dialog {
    z-index: 10000 !important;
	}
	
/*********************************************************************************************************************/
/* 																						  		HEADER			     */
/*********************************************************************************************************************/

	.help-note{
		/*font-size: 12px;*/
		font-style: italic;
		color: #666;
		margin: 20px 0px;
		display: block;
	}
	
	.help-note-inline {
		color: #666666;
    font-style: italic;
    margin: 20px 0;		
	}
	
	/*
	* used on ajax_new_image
	*/
	.help-text {
		font-size: 9px;
		margin-bottom: 10px;
	}
	
	.help-note-2{
		/*font-size: 12px;*/
		font-style: italic;
		color: rgb(43, 43, 43);
		margin: 10px 0px;
		display: block;
		padding-left: 30px;
	}
	.help-note-small{
		font-size: 12px;
		font-style: italic;
		color: #666;
	}
	tr.spaceUnder > td {
		padding-bottom: 4em !important;
	}
	tr.spaceOver > td{
		padding-top: 4em !important;
	}
	tr.spaceOver-big > td{
		padding-top: 10em !important;
	}
	#logo,
	#logo a {
		width: 178px;
		height: 100px;
		float: left;
		display:block;
		margin: 10px 0 0 20px;
		position: absolute;
		-webkit-box-shadow: 0px 0px 8px #333;
		box-shadow: 0px 0px 8px #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		background: white;
	}
	#logo a {
		float: left;
		position: absolute;
		margin: 0;
		text-indent: -999em;
		background-position: 50%;
		-webkit-box-shadow: 0px 0px 8px #333;
		box-shadow: 0px 0px 8px #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	#logo img, #admin_logo img {
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#logo2 {
		width: 178px;
		height: 100px;
		float: left;
		margin: 5px 0 0 0px;
		-webkit-box-shadow: 0px 0px 8px #333;
		box-shadow: 0px 0px 8px #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		background: white;
		overflow: hidden;
		text-align: center;
	}
	#logo2 img{
		
	}
	div#dash-new-button button#select {
		top: 17px;
  }
	.gallery_list {
		/*
		width: 210px;
		height: 165px;
		-webkit-box-shadow: 0px 0px 8px #333;
		box-shadow: 0px 0px 8px #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		*/
		display:inline-block;
		list-style: none;
		margin: 5px;
		position: relative;
		background: white;
		float: left;
	}
	.image_title{
		position: absolute;
		width: 78%;
	}
	.image_title_no_icon {
		float: left;
	}
	.gallery_footer{
		border-top: 1px solid;
		padding:  2% 0%;
		margin-bottom: 55px;
	}
	
	.gallery_footer_no_icon {
		border-top: 1px solid;
		padding: 2% 0%;
		margin: 2% 0%;
		font-weight: normal !important;
	}
	.gallery_box{
		text-align: center;
		display: block;
		/*
		line-height: 150px;
		height: 135px;
		padding-top: 2px;
		*/
	}
	#gallery_form_upload{
		float: left;
		margin-top: 20px;
		width: 100%;
	}
	.small_icons{
		padding: 0px;
		width: 40px;
		height: 30px;
		margin-left: 75%;
		float: left;
	}
	.icon{
		padding: 0px 2px;
		cursor: pointer;
		float: left;
	}
	.icon_preview {
	  width: 20px;
	  height: 20px;
	  float: left;
	  margin-top: 12px;
	  margin-left: 5px;
	}
	.gallery_box a{
		text-decoration: none;
	}
	#checkbox input{
		margin-top: 10px;
		float:left;
	}
	#checkbox span {
		margin-left: 10px;
		font-size: 15px;
		margin-top: 8px;
		float: left;
		display: block;
	}
	#hex {
		width: 178px;
		height: 35px;
		margin: 5px 0 0 0px;
		-webkit-box-shadow: 0px 0px 8px #333;
		box-shadow: 0px 0px 8px #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		background: white;
		text-align: center;
		padding-top: 10px;
	}
	
	.yms_green_text {
	  color: #65B334 !important;
	}
	
	.yms_green_bkg {
	  background-color: #65B334 !important;
	}
	
	div#colour_box {
	  margin-bottom: 15px;
	}

	div#colour_selector {
	  float: left;
    margin: 30px 250px 3px 35px;
	}
	
  div#colour_display {
    float: left;
    margin: -10px 0 0 -33px;
  }

  div#logo_selector {
    float: left;
    margin: 50px 20px 0 33px;
  }
  
  div#logo_display {
    float: left;
    margin: -10px 0 0 -33px;
  }
  
	#presentation_table td{
		border-right:solid 40px transparent;
	}
	#color_table p, #logo_table2 p {
		margin: 0px;
	}
	#logo_table td {
		padding: 2px;
	}
	#logo_table tr td {
		width: 175px !important;
	}
	#color_table td, #logo_table2 td {
		padding: 7px 0px;
	}
	#small-help {
		font-size:8px;
		font-style:italic;
		padding-top: 5px;
		display: block;
		float: left;
	}
		
	/* NAV GENERAL */
nav#utility {
    position: relative;
    top: 2.5px;
  }
  nav#utility ul li {
    margin: 0 4px;
  }
  nav#utility,
  nav#primary {
    float: right;
    cleaR:right;
    margin: 0 15px;
  	position: relative;
  }
  nav#utility ul li,
  nav#primary > ul > li {
    float: left;
    display:block;
  }
	/* UTILITY */
	nav#utility ul li a,
	div#admin_utility ul li a {
		color: #666;
		padding: 4px 13px 3px;
		margin: 4px 0 4px 1px;
		font-size: 0.9em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	nav#utility ul li a {
	  margin: 4px 0 8px 1px;
	}
	nav#utility ul li a:hover,
	div#admin_utility ul li a:hover {
		background: #fff;
	}
	
	#selected_top_link {
	 background: #FFFFFF;
	}
	nav#utility ul {
	  float: left;
	}
	div#utility_divider {
	  position: relative; 
	  top: 5px;
	}
	/* PRIMARY */
	nav#primary > ul {
		background:#fff;
		padding: 0;
		overflow:hidden;
		-moz-border-radius: 11px 11px 0px 0px;
		-webkit-border-radius: 11px 11px 0px 0px;
		border-radius: 11px 11px 0px 0px;
		/*border: 1px #cccccc solid;*/
		border-bottom: none;
		position: relative;
	}
	nav#primary > ul > li > a {
		color:#fff;
		font-weight: bold;
		padding: 16px 25px;
		border-left: 1px #538919 solid;
		border-right: 1px #75b12d solid;
		text-shadow: 0 1px 0 #538919;
		
		background: #84bb3b; /* Old browsers */
		background: -moz-linear-gradient(top,  #84bb3b 0%, #75b12d 50%, #63a21d 51%, #63a21d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84bb3b), color-stop(50%,#75b12d), color-stop(51%,#63a21d), color-stop(100%,#63a21d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* IE10+ */
		background: linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84bb3b', endColorstr='#63a21d',GradientType=0 ); /* IE6-9 */
	}
	nav#primary > ul > li > a:hover {
		border-right: 1px #ff8000 solid;;
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
	}
	
	nav#primary > ul > li:first-child > a.current_link {
	 border-left: none !important;
	}
	
	nav#primary > ul > li:first-child > a {
		border-left: none;
		-moz-border-radius: 10px 0 0 0;
		-webkit-border-radius: 10px 0 0 0;
		border-radius: 10px 0 0 0;
	}
	
  nav#primary > ul > li:last-child > a.current_link {
   border-right: none !important;
  }
	
	nav#primary > ul > li:last-child > a {
		border-right: none;
		-moz-border-radius: 0 10px 0 0;
		-webkit-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}
	
	nav#primary ul ul {
	  display: none;
		z-index: 100;
	}
	
	nav#primary ul {
	  position: relative;
    display: inline;
		list-style: none;
	}
	
	nav#primary ul ul {
	  border-radius: 0px; 
	  padding: 0;
	  position: absolute; 
	  top: 52.4px;
  }
	
  nav#primary ul ul li a {
    padding: 14px 40px;
    color: #fff;
  	display: block;
  } 
  
  nav ul ul li a:hover,
  nav ul ul li a:focus {
    background: #FFF;
  }
	
	nav#primary ul li:hover > ul,
	nav#primary ul li:focus > ul {
	  display: block;
	}

	.currentLink {
		border-right: 1px #ff8000 solid !important;
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0 ) !important; /* IE6-9 */
	}
	
	.currentLink:hover {
		border-right: 1px #ff8000 solid !important;
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0 ) !important; /* IE6-9 */
	}
	
	a.no_dec {
	  text-decoration: none;
		font-weight: normal;
	}
	
	.client_side_iframe {
		width: 100%;
		height: 1000px;
	}
	
	.crew_side_iframe {
	  width: 100%;
	}
	
	.client_side_link_content {
		border: 1px solid lightgrey;
		padding: 100px 0px;
		text-align: center;
	}
	
	
	.presentation_pdf {
		width: 100%;
		float: left;
		color: #666;
	}
	
	.client_side_gallery{
		width: 100%;
		float: left;
	}

	
/*********************************************************************************************************************/
/* 																						  		CONTENT GENERAL	     */
/*********************************************************************************************************************/
	
   /************************************/
  /*    On/Off Slider UI              */
  /************************************/
  
    .onoffswitch {
        position: relative; width: 60px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        height: 25px; padding: 0; line-height: 25px;
        border: 2px solid #E3E3E3; border-radius: 25px;
        background-color: #FFFFFF;
        transition: background-color 0.3s ease-in;
    }
    .onoffswitch-label:before {
        content: "";
        display: block; width: 25px; margin: 0px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 33px;
        border: 2px solid #E3E3E3; border-radius: 25px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label {
        background-color: #65b334;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
       border-color: #65b334;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label:before {
        right: 0px; 
    }
	
	
	/************************************/
  /*    GOOGLE PLACES AUTOCOMPLETE   */
  /************************************/
	
	.pac-container {
	  z-index: 100000;
	}
	
	
	/************************************/
	/*    MOBISCROLL AUTOCOMPLETE   */
	/************************************/

	input.mobi_autocomplete {
	  margin-bottom: 5px;
		width: 325px;
	}
	
	.md-items {
	  max-width: 650px;
    width: 50%;
	}
	
	.md-items .dw-li {
	    text-align: center;
	}
  /*.md-items .dw-li:first-child {
      display: none;
  }*/
	.md-items .md-item {
	    display: inline-block;
	    letter-spacing: normal;
	    vertical-align: middle;
	    width: 100%;
	}
  .md-items .md-item span {
      display: none;
  }
	.md-items .md-item-name {
	    font-size: 16px;
	    height: 18px;
	    line-height: 18px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.md-items .md-item-details {
	    font-size: 10px;
	    height: 12px;
	    line-height: 12px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.md-filter-input {
	  width: 35%;
	  min-width: 300px;
	}

	
  /************************************/
  /*  TOOLTIP               */
  /************************************/

  .margin_top_20 {
      margin-top: 20px;
  }

  .font_bold {
      font-weight: bold;
  }

  .clear_fix {
      clear: both;
  }

  .display_none {
      display: none;
  }


  .float_right {
      float: right;
  }

    .float_left {
        float: left !important;
    }
  
  .tooltip {
    display: inline;
    position: relative;
  }
  
  .tooltip_input {
    margin: 0;
    width: 100%;
  }
    
  .tooltip:hover:after {
    background-color: #E7E9E8 !important;
    border-radius: 5px;
    bottom: 26px;
    color: #000000;
    content: attr(data-tooltip);
    left: -18%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
  }
  
  .tooltip:hover:before {
    border: solid;
    border-color: #E7E9E8 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 20%;
    position: absolute;
    z-index: 99;
  }

  /*Jquery-UI dropdown*/
  .ui-menu .ui-menu-item a:hover {font-weight: bold}
	
	/************************************/
	/*	CONTENT WRAP					*/
	/************************************/
	section.content {
		background:#fff;
		-moz-box-shadow: 0px 0px 8px #333;
		-webkit-box-shadow: 0px 0px 8px #333;
		box-shadow: 0px 0px 8px #333;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		margin: 0 0 80px;
		padding: 5% 7%;
		width: 86%;
	}
	
	/************************************/
	/*	FANCY BOX						*/
	/************************************/
	/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	padding: 0;
	margin: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
	padding: 0;
	margin: 0;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
	width: auto !important;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	/*width: 100%;
	height: 100%;*/
}

.fancybox-iframe {
  width: 100%;
  height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(https://ymsapp.com/images/fancybox_sprite.png);
}

.datepicker_image {
	background-image: url(https://ymsapp.com/images/arrow-down.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(https://ymsapp.com/images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(https://ymsapp.com/images/blank.gif);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
  z-index: 8010;
	background: url(https://ymsapp.com/images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow-y: hidden !important;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
	background-color: #f9f9f9;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
	#modal {
		padding: 30px 40px;
		overflow: hidden;
	}

	#settings-modal{
		padding: 30px 40px;
		overflow: hidden;
		width: 270px;
	}
	
	#request_change_modal{
		padding: 30px 40px;
		overflow: hidden;
		/*width: 270px;*/
		background: #E8E8E8;
		float: left;
	}
	#forward_modal {
		padding: 30px 40px;
		overflow: hidden;
		/*width: 270px;*/
		background: #E8E8E8;
		float: left;
	}
	
	#settings-modal-big{
		padding: 30px 40px;
		overflow: hidden;
	}
	.settings-actions .btn-action{
		float: right;
	}
	.settings-actions a{
		float:right;
		margin: 6px 20px 0 0;
	}
	#client_list_ajax{
		display: block;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		max-height: 500px;
		-moz-box-shadow: inset 2px 2px 2px #A7A7A7;
  		-webkit-box-shadow: inset 2px 2px 2px #A7A7A7;
  		box-shadow: inset 2px 2px 2px #A7A7A7;
  		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
		border: 1px solid lightgrey;
		margin-bottom: 15px;
		width: 100%;
	}
	.client_row_ajax td{
		padding: 6px;
	}
	#client_table_ajax{
		width: 100%;
	}
	.simple_box #modal {
		text-align:center;
	}
	.simple_box {
		width: 550px !important;
	}
	.simple_box .fancybox-skin {
		background: #fff;
	}
	.advanced_box {
		width: 60% !important;
	}
	.advanced_box .fancybox-skin {
		background: white;
	}
	.advanced_box_small {
		width: 40% !important;
	}
	#modal ul {
		width:100%;
		overflow:hidden;
		margin: 0 0 10px;
		padding: 0;
		list-style: none;
	}
	#modal ul li {
		float: left;
		display:block;
		width: 48%;
		padding: 5px 0;
	}
	#modal ul li a {
		float: none;
		text-align:center;
	}
	#modal ul li:nth-child(even){
		margin-left: 4%;
	}
	#modal > a{
		font-size: 0.9em;
	}
	
	#modal.customer fieldset {
		width:48%;
		floaT: left;
	}
	#modal.customer fieldset.even {
		margin-left: 4%;
	}
	#modal.version h1 {
		text-align:left;
		margin-bottom: 20px;
	}
	#modal.version label {
		text-align:left;
	}
	#modal .details-add {
		margin-top: 20px;
	}
	#modal .details-add p {
		margin: 0;
	}
	
	/************************************/
	/*	ICONS							*/
	/************************************/
	span.arw,
	span.exterior,
	span.interior,
	span.residential,
	span.export,
	span.commercial,
	span.print,
	span.delete,
	span.duplicate,
	span.plus,
	span.plus-sm,
	span.doc,
	span.settings,
	span.circle_plus,
	span.arw-left
	 {
		float: left;
		display:block;
		background: url(https://ymsapp.com/images/sprite.png) no-repeat;
	}
	
	/*#select-all {
		-webkit-transform: scale(1.05,1.05);
		-moz-transform: scale(1.05,1.05);
		-o-transform: scale(1.05,1.05);
		margin-left: 9.5px;
	}*/
	
	span.information {
		background: url(https://ymsapp.com/images/i-icon-grey.png) no-repeat;
		height: 18px;
		width: 19px;
		margin: -2px -2px 0px 0px;
		display: block;
		float: left;
		text-indent: -999em;
		cursor: pointer;
	}
	span.information:hover{
		background: url(https://ymsapp.com/images/i-icon.png) no-repeat;
	}
	span.exterior {
	background-position: -58px 0;
    height: 20px;
    margin: -2px 7px 0 0;
    width: 21px;
	}
	
	span.interior {
	background-position: -105px 0;
    height: 22px;
    margin: -2px 10px 0 4px;
    width: 15px;
	}
	
	span.arw {
		background-position: 0 0;
    height: 17px;
    margin: 3px 8px 0 0;
    width: 14px;
	}
	span.residential {
		width: 21px;
		height: 20px;
		margin: -2px 7px 0 0;
		background-position: -58px 0px;
	}
	span.commercial {
		width: 15px;
		height: 22px;
		margin: -2px 10px 0 4px;
		background-position: -105px 0px;
	}
	span.export {
		width: 10px;
		height: 12px;
		background-position: -81px 0px;
	}
	span.print {
		width: 12px;
		height: 12px;
		background-position: -92px 0px;
	}
	span.delete {
		width: 13px;
		height: 15px;
		background-position: -165px 0px;
		text-indent: -999em;
	}
	span.delete:hover {
		background-position: -165px -17px;
	}
	span.duplicate {
		width: 16px;
		height: 16px;
		background-position: -180px 0;
		text-indent: -999em;
	}
	span.duplicate:hover {
		background-position: -180px -17px;
	}
	span.plus {
		width: 24px;
		height: 24px;
		background-position: -120px 0;
	}
	span.plus-sm {
		width: 15px;
		height: 15px;
		background-position: -120px -25px;
	}
	span.doc {
		width: 19px;
		height: 23px;
		background-position: -145px 0px;
	}
	span.circle_plus {
	  background-position: -14px -23px;
    height: 22px;
    width: 20px;
  }
	span.settings {
		width: 16px;
		height: 16px;
		background-position: -197px 0;
		text-indent: -999em;
	}
	span.settings:hover {
		background-position: -197px -17px;
	}
	span.calc {
		background: url(https://ymsapp.com/images/calculator2.png) no-repeat;
		width: 32px !important;
		height: 32px;
		display: block;
	}
	span.arw-left {
		width: 5px;
		height: 9px;
		background-position: -214px 0;
		text-indent: -999em;
	}
	span.arw-down{
		width: 10px;
		background: url(https://ymsapp.com/images/arrow-down.png) no-repeat;
		display: block;
		float: left;
	}
	span.arw-right {
		width: 10px;
		background: url(https://ymsapp.com/images/arrow-right.png) no-repeat;
		display: block;
		float: left;
	}
	
	.centre_form {
		width: 50%;
		margin: 0 auto;
	}
	
	.centre_form_inner {
		margin: 0 auto;
    padding: 5%;
    width: 75%;
	}
	
	.centre_form_inner div {
		margin-left: 1%;
	}
	
	.centre_form_inner div label {
		font-weight: normal;
		display: inline;
	}

    .blue_circle_arrow {
        background-color: #0e68c8;
        color: #FFFFFF;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        text-align: center;
        font-weight: bold;
        font-size: 25px;
        display: inline-block;
    }

    .blue_circle_arrow:after {content: ">";}
	
	/************* CUSTOM SELECT ************/
	
	.custom_save_box {
		background-color: #E7E9E8;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    box-shadow: 3px 3px 5px #888888;
    height: 19px;
    left: -8px;
    min-width: 260px;
    padding: 8px;
    position: relative;
    width: 33%;
	}
	
	input.custom_select {
		width: 33%;
		min-width: 150px;
	}
	
	select.custom_select {
		width: 33.5%;
		min-width: 153px;
	}
	
	.custom_cancel {
		float: left;
		margin-left: 8px;
	}
	
	.custom_save {
		float: left;
		margin-left: 8px !important;
		border-radius: 15px !important;
		padding: 0 6px !important;
	}
	
	div.cancel_input {
		float: left;
		margin-left: 4px;
		position: relative;
    top: 1px;
	}
	
  /* Dashboard */

  select#action_select {
      float: right;
  }
  
  div#module_box {
    text-align: center;
  }
  
  div.module_select {
    margin: auto 1.5em;
  	display: inline-block;
  }
  
  div#user_info_box {
  	display: none;
  	width: 500px;
  	margin: auto 0;
  }
  
  div#user_info_contents {
	  margin: 0 auto;
  }

	
	/********* EDIT ROOM (MATT A) ***********/
	
	.custom_item_fields {
		position: relative;
		top: 10px;
	}
	
	.custom_item_fields > div:first-child {
		float: left;
	}
	
	.custom_item_fields > div:last-child {
		float: right;
	}
	
	.custom_item_span {
		float: left;
		position: relative;
		top: -13px;
	}
	
	.custom_item_span label {
		font-size: smaller;
	}
	
	.custom_buttons_right {
		display: none;
    float: right;
    left: -6px;
    position: relative;
    top: 6px;
	}
	
	.custom_buttons_left {
		display: none;
    float: left;
    left: -6px;
    position: relative;
    top: 6px;
		margin-right: 8px;
	}
	
	.custom_item_save {
		float: left;
		margin: 7px 25px 0 0 !important;
	}
	
	.custom_item_cancel {
		float: left;
		margin-top: 7px !important;
		margin-right: 5px;
	}
	
	.custom_item_add {
		float: left;
    margin: 5px 0 0 0 !important;
    padding: 0 5px 2px 4px !important;
	}	
	
	a.view_system_name {
	  border-bottom: medium none;
    color: green;
    font-size: x-large;
    left: 6px;
    position: relative;
    text-decoration: none;
	}
	
  a.view_system_name:hover {
    color: #343434;
  }
	
	.arrow_left_light_grey, 
	.arrow_left_dark_grey {
	  float: left;
	}
	
  .arrow_right_light_grey,
	.arrow_right_dark_grey {
    float: right;
  }
  
  .arrow_right_dark_grey,
  .arrow_left_dark_grey {
	  cursor: pointer;
  } 
  
	.labour_box_left tr:last-child td {
		/*border-top: 2px solid #000000 !important;
		border-left: 2px solid #000000 !important;
		border-bottom: 2px solid #000000 !important;*/
	}
	
	.labour_box_left td {
		/*border-right: none !important;*/
	}
	
	.labour_box_middle tr:last-child td:first-child {
		/*border-left: none;*/
	}
	
	.labour_box_middle tr:last-child td:last-child {
		border-right: none;
	}
	
	.labour_table_middle td:first-child {
		text-align: center !important;
		border-left: medium none !important;
	}
	
	.labour_table_middle tr td:last-child {
		border-right: none !important;
	}
	
	.labour_box_right tr:last-child td {
		/*border: 2px solid #000000 !important;*/
	}
	
	.labour_table_right td {
		text-align: center !important;
		/*border-left: medium none !important;*/
	}
	
	.input_line {
    box-shadow: 0 -1px 0 #C2C2C2;
		margin-top: 8px;
	}
	
  .input_line .inputs {
	  width: 28%;   
	  float: left;
  }
  .input_line .amounts {
    float: left;
    min-width: 286px;
    width: 50%;
  }
  .input_line .total_hours {
    float: left;
    width: 20%;
  }
  .input_line [class^="arrow"] {
  	display: block;
	  float: left;
    position: relative;
  }
  .input_line .arrow_right {
		left: 16%;
  }
  
  .input_line .arrow_left {
		left: -17%;
  }
  
.labour_heading {
    float: left;
    width: 16%;
  }
  
  .labour_box_left {
    float: left;
    width: 16%;
  }
  
  .scroll_box {
    float: left;
    width: 77%;
  }
  
  .labour_box_middle {
    float: left;
    width: 77%;
    overflow: auto;
  }
  
  .labour_box_right {
    float: left;
    width: 7%;
  }
  
  .input_line .amount_box {
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
  	border-radius: 10px;
    float: left;
    margin: 0 1.5% 10px;
    overflow: hidden;
    padding: 5px 5px 10px;
    text-align: center;
    width: 75%;
  }
  .amount_box .calc-link  {
    display: inline-block;
  	margin-right: 25%;
  	margin-top: 10px;
  }
  
  .add_amount{
		position: relative;
  	top: 17px; 
  }
  
  .inputs div {
		max-width: 125px;
  	min-width: 80px;
  	margin-bottom: 4px;
  }
  
  .inputs input[type="number"],
  .total_hours input[type="number"],
  .inputs select,
  .total_hours select {
  	min-width: 80px;
  	width: 100%;
  }
  
  .item_details.closed {
		display: none;
  }
  
  .item_details.open {
		display: inline;
  }
  
  section.block.collapsable.open {
  	border-bottom: 3px solid #FFFFFF;
  }
  
  .add_room_tab {
    border: 1px solid #DDDDDD;
    border-radius: 0 0 4px 4px;
  	min-height: 300px;
  }
	
	#add_new_header {
		border-bottom: 0 none !important;
    float: left;
    list-style: none outside none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
		padding-right: 20px; 
		padding-top: 5px;
		font-size: 1.3em;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	section#estimate {
		min-height: 422px;
	}
	
	.material-table select {
		width: 100%;
	}
	
	.add_item {
	  float: left;
	  margin-top: 22px; 
	}
	
	.first_two_preps {
		margin: auto 0 !important;
	}
	
	.first_two_preps > div {
		float: left;
    margin: 0 5px 0 5%;
	}
	
	.secondary_tab_contents {
		background: none repeat scroll 0 0 #FFFFCC;
    margin: 15px 20px;
    min-height: 165px;
    padding: 30px;
	}
	
	.sp_container {
		max-width: 220px;
	  margin: 0px auto; 
	  clear: both; 
	  padding-top: 10px;
	}
	
	.total_hours_inner {
		float: right; 
		width: 83px; margin-right: 8px;
	}

	a.disabled_nav {
		color: grey !important;
		cursor: default;
	}
	
	a.disabled,
	input.disabled {
		background: none repeat scroll 0 0 grey;
    border-top: 1px solid grey !important;
    box-shadow: none !important;
    cursor: default;
    text-shadow: none !important;
	}
	
	a.disabled:hover,
	input.disabled:hover {
		text-decoration: underline;
	}
	
	a.disabled[class*='btn-'] {
	  text-decoration: none;
	}
	
	table.tabsheet_labour thead th,
	table.tabsheet_materials thead th {
		font-size: smaller
	}
	
	#summary {
	  display: none;
	}
	
	#summary_modified {
	  display: none;
	}
	
	#proposal_container {
		display: none;
	}
	
  #labour_and_materials_summary {
    display: none;
  }
  
  .labour_summary, .material_summary, .cpi_details_summary {
	  display: none;
    margin-top: 20px;
  }
  
  .labour_toggle_hide, .material_toggle_hide, .cpi_details_toggle_hide {
    display: none;
    float: left;
    margin-right: 6px;
    margin-top: 1px;
  }
  
  .labour_toggle_show, .material_toggle_show, .cpi_details_toggle_show {
  	float: left;
    margin-right: 6px;
    margin-top: 1px;
  }
  
	.proposal_price_box {
		width: 500px;
		margin: 0 auto 20px;
		border-radius: 15px;
		box-shadow: 0 0 8px #333333;
		background-color: #E7E9E8;
	}

	.proposal_price_header {
		border-radius: 15px 15px 0 0;
		padding: 10px;
		position: relative;
    width: 481px;
	}
	
	.proposal_price_box div.inner {
		margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 90%;
	}
	
	.proposal_price_box h3 {
		color: #FFFFFF;
	}
	
	.proposal_price_box span.title {
		text-align: center;
	
	}
	
	.proposal_price_box span.label {
		font-size: x-large;
		position: relative;
		top: -1px;
		left: -5px;
	}
	
	.proposal_price {
		position: fixed;
	}
	
	section#pdf_archive {
	  min-height: 250px;
	}
	
	section#pdf_archive table {
	  width: 100%;
	  border-spacing: 0;
	}
	
	section#pdf_archive table td,
	section#pdf_archive table th {
		text-align: left;
	}
	
	.tabsheet_summary_modified span.editable {
		background-color: #E7E9E8;
    border-radius: 6px 6px 6px 6px;
    cursor: pointer;
    display: inline-block;
    min-width: 50px;
    padding: 2px;
    text-align: center;
	}

	.tabsheet_summary_modified span.editable_label {
		padding: 5px;
	}

	.tabsheet_summary_modified td.rental_info {
		min-width: 450px;
	}

	.tabsheet_summary_modified span.rental {
		display: inline-block;
    text-align: center;
		width: 11.5%;
	}

	.tabsheet_summary_modified span.rental_label {
		margin-right: 3px;
		width: 12.5%;
	}

	.tabsheet_summary_budget {
		width: 95%;
		display: none;
		margin: 0px auto 0px auto;
	}
	
	.tabsheet_summary_budget .labour_summary,
	.tabsheet_summary_budget .material_summary {
		display: block !important;
	}
	
	.tabsheet_summary_budget span.labour_summary_toggle,
	.tabsheet_summary_budget span.material_summary_toggle {
		display: none !important;
	}
	
	.tabsheet_summary_modified input.edit_summary_value {
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
    width: 54px !important;
    padding: 2px;
    text-align: center;
	}
	
	.total_labour_hours, .labour_per_hour {
		min-width: 100px;
	}
	
	.revert_changes {
		min-width: 105px;
	}
	
	#job_price {
	  min-width: 218px; 
	  max-width: 350px; 
	  font-weight: bold; 
	  color: #666666;
		font-size: 17.6px;
		font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	}
	
	#version_info {
		min-width: 300px; 
		max-width: 450px; 
		color: #666666;
	}

	.version-info * {
		float: left;
		margin-right: 8px;
		padding-top: 3px;
	}

	.version-info label {
		margin-right: 30px;
	}

	.version-info .fancy_select {
		font-size: inherit;
		height: auto;
		min-height: 20px;
		padding-top: 3px;
		margin: 8px 8px 0 0;
		clear: both;
		max-width: 50vw;
	}
	
	#info_container {
		margin-top: 5px;
		padding: 5px;
		background-color: #E7E9E8;
		border-radius: 6px;
		float: left;
		box-shadow: 5px 6px 5px rgba(50, 50, 50, 0.75);
		position: relative;
    top: -20px;
		left: 20px;
	}
	
	div.defined_vars {
	  width: 80%;
	  max-width: 600px;
    font-size: 13px;
    border: 1px solid #E7E9E8;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 3px 4px 5px #888888;
    padding: 10px;
    background-color: #FFFFCC;
    color: #666666;
    margin-bottom: 10px;
  }
  
  div.defined_vars h1 {
    margin: 5px 20px;
    font-weight: normal;
    color: #0b68ea;
  }
  
  div.defined_vars > section > h2.defined_vars_header {
    padding: 0 6px;
    margin: 0;
    border-radius: 0px;
    background: #666 !important;
  }
  
  div.defined_vars > section {
    margin-bottom: 0px
  }
  
  div.defined_vars_content {
    color: #000000 !important;
    overflow-x: auto;
  }
  
  div.defined_vars a.accordion_control,
  div.defined_vars a.resize_defined_vars {
    position: relative;
		top: 10px;
		left: -20px;
		font-size: larger;
		font-weight: initial;
		color: #000;
  }
  
  div.defined_vars pre.xdebug-var-dump {
    overflow: auto;
    height: 25px;
  }
  
	/************************************/
	/*	BUTTONS							*/
	/************************************/
	[class*='btn-'],
	.btn {
		cursor: pointer;
		bordeR:none;
		font-size: 0.9em;
		text-shadow: 0px 1px 0px #ca6806;
		margin: 0px 0;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding: 10px 16px;
		-moz-box-shadow: 0px -1px 0px #ff8000;
		-webkit-box-shadow: 0px -1px 0px #ff8000;
		box-shadow: 0px -1px 0px #ff8000;
		border-top: 1px #ffef26 solid;
		color:#fff;
		font-weight:bold;
		background: #ffa100; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
		text-decoration: none;
	}
	[class*='btn-']:hover,
	[class*='btn-']:focus,
	.btn:hover {
		box-shadow: 0px 0px 3px #ca6806 inset;
		border-top: 1px #ff8000 solid;
		text-shadow: 0px -1px 0px #ca6806;
		text-decoration:none;
	}
	[class*='btn-']:active,
	.btn:active {
		box-shadow: 0px 0px 10px #ca6806 inset;
	}
	.btn-add {
		line-height:1.6;
		padding-bottom: 8px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-size: 1.1em;
		color: white;
		text-shadow: none;
		box-shadow: none;
		border: 1px solid rgb(255, 204, 115);
		background: #ffa100; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0); /* IE6-9 */
	}
	.btn-add:hover {
		text-shadow: 0px 1px 1px #666;
		box-shadow: none;
		border: 1px solid rgb(255, 204, 115);
		text-decoration:none;
	}
	.btn-add:active {
		box-shadow: none;
	}
	[class*='btn-'] .new-plus, .btn .new-plus {
		font-size: 28px;
		float: left;
		position: relative;
		left: 0;
		top: 10px;
		line-height: 0;
	}
	.btn-save .new-plus, .btn-action .new-plus {
		top: 8px;
	}
	/*.btn-add span {
		width: 23px;
		height: 23px;
		float: left;
		display:block;
		margin-right: 5px;
		margin-top: 0 !important;
		background: url(https://ymsapp.com/images/sprite.png) no-repeat -14px 0px;
	}*/

	.btn-add span, .btn-save span, .btn-action span {
		float: left;
		display: block;
		margin: 2px 6px 0px -3px !important;
	}
	.btn-add-custom {
		line-height:1.6;
		padding: 0px;
		border: none;
		margin: 0px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		font-size: 1.1em;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.btn-add-custom span {
		width: 23px;
		height: 23px;
		float: left;
		display:block;
		margin: 1px 0px 0px 1px !important;
		background: url(https://ymsapp.com/images/sprite.png) no-repeat -13px 0px;
	}
	.new_tax:hover{
		cursor: pointer;
		font-weight: bold;
	}
	.tax_form_table input{
		margin: 3px 0 6px !important;
	}
	#company_table td,
	#estimate-info td, 
	.company_table td, 
	.estimate-info td {
		vertical-align: top;
	}
	
	#company_table td:first-child, 
	#estimate-info td:first-child, 
	.company_table td:first-child, 
	.estimate-info td:first-child {
		vertical-align: middle;
	}
	
	#company_table td,
	.company_table td {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.btn-preview {
		padding: 5px 25px;
		font-size: 1.1em;
		text-shadow: 0px 1px 1px #609bd5;
		border-radius: 25px;
		bordeR:none;
		box-shadow: none;
		background: #ffa100; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
	}
	
	.days_reminder {
		width: auto !important;
	}

#section-collapse section.secondary {
  padding: 10px;
  border-radius: 10px;
  margin-top: 15px;
}

#emails-collapse section.secondary > h2, #section-collapse section.secondary > h2{
		cursor: pointer;
		padding: 4px;
		margin: 0px;
		color: black;
		font-weight: bold;
		font-size: 1.3em;
	}
	.email_variable {
		float: left;
		margin: 0px 0px 15px 0px !important;
		display: block;
	}
	.template_text {
		width: 450px !important;
	}
	.settings_email_selectbox{
		float: left;
		margin: 0px 21px 0px 0px !important;
		height: 22px !important;
	}
	textarea.template_text, textarea.signature_text {
		height: 100px;
		padding: 7px !important;
		text-indent: 0px !important;
		line-height: 1.3em;
	}
	.signature_text {
		margin-top: -10px !important;
	}
	
	.email_checkboxes {
		margin-top: -15px;
	}
	.signature_form, .prefs_form{
		background: none !important;
	}
	
	#tabsettings ul, #invoice_tabsettings ul, #confirmation_tabs ul {
		background: none !important;
	}
	
	#confirmation_tabs, #confirmation_tabs ul, #confirmation_tabs ul li {
	  border: 0;
	}
	
	#tabsettings {
		border: 0;
	}
	#tabsettings li{
		border: 0;	
	}
	
	#emails-collapse section.secondary:nth-child(2n) {
		background-color: #f7f7f7 !important;
	}
	#emails-collapse {
		margin-left: 30px;
	}
	
	.email_pref_cb{
		float: left;
		clear:both;
		padding: 4px;
	}
	.email-hr{
		margin:20px 0px;
	}
	#emails-collapse section.secondary {
		background-color: #E8E8E8;
	}
	.emails_section_header{
		margin:20px 0px;
	}
	.emails_section_subheader{
		margin-bottom: 10px;
	}
	.settings-email-footer, .settings-billing-footer {
		clear: both;
		width: 450px;
		text-align: right;
	}
	#emails-collapse section.secondary > div > form {
		margin: 0 0 5px;
		padding: 15px 30px;
		color: black;
		background: none !important;
	}
	
	div.list_bubble_alert {
    background-color: #ffffff;
    border: 0.5px solid #000000;
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 10px;
  }
  
  div.list_bubble_alert > div.section_header {
    background-color: #ffffff;
    border: 1px solid #666;
    border-radius: 10px;
    color: #666;
    font-size: large;
    font-weight: bold;
    padding: 3px 20px;
    position: relative;
    text-align: center;
    top: -30px;
    width: max-content;
  }
  
  div.list_bubble_alert > div.section_header + p {
    margin-top: -20px;
  }
	
	.ui-button, .ui-button:hover{
		color: white !important;
		border: 1px solid rgb(255, 204, 115) !important;
		background: #ffa100 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffa100 0%, #ffad00 15%, #ff9400 41%, #ff9400 58%, #ff8000 95%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(15%,#ffad00), color-stop(41%,#ff9400), color-stop(58%,#ff9400), color-stop(95%,#ff8000)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* IE10+ */
		background: linear-gradient(top,  #ffa100 0%,#ffad00 15%,#ff9400 41%,#ff9400 58%,#ff8000 95%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ff8000',GradientType=0 ) !important; /* IE6-9 */
	
	}
	.ui-button:hover{
		text-shadow: 0px 1px 1px #666;
		box-shadow: 0px 0px 5px #ffa100 inset;
	}
	.ui-widget{
		font: 100% helvetica, arial, sans-serif !important;
        font-weight: bold !important;
    }
	.ui-icon {
		background-image: url(https://ymsapp.com/images/jquery/ui-icons_ffffff_256x240.png) !important;
	}
	
	h2.ui-accordion-header > span.ui-icon {
		background-image: url(https://ymsapp.com/images/jquery/ui-icons_ef8c08_256x240.png) !important;
		float: left;
		position: relative !important;
		margin-top: 0px !important;
		margin-right: 7px;
	}
	
	.btn-preview:hover,
	.btn-preview:active {
		padding: 5px 25px;
		font-size: 1.1em;
		text-shadow: 0px 1px 1px #609bd5;
		border-radius: 25px;
		bordeR:none;
		box-shadow: 0px 0px 5px #666 inset;

	} 
	.btn-preview span {
		margin: 0 7px 0 0;
	}
	.btn-plus {
		line-height: 1;
		padding: 3px 8px;
		font-size: 1.3em;
		font-weight: bold;
		margin: 5% -2%;
	}
	.btn-plus-minus {
		float: right;
    font-size: 1.3em;
    font-weight: bold;
    height: 25px;
    line-height: 1;
    margin-right: 10px;
    padding: 4px 5px 0 9px;
    width: 15px;
	}
	
	/************************************/
	/*	CONTENT NAVIGATION				*/
	/************************************/
	nav#secondary {
		width:100%;
		background: #666666;
		overflow: hidden;
		margin: 0 0 15px;
		clear:both;
	}
	nav#secondary ul li strong,
	nav#secondary ul li a {
		color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    min-width: 10%;
    padding: 11px 10px 9px;
    text-align: center;
    text-shadow: 0 1px 0 #333333;
	}
	nav#secondary ul li strong {
		font-size: 1.3em;
		padding: 8px 24px 5px 10px;
	}
	nav#secondary:not(.pre_checkout) ul li a:hover,
	nav#secondary:not(.pre_checkout) ul li.current a {
		background:#8cc63e;
		text-shadow: 0 1px 0 #666;
	}
	
	nav#tabs {
		width:100%;
		background: #fff;
		overflow: visible;
		margin: 0 0 0px;
		clear:both;
		
	}
	nav#tabs > ul li strong, 
	nav#tabs > ul li a {
	  color: #000;
    display: block;
    float: left;
    font-weight: bold;
    min-width: 10%;
    text-align: center;
	  background-color: white;
    padding: 5px;
	  border-left: 0px solid #666;
	  border-top: 1px solid #666;
	  border-right: 4px solid #666;
	  border-radius:5px 5px 0px 0px;
	  -moz-border-radius:15px 15px 0px 0px;
	}
	nav#tabs > ul li strong {
		font-size: 1.3em;
		padding: 8px 24px 5px 10px;
	}
	nav#tabs > ul li a:hover,
	nav#tabs > ul li.current a {
		background:#fff;
		color: #8cc63e;
	}
	
	section#estimate.crew div.edit_proposal {
	  color: #343434 !important;
    font: 400 87.5%/1.5 helvetica,arial,sans-serif !important;
	}
	
  nav#crew_proposal_tabs {
    width:100%;
    background: #fff;
    overflow: visible;
    margin: 0 0 0px;
    clear:both;
  	border: none;
  }
  
  div#crew_proposal_tabs-equipment,
  div#crew_proposal_tabs-hazards,
  div.crew_product_tab,
  div.crew_attachment_tab {
  	font: 87.5% helvetica, arial, sans-serif;
  }
  
	div#crew_proposal_tabs3 .estimate-table {
	    border-bottom: none;
	    padding-top: 0;
	}
	
	table.crew_side_schedule {
	  width: 100%;
	}
  
	#date_span_section .date_field{
		width: 160px;
	}
	
	.vs_span {
		float: right;
		width: 30%;
		margin: 0px -60px 0px 0px;
	}
	
	#date_span_section span {
		font-weight: bold;
	}
  #crew_proposal_tabs-proposals,
  #crew_proposal_tabs-products,
  #crew_proposal_tabs-attachments {
	  margin: 0 auto 0 4%;
    padding: 20px 0 0;
    width: 90%;
  }
  
  div#crew_proposal_tabs-equipment,
  div#crew_proposal_tabs-hazards {
    font-size: larger;	
  }
  
  div.crew_list_row {
  	clear: both;
    margin: 0 auto;
    width: 50%;
  }
  
  div.crew_list_row div:first-child {
	  float: left;
  }
  
  div.crew_list_row div:last-child {
    float: right;
  	text-align: right;
  }
  
  nav#crew_proposal_tabs > ul li strong,
  nav#crew_proposal_tabs > ul li a {
  color: #ffffff !important;
    display: block;
    float: left;
    font-weight: bold;
    min-width: 10%;
    text-align: center;
  background-color: white;
    padding: 5px;
  border-left: 0px solid #666;
  border-top: 1px solid #666;
  border-right: 4px solid #666;
  }
  
  #crew_proposal_tabs div.crew_tabs {
	  font-weight: normal;
  }
  
  #crew_proposal_tabs ul.crew_tabs_bottom li a {
	  background: #FFFFFF !important;
  }
  
  nav#crew_proposal_tabs ul li strong {
    font-size: 1.3em;
    padding: 8px 24px 5px 10px;
  }
  nav#crew_proposal_tabs > ul li a:hover,
  nav#crew_proposal_tabs > ul li.current a {
    background:#fff;
    color: #8cc63e;
  }

	
	/* SUBMIT BUTTONS */
	input.btn-action {
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding: 8px 16px 10px;
	}
	
	input.btn-action-grey {
		-webkit-border-radius: 9.818181818181818px;
		-moz-border-radius: 9.818181818181818px;
		border-radius: 9.818181818181818px;
		background: rgb(165, 165, 165);
		background: -moz-linear-gradient(90deg, rgb(165, 165, 165) 30%, rgb(211, 213, 216) 70%);
		background: -webkit-linear-gradient(90deg, rgb(165, 165, 165) 30%, rgb(211, 213, 216) 70%);
		background: -o-linear-gradient(90deg, rgb(165, 165, 165) 30%, rgb(211, 213, 216) 70%);
		background: -ms-linear-gradient(90deg, rgb(165, 165, 165) 30%, rgb(211, 213, 216) 70%);
		background: linear-gradient(0deg, rgb(165, 165, 165) 30%, rgb(211, 213, 216) 70%);
		background: linear-gradient(0deg, #A5A5A5 30%, #D3D5D8 70%) repeat scroll 0 0 transparent;
    border-radius: 9.81818px 9.81818px 9.81818px 9.81818px;
    border-top: medium none;
    box-shadow: none;
    padding: 8px;
    text-shadow: none;
	}
	
	input.btn-action-grey:hover,
	input.btn-action-grey:focus {
		box-shadow: 0px 0px 3px #666666 inset;
		border-top: 1px #666666 solid;
		text-shadow: 0px -1px 0px #666666;
		text-decoration:none;
	}

	/************************************/
	/*	PAGINATION					*/
	/************************************/
	table.pagination_table {
		margin-top: 10px;
	}
	table.pagination_table tbody tr td a {
		color:#000;
		text-decoration: none;
		padding: 3px 9px 2px;
		margin: 0 0px 0 0;
	}
	table.pagination_table tbody tr td b {
		color:#000;
		padding: 3px 9px 2px;
		margin: 0 0px 0 0;
	}
	table.pagination_table tbody tr td a:hover {
		text-decoration: none;
		background: #ccc;
	}
	table.pagination_table tbody tr td ul li.archives {
		float: right;
	}
	table.pagination_table tbody tr td ul li.archives a {
		margin: 0;
	}
	
	table.pagination_table td.page-actions {
	  font-size: larger;
	}
	
	/************************************/
	/*	SIMPLE TABLE					*/
	/************************************/
	table.list {
		width: 100%;
	}
	table.list thead th {
		background:#82c625;
		text-shadow: 1px 1px 0px #bdda97;
		text-align:left;
		padding: 7px 3px 6px;
		color: white;
	}
	table.list thead th.number,
	.number {
		text-align:center;
	}
	table.list tbody tr:ild(even) {
		background:#e7e9e8;
	}
	table.list tbody tr:hover {
		background:#FFFFCC;
	}
	table.list tbody tr td:first-child {
		border-left: 1px #ccc solid;
		text-align: left;
	}
	table.list tbody tr td:last-child {
		border-right: 1px #ccc solid;
	}
	table.list tbody td {
		padding: 8px 3px;
		word-break:hyphenate;
		font-size: 0.9em;
		border-bottom: 1px #ccc solid;
		color:#666;
	}
	table.list tbody td.success {
		color:#7FB735;
	}
	table.list tbody td span.alert{
		color: red; !important;
	}
	table.list tbody td span.success{
		color: #7FB735; !important;
	}
	table.list tbody td.alert {
		color:#f00;
	}
	td.phone {
		color:#999;
	}
	table.list tbody td a {
		color:#000;	
	}
	table.list tbody td strong {
		color:#000;
	}
	table.list thead th.cb,
	table.list tbody td.cb {
		width: 32px;
	}
	table.list thead th input[type="checkbox"] {
		margin: -5px 0px 0px 9px;
		display:block;
		cursor: pointer;
		width: 15px;
	}
	table.list thead th input[type="checkbox"]:first-child {
		width: auto;
	}
	table.list tbody td input[type="checkbox"] {
		float: left;
		margin: 0 0 0 9px;
	}
	
	.table_content {
	  min-height: 115px;
	}
	
	/************************************/
  /*  DYNAMIC SUMMARY TABLE          */
  /************************************/
	
	.modified_table td.editable {
	  background-color: #E7E9E8;
	}
	
	/************************************/
	/*	SIMPLE FORMS					*/
	/************************************/
	fieldset.wrap {
		width:100%;
	}
	.user-input-settings label{
		font-weight: bold;
	}
	
	form.user-input.wizard select,
	form.user-input.wizard input[type="text"],
  form.user-input.wizard input[type="email"],
  form.user-input.wizard input[type="number"],
  form.user-input.wizard input[type="tel"],
  form.user-input.wizard input[type="password"],
  form.user-input.wizard textarea {
		margin-left: 10px;
	}
	
	.user-input label {
	  display: block;
		font-weight: bold
	}
	
	form.user-input.wizard label {
	  display: inline;
		font-weight: normal;
		margin-left: 10px;
	}
	
	.user-input label.error {
		background:#f00;
		padding: 3px;
		text-shadow: none !important;
		font-size: 0.85em;
		color:#fff;
		font-weight:normal;
		margin: -20px 0 10px;
		border-radius: 10px;
	}
	.user-input label.error.show {
		display:block !important;
	}
	.user-input select {
		background: #fafafa none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 0 #444444 inset;
    color: #666666;
    font-size: 1.1em;
    height: 38px;
    margin: 3px 0 4px;
    padding: 5px 0 5px 2px;
    width: 100%;
	}
	
	/* REMOVED by Simon, replaced with what is directly below */
	 
	/*
	.user-input input[type="text"],
	.user-input input[type="email"],
	.user-input input[type="password"],
	.user-input textarea {
		width: 98%;
		margin: 3px 0 20px;
		padding: 5px 1%;
	}
	*/
	
	
	.user-input input[type="text"],
	.user-input input[type="email"],
	.user-input input[type="number"],
	.user-input input[type="tel"],
	.user-input input[type="password"],
	.user-input textarea {
		width: 100%;
    margin: 3px 0 20px;
    padding: 10px 0 8px;
    text-indent: 7px;
    background: #fafafa;
    border:none;
    box-shadow: 0px 1px 2px #444 inset;
    border-radius: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-size: 1.1em;
	}
	
	.user-input textarea {
		padding: 5px;
	}
	.user-input input[type="password"] + p {
		margin: -18px 0 15px;
		font-size: 0.9em;
		color:#666
	}
	.user-input div.combo > div {
		width: 46%;
		margin: 0 4% 0 0;
		float: left;
	}
	.user-input div.combo > div + div {
		margin: 0 0 0 4%;
	}
	.user-input div.single {
		width: 46%;
	}
	.user-input fieldset.actions {
		padding: 20px 0 0;
	}
	hgroup fieldset.actions a,
	hgroup fieldset.actions input,
	.user-input fieldset.actions a,
	.user-input fieldset.actions input {
		float: right;
	}
	hgroup fieldset.actions a,
	.user-input fieldset.actions a {
		margin: 6px 20px 0 0; 
		color:#333;
	}

	.user-input fieldset.actions input.btn-action {
		font-size: 1.1em;
		padding: 4px 18px 5px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	
	/* TOGGLE STYLES */
	
	label.toggle,
	label.toggleNav {
		float: left;
		text-align:center;
		font-weight:normal !important;
		color: #666666 !important;
		background:#dfe1e0;
		box-shadow: 0px 0px 2px #999 inset;
		border: 1px #aeaeae solid;
		cursor: pointer;
		/* IE10 Consumer Preview */
	  background-image: -ms-linear-gradient(bottom, #C1C2C1 0%, #E6E6E6 100%);
	  
	  /* Mozilla Firefox */
	  background-image: -moz-linear-gradient(bottom, #C1C2C1 0%, #E6E6E6 100%);
	  
	  /* Opera */
	  background-image: -o-linear-gradient(bottom, #C1C2C1 0%, #E6E6E6 100%);
	  
	  /* Webkit (Safari/Chrome 10) */
	  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C1C2C1), color-stop(1, #E6E6E6));
	  
	  /* Webkit (Chrome 11+) */
	  background-image: -webkit-linear-gradient(bottom, #C1C2C1 0%, #E6E6E6 100%);
	  
	  /* W3C Markup, IE10 Release Preview */
	  background-image: linear-gradient(to top, #C1C2C1 0%, #E6E6E6 100%);
	}
	
	label.toggle.disabled,
	label.toggleNav.disabled {
	  font-style: italic;
    color: #AAAAAA !important;
	}
	
  label.toggle.disabled:hover,
  label.toggleNav.disabled:hover,
  label.toggleNav.disabled a:hover {
    color: #AAAAAA !important;
    text-shadow: none;
  }
	
	label.toggle:hover,
  label.toggleNav:hover,
  label.toggleNav a:hover {
	  color: #FFF !important;
  	text-shadow: none;
  }
  
  label.toggleNav.selected a:hover {
		color: #666666 !important;
    text-shadow: 0.5px 1.5px #FFFFFF !important;
  }
	
	label.toggle.first,
	label.toggleNav.first {
		border-radius: 10px 0 0 10px;
	}
	label.toggle.last,
	label.toggleNav.last {
		border-radius: 0 10px 10px 0;	
	}
  label.toggle.selected,
  label.toggleNav.selected {
    color: #666666 !important;
    text-shadow: 0.5px 1.5px #fff;
    box-shadow: 0px 0px 4px #666;
    border: 1px #a1afba solid;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
    
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
    
    /* Opera */
    background-image: -o-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
    
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #93FF89), color-stop(1, #F0F2F1));
    
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
    
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #93FF89 0%, #F0F2F1 100%);
  }
	
	label.toggle input {
		display:none;
	}
	label.toggleNav a {
		text-decoration: none;
		background: none;
	}
	label.toggleNav a:hover {
		text-decoration: none !important;
		background: none !important;
	}
	
	#set_start_date_container {
		position: relative;
		left: 159px;
		top: 5px;
		clear: both;
	}
	/*******************************\
	UI Block overlay style
	/*******************************/
	div.blockOverlay {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70;
    opacity:.70;
		background: #000;
		border-radius: 15px;
    background-color: #E7E9E8;
  }
  
  div.blockMsg {
	  border: 1px solid white;
  }
  
  div.blockMsg h1 {
	  color: #FFFFFF;
  }
  
	.fancy_select {
		background: #fafafa none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 0 #444444 inset;
    color: #666666;
    font-size: 1.1em;
    height: 38px;
    margin: 3px 0 4px;
    padding: 5px 0 5px 2px;
	}
	
	.fancy_input {
    margin: 3px 0 20px;
    padding: 10px 0 8px;
    text-indent: 7px;
		background: #fafafa;
		border:none;
		box-shadow: 0px 1px 2px #444 inset;
		border-radius: 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
		font-size: 1.1em;
	}
	
	textarea.fancy_input {
		padding: 4px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
		height: auto;
		resize: both;
	}

/*********************************************************************************************************************/
/* 																						  		ACCOUNT SECTION      */
/*********************************************************************************************************************/
	/************************************/
	/*	MY INFO							*/
	/************************************/
	#form-myinfo {
		padding: 15px 0 0;
	}
	
	#form-myinfo fieldset {
		width:55%;
		margin: 0 15%;
		float: right;
	}
	fieldset.password-reset {
		padding-top: 20px;
	}
	
/*********************************************************************************************************************/
/* 																						  		CUSTOMERS SECTION    */
/*********************************************************************************************************************/

  div.customer_email_row label,
  div.contact_email_row label {
    display: inline;
  }
  
  div.add_email_container {
    margin-top: 15px;
  }

  div.customer_email_selector, div.contact_email_selector {
    display: inline-block; margin-left: 15px; background-color: #e6e6e6; padding: 15px; border-radius: 10px; margin-top: 10px; vertical-align: top;
  }

	.phone-container div.num-type {
		float: left;
		width: 20%;
		padding-top: 3px;
	}

	.phone-container div.num-val {
		float: left;
		width: 78%;
		margin-left: 2%;
	}
	
	div.num-type-estimate {
		float: left;
		width: 29%;
		padding-top: 3px;
	}

	div.num-val-estimate {
		float: left;
		width: 66%;
		margin-left: 2%;
	}
	
	
	/************************************/
	/*	ADD CUSTOMER					*/
	/************************************/
	#add-entity {
		width: 60%;
		margin: 20px auto 0;
	}
	#add-entity label {
		text-shadow: none;
		color: #666;
	}
	#add-entity fieldset.wrap {
		width: 86%;
		margin: 20px auto 0;
		padding: 7%;
		border-radius: 15px;
		clear:both;
	}
	.hide-client {
		display: none;
	}
	.hide-company {
		display: none;
	}
	#new-contact {
		font-size: larger;
	}
	
	/************************************/
	/*	CUSTOMER LIST					*/
	/************************************/
	#customer-list {
		min-height: 555px;
	}
	#estimate.list hgroup,
	#customer-list hgroup {
		overflow: hidden;
		padding: 3px 0;
		margin: 0 0 30px;
	}
	#estimate.list hgroup h1,
	#customer-list h1 {
		float: left;
		margin-top: 5px;
	}
	.btn-add {
		float: right;
		display:block;
	}
	section.record_table_options {
		color:#fff;
		padding: 7px 21px;
		-moz-border-radius: 7px 7px 0px 0px;
		-webkit-border-radius: 7px 7px 0px 0px;
		border-radius: 7px 7px 0px 0px;
		background: #a2a2a2; /* Old browsers */
		background: -moz-linear-gradient(top,  #a2a2a2 0%, #666666 39%, #666666 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2a2), color-stop(39%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* IE10+ */
		background: linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
		height: 22px;
	}
	#print,
	#export,
	.toggle_mode, .custom_table_button {
		font-size: 0.85em;
		color:#fff;
		padding: 2px 15px 4px;
		border-radius: 15px;
		box-shadow: 0px 0px 4px #000 inset;
		border: none;
		background: #707070; /* Old browsers */
		background: -moz-linear-gradient(top,  #707070 0%, #494949 49%, #111111 50%, #242424 93%, #666666 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(49%,#494949), color-stop(50%,#111111), color-stop(93%,#242424), color-stop(100%,#666666)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #707070 0%,#494949 49%,#111111 50%,#242424 93%,#666666 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #707070 0%,#494949 49%,#111111 50%,#242424 93%,#666666 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #707070 0%,#494949 49%,#111111 50%,#242424 93%,#666666 100%); /* IE10+ */
		background: linear-gradient(top,  #707070 0%,#494949 49%,#111111 50%,#242424 93%,#666666 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	}
	
	.custom_table_button.disabled {
	  color: #888888;
		cursor: not-allowed;
	}
	
	#print,
	#export {
		box-shadow: 0px 0px 4px #666 inset;
		background: #b0b0b0; /* Old browsers */
		background: -moz-linear-gradient(top,  #b0b0b0 0%, #b0b0b0 0%, #969696 49%, #7f7f7f 50%, #878787 93%, #909090 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0b0b0), color-stop(0%,#b0b0b0), color-stop(49%,#969696), color-stop(50%,#7f7f7f), color-stop(93%,#878787), color-stop(100%,#909090)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b0b0b0 0%,#b0b0b0 0%,#969696 49%,#7f7f7f 50%,#878787 93%,#909090 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b0b0b0 0%,#b0b0b0 0%,#969696 49%,#7f7f7f 50%,#878787 93%,#909090 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b0b0b0 0%,#b0b0b0 0%,#969696 49%,#7f7f7f 50%,#878787 93%,#909090 100%); /* IE10+ */
		background: linear-gradient(top,  #b0b0b0 0%,#b0b0b0 0%,#969696 49%,#7f7f7f 50%,#878787 93%,#909090 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#909090',GradientType=0 ); /* IE6-9 */

	}
	#print:hover,
	#export:hover,
	.toggle_mode:hover {
		background: #84bb3b; /* Old browsers */
		background: -moz-linear-gradient(top,  #84bb3b 0%, #75b12d 50%, #63a21d 51%, #63a21d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84bb3b), color-stop(50%,#75b12d), color-stop(51%,#63a21d), color-stop(100%,#63a21d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* IE10+ */
		background: linear-gradient(top,  #84bb3b 0%,#75b12d 50%,#63a21d 51%,#63a21d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84bb3b', endColorstr='#63a21d',GradientType=0 ); /* IE6-9 */
	}
	
	.search_simple {
		float: right;
	}
	.search_simple input[type="text"] {
		border-radius: 14px;
		color:#828282;
		font-size: 0.8em;
		padding: 3px 8px 3px;
		bordeR:1px #fff solid;
		float: left;
		margin-top: 2px;
	}
	.search_simple input[type="text"]:focus {
		border: 2px #84bb3b solid;
		padding: 2px 7px 2px;
	}
	.search_simple input[type="submit"] {
		width: 22px;
		height: 23px;
		padding: 0;
		margin: 0 0 0 5px;
		float: left;
		text-ondent: -999em;
		font-size: 0;
		bordeR:none;
		background: transparent url(https://ymsapp.com/images/svg/magnifying_glass.svg) no-repeat 5px 2px;
	}
	.search_simple label.search_submit {
		cursor: pointer; 
		position: relative; 
		top: 3px; 
		left: 6px;
	}
	.btn_advanced_search {
		float: right;
		bordeR:none;
		background:none;
		text-decoration: underline;
		color:#fff;
		margin: -2px 10px 0 0;
		padding: 4px 5px 10px;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	.btn_advanced_search:hover {
		text-decoration: none;
	}
	.clear_search, .clear-search-custom {
		color: #FFFFFF;
    position: relative;
    top: 3px;
	}
	a.in_table {
		color: #000000;
		top: 0;
	}
	
	.btn_advanced_search.open {
		background:#333;
	}
	form.search_adv {
		float: right;
		position: relative;
	  z-index: 2;
	}
	form.search_adv fieldset {
		display:none;
		overflow:hidden;
		float: left;
		clear:both;
		position: absolute;
		width: 200px;
		top: 30px;
		background:#333;
		padding: 10px;
		border-radius:  0 5px 5px 5px;
	}
	form.search_adv fieldset label {
		display:block;
		font-size: 0.9em;
		margin: 10px 0 2px;
	}
	form.search_adv fieldset input[type="text"],
	form.search_adv fieldset select,
	form.search_adv fieldset input[type="tel"],
	form.search_adv fieldset input[type="email"] {
		width: 97%;
		padding: 2px 5px;
	}
	form.search_adv fieldset input[type="text"],
	form.search_adv fieldset input[type="tel"], 
	form.search_adv fieldset input[type="email"] {
		font-size: 0.9em;
		width:90%;
	}
	form.search_adv fieldset input[type="submit"] {
		margin: 15px 5px 10px;
		float: right;
		background:#7ABA23;
		border:none;
		color:#fff;
		text-transform: uppercase;
		font-size: 0.8em;
		line-height: 1;
		padding: 5px 10px 3px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	
	.paged_table_options {
		float: left;
	}
	
	
	/************************************/
	/*	CUSTOMER DETAILS				*/
	/************************************/
	#customer-details header {
		overflow:hidden;
		margin: 0 0 30px;
		color:#666;
	}
	#customer-details header hgroup {
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	#customer-details header h1 {
		float: left;
	}
	#customer-details header a {
		margin: 4px 0 0 15px;
		display:block;
		float: left;
	}
	#customer-details header h1 + a {
		font-size: 0.9em;
	}
	#customer-details header a.link-add {
		margin: 0;
		font-weight: bold;
		color:#7fb735;	
		float: right;
	}
	#customer-details header h2 {
		clear:both;
		padding: 0px 0 20px;
	}
	#customer-details > h2 {
		margin: 0 0 15px;
	}
	#customer-details h2 a {
		float: right;
		font-size: 0.55em;
		display:block;
		margin: 9px 0 0 0;
	}
	
	/* CONTACT BLOCKS */
	.info-block {
		float: left;
		width: 40%;
	}
	.info-block + .info-block {
		width: 60%;
	}
	.info-block p {
		float: left;
		width: 49%;
		margin: 0 0px 20px 0;
		font-size: 0.9em;
	}
	.info-block p a {
		margin: 0 !important;
	}
	.info-block p a.btn-add {
		font-size:0.8em;
		text-transform: uppercase;
		padding: 3px 2px 3px 5px;
		
	}
	.info-block p a.btn-add span { 
		text-indent: -999em;
		margin: 0;
	}
	.info-block p strong {
		color:#000;
		font-weight: normal;
		font-size: 1.3em;
	}
	.info-block h3 {
		clear: both;
		display: block;
		margin: 0 0 13px;
	}
	
	/* HISTORY LIST */
	#history {
		margin: 30px 0 0;
	}
	#history ul {
		margin: 10px 0 0;
		padding: 0;
		list-style: none;
	}
	#history ul li {
		margin: 0 0 5px 5px;
	}
	#history ul li a,
	#history ul li span,
	#history ul li i {
		font-size: 0.9em;
		color:#666;
		font-style: normal;
		margin: 0 10px;
	}
	#history ul li a {
		color:#000;
	}
	
	
/*********************************************************************************************************************/
/* 																						  		PRODUCT SECTION     */
/*********************************************************************************************************************/
	/************************************/
	/*	PRODUCT ADD FORM				*/
	/************************************/
	#product_add {
		width: 75%;
		margin: 0 auto;
		padding: 20px;
	}
	.user-input h1,
	#product_add h1 {
		float: left;
	}
	#product_add fieldset {
		clear:both;
		margin-left: 10%;
	}
	hgroup fieldset.actions,
	#product_add fieldset.actions {
		padding: 0 16% 0 0;
	}
	form#product_add div,
	form.add_my_product_form div:not(.spacer) {
		float: left;
		width: 60%;
	}
	form#product_add div.combo > div,
	form.add_my_product_form div.combo > div {
		width: 46%;
		margin: 0 4% 0 0;
		float: left;
	}
	form#product_add div.combo > div + div,
	form.add_my_product_form div.combo > div + div {
		margin: 0 0 0 4%;
	}
	form#product_add div.label,
	form.add_my_product_form div.label {
		padding-top: 11px;
		width: 22%;
	}
	.prefix-label {
		width: 1% !important; 
		margin-right: 1.5%;
	  font-size: large; 
	  font-weight: bold; 
	  padding-top: 7px;
	}
	
	.royalty_control {
	  width: 25% !important;
		margin-bottom: 0 !important;
	}
	
	div.float_contents_left div {
	  float: left;
	}
	
	div.float_contents_left div.input_box {
	  width: 20%;
	}
	
	.between_inputs {
    font-weight: bold;
    margin-left: 15px;
    padding-top: 10px;
	}
	
	.custom-select {
		width: 19% !important;
	}
	
	/************************************/
	/*	PRODUCT INDEX & LIST			*/
	/************************************/
	#product-list hgroup,
	#product-index hgroup {
		overflow: hidden;
	}
	#product-list hgroup h1,
	#product-index hgroup h1 {
		float: left;
	}
	#product-list hgroup a,
	#product-index hgroup a {
		float: right;
		font-size: 0.9em;
		margin: 5px 0 0 15px;
	}
	#product-index h2 {
		color:#3a631f;
		font-size: 1.1em;
		font-weight: bold;
		margin: 10px 0px 20px 0px
	}
	#product-index nav:not(#secondary) {
		width: 32.42%;
		float:left;
	}
	#product-index h2 + nav + nav {
		margin: 0 1.3333%;
	}
	#product-index nav:not(#secondary) h3 {
		font-size: 0.95em;
		padding: 12px 6% 9px;
		border-radius: 8px 8px 0 0;
		color:#fff;
		background: #a2a2a2; /* Old browsers */
		background: -moz-linear-gradient(top,  #a2a2a2 0%, #666666 39%, #666666 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2a2), color-stop(39%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* IE10+ */
		background: linear-gradient(top,  #a2a2a2 0%,#666666 39%,#666666 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	}
	#product-index nav:not(#secondary) ul li {
		clear:both;
		display: block;
	}
	#product-index nav:not(#secondary) ul li a {
		font-size: 0.9em;
		padding: 7px 6%;
		border-bottom: 1px #ccc solid;
		display:block;
		float:none;
		text-decoration: underline;
	}
	#product-index nav:not(#secondary) ul li a:hover {
		text-decoration: none;
		background:#e7e9e8;
	}
	#product-index nav:not(#secondary) ul li a.no-hover:hover {
		background: none;
	}
	/* PRODUCT LIST */
	#product-list h2 {
		font-size: 1.4em;
		margin: 20px 0 10px;	
	}
	#product-list hgroup {
		margin-bottom: 30px;
	}
	#product-list hgroup h1 {
		padding-top: 13px;
	}
	#product-list hgroup a.btn-add {
		font-size: 1.1em;
	}
	#product-list hgroup a.btn-add + a {
		margin-top: 15px;
	}
	
	
	/************************************/
	/*	CLIENT SUMMARY					*/
	/************************************/
	#client.summary span.arw {
		background-position: -1px -18px;
	}
	section#summary-list > ul {
		margin: 0;
		padding: 0;
		list-style:none;
	}
	section#summary-list > ul li {
		overflow:hidden;
		border-bottom: 1px #ccc solid;
		padding: 15px;
	}
	section#summary-list > ul li.selected {
		background:#FF9300;
	}
	section#summary-list > ul li.selected p,
	section#summary-list > ul li.selected h3,
	section#summary-list > ul li.selected h4,
	section#summary-list > ul li.selected a {
		color:#000;
	}
	section#summary-list > ul li input {
		float: left;
		margin: 0 10px 0 0;
	}
	section#summary-list > ul li input + div {
		float: left;
		width: 40%;
	}
	section#summary-list > ul li h3 {
		font-weight: bold;
		color:#000;
		margin: 0 0 10px 0;
	}
	section#summary-list > ul li p {
		margin: 0;
		font-size: 0.9em;
		line-height: 1.2;
	}
	section#summary-list > ul li > a {
		float: right;
		font-weight: bold;
		font-size: 0.9em;
	}
	section#summary-list > ul li div.price_calc {
		float: right;
		cleaR:right;
	}
	section#summary-list > ul li div.price_calc > div:last-child {
		padding-right:0;
	}
	
	fieldset.choose_versions > ul li div.price_calc {
		float:right;
		width: 60%;
		margin-top: -1%;
	}
	/************************************/
	/*	ESIMATES						*/
	/************************************/
	
	/* HEADER */
	/* BOTH PREVIEW AND CLIENT */
	#client.summary hgroup,
	#estimate.client hgroup,
	#estimate.preview hgroup {
		padding-bottom: 20px;
		float: left;
		width:100%;
	}
	#estimate.preview hgroup {
		padding-bottom: 0px;
	}
	#client.summary h1,
	#estimate.client h1,
	#estimate.preview h1 {
		float: left;
	}
	#estimate.client .actions,
	#estimate.preview .actions,
	#estimate.list .actions {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	/* HEADER */
	/* CLIENT VERSION */
	h2.price {
		float: right;
		color:#000;
		margin: 0px 15px 0 0;
	}
	h2.price span {
		font-size: 0.7em;
	}
	#client.summary hgroup .btn-add,
	#estimate.client hgroup .btn-add {
		margin-top: -10px;
	}
	#estimate.client .actions {
		margin: 2px 0 0 15px;
		floaT: left;
	}
	#estimate.list .actions li,
	#estimate.client .actions li {
		margin-right: 10px;
	}
	#estimate.list .actions li a,
	#estimate.client .actions li a {
		text-decoration: none;
		color:#39631f;
		font-weight:bold;
		padding: 4px 8px 2px;
		float: left;
		display: block;
		line-height: 1;
		margin: 0;
	}
	#estimate.list .actions li a span,
	#estimate.client .actions li a span {
		margin-right: 5px;
	}
	#estimate.list .actions li a:hover,
	#estimate.client .actions li a:hover {
		text-decoration: underline;
	}
	
	/* HEADER */
	/* PREVIEW VERSION */
	#estimate.preview hgroup {
		margin: -10px 0 0;
	}
	#estimate.preview hgroup h1 {
		padding-top: 10px;
	}
	#estimate.preview .options + a {
		float: left;
		display:block;
	}
	#estimate.preview .actions {
		float: right;
	}
	#estimate.preview .actions span {
		margin-lefT: 5px;
		float: right;
	}

	#estimate.preview .actions span select {
		margin-top: 10px;
		max-width: 140px;
	}
	
	#estimate.preview .options {
		float: right;
		clear:right;
	}
	#estimate.preview .options a {
		display:block;
		float: right;
		margin: 0 0 0 15px;
		font-size: 0.9em;
	}
	#estimate .actions li {
		float: left;
	}
	#estimate .actions li button {
		margin: 10px 0 0 8px;
	}
	#estimate .actions li a {
		margin-left: 15px;
		padding: 8px 26px 8px;
	}


	
	/* PREVIEW AND CLIENT VERSION */
	
	div.association_logo {
		float: left;
	}
	
	div.association_logo img {
		margin: 0 auto;
		display: block;
	}
	
	div.association_logo span {
		display: block;
    margin: 0 auto;
    text-align: center;
    width: 180px;
		font-size: smaller;
	}
	
	.proposal_extra {
	
	}
	
	.proposal_extra > h2,
	.proposal_extra > h3 {
		cursor: pointer;
	}	
	
	.proposal_extra > div {
		display: none;
		padding: 10px;
	}
	
	.toggle_arrow {
		float: left; 
		margin-right: 5px;
	}
	
	#proposal_version_toggle {
		padding: 12px 10px 5px;
		background-color: #F7F7F7;
		margin: 10px auto 35px auto;
		height: 50px;
		width: 880px;
		border-radius: 12px;
		border: 1px solid #F7F7F7;
		box-shadow: 3px 4px 5px #888888;
	}
	
	#proposal_version_toggle select {
		width: 450px;
	}
	
  #production_version_toggle {
    padding: 10px;
    background-color: #F7F7F7;
    margin: 15px auto 0;
  }
  
  #production_version_toggle label.toggle {
	  padding: 5px 5px;
  }
  
  #production_version_toggle select {
    width: 400px;
  }
  
  table#scheduling_job_popup {
	  
  }
  
  table#scheduling_job_popup tr.section_start td {
    padding-top: 10px;
  }
  
  table#scheduling_job_popup tr.section_end td {
    padding-bottom: 10px;
  }
  
  table#scheduling_job_popup td {
    padding: 5px;
  	vertical-align: top;
  }
	
  table#scheduling_job_popup tr.border_bottom td {
    border-bottom: 1.5px solid #000000;
  }
  
	div#modal_form_wrap {
		width: 80%;
		margin-left: 10%;
	}
	
	#proposal_info_box,
	.proposal_info_box {
    margin: auto 0;
    padding: 10px;
		background-color: #C1C2C1;
	}
	
	#proposal_info_box span,
	.proposal_info_box span {
		float: right;
	}
	
	#logo_table {
		width: 100%;
	}
	
	#company_table {
		width: 100%;
	}
	
/*	.finish_coat_table th {
		background-color: inherit !important;
	}*/
	
	#tbsc_box {
		border: 1px solid #000000;
    margin: 0 auto 5px;
    text-align: center;
    width: 345px;
		padding: 3px;
	}
	
	.simple_table th {
		background-color: #C1C2C1;
	}
	
	.simple_table th:first-child {
		text-align: left;
	}
	
	/*.simple_table tr.divider_row {
		background-color: #C1C2C1;
	}*/
	
	.simple_table tr.divider_row td {
  		border-top: medium none !important;
		text-align: left;
		text-indent: 10px;
	}
	
	.simple_table tr.divider_row td:first-child {
		border-left: medium none;
	    border-right: medium none;
	    font-weight: normal;
	    padding: 1px;
		min-width: 110px;
	}
	
	.simple_table tr.divider_row td:last-child {
    border-right: medium none;
	} 
	
	div.static_proposal_section {
	    margin-bottom: 20px;
	}
	
	div.edit_proposal {
		background-color: #F7F7F7;
	    border: 1px solid #C1C2C1;
	    border-radius: 10px 10px 10px 10px;
	    box-shadow: 0 0 8px #333333;
	    margin: 0 auto;
	    padding: 15px 15px 0;
	    width: 870px;
		font-size: 0.9em !important;
		font-weight: normal;
	}
	
	div.edit_proposal h3 {
		font-weight: bold;
	}
	
	div.edit_proposal.standalone {
		margin: 0;
		padding: 0;
		width: auto;
		background-color: #FFFFFF;
	}
	
	.proposal_save {
		margin: 0 auto;
    width: 870px;
	}
	
	.proposal_save div {
		float: right;
    left: 20px;
    margin: 10px 0;
    position: relative;
	}
	
	.proposal_view_actions {
		width: 870px; 
		margin: 0 auto;
	}
	
	.proposal_view_actions > div {
		margin-left: 5%;
		float: right;
	}
	
	.proposal_view_actions a {
		position: relative;
    top: 7px;
	}
	
	.edit_proposal.static div.textarea {
		margin-bottom: 15px;
		width: 93%;
		float: left;
	}
	
	.price_totals_static {
		float: right;
		width: 45%;
	}
	
	div.inner_price {
		background-color: #C1C2C1;
    margin-bottom: 10px;
    padding: 10px;
	}
	
	.price_totals_static div.price_line {
		margin-bottom: 5px
	}
	
	.price_totals_static .large_text {
		font-size: larger;
		text-align: center;
	}
	
	div#customer_proposal_tab section.preview.static,
	div#crew_proposal_tab2 section.preview.static {
		
		color: #343434 !important;
		margin: 0 !important;
		padding: 0 !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
	}
	
	div#customer_proposal_tab table {
	  font-size: 97.2% !important;
	}
	
  span.totals_right_em {
		background-color: #FFFFFF;
    	border-radius: 12px 12px 12px 12px;
    	padding: 2px 0;
    	text-align: center;
		float: right;
    	width: 30%;
		
	}
	
	span.totals_right_em span {
		font-weight: bold;
		text-align: center;
	}
	
	.edit_proposal.static totals_left {
		margin-bottom: 10px
	}
	
	.edit_proposal.static .price_totals_static span.totals_right {
		padding: 2px 0;
		text-align: center
	}
	
	div.textarea.notes {
		float: left;
		font-style: italic;
	}
	
	.edit_proposal.static span.totals_right {
		text-align: right;
	}
	
	div.edit_proposal .notes_label {
		margin-right: 1.5%;
		float: left;
		font-weight: bold;
	}
	
	section#estimate-info,
	div#estimate-info,
	div.estimate-info {
		/*height: 55px;*/
	}
	
	section#estimate-details,
	div#estimate-details,
	div.estimate-details {
		padding-top: 15px;
		margin-bottom: 20px;
	}
	
	.estimate-detail-bar {
		vertical-align: middle; 
		background-color: #C1C2C1; 
		padding: 2px 10px;
	}
	
  table#areas_concerned_table th,
  table#areas_concerned_table td {
      text-align: left;
  }
	
	table.colour_schedule.proposal_edit_table {
		float: left;
		width: 48%;
	}
	
	table.colour_schedule td {
		padding: 1px;
	}
	
	table.colour_schedule tr td:first-child {
		border-left: 1px solid #000000;
		padding: 1px;
	}
	
	table.colour_schedule td input {
		width: 99%;
	}

	a.proposal-image-preview {
		display: block;
		height: 36px;
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.proposal-image-thumbnails {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
	}

	.proposal-image-thumbnails .thumbnail {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		text-align: center;
		background: lightgrey;
		border-radius: 10px;
		padding: 10px;
		margin: 10px;
	}

	.proposal-image-thumbnails .thumbnail .image {
		
	}

	.proposal-image-thumbnails .thumbnail .filename, .proposal-image-thumbnails .thumbnail .caption {
		max-width: 200px;
	}

	.proposal-image-thumbnails .thumbnail .caption {
		margin-bottom: 10px;
		font-style: italic;
	}

	/*section#estimate-price,
	div#estimate-price,
	div.estimate-price {
		padding-top: 10px;
	}*/
	
  div.ufcp_header_box {
    width: 100%;
  	margin-bottom: 15px;
  }
  
  div.ufcp_header_box table {
	  width: 100%;
  }
  
  div.ufcp_header_box table td {
  	vertical-align: top;
    padding-bottom: 0px;
    padding-top: 0px;
  }
	
	#estimate.client p,
	#estimate.preview p { 
		line-height: 1.3; 
		/*font-size: 0.9em;*/
		color:#000;
	}
	#estimate-info p,
	.estimate-info p {
		margin: 0;
	}
	#client-info .client-name,
	.client-info .client-name {
		float: left;
		width: 30%;
		padding: 0 0 0 3%;
	}
	.client-disclaim,
	.client-contact {
		width: 66%;
		float: left;
	}
	.client-disclaim p {
		margin-bottom: 0;
	}
	.client-contact p {
		float: left;
		width: 33%;
	}
	#estimate.client #secondary + a,
	#estimate.preview #secondary + a {
		font-size: 0.9em;
		display:block;
		margin: 10px 0 40px;
	}
	#estimate-info p,
	.estimate-info p {
		float: left;
		width: 22%;
	}
	#estimate-info p:first-child,
	.estimate-info p:first-child { 
		width: 30%;
		padding: 0 0 0 3%;
	}
	
	.estimate-table table {
		width: 100%;
		margin: -5px 0 10px;
	}
	
	.estimate-table table tr td:nth-child(8) {
		padding-left: 1px;
		padding-right: 1px;
	}
	
	div.client-disclaim {
		width: 100%;
		float: none;
		text-align: center;
	}
	.estimate-table table th,
	.estimate-table table td {
		color:#000;
	}
	.estimate-table table th {
		text-align:center;
		padding: 2px 10px;
	}
	.estimate-table table td {
		padding: 2px 10px;
		border-right: 1px #000 solid;
		border-bottom: 1px #000 solid;
		text-align:center;
	}
	.estimate-table table tbody tr:first-child td {
		border-top: 1px #000 solid;
	}
	.estimate-table table tr td:first-child {
		border-left: 1px #000 solid;
		font-weight:bold;
		text-align:left;
	}
	
	span.checkmark {
		color:#2b78f6;
		font-size: 1.5em;
		line-height: 0;
		display:block;

	}
	.estimate-table label {
		font-size: 0.9em;
	}
	
	.date_request_input {
		width: 400px !important;
		margin: 9px 0px;
		padding: 2px;
	}
	
	#estimate-price,
	.estimate-price {
		border: none !important;
	}
	
	.horizontal_line {
		padding: 10px;
		float: left;
		width: 90%;
	}
	
	.version_confirm_section {
		margin-left: 5%;
		float: left;
	}
	
	.version_confirm_sub {
		float: left;
	}
	.version_confirm {
		float: left;
	}
	
	.disclaimer {
		float: left;
    margin-right: 2%;
    width: 50%;
	}
	
	.disclaimer .textarea {
		margin-bottom: 5px;
	}
	
  .force_break_after {
    page-break-after: always;
  }
  
  .avoid_break_inside {
    page-break-inside: avoid;
  }
  
  .avoid_break_after {
    page-break-after: avoid;
  }
	
	tr.divider_row td {
		border-bottom: 1px solid #000000;
	}
	
 .price_totals {
		float: right;
		width: 45%;
	}
	
	.price_totals > div {
		background-color: #C1C2C1;
    margin-bottom: 10px;
    padding: 10px;
	}
	
	.price_line select,
	.price_line input {
		margin-bottom: 5px;
	}

	.totals_left {
		float: left;
		width: 69%;
	}
	
	.price_totals_static .totals_right strong,
	.price_totals_static .totals_left strong {
		margin-top: 0;
	}
	
	.totals_left strong {
		margin-top: 7px;
		float: left;
	}
	
	.totals_left select {
		width: 185px;
		font-size: 1em;
	}
	
	.totals_right strong {
		margin-top: 10px;
		float: right;
	}
	
	.totals_left > span {
		float: left;
		margin-left: 13px;
	}
	
	.totals_right {
		float: right;
		width: 30%;
	}
	
	.totals_right input {
		float: right;
    margin-left: 1%;
    width: 90%;
	}
	
	.completion-sig {
		background-color: #c1c2c1; 
		padding: 10px;
	}
	
	.sig_span {
		margin-top: 15px;
	}
	
	.contractor_date {
		position: relative;
		left: -110px;
    top: 20px;
	}
	
#signature > p,
	.signature > p {
		display:block;
		clear:both;
	}
#signature > div > div > p,
	.signature > div > div > p,
	.signature p.sig,
	.signature p.date {
		margin-top: 40px;
		border-top: 1px #000 solid;
		float: left;
		padding: 5px 40px 0px 0;
		margin-right: 20px;
	}
	
	#signature p.sig,
	.signature p.sig {
		width: 205px
	}
	
	#signature p.date,
	.signature p.date {
		width: 50px
	}
	
	#estimate.list .actions {
		float: right;
		margin: 10px 20px 0 0;
	}
	
	/* ADD ESTIMATE */
	#estimate.add form {
		width: 67.4698795180723%;
		margin: 0 auto;
		color:#666;
		font-size: 0.9em;
	}
	#estimate.add label,
	#estimate.add h3 {
		color:#666;
		font-size: 1.2em;
		font-weight:bold;
	}
	#estimate.add .error{
	background-color: white;
	color: red;
	}
	#estimate.add .error select{
		color: green;
	}
	#estimate.add h3 {
		margin-bottom: 10px;
	}

	fieldset.select_client select {
		width: 70%;
		margin-bottom: 0;
	}
	fieldset.select_client select + p {
		color:#f00;
		margin-top: 5px;
	}
	.staging_hide {
		display: none;
	}
	#estimate.add fieldset.select_client select + p + label {
		font-weight:normal;
		color:#666;
		margin-bottom: 15px;
		font-size: 1em;
	}
	
	/* CLIENT ADDRESS FIELDS */
	fieldset.client_address > div {
		width: 20%;
		floaT: left;
	}
	fieldset.client_address > div:first-child {
		width: 30%;	
	}
	fieldset.client_address > div:first-child h3 {
		margin-bottom: 10px;
	}
	
	
	
		#contact-container{
			width:100%;
			padding-left: 5%;
		}
		.estimate_contacts{
			float: left;
			width: 30%;
			padding-bottom: 10px;
		}
		#estimate_customer_associated{
			width: 30%;
			float: left;
			padding-bottom: 10px;
		}
		#mailing_address {
			padding-left: 5%;
			padding-top: 5px;
			width: 25%;
			clear:left;
		}
		#jobsite {
			padding-top: 5px;
			width: 70%;
			float: left;
		}
		#jobsite b, #mailing_address b, #select-prompt{
			color:#39631F;
		}
	
	div.address_fields > div {
		width: 45%;
		margin-right: 5%;
		float: left;
	}
	div.address_fields > div.min {
		width: 25%;
		float: left;
	}
	#estimate.add div.address_fields label {
		font-size: 1em;
		color:#666;
		font-weight: normal;
	}
	
	/* DATE AND TIME FIELDS */
	fieldset.date_time {
		padding-top: 15px;
		width: 140%
	}
	
	
	fieldset.date_time + fieldset.date_time {
		padding-top: 0;
	}
	fieldset.date_time > div {
		float: left;
		margin: 0 3% 0 0;
	}
	fieldset.date_time div.date {
		width: 35%;
	}
	fieldset.date_time div.hour_min {
		width: 15%;
	}
	fieldset.date_time select {
		width: 13%;
		padding: 4px 0.5% 4px 0.5%;
		margin: 25px 0 0 0;
		float: left;
	}
	#estimate.add fieldset.date_time > label {
		float: left;
		margin: 30px 0 0 3%;
		font-size: 1em;
		font-weight: normal;
		color:#666;
	}
	
	/* ESTIMATE INFO FIELDS */
	fieldset.est_info {
		padding-top: 15px;
	}
	
	/* ESTIMATE TYPE FIELDS */
	fieldset.est_type {
		padding-top: 15px;
	}
	fieldset.est_type > div {
		width: 45%;
		margin-right: 5%;
		float: left;
	}
	#estimate.add label.toggle {
		padding: 10px 2.5%;
		width: 44%;
	}
	
	#settings.details h1 {
		float: left;
	}
	#settings .settings_block {
		background: #e8e8e8;
		margin: 0 0 5px;
		padding: 15px 30px;
		color:#000;
	}
	#settings .settings_block h2 {
		color:#000;
		font-size: 1.3em;
		font-weight:bold;
		margin: 0 0 20px;
	}
	#settings .settings_block h2 + p {
		margin: -15px 0 20px;
		font-size: 0.9em;
	}
	#settings .settings_block fieldset > div {
		
	}
	#settings .settings_block fieldset.field_block label,
	#settings .settings_block fieldset > div label {
		width: 83px;
		float: left;
		text-align: right;
		padding: 0 15px 0 0;
		font-weight:bold;
		font-size: 0.9em;
	}
	#settings .settings_block input[type="text"],
	#settings .settings_block input[type="tel"],
	#settings .settings_block textarea,
	#settings .settings_block select {
		font-size: 0.9em;
		width: 300px;
	}
	#settings .settings_block textarea {
		width: 314px;
	}
	#settings .settings_block select, select.merge_var {
		width:auto;
		margin: 0 48px 0 100px;
		font-size: 0.8em;
		color:#000;
		padding: 2px;
	}
	#settings .settings_block select + a {
		font-size: 0.9em;
		margin: 0 10px 0 0;
	}
	#tabs > ul,
	section.content div.tabs > ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#tabs > ul li,
	section.content div.tabs > ul li {
		float: left;
	}
	#tabs > ul li a,
	section.content div.tabs > ul li a {
		padding: 9px 15px 8px;
		text-decoration: none;
		background: #999;
		color:#fff;
		font-size: 0.9em;
		margin: 0 1px 0 0;
	}
	#tabs > ul li a:hover,
	section.content div.tabs > ul li a:hover {
		background: #666;
	}
	#tabs > div,
	section.content div.tabs > div {
		cleaR:both;
		padding: 20px 0 0;
	}
	
  section.content div.tabs > div {
    padding-left: 15px;
  	padding-right: 15px;
  }
	
	#tabs > div fieldset > div:first-child,
	section.content div.tabs > div fieldset > div:first-child {
		margin: 15px 0 20px;
	}
	#tabs-2,
	#tabs-3 {
		display:none;
	}
	#tabs > div fieldset > div p,
	section.content div.tabs > div fieldset > div p {
		margin: -5px 0 0;
		font-size: 0.9em;
	}
	#settings #tabs > div fieldset > div p input[type="text"] {
		width: 15px;
		padding: 2px 0;
		text-align:center;
		margin: 0;
	}
	#settings .settings_block .add_emails fieldset div {
		float:left;
		margin: 0 15px 0 0;
	}
	#settings .settings_block .add_emails label {
		float: none;
		display:block;
		text-align:left;
		width: auto;
	}
	#settings .settings_block .add_emails input[type="text"],
	#settings .settings_block .add_emails input[type="tel"] {
		width: auto;
		padding: 2px;
		width: 179px;
	}
	#settings .settings_block .add_emails button.btn {
		font-size: 1.3em;
		margin: -5px 0 0;;
		font-weight: bold;
		padding: 0 3px 3px;
		line-height: 1;
	}
	#settings .settings_block .add_emails + fieldset {
		margin-top: 30px;
	}
	#settings .settings_block .add_emails a.delete-link {
		padding: 24px 0 0 0;
		float: left;
	}
	
	.column_block {
		float: left;
		width: 49%;
		margin-right: 1%;
	}
	.column_block > fieldset {
		background:#e8e8e8;
		padding:15px;
		margin-bottom: 5px;
	}
	.column_block > fieldset ol {
		padding: 0;
		margin-top: 5px;
		font-weight:bold;
		list-style: inside decimal;
	}
	.column_block > fieldset ol li {
		line-height: 1;
		padding: 10px 10px 5px 10px;
	}
	.column_block > fieldset ol li a {
		font-weight: normal;
		font-size: 0.9em;
		margin: 0 10px  0 0;
	}
	.column_block > fieldset ol li a.delete-link {
		margin: 0px 10px -3px 0;
		display: inline-block;
	}
	.column_block > fieldset ol li.selected {
		background:#ffc;
		padding: 10px;
font-size: 0.9em;
	}

	.column_block > fieldset ol li.selected label {
		display: block;
		float: none;
		margin: 10px 0px 3px 20px;
	}
	.column_block > fieldset ol li.selected input[type="text"] ,
	.column_block > fieldset ol li.selected input[type="file"] {
		margin: 0 0 10px 20px;
		
		padding: 3px;
		width: 200px;
	}
	.column_block > fieldset ol li.selected div.actions {
		float: right;
	}
	.column_block > fieldset ol li.selected div.actions input[type="submit"] {
		padding: 5px 10px;
		float: right;
		margin: 0 0 0 5px;
	}
	.column_block > fieldset ol li.selected div.actions a {
		margin-top: 5px;
		float: right;
	}
	.column_block > fieldset ol li.selected label:first-child {
		margin-top: -13px;
	}
	.column_block > fieldset ol li a.delete-link span {

	}
	.column_block > fieldset button.btn-plus {
		line-height: 1.3;
		font-size: 1em;
		
	}
	
	.accept_data_container {
		border: 1px solid #999;
		padding: 20px;
		border-radius: 20px;
		color: #666;
	}
	
	.content.details hgroup > div {
		float: left;
	}
	.content.details h1 + p {
		float: left;
		margin: 0;
		color:#666;
	}
	#settings.details hgroup > div h1 {
		margin: 0;
	}
	#settings.details hgroup > div p {
		margin: 0 0 18px;
	}
	.content.details hgroup {
		overflow:hidden;
		padding: 3px 0 20px 0;
	}
	.content.details hgroup a.alert {
		clear:both;
		color:#f00;
		
		margin: 10px 0 0 0;
	}
	#multi-input > section {
		display:block;
		float: left;
		width: 100%;
	}
	#multi-input > section.focus {
		background:#ffc;	
	}
	#settings.details section.focus {
		background: #fff;
	}
	#multi-input > section h2 {
		background:#666;
		color:#fff;
		padding: 10px 10px 8px;
		font-size: 1.3em;
	}
	s
	#multi-input > section h2 label input[type='checkbox'] {
		margin-right: 10px;
	}
	
	#multi-input > section fieldset {
		width: 100%;
		margin: 0 0.5%;
	}
	#multi-input > section fieldset.list {
		margin: 10px 0.5%;
		font-size: 0.9em;
	}
	fieldset.list h3 {
		margin-bottom: 10px;
	}
	fieldset.list ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	fieldset.list ul li {
		overflow:hidden;
		display:block;
		margin-bottom: 7px;
	}
	fieldset.list ul li label {
		floaT: left;
	}
	fieldset.list ul li label + input {
		margin: 0 0 0 18px;
		float: left;
		clear:left;
		display:block;
		width: 60px;
	}
	fieldset.list ul li label + input + label {
		width: 60%;
		margin: 0 0 0 5px;
		line-height:1;
	}
	fieldset.list ul li div {
		width: 50%;
		overflow:hidden;
		float: left;
	}
	fieldset.list ul li div label {
		width: 70%;
		line-height: 1.2;
		padding: 1px 0 0 5px;
	}
	fieldset.list.labour ul li div input {
		float: left;
	}
	fieldset.list.labour ul li div input + input {
		margin: 0 0 0 5px;
	}
	fieldset.list.labour ul li div input[type="text"] {
		width: 70px;
	}
	
	.unit {
		float: right;
	  font-weight: normal;
		color: #999999;
	}
	.unit-amount {
		padding-left: 29%;
		font-weight: normal;
		color: #999999;
	}
	.unit-total {
		float: right;
		font-weight: normal;
		color: #999999;
	}

	.total-input{
		width: 10px; !important;
	}
	
	.input_title {
		color: #000000;
		font-weight: bold;
	}
	
	.item_settings,
	.list.labour,
	.list.options {
		border-top: 1px #F0F0B9 solid;
		box-shadow: 0 -1px 0px #F0F0B9;
		padding: 20px 0 12px;
	}
	
	.list.coats {
		padding-top: 10px;
	}

	.item_settings > div {
		float: left;
		padding: 0px 1.25% 0 0;
	}
	
	.item_settings > h3, 
	#multi-input h3 {
		font-size: 1.2em;
		font-weight: bold;
	}

	.item_settings > div label {
		font-size: 0.8em;
		font-weight: bold;
		display:block;
	}
	.item_settings > div span {
		font-size: 0.8em;
	}
	.item_settings > div input[type="text"] {
		width: 60px;
		font-size: 0.8em;
		background:#ccc;
		border: none;
		box-shadow: 2px 2px 1px #999 inset;
		padding: 4px 2px 2px;
		line-height: 1;
		font-weight:bold;
	}
	.item_settings > div p {
		margin: 18px 0 0;
	}
	.item_settings.single_row > div p {
		margin-top: 2px;
	}
	.item_settings.single_row h3 {
		width: auto;
		padding-right: 2%;
	}
	.item_settings.single_row h3 + p {
		float: left;
		margin: 10px 0 0;
		font-size: 0.9em;
		width: 54%;
	}
	.content.details nav#secondary {
		margin: -20px 0 30px;
	}
	
	.labour_settings {
		padding: 15px 0 0 0;
		padding-bottom: 5px;
	}
	.labour_settings > h3 {
		font-size: 1.2em;
		font-weight: bold;
		width:100%;
		margin-bottom: 5px;
	}
	.labour_settings label {
		color:#666;
	}
	.labour_settings label,
	.labour_settings span,
	.labour_settings input[type="number"] {
		float: left;
		font-size: 0.8em;
		font-weight: bold;
	}
	.labour_settings input[type="number"],
	.labour_settings input[type="text"] {
		margin: 0 5px 0 0;
		padding: 4px 2px 2px;
		padding: 4px 2px 2px;
		line-height: 1;
		width: 80px;
		font-size: 1em;
	}
	.labour_settings label {
		margin: 0 20px 0 0;
	}
	
	.labour_settings div {
		margin-left: 5%;
	}
	
	.labour_label {
		 margin: 4px !important;
	}
	
	.cpi_rate {
	    width: 175px;
	}
	
	.cpi_rate input {
		height: 25px;
	}
	
	.cpi_rate span.labour_label {
	    left: -4px;
	    position: relative;
		font-size: small; 
	}
	
	.cpi_rate span.labour_label:nth-child(1) {
	    font-weight: bold;
	}
	
	.cpi_rate span.labour_label:nth-child(2) {
	    left: 60px;
	    position: relative;
	}

	.scale {
		display:block;
		width: 60%;
		float: left;
		height: 30px;
		margin: 5px 20px 0 0;
	}
	
	.labour_rate,
	.conversion_rate,
	.other_notes {
		float: left;
    position: relative;
    top: -6px;
	}
	
	.other_notes input {
	  min-width: 150px;
	}
	
	.content.details .scale {
		margin: -3px 0 15px;
    width: 200px;
	}
	.content.details .ui-slider {
	 	width:72%;
	 	float: left;
	 }
	.content.details .scale > span {
	 	float:left;
	 	margin: -3px 0 0 13px;
	 	padding: 0;
	 	overflow:hidden;
	 	display:block;
}
	.description-text {
		padding: 1px 1px 1px 1px;		
	}
	#description-box{
		float:right;
	}
	#new_description {
		width: 70%;
	}
	#version-actions{
		float: left;
	}
	#estimate.snapshot label.toggle,
	#estimate.preview label.toggle {
		float: left;
    font-size: 13px;
    height: 23px;
    margin-top: 5px;
    padding-top: 4px;
    width: 80px;
	}
	
	#estimate.snapshot span#price_box {
		color: #000000;
	}
	
	#estimate.snapshot hgroup a.btn-action {
		padding: 3px 14px 5px;
		float: right;
	}
	#estimate.snapshot hgroup select {
		float: right;
		margin: 5px 5px 10px 0;
	}
	#estimate.snapshot hgroup > div:first-child {
		float: left;
	}
	#estimate.snapshot hgroup > div:first-child a {
		font-size: 0.9em;
		margin: 0 10px 0 0;
	}
	
	.user-input .version_select{
		width: 70px;
	}
	
	#estimate.snapshot footer {
		background: #7FB735;
		padding: 10px;
		overflow:hidden;
		height: 33px;
	}
	#estimate.snapshot footer a {
		color: #FFFFFF;
		float: left;
	}
	#estimate.snapshot footer div {
		color: #FFFFFF;
		float: right;
	}
	#estimate.snapshot footer p {
		color: #000000;
    float: right;
    margin: 0;
	}
	#estimate.snapshot footer p span {
		padding: 0 0 0 20px;
		font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 5px;
		font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	}
	
	#est_status_update {
		float: right;
	}
	#est_status,
	#est_status_update > label {
		padding-bottom: 4px;
	}
	#est_status {
		width: 450px;
		margin-left: auto;
		margin-right: auto;
	}
	#est_status_update > label {
		margin: 4px 10px 0 0;
		float: right;
		padding-bottom: 10px
	}
	#est_status_update > p {
		font-size: 0.9em;
		float: right;
		clear:both;
		margin: 0;
	}
	#est_status_update > input[type="text"] {
		padding: 6px 5px;
		margin: 0 10px 0 0 ;
		float: left;
		width: 35px;
	}
	
	#item_list {
		width: 450px;

		overflow:hidden;
	}
	#item_list ul li {
		display: block;
		floaT: none;
		overflow:hidden;
		clear: both;
		border-bottom: 1px #000 solid;
	}
	#item_list ul li a {
		padding: 10px 10px 8px;
		color:#000;
		font-sizE: 1.1em;
		display:block;
		floaT: none;
	}
	#item_list ul li a:hover {
		background:#8CC63F;
	}
	
	#estimate.snapshot table.list tr {
		vertical-align: top;
	}
	#estimate.snapshot table.list tr th:first-child,
	#estimate.snapshot table.list tr td:first-child {
	}
	
	/**** SNAPSHOT (MATT A) ****/
	
	#estimate.snapshot input.custom_select,
	#estimate.snapshot select.custom_select {
		float: left;
	}
	
	#room_list {
	  position: relative;
	  top: -100px;
	}
	
	#preview_bar {
		position: relative;
	  top: -90px;
	}
	
	#info_table {
		float: right;
		margin-bottom: 20px;
	}
	
	#customer_info {
		font-size: 13px;
		border: 1px solid #E7E9E8;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 3px 4px 5px #888888;
		padding: 10px;
		color: #666666; 
	}

	#image_table {
    position: relative;
	  top: -60px;
    width: 100%;
    border: 1px solid #E7E9E8;
	}

  #estimate #image_table {
    top: 10px;
    left: 2px;
    right: 2px;
    border-radius: 4px;
  }

  #image_select_box {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin-bottom: 35px;
  }

  #estimate #image_table #image_select_box {
    margin-top: 20px;
  }

  #image_select_box {
    display: flex;
    flex-flow: column nowrap;
  }

  #image_select_box table#image_details {
    border-collapse: collapse;
  }

  #image_select_box table#image_details td {
    width: 50%;
    font-size: 0.7em;
  }

  .image-row a {
    text-decoration: none;
  }
	
	div.formatted_box {
    font-size: 13px;
    border: 1px solid #E7E9E8;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 3px 4px 5px #888888;
    padding: 20px;
    color: #666666; 
  }
	
	#customer_info tr td:first-child {
	  font-weight: bold;
		width: 85px;
		vertical-align: top; 
	}
	
  #customer_info tr td:last-child {
  	word-wrap: break-word;
    max-width: 185px;
    min-width: 130px;
  }
	
	#version_id {
    margin-top: 6px;
    max-width: 50vw;
    min-width: 200px;
  }
  
	#version_status {
		clear: both;
    height: 59px;
    position: relative;
    top: -120px;
    width: 55%;
	}
	
	#version_status div {
		font-weight: bold;
	  color: #666666;
	}
  
	#version_toggle {
  	clear: both;
    height: 50px;
    margin-bottom: 15px;
    position: relative;
    top: -110px;
    width: 55%;
	}
	
	#version_toggle div {
		float: left;
  }
  
  .combo-input {
	height: 28px !important;
  	width: 400px !important;
  	padding-left: 3px !important;
  }

  .combo-select {
	top: 0px !important;
  	height: 30px !important;
  	background: white !important;
  }
  #version_toggle div:first-child {
		margin-top: 0;
  	margin-left: 0;
  margin-right: 3px;
  }
	
	#version_container {
		margin: 50px auto;
    padding-bottom: 1px;
    width: 561px;
  	clear: both;
	}
	
  #add_version span {
		margin-top: -1px;
  }
  
	#version_toggle div:first-child span {
  	font-weight: bold;
    color: #666666;
  }
  
  /*#version_toggle div:first-child span {
  	position: relative;
    top: -6px;
  	font-weight: bold;
  }*/
  
  #edit_version img {
	  margin-top: 3px;
  }
  
  #delete_version span {
	  margin-top: 1.5px;
  }
  
  #delete_version span.delete  {
	  background-position: -165px -17px;
  }
	
	#estimate.snapshot span.add_room {
		cursor: pointer;
	  font-weight: bold; 
		font-size: 0.85em;
    line-height: 2;
    text-decoration: underline;
	}
	
	#estimate.snapshot span.add_room:hover {
		text-decoration: none;
	}
	
	nav.snapshot_options {
		position: relative;
	}
	
	nav.snapshot_options > a {
		background: none repeat scroll 0 0 #666666;
    display: block;
    float: left;
    height: 35px;
    width: 8px;	
	}
	
	span.snapshot_arw {
		margin-left: 1px; 
		margin-top: 13px;
	}

	nav.snapshot_options ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 20px 0 0 20px !important;
    box-shadow: 0 0 5px #666666 !important;
    display: none;
    height: 24px;
    left: -70px;
    overflow: hidden;
    padding: 5px 5px 5px 10px !important;
    position: absolute !important;
    width: 55px;
	}	
	
	nav.snapshot_options:hover ul {
		display: block;
	}
	nav.snapshot_options ul li {
		float: left;
		display:block;
		margin: 0;
	}
	nav.snapshot_options ul li a {
		padding: 4px !important;
		border: 0px !important;
}
	
	#modal.version {
		width: 550px;
	}
	#modal.version fieldset.radio label {
		width: 50%;
		float: left;
		font-size: 0.9em;
		margin-bottom: 3px;
		margin-left: 20px;
		font-weight: normal;
	}
	#modal.version .date_time label {
		font-size: 0.9em;
		font-weight: normal;
	}
	#modal.version .btn-action {
		/*padding: 3px 10px 4px;
		font-size: 0.8em;
		text-transform: uppercase;*/
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding: 8px 16px 10px;
	}
	#modal.version h3 {
		margin: 15px 0 8px;
		color:#666;
	}
	#form-add_email {
		padding: 5%;
		background:#ccc;
		width: 45%;
		clear:both;
		border-radius: 5px;
		margin: 20px 0 0 0;
	}
	#modal.version #form-add_email label {
		font-weight: bold;
		font-size: 1em;
	}
	#modal.version #form-add_email input[type="text"] {
		width: 60%;
		margin: 0;
		float: left;
	}
	#modal.version #form-add_email input[type="submit"] {
		float: right;
		width: 35%;
		padding: 7px 0 8px;
	}

	
	#add-email {
		clear:both;
		float: left;
		margin: 20px 0 0 0;
	}
	
	table.rooms {
		width: 100%;
		margin-top: 15px;
	}
	
	table.rooms th span {
		margin-left: 7px;
    margin-top: 0.2px;
	}
	
	table.rooms tr {
		height: 39px;
	}
	.dialog_budget {
		display: none;
	}
	
	.ui-dialog-buttonset button span {
		color: black !important;
		background: lightgrey !important;
	}
	
	.ui-dialog-buttonset button {
		border: none !important;
		width: 100%;
	}
	.ui-dialog-buttonset button.ui-state-hover {
		border: none !important;
	}
	
	table.rooms td#add_room_cell {
		height: 30px;
	}
	
	table.rooms thead th {
		min-width: 215px;
		background: #666;
		color:#fff;
		text-align: left;
		padding: 9px 0;
	}
	
	table.rooms thead th:first-child {
	  font-size: 15.5px;
	}
	
	table.rooms thead th:last-child {
		text-align: right;
		font-weight: normal;
	}
	
	table.rooms thead th a {
    color: #FFFFFF;
    font-size: small;
    left: -10px;
    padding-right: 10px;
		font-size: 14px;
  }
	
	table.rooms tbody td.price {
		color: #666666;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 15.4px;
    font-weight: bold;
    text-align: right;
	}

	table.rooms tbody tr:hover {
		background: #ffc;
	}
	table.rooms tbody td {
		padding:10px 15px;
		border-bottom: 1px #ccc solid;
	}
	table.rooms tbody td a {
		font-size: 0.9em;
	}
	table.rooms tbody td.action {
		width: 10px;
	}
	.edit_cell {
		width: 70%;
		font-size: 1.5em;
		color:#000;
	}
	.edit_cell input {
		floaT: left;
	}
	.edit_cell input[type="submit"] {
		font-size: 0.6em;
		text-transform: uppercase;
		padding: 5px 15px 7px;
		margin-top: 1px;
		border-radius: 0px 5px 5px 0px;
	}
	.edit_cell input[type="submit"]:hover,
	.edit_cell input[type="submit"]:active {
		padding: 6px 15px 7px;
		margin-top: 0;
	}
	.edit_cell button.cancel {
		border: none;
		background: none;
		text-transform: uppercase;
		text-decoration: underline;
		color:#f00;
	}
	.edit_cell button.cancel:hover {
		text-decoration: none;
	}
	
	nav.options {
		position: absolute;
		left: -20px;
		top: 5px;
	}
	nav.options ul {
		background:#fff;
		overflow:hidden;
		border-radius: 20px 0 0 20px;
		padding: 5px 5px 5px 10px;
		box-shadow: 0px 0px 5px #666;
		display:none;
		position: absolute;
		left: -84px;
	}
	nav.options ul li {
		float: left;
		display:inline;
		margin: 0;
	}
	nav.options ul li a {
		padding: 4px;
	}
	nav.options > a {
		background:#666;
		display:inline;
		floaT: left;
		padding: 12px 2px 13px 1px;	
	}
	
	#actions_container {
		float: right;
	}
	
	.room_form{
		display: none;
		float: left;
		margin-left: 4px;
		margin-top: 6px;
	}

  div#item_info_nav {margin-top: 20px}
  div#item_info_nav a {display: block}
  div#item_info_div div.return_link_div {text-align: right}
  div#item_info_div hr.item_info_hr {margin: 25px 0 25px}
	
	#estimate.editroom .block {
		position: relative;
		padding: 10px 0 10px 5%;
		width: 95%;
	}
	#multi-input > section.closed fieldset {
		padding: 0;
		margin: 0
	}
	#estimate.editroom .block:nth-child(even) {
		background: #E8E8E8;
	}
	#estimate.editroom .block#focus {
		background:#FFC;
		margin-top: 10px;
	}
	
	#estimate.editroom input[type=text],
	#estimate.editroom input[type=number]{
	  font-size: 12px;
    height: 20px;
    padding-top: 1px;
	}
	.amount-input {
	  font-size: 27px !important;
    height: 50px !important;
    left: -5px;
    max-width: 272px;
    min-width: 100px;
    position: relative;
    text-align: center;
    width: 100%;
	}
	.center-number{
	    text-align: center;
	}	
	.row_total .center-number {
		height: 15px !important;
	}
	
	#estimate.editroom header {
		position: relative;
	}
	#estimate.editroom header h3 {
		float:left;
		width:185px;
		padding: 15px 20px 0 0;
	}
	#estimate.editroom .header-link {
		float: left;
		margin-top: 13px;
	}
	#estimate.editroom .amount-input{
		height: 25px;
		font-size: 18px;
	  padding-top: 7px;
	}
	#estimate.editroom header > div {
		float: right;
		padding-top: 12px;
	}
	#estimate.editroom header > div > div {
		float: left;
	}
	#estimate.editroom header label {
		padding-right: 10px;
	}
	#estimate.editroom header label strong {
		font-size: 1.2em;
		padding: 0 0 0 5px;
		color:#000;
	}
	#estimate.editroom header label input {
		margin-right: 5px;
	}
	#estimate.editroom header label.disabled,
	#estimate.editroom header label.disabled strong {
		color: #999;
	}
	#estimate.editroom header span.price {
		font-size: 1.5em;
		color:#000;
		font-weight:bold;
		/*padding: 0 0 0 30px; */
	}
	#estimate.editroom #multi-input fieldset.list {
		font-size: 13px;
	}
	#estimate.editroom #multi-input .focus fieldset.list {
		width:95%;
	}
	#estimate.editroom table {
		width:100%;
		position: relative;
	}
	table.item_settings label {
		display:block;
		width:51%;
		color:#000;
		font-weight: bold;
	}
	
	/* ADJUSTMENTS TO EDIT ROOM */
	
	.amount_wrap {
		width: 260px;
	}
	
	table.item_settings td.selects {
		padding: 0px 0px 15px 0px;
		width: 30%;
	}
	
	table.item_settings td.amounts {
		width: 50%;
	}
	
	.selects div.selects-checkbox {
		float: left;
		width: 20px !important;
		margin-top: 15px;
		white-space: nowrap;
	}
	
	td.arrow1 {
		text-align: center;
    vertical-align: middle;
		width: 2.5%;
		max-width: 10px;
	}
	
	table.item_settings td.selects label {
		margin-top: 10px;
		float: left;
	}
	table.item_settings td.selects label span {
		margin-left: 30px;
		font-size: 0.9em;
	}
	table.item_settings td.selects select,
	table.item_settings td.selects input {
		width: 50%;
		max-width: 150px;
		min-width: 50px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* table.item_settings td.amounts .amount_wrap {
		background: url(https://ymsapp.com/images/arw-right2.png) no-repeat 95% center;
	}*/
	
	table.item_settings td.amounts .lolwtf {
		vertical-align: middle;
		margin: 40% 0% 0% 3%;
		float: left;
		position: absolute;
	}
	
	table.item_settings td.amounts .amount {
		border: 2px #F0F0B9 solid;
		border-bottom: none;
		overflow:hidden;
		padding: 0 0px 5px 0px;
		width:260px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}
	table.item_settings td.amounts .amount label {
		margin-top: 10px;
		padding-left: 19%;
		display: block;
	}
	table.item_settings td.amounts .amount a {
		float: left;
	}
	table.item_settings td.amounts .amount input {
		width: 150px;
		margin: 0 7%;

	}
	table.item_settings td.amounts fieldset {
		clear:both;
		padding: 10px 0 15px 25px;
		display:block;
		width:260px;
		border: 2px #F0F0B9 solid;
		border-top: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}
	table.item_settings td.amounts fieldset div {
		width:15%;
		float: left;
		margin: 0px !important;
		padding: 0px 10px 5px 10px;
	}
	table.item_settings td.row_total {
		vertical-align:middle;
		padding-right:12px;
	}
	
	
	table.item_settings label span {
		color:#999;
		font-weight: normal;
	}
	table.item_settings input[type="text"] {
		width:80px;
		display:block;
		float: left;
		font-size: 0.85em;
	}
	td.amount .btn-plus {
		float:left;
		margin: 0 0 0 5px;
	}
	.td_amount {
		width: 200px;
		font-weight: bold;
		text-align: center;
	}
	.row_total {
		width:80px;
	}
	
	.row_total:hover div.regen {
		display:block;
	}
	div.regen {
		display:none;
		position: absolute;
		right: -90px;
		top: 45%;
		background:#fff;
		border-radius: 0px 20px 20px 0px;
		padding: 10px 10px;
		box-shadow: 0px 0px 5px #666;
	}
	table.labour,
	table.materials {
		margin-bottom: 2px;
		padding-right: 10px;
	}
	table.labour thead th,
	table.materials thead th {
		text-align:left;
		color:#000;
		font-weight:normal;
		padding: 5px;
		width: 100%;
	}
	table.labour thead th a,
	table.materials thead th a {
		float: left;
		margin-right: 5px;
		margin-left: 2px;
	}
	table.labour thead th span,
	table.materials thead th span {
		margin-top: 5px;
	}

	table.materials tbody,
	table.materials tfoot,
	table.details tbody,
	table.details tfoot {
	    font-size: 13px;
	}
	
	.details-top tr:first-child td {
		border-top: 1px solid #999999;
	}
	.details-top tr:first-child td:first-child {
		border-radius: 10px 0 0 0;
	}
	.details-top tr:first-child td:last-child {
		border-radius: 0 10px 0 0;
	}
	.details-top tr td:first-child {
		border-left: 1px solid #999999;
	}
	.details-top tr td:last-child {
	  border-right: 1px solid #999999;
}
	.details-bottom tr:last-child td {
		border-bottom: 1px solid #999999;
		
	}
	.details-bottom tr:last-child td:first-child {
		border-radius: 0 0 0 10px;
	}
	.details-bottom tr:last-child td:last-child {
		border-radius: 0 0 10px 0;
	}
	.details-bottom tr td:first-child {
		border-left: 1px solid #999999;
	}
	.details-bottom tr td:last-child {
	  border-right: 1px solid #999999;
	}
	.details-empty td {
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	
	tbody.details {
		display: none;
		font-size: 13px;
		background: none repeat scroll 0 0 #FFFFCC;
	}
	
	table.labour.collapsable-list tbody tr:not(.head) {
	  font-weight: normal;
	}
	
	table.labour td,
	table.materials td {
		padding: 3px;
	}
	.td_type {
		width:99px;
	}
	.td_item {
		width: 15%;
	}
	.td_rate,
	.td_scrape,
	.td_prime {
		color:#000;
	}
	.td_usage input[type='text'],
	.td_price input[type='text']{
		width: 30px;
	}
	.td_rate span,
	.td_scrape span,
	.td_prime span {
		color:#999;
	}
	.td_rate {
		width: 115px;
		text-align:center;
	}
	.td_scrape {
		width: 10%;
		text-align:center;
	}
	.td_prime {
		text-align:center;
		width: 10%;
	}
	.td_total {
		text-align: center !important;
	}
	
	
	#estimate.editroom.interior .td_rate {
		text-align:left;
		text-indent: 40px;
	}
	
	table.labour .amount strong,
	table.materials .amount strong,
	table.labour .amount a,
	table.materials .amount a {
		float:right;
		padding-right: 5px;
		color:#000;
	}
	table.labour .amount strong,
	table.materials .amount strong {
		margin-right: 10px;
	}
	table.labour .amount a,
	table.materials .amount a {
		margin-right: 40px;
	}
	table.labour tfoot,
	table.materials tfoot {

	}
	table.labour tfoot td {
		background:#F7F7CB;
		text-align:right;
		color:#000;
		font-weight:bold;
		padding: 0px;
		border-bottom: 0;
		
	}
	table.labour tr.head td {
		color:#000;
		font-weight:bold;
	}
	
	table.materials tr.head td {
		color:#000;
		font-weight:bold;
	}
	table.materials .delete-line,
	table.labour .delete-line {
		position:absolute;
		left: -25px;
		margin-top: 2px;
	}

	table.materials  input {
		width: 80px;
	}
	
	#information {
		float: right;
		width: 18%;
		padding-left: 35px;
		border-left: 1px solid rgba(52, 52, 52, 0.63);
	}
	#information h2{
		margin-bottom: 4px;
	}
	.more_data {
		display: none;
	}
	#user_info_prop {
		float: left;
		width:100%;
		margin-bottom: 4px;
	}
	#user_info_prop > span,
	#customer_info_prop > span {
		padding: 2px 2px 2px 20px;
		display: block;
	}
	
	#customer_info_prop {
		float: left;
		width: 100%;
		margin-top: 4px;
	}
	
	
	
	fieldset.list .add-list {
		border-bottom: none;
		padding-top: 10px;
	}
	fieldset.list .add-list ul {
		floaT:left;
		background:#fff;
		box-shadow: 0px 0px 5px #999;
		padding: 5px;
		display:none;
		margin-left:30px;
		position: absolute;
	}
	fieldset.list .add-list:hover ul {
		display:block;
	}
	fieldset.list .add-list ul li {
		margin: 0;
		padding: 0;
	}
	fieldset.list .add-list ul li a {
		text-decoration: none;
	}
	fieldset.list .add-list ul li a:hover {
		text-decoration: underline;
	}
	#estimate.editroom fieldset.item_settings {
		width:100%;
	}
	#estimate.editroom fieldset.item_settings > div {
		padding-right: 4.3%;
	}
	#estimate.editroom header span.price {
		padding-right: 10px;
	}
	#estimate.tabsheet hgroup,
	#estimate.editroom hgroup  {
		width:100%;
		float:left;
		clear:both;
		padding-bottom: 20px;
		display:block;
	}
	
	#estimate.tabsheet hgroup div h1,
	#estimate.editroom hgroup div h1,
	#estimate.tabsheet hgroup div select,
	#estimate.editroom hgroup div select {
		float:left;
		
	}
	#estimate.editroom hgroup div label {
		margin: 5px 0 0 10px;
		float: left;
	}
	#estimate.tabsheet hgroup div select,
	#estimate.editroom hgroup div select {
		margin: 3px 0 0 20px;
	}
	#estimate.editroom nav.primary-tab-section.ui-tabs ul.primary-tab li {
		display: flex;
		flex-flow: row nowrap;
	}
	/* ROOM SELECT */
	#room_options,
	#room_options ul {
		list-style: none outside none;
    margin: 4px 0 0 -9px;
    padding: 0;
	}
	#room_options li ul {
		display:none;
	}
	#room_options > li {
		float: left;
		margin-left: 10px;
		position:relative;
	}
	#room_options > li > a {
		float: left;
		display: block;
		font-size:0.9em;
    padding-top: 1px;
  }
  
	#room_options > li > a.btn-action {
		padding: 0 13px;
	}
  
	#room_options > li.area_switch a {
		padding-right: 3;
		text-decoration:none;
	}
	
	#room_options > li.area_switch:hover,
	#room_options > li.area_switch:hover a,
	#room_options > li.area_switch:hover {
		background:#e8e8e8;
	}
	#room_options li.area_switch ul li a {
		padding: 2px 5px;
		display:block;
	}
	
	#room_options > li.area_switch:hover li a:hover {
		background:#8CC63F;
		
	}
	#room_options > li.area_switch span {
		margin-top: 10px;
		margin-right: 5px;
	}
	#won_modal_crew_members{
		width: 600px;
	}
	fieldset.email_section_estimate {
		width: 100%;
	}
	
	.equipment_note,
	.hazard_note {
		width: 200px !important;
		margin: -5px 0px 0px 10px !important;
	}
	
	.won-crew-header label{
		display: inline;
		float: left;
	}
	
	#email_list {
		height: 60px;
	}
	
	#select_emails {
		
	}
	
	.send_add_email {
		background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 5%;
	}
	
	input.save_add_email {
		padding: 2px;
		float: right;
    margin-left: 10px;
	}

	.add_new_email {
		margin-bottom: 7px !important;
	}
	
	.send_add_email h3 {
		margin: 0 0 15px;
	}
	
	.customer_emails {
		margin-bottom: 10px;
	}
	
	.customer_emails > div {
		float: left;
	}
	
	.customer_emails > div:first-child label {
		font-weight: normal;
		display: inline;
	}
	
	.customer_emails > div:first-child {
	 	width: 275px;	
	}

	section.send .customer_emails > div:last-child {
		margin-left: 10px;
		display: none;
	 	width: 300px;	
	}
	
	.add_customer_email, .add_contact_email {
		cursor: pointer;
	    padding-top: 3px;
	    width: 50px;
	}
	div#customer_proposal_tab p.sub_header {
		color: #666;
	}
	.send_indent {
		margin-left: 50px;
	}
	
	
	#room_options > li.area_switch >ul {
		display: none;
		position: absolute;
		font-size: 0.9em;
		top:24px;
		left:0;
		background:#e8e8e8;
		padding: 5px 10px;
		width:200px;
		text-align:left;
	}
	#room_options > li.area_switch:hover > ul {
		display:block;
	}
	#estimate.tabsheet #multi-input > section fieldset.list {
		width: 90%;
	}
	.add-area {
		padding: 20px 0 0;
		float: left;
		clear:both;
	}
	.add-area a {
		line-height:1.9;
	}
	.add-area a span {
		margin-right: 5px;
	}
	
#calculator {
		position: absolute;
		z-index: 2;
		background: #333333; /* Old browsers */
		background: -moz-linear-gradient(top,  #333333 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #333333 0%,#000000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #333333 0%,#000000 100%); /* IE10+ */
		background: linear-gradient(top,  #333333 0%,#000000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		padding: 15px;		
		border-radius: 10px;
		width: 210px !important;
	}
	#calculator > button {
		background: none repeat scroll 0 0 #000000;
    border: medium none;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    font-size: 1.2em;
    height: 30px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 30px;
	}

	#calculator td {
		padding: 5px;
	}
	#calculator input {
		cursor: pointer;
		bordeR: 1px #666 solid;
		color:#fff;
		padding: 0;
		margin: 0;
		line-height:1;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#calculator input.number {
		background:#999;
		border-radius: 40px;
		width: 40px;
		height: 40px;
		padding-right: 10px
		text-align: left;
	}
	#calculator input.number.square {
		font-size: 0.9em;
	}
	#calculator input.number.root {
		font-size: 0.9em;
	}
	#calculator input.number:hover {
		background:#777;
	} 
	#calculator input.function {
		border-radius: 40px;
		width: 40px;
		height: 40px;
		padding-right: 10px
		text-align: left;
		background:#FF8F00;
		color:#fff;
	}
	#calculator #key_divide {
		padding: 2px 1px 0px 0;
	}
	#calculator #key_equal {
		padding: 0 0px 3px 0;
	}
	#calculator #key_multiply {
		padding: 0 0px 4px 0;
	}
	#calculator #key_subtract {
		padding: 0 1px 3px 0;
	}
	#calculator #key_add {
		padding: 0 1px 4px 0;
	}
	#calculator input.function:hover {
		background:#cf7604;
	}
	#calculator input.clear,
	#calculator input.user {
		bordeR: none;
		background:#84bb3b;
		border-radius: 20px;
		color:#fff;
		padding: 4px 0 4px;
		margin: 0;
		text-transform: uppercase;
		width:100%;
		
	}
	#calculator input.clear:hover,
	#calculator input.user:hover {
		background:#6e9e2d;
	}
	#calculator input.display {
		width: 100%;
		padding: 2.5% 0;
		text-indent: 2.5%;
		margin: 0 0 10px;
		border-radius: 10px;
		bordeR:none;
		color:#666;
		float: left;
		display:block;
	}
	
	#estimate.tabsheet nav#secondary span.exterior {
		background-position: -58px -20px;
		margin-top: 0px;
	}
	#estimate.tabsheet > section {
		padding: 2% 3%;
	}
	#estimate.tabsheet table {
		width: 100%;
	}
	#estimate.tabsheet table thead th {
		background:#8CC63F;
		font-weight: normal;
		color:#fff;
		text-align:center;
		font-size: 0.9em;
		padding: 3px 0;
	}
	#estimate.tabsheet .labour td {
		text-align:center;
		padding: 10px;
		font-size: 0.9em;
		border-right: 1px #000 solid;
		border-bottom: 1px #000 solid;
	}
	#estimate.tabsheet .labour tr td:first-child {
		border-left: 1px #000 solid;
	}	
	#estimate.tabsheet .labour .td_name {
		width: 200px;
		text-align: left;
		font-weight: bold;
	}
	#estimate.tabsheet .materials tbody tr:nth-child(even),
	#estimate.tabsheet .labour tbody tr:nth-child(even) {
		background:#e8e8e8;
	}
	#estimate.tabsheet .materials th {
		padding: 13px 0;
	}
	#estimate.tabsheet .materials td {
		text-align:center;
		padding: 10px;
		font-size: 0.9em;
		border-color:#000;
	}
	#estimate.tabsheet .materials tr td:first-child {
		text-align:left;
		font-weight:bold;
		border-left: 1px #000 solid;
	}
	#estimate.tabsheet .materials tr td:last-child {
		border-right: 1px #000 solid;
	}
	#estimate.content .tabsheet_pricing th {
		text-align:left;
		font-size: 1.3em;
		padding: 10px 20px;
	}
	#estimate.content .tabsheet_pricing th a {
		float: right;
    font-size: 0.7em;
    font-weight: normal;
    height: 14px;
    padding: 2px 5px 5px;
	  text-align: center;
	}
  #estimate.content .tabsheet_pricing tr {
	  background: none;
  }
	#estimate.content .tabsheet_pricing td {
		font-size: 0.9em;
		padding: 10px;
		color:#000;
	}
	#estimate.content .tabsheet_pricing tr td {
		border-top: 1px #000 solid;
		text-align:center;
	}
	#estimate.content .tabsheet_pricing tr:first-child td {
		border-top: none;
	}
	#estimate.content .tabsheet_pricing tr td:first-child {
		text-align:left;
	}
	#estimate.content .tabsheet_pricing tr.detail td:first-child {
		padding-left: 3% !important;
	}
	#estimate.content .tabsheet_pricing tr td.td_price {
		text-align:right;
		font-size: 1.2em;
	}
	#estimate.content .tabsheet_pricing tr.detail td {
		border-top: none;
	}
	#estimate.content .tabsheet_pricing tfoot td {
		background:#ffc;
		border-top: 1px #000 solid !important;
		border-bottom: 1px #000 solid;
		font-weight:bold;
	}
  #estimate.content .tabsheet_pricing tr.detail {
	  font-weight: normal;
	  font-size: 0.75em;
  }
  #estimate.content .tabsheet_pricing tr.detail td {
    margin: 0;
    padding: 3px 10px 3px 3px;
    height: 27px;
  }
  
  #estimate.content table.tabsheet_labour tr,
  #estimate.content table.tabsheet_labour th {
	  text-align: center;
  }
  
  /*)#estimate.content table.tabsheet_labour tbody tr:first-child td:last-child {
	  border-top: 2px solid #000000;
  }*/
  
	#estimate.content table[class*='tabsheet_'] td.td_total {
    border-left: 1px #000 solid;
    border-right: 2px #000 solid;
  }
  #estimate.content table[class*='tabsheet_'] tr.tr_total td {
    /*border-top: 2px #000 solid;
    border-bottom: 2px #000 solid;*/
  }
  #estimate.content table[class*='tabsheet_'] tr.tr_total td:first-child {
  	
  }
  #estimate.content table[class*='tabsheet_'] tr.tr_total td:last-child {
  }
	
	#estimate.settings fieldset.actions {
		padding-top: 2px;
	}
	
	#estimate.settings > form {
		width: 600px;
		margin: 0 auto;
		color:#000;
		font-size: 0.9em;
	}
	#estimate.settings hgroup {
		overflow:hidden;
	}	
	#estimate.settings h2 {
		color:#000;
		font-size: 1.3em;
		font-weight: bold;
		margin: 20px 0 5px 0;
	}
	#estimate.settings .block {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:#E7E9E8;
		padding: 20px 40px;
	}
	#estimate.settings h3 {
		font-size: 1em;
		font-weight: bold;
	}
	#estimate.settings select {
		width: 150px;
		padding: 0;
		font-size: 0.9em;
		color:#333;
	}
	
	#session_timing_out, #session_timed_out, #cookies_disabled {
		display: none;
	}
	 
  #session_timing_out a.btn-ok, #session_timed_out a.btn-ok, #cookies_disabled a.btn-ok {
    font-size: x-small;
  }
  
	.block_title {
		font-size: 17px;
		margin-top: 8px;
	}
	.block_content_left {
		padding: 3px;
		margin: 3px 3px 10px 3px;
		text-align: left;
		font-size: 14px;
	}
	
	.block_content_center {
		padding: 3px;
		margin: 3px 3px 1% 3px;
		text-align: center;
		font-size: 14px;
	}
	
	.tos_form_container{
		font-size: 14px;
		min-height: 50px;
	}
	.tos_actions {
		padding: 8px 0px;
		background: #F2F2F2;
		margin: 5px;
	}
	.tos_form_container input {
		margin-top: 4px;
	}
	
	#lock_form_container{
		font-size: 14px;
		height: 50px;
	}
	.lock_actions {
		padding: 8px 0px;
		background: #F2F2F2;
		margin: 5px;
	}
	#lock_form_container input {
		margin-top: 4px;
	}
	
	#price_manage fieldset div {
		width:46%;
		float: left;
	}
	#markup label input,
	#hourly label input {
		margin: 0 5px 0 0;
	}
	#markup > div > label,
	#hourly > div > label {
		font-size: 0.9em;
		margin: 10px 0 0 34px;
	}
	#markup > div > span,
	#hourly > div > span,
	#rounding span {
		color:#999;
		margin: 3px;
	}
	#markup > div > label + span,
	#hourly > div > label + span {
		margin-left: 23px;
	}
	#markup > div > label span,
	#hourly > div > label span {
		font-weight: normal;
	}
	#markup .scale {
		width:60%;
		margin-right: 0;
	}
	#markup > div > span.slider_txt {
		color:#000;
		margin: 0 0 0 10px;
	}
	#markup > div + div label {
		margin-left: 0;
	}
	#markup .ui-slider {
		width: 100%;
	}
	#hourly {
		padding-bottom: 20px;
		border-bottom: 1px #d2d2d2 solid;
	}
	#rounding {
		padding: 40px 0 0 0;
		border-top: 1px #f3f3f3 solid;
	}
	#rounding > div:first-child label {
		font-weight: normal;
		padding: 5px 0 0;
	}
	#rounding > div h3 {
		margin-bottom: 5px;
	}
	
	#paint_mat {
		overflow:hidden;
	}
	#paint_mat > fieldset {
		float: left;
		width:44.5%;
		padding: 0 5% 0 0;
		border-right: 1px #d2d2d2 solid;
	}
	#paint_mat > fieldset + fieldset {
		padding: 0 0 0 5%;
		border-right: none;
		border-left: 1px #f3f3f3 solid;
	}
	#paint_set h3 {
		font-weight: normal;
	
	}
	#paint_mat h3,
	#paint_mat label {
		clear:both;
		margin: 0 0 5px;
	}
	#paint_mat input[type="radio"] {
		margin-right: 5px;
	}
	#paint_mat label {
		margin: ;
		font-weight:normal;
	}
	#paint_mat fieldset div.scale {
		margin-left: 25px;
	}
	#paint_mat label.toggle {
		clear: none;
    font-size: 1.2em;
    margin: 10px 0 30px;
    padding-top: 1px;
    width: 25%;
	}
	#paint_mat span {
		color:#999;
	}
	#paint_mat fieldset .slider_txt {
		margin: 0 0 0 5px;
	}
	#paint_mat .slider_txt + h3 {
		margin: 30px 0 10px;
	}
	#estimate.send {
		color:#000;
	}
	#estimate.send .address {
		width: 550px;
		margin: 30px auto;
	}
	#estimate.send .address > div {
		overflow: hidden;
		margin: 0 0 20px;
	}
	#estimate.send .address label {
		width: 33%;
		float: left;
		text-align:right;
	}
	#estimate.send .address p,
	#estimate.send .address input,
	#estimate.send .address textarea {
		width: 314px;
		floaT: left;
		margin: 0 0 0 3%;
		font-size: 0.9em;
		padding: 5px;
	}
	#estimate.send .address p {
		padding: 0 5px;
	}
	#estimate.send .address textarea {
		width: 450px;
		height: 100px;
	}
	.settings_email_reset{
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
		margin-right: 15px;
		text-decoration: underline;
	}
	.settings_email_tabs {
		margin-left:20px;
	}
	.settings_email_tabs 
	#estimate.send .address fieldset {
		margin-top: 30px;
	}
	.email_tab {
		margin-left: -42px;
	}
	.choose_versions {
		margin-bottom: 50px;
		margin-top: 20px;
		width: 100%;
	}
	
	select.product_type {
	  width: auto !important;
		float: right;
	}
	
	.choose_additions > label.selected{
		background: #B7EDBA;
	}
	
	.choose_additions > div {
	  display: none;
	}
	
	.choose_versions h3 {
		font-size: 1em;
		font-weight:bold;
		margin-bottom: 10px;
	}
	.choose_versions ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.choose_versions li {
		background:#e8e8e8;
		padding: 1% 1.5%;
		overflow:hidden;
		margin-bottom: 2px;
	}
	.choose_versions li.selected {
		background:#B7EDBA;
	}
	.choose_versions li label {
		font-weight:normal;
		margin: 0 0 15px 0;
		font-size: 0.9em;
	}
	.choose_versions li label input {
		margin: 0 5px 0 0;
	}
	.choose_versions li textarea {
		width: 30%;
		height: 75px;
		float: left;
		margin: 0 0 0 2%;
	}
	.price_calc > div,
	.price_calc > p {
		float: left;
		padding: 20px 10px 0 20px;
	}
	.price_calc > p {
		font-size: 1.3em;
		line-height:1 ;
		color:#666;
	}
	.price_calc div h4 {
		font-weight: normal;
		color:#666;
		font-size: 0.9em;
		padding: 0 0 5px;
	}
	.price_calc div p {
		margin: 0;
		color:#333;
	}
	.price_calc div p span {
		font-size: 1.4em;
	}
	
	.price_calc {
		
	}
	
	.crew_member_row {
	 clear: both;
	}
	
	#version_products h3 {
		background: none repeat scroll 0 0 #E8E8E8;
    color: #000000;
    line-height: 1;
    padding: 12px 12px 10px;
	}
	
	#version_products fieldset {
		padding-top: 2%;
		padding-left: 3%;
	}
	
	#version_products > div {
		display: none;
		margin-left: 3%;
	}
	
  #version_products > div > div {
/*    background-color: #E8E8E8;*/
    border-bottom: medium none;
    margin: 15px 0;
    padding: 1%;
  }
  
  input.included_version {
	  transform: scale(1.3);
  	-webkit-transform: scale(1.3);
  	float: left;
    margin-right: 15px;
    margin-top: 7px;
    position: relative;
  }
  
  div#existing_attachments > div,
  div#existing_attachments > h4, 
  div#new_attachments > div,
  div#new_attachments > h4 {
    margin: 3px 0;
  }
  
  div.delete_attachment {
	  float: left;
    margin: 3px 8px 0;
  	cursor: pointer;
  }
  
  div#existing_attachments > div {
    float: left;
  }
  
  div#existing_attachments > div > span {
    float: left;
  }
    
  div#existing_attachments > div > input {
    float: left;
  }
  
  div#new_attachments {
  
  }
  
  div#new_attachments > div {
    float: left;
  }
  
  div#new_attachments > div input {
    float: left;
  }
  
  div#new_attachments > div > div {
    float: left;
  }
  
  .finish_coat_table.colour_schedule tbody tr {
	  line-height: 10px;
  }
  
  div.colour_box {
	  display: none;
  }
	
  .finish_coat_table.colour_schedule tbody td {
    padding-top: 10px;
  }
  
  .finish_coat_table.crew_finish_table td,
  .finish_coat_table.crew_colour_schedule td {
	  border: none !important;
  }
  
  .finish_coat_table tbody tr {
  	padding-top: 5px;
  }
  
  .finish_coat_table tr.divider_row {
    line-height: 16px;
  }
  
  .finish_coat_table input.gallons_input,
  .finish_coat_table input.coats_input {
	  text-align: center;
  }
  
  .finish_coat_table input.gallons_input {
	  max-width: 60px;
  }
  
  .finish_coat_table div.gallon_box {
	  position: relative;
  	top: -7px;
  	float: left;
  }

  
  table.crew_side_schedule tbody td {
	  padding-top: 3px !important;
  }
  
	table.crew_side_schedule tr td:first-child {
	    border-left: 1px solid #000000;
	    font-weight: bold;
	    text-align: left;
	}
  
  table.crew_side_schedule div.gallon_box {
    float: left;
    left: 30px;
    position: relative;
    top: 0px !important;
  	margin-right: 10px !important;
  	margin: 3px 10px 3px 0;
  }
  
  table.crew_side_schedule div.gallon_box small {
    position: relative;
    top: -3px;
  }
	
  .crew_side_table div.gallon_box {
    float: left;
    left: 20px;
    position: relative;
    top: -4px;
  }
  
  .finish_coat_table select,
  .finish_coat_table input {
	  width: 100%;
  }
 
  .copy_coat_row, 
  .delete_coat_row {
	  cursor: pointer;
  	float: left;
  	margin-left: 5px;
  }
  
	table.materials_table {
		width: 100%;
	}
	
	table.materials_table th {
		width: 100%;
		text-align: left;
	}
	
	table.materials_table th:nth-child(1) {
		width: 40%;
	}
	
	table.materials_table th:nth-child(2) {
		width: 20%;
	}

	table.materials_table th:nth-child(3) {
		width: 20%;
	}

	table.materials_table th:nth-child(4) {
		width: 20%;
		min-width: 100px;
	}
	
	.choose_additions {
		background: #FFFFFF;
		width: 100%;
	}
	.choose_additions > label {
		background:#ffffff;
		color:#000;
		padding: 12px 12px 10px;
		line-height: 1;
		
	}
	.choose_additions > label.selected {
		color:#000;
	}
	.choose_additions > label input {
		margin-right: 3%;
		margin: -1px 3% 0 0;
		float: left;
	}
	.choose_additions ul {
		margin: 0;
		padding: 2% 5% 7%;
		list-style: none;	
	}
	.choose_additions ul li {
		padding: 5px 0px;
		font-size: 0.9em;
	}
	.choose_additions ul li a {
		margin: 0 0 0 3%;
	}
	.choose_additions ul li label {
	
	}
	.choose_additions ul li label input {
		margin: 0 5px 0 0;
	}
	
	div.inner_crew_version {
	  background-color: #e8e8e8;
    display: none;
    margin: 3px;
    padding: 15px;
	}
	
	fieldset.crew_choose_versions {
	  background: none repeat scroll 0 0 #e8e8e8;     
	  margin-bottom: 2px;    
		overflow: hidden;     
		padding: 1% 1.5%; 
		background-color: #FFFFFF; 
		border-radius: 10px; 
		width: 50%;
	}
	
	table#crew_notification_selector tr {
	  background-color: #FFFFFF;
	}
	
	table#crew_notification_selector tr td:first-child {
	    width: 30px;
	}
	
	/* Payroll */
  table.payroll_summary_table {
    font-size: larger;
    margin: 0 auto;
  }
  
  table.payroll_summary_table td {
    width: 110px;
    padding: 0 30px;
  }
  
  table.payroll_summary_table td.header_column {
    width: 385px;
  }
  
  table.payroll_summary_table td.money_right_align {
    text-align: right;
  }
  
  table.payroll_summary_table tr.gray {
    background-color: #e7e9e8;
  }
  
  table.payroll_summary_table td.indent_summary {
    text-indent: 4%;
  }
  
  table.payroll_summary_table td.double_indent_summary {
    text-indent: 8%;
  }
  
  input.timesheet_pay, input.timesheet_payroll, input.employee_payable_hours {
    cursor: not-allowed;
  }

    /*Training reports*/

    .training_reports table#quiz_report {
        border-bottom: 1px solid #c3c3c3;
        padding-bottom: 10px;
        margin-bottom: 50px;
    }

    .training_reports table#quiz_report td {
        text-align: center;
        width: 150px;
    }

    .training_reports table#quiz_report_summary td {
        text-align: center;
        width: 75px;
    }

    /*End training reports*/

    /* Estimate reports */

    .estimate_reports table#estimate_average_table th {
        text-align: left;
    }

    .estimate_reports table#estimate_average_table td {
        text-align: center;
    }

    .estimate_reports table#estimate_report_table th {
        text-align: left;
    }

    .estimate_summary table#estimate_summary_table td {
        text-align: center;
    }

    table#estimate_summary_table {
        font-size: 13px;
    }

    div#estimate_report {
	    border: 1px solid #c3c3c3;
    	border-radius: 15px; 
    	padding: 1%;
    	margin-top: 25px;
    }
    
    div#estimate_report div#header_box {
	    background-color: #c3c3c3;
	    border-radius: 15px;
	    margin-bottom: 25px;
	    padding: 2%;
    }
    
    div#estimate_report div#header_box h2 {
      color: #000000;
    }
    
    table#estimate_summary_table {
	    margin-top: 10px;
    	border-collapse: collapse;
    }
    
		table#estimate_summary_table tr.group_row {
		    cursor: pointer;
		}
    
    /* End Estimate reports */

	/* Franchisee Summary reports */
  section.franchisee_summary #franchisee_summary_table {margin-top: 10px; border-collapse: collapse;}
  section.franchisee_summary #franchisee_summary_table th {text-align: left}

  /* Hiring/Job Applications - Reports */
  table.job_app_table {margin-left: 25px}
  table.job_app_table tr td:first-child, table.job_app_table tr td:nth-child(3), table.job_app_table tr td:nth-child(5) {font-weight: bold}
  table.job_app_table tr td:nth-child(3) {padding-left: 50px}
  table.job_app_table tr td {padding: 4px 10px}
  table.job_app_table tr.experience_row td {padding-top: 15px}
  table.job_app_table tr.experience_row td:first-child {vertical-align: top}
  table.job_app_table h3 {text-decoration: underline}

  .admin_receivables_table {border-collapse: collapse}
  .admin_receivables_table td, .admin_receivables_table th {padding: 10px}
  .admin_receivables_table th {background-color: #c3c3c3}
	
	#reports header {
		width: 100%;
		float: left;
		clear:both;
	}
	#reports.summary header {
		padding-bottom: 20px;
	}
	#reports header h1 {
		margin: 20px 0 10px 0;
		float: left;
	}
	#reports.vs header nav {
		cleaR:both;
	}
	#reports.vs header nav ul li a {
		font-size: 0.9em;
		margin: 0 10px 0 0 ;
		padding: 10px 20px;
		background:#CCCCCC;
		border-radius: 5px;
	}
	#reports.vs header nav ul li.current a,
	#reports.vs header nav ul li a:hover {
		background:#666;
		color:#fff;
	}
	#reports header > div,
	#reports header > select {
		float: right;
	}
	#reports.vs header > div {
		clear:right;
	}
	#reports.summary header > div {
		margin-top: 05px;
	}
	#reports.summary header > select {
		clear:right;
		margin-top: 20px;
	}
	#reports.vs header > select  {
		margin-top: -30px;
	}
	#reports label.toggle {
		padding: 10px 20px;
	}
	section#stats {
		float: left;
		width:100%;
		padding: 30px 0;
	}
	section#stats > div {
		width: 100%;
		float: left;
		clear:both;	
		border-top: 1px #ccc solid;
	}
	section#stats > div:first-child {
		bordeR: none;
	}
	.hl_01 {
		color:#8CC53F;
	}
	.hl_02 {
		color:#FF8C00;
	}
	section#stats > div h2 {
		float: left;
		margin: 25px 0 0 0;
		font-size: 1.9em;
		font-weight: bold;
		width: 100%;
	}
	section#stats .price_calc > p {
		color:#333;
		margin-top: 19px;
		font-size: 0.9em
	}
	section#stats .price_calc > p span {
		font-size: 1.5em;
	}
	section#stats .price_calc div h4 {
		padding-bottom: 0;
	}
	#line-chart {
		clear:both;
	}
	.charts {
		clear:both;
	}
	.chart-block {
		width: 45%;
		margin-right: 5%;
		float: left;
		display:block;
	}
	.chart-block  + .chart-block {
		width: 50%;
		margin: 0;
	}
	#dashboard hgroup {
		overflow:hidden;
		padding: 16px 0 20px 0;
		margin-top: -15px;
	}
	#dashboard hgroup h1 {
		float: left;	
	}
	#dashboard hgroup > a {
		margin: -15px 0 0 0;
	}
	#map_canvas{
		height: 310px;
		width: 400px;
	}
	#map_address{
		color: #666666;
	}
	hr.divider{
		float: left;
		width: 100%;
		margin-top: 3%;
		margin-bottom: 2%;
	}
	
	a.to_map img {
		float:right;	
	} 
	
	ul.scroll_pane div.scroll_pane_contents {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 360px;
		-moz-box-shadow: inset 2px 2px 2px #A7A7A7;
  		-webkit-box-shadow: inset 2px 2px 2px #A7A7A7;
  		box-shadow: inset 2px 2px 2px #A7A7A7;
  		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
		border: 1px solid lightgrey;
	}
	
	/*
	div#estimate-history-box{
	overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 270px;
		-moz-box-shadow: inset 2px 2px 2px #A7A7A7;
  		-webkit-box-shadow: inset 2px 2px 2px #A7A7A7;
  		box-shadow: inset 2px 2px 2px #A7A7A7;
  		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
		border: 1px solid lightgrey;
	}
	*/
	ul.scroll_pane hr{
		margin-left: 5%;
		margin-right: 5%;
		border: 0;
		color: lightgrey;
		background-color: lightgrey;
		height: 1px;
	} 
	ul.scroll_pane {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 50%;
		color:#666;
		font-size: 1.1em;
		float: left;
	}
	ul.scroll_pane li {
		margin-bottom: 10px;
		padding-left: 20px;
		padding-top: 10px;
	}
	ul.scroll_pane li span {
		font-size: 0.9em;
		width: 10%;
		display: inline-block;
	}
	ul.scroll_pane li span.alert {
		color:#FF0000;
	}
	ul.scroll_pane li span.warn {
		color:#FFBF00;
	}
	ul.scroll_pane li span.success {
		color:#8CC53F;
	}
	ul.scroll_pane li a {
		font-size: 1.2em;
		color:#000;
	}
	ul.scroll_pane li a.norm {
		font-size: 1.0em;
		color:#000;
	}
	ul.scroll_pane li a.edit-link {
		
		margin: 0 0 0 10px;
		float:right;
	}
	
	ul#news_and_notes {
	  float: right;
	}
	
	/*COPYING ACTIVITY STYLES FOR CLIENT HISTORY */

	
	div#estimate-history-box{
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 270px;
		-moz-box-shadow: inset 2px 2px 2px #A7A7A7;
  		-webkit-box-shadow: inset 2px 2px 2px #A7A7A7;
  		box-shadow: inset 2px 2px 2px #A7A7A7;
  		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
		border: 1px solid lightgrey;
	}
	div#estimate-history-box-prop li{
		padding-left: 0px !important;
	}
	#history-box hr{
		/*margin-left: 5%;
		margin-right: 5%;*/
		border: 0;
		color: lightgrey;
		background-color: lightgrey;
		height: 1px;
	} 
	#history-box {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 75%;
		color:#666;
		font-size: 1.1em;
		float: left;
	}
	#history-box li {
		margin-bottom: 10px;
		padding-left: 20px;
		padding-top: 10px;
	}
	
	#history-box li span {
		font-size: 0.9em;
		width: 10%;
		display: inline-block;
	}
	#history-box li span.alert {
		color:#FF0000;
	}
	#history-box li span.warn {
		color:#FFBF00;
	}
	#history-box li span.success {
		color:#8CC53F;
	}
	#history-box li a {
		font-size: 1.2em;
		color:#000;
	}
	#history-box li a.norm {
		font-size: 1.0em;
		color:#000;
	}
	#history-box li a.edit-link {
		font-size: 0.9em;
		margin: 0 0 0 10px;
		float:right;
	}
	/*END COPY OF ACTIVITY STYLES*/
	
	
	#dashboard .charts {
		margin: 40px 0 0;
		width:100%;
	}
	#dashboard .charts > section:first-child {
		width: 45%;
		margin: 0 5% 0 0;
	}
	
	/********* HELP *********/
	
	/* Support */
	
	div#tabs.support {
		width: 75%;
		min-width: 500px;
		margin: 0 auto;
	}
	
	div#tabs.support > div {
		padding: 2% 1.5%;
	}
	
	#feedback_form {
		height: 490px;
	}
	
	#feedback_form textarea {
		resize: horizontal;
	}
	
	#feedback_form input[type="submit"] {
		float: right;
	}
	
	#feedback_form label.toggle {
		margin-top: 5px;
    padding: 5px 0;
    width: 100px;
	}
	
	/* Feedback button and modal window */
	#feedback_button {
		position: fixed;
    margin: 0;
    padding: 6px 10px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    display: block;
    z-index: 31999;
		-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
		border-bottom: none;
    right: 0px;
    top: 33%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
		background-color: #65B334;
    border-color: #FFFFFF;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
	}
	
	#feedback_button:hover {
		color: #000000;
		text-shadow: 0 1px 0 #F7F7F7;
	}
	
	#feedback_button.disabled:hover {
		color: #FFFFFF;
		text-shadow: none;
	}
	
  /* Feedback button and modal window */
  div#alert_button {
    position: fixed;
    margin: 0;
    padding: 6px 10px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    display: block;
    z-index: 31999;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    border-bottom: none;
    right: 0px;
    top: 26%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
  	color: #3A87AD;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
  }
  
  div#alert_button span {
  	display: inline-block;
	  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  
  div#alert_button:hover {
    color: #000000;
    text-shadow: 0 1px 0 #F7F7F7;
  }
  
  div#alert_button.disabled:hover {
    color: #FFFFFF;
    text-shadow: none;
  }
  
  div#no_unread_alerts {
	  border-radius: 15px;
  	border: 1px solid #666;
  	color: #666;
  	background-color: #FFFFCC;
  	padding: 15px 20px;
  	margin: 10px 0;
  }
 
  .icon, [class*='icon-'] {
  
  }

  .icon-approve::before {
    color: green;
    content: "✓";
    margin-right: 5px;
  }

  .icon-unapprove::before {
    color: red;
    content: "✗";
    margin-right: 5px;
  }

  .icon-neutral::before {
    color: grey;
    content: "―";
    margin-right: 5px;
  }

  .icon-warning::before {
    color: orange;
    content: "⚠";
    margin: 5px;
  }
 
  .icon-star::before {
	color: gold;
	content: "★";
	margin: 5px;
	font-size: 1.5em;
    position: relative;
    top: -0.05em;
  }

  .icon-unstar::before {
	color: grey;
	content: "☆";
	margin: 5px;
	font-size: 1.5em;
    position: relative;
    top: -0.05em;
  }

  .company-icon::before {
    display: inline-block;
    background-image: url("/userdata/companies/1/logo_small.png");
    background-size: 2em 1em;
    width: 2em;
    height: 1em;
    content: "";
    margin-left: 1em;
  }
  .company-icon[data-group-company-id="2"]::before {
    background-image: url("/userdata/companies/2/logo_small.png");
  }
  .company-icon[data-group-company-id="3"]::before {
    background-image: url("/userdata/companies/3/logo_small.png");
    background-size: 1em 1em;
    width: 1em;
    height: 1em;
  }
  /* .company-icon[data-group-company-id="4"]::before {
    background-image: url("/userdata/companies/4/logo.png");
  } */
	
/*********************************************************************************************************************/
/* 																						  		MEDIA QUERIES	     */
/*********************************************************************************************************************/

@media screen and (max-width: 768px) {
	.first_two_preps > div {
		float: left;
    margin: 2% 5px 0 5%;
	}
	.wrap {
		width: 97%;
		margin: 0 auto;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	nav#utility,
	nav#utility ul,
	nav#primary,
	nav#primary > ul {
		width:100%;
		float: none;
		clear:both;
	}
	nav#primary {
		margin: 0;
	}
	nav#primary > ul {
		bordeR:none;
		background:none;
	}
	nav#utility ul,
	nav#primary > ul {
		text-align: center;
	}
	nav#primary > ul li,
	nav#utility ul li {
		text-align:center;
		display:inline-block;
		floaT: none;
	}
	nav#primary > ul > li > a,
	nav#utility ul li a {
		float: none;
		padding: 6px 13px 6px;
		margin: 10px 0;
	}
	nav#primary > ul > li > a {
		padding: 16px 15px;
		margin: 0;
	}
	#add-entity {
		width:100%;
	}
	h2 + .info-block p {
		width:50%;
	}
}	
	
/*********************************************************************************************************************/
@media screen and (max-width: 600px) {
	nav#primary > ul > li > a {
		padding: 16px 10px;
		margin: 0;
	}
	section.content {
		padding: 3% 4%;
		width: 92%
	}
	.info-block,
	.info-block + .info-block {
		width:50%;
	}
	.info-block p {
		width:50%;
	}
	.first_two_preps > div {
		float: left;
    margin: 2% 5px 0 5%;
	}
}

/*********************************************************************************************************************/
/* 																						  		NOTIFICATION BOX	     */
/*********************************************************************************************************************/

#flashmessage{
  border: 1px solid #CCC;
	border-radius: 15px 15px 15px 15px;
	color: white;
	text-align: center;
	width: 750px;
  z-index: 32712;
	display: none;
}

#flashmessage-inner {
	background-color: #84BB3B;
  border: 1px solid white;
  border-radius: 15px;
  margin: 0 auto;
  padding: 2% 5%;
  width: 746px;
	overflow: auto;
}

div.alert_message {
  border: 1px solid #ccc;
  border-radius: 15px;
  color: white;
  margin: 15px auto;
  text-align: center;
  width: 85%;
}

div.alert_message_inner {
  background-color: #ff3232;
  border: 1px solid white;
  border-radius: 15px;
  margin: 0 auto;
  overflow: auto;
  padding: 10px 5px;
}

.errormsg {
	border:1px solid #c93;
	background:#ffc;
}

.noticemsg {
	border: 1px solid #006633;
	background-color: #84BB3B;
	color: #FFFFFF;
}

.noticemsg section.content {
	color: #000000;
}

.greybackground {
	display: block;
	opacity: 0.4
}

.greybkg {
	background: #E7E9E8;
  border: 1px solid #CCCCCC;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 4px #333333;
}

#closemessage {
	margin-bottom: 4px;
  margin-top: 4px;
  padding: 2px 10px 3px;
}

#flashmessage-js {
  border: 1px solid #CCC;
	border-radius: 15px 15px 15px 15px;
	color: white;
	text-align: center;
	width: 750px;
	margin-left: -375px;
	margin-top: -10.5px;
	display: none;
	z-index: 32712;
	max-height: 650px;
}

#flashmessage-inner-js {
	background-color: #84BB3B;
  border: 1px solid white;
  border-radius: 15px;
  margin: 0 auto;
  padding: 2% 5%;
  width: 746px;
	max-height: 650px;
	overflow: auto;
}

#closemessage-js {
	margin-bottom: 4px;
  margin-top: 4px;
  padding: 1px 10px 3px;
}

#error_container {
	/*max-height: 500px;*/
}

#flashmessage > p,
#flashmessage-js > p {
	margin: 15px 0;
	overflow-y: auto;
}

/*********************************************************************************************************************/
/* 																						  		LOGIN	     */
/*********************************************************************************************************************/

/**
 * Deprecated - use hz-center
 */
.center-div {
	left: 50%;
	position: absolute;
	top: 50%;
	width: 746px;
	z-index: 1;
	margin-left: -373px;
	margin-top: -246px; 
}

.loginform input[type='password'], .loginform input[type='text'] {
	border-radius: 10px 10px 10px 10px;
  font-size: 15px;
	height: 20px;
	padding: 8px 16px;
	width: 375px;
	clear: both;
}

.loginform select {
	border-radius: 10px 10px 10px 10px;
  font-size: 15px;
	height: 40px;
	padding: 8px 4px;
	width: 375px;
	clear: both;
}

.loginform label {
	float: left;
}

.forgotpass {
	margin-left: 10px;
	margin-top: 10px;
}

.green-link {
	color: #84BB3B;
}

#notice-msg {
	background-color: #84BB3B;
  border: 1px solid white;
  border-radius: 15px 15px 15px 15px;
  margin: 0 auto;
  width: 746px;
	padding-left: 5px;
	padding-right: 5px;
}

#error-msg {
	background-color: #ED4337;
  border: 1px solid white;
  border-radius: 15px 15px 15px 15px;
  margin: 0 auto;
  width: 746px;
	padding-left: 5px;
	padding-right: 5px;
}

#notice-wrap {
	border: 1px solid #CCCCCC;
  border-radius: 15px 15px 15px 15px;
  color: white;
	margin-bottom: 30px;
  text-align: center;
  width: 750px;
}

#bottom-box {
	background-color: #F2F2F2;
  border-radius: 0 0 15px 15px;
  border-top: 1px solid #B5B5B5;
  left: -92.5px;
  padding-bottom: 22px;
  position: relative;
  top: 30px;
  width: 600px;
	margin-top: -19px;
}

#submitlogin {
	margin-left: -5px;
}


/*********************************************************************************************************************/
/* 																						  	   MAINTENANCE	          */
/*********************************************************************************************************************/

#maintenance {
	background-color: #84BB3B;
	color: #FFFFFF;
}

#maintenance h1 {
	color: #FFFFFF;
}

/*********************************************************************************************************************/
/* 																						  	   AJAX	          */
/*********************************************************************************************************************/
	
#company-ajax {
	margin: 3%;
	margin-top: 40px;
	margin-bottom: 40px;
}
	
/*********************************************************************************************************************/
/* 																						  		PAGINATION	     */
/*********************************************************************************************************************/
	
.pagination_table {
	width: 100%;
}

.pagination_table a.disabled {
	text-decoration: none;
  font-style: italic;
  background-color: #FFFFFF;
  border-top: none !important;
}

.pagination_table a.disabled:hover {
  background-color: #FFFFFF;
}

.pagination_table	ul {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

.clear_search_container {
	color: #FFFFFF;
  display: none;
  float: right;
  font-size: 0.96em;
  margin-right: 10px;
  line-height: 1;
}

.page-archives {
	min-width: 105px;
}

/*********************************************************************************************************************/
/* 																						  		SORTABLE	     */
/*********************************************************************************************************************/

.sortable-list {
	list-style-type: none;
	border: 1px solid #b2b2b2;
	background-color: #E7E9E8;
	overflow: auto;
	padding: 0;
	border-radius: 6px 6px 6px 6px;
	font-size: smaller;
	padding-top: 3px;
	height: 330px;
}

.sortable-list li { 
	margin: 0 3px 3px 3px; 
	padding: 0.5em;
	height: 18px; 
	border-radius: 6px 6px 6px 6px;
	cursor: move;
	width: 83%;
}

.list-container {
	width: 49%;
	float: left;
}

.sortable-left {
	margin-right: 7%;
}

.sortable-right {
	
}

.sortable-id {
	display: none;
}

.sortable-value {
	float: left;
	margin-top: 3px;
}

.sortable-icon {
	float: left;
}

div.reorder_sections {
	cursor: pointer;
	float: left;
	margin: 2px;
	border-radius: 12px;
	border: 1px solid #666;
	position: relative;
	top: -10px;
	left: 10px;
	padding: 6px 9px 1px 12px;
	background-color: #FFF;
}

	
/*********************************************************************************************************************/
/* 																						  		MISC	     */
/*********************************************************************************************************************/

.center {
	margin-left: auto;
	margin-right: auto;
}

/**
 *	Add this class to any div you want to center horizontally and vertically.
 *  Then call js function center_hz(selector), or with no params to center all with this class
 */
.center-hz {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
}

.spacer {
	clear: both;
}

.hide {
	display: none;
}

.micromargin {
	height: 5px;
}

.tinymargin {
	height: 10px;
}

.smallmargin {
	height: 20px;
}

.mediummargin {
	height: 50px;
}

.largemargin {
	height: 100px;
}

.bold {
	font-weight: bold;
}

.alert {
	color: red !important;
}

.ok {
	color: #63A21D !important;
}

.warn {
	color: orange !important;
}

section.accordion > h2.alert_background_info {
  background: rgb(0,0,242) !important;
  background: linear-gradient(180deg, rgba(0,0,242,1) 0%, rgba(0,0,242,1) 35%, rgba(121,121,255,1) 100%) !important;
}

section.accordion > h2.alert_background_error {
  background: rgb(255,0,0) !important;
  background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 35%, rgba(255,127,127,1) 100%) !important;
}

section.accordion > h2.alert_background_warn {
  background: rgb(255,165,0) !important;
  background: linear-gradient(180deg, rgba(255,165,0,1) 0%, rgba(255,165,0,1) 35%, rgba(255,205,127,1) 100%) !important;
}

section.accordion > h2.alert_background_success {
  background: rgb(99,162,29) !important;
  background: linear-gradient(180deg, rgba(99,162,29,1) 0%, rgba(99,162,29,1) 35%, rgba(178,230,119,1) 100%) !important;
}

.alert_border {
	border-color: transparent;
  border: 2px solid red;
  box-shadow: none;
}

.ok_border { 
  border-color: transparent;
  border: 2px solid #63A21D;
  box-shadow: none;
}

.warn_border {
	border-color: transparent;
  border: 2px solid orange;
  box-shadow: none;
}

.blue_border {
	border-color: transparent;
  border: 2px solid royalblue;
  box-shadow: none;
}


.red-border {
	border: 2px solid red !important;
}

/*********************************************************************************************************************/
/* 																						  		POPUP ALERT	     */
/*********************************************************************************************************************/

div#alert_box {
	color: #FFFFFF;
  font-size: small;
  padding: 0 10px;
  word-wrap: break-word;
}

div#alert_box h2{
	color: #FFFFFF;
}

div#alert_box div#alert_controls input[type="button"] {
	height: 25px;
  margin: 9px 0;
  padding-top: 2px;
}

div#alert_box a {
	color: #FFFFFF;
}


/*********************************************************************************************************************/
/*                                                  DATEPICKER       */
/*********************************************************************************************************************/


  #ui-datepicker-div {
    background: #fff;
    border:1px #ccc solid;
    box-shadow: 0px 0px 5px #999;
    overflow:hidden;
    padding: 10px;
    width:258px;
  }
  .ui-datepicker-prev,
  .ui-datepicker-next {
    position: absolute;
    text-transform: uppercase;
    font-size: 0.6em;
    padding: 6px 10px 4px;
    display: block;
    cursor: pointer;
    /*background:#e8e8e8;*/
    text-decoration:none;
    left: 10px;
    top: 10px;
  }
  .ui-datepicker-prev:hover,
  .ui-datepicker-next:hover {
    /*color:#fff;
    background: #8CC63F;*/
  
  }
  .ui-datepicker-next {
    left: auto;
    right: 10px;

  }
  .ui-datepicker-title {
    text-align:center;
    padding: 5px 0;
  }
  .ui-datepicker-calendar {
    width:100%;
    border-spacing: 0;
  }
  .ui-datepicker-calendar th {
    /*background: #8CC63F;
    color:#fff;*/
    background: white;
    color: black;
    padding: 5px 3px 3px;
    font-weight: normal;
    width: 14.285714285714286%;
  }

  #calendar_sec .ui-datepicker, 
  div.fancybox-inner .ui-datepicker {
    display: block;
    width: 12em;
    height: 19em;
    float: left;
    margin-top: 80px;
    background: white;
    padding: 0px;
    border: none;
  }
  
  #calendar_container {
    text-align: center;
  }
  
  #mini_cal {
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
  }
  
  #calendar {
    width: 82%;
    margin: 40px 0%;
    padding-left: 5px;
    display: inline-block;
  }
  
  span.calendar_estimate_colour {
	  background-color: #0c57a7;
  }
  
  span.calendar_event_colour {
    background-color: #ADD8E6;
  }
  
  span.calendar_available_colour {
    background-color: #90EE90;
  }
  
  span.calendar_busy_colour {
    background-color: #E27364;
  }
  
  #add-event input,
  #add-event select {
	  margin: 0;
  }
  
  #add-event label {
	  display: inline;
  }

  #add-event #event_type_table {
      border-spacing: 20px;
      margin-bottom: -15px;
  }

#add-event #location_table {
    width: 100%
}

#add-event #location_table td.location_input {
    width: 290px;
}

#add-event #reminder_type {
    width: 75px; float: left;
}

#add-event select.reminder {
    width: 125px; float: left;
}

#add-event #repeat-section {
    background-color: #c3c3c3;
    padding: 5px;
}

#add-event #repeat-every {
    margin-top: 10px;
    width: 50px;
}

#add-event input[name=ends] {
    margin-top: 20px;
}

#add-event #ends {
    vertical-align: top;
}

#calendar_sec .ui-datepicker .ui-datepicker-prev-hover,
  div.fancybox-inner .ui-datepicker .ui-datepicker-prev-hover,
  #calendar_sec .ui-datepicker .ui-datepicker-next-hover,
  div.fancybox-inner .ui-datepicker .ui-datepicker-next-hover {
    background: none !important;
  }
  #calendar_sec .ui-widget-header,
  div.fancybox-inner .ui-widget-header {
    font-size: 12px;
  }
  
  
  .ui-datepicker-calendar a.ui-state-default {
    background:#e8e8e8;
    display:block;
    text-align:center;
    font-size: 0.8em;
    text-align: center;
    text-decoration:none;
    padding: 8px 0;
    width:100%;
  }
  .ui-datepicker-calendar a.ui-state-default:hover {
    color:#fff;
    background: #8CC63F;
  }
  
  
  /* File upload */
  
  .file_input_textbox {
    width:61.9% !important;
    float:left;
  }
  .file_input_hidden {
    display:none;
  }
  .file_input_button {
    margin: 5px;
  }

#ipad_calendar_toggle {
    display: none;
    text-align: left;
}

#ipad_manual_link, #ipad_document_link {display: none}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    #export_links {width: auto !important}
    .sproutvideo-playlist {width: 100% !important}
    #desktop_manual_link, #desktop_document_link {display: none !important}
    #ipad_manual_link, #ipad_document_link {display: inline-block !important}

    #mini_cal {
        display: none;
    }

    #ipad_calendar_toggle {
        display: block;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    #map_jobsite {float: right}
    #export_links {width: auto !important}
    #mini_cal {
        display: none;
    }

    #ipad_calendar_toggle {
        display: block;
    }
}
	
/*********************************************************************************************************************/
/* 																						  		ADMIN					     */
/*********************************************************************************************************************/

	table#feedback_details tr td:first-child{
    font-weight: bold;
    vertical-align: top;
  }

	span#seconds_to_refresh {
	  color: green;
	}
	
	div#current_users_table {
	  width: 100%;
	}
	
	#upload_display {
		border: 1px solid black; padding: 10px; border-radius: 10px
	}
	
	#new_pl_container {
		width: 60%;
		min-width: 600px;
		padding: 15px;
		border: 1px solid black;
		margin: 20px auto 0;
		border-radius: 10px;
	}
	
	div#csr_sticky_notes {
	  position: fixed;
	  margin: 0;
	  padding: 6px 10px;
	  text-decoration: none;
	  text-align: center;
	  cursor: pointer;
	  font-size: 14px;
	  font-weight: bold;
	  border-width: 2px;
	  border-style: solid;
	  display: block;
	  z-index: 31999;
	  transform: rotate(270deg);
	  border-bottom: none;
	  right: 0px;
	  top: 10%;
	  border-radius: 10px 10px 0 0;
	  -webkit-transform-origin: 100% 100%;
	  -moz-transform-origin: 100% 100%;
	  -o-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	  border-color: #000000;
	  color: #000000;
	  background-color: #FFFFFF;
	  font-family: Calibri, sans-serif;
	}
	
	div#notes_customizer {
	  border-radius: 12px;
	  padding: 2px;
	  margin: 6px;
	}
	
	textarea#notes_body {
	  margin-top: 8px;
	  resize: vertical;
	  padding: 5px;
	}
	
	#admin hgroup h1 {
		float: left;
		margin-top: 15px;
	}
	
	#admin hgroup h2 {
	    float: left;
	    margin-top: 10px;
	}
	
	#admin hgroup h3 {
	    float: left;
	    margin-top: 6px;
	}
	
  #admin hgroup span {
      float: left;
      margin-top: 10px;
  }
	
	#admin hgroup a {
		margin-right: 10px;
		float: right;
	}
	
	/* Form Wizard */
	
	div.wizard_step {
	  border: 1.5px solid #666666;
    border-radius: 10px;
    margin: 0 auto;
    padding: 25px 55px 45px 35px;
    width: 75%;
	}
	
  div.wizard_step h1 {
    margin-bottom: 25px;
  }
	
	div.wizard_step h3 {
		font-weight: bold;
	  margin-bottom: 15px;
	}
	
	div.step_nav {
    left: -2%;
    margin-top: 30px;
    position: relative;
    width: 106%;
  }
	
	div.steps_right {
    text-align: right;	  
	}
	
	div.steps_left > div {
		float: left;
	  margin-left: 7px;
    margin-right: 7px;
	}
	div.steps_right > div {
		float: right;
	  margin-left: 7px;
		margin-right: 7px;
	}
	
	a.num_step {
	  padding-left: 30px;
    padding-right: 30px;
	}
	
	div#privileges_container, div.privileges_container {
	  width: 75%;
		margin: 0 auto;
		padding-top: 10px;
	}
	
	div.privilege_cell {
	  float: left;
		width: 50%;
	}
	
	div.subprivilege_cell div {
    margin-left: -20px;
    -webkit-transform: scale(-0.8) rotate(180deg);
		-ms-transform: scale(-0.8) rotate(180deg);
		transform: scale(-0.8) rotate(180deg);  
	}
	
  div#company_container, div#employee_company_container {
    width: 75%;
    margin: 0 auto;
    padding-top: 10px;
  }
  
  div.company_cell, div.employee_company_cell {
    float: left;
    width: 50%;
  }
  
  div.group_cell div, div.employee_group_cell div {
    margin-left: -20px;
    -webkit-transform: scale(-0.8) rotate(180deg);
    -ms-transform: scale(-0.8) rotate(180deg);
    transform: scale(-0.8) rotate(180deg);  
  }
	
	/** CSR **/

	div#message_centre_tabs {
    background: none;
		border: none;
  } 
	
	div#message_centre_tabs ul {
	  background: #FFFFFF !important;
		padding: 0 !important;
	}
	
  div#message_centre_tabs ul li {
    border: none !important;
  }
  
  div#message_centre_tabs ul li a {
    background: none repeat scroll 0 0 #fff !important;
    border-radius: 10px 10px 0 0 !important;
    height: 23px;
    padding-top: 12px !important;
    text-align: center;
    width: 75px;
  }
  
  div#message_centre_tabs ul li.ui-tabs-selected a {
	  background: #e7e9e8 !important;
  } 
	
	div#message_centre_tabs > div {
    background: #e7e9e8;
	}
	
	section#csr h3 {
	  margin-bottom: 5px;
	}
	
	div#duplicate_customer table {
	  width: 100%;
		margin-top: 10px;
	}
	
	a#assign_by_franchisee, a#assign_by_postal_code {
	  font-size: small; 
	  padding: 10px 25%;
	}
	
	div#duplicate_customer tr td:nth-child(2) p {
	    font-weight: bold;
	    margin-left: 10px;
	    text-align: left;
	}
	
	section#csr div.customer_edit {
	  background-color: #ffffff;
    display: block;
    padding: 10px;
		margin: 15px 0;
	}
	
	a#assign_by_dropdown {
		float: right;
    margin-left: 10px;
    margin-top: 5px;
  }

	section#csr input[type="text"],
	section#csr input[type="email"],
	section#csr input[type="password"],
	section#csr input[type="number"],
	section#csr input[type="tel"],
	section#csr input[type="file"],
	section#csr textarea,
	section#csr select {
	  margin-bottom: 3px;
	}
	
	section#csr textarea {
		padding-left: 5px;
	}
	
  div.select_company_controls div#company_select,
  div.select_company_controls div#company_select_search {
	  float: left;
    margin-left: 30px;
    margin-top: 10px;
    width: 250px;
  }
  
  div.select_company_controls div#company_logo,
  div.select_company_controls div#company_logo_search {
  	float: left;
    margin-left: 30px;
  }
  
  div#message_type {
	  float: left;
  	margin: 0 5px;
  }
  
  div#message_type:first-child {
	  margin-left: 0;
  }
	
  div#message_type:last-child {
    margin-right: 0;
  }
  
  a.message_type {
	  text-decoration: none;
  	cursor: pointer;
  	margin-right: 10px
  }
  
  a.message_type:hover {
	  text-decoration: none;
  }
  
  a.message_type svg:last-child {
	  display: none;
  }
  
  div.assigned_franchisee {
  	background: #FFFFFF;
  	padding: 15px;
  }
  
  div.assigned_franchisee div.franchisee_left {
    float: left;
  	width: 25%;
  }
  
  div.assigned_franchisee div.franchisee_right {
    float: left;
  	width: 75%;
  }
  
  div.assigned_franchisee div.franchisee_right p:first-child {
  	margin-top: 0;
  }
  
  section#csr label.toggle {
    padding: 10px 15px;
  }
  
  table#guarantee_claim_list th:first-child,
  table#go_ahead_claim_list th:first-child {
	  width: 1px;
  }
  
  div.search_parameters {
	  margin-left: 15px;
  	margin-bottom: 5px;
  }
  
  div.search_parameters label {
	  display: inline;
  	font-weight: normal !important;
	  font-style: italic;
  	margin-right: 10px;
  	float: none !important;
  	font-size: 13px !important;
  }
  
  div#guarantee_action_buttons {
	  margin: 25px 0 15px;
    text-align: center;
  }
  
	.btn-save.toggle_guarantee_status {
	    display: inline-block;
	    margin-top: 5px;
	}
	
	table.expense_table {
	  width: 99% !important;
	}
	
	table.expense_table tbody tr:hover {
	  background: none;
	}
	
  table.expense_table tbody td {
    padding: 2px;
  }
	
	table.expense_table input {
	  width: 90% !important;
		margin: 0 0 0 3px !important;
	}
	
  table.expense_table th:first-child {
    width: 26% !important;
  }
	
	table.expense_table th {
	  width: 14% !important;
	}
	
	#expense_grand_total_label {
	  float: right;
    line-height: 1;
    margin-top: 5px;
    width: 86px;
	}
	
	#expense_grand_total_box {
	  float: right;
		width: 225px;
		border: 2px solid #000000;
		height: 35px;
	}
	
	#expense_grand_total_box strong {
	  position: relative; 
	  top: 4px; 
	  margin-left: 2px; 
	  font-size: larger;
	}
	
	#expense_grand_total_box span#expense_grand_total {
    text-align: center;    
  }
	/* Settings */
	
	div.select_section {
	  padding: 15px; 
	  background-color: #E7E9E8; 
	  border-radius: 10px;
	}
	
	span.label {
    font-weight: bold;
		width: 100%;		
	}
	
	div.select_company_logo {
		padding: 10px;
		border-radius: 10px;
		border: 2px solid #e7e9e8;
	}
	
	div.selected_company {
	  border: 2px solid rgb(101, 179, 52);
	}
	
	#proposal_settings div.disabled_logo {
	  opacity: 0.3;
		background-color: #666; 
		z-index: 2;
		border-radius: 10px;
	}
	
	#proposal_settings div.association_container {
	  margin-bottom: 15px;
	}
	
	#proposal_settings div.image_container {
		border: 1px solid #888888;
    border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 3px 10px 10px 0;
    padding: 5px;
    width: 215px;
	}
	
	#proposal_settings div.image_preview {
    height: 100px;
    margin: 0 auto 10px;
    overflow: auto;
    padding: 5px;
    text-align: center;
	}
	
	#proposal_settings div.image_description {
	}
	
	#proposal_settings div.upload_input {
		float: left;
    width: 77%;
	}
	
	#proposal_settings div.upload_control {
		 float: left;
    margin-top: 30px;
    max-width: 300px;
    width: 70%;
	}
	
	#proposal_settings div.upload_control input.fancy_input {
    width: 77% !important;
		margin-bottom: 5px;
	}
	
	#proposal_settings .delete_statement {
		cursor: pointer;
		margin-top: 1px;
		float: right;
	}
	
	#proposal_settings .add_statement {
		cursor: pointer;
	}
	
	#proposal_settings #prep_section table {
		width: 100%;
		margin-top: 3px;
	}
	
	#proposal_settings #prep_section table tr {
	}
	
	#proposal_settings #prep_section table tr td {
		text-align: center;
	}
	
	#proposal_settings #prep_section table tr td:nth-child(1) {
		width: 14%;
	}
	#proposal_settings #prep_section table tr td:nth-child(2) {
		width: 4%;
	}
	#proposal_settings #prep_section table tr td:nth-child(3) {
		width: 14%;
	}
	#proposal_settings #prep_section table tr td:nth-child(4) {
		width: 69%;
	}
	#proposal_settings #prep_section table tr td:nth-child(5) {
		width: 2%;
	}
	
	#proposal_settings #prep_section table input {
    margin: 2px;
    padding: 6px 0;
	}
	
	#proposal_settings #prep_section table input[type="number"] {
		padding-left: 0;
		width: 50% !important;
		min-width: 50px;
	}
	
	#proposal_settings #prep_section table input[type="text"] {
		width: 75% !important;
		min-width: 300px;
	}
	
	#proposal_settings label.toggle {
		font-size: 1.2em;
		margin: 10px 0;
		padding: 5px;
		width: 100px;
	}
	
	#proposal_settings textarea {
		padding: 6px;
	}
	
	#proposal_settings input[type="number"],
	#proposal_settings input[type="text"] {
		width: 25% !important;
	}
	
	#proposal_settings .proposal_textbox_label {
		margin-right: 2%;
	}
	
	#proposal_settings input[type="checkbox"],
	#proposal_settings input[type="radio"] {
		margin: 4px 0;
	}
	
	#proposal_settings .proposal_indent {
		margin-left: 5%;
	}
	
	#proposal_settings p {
		font-weight: normal;
	}
	
	#proposal_settings div.tab_container {
		min-height: 250px;
		padding: 2em 1.4em 1.4em;
	}
	
	section.main > h2,
	section.main > h3 {
		border-radius: 6px;
		padding: 15px;
		cursor: pointer;
		background-color: #666666;
    color: #FFFFFF !important;
		font-weight: normal !important;
	}
	
	section.main > h2 a,
	section.main > h3 a {
		font-size: smaller;
		color: #FFFFFF;
		float: right;
		font-weight: bold;
		margin-top: 1px;
	}
	
	section.secondary {
		margin: 0 auto;
		width: 90%;
		background-color: #E8E8E8;
	}
	
	section.secondary:nth-child(2n) {
		background-color: #F7F7F7;
	}
		
	section.secondary > h2,
	section.secondary > h3 {
		padding: 4px;
		margin: 0 !important;
		cursor: pointer;
	}
	
	section.main > div {
	  display: none;
	}

	section.secondary > div {
	  display: none;
	}
	
	#admin.settings fieldset.actions,
	#admin.details fieldset.actions {
		padding-top: 12px;
		padding-right: 0;
	float: right;
	}
	
	#admin.settings > form {
		width: 75%;
		margin: 0 auto;
		color:#000;
		font-size: 0.9em;
	}
	
	form#choose_usergroup label {
		font-weight: normal;
	}
	
  form#choose_usergroup strong {
  	margin-bottom: 5px;
  }
  
  #setting_box_outer > div {
	  float: left;
  }
  
	#admin.details > form {
		margin: 0 auto;
		color:#000;
		font-size: 0.9em;
		width: 75%;
	}
	
	.type_text {
	  margin-left: 2px;
	  width: 100px;
	}
	
	#admin.settings > form label,
	#admin.details > form label, {
		font-weight: normal;
   		padding: 5px 0 0;
	}
	
	#admin.settings hgroup,
	#admin.details hgroup {
		overflow:hidden;
	}	
	#admin.settings h2 {
		color:#000;
		font-size: 1.3em;
		font-weight: bold;
		margin: 20px 0 5px 0;
	}
	
	.export_tabsheet_special_box{
		float: left;
		margin: 10px 0px 10px 0px;
		width: 100%;
		text-align: center;
	}
	
	.export_tabsheet_special_box a {
		color: #FF8000;
		margin: 20px;
	}
	
	
	#admin.settings .block {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:#E7E9E8;
		padding: 20px 40px;
	}
	#admin.settings h3 {
		font-size: 1em;
		font-weight: bold;
	}
	
	#admin.settings hgroup a,
	#admin.details hgroup a {
		margin: 5px;
		float: none;
		padding: 5px;
	}
	
	#admin.settings hgroup strong,
	#admin.details hgroup strong {
		margin: 5px;
		float: none;
		padding: 5px;
	}
	
	#admin.settings hgroup a:hover,
	#admin.details hgroup a:hover {
		text-decoration: none;
		background: #ccc;
	}
	
	#admin.settings fieldset#rounding div {
		margin: 10px;
	}
	
	#admin.estimate input[type='text'],
	#admin.estimate input[type='number'],
	#admin.estimate select {
		width: 70%;    
	}
	
	#admin.settings fieldset#markup div {
		margin-right: 21px;
	}
	
	#admin.settings table tr td {
		width: 150px;
	}
	
	div#customer_proposal_tab,
	div#crew_proposal_tab2 {
		border: 0px #fff;
		background: #fff;
		display: none;
	}
	
	tr.second_row td{
		border-bottom: 7px solid white;
		padding: 0px 0px 0px 10px;
	}
	
	tr.head_row td {
		height: 40px;
		color: #666;
		font-size: 18px !important;
		padding-left: 8px;
	}

  table#customer_proposal_summary_table tr:nth-child(2) td {border-top: 10px solid white;}

  table#customer_proposal_summary_table tr td {
    border-top: 5px solid white;
    border-bottom: 5px solid white;
	}
	
	table#customer_proposal_summary_table {
		float: left;
		width: 100%;
		border-spacing: 0px;
		margin: 20px 0px;
    font-weight: normal;
	}
  table#customer_proposal_summary_table th {text-align: left; border-bottom: 2px solid black}
  table#customer_proposal_summary_table tr#summary_total_row td {border-top: 2px solid black}
  table#proposal_links_table tr td {border-bottom: 5px solid white}
  table#proposal_links_table td{height: 100%}
  table#proposal_links_table div.left_cell, table#proposal_links_table div.right_cell {height: 100%; padding: 10px}
  table#proposal_links_table div.right_cell {margin-left: -2px}

  div#customer_proposal_tab input.remove_from_cart {
    background: red;
    -web-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    margin-left: 10px;
    width: auto;
    height: 40px;
    font-size: 18px;
  }

  div#customer_proposal_tab input.add_to_cart,
  a#scroll_to_top {
  	border-top: #37c837;
    background: #37c837;
    box-shadow: none;
    text-shadow: none;
    margin-left: 10px;
    width: 150px;
    height: 40px;
    font-size: 18px;
  }
  
	div#customer_proposal_tab input.add_to_cart:hover,
  a#scroll_to_top:hover {
    border: 1px solid white;
    text-shadow: 2px 2px #666;
	}

  div#customer_proposal_tab input#continue_shopping {background: white; color: grey; -web-box-shadow: none; box-shadow: none; text-shadow: none; width: auto; border: 1px solid grey; margin-right: 20px}
	div#customer_proposal_tab div.edit_proposal {
		margin-top: 30px;
	}
	
	div#customer_proposal_tab nav ul,
  nav.pre_checkout ul {
    display: table;
	}
	div#customer_proposal_tab nav ul li,
  nav.pre_checkout ul li{
		border: 0px;
    display: table-cell;
    vertical-align: middle;
	}
  nav.pre_checkout ul li.current a {color: #ffffff !important}
  nav.pre_checkout {background-color: #ffffff !important}
  nav.pre_checkout ul {background-color: #ffffff; width: 100%}
  nav.pre_checkout:not(:first-child) ul li {border-left: 1px solid darkgrey !important;}
  nav.pre_checkout ul li{
    text-align: center;
    padding: 12px;
    background: -moz-linear-gradient(top, rgb(230,230,230), rgb(195,195,195)) !important;
    background: -webkit-gradient(top, rgb(230,230,230), rgb(195,195,195)) !important;
    background: -webkit-linear-gradient(top, rgb(230,230,230), rgb(195,195,195)) !important;
    background: -o-linear-gradient(top, rgb(230,230,230), rgb(195,195,195)) !important;
    background: -ms-linear-gradient(top, rgb(230,230,230), rgb(195,195,195)) !important;
    background: linear-gradient(top, rgb(230,230,230), rgb(195,195,195)) !important;
  }
  nav.pre_checkout ul li a {color: black !important; text-shadow: none !important; text-decoration: none; width: 100%; padding: 0px !important}

  [id*='crew_proposal_tab'] {
    background: #fff !important;
  	border: none !important;
  }

	#crew_proposal_tabs ul.crew_tabs_bottom li {
		bordeR: none !important;
		background: none !important;
	}
	
	ul.crew_tabs_bottom li .ui-state-active,
	ul.crew_tabs_bottom li .ui-tabs-selected {
	  background: #fff !IMPORTANT;
	}
	
	.sub-text-proposal{
		color: #666666;
	    font-style: italic;
	    font-size: 10px;
	}
	div.customer_proposal_actions {
		float: right;
	}
	
	div.customer_proposal_actions input {
		font-size: 17px !important;
		width: 135px;
	}
	
	div.customer_proposal_actions a {
		margin-left: 10px;
	}

  div#customer_proposal_tab div.presentation_section {
    display: table;
    width: 100%;
    background: none !important
  }

  div#customer_proposal_tab div.presentation_section {border: none !important}
  div#customer_proposal_tab div.presentation_section .ui-state-hover {background: none !important}

  div#customer_proposal_tab div.presentation_section ul.ui-widget-header {
    background: none !important;
    margin-left: 10px;
  }

  div#customer_proposal_tab div.presentation_section ul.ui-widget-header li {
    border: 1px solid #666666 !important;
    border-radius: 7px 7px 0 0;
    position: relative;
    top: 2px;
  }

  div#customer_proposal_tab div.presentation_section ul.ui-widget-header li:not(.ui-tabs-selected) {background: #E7E9E8}

  div#customer_proposal_tab div.presentation_section ul.ui-widget-header li.ui-tabs-selected{border-bottom: 1px solid #ffffff !important}

  div#customer_proposal_tab div.presentation_section div.ui-tabs-panel {
    border: 1px solid #666666;
    border-radius: 7px;
    display: table;
    width: 100%;
  }

	div [id^="proposal_version_"] span.customer_proposal_head {
	  float: left;
	  margin-top: 35px;
	}
	
	#settings_nav {
	  background-color: #E7E9E8;
    border-bottom: 1px solid #888888;
    border-radius: 15px;
    border-right: 1px solid #888888;
    box-shadow: 3px 4px 5px #888888;
    display: block;
    height: 55px;
    margin: 0 auto;
    min-width: 500px;
    padding: 10px 10px 20px 20px;
	}

	#settings_nav_go {
		margin-top: 5px;
	}
	
	#settings_nav > div {
	  float: left;
    margin-right: 2%;
	}
	
	#settings_nav > div > p {
	  margin-top: 11px;
		font-weight: bold;
	}
	
	#settings_nav select {
	  margin: 2px 0 0 0;
		width: 160px !important;
	}
	
	.settings_nav {
		float: left;
	}
	
	.settings_nav label {
		clear: none !important;
    font-size: 1em;
    padding: 5px 10px !important;
		margin-bottom: 2px !important;
		margin-top: 2px !important;
	}
	
	.settings_nav label.first {
		margin-left: 5px;
	}
	
	.settings_nav label.last {
		margin-right: 10px;
	}
	
	.item_settings label,
	.item_settings select,
	.item_settings span,
	.item_settings input[text],
	.item_settings input[number] {
		width: 100%;
	}
	
	fieldset.job_item_settings {
		border: none !important;
		box-shadow: none;
		padding: 0 0 10px;
		position: relative;
		/* display: flex;
		justify-content: center; */
	}

	div.add_product_container {
		position: relative;
		top: 21px;
		left: 10px;
	}

	div#products_tab fieldset.job_item_settings {
		/* justify-content: flex-start; */
		background-color: rgb(255, 255, 204); 
		border-radius: 10px; 
		padding: 10px; 
		margin-bottom: 10px
	}
	
	fieldset.job_item_settings div {
		padding: 0 !important;
	}
	
	fieldset.job_item_settings input[type="number"],
	fieldset.job_item_settings input[type="text"] {	
		width: 60px !important;
		font-size: 12px;
		height: 20px;
		padding-top: 1px;
		box-shadow: none;
	}

	fieldset.job_item_settings > div.product_selector_box {
	  width: 100%;
		margin: 0 !important;
	}

	fieldset.job_item_settings > div.product_selector_box > div {
		float: left;
		margin-right: 5px;
	}

	fieldset.job_item_settings select {
		height: 25px;
	}

	fieldset.job_item_settings > div.product_details_box .user_edit,
	fieldset.add_custom_product_row div.product_details_box > div input {
		background-color: #FFF;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 2px 5px;
	}

	fieldset.job_item_settings > div.product_details_box {
		clear: both;
		margin-top: 5px;
	}

	fieldset.job_item_settings > div.product_details_box > div {
		float: left;
		margin-right: 5px;
	}

	fieldset.job_item_settings > div.add_product_box {
		text-align: center;
		float: right;
		width: 10%;
		position: relative;
  	top: 10px;
	}

	a.btn-plus.add_product,
	a.btn-plus.create_custom_product {
		color: #FFF;
	}

	fieldset.job_item_settings > div.toggle_cpi_box {
		position: absolute;
		top: 2px;
		right: 5px;
		font-weight: bold;
	}

	fieldset.job_item_settings > div.cancel_product_box {
		position: absolute;
		bottom: 2px;
		right: 5px;
		font-weight: bold;
	}

	div.product_selector_box > div.product_list_add_container {
		width: 14%;
	}

	div.product_selector_box > div.category_add_container {
		width: 9%;
	}

	div.product_selector_box > div.brand_add_container {
		width: 14%;
	}

	div.product_selector_box > div.description_add_container {
		width: 44%;
	}

	div#products_tab div.product_selector_box > div.description_add_container {
		max-width: 300px;
	}

	div.product_selector_box > div.usage_rate_add_container {
		width: 19%;
		max-width: 100px;
	}

	fieldset.job_item_settings select.size {
		width: 60px;
	}

	fieldset.job_item_settings input.delivery_and_pickup {
		width: 100px !important;
	}

	div.summary_add_product_container.rentals div.product_details_box > div,
	div#included_rentals div.product_details_box > div {
		margin-top: 5px;
	}

	div.summary_add_product_container.rentals div.add_product_container,
	div#included_rentals div.add_product_container {
		position: relative;
  	bottom: 4px;
	}

	fieldset.add_custom_product_row div.product_details_box {
		margin: 4px 0px !important;
	}

	fieldset.add_custom_product_row div.product_details_box > div {
		float: left; 
		margin-right: 5px;
	}

	fieldset.add_custom_product_row input.add_custom_description {
		width: 375px !important;
	}

	#products_tab, #items_tab, #defaults_tab, #info_tab {
	 padding: 15px !important;
	}
	
	.budget_main {
		width: 50%;
		clear: both;
		padding: 4px;
		background: lightgrey;
		margin: 0px auto;
		
	}
	.budget_main>:first-child{
		margin: 0% 0% 2% 23%;
		float: left;
	}
	.budget_input {
		float: left;
		width: 100%;
		margin-left: 23%;
	}
	
	.budget_input label {
		float: left;
		padding-top: 2%;
	}
	.budget_input .hour_input {
		margin: 0 10% 0 2% !important;
	}
	
	.budget_input .wage_input {
		margin-left: 0% !important;
	}
	
	.budget_version {
		float: left;
		font-weight: bold; 
		padding-left: 2%;
		clear:both;
	}
	
	.budget_summary .hour,
	.budget_summary .wage,
	.budget_summary .labor_cost {
		margin-left: 10px;
		font-weight: bold;
	}
	.show_original_div {
		display: none;
		width: 95%;
		margin: 0px auto;
		clear: both;
	}
	
	.show_original_div div.labour_box_middle {
		width: 100%;
	}
	.tabsheet_summary_budget div.labour_box_middle {
		width: 100%;
	}
	.show_original_box {
		float: left;
		clear: both;
		width: 100%;
		text-align: center;
		margin: 5px 0px;
	}
	
	.show_original_box a {
		color: #FF8000;
	}
	.budget_summary {
		border: 1px solid black;
		width: 45%;
		margin: 0px auto;
		clear: both;
		padding: 1%;
	}
	
	
	.budget_summary span{
		float: left;
	}
	
	.budget_container {
		margin: 5px;
	}
	
	.new_cost {
		clear: both;
		margin:0 auto 0 23%;
		font-weight: bold;
	}
	
	.new_labor_cost {
		margin-left: 10%;
	}
	.budget_input input {
		width: 15% !important;
		float: left;
	}
	.add_remove {
	 float: right !important;
	 margin-top: 15px;
	}
	
	.add_remove_last {
	 margin-left: 45%;
	}
	
	.btn-add-product {
	 color: #FFFFFF;
	}
	
	.products_tab [class*='btn-'] {
	 color: #FFFFFF;
	}
	
	#admin.details h1 {
		float: left;
	}
	
	#admin.details hgroup > div h1 {
		margin: 0;
	}
	
	#admin.details hgroup > div p {
		margin: 0 0 18px;
	}
	
	#admin.details section.focus {
		background: #fff;
	}
	
	.types_table {
		float: left;
		margin-right: 15px;
		max-width: 700px;
	  font-size: inherit;
	}
	
	.types_table td input[type='number'] {
		width: 100%;
		max-width: 75px;
	}
	
	.types_table th:first-child {
		min-width: 40px;
	}

	.item_settings.details {
		padding: 20px 0 17px;
	}
	
	.float_cancel {
		float: right;
    margin: 2px 10px 0;
    padding: 5px;
	}
	
	.float_cancel:hover {
		text-decoration: none;
		background: #CCCCCC;
	}
	
	#user_options {
		margin-left: auto;
		margin-right: auto;
	}
	
	select#user_options {
	  margin: 0 1.5em 0 0 
	}
	
  select#user_options option:first-child {
    text-align: center;
  	font-weight: bold;
  }
	
	select#user_options option:not(:first-child) {
	  text-align: right;
	}
	
  table.info_table.with_border {
    border-collapse: collapse;
  }
	
	table.info_table.with_border tbody td {
	  border: 1px solid #000000;
	}
	
	table.info_table tbody td {
	  vertical-align: top;
		padding: 10px;
	}

  table.info_table td:nth-child(2) {
    width: 200px !important;
  	padding-left: 7px;
  }
	
  table.info_table td:nth-child(3) {
    /*width: 300px !important;*/
    width: 500px !important;
  	padding-left: 7px;
  }
  
  img.item_type_pic {
	  cursor: pointer;
  }
  
  table#custom_item_types_table {
    border-collapse: collapse;
  }
  
  table#custom_item_types_table tbody tr {
	  background-color: #dcdcdc;
  }

  table#custom_item_types_table tbody tr.content {
    background-color: #dcdcdc;
  	border-bottom: 4px solid #FFFFFF;
  }
  
  table#custom_item_types_table tfoot td {
    text-align: left;
  }
  
  div.info_textbox {
    /*width: 500px;*/
  	margin-top: 20px;
  }

  div.info_textbox h3 span {float: none !important}
  div.info_textbox h3 {margin-bottom: 5px}
  
  div.info_textbox textarea {
	  width: 100%;
  }
  
  textarea.it_textarea {
	  padding-left: 0;
    padding-right: 0;
    width: 96%;
  }
  
  #extra_template {
  	display: none;
  }
  
  input.it_textbox {
	  margin-bottom: 0;
  }
  
  div.fancybox-inner table tr.content td {
	  padding: 0 10px;
  }

/* Franchisee - Billing */
  
div.payment_box {
	border-radius: 6px;
	background-color: #fcefe6;
	color: #ffa56e;
	border: 1px solid #ffa56e;
	padding: 4px 10px;
}

a.payment_link {
	z-index: 10;
}

div.payment_button {
	margin-top: 2px;
	border: 1px solid #333333;
	color: #333333;
	background-color: #e8e8e8;
	margin-left: 15px;
	position: relative;
	width: 120px;
	height: 40px;
}

div.payment_button:hover {
  cursor: hand;
  cursor: pointer;
  opacity: .9;
}
  
#billing div.send_option_container {
  background: #666666;
  width: 100%;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px;
  font-size: 18px;
  margin-top: 15px;
  border-radius: 5px;
}

#billing #invoice_statuses label.toggle {
  padding: 10px;
  width: 100px;
  cursor: pointer !important;
}

#billing #invoice_statuses label.toggle.disabled:hover {
  cursor: not-allowed !important;
  color: rgb(170, 170, 170);
  font-weight: normal !important;
}

#billing #invoice_statuses label.toggle.btn_uncollectible:hover {
  cursor: not-allowed !important;
  color: rgb(170, 170, 170) !important;
  font-weight: normal !important;
}

#billing div#timesheet_info table th {text-align: left}

#payment_modal #multiple_invoice_select {height: 125px}

#billing div#edit_invoice, #customer_invoice, #customer_credit_memo, #account_statement {
  background-color: #F7F7F7;
  border: 1px solid #C1C2C1;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 8px #333333;
  margin: 0 auto;
  padding: 15px 15px 0;
  width: 870px;
  font-size: 0.9em !important;
  clear: both;
}

#billing .invoice_edit_button {
  background: #666666;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  margin-bottom: 10px;
}

.billing_table th, .billing_table td {
  border: 1px solid gray;
  text-align: right;
}

.billing_table th {
  text-align: left;
}

#billing table#estimate_versions_table input, #billing table#additional_items_table input  {
  text-align: right;
  height: 20px;
  padding: 3px;
}

#billing table#receivables_table .spinner {
  text-align: center;
  padding: 0;
}

/* Help section */
section#help hgroup {
  margin-top: 15px;
}
  
  
  /* Scheduling Settings */
  div#days_container > div {
    float: left;
  	margin-left: 5px;
  }
  
  div#hours_display_container > div {
    float: left;
    margin-left: 15px;
  }

  /*Employee Dashboard*/
    table.dashboard_hours {margin-top: 15px; border-bottom: solid 1px #c3c3c3;}
    table.dashboard_hours th {text-align: left}
    table.dashboard_hours td {color: #6EB9FF; font-weight: bold; width: 250px}
    
 /**
 * Products
 **/
 form#upload_lists input[type='text'], 
 form#upload_lists input[type='file'],
 form#upload_lists select,
 form#upload_lists em {
   float: left;
 	 width: auto;
 }
 
 div.toggle_labours {
	 cursor: pointer;
 }
 
 form#product_defaults div.item_container {
	 padding: 10px; 
	 background-color: #e7e9e8; 
	 width: 85%; 
	 margin: 0 auto;
 }
 
 form#product_defaults div.show_labours {
   margin-top: 15px;	 
 }
 
 form#product_defaults fieldset.details {
   background-color: #ffffff;
    border: medium none;
    box-shadow: none;
    margin-left: 2%;
    padding: 10px;
 }
 section.image-select {
	width: 80vw;
  margin-top: 40px;
 }
 form#upload_images, form#select_image_form_local, form#select_image_form_global {
	border: 1px solid #E7E9E8;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
	width: auto;
  min-height: 145px;
 }
 form#upload_images h1, form#select_image_form_local h1, form#select_image_form_global h1 {
  font-size: 1.5em;
 }
 form#upload_images .image-upload-button-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
 }
 form#upload_images #image_upload_button {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
 }
 form#upload_images #image_upload_button svg {
  transform: scale(3.125);
  margin-bottom: 20px;
 }
 form#upload_images #image_upload_button span {

 }
 form#upload_images {
  text-align: center;
 }
 form#upload_images #image_upload, form#upload_images .inputs-holder {
  display: none;
 }
 form#upload_images .inputs-holder * {
	margin-right: 10px;
 }
 form#upload_images #image_upload_additional_info {
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
 }
 form#upload_images #image_upload_additional_info li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  border-bottom: 1px dashed #E7E9E8;
 }
 form#upload_images #image_upload_additional_info li:first-child {
  border-top: 1px dashed #E7E9E8;
 }
 form#upload_images #image_upload_additional_info li > * {
  padding: 5px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
 }
 form#upload_images #image_upload_additional_info li .preview {
  margin-bottom: 20px;
  font-weight: normal;
  font-style: italic;
  background: grey;
 }
 form#select_image_form_local .thumbnail, form#select_image_form_global .thumbnail {
  background: white;
 }
 form#select_image_form_local .thumbnail.selected, form#select_image_form_global .thumbnail.selected {
  background: #3399FF;
 }
 form#select_image_form_local .thumbnail p, form#select_image_form_global .thumbnail p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
  width: 200px;
 }
 .image-save-button-holder {
  float: right;
  margin-top: 1px;
  margin-right: 5px;
  display: flex;
  flex-direction: column;
 }
 section.image-select .nothing-here-text {
  margin-top: 15px;
  text-align: center;
 }
  
/*********************************************************************************************************************/
/* 																						  		MEDIA QUERIES	     */
/*********************************************************************************************************************/

@media screen and (max-width: 1280px) {

	div#products_tab div.product_selector_box > div.description_add_container {
		max-width: 200px;
	}

	div.summary_add_product_container div.product_selector_box > div.description_add_container {
		max-width: 300px;
	}


}

@media screen and (min-width: 1024px) {
	.user-input input[type="text"], 
	.user-input input[type="email"], 
	.user-input input[type="password"],
	.user-input input[type="number"],
	.user-input input[type="tel"],
	.user-input input[type="file"],
	.user-input textarea {
		font-size: 1.1em;
		padding: 10px 0 8px;
	}
}

@media screen and (max-width: 1024px) {

	div#products_tab div.product_selector_box > div.description_add_container {
		max-width: 150px;
	}

	div.summary_add_product_container div.product_selector_box > div.description_add_container {
		max-width: 200px;
	}

	fieldset.add_custom_product_row input.add_custom_description {
		max-width: 260px !important;
	}

	#included_rentals > fieldset:nth-child(1) > div:nth-child(2) > div:nth-child(5) {
		clear: left;
	}

	table.tabsheet_summary_modified td.rental_info {
		font-size: 0.7em !important;
	}

	table.tabsheet_summary_modified span.editable.rental {
		min-width: unset;
		width: 35px;
	}

	table.tabsheet_summary_modified span.rental_label {
		width: 40px;
	}

	table.tabsheet_summary_modified td.rental_info {
		min-width: 400px;
	}

	/*	table.item_settings td.selects {
		background: url(https://ymsapp.com/images/arw-right2.png) no-repeat 90% center;
	}
	table.item_settings td.amounts {
		background: url(https://ymsapp.com/images/arw-right2.png) no-repeat 93% center;
	} */
	table.item_settings td.amounts .amount_wrap { background: none;}
	.first_two_preps > div {
		float: left;
    margin: 2% 5px 0 5%;
	}
	.input_line .arrow_right {
		left: 10%;
  }
  .input_line .arrow_left {
		left: -6%;
  }
}
@media screen and (max-width: 870px) {

	.tabsheet_summary_modified span.editable.rental {
		width: 9%;
		min-width: unset;
		padding: 2px 0;
		max-width: 40px;
	}

	fieldset.job_item_settings {
		justify-content: flex-start;
	}

	div.product_selector_box > div.description_add_container {
		max-width: 20px;
	}

	div.summary_add_product_container.rentals div.cancel_product_box,
	div#included_rentals div.cancel_product_box {
		position: absolute;
		top: 2px;
		right: 5px;
	}

	fieldset.add_custom_product_row input.add_custom_description {
		max-width: 150px !important;
	}

	#included_rentals > fieldset:nth-child(1) > div:nth-child(2) > div:nth-child(5) {
		clear: none;
	}

	/* table.tabsheet_summary_modified td.rental_info {
		font-size: 0.7em !important;
	} */

	/* table.tabsheet_summary_modified span.editable.rental {
		min-width: unset;
		width: 35px;
	} */

	table.tabsheet_summary_modified span.rental_label {
		width: 35px;
	}

	table.tabsheet_summary_modified td.rental_info {
		min-width: unset;
		width: 450px;
	}

	/* div.product_selector_box > div.product_list_add_container {
		min-width: 65px;
	}

	div.product_selector_box > div.category_add_container {
		min-width: 45px;
	}

	div.product_selector_box > div.brand_add_container {
		width: 15%;
	}

	div.product_selector_box > div.description_add_container {
		max-width: 250px;
	}

	div.product_selector_box > div.usage_rate_add_container {
		max-width: 100px;
	} */

	.total_hours_inner {
		float: right; 
		width: 83px; 
		margin-right: 8px;
	}

	.first_two_preps > div {
		float: left;
    margin: 2% 5px 0 5%;
	}

	.input_line .arrow_right {
		left: 6%;
  }
  .input_line .arrow_left {
		left: -5%;
  }
	 a {
		word-break: break-all;
	}
	.wrap {
		width: 694px;
		max-width: 694px;
		margin: 0 auto;
	}
	
	#admin.details > form {
		width: 100%;
	}

	section.content {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border-radius: 15px 15px 15px 15px;
	    box-shadow: 0 0 8px #333333;
	    margin: 0 0 80px;
	    padding: 3% 4%;
	    width: 92%;
	}
	
	#footer {
		font-size: small;
    padding: 35px 0;
	}
	
	#product_add {
		width:100%;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	nav#utility,
	nav#utility ul,
	nav#primary,
	nav#primary > ul {
		margin: 0 auto;
    text-align: center;
	}
	nav#primary > ul {
		bordeR:none;
		background:none;
	}
	nav#utility ul,
	nav#primary > ul {
		text-align: center;
	}
	
	nav#primary > ul li,
	nav#utility ul li {
		text-align:center;
		display:inline-block;
		floaT: none;
	}
	nav#primary > ul > li > a,
	nav#utility ul li a {
		float: none;
		padding: 6px 13px 6px;
		margin: 10px 0;
	}
	nav#primary > ul > li > a {
		padding: 16px 15px;
		margin: 0;
	}
	#form-customer_add {
		width:100%;
	}
	h2 + .info-block p {
		width:50%;
	}
	
	#form-advanced_search fieldset > div {
		width: 48%;
		float:left;
	}
	#form-advanced_search fieldset > div:nth-child(even) {
		margin-left: 4%;
	}
	#form-advanced_search fieldset {
		width: 276px;
	}
	#form-advanced_search fieldset input[type="submit"] {
		clear:both;
	}
	#estimate.client .actions {
		clear:left;
		margin-left:0;
	}
	#estimate.list .actions li:first-child a, 
	#estimate.client .actions li:first-child a {
		padding-left: 0;
	}

	#estimate.client hgroup .btn-add {
    margin-top: -40px;
	}
	#estimate.client .actions h2.price {
		margin-top: -30px;
	}
	#client-info .client-name {
		padding-left: 0;
		width:31%;
	}
	.client-disclaim, .client-contact {
		width:67%;
	}
	#estimate-info p {
		width: 23%;
	}
	#estimate-info p:first-child {
		padding-left: 0%;
		padding-right: 1%;
	}
	section#summary-list > ul li input + div {
		width:90%;
	}
	section#summary-list > ul li > a {
		position: absolute;
		right: 0px;
		top: 0px;
		background: #ccc;
		text-decoration: none;
		padding: 4px 10px 3px;
		font-size: 0.8em;
	}
	section#summary-list > ul li > a:hover { 
		background:#7FB735;
		color:#fff;
		text-shadow: none;
	}
	
	#settings .settings_block input[type="text"], 
	#settings .settings_block textarea, 
	#settings .settings_block select {
		width:50%;
	}
	#estimate.settings > form {
		width: 100%;
	}
	#admin.settings > form {
		width: 100%;
	}

	.item_settings select:not(.job_item_settings select) {
		max-width: 80px;
	}

	.labour_settings input[type="text"] {
		width:40px;
	}
	.item_settings > div input[type="text"] {
		width:50px;
	}
		
	#item_list {
		width: 100%;
	}
	#estimate.add form {
		width: 100%;
	}
	table.item_settings input[type="text"] {
		width:50px;
	}
	.amount {
    	width: 110px;
	}

	.item_settings select:not(.job_item_settings select) {
		max-width: 60px;
	}

	table.item_settings label {
		width:auto;
		display: inline;
	}
	#multi-input > section fieldset.list select {
		width: 80px;
	}
	nav.options {
		left: -13px;	
	}
	.closed nav.options {
		left: -19px;
	}
	nav.options ul {
		left: -39px;
		top: -48px;
		border-radius: 10px 10px 0 10px;
	}
	nav.options ul li {
		clear:both;
	}
	table.materials .delete-link {
		left: -14px;
	}
	#est_status {
		padding: 0 0 20px;
	}
	#est_status_update > label {
		clear:left;
	}
	#est_status_update > p {
		margin: 10px 0 20px;
	}
	ul.scroll_pane,
	#map {
		width:100%;
	}
	#map {
		margin-top: 30px;
	}
	#ui-buttonset {
		background-color: #ff8000;
	}
	#dashboard .charts > section:first-child,
	.chart-block,
	.chart-block + .chart-block  {
		width: 100%;
		
		margin: 30px 0 0;
	}
	.column_block {
		width:100%;
		margin-right: 0;
	}
  .job_item_settings select.source {  
    max-width: 135px;
  }
	.first_two_preps > div {
		float: left;
    margin: 3% 5px 0 5%;
	}
}


/**
 * Editroom Labour table styling
 */

    /* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

  /* Franchisee - Billing */
  #multiple_invoice_select {height: auto !important}
  #billing .new_plus {top: -5px}
  #billing div#edit_invoice, #customer_invoice, #customer_credit_memo, #account_statement, #billing .billing_actions {width: 100%;}
  section#payroll div#franchisee_payroll, section#payroll div#actions {width: 100%;}
  #billing .billing_actions {width: 100% !important}
  #billing .fancybox-overlay {background: none !important}

  /*Employee Dashboard*/
  h1.track_header {margin-right: 50px !important}
  div.track_container {width: 600px !important}

  table#estimate_summary_table {
    font-size: 11px;
  }

  nav#primary {
    max-width: 700px;
  }

  nav#primary > ul > li > a {
    padding: 16px 15px !important;
    margin: 0;
  }
  
  div#utility_divider {
    position: relative; 
    top: 8px;
  }

  div.wizard_step {
    width: 95%;
  }
  
  a.num_step {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  div.between_inputs {
	  font-size: small;
  	left: 1%;
  	top: 3px;
  	position: relative;
  }

	.proposal_view_actions {
		position: relative;
		left: 2%;
	}
	
	.proposal_save {
		width: inherit;
		position: relative;
		left: 2%;
	}

	#proposal_version_toggle {
		width: auto;
	}
	
	#proposal_version_toggle select {
		max-width: 325px;
	}
	
	.proposal_view_actions {
		width: auto;
	}
	
	div.edit_proposal {
		position: relative;
		left: -7.5%;
	}
	
	#crew_proposal_tabs div.edit_proposal {
	  left: -16.5%;
	}
	
  #customer_proposal_tab div.edit_proposal {
    left: -10.2%;
  }

  .labour_heading {
    float: left;
    width: 22%;
  }
	
	.labour_box_left {
	  float: left;
	  width: 22%;
	}
	
  .scroll_box {
    float: left;
    width: 70%;
  }
	
	.labour_box_middle {
	  float: left;
	  width: 70%;
	  overflow: auto;
	}
	
	.labour_box_right {
	  float: left;
	  width: 8%;
	}
	
	section.settings #product_settings {
		width: 100%;
	}
  
} /* End landscape rules */

/* Employee - Safety */
#safety .record_header {
    font-style: italic;
    font-weight: bold;
    font-size: 21px;
    padding-left: 7px;
}

#safety .record_container {margin-bottom: 15px; margin-left: 25px;}
#safety .record_link {text-decoration: none}
#safety .record_link:hover {text-decoration: underline}
.table_filters, .safety_reports .table_filters{display: table; border-spacing: 10px; margin: 0 auto}
.table_filters .table_record_type {
    display: table-cell;
    min-width: 100px;
    height: 50px;
    border-radius: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    padding: 0 25px;
}

.table_filters .table_record_type.filter_selected {
	color: #666666 !important;
  border: 1px #a1afba solid !important;
  background-image: -ms-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
  background-image: -moz-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
  background-image: -o-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #93FF89), color-stop(1, #F0F2F1));
  background-image: -webkit-linear-gradient(bottom, #93FF89 0%, #F0F2F1 100%);
  background-image: linear-gradient(to top, #93FF89 0%, #F0F2F1 100%);
}

.table_filters .table_record_type:not(.filter_selected) {
  color: #999 !important;	
	border: 1px #a1afba solid !important;
	text-shadow: none !important;
  box-shadow: none !important;
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #C1C2C3 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #C1C2C3 100%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #C1C2C3 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C1C2C3));
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #C1C2C3 100%);
  background-image: linear-gradient(to top, #FFFFFF 0%, #C1C2C3 100%);
}

.table_filters .table_record_type:not(.filter_selected):hover {
  text-shadow: 0.5px 1.5px #fff !important;
  box-shadow: 0px 0px 4px #666 !important;
  background-image: -ms-linear-gradient(bottom, #C1C2C3 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(bottom, #C1C2C3 0%, #FFFFFF 100%);
  background-image: -o-linear-gradient(bottom, #C1C2C3 0%, #FFFFFF 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));
  background-image: -webkit-linear-gradient(bottom, #C1C2C3 0%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #C1C2C3 0%, #FFFFFF 100%);
}

.table_filters .filter_selected, .table_filters .filter_selected {background: #fff; color: #fff; cursor: default;}
.table_filters .filter_hover, .table_filters .filter_hover {background: #A19F9F; color: #fff}
#edit_record_modal #estimate_version_dummy {margin: 0 !important}

/* Employee - Timesheet */
section#timesheet .today_button {
  padding: 10px 40px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  border-radius: 10px;
  cursor: pointer;
  width: 275px;
  margin: 10px 0;
}
section#timesheet label {font-weight: bold; font-size: 16px; float: left}
section#timesheet td, #edit_modal td {padding: 1px}
section#timesheet #estimate_version_dummy, #estimate_version_modal_dummy {margin: 0 !important}
table#tbl_hours_input td {height: 35px; padding-right: 15px}
.edit_modal_scroll {overflow-y: auto !important; position: absolute !important;}
.confirm_shift #estimate_version_dummy {width: 650px}
.confirm_shift .date_input {width: 230px !important}

/* Resource Center */

#resources.video .video_div {
    text-align: center;
}

#resources.video #video_select {
    width: 10% !important;
}

#resources.video #brightcove_video_id{
    width: 50%;
}

#resources.video #video_link {
    width: 50%;
}

.access_container {
    margin-top: 25px;
}

.access_container label {
    display: inline;
}

div.user_types {
    margin-left: 5px !important;
}

#resources h1 {
    margin-bottom: 20px;
}

#resources .company_cell, #resources .employee_company_cell  {
    width: 30% !important;
}

 .group_cell,  .employee_group_cell {
    margin-left: 20px;
}

 #company_container,  #employee_company_container {
    width: 65% !important;
    position: relative;
    left: 25px;
}

#resources a.online_manual_link {display: block}
#resources p.online_manual_subheader {font-weight: bold; font-size: 16px; text-decoration: underline}

.manual.add label,
.manual.add h3 {
    color:#666;
    font-size: 1.2em;
    font-weight:bold;
}

.question {
    padding-top: 25px;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.view .quiz_mark {
    text-align: center;
    color: red;
    font-weight: bold;
    padding-bottom: 15px;
}

.view .incorrect {
    color: red;
}

.view .question {
    padding: 0px !important;
}

.view .questions_outer {
    padding-top: 10px;
}

hr.question_seperator {
    width: 100%;
}

.question_input {
    width: 83% !important;
}

.answers {
    text-align: right;
}

.input_right_margin {
    margin-right: 47px !important;
}

.questions_outer {
    width: 100%;
}

.answer_input{
    width: 75% !important;
}

.remove_answer, .remove_question {
    margin-left: 5px;
    margin-right: -10px;
}

.resource_label {
    float: left;
    width: 160px;
}

.lbl_passing_grade {
    padding-top: 10px;
}

#quiz_name {
    width: 25% !important;
}

#resources .question_number {
    font-weight: bold;
}

#resources #description {
    width: 50%;
}

.quiz #passing_grade {
    width: 5%;
}

.add_question {
    margin-top: 25px;
}

.add_answer {
    margin-left: 14%;
    padding: 7px !important;
    float: left;
}

.add_answer svg {
    zoom: 1.4;
}

.submit_quiz {
    width: 150px;
    padding: 10px !important;
    border-radius: 4px !important;
}

.add_question_div {
    text-align: center;
}

#leaderboard .table-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 10px;
}

#leaderboard .table-box .leaderboard-table-container {
	flex-grow: 1;
}

@media screen and (max-width: 800px) {
	#leaderboard .table-box {
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	
	#leaderboard .table-box .leaderboard-table-container {
		min-width: 555px;
		flex-grow: 0;
	}
}

#leaderboard .table-box .leaderboard-table-container table {
	border-collapse: collapse;
}

#leaderboard .table-box .leaderboard-table-container table tr.overflow-region, #leaderboard .table-box .leaderboard-table-container table tr.overflow-company {
	display: none;
}

#leaderboard .table-box .leaderboard-table-container table td, #leaderboard .table-box .leaderboard-table-container table th {
	border-spacing: 0;
	text-align: left;
}

#leaderboard .table-box .leaderboard-table-container table tr td:first-child,
#leaderboard .table-box .leaderboard-table-container table tr th:first-child {
	padding-left: 8px;
}

#leaderboard .table-box .leaderboard-table-container table tr .company-name {
	color: #3399FF;
	font-weight: bold;
}

#leaderboard .table-box .leaderboard-table-container table tbody .region-header {
	background: #e7e9e8;
}

#leaderboard .table-box .leaderboard-table-container table tbody .region-header th {
	color: #666666;
	margin: 0 0 10px;
	font-size: 1em;
	letter-spacing: 0.05em;
	border: 1px #ccc solid;
}

#leaderboard .table-box .leaderboard-table-container table tbody .region-header th:first-of-type {
	border-right: none;
}

#leaderboard .table-box .leaderboard-table-container table tbody .region-header th:last-of-type {
	border-left: none;
	text-align: right;
	padding-right: 8px;
}

#leaderboard .table-box .leaderboard-table-container table tbody .region-header th a {
	cursor: pointer;
	font-weight: normal;
	letter-spacing: normal;
}

#leaderboard .table-box .leaderboard-table-container table thead {
	border-width: 1px;
	border-style: solid;
	white-space: nowrap;
}

#leaderboard .table-box .leaderboard-table-container table tfoot {
	display: none;
}

#leaderboard .table-box .leaderboard-table-container table tfoot a {
	cursor: pointer;
}

.sort-production, .sort-sales {
	cursor: pointer;
}

i {
	position: relative;
	top: 1px;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
i.sort-icon::before {
	content: '⇅';
	color: rgba(255, 255, 255, 0.5);
}

i.sort-icon.active::before {
	color: white;
}

i.rookie-icon::before {
	content: '🔰';
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    div#customer_proposal_tab div.edit_proposal {position: relative; left: -50px}
    nav.pre_checkout {width: 100% !important; zoom: 0.95}
    nav.pre_checkout ul li{padding: 10px 4px !important}
    nav.pre_checkout ul li a {padding: 0 !important}
    div#customer_proposal_tab div.customer_proposal_actions {width: 100% !important; margin: 25px 0 -15px 0 !important}

    /* Franchisee - Billing */
    #multiple_invoice_select {height: auto !important}
    #billing .new_plus {top: -5px}
    #billing div#edit_invoice, #customer_invoice, #customer_credit_memo, #account_statement, #billing .billing_actions {width: 97%;}
    section#payroll div#franchisee_payroll, section#payroll div#actions {width: 97%;}
    #billing .billing_actions {width: 100% !important}
    #billing .fancybox-overlay {background: none !important}
    #billing .delete_additional_item {position: relative !important; left: 5px !important}

    #billing #new_object_button .ui-button-text {font-size: 14px;}

    /*Employee Dashboard*/
    h1.track_header {margin-right: 50px !important}
    div.track_container {width: 600px !important}

    .sproutvideo-playlist {width: 100% !important}

    .estimate_summary table#estimate_summary_table td {
        padding: 4px;
    }

    table#estimate_summary_table {
        font-size: 10px;
    }

  div#logo {
    position: static !important;
  }

	div#logo img {
		position: relative !important;
		top: 8px !important;
		left: 4px !important;
	}

  nav#primary > ul > li > a {
    padding: 16px 15px !important;
    margin: 0;
  }
  
  div#utility_divider {
	  display: none;
  }
  
  nav#utility ul li a {
  }
  
  div#logo {
	  top: 5px;
  }
  
  nav#utility ul:first-child {
    margin-top: 30px;
  }
  
  nav#utility ul:last-child {
	  position: absolute;
    top: -25px;
  }

  div.wizard_step {
    width: 95%;
  }
  
  a.num_step {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  div.between_inputs {
    font-size: small;
    left: 1%;
    top: 3px;
    position: relative;
  }

	.proposal_view_actions {
		width: inherit;
		position: relative;
		left: 5%;
	}

	#proposal_version_toggle {
		width: auto;
	}
	
	#proposal_version_toggle select {
		max-width: 210px;
	}
	
	.proposal_save {
		width: inherit;
	}

	section.content {
		font-size: smaller !important;
	}
	
	div.edit_proposal {
		zoom: 75%;
		position: relative;
		left: -3.5%;
	}

  .labour_heading {
    float: left;
    width: 27%;
  }
	
	.labour_box_left {
	  float: left;
	  width: 27%;
	}
	
  .scroll_box {
    float: left;
    width: 65%;
  }
	
	.labour_box_middle {
	  float: left;
	  width: 65%;
	  overflow: auto;
	}
	
	.labour_box_right {
	  float: left;
	  width: 8%;
	}
	
	section.settings #product_settings {
		width: 100%;
	}
}

@media only screen 
and (min-width : 1025px) {

  .labour_heading {
    float: left;
    width: 16%;
  }
	
	.labour_box_left {
	  float: left;
	  width: 16%;
	}
	
  .scroll_box {
    float: left;
    width: 77%;
  }
	
	.labour_box_middle {
	  float: left;
	  width: 77%;
	  overflow: auto;
	}
	
	.labour_box_right {
	  float: left;
	  width: 7%;
	}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  /* Login page */
  div#franchisee_login svg, div#admin_login svg {zoom: 1.5 !important; margin: 5px !important}
  .login_header {font-size: 42px !important}
  form.loginform label {font-size: 30px !important}
  form.loginform input[type=text], form.loginform input[type=password] {height: 40px !important; width: 100% !important; font-size: 30px !important}
  form.loginform a.forgotpass {font-size: 30px !important}
  form.loginform input.btn-submitlogin {zoom: 2 !important}

  /* General/Header */
  header.site {zoom: 0.45}
  div#feedback_button {display: none}
  nav#utility ul li a {font-size: 16px}
  nav#secondary {zoom: 0.45}
/*  header.site {zoom: 0.45 !important}
  div#feedback_button {display: none !important}
  nav#utility ul li a {font-size: 16px !important}
  nav#secondary {zoom: 0.45 !important}*/
  /*.wrap {width: 100% !important}*/

  /* Dashboard */
  section#dashboard h2 {font-size: 26px !important}
  div#track_outer {margin-top: 25px !important}
  div.track_container {text-align: center !important; width: 100% !important}
  div.track_container h1.track_header {font-size: 32px !important; margin: 20px 0 30px !important; float: none !important}
  div.track_container input.btn-action {zoom: 1.25 !important; float: none !important; margin-bottom: 20px !important}
  div#jobs_table_container {margin-top: 20px !important}
  table.dashboard_hours {width: 100% !important}
  div#your_hours {zoom: 1.5 !important; margin-top: 20px !important}
  div#your_training {zoom: 1.5 !important; margin-top: 35px !important}

  /* Employee Timesheets Today */
  section#timesheet table#shift_table {margin-top: -10px !important}
  section#timesheet h1#today_header {zoom: 0.65 !important; text-align: center !important; line-height: 1.25}
  section#timesheet input[type=button] {-webkit-appearance: none;}

  /* Employee Timesheet Confirm Page */
  .confirm_shift #estimate_version_dummy {width: 100% !important}
  .confirm_shift form#submit_shift_form textarea {width: 100% !important}
}