/* Minification failed. Returning unminified contents.
(180,1): run-time error CSS1019: Unexpected token, found '}'
(180,3): run-time error CSS1031: Expected selector, found '/'
(180,3): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
.status-header-space {
    height:5px;
}

.spacer-elster{
    display:inline-block;
    width: 8px;
}

.spacer-elster2{
    display:inline-block;
    width: 29px !important;
}

.spacer-riser-central{
    display:inline-block;
    width: 8px;
}

.passwordExpire{
    color:red;
    font-weight:bold;
}

.captch-image-hide{
    display:none;
}

.user-name-hide{
    display:none;
}

.user-name-show{
    display: inline;
}

.requirements_change{
    color:red;
    font-weight:bold;
}

.registration-address{
    width:15px !important;
    max-width:15px !important;
}

#Address{
    width:200px !important;
    max-width:200px !important;
}

.reg_recomend_span{
    display:none;
}

.trace-wire{
    float:left;
    clear:none;
    display:inline-block;
}

.custom-bullet li {
    display: block;
}

.custom-bullet li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

.floatdiv{
    /*position:fixed;
    width:1040px;
    background-color:blue;*/
    position:relative; 
    top:5px; 
    left:0px; 
    z-index:1; 
    width:1060px;
    border-bottom: 1px solid black;
}
.floatdiv2{
    /*position:fixed;
    width:1040px;
    background-color:blue;*/
    position:fixed; 
    top:5px; 
    left:0px; 
    z-index:2000; 
    width:1060px;
    border-bottom: 1px solid black;
}
.formscroll{
    overflow-y:scroll;
    width:1070px;
    height:500px;
    position: relative;
}
.fixsection{
    position:fixed;
    width:1060px;
}
@media print {
body {-webkit-print-color-adjust: exact;}
}

/******/
.checkbox-checkmark{
    color:black !important;
}
/******/
/*input[type=checkbox][disabled][checked]{
    outline:1px solid black;
    background-color:black;
}*/
.checked-label-bold{
    font-weight:bold;
}

.checkbox {
  width:13px;
  height:13px;
  border: 1px solid #000;
  display: inline-block;
}

/* This is what simulates a checkmark icon */
.checkbox.checked:after {
  content: ' ';
  display: block;
  width: 4px;
  height: 7px;

  /* "Center" the checkmark */
  position:relative;
  top:0px;
  left:3px;
  
  border: solid #000;
  border-color: #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


input[type=radio]:checked + label { 
   background-image: none;
   font-weight:bold;
   opacity: 1 !important;
}



/*input[type=radio]:disabled{
  display          : inline-block;
  width            : 13px;
  height           : 13px;
  margin           : 0.125em;
  border           : 0.0625em solid black !important;
  border-radius    : 0.125em;
  background       : black !important;
  background-color : black !important;
  opacity          : 1 !important;
  /*background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));*/
}*/

/*.radio{
  width:13px;
  height:13px;
  border: 1px solid #000;
  display: inline-block;
}

.radio.checked:after{
  content: ' ';
  display: block;
  width: 4px;
  height: 7px;
  
  /* "Center" the checkmark */
  /*position:relative;
  top:0px;
  left:3px;
  
  border: solid #000;
  border-color: #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  }*/

/*CSS: (with the background use)*/
/*input[type=checkbox] + span {
  background: url("/Images/checkbox.png") 0 0 no-repeat;
  display: inline-block;
  height: 19px;
  left: -12px;
  position: relative;
  top: 3px;
  width: 19px;
}

input[type=checkbox]:checked + span {
  background-position: 0 -32px;
}*/


.doc-ref-header {
    font-weight:bold;
}

.doc-ref-header2 {
    font-weight:bold;
    width:50%;
    display:inline-block;
}

.disabled-control-gray {
   background-color:#F0F0F0 !important;
}
.disabled-control-gray-multi-line {
   background-color:#F0F0F0 !important;
   resize:none;
}

.disabled-control-white-multi-line {
   background-color:white !important;
   resize:none;
}

.disabled-control-white-multi-line2 {
   background-color:lightgrey !important;
   resize:none;
}

.disabled-control-white-multi-line3 {
   background-color:#F0F0F0 !important;
   resize:none;
}

div.submitButtons {
    display:inline-block;
    vertical-align:top;
    position:relative;
}

.validation-error-format {
    background-color:white;
    color:red;
}

.actionLnk {
    display:inline-block;
}

/*edit*/
.link-edit-wrapper {
    background-color: #e8eef4;
    display: inline-block;
    width:50px;
    height: 32px;
}

/*.link-edit-wrapper:hover {
    background-color:#7BBEEF;
}*/

.H1HA:hover {
    background-color:#7BBEEF;
}

.H1HA:active {
    background-color:#F7F7F7;
}

.tst1 {
    width:50px;
    display:inline-block;
}

.tst2 {
    width:70px;
    display:inline-block;
}

.tst3 {
    width:85px;
    display:inline-block;
}

.tst4 {
    width:55px;
    display:inline-block;
}

.tst5 {
    width:65px;
    display:inline-block;
}



.save-btn2 {
    display:inline-block;
    height:32px;
    width:70px;
    position:absolute;
}

.register-btn2 {
    display:inline-block;
    height:32px;
    width:85px;
    position:absolute;
}

.forgot-btn2 {
    display:inline-block;
    height:32px;
    width:95px;
    position:absolute;
}

.reject-btn2 {
    display:inline-block;
    height:32px;
    width:70px;
    position:absolute;
}

.approve-btn2 {
    display:inline-block;
    height:32px;
    width:70px;
    position:absolute;
}

/***resubmit btn***/
.resubmit-btn2 {
    display:inline-block;
    height:32px;
    width:85px;
    position:absolute;
}
.resubmit-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    /*padding:16px 31px !important;*/
    width:85px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.resubmit-btn:hover {
    background-color:#7BBEEF;
}
.resubmit-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
.link-resubmit-wrapper > a:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}

.link-resubmit-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-resubmit-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
.link-resubmit-wrapper {
    background-color: #e8eef4;
    display: inline-block;
    width:85px;
    height: 32px;
}

/**********/

/*.link-backtolist-wrapper:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}*/

/*.link-edit-wrapper:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}*/

.link-edit-wrapper > a:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}

.link-edit-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-edit-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}

/*edit*/

/*backtologin*/
.link-backtologin-wrapper {
    background-color: #e8eef4;
    display: inline-block;
    width:100px;
    height: 32px;
}

.link-backtologin-wrapper:hover {
    background-color:#7BBEEF;
}

.link-backtologin-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-backtologin-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
/*backtologin*/



/*backtolist*/
.link-backtolist-wrapper {
    background-color: #e8eef4;
    display: inline-block;
    width:100px;
    height: 32px;
}

.link-backtolist-wrapper:hover {
    background-color:#7BBEEF;
}

/*.link-backtolist-wrapper:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}*/

/*.link-backtolist-wrapper:active{
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}*/

.link-backtolist-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-backtolist-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
/*backtolist*/

/**assign**/
.H1AGN:hover {
    background-color:#f2e94f;
}

.H1AGN:active {
    background-color:#F7F7F7;
}

