/**************************************************************************************
This style sheet is imported after the custom css style defined by the client (stored in the database). 
The client default css style might overrite some of the style statements in this file. 
****************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
fieldset { 
    border:none; 
}
ol, ul {
	list-style: none;
}


/**************************
previously the "menusite.css"
**************************/

body{
    line-height: 1;
    padding: 0 0 0 0;
    margin: 0;
    font: 16px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #fff;
    background: #404040 url('../images/logos/background.png') repeat fixed;
    background-repeat:no-repeat;
	background-size:cover;
    width: 100%;
}
::-moz-selection {
	background-color: #eee;
}
::selection {
	background-color: #eee;
}
.wrapper {
	/*position: relative;*/
	z-index: 3;	
	max-width: 50em;
	min-width: 20em;
	margin: 0 2em 1em 24%;
	background-color: #404040;
}

a { color: #3a51b2; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; }

h1 {
    position: relative;
    top: 5.2em;
    right: 0;
    margin:  0 1em 9.2em 24%;
    max-width: 34em;
    line-height: 1;
    text-align: right;
}
strong {
	font-weight: bold;
}
h1.navigation {
    position: absolute;
    top:-9999px;
    left: -9999px;
}
del {
    display: none;
}
ins {
    text-decoration: none;
}
/* Site Navigation */
ul#nav_site {
	border: none;
	position: absolute;
	top: 1.0em;
	left: 8.5em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index:1200;
}
/*Page Navigation*/
#nav_logo {
    position: absolute;
    top: 0.5em;
    left: 0.3em;    
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 0.5em;
    /* border-left: 1px dotted #ff7f00; */
    text-align: left; /* reset text-align */
    
    background-repeat: no-repeat;
    min-width: 90px;
    min-height: 45px;
    z-index:1;
    
}

.mobilemenu {
	display:none; 
    position: relative;
    top: 0.5em;
    left: 0.5em;    
}


.itkdesign #menupanel.ui-panel-position-left.ui-panel-display-reveal, .itkdesign #menupanel.ui-panel-open.ui-panel-position-left {
    top: 0px;
}

#menupanel ul li a:hover 
{
	background: rgb(46,135,205);
	border: none;
	text-decoration:none;
}

ul#nav_page {
    position: absolute;
    top: 0.5em;
    right: 1.5em;    
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 0.5em;
    border-left: 1px dotted #9AABD1;
    text-align: left; /* reset text-align */
    background: none;
    z-index:3;
}
#nav_page li {
    padding:0;
    margin:0;
}
#nav_page a {
    color: #ffffff;
   	line-height: 1.25;
	display: block;
    text-decoration: none;
    padding:0 0 0 0;
}
#nav_page a:hover {
    color: #9AABD1;
}
	
/* columnswapping with percentages*/
.containerRight {
    width: 50%;
    float:right;
    margin:0;
    padding:0;
}


.itktpp-msg {
  position: relative;
  background: #ffff66;
  padding: 0px;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 70px;
  color: #000;	
  font-size: medium;
  font-weight: bold;
}

.itktpp-inner {
  padding: 10px;
}

.itktpp-msg-sm {
  padding: 15px;
  font-size: small;
  font-weight: bold;
  color: #888;	
}

#itktpp_close {
    position: absolute;
    top: 0.5em;
    right: 1.7em;    
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-right: 0.5em;
    /* border-left: 1px dotted #ff7f00; */
    text-align: right; /* reset text-align */
    z-index:1;
}



.columnShiftToLeft {
    width: 100%;
    left: -100%;
    position: relative;
    z-index:1;
}
.containerLeft {
    width: 50%;
    float:left;
    margin:0;
    padding:0;
}
.columnShiftToRight {
    width: 100%;
    background:  transparent;
    left:100%;
    position: relative;
    z-index:2;
}
.columnShiftToRight .content{padding: 0.5em 0 0 1em;}
.columnShiftToLeft .content{padding: 0.5em 1em 0 0;}


.error1 {
  color:#FF0000;  
}

.error2 {

  color:#F35454;
}

p {
    margin: 0 0 0.5em 0.5em;
    padding: 0;
}

ul {
    margin: 1em 0;
    padding: 0 0 0 0;	
}

li {
    margin: 0;
    padding: 0;
}

.topline{
    margin-top:0 !important;
}

.bottomline{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


#mynotificationspanel .ui-panel-inner {
    padding: 1px;
}

.ui-body-b#mynotificationspanel  {
    background-color: #fff;
    border-color: #1d1d1d;
    color: #fff;
    text-shadow: 0 0px 0 #111;
    width: auto;
    max-width: 400px;
}

.itkdesign .hideelelement, .itkdesign .formrow .hideelelement {
  display: none !important;
}

.itkdesign .docuploadtd {
   vertical-align: top;
}

.itkdesign .searchcategoryfilter {
	background: #39c2d7;
	padding: 5px;
	border-radius: 15px;
	text-shadow: none;
	margin-bottom: 5px;
	display: none;
}

.itkdesign .categoryfiltertotalrecords {
	color: #4a4747;
    font-size: smaller;
}


.itkdesign .warrantyshowalldevbutton {
   margin-left: 25px;
}

.itkdesign .searchcategoryfilter .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
    border-right-width: 1px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.itkdesign .searchcategoryfilter .ui-controlgroup-controls .ui-checkbox {
    border-radius: 15px;
}

.itkdesign .searchcategoryfilter .ui-controlgroup-controls .ui-btn.ui-corner-all {
	border-radius: 15px;
}

.itkdesign .searchcategoryfilter .ui-btn, .itkdesign .searchcategoryfilter label.ui-btn {
   font-weight: 1;	
}

.itkdesign .ui-block-a, .itkdesign .ui-block-b, .itkdesign .ui-block-c, .itkdesign .ui-block-d, .itkdesign .ui-block-e {
    display: inline-table;    
    width: auto;
}

.itkdesign .notificationtitledate {
   color: #EE4035;
   padding-left: 5px;
   font-size: smaller;
}

.itkdesign .proposedtext {
    color: #0071ff99;
}

.itkdesign .usergridviewbutton {
	/* float: right; */
	width: 100%;
	display: inline-grid;
}

.itkdesign .notificationbodyelement {
    padding: 0px;
    margin: 1px;
}

.itkdesign .ui-body.notificationbody {
    padding: 0px;
}

.itkdesign .ui-body-a.notificationbody {
    border-color: #e9e9e9;
}

.itkdesign .menu ul li.lidevselection a {
    background-color: #f6b47dcc;
    color: #000;
}

.itkdesign .menu ul li.widenav.menusearchbutton a,  .menu ul li.smallnav.menusearchbutton a{
    background-color: rgba(255, 255, 255, 0);    
    padding-left: 2px;
    padding-right: 5px;
}

.itkdesign span.widenavsearchmenuimg {
  display: inline-block;
}

.itkdesign .menusearchitemicon {
   padding-top: 7px;
}

.itkdesign div#menusearchinput.ui-panel {
  width: 50%;
  z-index: 100; 
  min-height: auto;
  overflow: hidden;  
}

.ihmsdocready {
	background: white;
}

.itkdesign div#mygridviewspanel.ui-panel {
  width: 30%;
  z-index: 100; 
  min-height: auto;
  overflow: hidden; 
}

.itkdesign .itkulsearchinput {
  max-width: 300px;
}

.itkdesign .itkfiltercheckbox {
  width: max-content;
}

.itkdesign .itkfiltercheckbox .ui-btn {
  font-size: 14px;
}  

.itkdesign div#menusearchinput.ui-panel .housesearchresults {
  background: #caeced;
  text-shadow: none;
  padding-left: 8px;
}

.itkdesign div#menusearchinput.ui-panel .vendorsearchresults {
  background: #faccb8;
  text-shadow: none;
  padding-left: 8px;
}

.itkdesign div#menusearchinput.ui-panel .serviceorderssearchresults {
  background: #b8e1fa;
  text-shadow: none;
  padding-left: 8px;
}

.itkdesign .globalsearchsubtitleheader, .itkdesign .ulsearchsubtitleheader {
  color: #5892b5;
  padding-right: 2px;
}

.itkdesign div#itksearchdetail {
  display: none;
}

.itkdesign .menu ul li.widenav.notificationbutton a,  
.itkdesign .menu ul li.smallnav.notificationbutton a,
.itkdesign .menu ul li.widenav.lidevselection a,
.itkdesign .menu ul li.smallnav.lidevselection a {
   background-color: rgba(255, 255, 255, 0);  
   padding-left: 9px;
   padding-right: 9px;      
}

.itkdesign h3#itksearchdetailtitle.ui-bar {
   margin: 0px 15px 0px 15px;
}

.itkdesign .ui-btn {
  white-space: normal;
}

.itkdesign .backbtnonly.ui-btn {
  background: #cacaca;
  padding: 15px 15px 15px 24px;
}

.itkdesign .searchdetailbackbtn.ui-btn {
  background: #cacaca;
}

.itkdesign .ihmssearchclosebnt {
   display: none;
}

.itkdesign .notificationcount {
   background: #EE4035;
   padding: 2px;
   margin: 2px;
   border-radius: 5px;
   font-size: small;
   font-weight: bold;
   position: relative;
   top: -22px;
   left: -11px;      
}

.itkdesign li#notificationbuttonmobilenav .notificationcount {
   top: -10px; 
   left: -14px;      
}

.itkdesign .notificationpanelheader {
   background: #49585d;
   border-radius: 5px;
   padding: 2px;   
}

.itkdesign .notificationpanelmaintitle {
  padding-left: 5px;
  font-weight: bold;
}

.itkdesign .notificationpanelbottom {
  border-radius: 5px; 
  background: #193a47;
  padding: 10px;
}

.itkdesign .notificationactions, .morenotificationactions {
    display: grid;
}

.itkdesign .morenotificationactions {
    font-size: smaller;
}

.itkdesign .newnotification {
    background-color: rgba(29, 131, 181, 0.38);
}

.itkdesign .notificationtopbuttons {
   background-color: #193a47;
   padding: 10px;
   border-radius: 5px;
}

.itkdesign .notificationtitle {
  font-size: small;
  text-shadow: none;
}

.itkdesign .notificationscontent .formcell {
    vertical-align: top;
    display: block;
}

.itkdesign .smallfont {
  display: table-row;
  text-align: left; 
  color: #AEAEAE;      
  font-size: 12px;
}  

.itkdesign .notificationrow {
   margin-bottom: 5px
}

.itkdesign .usergridviewbodyelement {
    padding: 0px;
    margin: 1px;
}

.itkformelement.usergridviewbodyelement.ui-content {
	padding-bottom: 0px;
}

.itkdesign .usergridviewrow {
   margin-bottom: 5px
}

.itkdesign .usergridviewpanelheader {
   background: #49585d;
   border-radius: 5px;
   padding: 2px;   
}

.itkdesign .usergriviewcontent .formcell {
    vertical-align: top;
    display: block;
}

.itkdesign .noteselected {
    background: #e1e1e1;
    padding: 10px;
    border-radius: 5px;
}

.itkdesign .usergridselected {
    background: #a8a8a8;	
}
.itkdesign .usergridviewtitle {
  font-size: small;
  text-shadow: none;
}

.itkdesign .ui-page-theme-a .warrantysistate .ui-btn.ui-btn-active,
.itkdesign .ui-page-theme-a .warrantysostate .ui-btn.ui-btn-active {
	background-color: #4f5e6a;
	border-color: #4f5e6a;
	text-shadow: 0 1px 0 #4f5e6a;
}

