/* ***** Development File Details:$Rev: 451 $, $Author: BaskarR $, $Date: 2024-03-01 03:14:42 -0800 (Fri, 01 Mar 2024) $ ***** Added by Program */ 

.clsBody
{
background-color: #f1f4f6;
}

body{
	margin: 0;
	font-family : "Open Sans",sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
	background-color: #f1f4f6;
}

/* Replaced with syed*
#menuTargetFrame{
margin-top: 4rem;

}  */




.mt-1, .my-1 {
    margin-top: 0.25rem!important;
}

.mt-2, .my-2 {
    margin-top: 0.5rem!important;
}
 
.mt-3, .my-3 {
    margin-top: 1rem!important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}

@media (min-width: 992px)
{
	.mt-lg-n5, .my-lg-n5 {
	    margin-top: -3rem!important;
	}

	.ml-lg-n4, .mx-lg-n4 {
	    margin-left: -1.5rem!important;
	}
	
	.pl-lg-2, .px-lg-2 {
		padding-left: 0.5rem !important;
	}
	
	.pr-lg-2, .px-lg-2 {
		padding-right: 0.5rem !important;
	}
} 

@media (min-width: 576px)
{
	.mt-sm-n5, .my-sm-n5 {
    		margin-top: -3rem!important;
	}
}


/*form[name="pgWarehouseSelect"],form[name="pgWhseBldgSelect"]
{
	margin-top: 3rem;
}*/
 
#tabs {
    margin: 0rem 1rem;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}


#iconTable{
display:none;
}

/*JQgrid Starts*/

.ui-widget input, .ui-widget button {
    text-shadow: none;
    font-size: 0.75rem;
    font-weight: 650;
    margin-right: 2px;
}

.ui-widget-content {
    border: 1px solid rgb(207, 204, 204);
    background: transparent;
    color: rgb(0, 0, 0);
    font-size: 0.75rem ;
    -webkit-font-smoothing: antialiased;
}
.ui-widget-content {
  background: #ffffff;
//  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 0;
  /*width: 100% !important; */
  }

