/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 11, 2014 */

@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin_italic';
    src: url('fonts/roboto-thinitalic-webfont.eot');
    src: url('fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-thinitalic-webfont.woff') format('woff'),
         url('fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight_italic';
    src: url('fonts/roboto-lightitalic-webfont.eot');
    src: url('fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('fonts/roboto-italic-webfont.eot');
    src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('fonts/roboto-italic-webfont.woff') format('woff'),
         url('fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomed';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium_italic';
    src: url('fonts/roboto-mediumitalic-webfont.eot');
    src: url('fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-mediumitalic-webfont.woff') format('woff'),
         url('fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_italic';
    src: url('fonts/roboto-bolditalic-webfont.eot');
    src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-bolditalic-webfont.woff') format('woff'),
         url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.eot');
    src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff'),
         url('fonts/roboto-black-webfont.ttf') format('truetype'),
         url('fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoblack_italic';
    src: url('fonts/roboto-blackitalic-webfont.eot');
    src: url('fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-blackitalic-webfont.woff') format('woff'),
         url('fonts/roboto-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.eot');
    src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('fonts/robotocondensed-italic-webfont.eot');
    src: url('fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-italic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/robotocondensed-bold-webfont.eot');
    src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswald';
    src: url('fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('fonts/oswald-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ui-widget {font-family: 'robotoregular' !important;}

.x-panel-body {overflow:auto;} /* KS 10/20/2014 -- added to change the default cfwindow behavior in CF11 */
.x-panel-body-default {background: transparent; border:none;}

.x-window-body {background-color:white;}

.x-body {font-family: 'robotoregular';}

.x-tab button {font-family: 'oswald'; font-size: 10pt; font-weight: normal; } /* tabs */

.x-tab-default-top button, .x-tab-default-top .x-tab-inner { line-height: 20px; height:20px;}

/* KS 8/28/2019 - add this class for each <i tag -need for when the inherited font is not grey*/
.fontawesome_grey {color:#474F56;} 
.fontawesome_green {color:#87c140; padding-right:2px;} 
.fontawesome_red {color:#be1e2d;} 
.fontawesome_10 {font-size:10pt;}
.fontawesome_15 {font-size:15pt; padding-left:5px;}

html { overflow-y: scroll; }

body { background-color:#F1F2F2; text-align:center; font-family: 'robotoregular';}

div.x-window-mc {font-family: 'robotoregular', Verdana, sans-serif; background-color: #ffffff; padding: 10px;}

#wrapper {width:100%; margin: 0 auto; background-color: #F1F2F2; overflow:hidden; }

/* JEFF 8/13/2014 - 
#header { float:left; width:100%; color: #fff; background-color: #343A40; } 
*/

/*
#header { width:100%; color: #fff; background-color: #002F55; } 

#header_left { float:left; width:444px; height:75px; padding-top: 15px; text-align:center; background-color:#132436;}

#header_left p { padding: 12px 0 0 22px; margin: 0; }

#header_right { float:right;  width:356; height:75px; text-align:left; background-color: #002F55; }

#header_right p { font-size:10pt; padding: 0; margin 0; text-align:right; }
#header_right p a { font-family: 'robotobold'; color:#fff; text-decoration: none; }
*/
#header { width:100%; color: #fff; background-color: #132436; position: fixed; top:0; z-index: 1000; } 
#header a { border: 0; outline: none; }
#header div.head-buffer { width: 1400px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
#header_left { float: left; width: 33.33333333%; text-align:left; }
#header_left p { padding: 0; margin: 0; }

#header_center { float: left; width: 33.33333333%; text-align:center; }
#header_center p { padding: 0; margin: 0; text-align: center; }
#header_center a { color:#fff; text-decoration:none; font-size:14pt; font-family: 'robotobold'; }

#header_right { float: left; width: 33.33333333%; text-align:left; }
#header_right p { font-size:14pt; padding: 0; margin 0; text-align:right; }
#header_right .username { font-size:10pt;}
#header_right p a { font-family: 'robotoregular'; color:#fff; text-decoration: none; }

#header_logo { float: left; width: 18%; text-align:left; }
#header_logo p { padding: 0; margin: 0; }

#header_buttons { float: left; width: 95%; text-align: right; }
#header_buttons ul { padding-inline-start: 0px; }
#header_buttons ul li { display: inline-block; /*margin-left: 25px;*/ padding: 9px 12px; }
#header_buttons ul li:first-of-type { margin-left: 0; }
.header_button a { color:#fff; text-decoration:none; font-size: 12px; font-family: 'oswaldregular'; }
.header_button a img { display: block; margin: 0 auto; margin-bottom: 5px; }
.header_button a span { display: block; margin: 0 auto; }

#header_menu a { font-family: 'oswaldregular'; color:#fff; font-size: 14px; font-weight:200; }
#header_menu a img { vertical-align: middle; }
#header_menu a div { width: 35px; display: inline-block; }
#header_menu #menuDropdown a span { vertical-align: middle; }
.menu-open { background-color: #E7E7E7; color: #555555 }

/* dropdown menu */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #132436;
  min-width: 200px;
  border-width: 0px 1px 1px 1px !important;
  border-style: solid;
  border-color: #D1D3D4;
  border-top: 0;
  z-index: 999999;
  top: 7;
  right: 0;
}

.dropdown {
  position: relative;
}

.dropdown-content a {
  color: #343A40;
  padding: 12px 16px;
  font-size:12;
  border-top: 1px solid #D1D3D4 !important;
  text-decoration: none;
  display: block;
  text-align: left;
}
.show {display:block;}

/* KS 8/4/2021 tab styling 
#tabs-nohdr { 
    padding: 0px; 
    background: none; 
    border-width: 0px; 
} 
#tabs-nohdr .ui-tabs-nav { 
    font-family: oswald, Verdana, sans-serif!important;
    font-weight:normal;
    padding: 0px; 
    background: transparent; 
    background-color:#F1F2F2; 
    border-width: 0px 0px 0px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 

.ui-tabs .ui-tabs-panel {
    padding: 0px!important;
}  

*/

/* KS */
#tabs-nohdr { 
    background: transparent; 
    border: none; 
} 
#tabs-nohdr .ui-widget-header { 
    background: #F1F2F2; 
    border: none; 
    border-bottom: none; /*1px solid #c0c0c0; */
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
    font-family:'oswald'; 
    font-size:10pt;
    padding: .2em 0em 0;
} 
#tabs-nohdr .ui-tabs-nav .ui-state-default { 
    background: #FFF; 
    border: none; 
    padding:5px;
} 
#tabs-nohdr .ui-tabs-nav .ui-state-active { 
    background: #FFF url(../img/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
} 
#tabs-nohdr .ui-tabs-nav .ui-state-default a { 
    color: #9d9ea7; 
} 
#tabs-nohdr .ui-tabs-nav .ui-state-active a { 
    color: #132436; 
}


/* JEFF 8/13/2014 - 
#content { padding: 0px 0px 8px 0px; margin: 10px;  float:left; display:inline; background-color:#BCC1C6; }
*/
#content { width: 1400px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px; }

#login-content { zoom: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 500px) and (max-width: 850px) {
  #login-content { zoom: 200%; }
}

@media (max-width:2000px) {
    #header div.head-buffer { width: 1400px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
    #content { width: 1400px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px; }
}
@media (max-width:1400px) {
    #header div.head-buffer { width: 1290px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
    #content { width: 1290px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px; }
}
@media (max-width:1300px) {
    #header div.head-buffer { width: 1190px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
    #content { width: 1190px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px; }
}
@media (max-width:1200px) {
    #header div.head-buffer { width: 1090px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
    #content { width: 1090px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px; }
}
@media (max-width:1100px) {
    #header div.head-buffer { width: 990px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
    #content { width: 990px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px; }
}

@media (max-width:1000px) {
    body { overflow: initial !important; }
    #header div.head-buffer { width: 950px; margin: 0 auto; height: 58px; display: flex; align-items: center; }
    #content { width: 950px; padding: 0; margin: 0 auto; background-color:#F1F2F2; padding-bottom: 10px; margin-top: 70px;  }
    #wrapper { overflow: initial; }
}

/* JEFF 8/13/2014 - 
#inner { padding: 8px;  margin:0 auto; background-color:#BCC1C6; width:820px;}
*/
#inner { padding: 0; margin:0 auto; background-color:#F1F2F2; }  /* 909AA3 */
#inner a:focus { border: 0 none; }  /* KS 8/4/21 - keeps tab from getting an underline when clicked */

/* JEFF 8/13/2014 - 
#title { font-family: 'robotomed'; margin: 0 auto; overflow: hidden; color: #fff; font-size:10pt; background-color:  #404142; text-align:center; text-transform: uppercase; } 
*/
#title { font-family: 'oswald'; color: #1B354C; font-size:14pt; text-align:center; text-transform: uppercase; padding: 0px 0px 0px 0px;  margin-top: 10px; margin-bottom: 0; }

#title p {margin-top:5px;}

#title img { vertical-align: middle; margin-right: 20px; }

input, select, textarea, option, checkbox {font-family: 'robotoregular', Verdana, sans-serif!important; padding-left:3px; color:#343A40; font-size:10pt; background-color: #F0F3F3;  resize:none; border:none;} 
*:focus {border-bottom:1px solid #3d7b9e;} 
:disabled {background: transparent; border:none;}

p {padding: 0 3px;}
p.instruct {font-family: 'robotoitalic';}
p.dmInstruct {padding: 5px 3px; font-family: 'robotoregular'; color:#343A40; text-align:left; font-size:10pt;}
.bold { font-family:'robotomed';}

/* list/input tables */
table.header {margin:auto; width:100%; font-size:10pt;}
table.header td { font-size:10pt; padding:0 5px;}

/* KS 1/14/2015 - used on home page - tr height is taller to make box sizes the same and padding less to accomodate calendar display  */
table.home {margin: 10px auto 0; font-family: 'robotoregular'; width: 100%; background-color:#fff; font-size:9pt; color: #343A40;}
table.home tr {vertical-align:top; height:30px;}
table.home td {padding:2px 2px 2px 5px;}  /* KS 8/7/2014 - added robomed to this so that I wouldn't have to change every form to use label but doesn't work for view only pages */
table.home .label { font-family:'robotobold'; text-transform: uppercase; vertical-align: top;}
table.home .bold { font-family:'robotomed';}
table.home .lower { text-transform: lowercase;}
table.home .section { font-family:'oswald'; padding:3px 7px; font-size:12pt; color: #132436; background-color:#F1F2F2; vertical-align: middle;}

table.input {margin: 10px auto 0; font-family: 'robotoregular'; width: 100%; background-color:#fff; font-size:9pt; color: #343A40; border: 1px  solid #D1D3D4 !important;}
table.inputNoBorder {margin: 10px auto 0; font-family: 'robotoregular'; width: 100%; background-color:#fff; font-size:9pt; color: #343A40;}
table.input tr, table.inputNoBorder tr {vertical-align:top; height:22px;}
table.input td {padding: 5px;}  /* KS 8/7/2014 - added robomed to this so that I wouldn't have to change every form to use label but doesn't work for view only pages */
/* KS this is used to convert the inventory app styles (so that I didn't have to type all of the labels in uppercase) */
table.input .label, table.inputNoBorder .label{ font-family:'robotobold'; text-transform: uppercase; vertical-align: top;}
table.input.bold, table.inputNoBorder.bold { font-family:'robotomed';}
table.input.lower, table.inputNoBorder.lower { text-transform: lowercase;}
table.input .pad_bottom { padding-bottom: 10px;}
table.input a, table.inputNoBorder a { color: #3d7b9e; font-size:10pt; font-family:'robotoregular'; }
div .withBorder {border: 1px  solid #D1D3D4; padding:5px;}

/* Each table needs a specific class to override the padding on td (on the input page, top/bottom padding is 1px */
table.input .section, table.inputNoBorder .section { font-family:'oswald'; padding:6px 7px; font-size:12pt; color: #132436; background-color:#FFFFFF; 
     vertical-align: middle; text-transform: uppercase;}
     /* border-left:none !important; border-right:none !important; border-bottom: 1px  solid #D1D3D4; */
table.input .section a {color: #F5C65D;  font-family:'oswald'; }
table.input .sectionLink {background:transparent; border:none; color: #F5DB75; text-decoration: underline; font-family:'robotomed'; cursor:pointer;}
table.input .instruct {font-family: 'robotoitalic'; color: #be1e2d;}

table.input { padding-left: 7px;}

table.inputNoBorder td {border:none !important; padding:5px;}

/*Jim 1/8/18 */
table.input .red {color:#be1e2d; font-family:'robotomed';}
table.input .titles { font-family: 'robotobold', verdana, sans-serif; font-size:8pt; color: #4A4A49;  padding: 3px; vertical-align:top; text-transform:uppercase;}

table.input p.wht_header { font-family:'oswald'; margin:0px; padding:10px 5px; font-size:12pt; color: #132436; text-transform: uppercase; }

/* KS 7/16/21 - used for dispatch calendar - this class is same as input but input has anchor tags that were messing up the calendar */
table.calendar { font-family: 'robotoregular'; width: 100%; background-color:#fff; font-size:9pt; color: #343A40;}
table.calendar .section {font-family: 'oswald'; padding:7px 7px 7px 0px; font-size:12pt; color: #132436; background-color:#F1F2F2;  text-transform: uppercase;
                     border-left: none !important; border-right: none !important }

table.outer .changePassword {
    font-family: robotobold;
    color: #cb1b21;
    font-size: 11pt;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
}

table.outer {padding:0; margin: auto; font-family: 'robotoregular', Verdana,  sans-serif; width:100%; font-size:9pt; color: #343A40; }
/*table.outer td {padding:1px 3px;}*/
table.outer tr {vertical-align:top;}
table.outer .section { font-family:'oswald'; padding:15px 7px 0px 7px; font-size:12pt; color: #132436; background-color:#FFFFFF;  vertical-align: middle; text-transform: uppercase;}
table.outer table div { background-color: #fff; }
table.outer a:focus { border: 0 none; }

table.list {margin: 10px auto 0 auto; font-family: 'robotoregular', Verdana,  sans-serif; background-color:#fff; font-size:9pt;  width: 100%; color:#343A40; }
table.list tr {vertical-align:top;}
table.list th { font-weight: normal; font-size:9pt; color: #343A40;  text-align: left; padding: 3px; vertical-align:top;}
table.list th a { font-weight: normal; font-size:9pt; color: #343A40; border: 0px; text-decoration:none; font-size:9pt; }
table.list a { color: #be1e2d; font-size:9pt;}
table.list a:focus { border: 0 none; }
.nounderline {text-decoration:none;} /* used in ol_invdetail */
table.list select {font-family: 'robotoregular', Verdana, sans-serif; font-size:9pt; padding-left:3px;} 
table.list td {padding:5px; border-bottom: 1px solid #D1D3D4;}
table.list td:first-child { border-left: 1px solid #D1D3D4; }
table.list td:last-child { border-right: 1px solid #D1D3D4; }
table.list .titles { font-family: 'robotomed', verdana, sans-serif; font-size:8pt; color: #343A40;  
                     text-align: left; padding: 10px 3px; vertical-align:top; text-transform:uppercase;}
table.list .titles2nd { font-family: 'robotomed', verdana, sans-serif; font-size:8pt; color: #343A40;  text-align: left; padding: 0px 0px 3px 3px; vertical-align:top; text-transform:uppercase;}
table.list .section { font-family:'oswald'; padding:15px 7px 7px 5px; font-size:12pt; color: #132436; background-color:#FFFFFF;  vertical-align: middle; 
                      text-transform: uppercase; border-left:none !important; border-right:none !important; }
table.list .section a {color: #87c140;;}
table.list .bold { font-family:'robotomed';}
table.list .instruct {font-family: 'robotoitalic';}
table.list .bottom_top {border-top: 1px solid #D1D3D4;}
table.list .noBottom {border-bottom: none;}
table.list .noLeft {border-left: none !important;}
table.list .noRight {border-right: none !important;}

/* used in iu_wo_status */
p.section { font-family:'oswald'; background-color:#1b354c; font-size:11pt; color: #fff;}
a.plusmin {background-color:#889293; font-family:'robotobold'; padding:3px 7px; text-decoration:none; font-size:14pt; }

table.email {margin: 10px auto 0 auto; font-family: 'robotoregular', Verdana,  sans-serif; background-color:#fff; font-size:10pt;  width: 100%; background:#FFFFFF;  border: 1px solid #909AA3;}

table.list_pdf {margin: 5px auto; font-family: Helvetica,  sans-serif; background-color:#fff; font-size:8pt;  width: 100%; background:#FFFFFF; }
table.list_pdf tr {vertical-align:top;}
table.list_pdf th { font-weight: normal; color: #343A40;  text-align: left; padding: 3px; vertical-align:top;}
table.list_pdf .titles { font-family: Helvetica, sans-serif; color: #343A40;  text-align: left; padding: 3px; vertical-align:top; text-transform:uppercase;}
table.list_pdf td {padding:3px; color:#343A40;}

table.menu {margin: 5px; font-family: 'robotoregular', Verdana,  sans-serif; float:left; font-size:9pt; background-color:#fff; width:100%; }
table.menu a {color: #be1e2d; font-size:9pt;}
table.menu td {padding:5px;}
table.menu .section {font-family: 'oswald'; padding:7px 7px 7px 0px; font-size:12pt; color: #132436; background-color:#F1F2F2;  text-transform: uppercase;
                     border-left: none !important; border-right: none !important}

/* used for last 10 work orders in main.cfm */
table.last10 {margin: 5px; font-family: 'robotoregular', Verdana,  sans-serif; float:left; font-size:9pt; border: 1px solid #909AA3; padding-bottom:10px; background-color:#fff; width:100%;}
table.last10 a {color: #be1e2d; font-size:9pt; text-decoration: underline;}
table.last10 td {padding:2px 5px;}
table.last10 td:first-child { border-left: 1px solid #D1D3D4; }
table.last10 td:last-child { border-right: 1px solid #D1D3D4; }


.bottomborder {border-bottom: 1px solid #D1D3D4;}
.topborder {border-top: 1px solid #D1D3D4;}
.noborder {border:none !important;}

table.address {margin: auto; font-family: 'robotoregular', Verdana,  sans-serif; color: #343A40;  font-size:10pt; background:#FFFFFF; border: 1px solid #D1D3D4; font-size:9pt; width:100%;}
table.address input {font-family: 'robotoregular', Verdana,  sans-serif;}
table.address tr {vertical-align:top;}
/* table.address td {white-space: nowrap;} */
table.report {margin: 5px auto; font-family: 'robotoregular', Arial,  sans-serif; font-size:8pt;  width: 100%; background-color:#FFFFFF; }
table.report th { font-weight: normal; font-size:9pt; color: #343A40;  text-align: left; padding: 5px 3px; vertical-align:top; border-top: 1px solid #343A40;  border-bottom: 1px solid #343A40;}
table.report td {vertical-align:top; padding:3px; color:#343A40;}
table.report .titles { font-family: Arial, sans-serif; color: #4A4A49; padding: 3px; vertical-align:top; text-transform:uppercase;}
p.report {font-family: sans-serif; font-size:8pt; color: #4A4A49;}

table.salesrpt { background-color:#F1F2F2;  width: 100%; padding:0px }
table.salesrpt td { padding-left:0px; padding-right:0px }
table.salesrpt td.subhead { font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 12pt; color: #1B354C; margin-bottom: 8px; }
table.salesrpt td.chart_holder img { border: 1px solid #D1D3D4; }

tr.greyrow {background: #FFFFF;} /* Used for From/To adress boxes */
.grey1 { background: #FFFFFF;vertical-align:text-top;}
.grey0 { background: #FFFFFF;vertical-align:text-top;}

.hrclass {color:#e5e8e9; border: 1px  solid #D1D3D4; margin: 3px 0;}
 /* KS 8/19/2014 - top-margin used to add a little space on the list pages */
 
/* JO 12/11/2014 - .button_green is not used.  Green buttons are actually button_blue */
.button_green {font-family: 'robotobold'; background: url(../img/green_button.gif) repeat-x;  color:#FFFFFF; border:none; padding: 0 5px; width:auto; text-transform:uppercase; overflow:visible; margin-top:7px;}
/* KS 8/6/21 - added !important to font & size.  It was overridden by jQuery class when a button was inside a tab (see iu_custmnt.cfm) */
.button_blue {font-family: 'oswald' !important; font-size: 11pt !important; color:#fff; border:none; 
    padding:7px 10px 5px 10px; background-color:#87c140; text-transform:uppercase; margin-top:7px; margin-bottom:7px; border-radius:100px;}
.button_red {font-family: 'oswald' !important; font-size: 11pt !important; background: #be1e2d;  color:#FFFFFF; border:none; padding:7px 10px 5px 10px;  width:auto; overflow:visible; text-transform:uppercase; margin-top:7px; margin-bottom:7px; border-radius:100px;}
.button_grey {font-family: 'oswald' !important; font-size:11pt !important; background-color:#d8d9db; color:#fff; border:none; padding:7px 10px 5px 10px;  text-transform:uppercase; margin-top:7px;margin-bottom:7px; border-radius:100px;}
.button_login {font-family: 'oswald' !important; font-size: 11pt !important; color:#fff; border:none; 
    padding:7px 10px 5px 10px; background-color:#C79638; text-transform:uppercase; margin-top:7px; margin-bottom:7px; border-radius:100px;}

 /* blue is used for data entry fields*/
.blue { font-family: 'robotoregular', Verdana,  sans-serif; font-size:9pt; font-weight:normal;}
.darkgrey { color:#363636; font-size:10pt; font-weight:normal;}
.grey { color:#343A40; font-size:10pt; font-weight:normal;}
.ltgrey { color:#999999; font-size:10pt; font-weight:normal;}
.red { font-family: 'robotolight'; color:#be1e2d; font-size:9pt; font-weight:normal;}  /* KS 11/18/20-14 - changed from 10 to 9 */
.redlink { font-weight:normal; color:#be1e2d; text-decoration:underline; font-size:10pt;}
.white {color:#FFFFFF; font-size:10pt; font-weight:normal;}
.green {font-family: 'robotoregular'; color:#7E981B; font-size:10pt; font-weight:normal;}
.ltblue {font-family: 'robotoregular'; color:#77B6Cf; font-size:10pt; font-weight:normal;}

/* title is blue on gradient -outside of table border - input table has title with gradient inside table border*/
.title {font-family: 'robotomed'; background-color: #404142; text-align:left; color:#fff;}

/* table.list .section { background: url(../img/gradient.gif) repeat-x; font-weight:bold; padding:5px; font-size:10pt; color: #105173;} */
/* used in iu_bol_status for calculated fields */
.noinput {border:none; color:#343A40; font-family: 'robotomed';  font-size:9pt; background-color: transparent;}

/* Used for payroll reports */
table.rpthead {font-family: 'robotoregular', Verdana,  sans-serif; text-align: left;  font-size:9pt;  width: 100%; background:#FFFFFF; }
table.rpthead td {padding:1px; }
table.rptlist {margin: 0px auto; text-align: left; font-family: 'robotoregular', Verdana,  sans-serif; font-size:10pt;  width: 100%; background:#FFFFFF;  border: none;}
table.rptlist td {padding:3px 0px; color:#1C6749; height:20px;}
table.rptlist .titles { font-size:9pt; color: #343A40;  text-align: left; padding:0px 0px; }
.RptTitle { font-size:10pt; font-family: 'robotomed'; }

/* KS 7/31/2012 - overrides ext-css.css */
strong {
    font-weight: bold;
}
em {
    font-style: oblique;
}

/* JEFF 8/13/2014 - Used to clear floated elements */
.clear { clear: both }

/* KS 8/29/2014 - timekeeping report format */
table.timerpt {font-family: sans-serif; text-align: left;  font-size:12pt;  width: 100%; background:#FFFFFF; color:#000;}
table.timerpt td {padding:5px;}
.weekday {font-size:20pt; text-align:center; font-weight: bold;}
table.timedetail {font-family: sans-serif; text-align: left;  font-size:7pt; background:#FFFFFF; color:#000; width:820px;}
table.timedetail .header {padding:5px 2px 0px 2px; background-color:#ECEFF0; text-align:left; border-left:1px solid black; }
table.timedetail .header2 {padding:0px 2px 2px 2px; background-color:#ECEFF0; text-align:left; border-left:1px solid black; border-top:1px solid #ECEFF0;}
table.timedetail .br {border-right:1px solid black;}
table.timedetail .bb {border-bottom:1px solid black;}
table.timedetail td {padding:5px; border-top:1px solid black; border-left:1px solid black; }

/*GR 11/10/2014 - red font*/
.redSmall
{
    color:#be1e2d; font-size:8pt;
}

/* JW 1/10/2018 - fix for datasorter tables */

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {  font-size:9pt; font-family: 'robotomed', Verdana,  sans-serif;  }
.dataTables_info { padding-left:3px; }
.dataTables_empty { border-left:0px !important; border-right:0px !important;}
/*
table.dataTable.display tbody tr.odd { background-color: #e9ebec !important; }
*/


/* KS 11/9/2016 - h2 & span changed for ol_calendar */
h2 {font-family: 'robotobold'; color:  #1b354c; font-size: 20pt;}  

span.fc-title {
    padding: 5px !important;
    text-overflow: ellipsis;
    white-space: pre-line;
}

.table.linked-rows { border-collapse: separate; border-spacing: 0 7px; margin-top: -10px; width: 100%; font-size:14px; }
.table.linked-rows>tbody>tr>td { background-color: #ffffff; border-bottom: 1px solid #3D7B9E; cursor: pointer; color: #5C5E6C; text-align: center; padding: 7px; font-family: 'robotobold' }
.table>tbody>tr>td.bottom-link { border-bottom: 2px solid #3D7B9E; cursor: pointer; color: #5C5E6C; }
.table>tbody>tr>td.linked-table-space, .table.data-table>tbody>tr>td.linked-table-space { background-color:#F1F2F2;  border-right: 2px solid #F1F2F2;}
.table.linked-rows>tbody>tr>td:last-of-type, .table>tbody>tr>td.linked, .table>tbody>tr>th.linked { border-right: 1px solid #3D7B9E; border-top: 1px solid #D1D3D4; border-left: 1px solid #D1D3D4; }
.table.linked-rows>tbody>tr>td.no-link, .table.data-table>tbody>tr>td.no-link { border: 0 none; background-color:#F1F2F2;  cursor: default; }

/*  Start Checkbox Override */
/* Customize the label (the container) */
.check-container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; right: 0; margin: auto; }
/* Create a custom checkbox */
.check-checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 2px solid #f1f3f3; background-color: #f1f3f3; right: 0; } 
/* On mouse-over, add a green background color */
.check-container:hover input ~ .check-checkmark { background-color: #CCC; border: 0 none; }
/* When the checkbox is checked, add a green background */
.check-container input:checked ~ .check-checkmark { background-color: #87C140; border: 0 none; }
/* Create the checkmark/indicator (hidden when not checked) */
.check-checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.check-container input:checked ~ .check-checkmark:after { display: block; }

/* KS 2/21/2022 - made darker checkbox for striped pages (Tranfer Inventory and WO Status Manager) */
/* Customize the label (the container) */
.check-container-striped { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.check-container-striped input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; right: 0; margin: auto; }
/* Create a custom checkbox */
.check-checkmark-striped { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 2px solid #f1f3f3; background-color: #f1f3f3; right: 0; } 
/* On mouse-over, add a green background color */
.check-container-striped:hover input ~ .check-checkmark-striped { background-color: #CCC; border: 0 none; }
/* When the checkbox is checked, add a green background */
.check-container-striped input:checked ~ .check-checkmark-striped { background-color: #87C140; border: 0 none; }
/* Create the checkmark/indicator (hidden when not checked) */
.check-checkmark-striped:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.check-container-striped input:checked ~ .check-checkmark:after { display: block; }
/* end KS */

/*  checkbox for gray backround  */
/* Customize the label (the container) */
.check-container-gray { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.check-container-gray input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; right: 0; margin: auto; }
/* Create a custom checkbox */
.check-checkmark-gray { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 2px solid #f1f3f3; background-color: #fff; right: 0; } 
/* On mouse-over, add a green background color */
.check-container-gray:hover input ~ .check-checkmark-gray { background-color: #fff; border: 0 none; }
/* When the checkbox is checked, add a green background */
.check-container-gray input:checked ~ .check-checkmark-gray { background-color: #87C140; border: 0 none; }
/* Create the checkmark/indicator (hidden when not checked) */
.check-checkmark-gray:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.check-container-gray input:checked ~ .check-checkmark:after { display: block; }


/* Checkbox label */
.check-container .check-label { margin-left: 30px; padding-top: 5px; }
/*  End Checkbox Override */
.container-sm { display: inline-block; }
.checkmark-sm { height: 15px; width: 15px; }
.check-label.label-sm { margin: 0px 0px 10px 20px; padding-top: 0px; }

/*  Start Radio Override */
/* Customize the label (the container) */
.radio-container { display: block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default radio button */
.radio-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom radio button */
.radio-checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #f1f3f3; border-radius: 50%; }
/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark { background-color: #ccc; }
/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark { background-color: #87C140; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after { display: block; }
/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: #87C140; }
/*  End Radio Override */
.radio-sm { display: inline-block; margin-bottom: 0px; }

/* KS 1/28/22 - jQuery_ui override for datpicker calendar */
.ui-widget {
    font-family: 'robotoregular', Verdana,  sans-serif !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;    
}

.ui-datepicker-header {
    border: none !important;
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #000 !important;
    font-weight: normal !important;
    font-family: 'oswald';
}

.ui-datepicker table {
    font-family: 'robotoregular', Verdana,  sans-serif;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    color: #000 !important;
}
/*
.ui-widget.ui-widget-content {
    border: 0px !important;
}
*/

.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: 900;
  align-items: center;
  justify-content: center;
  background-color:#fff;
}

.ui-datepicker-prev:before {
  content: "\f0d9";
  font-size: 13pt;
  color: #5C5E6C;
}

.ui-datepicker-next:before {
  content: "\f0da";
  font-size: 13pt;
  color: #5C5E6C;
}

/* tab styling 
.nav-tabs {
  border-bottom: 1px solid #DDDDDD;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0px 0px 0 0;
  line-height: 1.42857;
  margin-right: 2px;
  border: 1px solid #d3d3d3;
}
.nav-tabs > li > a:hover {
  border-color: #fff #fff #fff;
  background-color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FFFFFF;
  border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555555;
  cursor: default;
}
.nav-tabs.nav-justified {
  border-bottom: 0 none;
  width: 100%;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 0px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  left: auto;
  top: auto;
}
*/

/* fullcalendar style changes */
/* this is for buttons */
.fc-state-default.fc-corner-right {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.fc-state-default.fc-corner-left {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


/* this is the calendar item */
.fc-event {border-radius: 0px !important;}

/*  ***************************************************************
    RESPONSIVE STYLES ARE IN mobilestyle.css
    ****************************************************************/

html, body.responsive { height: 100%; }

.responsive .hide { display: none; }
.responsive .hide-on-mobile { display: none; }

.responsive .mobile-only { display: block; }

.responsive .white { color: #ffffff !important; }
.responsive .black { color: #231F20 !important; }
.responsive .tan { color: #ffd966 !important; }
.responsive .no-underline { text-decoration: none; }
.responsive .width-130 { width: 130px; }

.responsive .inline-block { display: inline-block; }
.responsive .block { display: block; }

.responsive #header_left p { font-size:16pt;  }
.responsive #header_right p { font-size:16;}


/* .responsive select option { font-size: 1em; } */

.responsive table td.titles { font-family: 'oswald'; padding-bottom: 5px; }

.responsive #mobile-header {
    width: 100%;
    padding: 0 10px;
    height: 58px;
    background-color: #132436;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.responsive #mobile-header p {
    font-family: robotomed;
    font-size: 16pt;
    padding: 0;
}

.responsive #header_left {
    float: left;
    width: 33.33333333%;
    height: auto;
    background-color: transparent;
}

.responsive #header_center {
    float: left;
    width: 33.33333333%;
    text-align: center;
    height: auto;
    padding-top: 0;
    background-color: transparent;
}

.responsive #header_right {
    float: left;
    width: 33.33333333%;
    height: auto;
    background-color: transparent;
    text-align: right;
}

.responsive #mobile-header p span {
    font-family: robotobold
}

.responsive #mobile-header .dropdown-content { left: -40; top: 5; }

.responsive #mobile-header #icons { position: relative; top: -2; margin-left: 5px; }

.responsive #mobile-header a { border: 0 none; outline: 0; text-decoration: none; }

.responsive { background-color: #E1E1E1; }

.responsive #content { height: 100%;  width: 100%; margin-bottom: 0; padding-bottom: 0; }

.responsive #wrapper { width: 100%; height: 100%; background-color: #E1E1E1;  overflow: visible; }
.responsive #inner { width: 100%; height: 100%; background-color: #ffffff; }
.responsive #title { font-family: 'robotobold'; color: #fff; font-size:16pt; background-color:  #1b354c; text-align:center; text-transform: uppercase; padding: 7px 0; margin-bottom:10px; }
.responsive #loginSection { margin-top: 0; border: 0; padding: 7px 10px; font-size:16pt; }

.responsive table.address, .responsive table.input, .responsive table.outer .section, .responsive .blue, .responsive table.inner { font-size: 16pt;}
.responsive table.outer {width:800px;}
.responsive table.outer .section { font-family: 'oswald'; padding: 7px 10px; } 
.responsive table.input { margin-top: 0; border: 0; }
.responsive table.input tr {vertical-align:middle;}
.responsive table.input .label {vertical-align:middle;}
.responsive table.address { border: 1px solid #E1E1E1; margin-top:10px;}
/* .responsive table.address td { padding-left: 8px; padding-right: 8px; } */

/* KS begin */
.responsive .green {font-family: 'robotoregular', Verdana,  sans-serif; font-size:16pt;}
.responsive .blue {font-family: 'robotoregular', Verdana,  sans-serif; font-size:16pt;}
.responsive .red { font-family: 'robotoregular'; color:#be1e2d; font-size:16pt; }
.responsive .mobile-text-center { text-align: center; }
.responsive .ui-tabs { padding: 0; }
.responsive .ui-tabs .ui-tabs-nav { border-radius: 0; padding: 0; }
.responsive .ui-tabs .ui-tabs-nav li { width:12%; margin: 0; border-radius: 0; }
.responsive .ui-tabs .ui-tabs-nav li a { font-family: 'robotoregular', Verdana,  sans-serif !important; padding: 15px 0px; font-size:16pt; width: 100%; }
.responsive .ui-menu-item {font-family: 'robotoregular', Verdana,  sans-serif !important; padding: 15px 0px; font-size:16pt;}
.responsive .ui-dialog-titlebar-close {
  display: none;
}

.responsive .ui-tabs-panel { padding: 0px; }
.responsive .button_blue {font-size: 16pt; padding: 16pt 30px; border: 0; color: #ffffff; -webkit-appearance: none;}
.responsive .button_red {font-size: 16pt; padding: 16pt 30px; background-color: #c00000; border: 0; color: #ffffff; -webkit-appearance: none;}
.responsive .button_grey {font-size: 16pt; padding: 16pt 20px; border: 0; color: #ffffff; -webkit-appearance: none;}

.responsive table.input .section { font-family: oswald; margin-top: 0; border: 0; padding: 7px 10px; font-size:16pt;}
.responsive table.input .instruct {font-size:12pt;}
.responsive table.input .header {vertical-align:middle; border: 1px solid #E2E2E2; padding:5px 0px;}
.responsive table.input a { text-decoration:none; font-size:16pt;}
.responsive table.input .red {color:#be1e2d; font-family:'robotoregular'; font-size:16pt;}

.responsive table.list {font-size:16pt;}
.responsive table.list .red {font-size:16pt;}
.responsive table.list .titles {font-size:16pt;}
.responsive table.list .section { font-family: oswald; margin-top: 0; border: 0; padding: 5px 10px }
.responsive table.list .section a {font-size:16pt; padding:5px 0px 5px 0px;}
.responsive table.list .instruct {font-size:12pt;}
.responsive table.list select {font-size:16pt;}
.responsive table.list td {padding:10px 3px; border-bottom: 1px solid #D1D3D4;}
.responsive .wbmaddress {font-size:9pt; width:20%;}
.responsive .contract {font-size:9pt; padding:0px;}
.responsive table.list option {font-family: 'robotoregular', Verdana, sans-serif; font-size:16pt !important; padding-left:3px;}

.responsive input, .responsive select, .responsive textarea, .responsive option 
  {font-family: 'robotoregular', Verdana,  sans-serif; padding:15px 0px 15px 3px; font-size:16pt; touch-action: none;}
.responsive textarea {border: 1px solid #E1E1E1;}
.responsive input[type=checkbox] {
  transform: scale(2.5);
  margin-top:15px;
}
.responsive input::placeholder {
  font-size:13pt;
}
.onSite {text-transform: uppercase; }
.subName {text-transform: uppercase; }

.responsive table.personnel {margin: 10px auto 0 auto; font-family: 'robotoregular', Verdana,  sans-serif; background-color:#fff; font-size:16pt;  width: 100%; background:#FFFFFF;}
.responsive .noleft {border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; }
.responsive .left {border-left: 1px solid #E1E1E1;}
.responsive .top {border-top: 1px solid #E1E1E1;}
.responsive table.personnel td {padding:3px; color:#4A4A49; border: 1px 1px 1px 0px solid #E1E1E1;}

.responsive .bottom-gray-border {  border-bottom: 1px solid #E1E1E1; }
.responsive .bottom-darkgray-border { border-bottom: 2px solid #A8A8A8; }

.responsive .no-left-padding { padding-left: 0 !important; }
.responsive .no-right-padding { padding-right: 0 !important; }
.responsive .no-side-padding { padding-left: 0 !important; padding-right: 0px !important; }

.dialogClass {font-family: 'robotoregular', Verdana,  sans-serif; font-size:16pt; background-color:#ebe3d8; max-width:700px; width:700px; padding:0px; border:1px solid #b8b8b8; }
.ui-dialog-title, .ui-dialog-titlebar {text-align:left; font-size:16pt; background-color: #1b354c;color: white; border: 1px solid #1b354c; border-radius: 0px;}
.no-close .ui-dialog-titlebar-close {display: none;
.displayText {font-family: 'robotoregular'; font-size:16pt;}    

/* note this is not working */
.responsive .ui-widget input {font-family: 'robotoregular', Verdana,  sans-serif !important;} 
/* , .ui-widget select, .ui-widget textarea, .ui-widget button  */


/* KS end */

.responsive .mobile-width-100 { width: 100%; }

.responsive .align-right-on-mobile { text-align: right; }

.responsive .font-size-16 { font-size: 16pt !important; }


.responsive .ui-widget-content { border: 0; border-radius: 0; padding: 0; }

.responsive .mobile-td-padding { padding-top: 5px !important; padding-bottom: 5px !important; }

.responsive .top-bottom-padding { padding-top: 15px; padding-bottom: 15px; }

.responsive .no-padding-on-mobile { padding: 0 !important; }

.responsive .no-top-padding-on-mobile { padding-top: 0 !important; }



.responsive .padding-top-5 { padding-top: 5px !important; }

.responsive .padding-top-10 { padding-top: 10px !important; }

.responsive .padding-10 { padding: 10px !important; }

.responsive .margin-top-5 { margin-top: 5px; }

.responsive .margin-top-10 { margin-top: 10px; }

.responsive .padding-left-10 { padding-left: 10px !important; }

.responsive .padding-left-5 { padding-left: 5px !important; }

.responsive .padding-right-5 { padding-right: 5px !important; }

.responsive .padding-right-10 { padding-right: 10px !important; }

.responsive .margin-left-20 { margin-left: 20px; }

.responsive .gray-background { background-color: #E1E1E1; }



.responsive .white-background { background-color: #ffffff !important; }

.responsive .red-alert { font-size:14pt; }


/* (landscape phones, only targets devices 576px and up) */
@media (max-width:767px) {

.responsive .ui-tabs .ui-tabs-nav li a { padding: 15px 5px; }

}