.itkdesign .ui-page-theme-a .warrantysistate .ui-btn,
.itkdesign .ui-page-theme-a .warrantysostate .ui-btn {
	background-color: #fff;
	border: none;
}

.itkdesign .wargridgroupbycustomviewtitle {
	display: flex;
	background: #d8d9d8;
	padding: 5px;
	font-size: small;	
	border-radius: 0px;
	margin: 0px 3px 0px 3px;
}

.itkdesign .socompletiondate {
	background: #e9e9e9;
}

.itkdesign .ui-listview > li h2,
.itkdesign .ui-listview > li p,
.itkdesign .ui-listview > .ui-li-divider {
   overflow: inherit;
   white-space: initial;
   word-wrap: break-word;
}

.quote {
	overflow: hidden;    
    padding: 0 0 3em 3em;
	text-align: right;
}
blockquote {
	float: right;
    display: block;	
	width: 100%;    
    margin: 0;	
	padding: 0;
	text-align: right;
}

p.columnfoot {margin-top:175px;}
p.plain {padding: 0 0.5em 1em 0.5em}


.selection {color: #404040; background-color:#F0F0F0;}


.book dd img {float:left; margin: 1em -35px 0 -25px; }
.book dd span {display:block;}
.book dt a {padding-bottom: 1em !important;}

.checkboximage {margin-left: 20px;}

a img {border:none;}

/* this controls the styling of table headers */

.legacytable th {
    font-size: 11px;  
    font-weight: bold;
	/*color: #fff;*/
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color:#777;
}
.legacytable tr {
	background: #fff; 
}
.legacytable  tr.textstandout td { /* This colors delinquent warranty service orders RED */
	color: red;
	font-weight: bold;
}
.legacytable  td {
    font-size: 11px; 
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	padding: 6px 6px 6px 12px;
	color: #000033;
}
.legacytable  td.alt {
	color: #B4AA9D;
}

table.legacytable {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/ */

.legacytable tbody {
     background-color: #fff;
}

.legacytable tbody.scrollContent td, 
.legacytable tbody.scrollContent tr.normalRow td {
	font-size: xx-small;
	color: #000000;
	text-decoration: none;
	padding: 2px 3px 3px 4px
}

.legacytable .tabletitle { /* this is the main styling of all page headings */
   padding: 5px;
   font-size: 20px;
   background-color: #777; 
   color: #fff;   
}

/* loading msg */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/fancybox_loading.gif') 
                50% 50% 
                no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
/* end loading msg */


.tabletitle { /* this is the main styling of all page headings */
   padding: 5px;
   font-size: 20px;
   background-color: #777; 
   color: #fff;   
}

.celltitle {
	font-size: 20px;
	padding: 10px;
}

.infotitle {
	font-size: 14px;
	padding: 10px;
}

#login-page-container { /*this is the wrapper around the login pages*/
	padding: 0;
	width: 71.39%; /* 960px */
	margin: 20px auto 20px auto;
}
#page-container { /*this is the wrapper around all other pages*/
	padding: 0;
	width: 99%; 
	margin: 65px auto 20px auto;
}

#page-container-menuless {
    margin: 0px auto 20px auto;
}

.itkdesign #page-container-menuless .ui-page {
	top: 0px
}

.itkdesign .tableFloatingHeaderOriginal{
	top: 60px;
}

.itkdesign .userloginfield {
	background-image: url(../../assets/images/user-maitenance.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 30px;		
}

.itkdesign .customerloginfield {
	background-image: url(../../assets/images/customer-maintenance.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 30px;		
}
.itkdesign  .error-text,
.itkdesign  .error-text td {
	color: red !important;
}
.itkdesign  .success-text{
    color: green !important;
}
.itkdesign  .hidden-content {
	display: none !important;
}

/* Login CSS */
/* Mask for background, by default is not display */

h2.homebuyer {
	padding-bottom: 15px;
	margin-top: 0;
}


div.itk-logo {
	/* background-image: url('../../images/top_logo.png'); */
	margin: 0 auto;	
	margin-top: 25px;
	margin-bottom: 25px;	
}

div.itk-logo img {
	max-width: 100%;
}

.login-window {
	align: center;
    background-color: RGBA(57, 50, 50, 0);
    height: 790px;
    width: 100%;
}

.login-popup{
    padding: 10px; 
    max-width: 320px; 
    -webkit-box-shadow: 0px 0px 20px #FFF; /* Safari, Chrome */
    -moz-box-shadow: 0px 0px 20px #FFF; /* Firefox */
    -o-box-shadow: 0px 0px 20px #FFF; /* Opera */
    box-shadow: 0px 0px 20px #FFF; /* CSS3 */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -moz-border-radius: 3px; /* Firefox */
    -o-border-radius: 3px; /* Opera */
    border-radius:3px;
}

p.login-input { 
	display: none;
/* this hides the username and PW descriptions 
from all browsers - the ie specific style sheet shows the labels 
in IE only which doesn't support placeholder text */
}

input#userid {
	margin-bottom: 10px;
}

.copy-box {
    line-height:14px;
    padding: 5px 10px 2px 0;  
    font-size: .7em;
    width: 75%;
    color: #efefef;
}

.copy-box.login-popup a {
    color: rgb(188,126,54);
    text-shadow: none;
}

p.login-title {
   margin-bottom: 20px;
   margin-left: 0.5em;
   font-size: 20px;
   color: #fff;
}

p.prospects-owners a {
	display: block;
        tex-decoration: underline;
	color: #fff;
}

p.prospects-owners a:hover {
	color: rgb(46,135,205);
}

p.prospects-owners a:first-child {
	margin-top: 20px;
}

img.btn_close { /* Position the close button */
    float: right; 
    margin: -28px -28px 0 0;
}

form.signin { 
    color:#ddd; 
    font-size: .9em; 
    line-height: 18px;
} 

form.signin .textbox input { 
    background:#666666; 
    border-bottom:1px solid #333;
    border-left:1px solid #000;
    border-right:1px solid #333;
    border-top:1px solid #000;
    color:#fff; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    padding: 6px 6px 4px;
    width:200px;
}

form.signin .textbox input:focus { 
     opacity: 1.0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 hack */
	 filter: alpha(opacity = 100); /* IE5-7 hack */
}

form.signin .checkboxes label {
    padding-top: 5px;
    padding-right: 15px;
    width: 100px; 
    display: block;
    float: right;
    white-space: nowrap;
}
form.signin .checkboxes input {
    width:100px;
    vertical-align: middle;
}
form.signin .checkboxes label span {
    vertical-align: middle;
}

form.signin .checkboxes input {
  width: 15px;
}


.button { 
    background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
    background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
    border-color:#000; 
    border-width:1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color:#333;
    cursor: pointer;
    display: inline-block;
    padding: 6px 6px 4px;
    margin-top: 10px;
    font-size: 12px; 
    width: 214px;
}
.button:hover { background:#ddd; }


/** OLD menu stylings */

/**************************************
previously the "css3menu/style.css"

This controls the 'new' primary menu on the top in 3.1201.x.
Well, new as of May 2012.
This replaced the left-side menu from previous versions.

****************************************/
.menu{
	border: none;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
}
.smallnav {
	display: none;
}

.menu ul {
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li {
	float:left;
	padding:0px;
}
.menu li a {
	background-color:#404040;
	color:#fff;
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 20px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover{
	background-color: rgb(46,135,205);
	color:#fff;
	text-decoration:none;
}
.menu li ul{ /* this is the box around the drop down menu */
	background-color:#404040;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:none;
	position:absolute;
	width:200px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
}
.menu li:hover ul{
	display:block;
}
.menu li li {
	background: none;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
}
.menu li:hover li a{
	background: none;
}
.menu li ul a{
	display:block;
	height:25px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px;
	text-align:left;
}
.menu ul li a{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.menu ul li a:hover{
	background: rgb(46,135,205);
	border: none;
	color:#ffffff;
	text-decoration:none;
}
.menu p{
	clear:left;
}
.menu ul li.smallnav, ul.mainmenuitem {
	display: none;
}




.clear {
	clear: both;
	width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;
}
/***********************************
************************************
Form Styling
************************************
***********************************/

#page-container form label.formfieldtitle, 
#page-container form select, 
#page-container form input,
#page-container form p.formfieldtitle {
	display: inline;
}
#page-container form p.formfieldtitle,
#page-container form label.formfieldtitle {
	margin: 10px 0 0 0;
	font-size: 1em;
}
#page-container form input.go-button {
	padding: 5px;
	margin-top: 20px;
	width: 75px;
	height: 30px;
}
#page-container form label {
	margin-top: 10px;
}
fieldset.textbox { /* main constr login page */
	padding: 10px;
}
fieldset.tidy {
	padding: 15px;
	background-color: #d7d7d7; /* Fallback for hsla*/
	background-color: hsla(120, 50%, 100%, 0.70);
}
fieldset.optional {
	border: 1px solid #aaa;
	padding: 0 8px 8px 8px;
	margin-top: 10px;
	display: inline;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.optional label, .optional select, .optional input{
	opacity: .37;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=37)"; /* IE8 hack */
	filter: alpha(opacity = 37); /* IE5-7 hack */
}
.optional:hover label, .optional:focus label, 
.optional:hover input, .optional:focus input,
.optional:hover select, .optional:focus select {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 hack */
	filter: alpha(opacity = 100); /* IE5-7 hack */
}

fieldset legend {
	font-size: 1em;
	padding: 0 5px;
	color: #fff;
}

select.filter, input.filter {
    float: left;
    margin-right: 10px;

}

.vpo-left-side {
	width: 400px;
	float:left;
	margin-top: 20px;
}
.vpo-right-side {
	width: 400px;
	float: left;
	border-left: 1px dotted #eee;
	padding-left: 15px;
	margin-top: 20px;
}

textarea#reason {
	width: 75%;
	height: 100px;
}
.smaller {
	font-size: 0.75em;
}

body.createvpo {
    padding: 0 0 0em 0;
}

