@charset "utf-8";
/* CSS Document */
.small{font-size:12px;}
.footer .bullets li a {text-decoration:none; color:#fff;}
.newsletter {
    border: 2px solid whitesmoke;
    margin-bottom: 8px;
    padding: 20px;
}
.footer {
  height:auto;
  display:block;
  padding: 19px;
  margin-bottom: 0px;
  margin-top:30px;
  
  border: 0px solid #e3e3e3;
  color:#fff;
}

.heading {
	background:url(../images/heading.png) no-repeat;
  background-position:bottom left;
  line-height:35px;
  font-size:25px;
}

/*.headerRow{ height:100px;}*/




.active{font-weight:bold; font-style:italic;}
.nav li:hover{font-weight:bold; font-style:italic;}

.search_rst{position:absolute; z-index:10; border:#ACACAC solid 1px; background-color:#FFF; width:100%; padding:4px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; min-height:50px; max-height:150px; overflow:auto; display:none; margin-top:-10px;}

.search_rst li:focus{background-color:#DBE377; font-weight:bold;}

.content-area{min-height:500px;}

table {
	width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: #dddddd solid 1px !important;
}

.table thead > tr > th {
    vertical-align: top;
    padding: 8px;
	line-height: 1.1623;
	border-top: 1px solid #dddddd;
}

table tr th {
    color: #000000;
	text-align: center;
	background-color:#eeeeee;
	border-right: 1px solid #dddddd;
}

.table > tfoot > tr > td {
    white-space: nowrap;
}

.table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 5px;
    line-height: 0.9;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	font-size:13px; font-family:Verdana, Geneva, sans-serif;
}

.custab > tbody > tr:hover  {
    background-color: #e6ee9c !important;
}

.smltable thead > tr > th, .smltable tbody > tr > td, .smltable tfoot > tr > td {
    padding: 5px;
    line-height: 13px;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	font-size:10px; font-family:Verdana, Geneva, sans-serif;
}
.revised_high_light{ background-color: #e9ad54 !important;}
.row_dark{ background-color: #E8E8E8;}
.row_error{background-color: #e53935;}
.calc_error{background-color:#ea703a;}
.row_error_btn{background-color: #e53935; animation: blink 3s infinite;}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.alert-success {
    background-color: #dff8e3;
    border-color: #caf4ca;
    color: #4cd964;
	line-height:3;
	position: absolute;
    z-index: 10;
    left: 150px !important;
}



.alert-failed {
    background-color: #e57373;
    border-color: #d32f2f;
    color: #000000;
	line-height:3;
	position: absolute;
    z-index: 10;
    left: 150px !important;
}

.btn-small{ background-color:#FFF !important; color:#000 !important;height: 29px !important; line-height: 33px !important; padding:0px 8px 2px 8px !important; border-radius: 7px !important;}

.popupDv{background-color:#DFE0DE; position:absolute; z-index:10; width:80%; border:#999 solid 1px; padding:5px; margin-left:10px; margin-top:70px; border-radius:7px; max-height:120px; overflow:auto; display:none;}
.popupDv ul li{border-bottom:#999 dotted 1px; line-height:30px; cursor:pointer;}

.notificationBox{ float: right;
    /*left: 690px;*/
    margin-right: 130px;
	position: absolute;
    /*top: 50px;*/
    width: 100%;
    z-index: 25;
	font-size:12px;
	background-color:#FFF;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	-webkit-box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); -moz-box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); border:#4E8ACD solid 1px; display:none;
	}
.info-DV{position:absolute; background-color:#CCC; padding:4px; border:#ddd solid 1px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); -moz-box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); border:#4E8ACD solid 1px; display:none; width:400px; z-index: 15; margin-left: 80px; max-height: 250px; overflow-y: scroll;}

.notesDV{position:absolute; background-color:#CCC; padding:4px; border:#ddd solid 1px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); -moz-box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); box-shadow: 6px 7px 6px rgba(34, 34, 27, 0.5); border:#4E8ACD solid 1px; display:none; width:375px; z-index: 15; margin-left: 80px;}

.item_row{ padding:10px; background-color:#EAEAEA; margin:10px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:solid 1px #A1A1A1;}
.row_short{ margin-bottom:0px !important;}
.ip_fld_mg{margin-top:0px !important;}
.ipfld{margin-bottom:0px !important}
.ipfld1{margin-bottom:0px !important; margin-top:-18px !important}
.ipfld label active{top:10px !important;}
.itm_popup{ background: white; margin-top:15px; max-height:100px; overflow:auto;}

.tbl{ text-align:left; border-bottom:#DDDDDD solid 1px; border-right:#DDDDDD solid 1px; height:60px;}
.tbl_hdr{ padding:4px; text-align:center; border-top:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; line-height: 1.1623; vertical-align: bottom; color: #688a7e; background-color: #eeeeee; font-weight: bold;}
.tbl_body{ padding:4px; text-align:left; border-top:#DDDDDD solid 1px; border-left:#DDDDDD solid 1px; line-height: 1.1623; vertical-align: bottom;}

.brdbtmgry li{border-bottom:#D9D9D9 solid 1px;}
.brdbtmgry a:hover, .brdbtmgry a:active, .brdbtmgry a:focus {border-bottom:#00FF00 solid 2px;}
.vendor-info{ background-color:#c5cae9; height:400px; max-height:400px; overflow:auto; margin-top:20px; border:#303f9f solid 1px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#3949ab;}
.vendor-info span{ text-align:center; font-weight:bold;}

.atten-body{ height:25px; background-color:#ECECEC; width:25px; border-bottom:#D3D3D3 solid 1px;  border-right:#D3D3D3 solid 1px; text-align:center; vertical-align:middle;}
.atten-body-sel{ height:25px; background-color:#E0E0E0; width:25px; border-bottom:#D3D3D3 solid 1px;  border-right:#D3D3D3 solid 1px; text-align:center; vertical-align:middle;}
.top-header{width:70%; background-color:#222736; color:#FFFFFF; border-radius:10px 35px 0px 0px; color:white; height:30px; padding:4px 10px;}
.popup-atten{position:absolute; margin:30px 30px 30px 30px; background-color:#6495ed; border:#0b285a solid 1px; border-radius:4px; padding:3px; display:none;}
.atten-body1{ height:25px; background-color:#CAC2AD; width:50px; border-bottom:#D3D3D3 solid 1px;  border-right:#D3D3D3 solid 1px; height:25px; text-align:center; vertical-align:middle;}

.ipfld1{height:22px !important; text-align:left; margin-top:0px !important;}
.ipfld_nw{margin:4px 0px 4px 0px !important; height:20px !important;}
.side-header{ border-bottom:#CCCCCC solid 1px;  border-right:#CCCCCC solid 1px; height:25px; padding: 0px 4px;}
.side-header-emp{ border-bottom:#D3D3D3 solid 1px;  border-right:#D3D3D3 solid 1px; height:25px; font-size:10px; width:250px; background-color:#222736; color:#FFFFFF; padding:0px 5px; white-space:nowrap;}

.add_measurement_dv{background-color:#A0D7E7; border:#3898A9 solid 1px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:2px !important;}
.measurement_header1{border-right:#3898A9 solid 1px; border-bottom:#3898A9 solid 1px; font-weight:bold; color:#3898A9; text-align:center;}
.measurement_headerLst{border-bottom:#3898A9 solid 1px; font-weight:bold; color:#3898A9; text-align:center;}
.measurement_fld1{border-right:#3898A9 solid 1px; border-bottom:#3898A9 solid 1px;}
.measurement_fldLst{border-bottom:#3898A9 solid 1px;}

.dt-header{border-right:#CBCBCB solid 1px; border-top:#CBCBCB solid 1px; border-bottom:#CBCBCB solid 1px; font-weight:bold; font-size:10px; text-align:center; padding-left:0px; padding-right:0px;}

.dt-header0{border-right:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px; font-weight:bold; font-size:10px; text-align:center; padding-left:0px; padding-right:0px;}

.dt-body{border-right:#CBCBCB solid 1px; border-bottom:#CBCBCB solid 1px; padding-left:2px !important; padding-right:2px !important;}

.user-dt-size{ font-size:11px !important;}

.help_popup_outer{display: none; width: 416px; position: absolute; margin-left: 100px; border: 8px solid rgba(00, 00, 00, .3); border-radius: 8px; z-index:20;}

.help_popup_inner{width: 400px; background-color: lavender; padding: 4px; font-style: italic; font-family: serif; text-align: justify; left: 350px; top: 40px; position:absolute; z-index:12; border: 8px solid rgba(00, 00, 00, .3); border-radius: 8px; max-height:300px; overflow:auto;}

.contra-background{ background:#fbf2d9;}
.recept-background{background:#cfd8dc;}
.item_desc{
	display: none; 
    position: relative;
    background-color: #dddddd;
    border: #cccccc 1px solid;
    border-radius: 4px;
    padding: 2px;
	font-size:12px;
    width: 300px;
	}
	
.ra-siteTitle{position: absolute; width: 90%; text-align: right; z-index: 50; margin-top: 8px; font-weight:bold; color:blue; margin-left:50px;}
.ra-preserved{position: absolute; width: 50%; text-align: right; z-index: 50; margin-top: 8px; font-weight:bold; color:blue; margin-left:50px;}	

/********* Action alert popup ********************/
.pg_modified{background: #222736; color: #fff;}
.pg_added{background: #2979ff; color: #fff;}
.pg_delete{background: #e53935; color: #000;}
.pg_payed{background: #AB2281; color: #C2C3D6;}
span.border {
    
    height: 4px;
    background: green;
    display: block;
    -webkit-animation: mymove 20s linear ;
    animation: mymove 20s linear ;
    position: relative;
}

.elementToFadeInAndOut {
   display: block;
    /*width:400px;*/
	width:60%;
    -webkit-animation: fadeinout 30s linear forwards;
    animation: fadeinout 30s linear forwards;
    margin-top: 10px;
	margin-left:250px;
	position:absolute;
	z-index:20;
}

@-webkit-keyframes fadeinout {
   0% { opacity: 1; }
  50% { opacity: 1; }
  80% { opacity: 0.3;}
  100% { opacity: 0; }
}

@keyframes fadeinout {
    0% { opacity: 1; }
  50% { opacity: 1; }
  80% { opacity: 0.3;}
  100% { opacity: 0; }
}



@-webkit-keyframes mymove {
  from {width: 0%;}
  to {width: 100%;}
}

@keyframes mymove {
  from {width: 0%;}
  to {width: 100%;}
}



.contentbox .row2 {
    display: flex;
}
.contentbox .row2 .col1:nth-of-type(1) {
    width: 50px;
	padding-top:15px;
	padding-left:10px;
    border-right: 1px solid #fff;
    margin-right: 15px;
}

.contentbox .row2 .col1:nth-of-type(1) .fa {
    font-size: 24px;
}
.contentbox .row2 .col1 {
    padding: 5px; /*15*/
}
.contentbox .row2 .col1 h4 {
    margin: 0;
    font-size: 20px;
    /*line-height: 30px;*/
	line-height: 10px;
}
.contentbox .row2 .col1 p {
    font-size: 16px;
    line-height: 26px;
}

/********* Action alert popup ends ********************/