@charset "utf-8";
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

.noLinkStyle a:link {text-decoration: none;}
.noLinkStyle a:visited {text-decoration: none;}
.noLinkStyle a:active {text-decoration: none;}
.noLinkStyle a:hover {text-decoration: none;}

#tr10 td{padding:2px 5px;}
#tr11 td{background-color: #CCCCCC; padding:2px 5px;}

body {
	/*font: 100% Arial, Verdana, Helvetica, sans-serif ;
	font-size:.8em;*/
  background-image:url('../../includes/images/background.png');
  background-repeat:repeat-x;
/*	margin: 5 0 0 0;  it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2F2F2F;
}

input[type="button"], input[type="submit"] { 
    color:#ffffff; 
    background-color:#005991; 
	padding:3px 12px;
} 

h1 {font-size:1.5em;}                     
h2 {font-size:1.25em;}
h3 {font-size:1.1em; display: inline;}


table.file tr td {border-top:1px solid orange;}
/* tr.rc0 td {background-color: #FFFFFF; color: black; padding:3px 0px 3px 0px; margin:0px; border:none;}
tr.rc1 td {background-color: #F2F2F2; color: black; padding:3px 0px 3px 0px; margin:0px; border:none;} */
/*tr.rcr0 td {background-color: #C7D4E8; color: black; padding:3px 0px 3px 0px; margin:0px; border:none;}
tr.rcr1 td {background-color: #C7D4E8; color: black; padding:3px 0px 3px 0px; margin:0px; border:none;}*/
/*tr.rch td {background-color: #cccccc; color: black; padding:3px 0px 3px 0px; margin:0px; border:none;cursor:pointer;} 
tr.rch2 td {background-color: #cccccc; color: black; padding:3px 0px 3px 0px; margin:0px; border:none;} */
tr.rhd td {background-color: #FFFFFF; color: black; padding:3px 0px 3px 0px; margin:0px; border-top:1px solid #969696; vertical-align:top;}
td.chd { color: black; font-weight:bold;}
td.firstcol {width:50px;}
table.edt {width:70%; margin-left:15%; margin-right:15%; margin-top:20px; margin-bottom:10px; border-collapse:collapse;}
div.edt {width:80%; margin-left:15%; margin-right:15%; margin-top:5px; margin-bottom:10px; border:1px solid #969696; padding:10px;}
div.edtTitle { margin: 2% 0 0 14.6%;
    width: 70%;}
div.edtBtns {width:70%; margin-left:15%; margin-right:15%; margin-top:5px; margin-bottom:10px;text-align:right;}

/* .exitButtons {color:#FFFFFF; background-color: #005991; border: 2px outset #d7b9c9; font-size:1.25em; padding:2px 5px 2px 5px;}
.exitButtonsHover {color:#FFFFFF; background-color: #FFAE5E; border: 2px outset #d7b9c9;  font-size:1.25em; padding:2px 5px 2px 5px;} 
 .fileButtons {color:#FFFFFF; background-color: #005991; border: 2px outset #d7b9c9; font-size:1em; padding:2px 3px 2px 3px;}
.fileButtonsHover {color:#FFFFFF; background-color: #FFAE5E; border: 2px outset #d7b9c9;  font-size:1em; padding:2px 3px 2px 3px;} */

.startButton {color:#FFFFFF; background-color: #005991; border: 2px outset #d7b9c9; font-size:1.25em; padding:2px 5px 2px 5px;}
.startButtonHover {color:#FFFFFF; background-color: #FFAE5E; border: 2px outset #d7b9c9;  font-size:1.25em; padding:2px 5px 2px 5px;}

.grouping1{
         border: 1px outset #F6F6F6;
         background-color:#EEEEEE;
         padding: 4px;
         margin: 5px 0px 5px 0px;
}

.grouping1 #title {
   width: auto;
   background-color: #BAD7A6;
   color: #666666;
   font-weight: bold;
   padding: 3px 3px 3px 5px;
}

.tableInset{
   border: 0px;
   margin: 0px;
   padding: 0px;
}
.tableInset td{
   padding: 0px 4px 2px 4px;
}

.cellHead{
  background: #F0F0F0;
  border-width:1px;
  border-style:none none solid none;
  font-weight:bold;
}

li.sizeColor {margin-top: 10px;}
li.attribution{margin-top: 5px;}
li.attributionColor{margin-top: 2px;}

.oneColFixCtrHdr #container {
	width: 1160px;  /*SLIVE-2819*/ /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 #popupcontainer {
	background: #FFFFFF;
	text-align: left;
	padding:0px;
	margin:0px auto;
	scroll:auto;	
	height:auto;
	width:100%;
}
/*------------- Top Bar -------------------------------------------------------*/
.oneColFixCtrHdr   #topBar  {
	/*background-color: #704404;*/
	background-color: #005991; 
	padding: 5px 10px 5px 10px;
	/*color: #EBDDC3;*/
	color: #FFFFFF;
}
.oneColFixCtrHdr  #topBar a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
  font-size:1.3rem;
}
.oneColFixCtrHdr #topBar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*-------------Popup Top Bar -------------------------------------------------------*/
.oneColFixCtrHdr   #popup_topBar  {
	/*background-color: #704404;*/
	background-color: #005991; 
	padding: 5px 10px 5px 10px;
	/*color: #EBDDC3;*/
	color: #FFFFFF;
	text-align:right !important;
	margin:0px;
	 text-align:right;
	
}
.oneColFixCtrHdr  #popup_topBar a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.oneColFixCtrHdr #popup_topBar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*------------- Main Menu -------------------------------------------------------*/
.oneColFixCtrHdr #mainMenu  {
	background-color: #005991;
	border-top: 1px solid #FFFFFF;
  padding: 5px 10px 5px 10px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