.createvpo input, .createvpo label, .createvpo select {
	display: block;
	padding: 4px;
}
.createvpo input.navbutton, .createvpo #page-container [id*="deliveryaddress"] {
	display:block;
}
.createvpo .tabletitle .navbutton {
	display:inline;
}
.createvpo label, .createvpo p {
	color: #222;
	margin-left: 0;
	padding-left: 0;
}
.createvpo legend {
	color: #000;
	font-style: italic;
}
.createvpo .vpototal {
	background-color: #ddd;
	border: 1px solid #aaa;
	padding: 0 8px 8px 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.createvpo .vpototal p, .createvpo .vpototal label {
	font-size: 1.3em;
	font-weight: bold;
}

.inlineform {
        display: inline;
}

.backgroundcolor {		
	background-color: #FFFFFF;
}

.tablecolumnheader {
	font-size: x-small;
	font-weight: bold;
  	color: #000000;
}

a.tablecolumnheader {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	color: #fff;
}
a.tablecolumnheader:hover {
	text-decoration: none;
	color: #fff;
}	
.recordnavall {
	background-color: #c0c0c0;
	text-decoration: none;
    padding-bottom: 40px
}

.recordnavtext {
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-size: smaller;
}

.formfieldtitle {
  	font-size: smaller;
  	font-weight: bold;
}
	
.formfieldtext {
  	font-size: smaller;
 	font-weight: normal;
}


.navbutton {
	padding: 5px;
	margin: 5px;
}
.message, .message table tbody tr td { /* this controls the text size on the change password confirmation screen */
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 50px;
	border-bottom: none;
	border-right: none;
}
.errorlist, .errorlist table tbody tr td { 
	background-color: #ee7bf8;
	font-size: 16px;
	border-bottom: none;
	border-right: none;
}
.errorlist ul li {
	list-style: disc;
}
.errorlist table {
	border-color: 1px solid #fa54d1;
}
.errorlist a {
	color: #000;
	text-decoration: underline;
}
.errorlist a:hover, .errorlist a:focus {
	color: #fff;
}
.createvpo .errorlist {
	padding: 10px;
}
.createvpo .errorlist ul li {
	margin-left: 20px;
	margin-bottom: 20px;
	color: #000;
}

.highlight-community { /** This ensures the development selected on the "Select/Change Development" highlights your session development **/
	background-color: #f6b47d !important;
}
.highlight-community, .highlight-community a, .highlight-community a:hover { /*This ensures the development selected on the "Select/Change Development" highlights your session development */
	color: #fff; 
	font-weight: bold;
	text-decoration: none;
}
.bold {
	font-weight: bold;
	font-variant: uppercase;
}
.copyright {
	font-size: .6em;
	text-align: center;
	margin-top: 75px;
	color:lightgray;
}
p.logout {
	font-size: 12px;
}
.copyright p a{
	color: #fff;
	text-decoration: none;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
/* allow WinIE to scale 100% width of browser by not defining a width                   */
/* WARNING: applying a background here may cause problems with scrolling in WinIE 5.x   */
div.tableContainer {
	height: 350px;
	overflow: auto;
	width: 850px;
}

/* define width of table. IE browsers only                 */
/* if width is set to 100%, you can remove the width       */
/* property from div.tableContainer and have the div scale */
div.tableContainer table {
	float: left;
	width: 100%
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
	/* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution      */
	top: expression(document.getElementById("tableContainer").scrollTop);
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background-color: #c0c0c0;
	font-size: x-small;
	font-weight: bold;
  	color: #000000;
	padding: 4px 3px;
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a{
	text-decoration: none;
	color: #000000;
}


#PCL, #PTT, #PST {
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		font-size: 8pt;
}


/**************************
Previously "calendar.css"
**************************/
.calmonthtext{    color: #000000;font-size: 11px;}
.calselectedday{  color: #333333;font-size: 12px;}
.caldays{  color: #000000;font-size: 10px;}
.calheader{   color: #ffffff;font-size: 10px;}


/**************************
homeowner - buyer block css
**************************/

.dcontainer {
    /* display: table; */
    /* background: #fff; */
}
.row  {
    display: table;
    width: 100%;
}
.left, .right, .middle {
    display: table-cell;
    padding-right: 10px;
    margin-right: 5px;
    width: 50%;
}
.left p, .right p, .middle p {
    margin: 1px 1px;
}

/* used in buyer table content */
.tablebcontent1 {
  font-size: 12px;
  line-height: 16px;
}

/**************************
prospect registration
**************************/
.prospect .tabletitle {
	font-size: 20px;
}
.prospect td, .prospect p .prospect label{
	font-size: 14px;
}
/**************************
inline form style
**************************/
/*
* { margin: 0; padding: 0; outline: none; }
*/


#formtitle { font-size: 1.4em; line-height: 1.5em; margin-bottom: 15px;  }
#formheaderinfo { font-size: 1.0em; line-height: 1.1em; margin-bottom: 10px;  }

.hiddenform { 

   display: none;

}
label { 
	margin-right: 0px; 
	margin-bottom: 9px; 
}
.txt { 
	display: inline-block; 
	color: #676767;
	width: 70%;  
	margin-bottom: 10px; 
	border: 1px dotted #ccc; 
	padding: 5px 9px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.mdate { 
	display: inline-block; 
	color: #676767;
	width: 120px; 
	margin-bottom: 10px; 
	border: 1px dotted #ccc; 
	padding: 5px 9px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.listbox { 
	display: inline-block; 
	color: #676767;
	width: 80%; 
	margin-bottom: 10px; 
	border: 1px dotted #ccc; 
	padding: 5px 9px;
	font-size: 1.2em;
	line-height: 1.4em;
}


.txtarea { 
	display: block; 
	resize: none;
	color: #676767;
	margin-bottom: 10px; 
	width: 90%; 
	height: 130px;
	border: 1px dotted #ccc;
	padding: 5px 9px; 
	font-size: 1.2em;
	line-height: 1.4em;
}

.number { 
	display: inline-block; 
	color: #676767;
	width: 120px; 
	margin-bottom: 10px; 
	border: 1px dotted #ccc; 
	padding: 5px 9px;
	font-size: 1.2em;
	line-height: 1.4em;
}


.txt:focus, .txtarea:focus, .listbox:focus { 
	border-style: solid; 
	border-color: #bababa; 
	color: #444; 
}

input.error, textarea.error, select.error { 
	border-color: #973d3d; 
	border-style: solid; 
	background: #f0bebe; 
	color: #a35959; 
}
input.error:focus, textarea.error:focus, select.error.focus { border-color: #973d3d; color: #a35959; }

.fbutton { 
	color: #dee5f0;
	display: block;
	cursor: pointer;
	padding: 5px 11px;
	font-size: 1.2em;
	border: solid 1px #224983;
	border-radius: 5px;
	background: #1e4c99; 
	background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
	background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
	background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
	background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
	background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
	background: linear-gradient(top, #2f52b7, #0e3a7d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
.fbutton:hover {
	background: #183d80; 
	background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
	background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
	background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
	background: -o-linear-gradient(top, #284f9d, #0c2b6b);
	background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
	background: linear-gradient(top, #284f9d, #0c2b6b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
.fbutton:active {
	color: #8c9dc0; 
	background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
	background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
	background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
	background: -o-linear-gradient(top, #0e387d, #2f55b7);
	background: -ms-linear-gradient(top, #0e387d, #2f55b7);
	background: linear-gradient(top, #0e387d, #2f55b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}
.freset {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#332f33;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	float:right;
}

.freset:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}





/**************************
messagebok overlay
**************************/

.msgbox-overlay{
	background:transparent url('../images/fancybox_overlay.png') repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.msgbox{
    position:fixed;
    top:-200px;
    left:10%;
    right:10%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}

a.msgboxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(../images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

 .msgbox h1{
            top: 0em;
            max-width: 100%;
            text-align: center;            
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color:#FFEFEF;
            color:#EF7777;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
}

/* ITK Design css specific */


#loginpage #home{
    background: #404040;
}


#loginpage .ui-content {
  padding: 0px;	
}

#loginpage .ui-page-theme-a .loginbutton .ui-btn{
	background-color: rgb(28,65,97);
	border-color: rgb(46,109,164);
	color: #fff;
	text-shadow: none;
}

#loginpage .ui-page-theme-a .loginbutton .ui-btn:hover {
   color: #000;
}

#page-container form label {
    margin-top: 10px;
}

.itkdesign .ui-body {
	padding: 5px;
}

.itkdesign .itktopmenu {
  position: fixed;
  background: #3a3c3c;
  top: 0;
  left: 0;
  z-index: 199;
  width: 100%;
  height: 60px;	
	
} 

.itkdesign .ui-mobile [data-role="page"], .itkdesign .ui-mobile [data-role="dialog"], .itkdesign .ui-page {
    top: 60px;
}

.loginpages .ui-page {
    top: 0px;
}

.itkdesign #home div h6 {
	font-size: x-small;
}

.itkdesign #home h3.ui-bar {
  background-color: #d8d8d8;
  border-color: #cecece;
  text-shadow: 0 1px 0 #d8d8d8;
}

.itkdesign div#home.ui-page {
   background-color: #F5F4F4;
}

.itkdesign .itkflex_button {
  display: inline-table;
}

.itkdesign .boxOImg {
	margin:5px; z-index:30;position:relative;
	box-shadow: 0px 0px 1px 1px white inset;
	padding:3px;
	border:1px solid #d8d8d8;
	float:left;
	background: #4D4D4D;
	background: -moz-linear-gradient(top,  #4D4D4D 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4D4D4D), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4D4D4D 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4D4D4D 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4D4D4D 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top,  #4D4D4D 0%,#efefef 100%); /* W3C */
	-pie-background: linear-gradient(top,  #4D4D4D 0%,#efefef 100%);
	border-radius: 7px;
	text-align:center;
	font-family:Arial, sans-serif; text-align: center;
	font-size: 14px;
	color: #000;
}

.itkdesign .boxOImg.colorOpt {
  width:220px;height:100%;
}

.itkdesign .boxOImg.optionOpt {
  width:140px;height:100%;
  font-size:10px;
  color: #FFF;
}

.itkdesign .ui-field-contain div.ui-input-text {
    max-width: 300px;
}

.itkdesign .ihmsfixedfooter{	
	margin: 0;
	min-height: 35px;
}

.itkdesign .ihmsfixedfooter .ui-field-contain div.ui-input-text {
    max-width: 100px;
}

.itkdesign .ihmsfixedfooter .ui-bar-b {
	background-color: #413f3f; 
	border-color: #413f3f;
}

.itkdesign .ihmsfixedfooter .ui-btn.ui-btn-b {
	background-color: #3590ce;
	border-color: #3590ce;
}

.itkdesign .ihmsfixedfooter .ui-input-text,
.itkdesign .ihmsfixedfooter .ui-input-search,
.itkdesign .ihmsfixedfooter .ui-btn {	
	margin: 0 0 5px 0;
	width: auto;
}

.ui-icon-pdf::after {
    background-image: url("../../assets/images/pdficon.jpg");
    background-size: 18px 18px;
}

.ui-icon-excel::after {
    background-image: url("../../assets/images/excelicon.jpg");
    background-size: 18px 18px;
}

.ui-icon-image::after {
    background-image: url("../../assets/images/contracts-linsting.png");
    background-size: 18px 18px;
}

.itkdesign .ihmslinkbuttonflat .ui-btn.ui-btn-b {
	border-radius:8px;
	text-decoration:none;
	white-space:normal
}

.itkdesign .ihmsfloatright {
	position: absolute;
    right: 0px	
}

.itkdesign .ihmsfloatright .ui-btn.ui-btn-b {
    margin-top: 0px;
    padding: 1px 5px 0px 5px;
}

.itkdesign .ui-page-theme-a .ihmslinkbuttonflat .ui-btn:hover {
    background-color: #0f5b9e;
    border-color: #f0e0e0;
}

.itkdesign .ihmslinkbutton .ui-btn.ui-btn-b {
	margin: 1px; 
	/* background-color: #3590ce; border-color: #3590ce; */

	border-color: #3590ce;
	color: #083ddb;
	text-shadow: none;
	margin-bottom: 5px;

	-moz-box-shadow: 0px 10px 14px -7px #545454;
	-webkit-box-shadow: 0px 10px 14px -7px #545454;
	box-shadow: 0px 10px 14px -7px #545454;
	background-color:#3590ce;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #3590ce;
	white-space:normal
	
}

.itkdesign .ihmsaddbutton .ui-btn.ui-btn-b{
	  background-color: #337ab7;
	  border-color: #2e6da4;
	  text-shadow:0px 1px 0px #337ab7;
}
.itkdesign .ihmseditbutton .ui-btn.ui-btn-b{
	background-color: #5bc0de;
	border-color: #46b8da;
	text-shadow:0px 1px 0px #5bc0de;
}

.itkdesign .ihmsdeletebutton .ui-btn.ui-btn-b{
	background-color: #d9534f;
	border-color: #d43f3a;
	text-shadow:0px 1px 0px #d9534f;
}


.itkdesign .ihmslinkbutton .ui-btn.ui-btn-b .ihmsimgicon {
	width: 19px;
}

.itkdesign .ihmsbuttonimg {
	 width: 19px;
}

.itkdesign .ihmsbuttonimg2 {
    width: 14px;
    vertical-align: sub;
}

.itkdesign .ihmsdocimg {
    max-width: 100%;
    height: auto;
    width: auto;
}

.itkdesign .ihmslinkdelbutton {
	background-color: #eee;
}

.itkdesign .searchdividerimg {
  padding-right: 5px;
}

.itkdesign .ui-page-theme-a .ihmslinkbutton .ui-btn:hover {
    background-color: #0f5b9e;
    border-color: #f0e0e0;
}

.itkdesign .ihmslinkbuttonfixed .ui-btn.ui-btn-b {
	position: relative;
	overflow: hidden;
	display: block;
	clear: both;    
}

.itkdesign .ihmsbtn-margin-bottom .ui-btn.ui-btn-b {
	margin-bottom: 5px; 
}

.itkdesign .itkfilter .ui-input-text input {
	padding: 0px;
    line-height: inherit;
}

.itkdesign .pagenavigation .ui-body-a{
	background-color: #CFCBC6;
	border-color: #CFCBC6;	
}

.itkdesign .pagenavigation .ui-field-contain {
	margin: 0px;
}

.itkdesign .pagenavigation .ui-body-a .ui-input-text input {
	background-color: #fff;
}

.itkdesign .pagenavigation .ui-field-contain div.ui-input-text {
    max-width: 50px;
}

.itkdesign .pagenavigation .ui-field-contain > label
{
	width: auto;	
	margin: 0px;
	padding-right: 10px;
}

.ui-mobile .itkdesign .pagenavigation label {
    display: inline;
    font-weight: inherit;
}

.itkdesign .ui-popup-screen {
   background: black;
}


.itkdesign #page-container form label {
	 margin-top: 5px; 
}

.itkdesign .ui-disabled {
    opacity: 0.5;
}

.itkdesign .lightDisabled .ui-disabled {
    opacity: 0.9;
}

.itkdesign .ui-input-text input.lightDisabled,
.itkdesign textarea.ui-input-text.ui-textinput-autogrow.lightDisabled {
    background: #bab9b9 none;    
    color: black;
    width: calc;	
    text-shadow: 0 1px 0 #c1ccdd;
}

.itkdesign .ui-field-contain .ui-controlgroup-controls {
    display: inline-block;
}

.itkdesign .ui-ihmsedit-content {
 /*  height: 100%;
   overflow: visible; */
}

.itkdesign .ui-page {
    height: auto;
}

.itkdesign .ui-content {
    padding-bottom: 40px;
}

.itkdesign .ui-mobile {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.itkdesign .ui-panel-position-left.ui-panel-display-reveal, .itkdesign .ui-panel-open.ui-panel-position-left {
    top: 60px;
}

.itkdesign #firstpanel div.ui-field-contain.ui-body.ui-br {
  margin: 0px;
}

.itkdesign #firstpanel .ui-panel-inner .ui-listview-inset {
    margin: 0px;
    margin-bottom: 220px;
}

.itkdesign #firstpanel div.ui-panel-inner {
    left: 0;
    right: 0;
    bottom: 0px;
    -webkit-overflow-scrolling: touch;
}

.itkdesign .ui-popup-screen {
  position: fixed;
}

.itkdesign .upgChoicesTotal  {
	float: right;
	margin-right: 25px;
	color: #2489CE;
	width: 25%;
	text-align: right;
}

.itkdesign .ui-loader-verbose h1 {
    top: 2px;
}

.itkdesign .ui-table-reflow {
    display: inline-table;
}

.itkdesign .ui-table-reflow td, .itkdesign .ui-table-reflow th, .itkdesign .ui-table-reflow tbody th, .itkdesign .ui-table-reflow tbody td, .itkdesign .ui-table-reflow thead td, .itkdesign .ui-table-reflow thead th {
    text-align: left;
}

.itkdesign .ui-table-reflow td.rightJustifyText, .itkdesign .ui-table-reflow th.rightJustifyText, .itkdesign .ui-table-reflow tbody th.rightJustifyText, .itkdesign .ui-table-reflow tbody td.rightJustifyText, .itkdesign .ui-table-reflow thead td.rightJustifyText, .itkdesign .ui-table-reflow thead th.rightJustifyText {
    text-align: left;
}

.itkdesign .ui-table-reflow td.centerJustifyText, .itkdesign .ui-table-reflow th.centerJustifyText, .itkdesign .ui-table-reflow tbody th.centerJustifyText, .itkdesign .ui-table-reflow tbody td.centerJustifyText, .itkdesign .ui-table-reflow thead td.centerJustifyText, .itkdesign .ui-table-reflow thead th.centerJustifyText {
    text-align: left;
}

.itkdesign .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
   border-style: none;
}

.itkdesign .ui-header {
    border-width: 0px;
}

.itkdesign .ui-header .ui-title {
	overflow: auto; 
	white-space: normal;
	margin: 0px;
}

.itkdesign .ui-footer {
    bottom: 0;
    width: 100%;
}

.itkdesign .delicon {
    float: left;
    margin-right: 10px;
	max-height: 16px;
	max-width: 16px;
	left: 10px;
	top: .9em;    
}


.itkdesign .tg {border-collapse:collapse;border-spacing:0;border-color:#E6E6E6;width:100%}
.itkdesign .tg td,
.itkdesign .itkformelement {  
	 font-family:Arial, sans-serif;
	 font-size:14px; 
	 border-style:solid;
	 border-width:0px; 
	 color:#474747;
	 word-wrap:break-word; /* vertical-align: middle; */
	 background-color: #FFF;
}

.itkdesign .itkformelement .ui-btn, 
.itkdesign .itkformelement .label.ui-btn {
	font: inherit;
}

.itkdesign .tg th{
	font-family:Arial, sans-serif;
	font-size:14px;
	text-align:center;
	font-weight:normal;
	padding:10px 5px; 
	color:#fff;
	background-color:#4B4B4B;
	padding-left: 10px;
}


.itkdesign .trs {border-collapse:collapse;border-spacing:0;border-color:#aabcfe;width:100%}
.itkdesign .trs td{font-family:Arial, sans-serif;font-size:12px;padding:10px 5px;border-style:solid;border-width:1px;border-color:#E6E6E6;color:#474747;background-color:#D6D6D6;word-wrap:break-word;}
.itkdesign .trs th{
	font-family:Arial, sans-serif;
	font-size:12px;
	text-align: center;
	font-weight:normal;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#E6E6E6;
	color:#fff;
	background-color:#999999;
}

.itkdesign .tg th a.ui-link{
    color: #38c;
}   

.itkdesign .tg th a.ui-link:hover {
	color: #CFD6DD;
}

.itkdesign .activecolumn {background-color:#E4E4E4;}

.itkdesign .ui-table-reflow td .ui-table-cell-label, .itkdesign .ui-table-reflow th .ui-table-cell-label{
	 /* background-color:#E4E4E4; */
	 border-width:0px;
	 min-width: 130px;
	 text-align: left;
}

.itkdesign .headercolumn {background-color:#E4E4E4;}

.itkdesign .ui-panel-wrapper {
	z-index: 99;
}

.itkdesign .ui-overlay-a, .ui-page-theme-a, .itkdesign .ui-page-theme-a .ui-panel-wrapper {
    color: #333;
    text-shadow: none;
}

.itkdesign .ui-table-reflow td .ui-table-cell-label {
    font-weight: bold;
}
	
.itkdesign .copyright {
    font-size: 0.6em;
    text-align: center;
    margin-top: 5px;
}

.itkdesign .copyright p, .itkdesign .copyright .logout{
   color: #000;
}

.itkdesign .copyright .logout a {
    color: rgb(46,135,205);
}

.itkdesign .ihmscalendar .ui-collapsible-inset .ui-collapsible-heading .ui-btn{
    width: auto;
    word-wrap: break-word;
    white-space: normal;
}

.itkdesign .ihmscalendar .endOfScheduleDesc a{
    color: red;
    font-size: inherit;
}

.itkdesign .ihmscalendar .beginOfScheduleDesc a{
    color: green;
    font-size: inherit;
}

.itkdesign .ihmscalendar .ui-collapsible-inset .ui-collapsible-heading .ui-btn {
	border-style: dashed;
}

.itkdesign .ihmscalendar .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    /* border-style: solid; */
    padding: 2px;
    /* background: #137db7; */    
    box-shadow: 1px 10px 12px 2px #1B89E6;
}

.itkdesign .ihmscalendar .ui-collapsible-content {
	padding: 0px;
}

.ui-page-theme-a .ihmscalendar .ui-collapsible-heading .ui-btn:hover {
  background: #91C8F2;
  text-shadow: none;
}

/* the following hides the icon from the collapsable items inside a ihmscalendar */
.itkdesign .ihmscalendar .ui-btn-icon-left::after {
  display: none
}
.itkdesign .ihmscalendar .ui-btn-icon-left {
    padding-left: 1px;
    padding-right: 1px;
}

.itkdesign .ui-page-theme-a .ihmscalendar .ui-btn:focus {
    box-shadow: 5 5 32px #38c;
}
  
.itkdesign .ui-page-theme-a .ui-table-reflow.ihmscalendar a{
      font-weight: inherit;
}

/* the following hides the icon from the collapsable items inside a ihmscalendar */
.itkdesign .ihmscalendar .ui-btn-icon-left::after {
  display: none
}
.itkdesign .ihmscalendar .ui-btn-icon-left {
    padding-left: 1px;
    padding-right: 1px;
}

.itkdesign .ihmscalendar .formtable {
    max-width: 800px;
}


/*
.itkdesign .tg tr:hover {
    background: #E4E4E4;
}
*/

.itkdesign .ihmscalendarday {
     font-weight: 700;
}

.itkdesign .ihmsPrintOnlyElement {
     display: none;
}

.itkdesign .ui-field-contain {
	border: none;
}

.itkdesign .ui-table-reflow tr > td { 	
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;	
}

.itkdesign .ui-table-reflow tr > td.ihmscalendar:nth-child(n),
.itkdesign .ui-table-reflow tr > td.ihmscalendar {
    border-bottom: 1px solid #c2c7cb;
    border-left: none;
    border-right: none;
    border-top: none;    
}

.itkdesign .ui-table-reflow td.ihmscalendar .ui-table-cell-label {
	margin: 0px;
	min-width: 35px;
}

.itkdesign .ui-table-reflow tr > td:first-child { 	
    border-radius: 25px;
    border-top: 1px solid #ccc;
   	border-bottom-left-radius: 0px;
   	border-bottom-right-radius: 0px;
    padding-top: 7px;    
}

.itkdesign .ui-table-reflow tr > td:last-child { 	
    border-radius: 25px;
    border-bottom: 1px solid #ccc;
   	border-top-left-radius: 0px;
   	border-top-right-radius: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px        
}

.itkdesign .ui-table-reflow tr
{
      background-color: #F5F4F4;;  
}

.itkdesign .ui-table-reflow tr:nth-of-type(odd) td { 
    background: #eee;  
}

.itkdesign .ui-table-reflow tr > td
{
      background-color: #fff;  
}

.itkdesign .ui-collapsible-content .ui-table-reflow tr {
   background-color: inherit;
}

.itkdesign fieldset legend {
    color: #000;
}

.itkdesign .itkelement {	
    border-radius: 15px;
    padding: 5px;
}

.itkdesign #home .devselection h3.ui-bar-a {
	background-color: #f6b47d;
	text-shadow: none;
}

.itkdesign .exceptionstd {
    background-color: #ECE3E0;
    display: inline-block;
}

.itkdesign .nextsteptd {	
    background-color: #E3ECE0;
}

.itkdesign .notestd {
    background-color: #E0EAEC;
    display: inline-block;
}

.itkdesign .wopoitems {
    background-color: #BBC6B8;
    margin: 5px;
    padding: 5px;
}

.itkdesign .wopoitems .ui-select {
    margin-top: .1em;
    margin-bottom: .1em;
}

.itkdesign .wopoitems .amountfield 
{
   padding-left: 20px;
   padding-right: 5px;
   color: #4f56ed;
   font-weight: bold;   
}

.itkdesign .wopoitems .vendordesc {
   font-weight: bold;	
}

.itkdesign .wopoitems .wopopaylabel {
   font-weight: bold;	
   padding-top:5px;
}

.itkdesign .upgradeitems {
    background-color: #C6DFE4;
}

.itkdesign .ui-btn.savebutton {
   background-color: #3c9cef;
   text-shadow: 0 1px 0 #639be3;
}

.itkdesign .ui-btn.savebutton:hover {	
   background-color: #7cb7ea;
   text-shadow: 0 1px 0 #7cb7ea; 
}

.itkdesign .ui-btn.deletebutton {
   background-color: #d9534f;
   text-shadow: 0 1px 0 #e38763;
}

.itkdesign .ui-btn.deletebutton:hover {
   background-color: #eaa198;	
}

.itkdesign .needhelp .ui-btn.ui-btn-b {
	border-color: #647f92;
	background-color: #4f5254;
	text-shadow: 0px 1px 0px #647f92;
}
.itkdesign .ui-btn.needhelp {
   background-color: #3c9cef;
   text-shadow: 0 1px 0 #639be3;
}

.itkdesign .fixedtitleheader {
	position: fixed;
	top: 60px;
	z-index: 100;
	width: 100%;
}

.itkdesign .warrequestpage {
	min-height: auto !important;
}

.itkdesign .newwarrantyrequestpanel, 
.itkdesing .newwarrantysopanel {
  width: 25%;
  min-width: 250px;  
  max-height: 400px;
  overflow: scroll;
  position: fixed;
}

.itkdesign .newwarrrequestsavediv {
	display: block;
	position: fixed;
	/* float: right; */
	bottom: 10px;
	/* right: 40px; */
}

.itkdesign .quickentryinput .ui-shadow-inset{
	width: 100%;
}

.itkdesign p {
    margin: 0px;
}

.itkdesign .warrantyclosedimgicon {
    width: 19px;
    vertical-align: text-bottom;
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.itkdesign .ihmsfiltericon {
	width: 35px;
}

.itkdesign .ihmsimgicon, .itkdesign .ihmsnoteicon {
	    width: 19px;
	    vertical-align: middle;
	    margin: 5px;
}

.itkdesign .ihmsnoteicon {
	padding-right: 20px;
    box-sizing: content-box;
}

.itkdesign .ihmscalicon {
	    width: 29px;
	    vertical-align: middle;
}

.itkdesign .scheddaysforward {
  padding-left: 19px;
  background: url(../../assets/images/plusicon.png) no-repeat;
  background-size: 16px;
  padding-bottom: auto;
}

.itkdesign .scheddaysforwardinactive {
  padding-left: 19px;
  background: url(../../assets/images/plusiconinactive.png) no-repeat;
  background-size: 16px;
  padding-bottom: auto;
}

.itkdesign .calscheddaysforward {
    background-color: #afde9e;
	border: white;
	border-style: double;    
}

.itkdesign .calscheddaysforwardinactive {
    background-color: #ccc;
	border: white;
	border-style: double;    
	color: #000;
}

.itkdesign .scheddaysbackward {
  padding-left: 19px;
  background: url(../../assets/images/minusicon.png) no-repeat;
  background-size: 16px;
  padding-bottom: auto;
}

.itkdesign .scheddaysbackwardinactive {
  padding-left: 19px;
  background: url(../../assets/images/minusiconinactive.png) no-repeat;
  background-size: 16px;
  padding-bottom: auto;
  color: #000;
}

.itkdesign .calscheddaysbackward {
	background-color: #ea9b95;
	border: white;
	border-style: double;        
	float: right;
	color: #000;
}

.itkdesign .calscheddaysbackwardinactive {
	background-color: #ccc;
	border: white;
	border-style: double;        
	color: #000;
}

.itkdesign .calschedposition {      
	float: right;
}

.itkdesign .dashscheddaysforward {
    background-color: #afde9e;
	border: white;
	border-style: double;    
}

.itkdesign .dashscheddaysbackward {
	background-color: #ea9b95;
	border: white;
	border-style: double;        
	color: #000;
}

.itkdesign .itkboldtext {
	font-weight: bold;
}

.itkdesign .line-through {
	text-decoration: line-through;       
}

.itkdesign .scheddaysimgicon {
  width: 39px;
}

.itkdesign #itk_floatdiv {
	display:none; 
	position:absolute; 
    border-radius: 15px;
    padding: 5px;
    width: 240px;
    height: 50px;
	z-index:200; 
	background: #9ab9ef; 
	opacity:100;	
	z-index: 100;	
}

.itkdesign .tablebcontent1 {
  color: initial;
  font-family: Arial, sans-serif;
  font-size: 14px;  
}


.itkdesign .ui-loader-verbose {
	width: auto;
}

.itkdesign .ui-icon-loading {
    background: url(../images/ajax-loader.gif);
    background-size: 2.875em 2.875em;
}

.itkdesign .itkcsseditor .ui-field-contain > label {
  width: auto;
}

.itkdesign .itkcsseditor .ui-field-contain div.ui-input-text {
    width: 70px;
}


/* itkdesign special buttons */
.itkpopupmodal {
   background: none;
}

.itkdesign .itkelement .ui-mini.ui-btn-icon-notext {
    font-size: smaller;
    padding: 0;
}

.itkdesign .ui-page-theme-a .itkeditcolbtn .ui-btn {
    background-color: #c5e3fc;
    border-color: #a9ddec;
    color: #314254;
    text-shadow: 0 1px 0 #f3f3f3;
}

.itkdesign .ui-page-theme-a .itkeditcolbtn .ui-btn:hover {
    background-color: #2f85cc;
    border-color: #f0e0e0;
    color: #D7E2EF;
    text-shadow: 0 1px 0 #f3f3f3;
}

.itkdesign .ui-page-theme-a .exceptionstd .ui-btn {
    background-color: #e19191;
    border-color: #f5c8bc;
    color: #FEF6F6;
    text-shadow: 0 1px 0 #f3f3f3;
}

.itkdesign .ui-page-theme-a .exceptionstd .ui-btn:hover {
    background-color: #b45f5f;
    border-color: #f0e0e0;
    color: #F3E2E2;
    text-shadow: 0 1px 0 #f3f3f3;
}

.itkdesign .ui-page-theme-a .notestd .ui-btn {
    background-color: #9acfdd;
    border-color: #d1eef6;
    color: #72787E;
    text-shadow: 0 1px 0 #f3f3f3;
}

.itkdesign .ui-page-theme-a .notestd .ui-btn:hover {
    background-color: #2881ce;
    border-color: #f0e0e0;
    color: #F3E2E2;
    text-shadow: 0 1px 0 #f3f3f3;
}

.itktabletitle { /* this is the main styling of all page headings */
       font-size: inherit; 
}

.itkdesign .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
    border-right-width:1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.itkdesign .itkfilter .ui-collapsible-content {
	padding: 0px
}

.itkdesign .itkfilter .ui-collapsible-heading .ui-btn,
.itkdesign .itkfilter .filterbutton .ui-btn 
{
    background-color: #626363;
    border-color: #626363;
    color: #fff;
    text-shadow: 0 1px 0 #111;	
} 

.itkdesign .helpbutton .ui-btn{
   padding: .7em 0em;
   position: relative;
}

.itkdesign .helpbutton .ui-btn-icon-left::after {
   background-color: #EE4035;
}

.ui-page-theme-a .helpbutton .ui-btn, html .ui-bar-a .helpbutton .ui-btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  margin: 0px; 
  padding-left: 15px;
  padding-right: 15px;  
  width: 20px;
}

.itkdesign .insidefiltergroup [class*="ui-block-"] > .ui-btn, 
.itkdesign .insidefiltergroup [class*="ui-block-"] > .ui-select, 
.itkdesign .insidefiltergroup [class*="ui-block-"] > .ui-radio, 
.itkdesign .insidefiltergroup [class*="ui-block-"] > button.ui-btn-inline {
    margin-top: 5px;
}

.itkdesign .notificationsettingsblock {
   border: 1px solid #eee;
}

.itkdesign .inlinecheckboxes {
   float: inline-end;
}

.itkdesign .buttondeliverytitle {
  position: absolute;
  margin-top: 10px;
  margin-left: 10px;
  color: #38c;
}

.itkdesign .reflowcheckbox .ui-checkbox input, .itkdesign .simplecheckbox.ui-radio input {
  position: inherit;
  /* zoom:2; */
  transform:scale(1.1);
  -ms-transform:scale(1.1);
  -webkit-transform:scale(0.9);
  -o-transform:scale(1.1);
  -moz-transform:scale(1.5);
  transform-origin:0 0;
  -ms-transform-origin:0 0;
  -webkit-transform-origin:0 0;
  -o-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -webkit-transform-origin:0 0;
  vertical-align: super;
}

.itkdesign .insidefiltergroup [class*="ui-block-"] > .ui-checkbox {
    margin-top: 0px; 	
}

.itkdesign .insidefiltergroup .ui-input-text input {
	/* min-height: inherit; */
}

.itkdesign .pageSizeElement .ui-select .ui-btn {
    width: 50px;
    float: right;
}

.itkdesign .insidefiltergroup .itksadminsearchinput .ui-input-text input {
	min-height: inherit;
	min-width: 220px;
}

.itkdesign .itkcollabsedtable .ui-collapsible-heading .ui-btn,
.itkdesign .itkcollabsedtable .filterbutton .ui-btn 
{	 
	background-color: #d2d2d2;
	border-color: #d2d2d2;
	color: #333;
	text-shadow: 0 1px 0 #d2d2d2;
} 

.itkdesign .itkcollabsedtable .ui-body-b{
	background-color: #ededed;
	text-shadow: none;
}

.itkdesign .hideheaderonreflow .ui-table-cell-label {
	display: none;
}

.itkdesign .ui-table-reflow tr > td.showOnlyOnReflow {
	display: block;
}

.itkdesign .ui-table-reflow tr > td.hideOnlyOnReflow {
	display: none;
}

.itkdesign .ui-table-reflow tr > td.optioncategory,
.itkdesign .ui-table-reflow tr > td.nhqcategory { /*these are the option categories that appear on the job start AND nhq categoryies that appeaer on nhq checklists */
	font-weight: bold;
	text-transform: uppercase;
	color: #777;
	text-align: center;
	border-radius: 0px;
}

.itkdesign .itkpopup {
	top: 70px;
	padding: 10px
}

.itkdesign .ui-datepicker .ui-datepicker-prev:before {content: "<<"; vertical-align: sub;}
.itkdesign .ui-datepicker .ui-datepicker-next:before {content: ">>"; vertical-align: sub;}


.itkdesign .itksmallfield .ui-input-text, 
.itkdesign .itksmallfield .ui-input-search,
.itkdesign .itksmallfield .ui-select .ui-btn {
    max-width: 120px;
    min-width: 90px;
    display: inline-block;
}
.itkdesign .itkdatefield .ui-input-text, 
.itkdesign .itkdatefield .ui-input-search {
    display: table;
    width: 90px;	
}

.itkdesign .itkadvsearchdatefield .ui-input-text, 
.itkdesign .itkadvsearchdatefield .ui-input-search {
    display: table;
    width: 110px;	
}

#advSearch {
  display: none;
}

.itkdesign .itkdatefieldwithicon .ui-input-text, 
.itkdesign .itkdatefieldwithicon .ui-input-search {
    display: table;
    width: 110px;
}

.itkdesign .itksearchinput .ui-btn {
    padding: .3em 3em;
    margin: 2px; 
    height: 28px
}

.itkdesign .schedearlystartdate .ui-input-text input {
	background: url(../images/letter_earlystart_schedule.png) no-repeat scroll 7px 7px;
    padding-left:30px;
}
.itkdesign .schedstartdate .ui-input-text input {
	background: url(../images/letter_start_schedule.png) no-repeat scroll 7px 7px;
    padding-left:30px;		
}
.itkdesign .schedcompletedate .ui-input-text input {
	background: url(../images/letter_complete_schedule.png) no-repeat scroll 7px 7px;
    padding-left:30px;	
}

.itkdesign .itktimefieldwithicon .ui-input-text, 
.itkdesign .itktimefieldwithicon .ui-input-search {
    width: 80px;
    display: table-cell;
}


.itkdesign .starthour .ui-input-text input {
	background: url(../images/starthour.png) no-repeat scroll 7px 7px;
    padding-left:30px;		
}

.itkdesign .endhour .ui-input-text input {
	background: url(../images/endhour.png) no-repeat scroll 7px 7px;
    padding-left:30px;		
}

.itkdesign .startminute .ui-input-text input {
	background: url(../images/startminute.png) no-repeat scroll 7px 7px;
    padding-left:30px;		
}

.itkdesign .endminute .ui-input-text input {
	background: url(../images/endminute.png) no-repeat scroll 7px 7px;
    padding-left:30px;		
}


.itkdesign .ui-controlgroup-horizontal .ui-controlgroup-controls .itktimefieldwithicon .ui-select {
    float: none;
    display: table-cell;
}

.itkdesign .itksmallfield .ui-checkbox {
	min-width: 45px;
    display: inline-block;
}

.itkdesign .regularcheckbox .ui-checkbox input {
	left: .066em;
}
.itkdesign .regularcheckbox .ui-checkbox label {
    padding-left: 0px;	
    width: 4px;
}
.itkdesign .regularcheckbox .ui-btn.ui-checkbox-off::after {
	margin: -9px 2px 2px -8px ;
	background-color: #3590ce;
}
.itkdesign .regularcheckbox .ui-btn.ui-checkbox-on::after {
	margin: -9px 2px 2px 4px;
}
.itkdesign .regularcheckbox .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
	left: -3px;
}

.itkdesign .regularradio .ui-radio input {
	left: .066em;
}
.itkdesign .regularradio .ui-radio label {
    padding-left: 0px;	
    width: 4px;
}
.itkdesign .regularradio .ui-btn.ui-radio-off::after {
	margin: -9px 2px 2px -8px ;
	background-color: #3590ce;
	border-radius: 1em;
}
.itkdesign .regularradio .ui-btn.ui-radio-on::after {
	margin: -9px 2px 2px 4px;
	border-width: 0px;
}
.itkdesign .regularradio .ui-btn.ui-radi-on.ui-radio-on::after {
	left: -3px;
}


.itkdesign .ihmsMobileMenu .ui-panel-inner{
	padding: 5px;
}
.itkdesign .ihmsMobileMenu .ui-panel-inner .ui-panel-display-overlay {
    box-shadow: 10px 0 5px rgba(0,0,0,.15);
}


.itkdesign .ihmsMobileMenu .jobdocs .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .jobdocs .ui-icon-plus:after { background: url("../images/jobdocs.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .purchasing .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .purchasing .ui-icon-plus:after { background: url("../images/purchasing.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .schedule .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .schedule .ui-icon-plus:after { background: url("../images/schedule.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .warranty .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .warranty .ui-icon-plus:after { background: url("../images/warranty.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .profile .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .profile .ui-icon-plus:after { background: url("../images/profile.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .usersetup .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .usersetup .ui-icon-plus:after { background: url("../images/usersetup.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .othersetup .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .othersetup .ui-icon-plus:after { background: url("../images/othersetup.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .configicon .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .configicon .ui-icon-plus:after { background: url("../images/configicon.png") no-repeat; background-size: cover;}


.itkdesign .ihmsMobileMenu .workalerts .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .workalerts .ui-icon-plus:after { background: url("../images/workalerts.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .payments .ui-icon-minus:after { background: url("../images/menuopened.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .payments .ui-icon-plus:after { background: url("../images/payments.png") no-repeat; background-size: cover;}

.itkdesign .ihmsMobileMenu .ui-icon-config:after { background: url("../images/configicon.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .ui-icon-notificationon:after { background: url("../images/notificationon.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .ui-icon-notificationoff:after { background: url("../images/notificationoff.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .ui-icon-devselection::after { background: url("../images/dev_selection.png") no-repeat; background-size: cover;}
.itkdesign .ihmsMobileMenu .ui-icon-searchicon::after { background: url("../images/searchmenuoff.png") no-repeat; background-size: cover;}

/* searchable select field */
.itkdesign ui-selectmenu.ui-popup .ui-input-search {
    margin-left: .5em;
    margin-right: .5em;
}
.itkdesign .ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
.itkdesign .ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}
.itkdesign .ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.itkdesign .ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
}
/* end searchable select field */


/* end itk design special buttons */

/* div table-cell for forms */
.itkdesign .formtable
{
     display: table;
     width:100%;
     max-width: 600px; 
}
.itkdesign .formtitle
{
        display: table-caption;
        text-align: center;
}
.itkdesign .formcellheading {
        display: table-row;
        font-weight: bold;
        text-align: left;       
}

.itkdesign .formcellnotificationheading {
        display: table-row;
        font-color: small;
        text-align: left; 
        color: #d0d0d0;      
}

.itkdesign .formrow    {
        display: table-row;
}
.itkdesign .formcell, .itkdesign .formcellnoborder {
   display: table-cell;
   vertical-align: middle;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;        
}

.itkdesign .formcell {
   border-bottom: 1px solid #eee;	   
}

.itkdesign .formcell.noborder {
        display: table-cell;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: none;	        
}

.itkdesign .ui-shadow-inset {
        box-shadow: inherit;
}

.itkdesign .cellvalignup {
	vertical-align: inherit ;
}

.itkdesign .errorlist{
    margin: 20px;
}

.itkdesign .errorlist .ui-li-static {
	background-color: #f5dbd7;
	border-color: #ada6a6;
    overflow: auto;
    white-space: normal;	
}

.itkdesign #home .errorlisttitle h3.ui-bar {
	background-color: #d59999;
	border-color: #f0cfcf;
	text-shadow: 0 1px 0 #fbcccc;	
	color: #302924;    
}

.itkdesign .ui-header .backtolink {
	position: relative;   
}

.itkdesign .backtophoto .ui-btn {
   position: fixed;	 
   background: #fff0;
   color: #fff;
   text-shadow: none;
}


.itkdesign .ui-content .ui-listview {
	margin: 0px;
}

.itkdesign .ui-state-disabled {
	opacity: .75;
}

/* end div table-cell for forms */


.itkdesign .ui-page-theme-a .ui-select .ui-btn {
	background-color: #f8f7f6;  
    border-color: #DADFED;
    color: #1e557a;
    text-shadow: 0 1px 0 #e3e9ef;
}

.itkdesign .ui-page-theme-a .ui-select .ui-btn:hover {
	background-color: #ededed;  
}

.itkdesign .itkfieldulelements {
	margin: 0px;
}

/*
.itkdesign .ui-icon-carat-d::after {
	background-image: url("../images/itkselecticon.png");
}
*/



/* end  itk design css */ 


/************ Jquery Date Picker CSS ******************/
.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-datepicker { width: 12em; padding: .2em .2em 0; display: none; z-index: 8032 !important;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; color:#000;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .8em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; font-size: 11px;}
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* form styling */
.form-style-2{
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 5px 0px;
}
.form-style-2 label > span{
    width: 140px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
    height:20px;
}
.form-style-2 longlabel > span{
    width: 440px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
    height:20px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 130px;
    text-align: left;
}
.form-style-2 input.input-field{
    width: 48%;   
}
.form-style-2 .amount-field{
    width: 100px;
    text-align: right;
}

.form-style-2 .date-field{
    width: 110px;   
}

.form-style-2 .days-field{
    width: 50px;   
}

.form-style-2 .date-field,
.form-style-2 .days-field,
.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .amount-field,
.form-style-2 .textarea-field,
.form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #99CCFF;
    -moz-box-shadow: 1px 1px 4px #99CCFF;
    -webkit-box-shadow: 1px 1px 4px #99CCFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

.form-style-2 .days-field:focus,
.form-style-2 .date-field:focus,
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .amount-field:focus,
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
    border: 1px solid #0066CC;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}

.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}
/* end form style */

.rowtitle { /* this is the main styling of all page headings */
   padding: 10px;
   font-size: 18px;
   background-color: #4271AE; 
   margin-bottom: 10px;
   color: #fff;  
}

.rowtitle .days-field,
.rowtitle .date-field,
.rowtitle .tel-number-field,
.rowtitle input.input-field,
.rowtitle .amount-field {
    color: #000;
}


/************* end calendar datepicker **************/


/**************************
tooltip style
**************************/

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* TipTip Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


/* angular tiptip */
.angtooltip {
	z-index: 1100;
    display: none;
    position: absolute;
    padding: 7px 10px;

	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;

	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
  
}

.angtooltip-show {
  display: inherit;
}

.angtooltip-arrow {
  position: absolute;
	width: 0;
	height: 0; 
}

.angtooltip-down .angtooltip-arrow {
  top: -5px;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;  
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-bottom: 5px solid #222;
}

.angtooltip-up .angtooltip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  	border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #222;
}

.angtooltip-right .angtooltip-arrow {
  left: -5px;
  top: 50%;
  margin-top: -3px;
  	border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-right: 5px solid #222;
}

.angtooltip-left .angtooltip-arrow {
  right: -5px;
  top: 50%;
  margin-top: -3px;
  	border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 5px solid #222;
}

/**************************
fancybox style
**************************/

/*! 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: rgb(255, 255, 255); 
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.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;
	max-height: 900px;
}

.fancybox-inner {
	overflow: hidden;
}

.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: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	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('../images/fancybox_sprite.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('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -6px;
	right: -10px;
	width: 38px;
	height: 34px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-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:hover 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: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

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

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
	z-index: 1500;
}

/* Title helper */

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

.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);
}

/*********** ag-grid custom for the ITK *******/
.ag-center-cols-container {
    /* width: 100% !important; */
}

.itkdesign .aggrid-auto-700 {
	height: 700px;
	width: auto;
    margin-left: 3px;  
    margin-right: 3px;
}

.itkdesign .aggrid-auto-600 {
	height: 600px;
	width: auto;
    margin-left: 3px;  
    margin-right: 3px;
}

.itkdesign .itkmobiscrolldatefield .ui-input-text, 
.itkdesign .itkmobiscrolldatefield .ui-input-search, 
.itkdesign .itkmobiscrolldatetimefield .ui-input-text,
.itkdesign .itkmobiscrolldatetimefield .ui-input-search {
    display: contents;;	
}

.itkdesign .itkmobiscrolldatefield .mbsc-textfield.mbsc-textfield-outline {
  background: url(../images/calendar-icon.png) no-repeat scroll 9px 9px;
  background-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  padding-left: 50px;
  background-size: 24px 24px;
  width: 200px;
}

.itkdesign .itkmobiscrolldatetimefield .mbsc-textfield.mbsc-textfield-outline {
    background: url(../images/schedule-icon.png) no-repeat scroll 9px 9px;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    padding-left: 50px;
    background-size: 24px 24px;
    width: 260px;
}

.itkdesign .mbsc-ios.mbsc-textfield-wrapper-outline {
    margin: 0px;
}

.itkdesign .ui-field-contain .ui-controlgroup-controls {
    width: 100%;
}

.itkdesign .ui-header .backtolinktop {
    position: absolute;
}

.itkdesign .service-order-container {
   padding: 0px;
   margin: 0px;
}

.itkdesign .ag-theme-alpine .ag-details-row,
.itkdesign .ag-details-row .ag-details-row-fixed-height {
    padding: 1px;
    background-color: #319fe1;
    background-color: var(--ag-background-color,#319fe1);
}

.itkdesign .ag-theme-alpine {
  --ag-value-change-value-highlight-background-color:  #85c5ee;
}


/***  end ag-grid custom  **********************/

/*********** dashboard menus ************/
.dashboard-menu {
    background-size: cover;
}

.itkdesign .dashboard-menu > div:first-child {
    margin-top: 50px;
}
.itkdesign .dashboard-menu > div {
    margin-bottom: 20px;
}

.itkdesign .dashboard-menu .menu-link {
    background: rgba(46,135,205, 0.77);
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 10px;
    box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.3);
}

.itkdesign .dashboard-menu .menu-link > span:last-child {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    width: 100%;
}

.itkdesign .dashtext-center {
    text-align: center !important;
}
.itkdesign .dashrow {
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
}
  
.dashrow .dashcol-33 {
    width: 33.333333333333336%;
}  

.dashrow > [class*="dashcol-"] {
    box-sizing: border-box;
}

.dashtext-center {
    text-align: center !important;
}

.itkdesign .dashboard-icons {
    margin: 5px;
}

.itkdesign .dashboard-icons img{
    opacity: 0.5;
    width: 49px;	
}
 /***** end dashboard **********/


/*******************************
********************************
********************************
MEDIA QUERY FOR TABLET IN PORTRAIT MODE
********************************
********************************
*******************************/

@media all and (max-width: 1065px) {
		
	/*************
	LOGIN WINDOW
	*************/
	#login-page-container {
		width: 98%;
	}
	#page-container { /*this is the wrapper */
		width: 100%; /* 960px */
	}

	.login-popup{
	   width: 90%; 
	   margin: 5px;
	}
    div.itk-logo {
	    margin: 10px auto;
	    margin-top: 25px;
	    margin-bottom: 25px;
	    width:50%;
	    min-width: 275px;	    
    }

    p.login-title {
       text-align: center;
    }
	
	.copy-box {
	    width: 95%;
	    margin: 0 auto;
	    text-align: center;
	}
	p.prospects-owners {	        
		width: 95%;
		margin: 0 auto;
	}
	p.prospects-owners a {
		text-align: center;
	}
	
	#nav_logo { /*** ITK3 Logo ***/
	    margin: 0 auto;
	    display: block;
	    width: 99px;
	}
	h2.homebuyer {
		text-align: center;
	}
		
	.sitewidebottom {
		border: none;
	}

	.pagemenu {
		border: none;
		margin-left: 0;
		padding-left: 0;
	}
	.superwelcome {
		border: none;
	}
	.vpo-left-side {
		width: 100%;
		float:none;
		margin-top: 0;
	}
	.vpo-right-side {
		width: 100%;
		float: none;
		border-left: none;
		padding-left: 0;
		margin-top: 0;
	}
	textarea#reason, input#description {
		width: 80%;
	}
	select#costcode, select#bcvendornumber {
		width: 80%;
	}
	fieldset.tidy, fieldset.optional {
		margin-left: 5px;
		margin-right: 5px;
		display: block;
	}
	.createvpo .vpototal  {
		margin-left: 5px;
		margin-right: 5px;
		display: block;
	}
	fieldset.tidy input[type="button"] {
		display: none;
	}
	
	.left, .middle, .right {
	    display: block;
	    margin: 0px;
	    width: 98%;
	}
	
	/*old menu styling:*/
	
	
	ul#nav_site {
		margin: 0;
		padding: 0;
		position: relative;
		left: 0;
		display: block;
		border: none;
		margin-left: 110px;
	}
	ul#nav_site .menu {/*This contains the menu system*/
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		min-width: 320px;
		border: none;
		font-size: 17px;
	}
	/***mobile-navigation css reset***/
	.menu ul li {
		margin: 0;
	}
	.menu ul li.widenav {
		display: none;
	}
	.menu {
		width: 100%;
		border: 1px solid red;
	}
	.menu ul {
		width: auto;
		margin: 0 auto;
		height: 50px;
	}
	.menu ul li.smallnav {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
	}
	.menu ul li.smallnav a {
		font-size: .8em;
		margin: 0;
		text-align: left;
	}
	.menu ul li.smallnav ul.mainmenuitem {
		width: 310px;
		padding: 0;
		margin: 0 auto;
	}
	.menu ul li.smallnav ul.mainmenuitem li.smallnavitem {
		border: none;
		width: auto;	
	}
	.menu ul li.smallnav ul.mainmenuitem li.smallnavitem a{
		font-size: .8em;
		width: auto;
		padding-left: 10px;
	}
	ul#nav_page {/*This is the "Logout" and "Help" links*/
	    display: none;
	}
	.menu ul li.smallnav ul.marginthree { 
		/*this makes the 3rd menu button drop down line up better on tablets */
		margin-left: 0px;
	}
	.menu ul li.smallnav ul.marginfour {
		/*this makes the 4th menu button drop down line up better on tablets */
		margin-left: -120px;
	}

	.loginpages .ui-page {
	    top: -7px;
	}

	.itkdesign .ihmsimgicon,  .itkdesign .ihmsnoteicon {
	    width: 29px;
	}
	

	.itkdesign .reflowcheckbox .ui-checkbox input, .itkdesign .simplecheckbox.ui-radio input {
	  position: inherit;
	  /* zoom:2; */
	  transform:scale(1.1);
	  -ms-transform:scale(1.1);
	  -webkit-transform:scale(1.1);
	  -o-transform:scale(1.1);
	  -moz-transform:scale(2);
	  transform-origin:0 0;
	  -ms-transform-origin:0 0;
	  -webkit-transform-origin:0 0;
	  -o-transform-origin:0 0;
	  -moz-transform-origin:0 0;
	  -webkit-transform-origin:0 0;
	  vertical-align: super;
	}


	.itkdesign .itkpopup {
		top: 150px;
	}
	
	.itkdesign .formcell .ui-input-text,
	.itkdesign .formcell .ui-select {
	    max-width: 280px;
		width:100%;
		overflow:hidden; 
	    white-space:inherit; 
	    text-overflow:ellipsis;
	    -webkit-appearance: none;	
	}	
	
    .itkdesign div#menusearchinput.ui-panel {
       width: 75%; 
    }	

    .itkdesign div#mygridviewspanel.ui-panel {
       width: 50%; 
    }    
}

@media all and (max-width: 680px) {

	.itkdesign .ui-content {
	    padding: 5px;
	}
	
	.mobilemenu {
	  display: block;
	}

    .itkdesign ul#nav_site .menu {
      display: none;
    }

	.itkdesign #nav_logo {
	    position: absolute;
	    top: 0.5em;
	    left: 2.9em;    
	}		

	.itkdesign .ui-mobile [data-role="page"], .itkdesign .ui-mobile [data-role="dialog"], .itkdesign .ui-page {
	    top: 60px;
	}	

	.loginpages .ui-page {
	    top: -7px;
	}

	.itkdesign .itktopmenu {
	   height: 60px;			
	} 
	
	.itkdesign .ihmsimgicon, .itkdesign .ihmsnoteicon {
	    width: 39px;
	}

	.itkdesign .reflowcheckbox .ui-checkbox input, .itkdesign .simplecheckbox.ui-radio input {
	  position: inherit;
	  /* zoom:2; */
	  transform:scale(1.1);
	  -ms-transform:scale(1.1);
	  -webkit-transform:scale(1.5);
	  -o-transform:scale(1.1);
	  -moz-transform:scale(2.5);
	  transform-origin:0 0;
	  -ms-transform-origin:0 0;
	  -webkit-transform-origin:0 0;
	  -o-transform-origin:0 0;
	  -moz-transform-origin:0 0;
	  -webkit-transform-origin:0 0;
	  vertical-align: super;
	}

	.itkdesign .itkelement .ui-mini.ui-btn-icon-notext {
	    font-size: 29px;
	    padding: 0;
	}

    .itktabletitle { /* this is the main styling of all page headings */
       font-size: 14px; 
    }	

	.itkdesign .itkpopup {
		top: 70px;
	}

	.itkdesign .formtable {
	    width: auto;
	    margin: 10px;
	}
    
	.itkdesign .ihmscalendar .formtable {
	    width: 100%;
	    margin: 0px;
	}
    
	.itkdesign .formcell .ui-input-text,
	.itkdesign .formcell .ui-select {
	    max-width: 180px;
		width:100%;
		overflow:hidden; 
	    white-space:pre; 
	    text-overflow:ellipsis;
	    -webkit-appearance: none;	
	}	

	.itkdesign .dashboard-menu .menu-link {
	    width: 90px;
	    height: 90px;
	}
	
	.itkdesign .dashboard-menu .menu-link > span:last-child {
	    font-size: 10px;
	}

	.itkdesign .dashboard-icons img{
	     width: 49px;	
	}
	
    .itkdesign div#menusearchinput.ui-panel {
       width: 100%; 
    }	

    .itkdesign div#mygridviewspanel.ui-panel {
       width: 30%; 
    }	
    
    .itkdesign h3#itksearchdetailtitle.ui-bar {
      margin: 0px 4px 0px 4px;
    }
    
    .itkdesign .ihmssearchclosebnt {
       display: block;
    }        
}
	
@media all and (max-device-width: 768px) { 
	/*this makes the login screen input fields bigger on tablet and mobile only (not desktop) */
	form.signin .textbox input, .button { 
		padding-top: 9px;
		padding-bottom:9px;
		font-size: 18px;
	}
}


@media ( min-width: 70em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table8-breakpoint td,
  .table8-breakpoint th,
  .table8-breakpoint tbody th,
  .table8-breakpoint tbody td,
  .table8-breakpoint thead td,
  .table8-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .table8-breakpoint td .ui-table-cell-label,
  .table8-breakpoint th .ui-table-cell-label {
    display: none;
  }

  /* left justify all text-content */
  .itkdesign .ui-table-reflow.table8-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table8-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table8-breakpoint thead th.centerJustifyText {
     text-align: center;
  }

  .itkdesign .ui-table-reflow.table8-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;  
  }

  .itkdesign .ui-table-reflow.table8-breakpoint tr > td { 
    border-radius: 0px;
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;   
  }
  
  .itkdesign .ui-table-reflow.table8-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table8-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }  

  .itkdesign .ui-table-reflow.table8-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table8-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table8-breakpoint span.showElementOnlyOnReflow{
		display: none;
  }  
  
}