/*.ui-jqgrid .ui-jqgrid-hbox {
  width: 100%; 
  }
  
  .ui-jqgrid .ui-jqgrid-hbox .ui-jqgrid-htable {
    width: 100% !important; }
*/
.ui-jqgrid .ui-jqgrid-htable th {
  border-color: #e1e1e1;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #e1e1e1 !important; }

.ui-jqgrid tr.jqgfirstrow td {
  border-color: transparent; }

.ui-widget .ui-jqgrid-htable {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
  .ui-widget .ui-jqgrid-htable thead {
    border-color: transparent; }

/*.ui-jqgrid .ui-jqgrid-bdiv {
  width: 100% !important; 
  background: transparent;
  }

.ui-jqgrid .ui-jqgrid-btable {
  width: 100% !important; }*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #c5c5c5;
  color: #000;
  text-shadow: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  color: #000 !important;
  background-color: #999; }

.ui-jqgrid tr.jqgrow td {
  border-bottom-color: #e1e1e1;
  border-right-color: #e1e1e1; }

.ui-jqgrid .ui-jqgrid-titlebar {
  display: none; }

/*.ui-jqgrid .ui-jqgrid-view {
  width: 100% !important; }

.ui-jqgrid .ui-jqgrid-hdiv {
  width: 100% !important; }
*/


.ui-jqgrid .ui-jqgrid-hbox {
    float: left;
    padding-right: 48px;
}
.ui-jqgrid tr.footrow-ltr
{
	background-color:white;
	border-top: none;
	border-bottom: none;
}
  
  
.ui-jqgrid tr.footrow-ltr td
{
	background-color:#f7f7f7;	
border-right: thin solid #e1e1e1;
color:#000;
}

.ui-jqgrid-htable td, .ui-jqgrid-htable th[role=columnheader] td input {
			height: 20px !important;
		}
		
.ui-jqgrid-norecordsDiv {
	background-color: #c5c5c5;
}
  /*JQgrid Ends*/


/*HTML Grid Starts...*/

.htmlgridDataTD
{
	border-bottom-color: #e1e1e1;
    border-right-color: #e1e1e1; 
}

.sData {
	position: absolute;
	z-index: 2;
	overflow: auto;
}

.sData table {
	border-spacing: 10px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
	font-size: 13px;
}
.sData table tr:hover {
    color: #000;
    background-color: rgb(245, 245, 181);
    transition: background-color .2s;
    opacity:.65;
}
.sHeaderInner {
	position: relative;
    border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
}
.sHeaderInner table {
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
	vertical-align: bottom;
 
}

.htmldivgrid td, .htmlDivGrid td {
   
}


.sFHeader {
	position: absolute;
	z-index: 4;
	overflow: hidden;
}
.sFHeader table {
	border-spacing: 0px 0px !important;
	border-collapse: collapse !important;
	width: 1px !important;
	table-layout: fixed !important;
	background:transparent;
}

.sHeader {
	position: absolute;
	z-index: 3;
	border-color: #e1e1e1;
    
} 

TH.htmlgridCenterHeaderTH
{
    text-align: center; 
}

TH.htmlgridLeftHeaderTH
{
 text-align: left;  
}

TH.htmlgridRightHeaderTH
{
 text-align: right; 
}

 th.htmlgridLeftHeaderTH,th.htmlgridRightHeaderTH,th.htmlgridCenterHeaderTH,.datepicker th, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
      white-space: nowrap !important;
      /*padding-right: 1rem;
      padding-left: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;*/
      color: #fff !important;
      font-weight: 500;
	  background-color: #0c277d;
      /*border-right: 1px solid #7D8080;*/
      font-size: 14px; 
}
    
td.htmlgridDataTD,.datepicker td , .ui-jqgrid tr.jqgrow td
{
      white-space: nowrap !important;
      border: 1px solid #7d808078;
	  padding-right: 0.25rem;
      padding-left: 0.25rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 14px;
      font-weight: 500; 
}
	  
TH.htmlgridCenterHeaderTH, TH.htmlgridLeftHeaderTH, TH.htmlgridRightHeaderTH,TH.gridLeftHeaderTH,TH.gridRightHeaderTH,TH.gridCenterHeaderTH
{
	padding: 0.25rem;
  	border:1px solid #e1e1e1 !important;
	/*text-transform:uppercase;*/
	background-color: #0c277d;
    	line-height: 32px;
}

TH.htmlgridCenterHeaderTH:hover, TH.htmlgridLeftHeaderTH:hover, TH.htmlgridRightHeaderTH:hover ,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column :hover{
   /* background-color: #1034a6;*/
    line-height: 32px;
}

TD.htmlgridDataTD
{ 
  overflow: hidden;
  text-overflow: ellipsis;
  font: 13px Arial,Verdana,sans-serif;
  -webkit-font-smoothing: antialiased;
}

TH.gridHdrTH { 
 	padding: 6px 0px;
}

TH.gridHdrTH FONT{ 
 	font-weight:100;
}

TR.info
{
	color: #212529;
}


.table .thead-dark th {
    border-color: #e1e1e1;
    background-color: #0c277d;
    border: 1px solid #dee2e6;  
}



.container-fluid.bldg-divgrid{
    background-color: #ffffff;
}

a.column-header-anchor {
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}




#WhseBldgData
{
  overflow: hidden;
  text-overflow: ellipsis;
  font: 14px Arial,Verdana,sans-serif;
  -webkit-font-smoothing: antialiased;
}

.fontawesome-i2svg-active.fontawesome-i2svg-complete.hydrated
{
height:96%;
background:#f0f4f7;
}

/*HTML Grid ENDs...*/

/* Popup Icon Starts*/

.soft-icon {
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: relative;
    opacity: .8;
}

.soft-icon-picklist {
    cursor: pointer;
}

.soft-icon.soft-icon-picklist {
    width: 18px;
    height: 17px;
}

.soft-icon.soft-icon-picklist {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="250px" height="250px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><g><g><g><path fill="%231034A6" d="M177.876,31.009H72.124C49.418,31.009,31,49.419,31,72.133v105.734c0,22.715,18.418,41.124,41.124,41.124h105.752c22.706,0,41.124-18.409,41.124-41.124V72.133C219,49.419,200.582,31.009,177.876,31.009z M207.248,177.867c0,16.233-13.147,29.381-29.372,29.381H72.124c-16.225,0-29.372-13.147-29.372-29.381V72.133c0-16.233,13.147-29.381,29.372-29.381h105.752c16.225,0,29.372,13.147,29.372,29.381V177.867z"/><path fill="%231034A6" d="M89.752,72.133H78c-3.245,0-5.876,2.622-5.876,5.867v11.752c0,3.245,2.631,5.868,5.876,5.868h11.752c3.245,0,5.876-2.623,5.876-5.868V78C95.628,74.755,92.997,72.133,89.752,72.133z"/><path fill="%231034A6" d="M89.752,113.257H78c-3.245,0-5.876,2.622-5.876,5.867v11.752c0,3.245,2.631,5.868,5.876,5.868h11.752c3.245,0,5.876-2.623,5.876-5.868v-11.752C95.628,115.879,92.997,113.257,89.752,113.257z"/><path fill="%231034A6" d="M89.752,154.38H78c-3.245,0-5.876,2.623-5.876,5.868V172c0,3.245,2.631,5.867,5.876,5.867h11.752c3.245,0,5.876-2.622,5.876-5.867v-11.752C95.628,157.003,92.997,154.38,89.752,154.38z"/><rect x="107.38" y="78" fill="%231034A6" width="70.496" height="11.752"/><rect x="107.38" y="119.124" fill="%231034A6" width="70.496" height="11.752"/><rect x="107.38" y="160.248" fill="%231034A6" width="70.496" height="11.752"/></g></g></g></g></svg>');
    background-color: transparent;
}


.soft-icon.soft-icon-picklist {
    width: 18px;
    height: 17px;
     
}
/* Popup Icon Ends*/

/* TAB Menu */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     color: #1034A6!important;
    font-size: 16px;
    font-weight: 700;
    background-color: #fafbfc!important;
	border-color: #dee2e6 #dee2e6 #fff;
}