.oneColFixCtrHdr #mainMenu  a {
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #mainMenu a:hover {
	text-decoration: underline;
}

.oneColFixCtrHdr #mainMenu .opposite {
	color: #FFFFFF;
	text-decoration: underline;
}
/*---------  BEGIN NEW MENU STYLE ----------------------------------------------------*/
.sub-menu {
  background-color: #005991; 
  margin-left:-10px;
  margin-right:-10px;
  padding: 3px 0px 3px 15px;
  text-align:center;
  border-top:1px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 19px;
}
.menuS1  {
  	background-color: #005991; 
  	margin-left:-10px;
  	margin-right:-10px;
  	padding: 3px 0px 3px 15px;
  	text-align:center;
  	border-top:1px solid #FFFFFF;
  	color: #FFFFFF;
        line-height: 19px;
  }
  .menuS1  a {
  	color: #FFFFFF;
  	font-weight:bold;
  	text-decoration: none;
  }
  .menuS1  a:hover {
  	color: #FFFFFF;
  	text-decoration: underline;
  }
  .menuS1Inv  {
  	color: #005991;
  	font-weight:bold;
  	text-decoration: none;
  	padding:5px;
    background-color:#FFFFFF;
  }
  .menuS1Inv a {
  	color: #005991;
  	font-weight:bold;
  	text-decoration: none;
  	padding:5px;
    background-color:#FFFFFF;
  }
    .menuS1Inv a:hover {
  	color: #005991;
  	font-weight:bold;
  	text-decoration: underline;
  	padding:5px;
    background-color:#FFFFFF;
  }
/*---------  END NEW MENU STYLE ----------------------------------------------------*/
.oneColFixCtrHdr #header {
	background: #FFFFFF;
  text-align: center; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding:0px 10px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 5px 10px 5px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#704404;*/
	background: #005991; 
        /*margin-top:10px;*/
	color: #FFFFFF;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColFixCtrHdr #popup_footer {
	padding: 5px 10px 5px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#704404;*/
	background: #005991; 
      bottom:0;
	color: #FFFFFF;
	
}
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
.errormsg{
  color:  #FF8000;  
  font-weight:bold;
}