@media ( min-width: 65em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table7-breakpoint td,
  .table7-breakpoint th,
  .table7-breakpoint tbody th,
  .table7-breakpoint tbody td,
  .table7-breakpoint thead td,
  .table7-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .table7-breakpoint td .ui-table-cell-label,
  .table7-breakpoint th .ui-table-cell-label {
    display: none;
  }

  /* left justify all text-content */
  .itkdesign .ui-table-reflow.table7-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table7-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table7-breakpoint thead th.centerJustifyText {
     text-align: center;
  }

  .itkdesign .ui-table-reflow.table7-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;  
  }

  .itkdesign .ui-table-reflow.table7-breakpoint tr > td { 
    border-radius: 0px;
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;   
  }
  
  .itkdesign .ui-table-reflow.table7-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table7-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }

  .itkdesign .ui-table-reflow.table7-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table7-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table7-breakpoint span.showElementOnlyOnReflow{
		display: none;
  }  
    
}

@media ( min-width: 60em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table6-breakpoint td,
  .table6-breakpoint th,
  .table6-breakpoint tbody th,
  .table6-breakpoint tbody td,
  .table6-breakpoint thead td,
  .table6-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .table6-breakpoint td .ui-table-cell-label,
  .table6-breakpoint th .ui-table-cell-label {
    display: none;
  }

  /* left justify all text-content */
  .itkdesign .ui-table-reflow.table6-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table6-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table6-breakpoint thead th.centerJustifyText {
     text-align: center;
  }

  .itkdesign .ui-table-reflow.table6-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;       
  }

  .itkdesign .ui-table-reflow.table6-breakpoint tr > td { 
    border-radius: 0px;	    
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;
    border-right: 0px;
    border-left: 0px;       
  }
  
  .itkdesign .ui-table-reflow.table6-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table6-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }  

  .itkdesign .ui-table-reflow.table6-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table6-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table6-breakpoint span.showElementOnlyOnReflow{
		display: none;
  }  
  
}