.nav-pills {
    	border: none;
	margin-left: 24px;
}

.nav-pills .nav-link {
    color: black!important;
    font-size: 16px;
    font-weight: 700;
	border-color: #dee2e6 #dee2e6 #fff;
 border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}



/*Field Set Starts*/
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

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

fieldset legend {
    /*font-size: 14px !important;
    font-weight: 750 !important;
    color: #1034A6;
    text-transform: uppercase; */
	font-size: 1em!important;
    font-weight: 400!important;
    text-align: left!important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

/* Field Set Ends */

/*Form group input controls starts*/

.form-group.col, .form-group[class*=col-] {
    margin-bottom: 4px!important;
}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-group {
    margin-bottom: 1rem;
}

.form-check-adjust {
    padding-top: 0.375rem !important;
    margin-top: 1.5em !important;
}


/* message dialog starts*/

.dialogDiv .htmlgridCenterHeaderTH {
    text-align: center;
    background: #1034A6;
    color: white;
}

#msgDialog {
    background: rgba(230, 249, 255, 1);
    box-shadow: 1px 1px 12px 3px darkgrey;
}

DIV.dialogDiv {
    /* BACKGROUND-IMAGE: url(../images/bg_pop.jpg); */
}

DIV.dialogDiv {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    padding: 0px;
    /* border-color: #577495; */
    border-width: 1px;
    border-style: solid;
    z-index: 5001;
    overflow: visible;
    box-shadow: 0 0 15px rgba(4, 29, 6, 1);
}

TD.msgIconTD {
    width: 7%;
}

TD.msgIconTD img {
    width: 20px;
    height: 20px;
} 

TD.msgNumTD {
    width: 15%;
}

TD.msgNumTD, TD.msgTextTD {
    font-family: "Open Sans",sans-serif;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.2;
}