.link-assign-wrapper {
    background-color:#f4ee81; /*#e8eef4;*/
    display: inline-block;
    width:100px;
    height: 32px;
}

.link-assign-wrapper:focus {
    background-color: aqua;
}

.link-assign-wrapper:hover {
    background-color:#fdffd8;/*#7BBEEF;*/
}

.link-assign-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-assign-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #f98800;/*#0049F7;*/
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
/**assign**/

/**reject**/
.H1REJ:hover {
    background-color:#ed7878;
}

.H1REJ:active {
    background-color:#F7F7F7;
}

.link-reject-wrapper {
    background-color:#e5a5a5; /*#e8eef4;*/
    display: inline-block;
    width:100px;
    height: 32px;
}

.link-reject-wrapper:focus {
    background-color: aqua;
}

.link-reject-wrapper:hover {
    background-color:#0049F7;/*#7BBEEF;*/
}

.link-reject-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-reject-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: red;/*#0049F7;*/
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
/**reject**/

/**accept**/
.H1ACC:hover {
    background-color:#82dd77;
}

.H1ACC:active {
    background-color:#F7F7F7;
}

.link-accept-wrapper {
    background-color:#b9e094; /*#e8eef4;*/
    display: inline-block;
    width:100px;
    height: 32px;
}

.link-accept-wrapper:hover {
    background-color:#7BBEEF;
}

.link-accept-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-accept-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: green;/*#0049F7;*/
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
/**accept**/


/*create another SIR*/
.link-createanother-wrapper {
    background-color: #e8eef4;
    display: inline-block;
    width:100px;
    height: 32px;
}

.link-createanother-wrapper:hover {
    background-color:#7BBEEF;
}

.link-createanother-wrapper > a {
    display:inline-table;
    cursor: pointer;
    text-decoration: none;
    height: 100%;
    width:100%;
    text-align: center;
    text-decoration:none !important;
}
.link-createanother-wrapper > a > h1 {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
}
/*create another SIR*/


/*test*/
.create-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    padding:16px 31px;
    text-decoration:none;
    /*text-shadow:0px 1px 0px #2f6627;*/
}
.create-btn:hover {
    background-color:#7BBEEF;
}
.create-btn:active {
    background-color:#F7F7F7;
    position:relative;
    color:#0049F7;
    top:1px;
}

/*.testbtn {
    display:inline-block;
}*/

/*logon*/
.logon-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    padding:16px 31px;
    text-decoration:none;
    /*text-shadow:0px 1px 0px #2f6627;*/
}
.logon-btn:hover {
    background-color:#7BBEEF;
}
.logon-btn:active {
    background-color:#F7F7F7;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*logon*/

/*save*/
.save-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    /*padding:16px 31px !important;*/
    width:50px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.save-btn:hover {
    background-color:#7BBEEF;
}
.save-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*save*/


/*register*/
.register-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    /*padding:16px 31px !important;*/
    width:65px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.register-btn:hover {
    background-color:#7BBEEF;
}
.register-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*register*/

/*forgot*/
.forgot-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    /*padding:16px 31px !important;*/
    width:80px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.forgot-btn:hover {
    background-color:#7BBEEF;
}
.forgot-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*forgot*/

/*reject*/
.reject-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    /*padding:16px 31px !important;*/
    width:55px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.reject-btn:hover {
    background-color:#7BBEEF;
}
.reject-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*reject*/

/*approve*/
.approve-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    /*padding:16px 31px !important;*/
    width:65px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.approve-btn:hover {
    background-color:#7BBEEF;
}
.approve-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*approve*/

/*search*/
.search-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    padding:16px 31px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.search-btn:hover {
    background-color:#7BBEEF;
}
.search-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*search*/

/*submit another*/
.subAnth-btn {
    background-color:#e8eef4;
    border:1px solid #e8eef4;
    display:inline-block;
    cursor:pointer;
    color:#0049F7;
    font-size: 13px !important;
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight:bolder;
    padding:16px 31px;
    height:32px;
    text-decoration:none;

    /*text-shadow:0px 1px 0px #2f6627;*/
}
.subAnth-btn:hover {
    background-color:#7BBEEF;
}
.subAnth-btn:active {
    background-color:#F7F7F7;
    border:1px solid #e8eef4;
    position:relative;
    color:#0049F7;
    top:1px;
}
/*submit another*/


#my-div {
    background-color:#e8eef4;
    width: 100px;
    height: 32px;
    text-align:center;
    font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight:bolder;
    vertical-align:central;
    color:black;
    display:inline-block;
}

#my-div:hover,#my-div2:hover{
    background:#7BBEEF;
    cursor: pointer;
}

#my-div2 {
    background-color:#e8eef4;
    width: 50px;
    height: 32px;
    text-align:center;
    font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight:bolder;
    vertical-align:central;
    color:black;
    display:inline-block;
}

a.fill-div1 {
    margin-top:0%;
    display: block;
    height: 100%;
    width: 100%;
    color:#0049F7 !important;
    vertical-align:bottom;
    text-decoration: none !important;
    text-decoration-line:none !important;
}

a.fill-div1:active {
        height: 100%;
        width: 100%;
        color:#0049F7 !important;
        background-color:#F7F7F7;
}

a.fill-div2:active {
        height: 100%;
        width: 100%;
        color:#0049F7 !important;
        background-color:#F7F7F7;
}

    /*a:active {
        color:aqua !important;
        background-color:#F7F7F7;
    }*/

a.fill-div2 {
    margin-top:0%;
    display: block;
    height: 100%;
    width: 100%;
    color:#0049F7 !important;
    text-decoration: none !important;
    text-decoration-line:none !important;
}

.btndiv {
    background-color:ButtonFace;
    text-align:center;
    vertical-align:middle;
    line-height:32px;
    width:100px;
    height:32px;
    text-decoration: none !important;
    text-decoration-line:none !important;
}

.buttonlinkedit {
    -webkit-appearance:button;
    -moz-appearance:button;
    /*-o-appearance:button;
    -ms-appearance:button;*/    
    
    width:50px;
    height:32px;
    line-height:32px;
    text-align:center;
    font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    vertical-align:central;
    text-decoration: none !important;
    text-decoration-line:none !important;
    color:black !important;
    background-color:aqua;
}

a.buttonlinkbacktolist {
    -webkit-appearance:button !important;
    -moz-appearance:button;
    -o-appearance:button;
    -ms-appearance:button;    
    
    width:100px;
    height:50px;
    line-height:32px;
    text-align:center;
    font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    vertical-align:auto;
    text-decoration: none !important;
    text-decoration-line:none !important;
    color:black !important; 
}

.logoimage {
    Width:268px; 
    Height:100px;
}

/*Logon Start*/
.pagetitle {
    text-align:center;
    font-size:large;
    font-weight:bolder;
}
.logontitle {
    font-size:large;
}

div.logomargin {
    margin-top:.4em;
}