@media ( min-width: 55em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table5-breakpoint td,
  .table5-breakpoint th,
  .table5-breakpoint tbody th,
  .table5-breakpoint tbody td,
  .table5-breakpoint thead td,
  .table5-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .table5-breakpoint td .ui-table-cell-label,
  .table5-breakpoint th .ui-table-cell-label {
    display: none;
  }

  /* left justify all text-content */
  .itkdesign .ui-table-reflow.table5-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table5-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table5-breakpoint thead th.centerJustifyText {
     text-align: center;
  }

  .itkdesign .ui-table-reflow.table5-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;       
  }

  .itkdesign .ui-table-reflow.table5-breakpoint tr > td { 
    border-radius: 0px;	    
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;
    border-right: 0px;
    border-left: 0px;       
  }

  .itkdesign .ui-table-reflow.table5-breakpoint tr > td.ihmscalendar { 
      border-left: 1px solid #c2c7cb;
      border-bottom: 1px solid #c2c7cb;
      border-right: 1px solid #c2c7cb;
      vertical-align: inherit;
  }

  .itkdesign .ui-table-reflow.table5-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table5-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }

  .itkdesign .ui-table-reflow.table5-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table5-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table5-breakpoint span.showElementOnlyOnReflow{
		display: none;
  } 
  
}