TD.msgTextTD {
    width: 78%;
}

TD.msgNumTD, TD.msgTextTD {
    font-family: "Open Sans",sans-serif;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.2;
}

DIV.dialogBackgroundDiv {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    background-color: rgba(230, 249, 255, 0.91);
    z-index: 5000;
    filter: alpha(opacity=15);
    opacity: 0.15;
} 

.dialogDiv TH.htmlgridCenterHeaderTH:hover,.dialogDiv TH.htmlgridLeftHeaderTH:hover,.dialogDiv TH.htmlgridRightHeaderTH:hover {
    background-color: #1034A6;
} 

.dialogDiv .htmlgridCenterHeaderTH > #closeLink {
    float: right;
}

.btn-link:hover {
    color: #004d48;
    text-decoration: underline;
}

/*message dialog ends*/



/*JQGrid starts*/

.ui-state-hover .ui-icon-seek-first
{
    width: 20px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%230C277D" d="M50.449,121.375l73.447-73.447c1.052-1.049,2.261-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.052,1.052,1.576,2.261,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625L77.085,125l61.942,61.942c1.052,1.051,1.576,2.262,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.881c-1.049,1.051-2.258,1.576-3.625,1.576c-1.364,0-2.573-0.525-3.625-1.576l-73.447-73.447c-1.049-1.049-1.576-2.258-1.576-3.625C48.873,123.635,49.4,122.426,50.449,121.375z M110.972,121.375l73.448-73.447c1.052-1.049,2.261-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.052,1.052,1.576,2.261,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625L137.609,125l61.941,61.942c1.052,1.051,1.576,2.262,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.881c-1.049,1.051-2.258,1.576-3.625,1.576c-1.364,0-2.573-0.525-3.625-1.576l-73.448-73.447c-1.049-1.049-1.576-2.258-1.576-3.625C109.396,123.635,109.923,122.426,110.972,121.375z"/></g></svg>');
        background-position: -6px -9px;
}

.ui-icon-seek-first {
    width: 20px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%237D8080" d="M50.449,121.375l73.447-73.447c1.052-1.049,2.261-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.052,1.052,1.576,2.261,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625L77.085,125l61.942,61.942c1.052,1.051,1.576,2.262,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.881c-1.049,1.051-2.258,1.576-3.625,1.576c-1.364,0-2.573-0.525-3.625-1.576l-73.447-73.447c-1.049-1.049-1.576-2.258-1.576-3.625C48.873,123.635,49.4,122.426,50.449,121.375z M110.972,121.375l73.448-73.447c1.052-1.049,2.261-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.052,1.052,1.576,2.261,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625L137.609,125l61.941,61.942c1.052,1.051,1.576,2.262,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.881c-1.049,1.051-2.258,1.576-3.625,1.576c-1.364,0-2.573-0.525-3.625-1.576l-73.448-73.447c-1.049-1.049-1.576-2.258-1.576-3.625C109.396,123.635,109.923,122.426,110.972,121.375z"/></g></svg>');
    background-position: -6px -9px;

}

.ui-icon-seek-prev {
    width: 20px;
    height: 12px;
BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%237D8080" d="M80.711,121.375l73.448-73.447c1.053-1.049,2.262-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.053,1.052,1.576,2.261,1.576,3.625c0,1.367-0.523,2.576-1.576,3.625L107.349,125l61.94,61.941c1.052,1.052,1.576,2.263,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.882c-1.049,1.051-2.258,1.575-3.625,1.575c-1.364,0-2.573-0.524-3.625-1.575L80.71,128.626c-1.049-1.049-1.576-2.258-1.576-3.625C79.135,123.635,79.662,122.426,80.711,121.375z"/></g></svg>');
    background-position: -6px -9px;

}