/*Logon End*/
/*Search Start*/
div.searchframes {
    overflow:auto;
    overflow:hidden;
}
/*Search End*/
/*Index ServiceInstallationRecord/Index Start*/
table.result-table-width {
    width:1040px;
    table-layout:fixed;
    word-break:break-word;
}
table.header-text-align{
    vertical-align:bottom;
}
.grid-date-received-col {
    width:70px;
}
.grid-proj-number-col {
    width:108.18px;
}
.grid-invest-no-col {
    width:99.09px;
}
.grid-tap-no-col {
    width:95px;
}
.grid-dev-proj-name-col {
    width:120px;
}
.grid-customer-name-col {
    width:150px;
}

.grid-customer-address-col{
    width:235px;
}

.grid-inst-firm-name-col {
    width:140px;
}
.grid-create-date-col {
    width:70px;
}

.grid-assigned-to-col {
    width:80px;
}

.grid-rejected-by-col {
    width:80px;
}

.grid-accepted-by-col {
    width:80px;
}

.grid-date-assigned-col {
    width:116px;
}

.grid-OQ-ID-Num-col {
    width:80px;
}

.resubmit-header{
    font-weight:bold;
    color:red;
}

.comments {
    resize:none;
    width:1025px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    background-color:lightgrey;
}

.comments-edit {
    resize:none;
    width:1025px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    background-color:white;
}

.office-email-comments-edit{
    resize:none;
    width:1025px !important;
    height:60px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    background-color:white;
}



.installer-comments-edit{
    resize:none;
    width:1025px !important;
    height:60px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    background-color:white;
}

.installer-comments-detail{
    resize:none;
    width:1013px !important;
    height:60px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    background-color:white !important;
}

.office-email-comments-detail{
    resize:none;
    width:1013px !important;
    height:60px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    background-color:white;
}

.link-bold {
    font-weight:bolder;
}

/*.assigned-header{
    background-color:#b9e094;
    width:100%;
    font-weight:bolder;
}*/

.assigned{
    /*color:yellow;*/
    background-color:yellow;
}

.rejected{
   background-color:#e5a5a5;
}

.accepted{
    /*color:#b9e094;*/
    background-color:#b9e094;
}

.general-link {
    color:#7BBEEF;
    background-color:#7BBEEF;
}

.assigned-link {
    color:yellow;
    background-color:yellow;
}

.rejected-link {
    color:#e5a5a5;
    background-color:#e5a5a5;
}

.accepted-link {
    color:#b9e094;
    background-color:#b9e094;
}

.assigned-header{
    background-color:yellow;
    width:100%;
    font-weight:bolder;
}

.assigned-div{
    height:17px;
    background-color:yellow;
    width:99%;
}

.rejected-div{
    background-color:#e5a5a5;
    width:99%;
}

.accepted-div{
    /*height:17px;*/
    background-color:#b9e094;
    width:99%;
}

.rejected-header{
    background-color:#e5a5a5;
    width:38%;
    font-weight:bolder;
    display:inline-block;
}

.rejected-header2{
    background-color:#e5a5a5;
    width:100%;
    font-weight:bolder;
    display:inline-block;
}

.rejected-header3{
    background-color:#e5a5a5;
    width:99%;
    font-weight:bolder;
    display:inline-block;
    margin-left:5px !important;
    padding-bottom:5px !important;
}

.reject-code {
    width:50%;
    background-color:#e5a5a5;
    font-weight:bolder;
    display:inline-block;
}

.reject-code2 {
    width:80%;
    /*background-color:#e5a5a5;*/
    font-weight:bolder;
    display:inline-block;
    padding-left:4px;
}

.reject-code3 {
    display:inline-block;
}

.reject-code4 {
    display:inline-block;
    height:17px;
}

.accepted-header{
    background-color:#b9e094;
    width:100%;
    font-weight:bolder;
}

.accepted-header3{
    background-color:#b9e094;
    width:99%;
    font-weight:bolder;
    display:inline-block;
    margin-left:5px !important;
    padding-bottom:5px !important;
}

/*.assigned{
    background-color:#b9e094;
}*/

.assigned{
    background-color:yellow;
}

.rejected{
    background-color:#e5a5a5;
}

.accepted{
    background-color:#b9e094;
}

/*.not-assigned{
    background-color:#e5a5a5;
}*/

.not-assigned{
    background-color:none;
}

/*SIRUSER*/
    .grid-proj-number-col2 {
    width:108.18px;
}
.grid-invest-no-col2 {
    width:99.09px;
}
.grid-tap-no-col2 {
    width:100px;
}
.grid-dev-proj-name-col2 {
    width:105px;
}
.grid-customer-name-col2 {
    width:180px;
}

.grid-customer-address-col2{
    width:300px;
}
.grid-inst-firm-name-col2 {
    width:150px;
}
.grid-create-date-col2 {
    width:75px;
}

.grid-assigned-to-col2{
    width:80px;
}

.grid-rejected-by-col2{
    width:80px;
}    

.grid-accepted-by-col2{
    width:90px;
}

.grid-text-align {
    vertical-align:text-top;
}
/*Index ServiceInstallationRecord/Index End*/
/*create/detail/edit start*/
.page-background-color-width {
    background-color:White;
    width:1040px;
    margin-right:40px;
}
.sir-title {
    width:50%; 
    display:inline-block; 
    font-size:larger; 
    font-weight:bolder; 
    text-align:center;
}

.sir-title2 {
    width:50%; 
    display:inline-block; 
    font-size:larger; 
    font-weight:bolder; 
    text-align:center;
}


.sir-title-block {
    width:100%;  
    display:inline-block; 
    vertical-align:top;
}
.sir-title-block-spacer {
    width:50%;
    display:inline-block;
}
.sir-title-block-spacer2 {
    width:10%;
    display:inline-block;
}

.section-header {
    width:99%;
    background-color:#F0F0F0;
}
.png-use-only-header{
    background-color:Black;
    color:White;
    font-weight:bolder; 
    text-align:center;
    width:99.75%;
}
.instructions-block {
    width:50%; 
    display:inline-block; 
    vertical-align:top;
}
.instructions-block-instruction-font {
    font-style:italic;
}
.png-use-only-block{
    width:49%;  
    display:inline-block;
    vertical-align:top;
}

.date-received-field-height-ced {
    height: 26px;
}
/*#seir_proj_number {
    width: 113px;
}*/

.proj-number-field-width-ced {
    max-width: 113px;
}

.question-pad{
    padding-bottom:.01em;
}

#question-block {
    height:185px;
}

.invest-no-field-width-ced {
    max-width: 113px;
}
.tap-no-field-width-ced {
    max-width: 113px;
}
#seir_dev_proj_name {
    width:97.5%;
}
/*text.seir_customer_name {
    width:95%;
}*/
#seir_customer_name{
    width:95%;
}
#seir_contact_name {
    width: 95%;
}
.phone-num-tie-in-ced{
    max-width: 170px !important;
}
#seir_street_address {
    width:97.5%;
}

.reject-code-ced {
    max-width: 340px;
}


.lot-no-ced {
    max-width: 170px;
}
#seir_city {
    width:94.5%;
}
.state-ced {
    max-width: 50px;
}
.zipcode-ced {
    max-width:80px;
}
.municipality-ced {
    max-width: 200px;
}
.county-ced {
    max-width: 170px;
}
.riser-size-ced{
    max-width: 100px;
}
.mat-size-other-val-ced {
    height:14px; 
    max-width: 60px;
}