.successmsg{
  color:  #3CB371;  
  font-weight:bold;
}
/* --------- BEGIN CALANDER POPUP ----------------------------
/* the div that holds the date picker calendar */
.dpDiv {
	}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: white;
	border: 1px solid #AAAAAA;
	}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* --------- END CALANDER POPUP ---------------------------- */

/* New CSS added */

.mrgntop5 {
    margin-top:5px;
    }
    
.mrgntop10 {
    margin-top:10px;
    }
    
.mrgnbottom10 {
    margin-bottom:10px;
    float:left;
}    
    
.mrgnlft10 {
 margin-left:10px;   
}    
    
.clear {
    clear:both;
    }    
    
.left {
 float:left;   
}

.right {
 float:right;
}

.pdglft10 {
 padding-left:10px;
}

.pdglft5 {
 padding-left:5px;   
}

.pdgright10 {
 padding-right:10px;
}

/*.txtdashboardcolor {
    color:#004A82;
}

 .headerfilter {
    height:20px;background-color:#D0D0D0;
}*/

.mrgntop5 > input {
    width: 153px;
}
.mrgntop7 > input {
    width: 153px;
}


.mrgntop5 > select {
    width: 153px;
}
.mrgntop10 > select {
    width: 153px;
}

.filter{
  border:1px solid #969696;
  width:170px;
  padding:7px;
  background-color:#f9f9f9;
  margin-right:7px !important;
  margin-bottom:10px;
  position: relative;
  float:left;
  }
  .row_class
  {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #E1E1E1;
    color: #20437B;
    font-size: 15px;
    padding: 3px;
	font-weight:bold;
 }
 #leadtbl input {
    border: 1px solid #C1C1C1;
}
.margin_top
{
margin-top:10px;
}
/* -------------- general css written by Amit ----------------------- */
.headingBar{background-color:#f0f0f0; color: #000; display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
	 padding: 10px 15px;
	 border:1px solid #ddd; border-collapse:collapse;}

.panel-default > .panel-heading {
    background-color: #e7e7e7 !important;
    border-color: #ddd;
    color: #023c61 !important;
	/* box-shadow:0 2px 0 0 #fff inset, 0px 1px 2px #ccc;
	-webkit-box-shadow: 0 2px 0 0 #fff inset, 0px 1px 2px #ccc;
	-moz-box-shadow: 0 2px 0 0 #fff inset, 0px 1px 2px #ccc;
	-o-box-shadow: 0 2px 0 0 #fff inset, 0px 1px 2px #ccc; */
}
/* #redBar{background-color:#ac292f; color:#fff;}
#yellowBar{background-color:#d8ba1a; color:#fff;}
#greenBar{background-color:#349876; color:#fff;} */
#headingBarDis{background-color: #e2f3fb;}
.announcement{height:62px; overflow:auto; }
table tr.rowHeading td{background-color: #f5f5f5 !important;
    border-color: #ddd;
    /* box-shadow: 0 2px 0 0 #fff inset, 0 1px 2px #ccc; */
    color: #023c61;
    font-weight:bold;}
/* table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #dedede;
} */
.annouceHeight{ max-height: 283px; overflow: auto;}
.annouceHeight table{margin-bottom:0px;}

#ex3::-webkit-scrollbar-thumb{
background-color:#B03C3F;
border-radius:10px;
}
#ex3::-webkit-scrollbar-thumb:hover{
background-color:#BF4649;
border:1px solid #333333;
}
#ex3::-webkit-scrollbar-thumb:active{
background-color:#A6393D;
border:1px solid #333333;
} 
input, button, select, textarea,submit {
margin: 5px 3px !important;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
padding: 1px 3px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input[type="button"]:hover:not([disabled]){ background-color: #3071a9;border-color: #285e8e;color: #fff;}
button[disabled]{opacity: 0.4;cursor: not-allowed !important;}
html input[disabled]{background-color: #f0f0f0;}
table.solar tr td span#fileUploader > input {
    display: inline-block;
    padding: 0 10px;
}
.table_Sys_Info{
border: 1px solid rgb(221, 221, 221); margin: 15px 0px; padding: 5px;}
#divid #strings tr td {
    padding: 2px;
}
.ui-widget-content{border:0px !important;}
.ui-tabs .ui-tabs-nav { background-color: #f9f9f9  !important; border:0px  !important;}
/*.pagination > td  {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > td > a:hover {
 background-color: #fff;
    border-color: #ddd;
    color: #777;
    cursor: not-allowed;
}
*/
#editUser select.col-lg-5{float:none;}
#monthlyConsum input {
    padding: 1px 7px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-right:0 px !important;}

.circle { width: 26px; height: 26px; background: #005991; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } 
.tooltip-inner {background-color:#005991 !important;}
.tooltip.top .tooltip-arrow { border-top-color: #005991  !important;;}
.tooltip.top-left .tooltip-arrow {border-top-color: #005991  !important;;}
.tooltip.top-right .tooltip-arrow {border-top-color: #005991  !important;;}
.tooltip.right .tooltip-arrow {border-right-color: #005991  !important;;}
.tooltip.left .tooltip-arrow {border-left-color: #005991  !important;;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #005991  !important;;}
.tooltip.bottom-left .tooltip-arrow {border-bottom-color: #005991  !important;;}
.tooltip.bottom-right .tooltip-arrow {border-bottom-color: #005991  !important;;}
.IconText{ color: #fff;   font-weight: bold;   padding: 5px; text-align:center; }
.Taskhead{font-weight:bold; padding:7px 0;}
.IconRed{background-color:#f47c7c ;}
.IconOrange{background-color:#FFA953 ;}
.IconGreen{background-color:#77b8a2 ;}
.IconYellow{background-color:#e2d171 ;}
.IconGrey{background-color:#9a9494;}
.IconRose{background-color:#bf9c9c;}


.table {margin-bottom: 0px !important;}
.filter_style{
background: none repeat scroll 0 0 #fff;
    border: 2px solid lightgray;
    box-shadow: 0 0 6px #ccc;
    display: table;
    float: right;
    position: absolute;
    right: 3px;
    top: -8px;
    width: 160px;
	}



ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;}
ul#css3menu,ul#css3menu .submenu{
	xbackground-color:#005991;border-width:0;border-style:solid;}
ul#css3menu .submenu{
	display:none;position:absolute;left:0;top:100%;float:left;xbackground-color:#25333b;border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;-webkit-border-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;padding:0px 1px 11px;}
ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative;}
ul#css3menu ul .submenu{
	position:absolute;left:100%;top:0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
ul#css3menu{
	xpadding:10px 10px 10px 0;display:block;font-size:0;float:left; padding-left:0px; xbox-shadow: 0 0 6px #ccc;}
ul#css3menu ul.filterList{box-shadow: 0 0 6px #ccc; background-color:#fff;  position: relative;
    top: -7px;}	
ul#css3menu ul{
	xpadding:0 10px 10px; padding:0px;}
ul#css3menu .column{
	float:left;}
ul#css3menu li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu>li,ul#css3menu li{
	xmargin:0 0 0 10px;}
ul#css3menu ul>li{
	margin:10px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Arial,Helvetica,sans-serif;xcolor:#DDDDDD;cursor:default;padding:8px 6px;xbackground-color:#000000;background-repeat:repeat;border-width:0px;border-style:none;}
ul#css3menu ul li{
	float:none;margin:1px 0 0;}
ul#css3menu ul li:nth-child(2n+1){border:#ccc; background-color:#f9f9f9;}	
ul#css3menu ul a{
	text-align:left;padding:8px 15px;xbackground-color:#99bdd3;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12px Arial,Helvetica,sans-serif;xcolor:#9ed9b3;text-decoration:none; xcolor:#fff;}
ul#css3menu li:hover>a{
	xbackground-color:#005991;xborder-style:none;xfont:14px Arial,Helvetica,sans-serif;xcolor:#EEEEEE;xtext-decoration:none;}
ul#css3menu img{
	border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu ul span{
	background-image:url("arrowsub.png");padding-right:24px;}
ul#css3menu ul li:hover>a{
	xbackground-color:#fff;border-style:solid;border-color:#ddd;font:12px Arial,Helvetica,sans-serif;color:#005991;text-decoration:none;}
ul#css3menu.topmenu{
	border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
ul#css3menu li.topmenu>a{
	xheight:26px;xline-height:26px;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
ul#css3menu li.topmenu:hover>a{
	xline-height:26px;}
ul#css3menu li.toproot>a{
	height:26px;line-height:26px;border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu li.toproot:hover>a{
	line-height:26px;}
.titleB{font-weight:bold; color:#194d6d; font-size:12px;}

.UnscheduledBg
{   background-color: #fcf8e3;
    box-shadow: 0 0 6px #ccc;
    margin: 4px;
    min-height: 622px;
    padding: 4px;
}
.xgreyBg{background-color:#e6e6e6;}
.removeSpace{margin:0px !important; padding: 0px !important;}
.mar15{margin-top:15px;}
.InspectionTable{margin-bottom:10px;}
.InspectionTable td.topBorder{border-top:0px !important;}
.Inspec th, .InspecData th {text-align:center; vertical-align:middle !important; background-color:#efefef;}
.Inspec .form-control {padding:0px; height:22px;}
.InspecData td{line-height:32px; background-color:#f6f6f6;}
.totalAmount{font-weight:bold; vertical-align:middle !important;}
.lineHeight{line-height: 17px !important;}
div.edt_large {width:87%; margin-left:6%; margin-right:15%; margin-top:5px; margin-bottom:10px; border:1px solid #969696; padding:10px;}
div.edtTitle_large { margin: 2% 0 0 5.6%; width: 70%;}
.select_opt_bg_green{font-weight:bold; color:#9DC007;}
.select_opt_bg_red{font-weight:bold; color:#F45D79;}
.select_opt_bg_yellow{font-weight:bold; color:#F9BA65;}
.active_sort{font-weight:bold;}

.modal-popup-content {
  position: relative;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.notify_dialog{	
	border:2px solid silver !important;	
}
#divTotal{
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
background-color: #f4f4f4;
border: 1px solid #ccc;
margin: 10px auto;
padding: 10px;
text-align: center;
font-size: 100%;
font-size: 20px;
}
#sysLossTotal{
color: #0090ff;
font-family: arial,sans-serif;
font-size: 40px;
}
#dHelp{
border: 1px solid #cccccc;
clear: right;
margin-top: 20px;
padding: 5px;
text-align: left;
}
#dHelp dt {
    color: #003a68;
    font-family: arial,sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 10px;
}
.sizeButton{padding:5px ; background:rgba(228,223,215,0.5); color:black; position:absolute; z-index:9999; top:10px; right:10px;}
.sizeButton:hover{background:rgba(228,223,215,0.8); cursor:pointer;}
.blink_me {
	padding: 4px;
  }
.tdBgcolor{
	background-color: #fdb938;
	text-align: center;
	color:blue;
}

/*=====================================*/
/*=== new UI - start ===*/
/*=====================================*/

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*=== panel CSS - start ===*/
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default {
  border-color: #ddd;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
/*=== panel CSS - end ===*/

.oneColFixCtrHdr #container {
	width: 100%;
	background: #fff;
	margin: 0 auto;
	border: 1px solid #ccc;
}
.oneColFixCtrHdr #topBar {
    padding: 0;
}
.blink_me {
    display: block;
    padding: 2px;
    text-align: center;
    font-size: 10px;
    margin: 0;
    font-weight:600;
}
.blink_me br {
    display: none;
}
.header-top-Wrapper {
    padding: 3px 10px 0px 10px;
}
.companyName {
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}
.rightAction {
    float: right;
}
.rightAction > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.header-top-Wrapper:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
div#welcomegrid {
    position: relative;
    display: inline-block;
}
div#welcomegrid .userName {
    width: 24px;
    height: 24px;
    background: #fff;
    text-align: center;
    color: #005991;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
}
div#welcomegrid .userName:after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    left: -4px;
}
.userDropDown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    display: none;
}
div#welcomegrid:hover .userDropDown{
	display: block;
}
.userDropDown ul.filterList {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    width: 220px;
    color: #000;
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
	overflow: auto;
}
.oneColFixCtrHdr #topBar .userDropDown ul.filterList a {
    color: inherit;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
	text-decoration: none !important;
}
.oneColFixCtrHdr #topBar .userDropDown ul.filterList a:hover{
	background-color: #f1f1f1;
}
.oneColFixCtrHdr #topBar .userDropDown ul.filterList a img {
    margin-right: 5px;
}
.rightAction {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.rightActionFIlter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.searchWrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.searchWrapper input#searchId {
    display: block;
    margin: 0 !important;
    padding: 3px 5px;
    font-size: 12px;
    border: 0;
    outline: none;
}
.searchWrapper input#filterProjects {
    font-size: 12px;
    line-height: 23px;
    border: 1px solid #fff;
    height: 24px;
    padding: 0 10px;
    margin: 0 !important;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
}
div#quickSearchDiv {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    overflow: auto;
    max-height: 450px;
}
.rightActionFIlter select#portalName {
    margin: 0 !important;
    height: 24px;
    border-radius: 4px;
    font-size: 12px;
    border: 0;
	cursor: pointer;
}

div#searchProgress {
    overflow: hidden;
    width: 24px;
    height: 24px;
}
.lds-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: scale(0.3);
	transform-origin: 0 0;
}
  .lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #fff;
  }
  .lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
  }
  @keyframes lds-spinner {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }
.headerMenu {
    padding: 0 3px 10px;
}
.oneColFixCtrHdr #topBar .headerMenu a {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.oneColFixCtrHdr #topBar .headerMenu a:hover{
	text-decoration: underline;
}
div#welcomegrid .userDropDown ul.filterList svg {
  display: block;
  float: left;
  margin-right: 10px;
}
.oneColFixCtrHdr #footer {
  text-align: center;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #005991;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #002a45;
}

.panel-info > .panel-heading:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}

@media(min-width:801px){
  .headerMenuBtn{
    display:none;
  }
  .headerMenu{
    display: block !important;
  }
  .companyName > img {
    display: none;
  }
}

@media(max-width:1000px){

}

@media(max-width:800px){
  /* .custom-leftPanel{
    width: 100% !important;    
  }
  .custom-rightPanel {
    width: 100% !important;
    margin-left: 0 !important;
  } */

  .companyName > span {
    display: none;
  }
  .marquee {
    height: 25px;
    overflow: hidden;
    position: relative;
}

  .marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 15px;
    text-align: center;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite;
    white-space: nowrap !important;
  }

  @-moz-keyframes scroll-left {
      0% {
          -moz-transform: translateX(100%);
      }
      100% {
          -moz-transform: translateX(-100%);
      }
  }

  @-webkit-keyframes scroll-left {
      0% {
          -webkit-transform: translateX(100%);
      }
      100% {
          -webkit-transform: translateX(-100%);
      }
  }

  @keyframes scroll-left {
      0% {
          -moz-transform: translateX(100%);
          -webkit-transform: translateX(100%);
          transform: translateX(100%);
      }
      100% {
          -moz-transform: translateX(-100%);
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
      }
  }

  .rightAction {
    float: none;
    justify-content: space-between;
}
  .companyName {
    float: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin: auto;
    margin-top: 10px;
}
  .headerMenuBtn {
    display: block;
    width: 40px;
    border-radius: 5px;
    height: 30px;
    position: relative;
    cursor: pointer;
    margin-right: -8px;
}
.headerMenuBtn:hover {
  background: rgba(255,255,255,0.2);
}
  .headerMenuBtn span {
    position: absolute;
    top: 50%;
    left: 10px;
    width: calc(100% - 20px);
    height: 2px;
    background: #fff;
    transform: translateY(-50%);
  }
  .headerMenuBtn span:before,.headerMenuBtn span:after {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
  }
  .headerMenuBtn span:after{
      top: 7px;
  }
  .oneColFixCtrHdr #topBar .headerMenu a {
    display: block;
    text-align: center;
  }
  .headerMenu {
    background: rgba(0,0,0,0.2);
    display: none;
  }
  body.activeHeaderMenu .headerMenu {
    display: block;
  }
  body.activeHeaderMenu .headerMenuBtn span {
    background: transparent;
  }
  body.activeHeaderMenu .headerMenuBtn span:before,  body.activeHeaderMenu .headerMenuBtn span:after {
    transform: rotate(45deg);
    top: 0;
  }
  body.activeHeaderMenu .headerMenuBtn span:after{
    transform: rotate(-45deg);
  }
}