@media ( min-width: 40em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table4-breakpoint td,
  .table4-breakpoint th,
  .table4-breakpoint tbody th,
  .table4-breakpoint tbody td,
  .table4-breakpoint thead td,
  .table4-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .table4-breakpoint td .ui-table-cell-label,
  .table4-breakpoint th .ui-table-cell-label {
    display: none;
  }

  /* left justify all text-content */
  .itkdesign .ui-table-reflow.table4-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table4-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table4-breakpoint thead th.centerJustifyText {
     text-align: center;
  }

  .itkdesign .ui-table-reflow.table4-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;       
  }

  .itkdesign .ui-table-reflow.table4-breakpoint tr > td { 
    border-radius: 0px;	    
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;
    border-right: 0px;
    border-left: 0px;       
  }

  .itkdesign .ui-table-reflow.table4-breakpoint tr > td.ihmscalendar { 
      border-left: 1px solid #c2c7cb;
      border-bottom: 1px solid #c2c7cb;
      border-right: 1px solid #c2c7cb;
      vertical-align: inherit;
  }

  .itkdesign .ui-table-reflow.table4-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table4-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }

  .itkdesign .ui-table-reflow.table4-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table4-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table4-breakpoint span.showElementOnlyOnReflow{
		display: none;
  }  
  
}