.mat-misc-other-val-ced{
    height:14px; 
    max-width:575px !important;
    width:575px !important;
}

.plastic-manu-lot-serial-ced {
    max-width:100% !important;
    width:500px !important;
}
.service-depth-ced {
    max-width: 40px;
}
.service-length-ced {
    max-width: 40px;
}
#seir_inst_firm_name {
    width:97.75%;
}
#seir_inst_firm_address {
    width:97%;
}
.inst-firm-state-ced {
    max-width: 50px;
}
.inst-firm-zipcode-ced {
    max-width: 80px;
}
#seir_inst_firm_contact_name {
    width: 80%;
}
#seir_inst_firm_phone_num{
    width: 170px;
}
.service-note {
    width:99%;
    display:inline-block; 
    vertical-align:top;
}
#seir_installed_tested_by{
    width: 85.5%;
}
#seir_signature{
    width: 90%;
}
#seir_qualified_by {
    width:70%;
}
#seir_OQ_ID_Num{
    width:90%;
}
.proj-name-label {
    width:81%;
}
.proj-name-data {
    width:81%;
    height: 27px;
}
.date-service-line-inst-label {
    width:18%;
}
.date-service-line-inst-data {
    width:18%;
    height: 27px;
}
.customer-name-label {
    width:40.5%;
}
.customer-name-data {
    width:40.5%; 
    height: 26px;
}
.customer-contact-name-label {
    width:40.5%;
}
.customer-contact-name-data {
    width:40.5%;
    height: 26px;
}
.customer-phone-tie-in-label {
    width:18%;
}
.customer-phone-tie-in-data {
    width:18.0%;
    display:inline-block;
    height: 26px;
}
.customer-street-address-label {
    width:81%;
}
.customer-street-address-data {
    width:81%; 
    height: 26px;
}
.customer-lot-no-label {
    width:18%; 
    display:inline-block;
}
.customer-lot-no-data {
    width:18%; 
    height: 26px;
}
.customer-city-label {
    width:42%;
}
.customer-city-data {
    width:42%;
    height: 26px;
}
.customer-state-label {
    width:8%; 
    display:inline-block;
}
.customer-state-data {
    width:8%; 
    height: 26px;
}
.customer-zipcode-label {
    width:10%;
}
.customer-zipcode-data {
    width:10%;
    height: 26px;
}
.customer-municipality-label {
    width:21%;
}
.customer-municipality-data {
    width:21%; 
    height: 26px;
}
.customer-county-label {
    width:18%;
}
.customer-county-data {
    width:18%; 
    height: 26px;
}
.building-type-label {
    width:49%;
}
.building-type-label2 {
    width:39%;
}

.building-type-data {
    width:49%; 
    height: 21px;
}
.building-type-data2 {
    width:39%; 
    height: 21px;
}
.installation-type-label {
    width:48%;
}

.installation-type-label2{
    width:49.9%;}

.installation-type-data {
    width:48%; 
    height: 21px; 
    border-left:1px solid black;
}

.installation-type-data2 {
    width:49.9%; 
    height: 21px; 
    border-left:1px solid black;
}

.inside-meter-label{
    width:11.8%;
}

.inside-meter-data {
    width:11.8%;
    height: 21px; 
}

.inside_meter_disp {
    display:none !important;
}

.misc-data {
    width:99%; 
    height: 27px;
    background-color:#F0F0F0;
}
.renewal-new-block {
    width:99.2%;
}
.renewal-new-note {
    width:99%;
}
.renewal-block {
    width:50%;
    height:195px;
}
.renewal-header {
    background-color:#F0F0F0;
}
.new-block{
    width:49.8%;
    height:195px;
}
.new-header {
    background-color:#F0F0F0;
}
.renewal-new-line-height {
    line-height:105%;
}
.riser-manufacturer-label {
    width:19.85%;
    /*width:17.75%;*/
    height:20px;
}

.riser-manufacturer-label2 {
    width:17.30%;
    height:20px;
}   

.riser-manufacturer-cen-pla-fac-fit-data{
    width:22.69%;
    height:20px;
}

.riser-manufacturer-cen-pla-fac-fit-data2 {
    width:23.70%;
    height:20px;
}

.riser-spacer1{
    /*padding-left:1.5px;*/
    width:60.5px;
    display:inline-block;
}

/*.riser-spacer1{
    padding-left:1.5px;
    width:61.5px;
    display:inline-block;
}*/

.riser-spacer2{
    width:8px;
    display:inline-block;
}

.riser-spacer3{
    width:4.5px;
    display:inline-block;
}

.riser-manufacturer-1-data-d {
    width:42.54999% !important;
    height:21px;
}

.riser-manufacturer-1-data-e {
    width:42.54% !important;
    height:21px;
}

.riser-manufacturer-2-data {
    width:42.5%;
    height:20px;
}
.riser-connection-type-label {
    width:25%;
    height:20px;
}
.riser-connection-type-1-data{
    width:25%;
    height:21px;
}
.riser-connection-type-2-data{
    width:25%;
    height:20px;
}

.plastic_riser{
    padding-left:.0px;
}

.riser-material{
    width:9.23%;
    height:20px;
}

.riser-material_plastic-label-data{
    width:9.235%;
    height:21px;
}

.riser-material_steel-label-data {
    width: 9.24%;
    /*width:9.25%;*/
    height: 20px;
}

.riser-size-label {
    width: 21.950%;
    /*width:21.955%;*/
    height: 20px;
}

.riser-size-label-25c {
    width: 22.05%;
    /*width:21.955%;*/
    height: 20px;
}

.riser-size-label-d {
    width: 21.950%;
    /*width:21.95%;*/
    height: 20px;
}

.riser-size-label-d25 {
    width: 22.05%;
    /*width:21.95%;*/
    height: 20px;
}

.riser-man-spacer2_5 {
    width: 10.82% !important;
    display: inline-block;
}

.riser-man-spacer3{
    width:10.95% !important;
    display:inline-block;
}

.riser-man-spacer4{
    width:12.4% !important;
    display:inline-block;
}

.riser-manufacturer-2-data-d {
    width:42.55% !important;
    height:20px;
}

