/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.2;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin:0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

header { position: relative; }
   
body {
    font: 13px/20px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
}


.title {
    color: white;
}

/* ==============
    MOBILE: Main
   ============== */


.main article h1 {
    font-size: 2.5em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.mobile button, .mobile input, .mobile select, .mobile textarea {
	font-size: 200%;
}
   
.main-container, .main-container-col1{min-height:670px; /* border:2px solid #000000; */ width:98%; margin:0 auto}   
 .main .column1, .main-container .main .column2{display:inline; float:left;}
 .main .x-wide{width: 98% !important;}
 .main .column1{width: calc(98% - 253px); background-color:#f4f4f4; border:5px solid #ffffff; /*height:660px; overflow:scroll*/}
 .main .column1 header > a.primary{ display:inline !important; float:right; margin-top:10px}
 .main .column1 header h1{padding-left:10px; width:auto; display:inline; float:left}
 .main .column1 .h1-wrapper h1 { width: 420px; }
 .mobile .main .column1 header a.tertiary { font-size: 150%; margin-top: 5px; }

 .main .column1 .tiles .empty { text-align: center; }
 .main .column1 .tiles {  padding: 10px; }
 .main .column1 .tiles{ margin-right:5px; }
 .main .column1 .tiles ul{padding:10px; padding:0 0 0 10px}
 .main .column1 .tiles ul li{float:left}
 
 nav[data-role="create"] {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0 10px;
  color: white;
  background: #f48837;
  line-height: 30px;
  width: 140px;
  cursor: pointer;
 }
 nav[data-role="create"] h2 { margin: 0; }
 nav[data-role="create"] ul { display: none; position: absolute; z-index: 100; background: white; border: 3px solid #f48837; border-top: 0; width: 154px; left: 0; }
 nav[data-role="create"] ul li a { font-size: 150%; display: block; }
 nav[data-role="create"]  ul.active { display: block; }

 nav[data-role="create"]:lang(fr) { width: 170px; }
 nav[data-role="create"]:lang(fr) ul { width: 184px; }

 nav[data-role="update"] {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0 10px;
  color: white;
  background: #f48837;
  line-height: 30px;
  width: 95px;
  cursor: pointer;
 }
 nav[data-role="update"] h2 { margin: 0; }
 nav[data-role="update"] ul { display: none; position: absolute; z-index: 100; background: white; border: 3px solid #f48837; border-top: 0; width: 214px; left: -105px; }
 nav[data-role="update"] ul li a { font-size: 150%; display: block; }
 nav[data-role="update"]  ul.active { display: block; }

 nav[data-role="update"]:lang(fr) { width: 145px; }
 nav[data-role="update"]:lang(fr) ul { width: 264px; }

 nav[data-role="settings"] {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0 10px;
  color: white;
  background: #f48837;
  line-height: 30px;
  width: 105px;
  cursor: pointer;
 }
 nav[data-role="settings"] h2 { margin: 0; }
 nav[data-role="settings"] ul { display: none; position: absolute; z-index: 100; background: white; border: 3px solid #f48837; border-top: 0; width: 214px; left: -95px; }
 nav[data-role="settings"] ul li a { font-size: 150%; display: block; }
 nav[data-role="settings"]  ul.active { display: block; }

 nav[data-role="settings"]:lang(fr) { width: 135px; }
 nav[data-role="settings"]:lang(fr) ul { width: 349px; left: -200px; }

 nav[data-role="sort"] {
  top: 15px;
  padding: 0 10px;
  color: white;
  background: #f48837;
  line-height: 25px;
  width: 115px;
  cursor: pointer;
  margin-left: 12px;
  float: left;
 }
 nav[data-role="sort"]:lang(fr) { width: 175px; }
 nav[data-role="sort"] h3 { margin: 0; }
 nav[data-role="sort"] ul { display: none; position: absolute; z-index: 100; background: white; border: 3px solid #f48837; border-top: 0; width: 129px; left: 0; margin-left: 12px; }
 nav[data-role="sort"] ul li a { font-size: 125%; display: block; }
 nav[data-role="sort"]  ul.active { display: block; }

 nav[data-role="timeframe"] {
  top: 15px;
  padding: 0 10px;
  color: white;
  background: #f48837;
  line-height: 25px;
  width: 135px;
  cursor: pointer;
  margin-left: 12px;
  float: left;
 }
 nav[data-role="timeframe"] h3 { margin: 0; }
 nav[data-role="timeframe"] ul { display: none; position: absolute; z-index: 100; background: white; border: 3px solid #f48837; border-top: 0; width: 149px; left: 0; margin-left: 12px; }
 nav[data-role="timeframe"] ul li a { font-size: 125%; display: block; }
 nav[data-role="timeframe"]  ul.active { display: block; }

 .main .column1 .tiles ul li div[class^="tile-cover"]{
	background: none repeat scroll 0 0 #FFFFFF; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.100); 
	margin: 0 15px 15px 0; 
	position: relative; 
	width: 250px; 
	height:285px; 
	padding:3px; 
	line-height:1.2em; 
	}

 .main .column1 .tiles ul li div.tile-cover-unassigned{
	border-color: #f4e437; box-shadow: 0 0 2px #f4e437;
	-webkit-box-shadow: 0px 0px 3px rgba(244, 228, 55, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(244, 228, 55, 0.75);
	box-shadow:         0px 0px 3px rgba(244, 228, 55, 0.75);
}
 .main .column1 .tiles ul li div.tile-cover-active{
	border-color: #37f46c; box-shadow: 0px 0 0px 2px #37f46c;
	-webkit-box-shadow: 0px 0px 3px rgba(55, 244, 108, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(55, 244, 108, 0.75);
	box-shadow:         0px 0px 3px rgba(55, 244, 108, 0.75);
}
 .main .column1 .tiles ul li div.tile-cover-overdue{
	border-color: #f43737; 
	-webkit-box-shadow: 0px 0px 3px rgba(244, 55, 55, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(244, 55, 55, 0.75);
	box-shadow:         0px 0px 3px rgba(244, 55, 55, 0.75);
}
 .main .column1 .tiles ul li div.tile-cover-closed{
	border-color: #000;
}

 .main .column1 .tiles ul li div[class^="tile-cover"] .flag-holder{float:right; padding-right:7px; padding-top:3px}
 .main .column1 .tiles ul li div[class^="tile-cover"] .flag-holder img{width:25px; height:97px}
	
 .main .column1 .tiles ul li div[class^="tile-cover"] .date{background: none repeat scroll 0 0 #f3f3f3; padding:3px}

 .main .column1 .tiles ul li div[class^="tile-cover"] .date span{float:right; color:#444444; font-style:italic}
 .main .column1 .tiles ul li div.tile-cover-overdue .date span{float:right; color:#f43737; font-style:italic}
 .main .column1 .tiles ul li div[class^="tile-cover"] .header{padding-left:10px}
 .main .column1 .tiles ul li div[class^="tile-cover"] .header h3{margin:.5em 0 .1em 0;}
 .main .column1 .tiles ul li div[class^="tile-cover"] .header hr{margin:3px 0}
 .main .column1 .tiles ul li div[class^="tile-cover"] .header > p { white-space: nowrap; overflow: hidden; }

 .main .column1 .tiles ul li div[class^="tile-cover"] .body{position:absolute; top:145px; left:12px}
 
 .main .column1 .tiles ul li div[class^="tile-cover"] .view{position: absolute; top: 200px; left: 12px; }

 .main .column1 .tiles ul li div[class^="tile-cover"] .footer{background: none repeat scroll 0 0 #f3f3f3; padding:3px; position:absolute; bottom:4px; right:3px; width:95% }
 .main .column1 .tiles ul li div[class^="tile-cover"] .footer .status{font-style:italic; font-weight:bold; padding-top:5px}
 .main .column1 .tiles ul li div[class^="tile-cover"] .footer .status span{font-weight:normal}
 .main .column1 .tiles ul li div[class^="tile-cover"] .footer .status a{float:none}
 .main .column1 .tiles ul li div[class^="tile-cover"] .footer a{float:right}

 .tile-work-order{float: left !important; margin-left: 6px;}
 .tile-assigned-to{position:absolute; top:200px; left:12px}
 .tile-inspection-pair{position:absolute; top:190px; left:12px}

 .main .column1 .lower-block{border-top:5px solid #ffffff; height:90px; margin:0 auto; background-color:#f2f2f2;  }
 .main .column1 .lower-block section a.primary{margin:0 !important}
 .main .column1 .lower-block section{padding:10px}
 .main .column1 .lower-block section input{width:500px; padding:4.5px}


 .main .column2{width:253px;background-color:#ededed; border:5px solid #ffffff; border-right:none; /**height:660px*/}
 .main .column2 section{padding:10px}
 .main .column2 section:first-child{background-color:#ededed;}
 .main .column2 a.primary{margin:0 !important}

 .main .column2 section.menu {position:relative; border-bottom:5px solid #ffffff; padding-top: 10px;  }
  .main .column2 section.menu:last-child {border-bottom:none;  }
 .main .column2 section.menu ul li {}
 
 .main .column2 header { padding: 0 15px; }

 .main .column2 section.menu nav ul li a.drop{
	background: #ccc;
	background-image: -moz-linear-gradient(center top , #ececec, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ececec 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	
	padding:7px 5px;  border: 1px solid #777777;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3); color:#333 !important; display:block; margin-bottom:3px
    }
 .main .column2 section.menu nav > ul li a.drop:hover{background: #ececec; text-decoration:none;}

 .main .column2 section.menu nav ul li a.drop-primary{
	background: #f48837;
    background-image: -moz-linear-gradient(center top , #f48837, #c16e2f);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48837), color-stop(100%,#c16e2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f48837 0%,#c16e2f 100%); /* Chrome10+,Safari5.1+ */
	
	padding:7px 5px;  border: 1px solid #777777;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3); color:#fff !important; display:block; margin-bottom:3px
    }
 .main .column2 section.menu nav > ul li a.drop-primary:hover{background: #f48837; text-decoration:none;}

 .drop-header { font-size: 150%; display: block; color: #0693a4; padding-left: 5px; }

 .main .column2 section.menu ul li a span.arrow-wd {background: url("img/drop-arrow-GRB.png") no-repeat scroll right center transparent;padding: 4px 4px 5px 10px;}
 .main .column2 section.menu div[id^="box"] {margin-top:-3px; margin-bottom:3px; padding: 6px; background-color:#bfbfbf}
 .main .column2 section.menu ul li [id^="box"] {display: none;}
 .main .column2 section.menu ul li [id^="box"] > p{font-style:italic; color:#666666; line-height:1em}
 .main .column2 section.menu ul li .opened {display: block !important;}
 .main .column2 section.menu ul li .opened ul {margin:15px 0}
 .main .column2 section.menu ul li .opened ul li label {text-align:center}
 .main .column2 section.menu ul li .opened ul li input {}
 .main .column2 section hr.dotted{ border-top: 1px dotted #ccc; margin:10px 0;}

.main-container-col1 section.bg-light {background-color:#fff !important}
.main-container-col1 section.x-wide div.h1-wrapper{background-color:#f48837 !important; padding-left:15px; border:1px solid #AC6027; color:#fff; margin-top:10px}
.main-container-col1 section.x-wide div.h1-wrapper a{margin:12px 12px 0 0}
.main-container-col1 section.x-wide div.breadcrumbs{padding-left:15px; margin-top:5px}
.main-container-col1 section.x-wide div.breadcrumbs a{padding-right:2px}
.main-container-col1 section.x-wide div section[class^="row"] {padding:15px}
.main-container-col1 section.x-wide div section.row01{background-color:#fff}
.main-container-col1 section.x-wide div section.row02{background-color:#dbdbdb}
.main-container-col1 section.x-wide div section.row03{background-color:#fff}
.main-container-col1 section.x-wide div section.row04{background-color:#dbdbdb}

.main-container-col1 section.x-wide div.h2-itf-wrapper{background-color:#f1C232 !important; padding-left:25px; border:1px solid #AC6027; color:#fff; margin-top:5px}
.main-container-col1 section.x-wide div.h2-closer-wrapper{background-color:#6AA84F !important; padding-left:25px; border:1px solid #AC6027; color:#fff; margin-top:5px}

.main-container-col1 section.x-wide h4 img{padding-right:15px}
.main-container-col1 section.x-wide h4{font-size:1.2em;}

.main-container-col1 section.x-wide div section[class^="row"] input,
.main-container-col1 section.x-wide div section[class^="row"] textarea,
.main-container-col1 section.x-wide div section[class^="row"] select {
    display: block;
    line-height: 18px;
    margin: 0 0 15px;
    padding: 5px;
}
.main-container-col1 section.x-wide div section[class^="row"] input[type="checkbox"],
.main-container-col1 section.x-wide div section[class^="row"] input[type="radio"] { display: inline; }
.main-container-col1 section.x-wide div section[class^="row"] input.medium { width: 300px;}
.main-container-col1 section.x-wide div section[class^="row"] input.large { width: 400px;}
.main-container-col1 section.x-wide div section[class^="row"] textarea.medium { width: 200px; height: 100px; }

.main-container-col1 section.x-wide div section.row01 div{float:left; margin: 0 25px}
.main-container-col1 section.x-wide div section.row01 div p{font-size:1.1em; font-style:italic; margin-top:25px}
.main-container-col1 section.x-wide div section.row01 div p span{font-weight:bold; color:#000}
.main-container-col1 section.x-wide div section.row02 div{float:left; margin: 0 25px}
.main-container-col1 section.x-wide div section[class^="row"] div.margin-left { margin: 0 25px }
.main-container-col1 section.x-wide div section.row02 div p{font-size:1.1em; font-style:italic; margin-top:25px}
.main-container-col1 section.x-wide div section.row02 div p span{font-weight:bold; color:#000}

.main-container-col1 section.x-wide div section[class^="row"] div[class^="column"] {float:left; margin-top:5px; margin-right:5px}
.main-container-col1 section.x-wide div section[class^="row"] div[class^="column"].wide {margin-right:25px}
.main-container-col1 section.x-wide div section[class^="row"] div[class^="column"] label{font-size:1.1em; font-weight:bold; padding:5px 0 5px 5px; }
.mobile .main-container-col1 section.x-wide div section[class^="row"] div[class^="column"] label{font-size:2.2em; }
.main-container-col1 section.x-wide div section[class^="row"] div[class^="group_"] { margin-left:0px;  padding:7px; color:#fff; font-weight:bold; margin-bottom:10px; background-color:#ac6027;}
.mobile .main-container-col1 section.x-wide div section[class^="row"] div[class^="group_"] { font-size: 150%; line-height: 200%; }
.mobile .main-container-col1 section.x-wide div section[class^="row"] div[class^="group_"] select { font-size: 100%; }
.main-container-col1 section.x-wide div section[class^="row"] div.group_placeholder {background-color:none;}
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper {border-bottom:1px dotted #dedede; padding-top:10px}
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper:first-child {border-bottom:none; padding-top:0}

.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"] {margin:0px 5px 15px 5px; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul{width:100%;  text-align:center;}
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li  {float:left; line-height:1.5em; padding:7px 1px 2px 1px; margin-right: 5px; background: #cccccc; border-bottom: 5px solid #000000; min-width: 70px; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li:last-child{padding-right:0}
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li:hover,
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.active { border-bottom-color: #f48837; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li label {padding:8px 8px; color:#000; cursor:pointer; font-weight: normal; font-size: 1em; text-transform: uppercase; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li label input[type=radio] { display: none; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.severity-1:hover { border-bottom-color: green; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.severity-1.active { border-bottom-color: green; background: green; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.severity-2:hover { border-bottom-color: yellow; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.severity-2.active { border-bottom-color: yellow; background: yellow; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.severity-3:hover { border-bottom-color: red; }
.main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li.severity-3.active { border-bottom-color: red; background: red; }

.mobile .main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li { padding: 14px 2px 4px 2px; }
.mobile .main-container-col1 section.x-wide div section[class^="row"] div.group-wrapper div[class^="button-row"]  ul li label { font-size: 2em; padding: 40px 20px; }

.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper div.column input,
.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper div.column select {margin:-10px 0 5px 5px; padding:2px 5px}
.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper div.column textarea {margin:0 0 5px 5px; padding:2px 5px}
.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper div.column label span.status-indicator {font-style:italic; color:#bdbdbd; font-size:.9em; padding-left:5px}


.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper   div.innerContent-wrapper{margin-top:-10px; padding:5px}
.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper  div.innerContent-wrapper input{padding:7px; width:330px; padding-left:0; margin-left:0; margin-bottom:5px}
.main-container-col1 section.x-wide div section[class^="row"]  div.group-wrapper  div.innerContent-wrapper select{margin-top:5px}

.main-container-col1 section.x-wide div section[class^="row"] div[class^="xrow"] {display:none}
.main-container-col1 section.x-wide div section[class^="row"] div.active {display:block !important}

.search-wrapper {margin-top:35px; padding-top: 7px; padding-right: 15px;}
.search-wrapper input.medium {padding:4px 35px 4px 5px; width:250px}
.search-wrapper a { margin-bottom: 0; margin-top: 0; margin-right: 0; }

.sort-filter-wrapper, .sort-filter-wrapper-lead { clear: left; width: 595px; float: left; }
.sort-filter-wrapper:lang(fr) { width: 695px; }
.sort-filter-wrapper-lead { width: 695px !important; }
.sort-filter-wrapper-lead:lang(fr) { width: 795px; }

.filter-wrapper {padding-right: 15px; margin-left: 15px; float: left; }
.filter-wrapper input.medium {padding: 4px 5px 4px 22px; width: 160px; background: url(../img/filter.png) no-repeat 5px 3px; border-width: 1px; border-style: inset outset outset inset;}
.filter-wrapper input.medium:-ms-input-placeholder {color: #777;}

.sort-wrapper {margin-top:8px; padding-top: 7px; padding-right: 15px; position: absolute; right: 200px;}

.filter-scope { margin-top: 3px; }
.filter-scope input[type=radio] {margin-left: 12px;}

.filter-paging { display: inline; margin-left: 15px; }
.filter-paging a { padding-right: 10px; }

/* ==============
    CLOSE LEAD: Override Styles
   ============== */
 .main-container-col1 section.x-wide div.close-lead section.row01 div{ margin: 0 25px 0 0px}
  .main-container-col1 section.x-wide div.close-lead section.row01 div.trigger-wrapper{background-color:x#dedede; border: 2px solid #dedede; padding:10px; min-height:138px; margin-right:25px; width:42%}
 .main-container-col1 section.x-wide div.close-lead section.row01 div.wip-wrapper{border: 2px solid #dedede; padding:10px; min-height:138px; margin-right:25px; width:28%}
 /*.main-container-col1 section.x-wide div.close-lead section.row01 div:last-child{ margin: 0 15px}*/
 .main-container-col1 section.x-wide div.close-lead section.row01 div h3{margin: 0}
 
 .main-container-col1 section.x-wide div.close-lead section.previous-list { margin: 0 15px; padding: 10px; border: 2px solid #dedede; }
 .main-container-col1 section.x-wide div.close-lead section.previous-list h3 { display: inline; }
 .main-container-col1 section.x-wide div.close-lead section.previous-list a { margin-left: 20px; }
 
.main-container-col1 section.x-wide div.close-lead section.row01 div p{margin: 0}
.main-container-col1 section.x-wide div.close-lead section.row01  h3{font-size:1em; margin-bottom:5px; margin-top:0px}
 .main-container-col1 section.x-wide div.close-lead section.row01  h3 span{ font-weight:normal; padding-left:10px}
 
 .main-container-col1 section.x-wide div.close-lead section.row03 div.column {margin-right:65px} 
 .main-container-col1 section.x-wide div.close-lead section.row03 div.column  h5{font-size:1em; margin:5px }
  .main-container-col1 section.x-wide div.close-lead section.row03 div.row  input,
  .main-container-col1 section.x-wide div.close-lead section.row03 div.row  select {margin-top:0 !important; margin-bottom:15px !important}
  .main-container-col1 section.x-wide div.close-lead section.row03 div.row  input.small{width:200px !important}  
  .main-container-col1 section.x-wide div.close-lead section.row03 div.row  input.xsmall{width:100px !important}  
  .main-container-col1 section.x-wide div.close-lead section.row03 div.row  textarea.small{width:200px !important}  
  .main-container-col1 section.x-wide div.close-lead section.row03 div.row  textarea.large{width:92% !important}
   .main-container-col1 section.x-wide div.close-lead section.row03 div.column a{padding-left:10px}  
 .main-container-col1 section.x-wide div.close-lead section.row03  h3{font-size:1em; margin-bottom:5px; margin-top:0px}
 .main-container-col1 section.x-wide div.close-lead section.row03  h3 span{ font-weight:normal; padding-left:10px}
 
 .main-container-col1 section.x-wide div.close-lead section.row01 div.map div { margin: 0; float: none; }
 .main-container-col1 section.x-wide div.close-lead section.row03 div.row div.column p { margin-left: 5px; }
 .main-container-col1 section.x-wide div.close-lead section.row03 div.row div.column select { margin-left: 5px; }
  
 /* ==============
    HEADER:
   ============== */


.header-container{height:80px; width:100%; margin:0 auto; }
.header-container .title img{padding:0 20px; height: 60px;}
.header-container .title a { color: white; cursor: pointer; text-decoration: none; margin-right: 15px; }
.header-container header nav ul{float:right; padding-right:15px}
.header-container header nav ul li{float:left;}
.header-container header nav ul li:first-child{color:#000; padding-right:5px}


nav a {
    padding: 0px 5px;
    text-decoration: none;
}



/* ==============
    ANCHOR STYLES
   ============== */

.primary {
    background: #f48837;
    background-image: -moz-linear-gradient(center top , #f48837, #c16e2f);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48837), color-stop(100%,#c16e2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f48837 0%,#c16e2f 100%); /* Chrome10+,Safari5.1+ */

    border: 1px solid #ac6027;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #ffffff;
    display: inline-block;
    font: normal 1em/2em Arial,Helvetica;
    margin: 0.5em;
    padding: 0 1.5em;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(172, 98, 42, 0.8);
    white-space: nowrap;
}
.primary:hover {
    background: #f48837;
    background-image: -moz-linear-gradient(center top , #f48837, #f48837);
    text-decoration:none;
}
.primary:active {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3) inset;
    position: relative;
    top: 1px;
}
.primary:focus {
    background: none repeat scroll 0 0 #FAFAFA;
    outline: 0 none;
}
.primary:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.15em 0 0 0.15em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}
.secondary {
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #F1F1F1, #E7E7E7);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#E7E7E7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F1F1F1 0%,#E7E7E7 100%); /* Chrome10+,Safari5.1+ */
	
    border: 1px solid #777777;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #854311;
    display: inline-block;
    font: normal 1em/2em Arial,Helvetica;
    padding: 0 1.5em;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}
.secondary:hover {
    background-color: #f1f1f1;
    text-decoration:none;
}
.secondary:active {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3) inset;
    position: relative;
    top: 1px;
}
.secondary:focus {
    background: none repeat scroll 0 0 #FAFAFA;
    outline: 0 none;
}
.secondary:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.15em 0 0 0.15em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 1.5em;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}

.tertiary {
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #DDDDDD);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FAFAFA 0%,#DDDDDD 100%); /* Chrome10+,Safari5.1+ */
    border: 1px solid #777777;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #333;
    display: inline-block;
    font: normal 1em/1.8em Arial,Helvetica;
    padding: 0 1.5em;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}
header .tertiary { line-height: 2em; }
.tertiary.disabled {
	color: #ccc;
}
.tertiary:hover {
	text-decoration:none;
}
.tertiary:not(.disabled):hover {
    background: #FAFAFA;
}
.tertiary:not(.disabled):active {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3) inset;
    position: relative;
    top: 1px;
}
.tertiary:not(.disabled):focus {
    background: none repeat scroll 0 0 #FAFAFA;
    outline: 0 none;
}
.tertiary:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.15em 0 0 0.15em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 1.5em;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}


.mega-primary {
    background-color: #CCCCCC !important;
    background-image: -moz-linear-gradient(center top , #f48837, #c16e2f) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48837), color-stop(100%,#c16e2f)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f48837 0%,#c16e2f 100%) !important; /* Chrome10+,Safari5.1+ */
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 0 0 1px 1px #c16e2f inset !important ;
    text-align:center;
    padding-top:80px;
}

.mega-link{color:#ffffff !important; font-weight:bold; display:block; margin-top:100px}

.quick-close, .dis-link { margin: 0.5em 13px 0.5em 0.5em; }
.quick-close-link:hover { cursor: pointer; }
.quick-close-outcomes  div[class^="button-row"] {margin:0px 5px 15px 0px; }
.quick-close-outcomes  div[class^="button-row"]  ul{width:100%;  text-align:center;}
.quick-close-outcomes  div[class^="button-row"]  ul li  {float:left; line-height:1.5em; padding:7px 1px 2px 1px; margin-right: 5px; background: #cccccc; border-bottom: 5px solid #000000; min-width: 70px; }
.quick-close-outcomes  div[class^="button-row"]  ul li:last-child{padding-right:0}
.quick-close-outcomes  div[class^="button-row"]  ul li:hover,
.quick-close-outcomes  div[class^="button-row"]  ul li.active { border-bottom-color: #f48837; }
.quick-close-outcomes  div[class^="button-row"]  ul li label {padding:8px 8px; color:#000; cursor:pointer; font-weight: normal; font-size: 1em; text-transform: uppercase; }
.quick-close-outcomes  div[class^="button-row"]  ul li label input[type=radio] { display: none; }
.quick-close-outcomes  div[class^="button-row"]  ul li.severity-1:hover { border-bottom-color: green; }
.quick-close-outcomes  div[class^="button-row"]  ul li.severity-1.active { border-bottom-color: green; background: green; }
.quick-close-outcomes  div[class^="button-row"]  ul li.severity-2:hover { border-bottom-color: yellow; }
.quick-close-outcomes  div[class^="button-row"]  ul li.severity-2.active { border-bottom-color: yellow; background: yellow; }
.quick-close-outcomes  div[class^="button-row"]  ul li.severity-3:hover { border-bottom-color: red; }
.quick-close-outcomes  div[class^="button-row"]  ul li.severity-3.active { border-bottom-color: red; background: red; }

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

/* ===============
    Maximal Width
   =============== */

    .wrapper {
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.right{float:right}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.message { padding: 10px; width:100%; margin:0 auto; box-sizing: border-box; font-size: 1.5em; }
.message .close { font-weight: bold; cursor: pointer; float: right; }
.message.message-success { background: lightgreen; color: darkgreen; }
.message.message-error { background: pink; color: darkred; }
.message.message-info { background: lightblue; color: darkblue; width: auto; }
.message.message-error a { padding-left: 15px; }

.date-wrapper { position: relative; width: 100px; }
.date-wrapper .date { width: 100px; box-sizing: border-box; }
.date-wrapper .date-clear { position: absolute; top: 3px; right: 3px; font-size: 20px; color: red; font-weight: bold; cursor: pointer; }
.mobile .date-wrapper { position: relative; width: 200px; }
.mobile .date-wrapper .date { width: 200px; box-sizing: border-box; }

.main-container-col1 section.x-wide div.close-lead section.row03 .offer-details > .column { margin-right: 5px; padding: 5px; border: 1px solid #ccc; width: 355px; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-details > .column > label,
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary > tbody > tr> td > label { font-size: 1.5em; 
    display: inline-block;
    width: 97%;
    overflow: hidden;
    white-space: nowrap;
}
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-details > .column > h5 { clear: left; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary th { text-align: left; padding-left: 5px; padding-top: 5px; vertical-align: top; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary th:first-child { width: 100%; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary td { white-space: nowrap; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary td .button-row { width: 320px; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary .estimate > div { width: 80px; }
.main-container-col1 section.x-wide div.close-lead section.row03 .offer-summary h5 {
	font-weight: normal;
	font-size: 1em;
	margin-top: 0;
}

.offer-toggle { cursor: pointer; }
.offer-toggle a { display: none; }
.offer-toggle + div { display: none; }
.offer-toggle .offer-toggle-message { margin-left: 20px; }

.offer-toggle.active { cursor: default; }
.offer-toggle.active a { display: block; }
.offer-toggle.active + div { display: block; }
.offer-toggle.active .offer-toggle-message { display: none; }

.main-container-col1 section.x-wide div.close-lead section.row03 .inspection-details > .column { margin-right: 5px; padding: 5px; border: 1px solid #ccc; width: 530px; }
.main-container-col1 section.x-wide div.close-lead section.row03 .inspection-details > .column:nth-child(odd) { clear: left; }
.main-container-col1 section.x-wide div.close-lead section.row03 .inspection-details > .column > .row > .column { margin-right: 40px; }

.mobile .main-container-col1 section.x-wide div.close-lead section.row03 .inspection-details > .column { margin-right: 5px; padding: 5px; border: 1px solid #ccc; width: 99%; clear: left !important; }
.mobile .main-container-col1 section.x-wide div.close-lead section.row03 .inspection-details > .column > .row > .column { margin-right: 40px; }
.mobile .main-container-col1 section.x-wide div.close-lead section.row03 .inspection-details > .column  > div[id^="resultNotesWrapper"] { float: left; margin-right: 5px; width: 30%; }

table.customer-info th, table.customer-info td { text-align: left; padding-right: 20px; }
table.customer-info tr:nth-child(even) td { background: #eee; }
table#custListTbl tr:nth-child(even) td { background: #eee; }

table.equipment-info { margin-left: 20px; }
table.equipment-info th, table.equipment-info td { text-align: left; padding: 10px; }
table.equipment-info tbody tr:nth-child(odd) td:first-child:after {
	content: '\25CF';
	font-size: 50px;
}
table.equipment-info tbody tr:nth-child(odd).status-in-operation td:first-child { color: green; }
table.equipment-info tbody tr:nth-child(odd).status-not-running td:first-child { color: blue; }
table.equipment-info tbody tr:nth-child(odd).status-warning td:first-child { color: orange; }
table.equipment-info tbody tr:nth-child(even) td:first-child { padding-left: 50px; }
table.equipment-info a.tertiary { margin-top: -10px; }
table.equipment-info tbody tr:nth-child(even) td:first-child .equipment-issue {
	padding: 5px;
	background: #eee;
	margin-bottom: 5px;
}
table.equipment-info tbody tr:nth-child(even) td:first-child .equipment-issue > div {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
table.equipment-info tbody tr:nth-child(even) td:first-child .equipment-issue > div.actions {
	float: right;
	margin-right: 0;
}

.thumbnail-container { margin-top: 15px !important; }
.thumbnail { height: 50px; cursor: pointer; border: 2px solid #ac6027; margin: 0 0 0 0; }
.thumbnail:hover { border: 2px solid #f48837; }
.featherlight .featherlight-image { max-height: 500px; max-width: 700px; object-fit: contain; }
.featherlight .featherlight-close-icon { background: #fff; }
.thumbnail-empty { height: 40px; width: 90px; border: 2px solid #eee; color: #999; margin: 0 0 0 0; padding: 5px; }

.main-container-col1 section.x-wide div section[class^="row"] select.jump { margin: 0; padding: 3px; margin-right: 7px; }

.icon-number { background: black; color: white; font-weight: bold; width: 25px; height: 25px; border-radius: 50%; display: inline-block; line-height: 25px; text-align: center;
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, black 100%, black 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, black);
	background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, black 100%, black 95%);
 }
 
 .featherlight .main-container-col1 { width: auto; min-height: 0; }
 .featherlight .main .x-wide { width: 860px !important; }
 .featherlight .breadcrumbs { display: none; }
 .featherlight .main .column1 header h1 { width: 400px; }
 .featherlight .message { width: auto; }
 .featherlight .message .close { display: none; }
 
 .selectWithAdd { width: 100%; }
 .selectWithAdd select { display: inline !important; }
 
 .file {
    position: relative;
    width: 150px;
    height: 2em;
    display: inline-block;
    overflow: hidden;
}
.file:lang(fr) {
    width: 180px;
}

.mobile .file { height: 3em; }
.file > input[type=file] {
    position: absolute;
    z-index: 2;
    opacity: 0;
}
.file > button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.file > span {
    position: absolute;
    left: 115px;
    top: 5px;
    width: 200px;
    display: none;
}
.mobile .file > span { left: 155px; }
.file.selected { 
     overflow: visible;   
}
.file.selected > span {
    display: block;   
}
.file-delete {
	font-size: 20px;
	color: red;
	font-weight: bold;
	cursor: pointer;
}

.estimate {
	margin: 0 10px 0 5px;
	padding: 5px;
	background: #eee;
	clear: left;
}
.estimate > div {
	display: inline-block;
}
.estimate > div > p, .main-container-col1 section.x-wide div.close-lead section.row03 div.row .estimate input.xsmall {
	width: 80px !important;
}
.estimate > div > p, .main-container-col1 section.x-wide div.close-lead section.row03 div.row .estimate input.xxsmall {
	width: 55px !important;
}

.collapsible {
	cursor: pointer;
}

.feed {
	max-height: 400px;
	overflow-y: scroll;
}

.activity {
	padding: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #aaa;
	position: relative;
}

.activity-person {
	float: left;
}

.activity-person  img {
	width: 60px;
}

.activity p {
	margin: 0;
	clear: left;
}

.activity-details {
	float: left;
	margin-left: 10px;
}
.activity-details h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
.activity-details h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
.activity-details h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	color: #666;
}
.activity a {
	position: absolute;
	right: 0;
	bottom: 0;
}

.loader {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 2s linear infinite;
		display: inline-block;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.clear { clear: left; }

.parts-catalog-api { height: 650px; }

.parts-catalog-tabs li { list-style-type: none; display: inline-block; cursor: pointer; padding: 10px; border: 1px solid white; border-bottom-color: black; color: gray; }
.parts-catalog-tabs li:first-child { padding: 3px; }
.parts-catalog-tabs li:first-child img { height: 33px; }
.parts-catalog-tabs li.active { font-weight: bold; color: black; border: 1px solid black; border-bottom-color: white; }
.parts-catalog-dataset img { cursor: pointer; }
.parts-catalog p { margin: 10px 0; }
.parts-catalog .column { display: inline-block; vertical-align: top; }
.parts-catalog ul.select { height: 500px; overflow-y: scroll; }
.parts-catalog ul.select li { list-style-type: none; cursor: pointer; padding: 5px; }
.parts-catalog ul.select li:hover { background: #f48837; }
.parts-catalog ul.select li.active { background: #f48837; }
.parts-catalog select { width: 250px; }

.parts-catalog ul.select.select-tile { list-style-type: none }
.parts-catalog ul.select.select-tile li { display: inline-block; width: 150px; height: 200px; overflow: hidden; vertical-align: top; }
.parts-catalog ul.select.select-tile li img { width: 150px; height: 150px; }

.parts-catalog-image-with-callouts img { width: 100%; cursor: pointer; }
.parts-catalog-image-with-callouts2 img { width: 100%; cursor: pointer; }
.parts-catalog-callout { cursor: default; position: absolute; width: 20px; height: 20px; line-height: 20px; background: #666; font-size: 12px; color: #fff; text-align: center; display: none; }
.parts-catalog-callout.active { background: #f48837; z-index: 2 }
.parts-catalog-picked-item-remove { color: red; font-weight: bold; cursor: pointer; text-decoration: none; }
.parts-catalog-callout-large { width: 35px !important; height: 35px !important; line-height: 35px !important; }

.parts-catalog-list {
	overflow-x: hidden;
	width: 350px;
}
.parts-catalog-list th, .parts-catalog-list td { padding: 5px; }
.parts-catalog-list th { font-weight: bold; text-align: left; border-bottom: 1px solid black; }
.parts-catalog-list tbody tr:nth-child(odd) td { background: #eee; }
.parts-catalog-list thead tr th:nth-child(1) { width: 30%; }
.parts-catalog-list thead tr th:nth-child(2) { width: 36%; }
.parts-catalog-list thead tr th:nth-child(3) { width: 16%; }
.parts-catalog-list thead tr th:nth-child(4) { width: 5%; }
.parts-catalog-list tbody tr td:nth-child(1) { width: 30%; }
.parts-catalog-list tbody tr td:nth-child(2) { width: 36%; }
.parts-catalog-list tbody tr td:nth-child(3) { width: 16%; }
.parts-catalog-list tbody tr td:nth-child(4) { width: 5%; }

.inventory-picklist-parts-list table th, .inventory-picklist-parts-list table th { padding: 5px; }
.inventory-picklist-parts-list table th { font-weight: bold; text-align: left; border-bottom: 1px solid black; }
.inventory-picklist-parts-list table tbody tr:nth-child(odd) td { background: #eee; }
.inventory-picklist-parts-list table thead tr th:nth-child(1) { width: 45%; }
.inventory-picklist-parts-list table thead tr th:nth-child(2) { width: 55%; }
.inventory-picklist-parts-list table thead tr th:nth-child(3) { width: 5%; }
.inventory-picklist-parts-list table tbody tr td:nth-child(1) { width: 45%; }
.inventory-picklist-parts-list table tbody tr td:nth-child(2) { width: 55%; }
.inventory-picklist-parts-list table tbody tr td:nth-child(3) { width: 5%; }

.inventory-parts-catalog-list {
    overflow-x: hidden;
    width: 500px;
    table-layout: fixed;
}
.inventory-parts-catalog-list th, .parts-catalog-list td { padding: 5px; }
.inventory-parts-catalog-list th { font-weight: bold; text-align: left; border-bottom: 1px solid black; }
.inventory-parts-catalog-list tbody tr:nth-child(odd) td { background: #eee; }
.inventory-parts-catalog-list tbody tr td input { margin-top: 3px !important; margin-bottom: 5px !important; }

.inventory-parts-catalog-list colgroup col:nth-child(1) { width: 140px; }
.inventory-parts-catalog-list colgroup col:nth-child(2) { width: 140px; }
.inventory-parts-catalog-list colgroup col:nth-child(3) { width: 60px; }
.inventory-parts-catalog-list colgroup col:nth-child(4) { width: 65px; }
.inventory-parts-catalog-list colgroup col:nth-child(5) { width: 120px; }
.inventory-parts-catalog-list colgroup col:nth-child(6) { width: 30px; }
.inventory-parts-catalog-list .danger, .picklist-list .danger, #processReturnDiv .danger  { color: red; font-weight: bold; }

.parts-catalog-context {
	background: #eee;
	padding: 5px;
	padding-top: 5px;
	margin: 10px 0;
}
.parts-catalog-context p {
	margin: 0;
	margin-top: 5px;
	margin-left: 5px;
}

.parts-catalog .parts-list-container { height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.parts-catalog .parts-list th, .parts-catalog .parts-list td { padding: 5px; }
.parts-catalog .parts-list tbody tr { cursor: pointer; }
.parts-catalog .parts-list tbody tr:hover { background: #f48837; }
.parts-catalog .parts-list tbody tr.active { background: #f48837; }

.maxOrRestoreDialog { position: absolute; top: 4px; right: 25px; outline: none; }
.maxOrRestoreDialog:focus { outline: none; }
.maxOrRestoreDialog img { outline: none; border: 0; }

.unnumbered-title { margin-left: 25px; }
.margin-left-none { margin-left: 0px !important; }
.margin-right-none { margin-right: 0px !important; }
.main-container-col1 section.x-wide div section.row01 div div div h4 { margin-top: 15px !important; }

.deletePart {font-size: 16px; color: red; font-weight: bold; cursor: pointer; margin-right: 0px !important;}
.supersessionPartNumber { font-style: italic; }

.background-image { background-image: url('/img/background/background1.jpg'); background-repeat: no-repeat; background-size: 100% 100%; min-height: 100%; } 
.login-container {position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 342px; height: 455px; background-color: white; border: 1px solid #7f7f7f;}
.copyright-notice {text-align: center; color: gray; }

.menu-trigger { display: none; }
.h1-wrapper-menu-trigger { display: none; }
[data-role="create"] { display: block;}
.small-logo { display: none; }
.close-view { float: right; margin: 5px 5px; display: none; cursor: pointer; }
.menu-mobile { display: none; }
.alt-cutomer-contact-links { display: none; }
.equipment-repeat {font-weight: normal !important; white-space: nowrap; }
#fixListTbl tbody tr:nth-child(odd) td { background: #f4f4f4; }
.alt-backlog-outcome { display: none; }
.location-info { width: 300px; }
.machine-list { margin-top: 5px; }
.machine-list th, .machine-list td { padding: 5px; }
.machine-list tbody tr:hover { background: #eee; }

.sortableCol { cursor: pointer; }
.sortableTable.featherlight-inner th {  padding-right: 10px; }
.sortableTable.featherlight-inner td {  padding-right: 10px; }

span[data-latitude] { color: grey; font-size: 11px; padding-left: 4px; }
.fullscreen-map { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200000; }
.fullscreen-map > div { width: 100% !important; height: 100% !important; overflow: visible !important; }
.resize-map	 { position: fixed; right: 15px; top: 10px;  z-index: 200001; cursor: pointer; }

.inspection-thumbnail { width: 150px; }
.profile-thumbnail { width: 150px; }
.appraisal-thumbnail { width: 40px; }

.unnumbered-title { margin-left: 25px; }
.margin-left-none { margin-left: 0px !important; }
.main-container-col1 section.x-wide div section.row01 div div div h4 { margin-top: 15px !important; }

.dealer-logo { padding-left: 30px !important; }
.change-customer { font-style: italic; font-size: 1.1em; }
span.change-customer { font-weight: bold; }

.job-date .date-wrapper { float: none !important; margin-left: 0 !important; }
.job-notes-div { margin-left: 40px !important; padding-top: 15px; }
.job-notes { width: 500px !important; }
.addNeed {font-size: 20px; color: green; font-weight: bold; cursor: pointer; margin-right: 0px !important;}
.deleteNeed {font-size: 20px; color: red; font-weight: bold; cursor: pointer; margin-right: 0px !important;}
.profile-div { width: 530px; }
.profile-div a { clear: both; float: left; }
.pricing-defaults fieldset { width: 560px; }
.h1-action-menu { display: block; }
a.dealer-part { margin-left: 66px; }
.dealer-parts-list, .inventory-picklist-parts-list { margin-top: 10px; margin-bottom: 15px; }
.dealer-parts-list > table > tbody > tr> td > input, .inventory-picklist-parts-list  > table > tbody > tr> td > input { margin-top: 6px; margin-bottom: 6px; } 
.addDealerPartsSaveDiv { margin-top: 25px;  margin-bottom: 10px; }
.parts-buttons { display: flex; justify-content: space-between; }

.condition { width: 370px; }
.condition > div > span { padding-left: 110px; font-size: 1.1em; }
.condition .paint { width: 45%; float: left; }
.condition .body { width: 55%; float: left; }

.interaction-new > div:not(:nth-of-type(2)) { margin-top: 40px !important; }
.interaction-regards { width: 600px; }
.interaction-regards-new { width: 115px; text-align: center; }
.interaction-tertiary { padding-left: 20px !important; margin-left: 0px !important; }
.interaction-list > div { margin-right: 12px !important; }
.interaction-list > div > table a { margin-left: 20px; }

.interaction-activity a:lang(fr) { width: 150px; }

.altOption { background: white !important; border-bottom: none !important; padding-top: 0px !important; max-height: 31px; }
.altOption > button { height: 25px; width: 95px; }
.altOption.cancelRepair > button { height: 25px; width: auto; }
.altOptionPad { padding-top: 10px !important; }
.altWriteIn { width: 135px; margin-left: 0px !important; margin-bottom: 10px !important; }

.fileAppraisal {
    position: relative;
    width: 95px;
    height: 2em;
    display: inline-block;
    overflow: hidden;
}
.mobile .fileAppraisal { height: 3em; }
.fileAppraisal > input[type=file] {
    position: absolute;
    z-index: 2;
    opacity: 0;
}
.fileAppraisal > button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
	width: 95px;
	height: 25px;
}
.appraisalImageLarge { display: block; margin: 0 auto; }
.appraisalUploadProgress { text-align: left; }
.appraisalUploadProgress span { font-size: 7pt; }
.interaction-list > div > table a { margin-left: 20px; }

#branchAccessTbl { margin-left: 25px; }
#branchAccessTbl th { text-align: left; }
#branchAccessTbl th:nth-child(1) { width: 20px; }
#branchAccessTbl td:nth-child(1) { width: 20px; }
#branchAccessTbl th:nth-child(1) input { margin-top: 12px; }
#branchAccessTbl td:nth-child(1) input { margin-top: 12px; }
#branchAccessTbl th:nth-child(3) { padding-left: 15px; }
#branchAccessTbl td:nth-child(3) { padding-left: 15px; }
#branchAccessTbl tbody tr:not([data-disabled='true']):hover { background: #f48837; cursor: pointer; }

table.interaction-info th, table.interaction-info td { text-align: left; padding-right: 20px; }
table.interaction-info tr:nth-child(even) td { background: #eee; }
table.interaction-info th:last-child, table.interaction-info td:last-child { padding-right: 0px; }

.truncated-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#agenda { display: none; }

.todo-view-icon { float: right; padding-right: 5px; padding-top: 4px; }

.trigger-due-date { background-color: lightGray; width: 120px; }
.trigger-wrapper-notes { width: 52% !important; }
.ccmNotes { margin-left: 0px !important; margin-right: 10px !important; clear: both; }
.hoursOtherSpacer { line-height: 3em; }

.stored-list-item { margin-left: 10px; padding-left: 3px; }
.stored-list-item:hover { background: #f48837; }
.stored-list-item.active { background: #f48837; }
#selectStoredPartsListDiv .tertiary { box-shadow: none; }

.featherlight .h1-wrapper .right .file { margin-top: 12px; margin-right: 10px; }

.image-annotation { display: table; margin:0 auto; }

.duplicateEquipmentTable { margin-top: 10px; margin-bottom: 15px; }
#mergeDuplicatesDiv	th { padding-left: 5px; padding-right: 5px; }
#mergeDuplicatesDiv	td { padding-left: 5px; padding-right: 5px; }
.excludeLink { color: red; }
.skipLink { margin-top: 5px; margin-right: 30px; }
.dupSeperator { padding-top: 10px; padding-bottom: 10px; }
.mergeFieldset { border-top-width: 1px; border-top-style: solid; border-top-color: black; }
.mergeLegend { margin-left: 10px; padding-left: 3px; padding-right: 3px; font-weight: bold; }
.mergeSaveDiv { margin-top: 25px;  margin-bottom: 10px; }
.mergeSaveDiv img { margin-left: 10px; }

.zoom-controls {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0 10px;
  z-index: 100;
}

.add-segment-label { font-weight: bold; }
.add-segment-category { width: 70px; display: inline-block; }
.add-segment-textarea { clear: both; width: 98%; }
.add-segment-table-label { font-weight: bold; width: 100%; display: inline-block; }
.add-segment-button { cursor: pointer; margin-right: 10px; }

.service-thumbnail { width: 40px; padding-right: 5px; }

.equipment-search-term { padding-top: 18px; font-size: 18px; display: inline-block; }
.status-lbl { padding-right: 5px; }

.video-large { max-width: 100%; max-height: 100%; }
.video-container { position: relative; display: inline-block; }
.video-container:hover { cursor: pointer; }
.video-thumbnail-overlay {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.video-thumbnail-overlay:hover { cursor: pointer; }
.video-thumbnail-overlay-small { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 1; width: 20px; }
.video-thumbnail-overlay-small:hover { cursor: pointer; }
.video-thumbnail-overlay-medium {top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 40px; position: absolute; }
.video-thumbnail-overlay-medium:hover { cursor: pointer; }

.timeline { width: 14%; display: inline; float: left; margin-left: 2px; margin-right: 2px; text-align: center; }
.tl-col { width: 250px; }
.tl-col-empty { width: 15%; }
.timeline-next { display: inline; float: left; margin-left: 2px; }
.timeline-connector { width: 2px; height: 25px; margin-left: 50%; } 
.wf-progress-img-container { width: 250px; height: 14px; position: relative; clear: both; padding-bottom: 5px; }
.wf-progress-img { left: 43px; position: absolute; }
.wf-icon-number { float: right; background: rgb(254, 201, 121); color: black; font-weight: bold; width: 25px; height: 25px; border-radius: 50%; display: inline-block; line-height: 25px; text-align: center; margin-right: 3px; }
.wf-tile-content-hidden { display: none; }
.wf-small-tile { height: 65px !important; }
.wf-small-tile #customerName { white-space: nowrap; max-width: 200px; overflow: hidden; }
.wf-timeline-col ul li:last-child div { margin-bottom: 0px !important; }
.wf-cs-name { width: 150px; min-width: 150px; display: flex; align-items: center; }
.wf-cs-name span { padding-left: 3px; font-size: 12pt; font-weight: bold; }
.wf-cs-1 { width: 25px; }
.wf-wo-circle { margin-left: 25px; margin-top: 5px; border-radius: 50%; border: 3px solid; width: 50px; height: 50px; padding: 2px; text-align: center; overflow: hidden; word-wrap: break-word; }
.wf-wo-text { display: block; padding-top: 10px; }
.wf-ctl-circle { border-radius: 50%; border: 4px solid rgb(254, 201, 121); width: 15px; height: 15px; }
.wf-ctl-segment-1 { margin-top: 6px; border: 3px solid rgb(254, 201, 121); background: rgb(254, 201, 121); width: 15px; height: 3px; }
.wf-ctl-segment-2 { margin-top: 6px; border: 3px solid rgb(254, 201, 121); background: rgb(254, 201, 121); width: 25px; height: 3px; }
.wf-ctl-segment-3 { margin-top: 6px; border: 3px solid rgb(254, 201, 121); background: rgb(254, 201, 121); width: 30px; height: 3px; }
.wf-step-name { width: 110px; text-align: center; }
.capacity-1 { background-color: rgb(182, 215, 168); }
.capacity-2 { background-color: rgb(255, 229, 153); }
.capacity-3 { background-color: rgb(234, 153, 153); }
.border-capacity-1 { border-color: rgb(182, 215, 168) }
.border-capacity-2 { border-color: rgb(255, 229, 153) }
.border-capacity-3 { border-color: rgb(234, 153, 153) }
.affirm-label-span { display: inline-block; vertical-align: top; padding-top: 8px; padding-left: 5px; font-weight: bold; }
.negative-date { display: inline-block; vertical-align: top; margin-top: 5px; }
.negative-date>div { display: inline-block; }
.negative-date-icon { display: inline-block; float: right; margin-left: 8px; height: 18px; cursor: pointer; }
.new-wip-com { box-shadow: 0px 0px 8px rgba(55,244,108,0.75); }
.reg-wip-com { border: 1px solid black; }
.wip-com-msg-left { clear: both; border-radius: 7%; background-color: rgb(238,238,238); padding: 3px; max-width: 150px; margin-bottom: 3px !important; }
.wip-com-msg-right { border-radius: 7%; background-color: rgb(159,197,248); padding: 3px; width: 150px; margin-left: 75px !important; margin-bottom: 3px !important; margin-right: 0px !important; }
#wipComList { width: 249px; min-height: 140px; max-height: 180px; margin-bottom: 5px; margin-right: 0px !important; padding: 3px; background-color: white; overflow-y: scroll; }

.srt-dictionary-list span { font-size: 18px; }
.srt-dictionary-list span:hover { background-color: rgb(244,136,55); cursor: pointer; }
.srt-dictionary-list-expand-ind { width: 15px; display: inline-block; }
.srt-dictionary-list .selected-op { border-bottom-style: solid; border-bottom-color: rgb(244,136,55); border-bottom-width: 2px; }

.srt-adjustment-disabled { color: darkGray; }

.trigger-wrapper-narrow { width: auto !important; max-width: 500px; margin-bottom: 10px !important; }

.uptime-marker { height: 36px; padding-right: 10px; }

.opportunity-title { width: 660px !important; }
.opportunity-title span { padding-left: 15px; font-weight: bold; }

.h1-dashboard-title { font-size: 1.5em !important; }
.todo-type-container { margin-top: 3px; margin-bottom: 5px; }
.status-container { margin-bottom: 5px; }

.equipment-paging, .ccm-paging { display: inline-block; margin-left: 25px; }
.dealer-parts-paging { display: inline-block; margin-left: 0px !important; }
.equipment-paging .paging-buttons .arrow, .ccm-paging .paging-buttons .arrow , .dealer-parts-paging .paging-buttons .arrow { position: absolute; width: 0px; height: 0px; cursor: pointer; border-style: solid; margin-top: 3px; }
.equipment-paging .paging-buttons .arrow.right, .ccm-paging .paging-buttons .arrow.right, .dealer-parts-paging .paging-buttons .arrow.right {border-width: 8px 8px 8px 0; border-color: transparent #ccc transparent transparent; }
.equipment-paging .paging-buttons .arrow.left, .ccm-paging .paging-buttons .arrow.left, .dealer-parts-paging .paging-buttons .arrow.left {border-width: 8px 0px 8px 8px; border-color: transparent transparent transparent #ccc; right: 0; }
.paging-buttons { display: inline-block; width: 25px; height: 15px; position: relative; margin-left: 5px; }
.equipment-paging .paging-buttons .arrow.right.active, .ccm-paging .paging-buttons .arrow.right.active, .dealer-parts-paging .paging-buttons .arrow.right.active{ border-color: transparent white transparent transparent; }
.equipment-paging .paging-buttons .arrow.left.active, .ccm-paging .paging-buttons .arrow.left.active, .dealer-parts-paging .paging-buttons .arrow.left.active{ border-color: transparent transparent transparent white; }
.dealer-parts-paging .paging-buttons .arrow.right.active{ border-color: transparent #f48837 transparent transparent; }
.dealer-parts-paging .paging-buttons .arrow.left.active{ border-color: transparent transparent transparent #f48837; }
.dealer-parts-paging  .paging-buttons { margin-left: 0px !important; }

.dealer-parts th { text-align: left; }
.dealer-parts th, .dealer-parts td { padding-right: 15px; }
input.dp-list-price { width: 60px; text-align: right; }
input.dp-description { width: 250px; }
.dp-filter { display: inline-block !important; width: 385px; }
.dp-filter-btn { margin-left: 5px; }
.dp-add-parts-table th { text-align: left; border-bottom: 1px solid black; }
.dp-add-parts-table th, .dp-add-parts-table td { padding-right: 5px; }
.dp-add-parts-table tbody:first-child td { padding-top: 5px; }
.dp-add-parts-table td input { padding: 5px; }
.dp-add-parts-table tbody td { padding-top: 5px; padding-bottom: 5px; }
.dp-update-msg { color: 'green'; position: relative; top: -5px; padding-left: 5px; }

.is-group-wrapper { width: 80%; }
.is-appraisal-section { margin-top: 15px; margin-bottom: 15px; }
.is-section-title { font-size: 24px; margin-top: 20px; margin-bottom: 20px; }
.is-value-table { width: 100%; }
.is-value-table th, .is-value-table tr td:first-of-type { font-size: 18px; }
.is-value-table td { min-width: 15%; min-height:55px; }
.is-value-table tbody tr:first-of-type { background-color: rgba(16,16,16,.1); }
.is-value-table tbody tr:nth-child(3), .is-value-table tbody tr:nth-child(5) {  background-color: rgba(16,16,16,.05); }
.is-value-table thead tr th:not(:first-of-type), .is-value-table tbody tr td:not(:first-of-type) { text-align: right; }
.is-usage-section-title { font-size: 16px; font-weight: bold; }
.is-option-group-title { font-size: 14px;  font-weight: bold; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; }
.is-option-title { font-size: 12px; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; }
.is-toggle-options:hover { cursor: pointer; }
.is-options-ind { width: 20px; display: inline-block; }
.is-option-value { float: right; }
.is-options-total { float: right; }
.is-iron-avg { font-size: 10px; }
.is-apply-margins { font-size: 13px; }
.is-value-table thead tr th:hover { cursor: pointer; }
.is-value-table-sel-col { background-color: #ffe599; }
.repair-estimate-row td { background-color: #ffe599; }

.po-line-item-list { font-size: 14px; }
.po-line-item-list td { padding-right: 10px; }

.po-offer-approve {
    margin-right: 10px;
    text-align: right;
}

.po-offer-approve label:nth-child(1), .po-offer-approve span[data-approve="1"] {
    color: green;
    font-weight: bold;
}

.po-offer-approve label:nth-child(2), .po-offer-approve span[data-approve="0"] {
    color: red;
    font-weight: bold;
}

.po-offer-approve label:nth-child(2) input {
    margin-left: 40px !important;
}

.po-confirm-box {
    float: left;
    padding-right: 10px;
}

.po-confirm-box .po-confirmed-by {
    display: inline !important;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: underline;
}

div[data-map-small="true"] {
    margin-right: 0px !important;
}

.lead-address-map {
    display: flex;
    flex-direction: column;
    margin-right: 0px !important;
}

.lead-address-map .lead-address-row {
    display: flex;
    flex-direction: row;
    margin-right: 0px !important;
}

.lead-address-map >.lead-address-row > div:first-child {
    width: 210px;
}

.lead-address-map > .lead-address-row > div:last-child {
    margin-right: 0px !important;
}

.assignment-modal table {
    margin-top: 15px;
}

.assignment-modal table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.assignment-modal table td:first-child {
    padding-right: 5px;
}

.assignment-modal table .am-title {
    font-weight: bold;
    font-size: 15px;
}

.assignment-modal table select, .assignment-modal table input:not([type=checkbox]) {
    height: 25px;
}

.lead-interactions .interaction-list {
    margin-right: 0px !important;
}

.lead-interactions .interaction-list div:first-child {
    padding-top: 5px;
    height: 18px;
}

.lead-interactions .interaction-list div:nth-child(2) {
    clear: both;
    margin-right: 0px !important;
}

.inventory-item-table {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 35px;
}

.inventory-item-table input {
    margin-left: 10px;
    width: 250px;
    height: 18px;
}

.inventory-item-table select {
    margin-left: 10px;
    height: 24px;
}

.inventory-item-table tr:not(:first-of-type) select {
    width: 122px;
}

.inventory-item-table tr:first-of-type select {
    width: 255px;
}

.inventory-item-table a {
    margin-left: 10px;
}

.inventory-item-table a:hover {
    cursor: pointer;
}

.picklist-list th { font-weight: bold; text-align: left; border-bottom: 1px solid black; }
.picklist-list th:nth-child(6) { padding-left: 10px; border-bottom: 0px; }
.picklist-list th:nth-child(7) { border-bottom: 0px; }
.picklist-list tbody tr:nth-child(odd) td { background: #eee; }
.picklist-list th:nth-child(3) { padding-left: 10px; padding-right: 10px; }
.picklist-list th:nth-child(4) { padding-right: 10px; }
.picklist-list td:nth-child(3) { text-align: center; font-weight: bold; color: #f48837; font-size: 16px; }
.picklist-list td:nth-child(6) { padding-left: 10px; padding-top: 12px; background: white !important; }
.picklist-list td:nth-child(7) { background: white !important; }
.picklist-list td:not(:nth-child(5)) { padding-right: 10px; }
.picklist-list tbody input { width: 60px; }
.picklist-list .danger  { height: 45px; }
.picklist-list .confirmed  { border: 2px solid green; }

#inventoryLocationDiv .disabled { color: lightgray; }
#inventoryLocationDiv img { margin-left: 10px; }
#inventoryLocationDiv img:hover { cursor: pointer; }
#inventoryLocationDiv canvas { vertical-align: middle; margin: 0px 5px; }
#processReturnDiv table { display: block; max-height: 330px; overflow-y: scroll; }
#processReturnDiv table tr:nth-child(3n) { border-bottom: 1px solid lightgrey; border }
#processReturnDiv table .spacer { padding-top: 10px; }
#processReturnDiv table .inventory-location { padding-left: 10px; }

.inventory-equipment tbody td .location-cover {
    margin-top: 11px;
    object-fit: cover;
    width: 110px;
    height: 72px;
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.inventory-equipment tbody td .location-cover .map, .inventory-equipment tbody td .location-cover div {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.inventory-equipment tbody td .location-cover img {
    width: 110px;
    height: 72px;
}

.inventory-equipment tbody td .location-cover img:hover {
    cursor: pointer;
}

.inventory-action { margin-right: 5px; }

.inventory-action:hover { text-decoration: none; }

.inventory-action-items {
    position: absolute;
    width: 150px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: white;
    border: 1px solid grey;
}

.wo-warranty { color: #cf2a1e; font-weight: bold; font-size: 18px; padding-top: 12px; padding-left: 5px; }

.work-order-details { display: flex; flex-flow: wrap row; }
.work-order-details div { flex-basis: 25%; flex-grow: 0; }
.work-order-details div a { margin-top: 10px; }
.work-order-details div table th { text-align: left; }
.work-order-details div table thead tr th:nth-child(2) { padding-left: 10px; padding-right: 10px; }
.work-order-details div table tbody tr td:nth-child(2) { padding-left: 10px; padding-right: 10px; }
.work-order-details div table tbody tr td img { vertical-align: top !important; }
.wo-equipment-hours { clear: both; }
.wo-equipment-hours label { font-weight: bold; }
.wo-equipment-hours input { width: 80px; }

.ccm-notes-wrapper { margin-left: 0px !important; display: flex; }
.ccm-notes-wrapper > div { margin-left: 0px !important; }
.ccm-notes-customer-visible { margin-top: 35px !important; }
.ccm-notes-customer-visible label { font-size:16px !important; }

.interaction-link { clear: both; margin-top: 10px !important; }
.interaction-link input { width: 475px; }

.ccm-hours-req { display: inline-block; max-height: 16px; padding-top: 0px; }
.ccm-item-req, .ccm-hours-req { background-color: yellow; padding-right: 5px !important; }

.offer-changed { background-color: #F6F657; }

.aif-header:lang(fr) { width: 480px !important; }
.au-header:lang(fr) { width: 280px !important; }
.ala-header:lang(fr) { width: 520px !important; }
.ad-header:lang(fr) { width: 410px !important; }
.adp-header:lang(fr) { width: 350px !important; }
.h1-action-menu:lang(fr) a { max-width: 150px; display: inline-block; vertical-align: top; }

.aci-disabled { color: gray !important; }


table.request-appraisal-estimate tr:nth-child(even) td { background: #eee; }