.ui-state-hover .ui-icon-seek-prev {
    width: 20px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%230C277D" d="M80.711,121.375l73.448-73.447c1.053-1.049,2.262-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.053,1.052,1.576,2.261,1.576,3.625c0,1.367-0.523,2.576-1.576,3.625L107.349,125l61.94,61.941c1.052,1.052,1.576,2.263,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.882c-1.049,1.051-2.258,1.575-3.625,1.575c-1.364,0-2.573-0.524-3.625-1.575L80.71,128.626c-1.049-1.049-1.576-2.258-1.576-3.625C79.135,123.635,79.662,122.426,80.711,121.375z"/></g></svg>');    background-position: -6px -9px;
    background-position: -6px -9px;
}

.ui-icon-seek-next-rotate270 {
	width: 24px;
    position: relative;
    top: 5px;
    height: 12px;
    display: block;
    margin: 1px;
    float: left;
    transform: rotate(270deg);
   BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%237D8080" d="M170.866,125.001c0,1.367-0.527,2.576-1.576,3.625l-73.448,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L142.651,125L80.71,63.058c-1.053-1.049-1.576-2.258-1.576-3.625c0-1.364,0.523-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.363,0,2.572,0.527,3.625,1.576l73.448,73.447C170.338,122.426,170.865,123.635,170.866,125.001z"/></g></svg>');
      background-position: -6px -9px;

}
.ui-icon-seek-next-rotate90 {
 	width: 24px;
    height: 12px;
    position: relative;
    top: 15px;
    left: -26px;
    display: block;
    margin: 1px;
    float: left;
    transform: rotate(270deg);
	BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%237D8080" d="M80.711,121.375l73.448-73.447c1.053-1.049,2.262-1.576,3.625-1.576c1.367,0,2.576,0.527,3.625,1.576l7.881,7.88c1.053,1.052,1.576,2.261,1.576,3.625c0,1.367-0.523,2.576-1.576,3.625L107.349,125l61.94,61.941c1.052,1.052,1.576,2.263,1.576,3.625c0,1.367-0.524,2.576-1.576,3.625l-7.881,7.882c-1.049,1.051-2.258,1.575-3.625,1.575c-1.364,0-2.573-0.524-3.625-1.575L80.71,128.626c-1.049-1.049-1.576-2.258-1.576-3.625C79.135,123.635,79.662,122.426,80.711,121.375z"/></g></svg>');
    background-position: -6px -9px

}

.ui-icon-seek-next {
    width: 24px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%237D8080" d="M170.866,125.001c0,1.367-0.527,2.576-1.576,3.625l-73.448,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L142.651,125L80.71,63.058c-1.053-1.049-1.576-2.258-1.576-3.625c0-1.364,0.523-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.363,0,2.572,0.527,3.625,1.576l73.448,73.447C170.338,122.426,170.865,123.635,170.866,125.001z"/></g></svg>');
    background-position: -6px -9px;

}

.ui-state-hover .ui-icon-seek-next {
    width: 24px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%230C277D" d="M170.866,125.001c0,1.367-0.527,2.576-1.576,3.625l-73.448,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L142.651,125L80.71,63.058c-1.053-1.049-1.576-2.258-1.576-3.625c0-1.364,0.523-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.363,0,2.572,0.527,3.625,1.576l73.448,73.447C170.338,122.426,170.865,123.635,170.866,125.001z"/></g></svg>');
    background-position: -6px -9px;
}



.ui-icon-seek-end {
 width: 24px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%237D8080" d="M201.127,125.001c0,1.367-0.527,2.576-1.576,3.625l-73.447,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L172.915,125l-61.942-61.942c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.364,0.524-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.364,0,2.573,0.527,3.625,1.576l73.447,73.447C200.6,122.426,201.127,123.635,201.127,125.001z M140.604,125.001c0,1.367-0.526,2.576-1.576,3.625l-73.447,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L112.391,125L50.449,63.058c-1.053-1.049-1.576-2.258-1.576-3.625c0-1.364,0.523-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.363,0,2.572,0.527,3.625,1.576l73.447,73.447C140.077,122.426,140.604,123.635,140.604,125.001z"/></g></svg>');
    background-position: -9px -9px;

}