/*IE Specific*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .grid-dev-proj-name-col {
        width:120px !important;
        word-break:break-all;
    }

	.riser-connection-type-label {
		width:25.00% !important;
		height:20px;
	}
	
    .riser-manufacturer-1-data-d {
        width:42.00% !important;
        height:21px;
    }

    .riser-manufacturer-1-data-e {
        width:42.00% !important;
        height:21px;
    }

	.riser-size-label {
		width:22.45% !important;
		height:20px;
    }
	
    .riser-size-label-d {
        width:22.48% !important;
        height:20px;
    }

    .riser-manufacturer-2-data {
        width:42.0%;
        height:20px;
    }

    .riser-manufacturer-2-data-d {
        width:42.00% !important;
        height:20px;
    }

    .riser-manufacturer-1-data {
        width:41.98%;
        height:21px;
    }

    .riser-man-spacer2{
        width:8.7% !important;
        display:inline-block;
    }
 
    .riser-man-spacer3{
        width:10.65% !important;
        display:inline-block;
    }

    .riser-man-spacer4{
        width:10.5% !important;
        display:inline-block;
    }

    .spacer-elster{
        display:inline-block;
        width: 5.045px !important;
    }

    .spacer-elster2{
        display:inline-block;
        width: 27.0px !important;
    }

    .riser-manufacturer-label{
        width:19.50% !important;
        height:20px;    
    }
 
    .riser-manufacturer-label2 {
        width:17.30% !important;
        height:20px;
    }

    .riser-manufacturer-cen-pla-fac-fit-data{
        width:22.55% !important;
        height:20px;
    }

    .riser-manufacturer-cen-pla-fac-fit-data2 {
        width:23.70% !important;
        height:20px;
    }

    .riser-material{
        width:9.25% !important;
        height:20px;
    }
	
	/*.riser-size-3-label-data{
		width:9.74% !important;
		height:20px;
	}*/

    .riser-size-3-label-data{
        width:9.66% !important;
        height:20px;
    }

    .riser-size-3-label-data2 {
        width: 4.01%;
        height: 20px;
    }

    /*.riser-size-3-label-data2 {
        width: 9.66% !important;
        height: 20px;
    }*/

	.riser-size-3-label-data-d{
		width:9.66% !important;
		height:20px;
	}

    /*.riser-size-6-label-data {
        width: 5.66% !important;
        height: 20px;
    }*/

    .riser-material_plastic-label-data{
        width:9.25%;
        height:21px;
    }

	.min-test-pressure-label {
		width:33.00% !important;
		height:21px;
	}
	
	.one-fifty-psig-10-min-label-data{
		width:15.00% !important;
		height:22px;
	}

	.one-fifty-psig-1-hour-lavel-data{
		width:15.10% !important;
		height:21px;
	}
	
	.required-pipe-2-larger{
		width:33.00% !important;
		height:21px;
	}
	
	.test-type-perform-label {
		width:33.01% !important;
		height:21px;
	}
	
	.appropriate-box-label{
		width:33.01% !important;
		height:21px;
	}
	
	.service-length-label-data{
		width:25.9% !important; 
		height: 28px;
	}
	
	.created-date-label{
		width:12.00% !important;
	}
	.created-date-data{
		width:12.00% !important;
		height: 27px;
	}

    .riser-manufacturer-label-d{
        width:19.95% !important;
        height:20px;
    }

    .riser-manufacturer-cen-pla-fac-fit-data-d{
        width:22.05% !important;
        height:20px;
    }

    .riser-size-4-label-data {
        width:5.66% !important;
        height: 21px;
    }

    .riser-size-4-label-data25 {
        width: 7.86% !important;
        height: 21px;
    }

    .riser-size-6-label-data {
        width: 5.66% !important;
        height: 20px;
    }

    /*.riser-size-4-label-data-25c {
        width: 7.16% !important;
        height: 21px;
    }*/
}

.riser-size-4-label-data-25c {
    width: 5.24% !important;
    height: 21px;
}

.riser-size-4-label-data25 {
    width: 5.24% !important;
    height: 21px;
}

.riser-manufacturer-label-d{
    width:20.10%;
    height:20px;
}

.riser-manufacturer-cen-pla-fac-fit-data-d{
    width:22.45%;
    height:20px;
}

.riser-size-1-label-data{
    width:6.45%;
    height:21px;
}

.riser-size-1-1-4-label-data{
    width:6.35%;
    height:21px;
}

.riser-size-2-label-data{
    width:4%;
    height:21px;
}

.riser-size-4-label-data {
    width: 5.10%;
    /*width: 5.135%;*/
    height: 21px;
}

.riser-size-6-label-data {
    width: 5.15%;
    /*width: 5.135%;*/
    height: 20px;
}

.riser-size-6-label-data25 {
    width: 5.2%;
    /*width: 5.135%;*/
    height: 20px;
}

.riser-size-6-label-data-25c {
    width: 5.25%;
    /*width: 5.135%;*/
    height: 20px;
}

.riser-size-6-label-data-e {
    width: 5.20%;
    /*width: 5.135%;*/
    height: 20px;
}

.riser-size-1-1-8-label-data{
    width:6.45%;
    height:20px;
}

.riser-size-1-1-2-label-data{
    width:6.35%;
    height:20px;
}

.riser-size-3-label-data{
    width:9.155%;
    height:20px;
}

.riser-size-3-label-data2 {
    width: 4.01%;
    height: 20px;
}

.riser-size-3-label-data-d {
    width: 9.15%;
    height: 20px;
}

/*.riser-size-1-data{
    width:23.45%;
    height:21px;
}
.riser-size-2-data{
    width:23.45%;
    height:20px;
}*/

/** JM Eagle Material Added 6/22/2021 Start **/
.mat-header-material {
    width: 56.83%;
    /*width: 56.49%;*/
    height: 21px;
}

.mat-header-material-e {
    width: 56.88%;
    /*width: 56.49%;*/
    height: 21px;
}

.mat-header-size {
    width: 12.89%;
    height: 21px;
}

.mat-header-size25 {
    width: 12.93%;
    height: 21px;
}

.mat-header-min-test-pressure {
    width: 29.10%;
    /*width: 29.45%;*/
    height: 21px;
}

.mat-header-min-test-pressure-e {
    width: 29.02%;
    /*width: 29.45%;*/
    height: 21px;
}

.plastic-steel-label-data-2 {
    width: 6.05%;
    height: 21px;
}

.plastic-steel-label-data-3{
    width: 6.1%;
    height: 21px;
}

.min-test-pressure-label-2 {
    width: 32.99%;
    height: 21px;
}

.perf-pipe-drisc-label-data-2 {
    width: 26.25%;
    /*width: 26.00%;*/
    height: 21px;
}

.perf-pipe-drisc-label-data-2-e {
    width: 26.65%;
    /*width: 26.25%;*/
    height: 21px;
}

.us-poly-comp-uponor-label-data-2 {
    width: 32.25%;
    /*width: 31.99%;*/
    height: 21px;
}

.us-poly-comp-uponor-label-data-2-e {
    width: 32.70%;
    /*width: 32.20%;*/
    height: 21px;
}

.duraline-poly-label-data-2 {
    width: 32.30%;
    /*width: 31.99%;*/
    height: 22px;
}

.duraline-poly-label-data-2-e {
    width: 32.70%;
    /*width: 32.20%;*/
    height: 22px;
}

.charter-plastics-label-data-2 {
    width: 24.20%;
    /*width: 24.45%;*/
    height: 21px;
}

.charter-plastics-label-data-25 {
     width: 24.55%;
    /*width: 24.45%;*/
    height: 21px;
}


.charter-plastics-label-data-2-e {
    width: 24.15%;
    /*width: 24.25%;*/
    height: 21px;
}

.oil-creek-plastics-label-data-2 {
    width: 24.24%;
    /*width: 24.46%;*/
    height: 21px;
}

.oil-creek-plastics-label-data-25 {
    width: 24.60%;
    /*width: 24.46%;*/
    height: 21px;
}

.oil-creek-plastics-label-data-2-e {
    width: 24.20%;
    /*width: 23.8%;*/
    height: 21px;
}

.jm-eagle-plastics-label-data-2 {
    width: 24.20%;
    /*width: 24.46%;*/
    height: 21px;
}