@media (max-width:380px){
  .searchWrapper {
    width: 150px;
  }
  input#searchId {
    width: 100%;
  }
}

/*=====================================*/
/*=== new UI - end ===*/
/*=====================================*/
/* nav bar  */
.navbar {
  position: relative;
  padding: .5rem 1rem
}

.navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
  text-decoration: none
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none
}

.navbar-text {
  display: inline-block;
  padding-top: .375rem;
  padding-bottom: .375rem
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat 50%;
  background-size: 100% 100%
}

@media (max-width: 575.98px) {
  .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-sm .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
      display: none
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-md .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
      display: none
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-lg .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
      display: none
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-xl .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
      display: none
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
  padding-right: 0;
  padding-left: 0
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl {
  flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
  display: flex!important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
  color: #222230
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(20,20,31,.4)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
  color: #363642
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: #a6abbd
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
  color: #346cb0
}

.navbar-light .navbar-toggler {
  color: rgba(20,20,31,.4);
  border-color: #363642
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(20, 20, 31, 0.4)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
  color: rgba(20,20,31,.4)
}

.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
  color: #346cb0
}

.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
  color: #f6f7f9
}

.navbar-dark .navbar-nav .nav-link {
  color: hsla(0,0%,100%,.8)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: hsla(0,0%,100%,.6)
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff
}