.ui-state-hover .ui-icon-seek-end {
 width: 24px;
    height: 12px;
    BACKGROUND-IMAGE: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><path fill="%230C277D" d="M201.127,125.001c0,1.367-0.527,2.576-1.576,3.625l-73.447,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L172.915,125l-61.942-61.942c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.364,0.524-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.364,0,2.573,0.527,3.625,1.576l73.447,73.447C200.6,122.426,201.127,123.635,201.127,125.001z M140.604,125.001c0,1.367-0.526,2.576-1.576,3.625l-73.447,73.447c-1.052,1.051-2.261,1.575-3.625,1.575c-1.367,0-2.576-0.524-3.625-1.575l-7.881-7.882c-1.052-1.049-1.576-2.258-1.576-3.625c0-1.362,0.524-2.573,1.576-3.625L112.391,125L50.449,63.058c-1.053-1.049-1.576-2.258-1.576-3.625c0-1.364,0.523-2.573,1.576-3.625l7.881-7.88c1.049-1.049,2.258-1.576,3.625-1.576c1.363,0,2.572,0.527,3.625,1.576l73.447,73.447C140.077,122.426,140.604,123.635,140.604,125.001z"/></g></svg>');
    background-position: -9px -9px;

} 

.ui-jqgrid .ui-pg-table td {
    font-size:14px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: 1px solid #ffffff;
    	background: #f5f5b5 !important;
    	color: #060200;
}

.ui-pg-div{
	
	width:32px;
	height:30px;
}