.jm-eagle-plastics-label-data-25 {
    width: 24.55%;
    /*width: 24.46%;*/
    height: 21px;
}

.jm-eagle-plastics-label-data-2-e {
    width: 24.20%;
    /*width: 24.30%;*/
    height: 21px;
}

.test-type-perform-label-2 {
    width: 29.42%;
    height: 21px;
}

.test-type-perform-label-25 {
    width: 29.12%;
    height: 21px;
}

.test-type-perform-label-2-e {
    width: 29.00%;
    /*width: 29.42%;*/
    height: 21px;
}

.appropriate-box-label-2 {
    width: 29.45%;
    height: 21px;
}

.appropriate-box-label-25 {
    width: 29.15%;
    height: 21px;
}

.appropriate-box-label-25c {
    width: 29.13%;
    height: 21px;
}

.appropriate-box-label-2-e {
    width: 29.00%;
    /*width: 29.42%;*/
    height: 21px;
}

.size-label {
    width: 12.92%;
    height: 21px;
}

.mat-size-1-1-4-label-data-2 {
    /*width: 12.80%;*/
    width: 12.90%;
    height: 22px;
}

.mat-size-1-1-4-label-data-25 {
    /*width: 12.80%;*/
    width: 12.85%;
    height: 22px;
}

.mat-size-1-1-4-label-data-2e {
    /*width: 12.80%;*/
    width: 12.90%;
    height: 22px;
}

.mat-bare-steel-label-data-2 {
    width: 56.85%;
    /*width: 56.50%;*/
    height: 21px;
}

.mat-bare-steel-label-data-2-e {
    width: 56.88%;
    /*width: 56.50%;*/
    height: 21px;
}

.mat-coated-steel-label-data-2 {
    width: 10%;
    height: 21px;
}

.mat_coated_steel-fusion-bonded-epoxy-label-data-2 {
    width: 14.50%;
    height: 21px;
}

.mat_coated_steel-mill-wrap-label-data-2 {
    width: 7.85%;
    height: 21px;
}

.mat_coated_steel-wax-wrap-label-data-2 {
    width: 24.54%;
    /*width: 24.14%;*/
    height: 21px;
}

.mat_coated_steel-wax-wrap-label-data-25 {
    width: 24.51%;
    /*width: 24.14%;*/
    height: 21px;
}

.mat_coated_steel-wax-wrap-label-data-25 {
    width: 24.50%;
    /*width: 24.14%;*/
    height: 21px;
}

.ninety-psig-10-min-label-data-2 {
    width: 14.4%;
    height: 22px;
}

.one-fifty-psig-10-min-label-data-2 {
    width: 14.6% !important;
    /*width: 14.80% !important;*/
    /*width: 15.05%;*/
    height: 22px;
}
.one-fifty-psig-10-min-label-data-25 {
    width: 14.7% !important;
    /*width: 14.80% !important;*/
    /*width: 15.05%;*/
    height: 22px;
}

.mat-size-2-label-data-2 {
    width: 12.88%;
    /*width: 12.9%;*/
    height: 21px;
}

.mat-size-2-label-data-25 {
    width: 12.94%;
    /*width: 12.9%;*/
    height: 21px;
}

.ninety-psig-1-hour-label-data-2 {
    width: 14.45%;
    height: 21px;
}

.one-fifty-psig-1-hour-lavel-data-2 {
    width: 14.59% !important;
    /*width: 15.02% !important;*/
    height: 21px;
}
.one-fifty-psig-1-hour-lavel-data-25 {
    width: 14.62% !important;
    /*width: 15.02% !important;*/
    height: 21px;
}

.plastic-spacer-2 {
    width: 12.5%;
    display: inline-block;
}

.plastic-spacer2-2 {
    width: 19.25%;
    display: inline-block;
}

.steel-spacer-2 {
    width: 1.55%;
    display: inline-block;
}

.riser-man-spacer-2 {
    width: 4.48%;
    display: inline-block;
}

.riser-man-spacer2 {
    width: 9.0%;
    display: inline-block;
}

.mat-size-1-2-label-data-2 {
    width: 12.9%;
    height: 21px;
}

.mat-size-1-2-label-data-25 {
    width: 12.85%;
    height: 21px;
}

.mat-size-1-label-data-2 {
    width: 12.9%;
    height: 21px;
}

.mat-size-1-label-data-25 {
    width: 12.85%;
    height: 21px;
}

.mat-size-other-label-data-2 {
    width: 12.90%;
    height: 21px;
}

.mat-size-other-label-data-25{
    width: 12.85%;
    height: 21px;
}

.required-pipe-2-larger-2 {
    width: 29.00%;
    /*width: 29.45%;*/
    height: 21px;
}
.required-pipe-2-larger-25 {
    width: 29.1%;
    /*width: 29.45%;*/
    height: 21px;
}
.plastic-spacer4 {
    width: 18.65%;
    display: inline-block;
}
/** JM Eagle Material Added 6/22/2021 End **/
.plastic-steel-label-data {
    width: 33.89%;
    height: 21px;
}

.min-test-pressure-label {
    width:32.99%;
    height:21px;
}
.perf-pipe-drisc-label-data {
    width:33.89%;
    height:21px;
}
.us-poly-comp-uponor-label-data {
    width:33.89%;
    height:21px;
}
.duraline-poly-label-data {
    width:33.89%;
    height:22px;
}
.charter-plastics-label-data {
    width:33.89%;
    height:21px;
}
.oil-creek-plastics-label-data {
    width:52.89%;
    height:21px;
}
.test-type-perform-label {
    width:33.04%;
    height:21px;
}
.appropriate-box-label{
    width:33.04%;
    height:21px;
}
.size-label {
    width:12.92%;
    height:21px;
}
.mat-size-1-1-4-label-data {
    width:12.92%;
    height:22px;
}

.mat-bare-steel-label-data {
    width:19%;
    height:21px;
}

.mat-coated-steel-label-data {
    width:19%;
    height:21px;
}

.mat_coated_steel-fusion-bonded-epoxy-label-data{
    width:17.45%;
    height:21px;
}

.mat_coated_steel-mill-wrap-label-data{
    width:17.45%;
    height:21px;
}

.mat_coated_steel-wax-wrap-label-data{
    width:17.45%;
    height:21px;
}

.ninety-psig-10-min-label-data {
    width:18%;
    height:22px;
}
.one-fifty-psig-10-min-label-data{
    width:15%;
    height:22px;
}
.mat-size-2-label-data {
    width:12.9%;
    height:21px;
}
.ninety-psig-1-hour-label-data{
    width:18%;
    height:21px;
}
.one-fifty-psig-1-hour-lavel-data{
    width:15.02% !important;
    height:21px;
}

.plastic-spacer{
    width:12.5%;
    display:inline-block;
}

.plastic-spacer2{
    width:19.25%;
    display:inline-block;
}

.steel-spacer{
    width:1.55%;
    display:inline-block;
}

.riser-man-spacer{
    width:4.48%;
    display:inline-block;
}

.riser-man-spacer2{
    width:9.0%;
    display:inline-block;
}