.navbar-dark .navbar-toggler {
  color: hsla(0,0%,100%,.8);
  border-color: #fff
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
  color: hsla(0,0%,100%,.8)
}

.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
  color: #fff
}
.navbar-dark .navbar-nav .nav-link {
  color: rgb(255 255 255) !important;
}
.dropdown-menu{
  font-size: 1.3rem !important;
  max-height: 70vh; /* Set the maximum height of the dropdown */
  overflow-y: auto; /* Add a vertical scrollbar when needed */
}
.dropdown-item:active {
  background-color:#005991 !important;
}
.navbar-dark ul {
  margin-top: 0px!important;  
}

/* SAMINT-648 start style */
/* custom table for tooltip */
.tooltip-inner {
  max-width: 300px !important; /* Allow tooltip to expand as needed */
  width: 300px !important; /* Set a fixed width for the tooltip */
  white-space: normal;
}
.cp-profile-request .table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.cp-profile-request .table-header {
  background-color: #f8f9fa;
  font-weight: bold;
  
}
.cp-profile-request .table-row {
  display: table-row;
}
.cp-profile-request .table-cell {
  display: table-cell;
  padding: 3px;
  color: white;
  border: 1px solid #dee2e6;
  text-align: left;
}
.cp-profile-request .table-header .table-cell {
  background-color: #007bff;
  color: white;
  border: 1px solid #007bff;
  text-align: center !important;
}

/* SAMINT-648 end style */

input[readonly] {
    cursor: not-allowed;
}