.ui-state-default .ui-icon-search {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/filter.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-search {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/filter_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-search.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/filter_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
}


.ui-state-default .ui-icon-clear-sort {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/sort.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-clear-sort {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/sort_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-clear-sort.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/sort_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
} 

		.ui-state-default .ui-icon-csv 
		{
			width: 100%;
    		height: 100%;
		    background-image: url(../../common/softeon-art/svg/CSV_icon.svg);
			background-size: 36px 36px;
    		background-position: -5px -5px;
			border-radius: 0px;
		} 
		
.ui-state-default .ui-icon-xlsx {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/xcel.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-xlsx {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/xcel_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-xlsx.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/xcel_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
} 

.ui-state-default .ui-icon-print-pdf {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/pdf.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-print-pdf {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/pdf_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-print-pdf.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/pdf_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
} 

.ui-state-default .ui-icon-print {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/print.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-print {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/print_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-print.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/print_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
} 

.ui-state-default .ui-icon-gear {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/customize.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-gear {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/customize_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-gear.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/customize_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
}

.ui-state-default .ui-icon-save {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/save.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-save {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/save_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}



.ui-icon-save.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/save_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
} 

.ui-jqgrid .ui-jqgrid-toppager {
height:34px !important;
}


.ui-state-default .ui-icon-pivot {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/pivot.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-state-hover .ui-icon-pivot {
    width: 100%;
    height: 100%;
    background-image: url(../img/svg/pivot_hover.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
}

.ui-icon-pivot.ui-state-disabled{
	
	width: 100%;
    height: 100%;
    background-image: url(../img/svg/pivot_disable.svg) !important;
	background-size: 36px 36px;
    background-position: -5px -5px;
	border-radius: 0px;
	
}  

#totDispTbl td {
    font-size: .75rem;
    font-weight: 400;
    text-shadow: none;
	white-space:nowrap;
}

.ui-icon, .ui-widget-content .ui-icon {
  /*  background-image: url(../images/ui-icons_444444_256x240.png);*/
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
    border: thin solid rgb(128,128,128);
}

.ui-icon-triangle-1-n {
    background-position: 0 -17px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.32;
}

.ui-jqgrid .ui-grid-ico-sort {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5); 
    transform: scale(1.5);
}

 #sortDiv1{
	 padding-top:8px; 
 }
 
 .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    line-height: 32px;
}

#htmlgrid tr:nth-child(even),.htmlgrid tr:nth-child(even),#list tr:nth-child(even),#WhseBldgData tr:nth-child(even){
    background: whitesmoke;
}

/*JQGrid Ends*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0c277d;
    border-color: #0c277d;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #0c277d;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.bootgrid-footer,#WhseBldgData-header {
 background-color: transparent !important;
 margin: 0 !important;
    padding: 1px !important;
	
}
#WhseBldgData td{
	border: 1px solid #dee2e6;
}
.bldgselhtmlDivGrid{
	padding-top: 0.4rem!important;
}

input-group>.input-group-append {
    z-index: 0;
    margin-left: -2px;
}
.input-group>* {
    max-height: 32px;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.pwdFieldSet{
			font-size: 10pt;
    		font-weight: bolder;
    		color: #1034A6;
		}
		
.color
{
	background-color: #c5c5c5;
}

.stats-bar {
    background-color: #fff;
    margin: 20px 0;
   
}
.stats-bar .stats-bar-title {
    display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='313px' height='78px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 52, 166)' d='M0.000,0.000 L283.000,0.000 L313.000,38.712 L283.000,78.000 L0.000,78.000 L0.000,0.000 Z'/%3E%3C/svg%3E");
   	background-position: right center;
    background-size: cover;
    margin-right: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    padding: 13px 32px 13px 16px;
}

.stats-bar .stats-bar-item {
    display: inline-block;
    margin-right: 35px;
    font-weight: 300;
    letter-spacing: .6px;
    color: #566372;
    text-transform: uppercase;
}

.stats-bar .stats-bar-item strong {
    font-size: 1.125rem;
    letter-spacing: .9px;
    color: rgb(16, 52, 166);
}
.stats-bar .stats-bar-item label {
    color: #767676;
}

.ui-widget-header
{
	background: #0c277d;
}

.ui-multiselect ul.selected li, .ui-multiselect ul.available li, .ui-multiselect .ui-state-hover {
    background: rgb(255, 255, 255);
    text-shadow: none;
    font-size: 0.75rem;
    font-weight: 400;
    border: thin solid rgb(204, 204, 204);
    color: black !important;
}
.table-hover tbody tr:hover {
    color: #000;
    background-color: rgb(245, 245, 181);
    transition: background-color .2s;
    opacity: .65;
}
.datepicker td 
{
	border-radius:0px !important;
	padding-right:1rem;
     padding-left:1rem;
}
.datepicker th
{
	border-radius:0px !important;
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover {
    background:#0c277d;
}
.ui-jqgrid tr.jqgrow :hover{
	    color: #000;
    background-color: rgb(245, 245, 181) !important;
    transition: background-color .2s;
    opacity:.65;
}

.ui-paging-info
{
	width:50% !important;
}
#list_toppager_center
{
	width:500;
}
#totDispDiv
{
	position:absolute;
}
.bgspec
{
	background-color:lightyellow !important;
}
.btnprim{
background-color: #0c277d;
}

.btnprim-color{
color: #0c277d;
}

.ajaxLoader {
    background-image: url(../img/ajax-loader.gif);
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    top: 31px;
    left: 39px;
    height: 100%;
}

.datepicker th:hover
{
	background-color: #0c277d !important;
}

/*.sData::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.sData::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.sData::-webkit-scrollbar-thumb
{
	background-color:#0c277d;
  height: 10px;
}*/
<!-- VERSION: 7.4.0.000.00 TIME: 1-Aug-2023 11:19:03 FILE: stylesheet.css REL_REV_NO:316850-->
<!-- VERSION: 7.3.0.000.00|P1922|THEME_PROCESS-X-0018| TIME 27-Jul-2023 03:28:50 FILE: stylesheet.css DEV:314010 REL:316326 -->
<!-- VERSION: 7.3.0.000.00|P1927|THEME_PROCESS-X-0018| TIME 27-Jul-2023 07:16:28 FILE: stylesheet.css DEV:314010 REL:316326 -->
<!-- VERSION: 7.4.0.000.10|P2|SCPCONFIG-P-0002-BASE_COMMON-0001| TIME 30-Apr-2024 03:04:03 FILE: stylesheet.css DEV:451 REL:952 -->