.mat-size-1-2-label-data{
    width:12.9%;
    height:21px;
}
.mat-size-1-label-data {
    width:12.9%;
    height:21px;
}
.mat-size-other-label-data{
    width:12.92%;
    height:21px;
}
.required-pipe-2-larger{
    width:32.99%;
    height:21px;
}
.plastic-manu-lot-serial-label{
    width:58%;
    height:21px;
}

.plastic-manu-lot-serial-data {
    width:58%; 
    height: 27px;
}

.plastic-manu-date-label{
    width:12%;
    height:21px;
}

.plastic-manu-date-data{
    width:12%;
    height:27px;
}

.low-pressure-system-label-data{
     width:28.9%;
     height:21px;
 }

.regulated-pressure-system-label-data{
    width:28.9%; 
    height: 27px; 
    border-left:1px solid black;
}
.direct-burial-trace-wire-label-data{
    width:26%; 
    height: 28px;
}
.insert-label-data{
    width:21.83%; 
    height: 28px;
}
.service-depth-label-data{
    width:25%; 
    height: 28px;
}
.service-length-label-data{
    width:25.9%; 
    height: 28px;
}
.install-firm-name-label{
    width:99%;
}
.install-firm-name-data{
    width:99%;
    height: 27px;
}
.install-firm-address-label{
    width:60.5%;
}
.install-firm-address-data{
    width:60.5%;
    height: 27px;
}
.install-firm-city-label{
    width:22%;
}
.install-firm-city-data{
    width:22%; 
    height: 27px;
}
.install-firm-state-label{
    width:7%; 
    display:inline-block;
}
.install-firm-state-data{
    width:7%; 
    height: 27px;
}
.install-firm-zipcode-label{
    width:9.5%;
}
.install-firm-zipcode-data{
    width:9.5%; 
    height: 27px;
}
.install-firm-contact-name-label{
    width:60%;
}
.install-firm-contact-name-data{
    width:60%;
    height: 27px;
}
.install-firm-phone-num-label{
    width:38.9%;
}
.install-firm-phone-num-data{
    width:38.9%;
    height: 27px;
}
.note-by-signing{
    width:99%;
}
.installation-inst-header{
    width:99%;
    text-align:center;
    line-height:105%;
    height:18px;
}
.installation-inst-left-block{
    width:55%;
    height:117px;
}
.installation-inst-left-text-block{
    line-height:105%;
}
.installation-inst-right-block{
    width:43.65%;
    height:117px;
}
.installation-inst-right-text-block{
    line-height:105%;
}
.installer-inst-header{
    width:99%; 
    text-align:center;
}
.installer-inst-block{
    width:99%;
    height:165px;
}
.installer-inst-text-block{
    font-weight:400;
    line-height:105%;
}
.acknowledge_instn_instr{
    width:99%;
}
.additional-forms{
    width:99%;
    text-align:center;
    background-color:#F0F0F0;
    height:17px;
}
.install-tested-by-label{
    width:45.3%;
}
.install-tested-by-data{
    width:45.3%;
    height: 27px;
}
.submitter-email-label{
    width:41.5%;
}
.submitter-email-data{
    width:41.5%;
    height: 27px;
}

#seir_submitter_email {
    width:410px;
}

.signature-label{
    width:41.5%;
}
.signature-data{
    width:41.5%;
    height: 27px;
}

.created-date-label{
    width:12.02%;
}
.created-date-data{
    width:12.02%;
    height: 27px;
}
.form-num{
    width:99.2%;
    text-align:right;
}
.qualified-by-label{
    width:55.3%;
}
.qualified-by-data{
    width:55.3%;
    height: 27px;
}
.oq-id-num-label{
    width:43.6%;
}
.oq-id-num-data{
    width:43.6%;
    height: 27px;
}
/*create/detail/edit end*/
/*edit start*/
/*button.save-btn{
    height:33px;
}*/
.edit-btn{
    height:32px;
}
.back-to-list-btn{
    height:32px;
}
/*edit end*/

#sich_date_received_from {
    width:35%;
}

#sich_date_received_to {
    width:35%;
}

#sich_create_date_from {
    width:35%;
}

#sich_create_date_to {
    width:35%;
}

#seir_date_received { 
  width:84px;
  height:18px;
}

#seir_date_serv_line_inst { 
  width:84px;
  height:18px;
}

#seir_plastic_manu_date { 
  width:84px;
  height:18px;
}

.seir_plastic_manu_date_hide{
    display:none;
}

#seir_create_date { 
  width:84px;
  height:18px;
}

body {
	background-color: #5c87b2;
	font-size: .80em;
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color:Black;
	/*color: #696969;*/
}

a:link {
	color: #034af3;
	text-decoration: underline;
}

a:visited {
	color: #505abc;
}

a:hover {
	color: #1d60ff;
	text-decoration: none;
}

a:active {
	color: #12eb87;
}

p, ul {
	margin-bottom: 20px;
	line-height: 1.6em;
}

header,
footer,
nav,
section {
	display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #000;
}

h1 {
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 {
	padding: 0 0 10px 0;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
	width: 1100px;
	min-width:1100px;
	margin-left: auto;
	margin-right: auto;
}

header, #header {
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

header h1, #header h1 {
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-size: 32px !important;
	text-shadow: 1px 1px 2px #111;
}

#main {
	padding: 30px 30px 30px 30px;
	background-color: #fff;
	border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
}

footer, 
#footer {
	background-color: white; /*#fff;*/
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0 0 30px 0;
	font-size: .9em;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU ---CHANGE FOR HOME BUTTON MVC  
----------------------------------------------------------*/
ul#menu {
	border-bottom: 1px #5C87B2 solid;
	padding: 0 0 2px;
	position: relative;
	margin: 0;
	text-align: right;
}

ul#menu li {
	display: inline;
	list-style: none;
}

ul#menu li#greeting {
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	color: #fff;
}

ul#menu li a {
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	background-color: #e8eef4;
	color: #034af3;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
	background-color:#78BCED;
	text-decoration: none;
}

ul#menu li a:active {
	background-color: #F6F6F6;
	text-decoration: none;
}

ul#menu li.selected a {
	background-color: #fff;
	color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	min-height: 75px;
}

input[type="text"], 
input[type="password"] {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 1.2em;
	color: #444;
	width: 200px;
}

select {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 1.2em;
	color: #444;
}

input[type="submit"] {
	font-size: 1.2em;
	padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}

.detail_line2
{
    position: relative;
    left:20px;
}

.detail_line3 
{
	position: relative;
	left: 20px;
}

.payment1
{
    position: relative;
	left:100px;
	table-layout: auto;
}

.payment2
{
    position: relative;
	left:150px;
	table-layout: auto;
}

table td {
	padding: 5px;
	border: solid 1px #e8eef4;
}

.hidden
{
    table-layout: fixed;
    width: 2em;
    left: 100px;
    background: #FFFFFF;
    border: #FFFFFF;
}

.highlighted {
    padding: 5px;
    font-size: smaller;
    background: #55aaff;
    color: #000000;
    font-weight:500;
}

.viewed_cell 
{
    font-size:medium;
    padding: 5px;
    background: #55aaff;
    color: #000000;
}