@media ( min-width: 35em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table3-breakpoint td,
  .table3-breakpoint th,
  .table3-breakpoint tbody th,
  .table3-breakpoint tbody td,
  .table3-breakpoint thead td,
  .table3-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  
  /* Hide the labels in each cell */
  .table3-breakpoint td .ui-table-cell-label,
  .table3-breakpoint th .ui-table-cell-label {
    display: none;
  }

  .itkdesign .ui-table-reflow.table3-breakpoint tr {
	    border-width: 1px;
  }

  .itkdesign .ui-table-reflow.table3-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table3-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table3-breakpoint thead th.centerJustifyText {
     text-align: center;
  }
  
  .itkdesign .ui-table-reflow.table3-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;       
  }

  .itkdesign .ui-table-reflow.table3-breakpoint tr > td { 
    border-radius: 0px;	    
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;
    border-right: 0px;
    border-left: 0px;       
  }
  
  .itkdesign .ui-table-reflow.table3-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table3-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }  

  .itkdesign .ui-table-reflow.table3-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table3-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table3-breakpoint span.showElementOnlyOnReflow{
		display: none;
  }   
  
}

@media ( min-width: 30em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .table2-breakpoint td,
  .table2-breakpoint th,
  .table2-breakpoint tbody th,
  .table2-breakpoint tbody td,
  .table2-breakpoint thead td,
  .table2-breakpoint thead th {
    display: table-cell;
    margin: 0;
  }
  
  /* Hide the labels in each cell */
  .table2-breakpoint td .ui-table-cell-label,
  .table2-breakpoint th .ui-table-cell-label {
    display: none;
  }

  .itkdesign .ui-table-reflow.table2-breakpoint tr {
	    border-width: 1px;
  }

  .itkdesign .ui-table-reflow.table2-breakpoint td.rightJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint th.rightJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint tbody th.rightJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint tbody td.rightJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint thead td.rightJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint thead th.rightJustifyText {
	 text-align: right;
  }  

  .itkdesign .ui-table-reflow.table2-breakpoint td.centerJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint th.centerJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint tbody th.centerJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint tbody td.centerJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint thead td.centerJustifyText, .itkdesign .ui-table-reflow.table2-breakpoint thead th.centerJustifyText {
     text-align: center;
  }
  
  .itkdesign .ui-table-reflow.table2-breakpoint tr{
     border-bottom: 1px solid #e4e4e4;    
     border-top: 0px;       
  }

  .itkdesign .ui-table-reflow.table2-breakpoint tr > td { 
    border-radius: 0px;	    
    border-bottom: 1px solid #eee;   
    border-top: 1px solid #eee;
    border-right: 0px;
    border-left: 0px;       
  }
  
  .itkdesign .ui-table-reflow.table2-breakpoint tr > td.showOnlyOnReflow,
  .itkdesign .ui-table-reflow.table2-breakpoint tr > th.showOnlyOnReflow {
		display: none;
  }  

  .itkdesign .ui-table-reflow.table2-breakpoint tr > td.hideOnlyOnReflow,
  .itkdesign .ui-table-reflow.table2-breakpoint tr > th.hideOnlyOnReflow {
		display: table-cell;
  }  

  .itkdesign .ui-table-reflow.table2-breakpoint span.showElementOnlyOnReflow{
		display: none;
  }   
}