table th {
	padding: 6px 5px;
	text-align: left;
	font-size: smaller;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

.hidden 
{
    azimuth:rightwards;
    table-layout: fixed;
    width: 2em;
    left: 100px;
    background: #FFFFFF;
    border: #FFFFFF;
}

table tr
{
    padding: 5px;
    border: solid 1px #e8eef4;
}

.payment 
{
    position: relative;
	left:100px;
	width:auto;
}

.termination
{
    position: relative;
    background-color: #888888;
    color: #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear {
	clear: both;
}

.error {
	color: Red;
}

nav, 
#menucontainer {
	margin-top: 40px;
}

div#title {
	display: block;
	float: left;
	text-align: left;
	height: 100px;
}

div#title2 {
	display: block;
	float: left;
	text-align: left;
	height: 100px;
}

#logindisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
}

#logindisplay a:link {
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited {
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover {
	color: white;
	text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
	margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
	margin: 0.5em 0 0 0;
}

.text-box {
	width: 30em;
}

.text-box.multi-line {
	height: 6.5em;
}

.tri-state {
	width: 6em;
}

.last_name_suffix
{

	max-width: 30px;
}

.ss_number 
{
	max-width: 40px;

}

.zip_code {
	max-width: 50px;
}

.zip_code_suffix {
	max-width: 40px;
}

.state 
{
    max-width: 30px;
}

.address_number {

    max-width: 60px;
}

/* Styles for margin lists
----------------------------------------------*/
div.link-list{
		width:10.2em;
		position:absolute;
		top:auto;
		font-size:80%;
		padding-left:1%;
		padding-right:1%;
		margin-left:0;
		margin-right:0;
}
#listLeft {
		left:0;
}
#listRight {
		right:0;
}

div.row {
	padding: 5px 0px;
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
	}

div.button_row
{
	clear: both;
	padding-top: 5px;
	height: 40px;
	padding: 2px;
}

fieldset.png_background_color_transparent {
  background:#D7ECFB;
  background:rgba(51,145,217,.38);
  width:auto;
}

fieldset.png_background_color
{
	/*background-color:#5C87B2;*/
	background: rgba(92,135,178);
	
}

legend.png_legend
{
	color:Black;
	font-weight:bold;
}

div.centered      { width: 900px; }
div.columns       { width: 900px;  margin: 1 auto;}
div.columns div   { width: 280px; float: left; margin-right: 20px;}

div.row span.label {
float: left;
width: 100px;
text-align: right;
}

div.row span.label2 {
float: left;
width: 210px;
text-align: left;
/*font-weight:bold;*/
}

div.row span.label_bold {
float: left;
width: 100px;
text-align: right;
font-weight: bold; 
}

div.row span.label_small {
float: left;
width: 100px;
text-align: right;
font-size: small;
}
div.row span.dividertext
{
    float: left;
	width: 100px;
	text-align: right;
	color: WindowFrame;
	font-size:large;
	font-weight: bold;
}

div.row span.dividertextshort
{
    float: left;
	width: 70px;
	text-align: right;
	color: WindowFrame;
	font-size: medium;
	font-weight: bold;
}

div.row span.dividertexthalf
{
    float: left;
	width: 50px;
	text-align: right;
	color: WindowFrame;
	font-size: medium;
	font-weight: bold;
}

div.inline_vert_top
{
	display:inline-block;
	vertical-align:top
}

div.png_use_only_border_all
{
	border-top:1px solid black;
	border-left:1px solid black;
	/*border-right:1px solid black;*/
}

div.png_use_only1
{
	width:24.75%; 
	display:inline-block; 
	border-top:1px solid black;
	border-left:1px solid black;
	height:18px;
}

div.png_use_only2
{
	width:24.75%; 
	display:inline-block; 
	border-top:1px solid black;
	border-left:1px solid black;
	height:18px;
}

div.png_use_only3
{
	width:24.75%; 
	display:inline-block; 
	border-top:1px solid black;
	border-left:1px solid black; 
	height:18px;
}

div.png_use_only4
{
	width:24.75%; 
	display:inline-block; 
	border-top:1px solid black;
	border-left:1px solid black; 
	border-right: 1px solid black;
	height:18px;
}

div.png_use_only5
{
	width:24.75%; 
	display:inline-block; 
	border-left:1px solid black; 
	border-bottom:1px solid black; 
	height:26px;
}

div.png_use_only5e
{
	width:24.75%; 
	display:inline-block; 
	border-left:1px solid black; 
	border-bottom:1px solid black; 
	height:27.25px;
}

div.png_use_only6
{
	width:24.75%; 
	display:inline-block; 
	border-left:1px solid black; 
	border-bottom:1px solid black; 
	height:26px;
}

div.png_use_only7
{
	width:24.75%; 
	display:inline-block; 
	border-left:1px solid black; 
	border-bottom:1px solid black; 
	height:26px;
}

div.png_use_only8
{
	width:24.75%; 
	display:inline-block; 
	border-left:1px solid black; 
	border-bottom:1px solid black; 
	border-right: 1px solid black;
	height:26px;
}

div.border_lt
{
	border-left:1px solid black; 
	border-top:1px solid black; 
}

div.border_rt
{
	border-right:1px solid black; 
	border-top:1px solid black; 
}

div.border_lrt
{
	border-left:1px solid black; 
	border-right:1px solid black; 
	border-top:1px solid black; 
}

div.border_lrb
{
	border-left:1px solid black; 
	border-right:1px solid black; 
	border-bottom:1px solid black; 
}

div.border_lb
{
	border-left:1px solid black; 
	border-bottom:1px solid black; 
}

div.border_rb
{
	border-right:1px solid black; 
	border-bottom:1px solid black; 
}

div.border_top
{
	border-top:1px solid black; 
}

div.border_bot
{
	border-bottom:1px solid black; 
}

div.border_lfo
{
	border-left:1px solid black; 
}

div.border_rto
{
	border-right:1px solid black; 
}


.ui-datepicker-trigger {
   position: absolute;
}

div.row span.dividertextquarter
{
    float: left;
	width: 25px;
	text-align: right;
	color: WindowFrame;
}

div.row span.form_element {
    float: left;
    width: 225px;
    text-align: left;
} 

div.row span.form_element_calendar {
    float: left;
    width: 235px;
    text-align: left;
} 

div.row span.form_element_bold {
    float: left;
    width: 225px;
    text-align: left;
    font-weight: bold;
} 

div.row span.spacer 
{
	float: left;
	width: 26px;
	text-align: left;
}

div.row span.form_element_long 
{
	float: left;
	width: 900px;
	text-align: left;
}

div.row span.alttext 
{
    float: left;
	width: 100px;
	text-align: right;
	color: WindowFrame;
	font-size:medium;
	font-weight:normal;	
}

div.png_use_only{
     background-color:Black;
     color:White;
     font-weight:bolder;
     text-align:center;
     width:99.69%;
}

div.new_type {
    width:49.31%;
    display:inline-block;
}
div.renew_type {
    width:49.31%;
    display:inline-block;
}
div.riser_size1 {
    width:19.81%;
    height:21px;
}
/*div.riser_size2 {
    width:19.81%;
    height:26px;
}*/
div.riser_size3 {
    width:19.81%;
    height:21px;
}