/** Satisfaction Survey CSS **/
@media screen and (min-width: 600px) {    
    #popup_survey {
        border: 2px;
        width: 600px;
        border-style: solid;
        position:relative;
    }
    
    #very_unsatisfied{
        text-align: center;
        position: absolute;
        left:10px;
    }

    #very_satisfied{
        text-align:center;
        position: absolute;
        right:10px;
    }
    #popup_survey.ui-btn-inline {
        margin-left:30px;
        margin-right:30px;
    }
    
    #satisfaction_dropdown{ display:none; }
    #very_unsatisfied{ display:block; }
    #very_satisfied{ display:block; }
    #satisfaction_radios{ display:block; }
}

@media screen and (max-width: 600px) {  
    
    #popup_survey-popup{
    	height:90%;
    	margin-top: -70px;
    	max-width:none !important;
    	width:100%;
    	left:0 !important;
    	display:inline;
    }

    
    #popup_survey .satisfaction_button{
        display:block;
        width:100%; /** For MS Edge **/
        width:-webkit-fill-available;
        margin-right:0px;
    }
    
    #satisfaction_dropdown{ display:block; }
    #very_unsatisfied{ display:none; }
    #very_satisfied{ display:none; }
    #satisfaction_radios{ display:none; }
    
}
/** shared css **/
h1#satisfaction_header{
	position:initial;
	max-width:none;
	margin-left:0px;
    margin-right:0px;
}
#satisfaction_comments{
    width:95%;
    height:100px;
    max-height: 100px;
    resize:none;
    display:inline;
}
#satisfaction_comments_wrapper{
    text-align: center;
}
#satisfaction_button_wrapper{
    text-align: center;
}

label.ui-focus {
/** prevent blue focus shadow when clicking radio buttons. For some reason it only focuses on the first radio button */
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}


/** warranty module styles - todo should this be moved? */
.service-order-grid-context-menu-icon {
    width: 1em;
    height: 1em;
}
#action-container,
#service-order-grid-error-message,
#service-order-grid-loading-message {
    padding-top: .5em;
    padding-bottom: .5em;
}
#service-order-grid-container {
    margin-top: 2em;
    margin-bottom: 2em;
}
.service-order-table-tooltip {
  position: absolute;
  border: 1px solid black;
  background-color: white;
  max-height: 750px;
  overflow: auto;
  pointer-events: none;
  transition: opacity 1s;
}
.service-order-table-tooltip.ag-tooltip-hiding {
  opacity: 0;
}
.date-field {
    width: 200px !important;
}
.schedule-icon::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    cursor: pointer;
    background: url(../images/schedule-icon.png) no-repeat;
    background-size: 24px 24px;

}
.calendar-icon::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    cursor: pointer;
    background: url(../images/calendar-icon.png) no-repeat;
    background-size: 24px 24px;

}

/* style for disabled ag-grid checkboxes */
.ag-selection-checkbox.ag-hidden{
    display: flex !important;
    opacity: 0.3;
}

.short-heading{
    max-width: 108px;
}

.war-doc-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    row-gap: 15px;
    flex-wrap: wrap;
    width: 450px;
}

@media (max-width: 450px) {
	.war-doc-container{
	    display: flex;
	    justify-content: flex-start;
	    align-items: center;
	    column-gap: 20px;
	    row-gap: 15px;
	    flex-wrap: wrap;
	    width: 250px;
	}
}

.card{
    width: 130px;
    height: 225px;
}

.war-doc-preview{
    width: 100%;
    height: 150px;
}

.war-doc-preview-icon-container{
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.war-doc-preview-icon{
    width: 40px !important;
    height: 40px;
}

.document-more-actions{
	cursor: pointer;
	position: absolute;
    width: 14px;
    height: 14px;
	top: 3px;
	right: 0px;
}

.doc-dropdown-item{
    text-decoration: inherit !important;
    color: inherit !important;
}

.card-footer{
    width: 100%;
    height: 75px;
}

.internal-doc-icon{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.internal-checkbox{
    text-align: center;
    width: 20px;
    height: 20px;
}

.internal-container{
    text-align: center;
    position: relative;
    top: 10px;
}