@CHARSET "ISO-8859-1";
@charset "utf-8";

.inputbox-err {
	background: #F7C9D0 !important;
}

.in_jqx-grid-cell-alt {
    background: #ECF5FF;  
 }
.in_jqx-grid-cell-uneditable {
    background: #c7c7c7;
}
.jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #3276b1 !important; color: white;}
.in_page-function-bar{
    background: #578ebe !important;
    color: #FFFFFF !important;
}
.in_page-bar {
    border-bottom: 1px solid #e7ecf1;
    height:30px; 
}
.in_page-functionname .in_caption-subject{
    float : left;
    margin-left: 8px;
    margin-top: 0px;
}
.in_page-functiondatetime{
    margin-top : -20px;
}
.in_pull-right {
    margin-right: 4px;
    text-align: right;
    margin-top: 0px;
}
.in_title-center{
    padding-top:5px !important;
}
.in_caption-subject {
    font-size: 14px;
}
.in_fa-list {
	float: left;
    margin-left: 10px;
    margin-top: 4px;
}
.in_grid-head-required::before {
    content: "*";
    color: red;
    margin-right: 5px;
    vertical-align: middle;
}
.in_jqx-grid-column-header {
    white-space: normal !important;
}
.in_cell-flag-error {
  position: relative;
}
.in_in_cell-flag-error:before {
  content: "";
  width: 0;
  height: 0;
  border: 9px solid transparent;
  position: absolute;
  top: -7px;
  left: -7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom-color: #DF2227;
}
button,input,optgroup,select,textarea{margin:0;font:inherit;color: black;}
.in_form-group.in_required .in_ui-label::before {
    content: "*";
    color: red;
}


.in_form-horizontal{
	height:100% !important;
	width:100% !important;
}
.in_margin-top5{
	margin-top:5px;
}
.in_middleHeader{
	margin-top: 4px;
	margin-bottom: 4px;
	min-height: 30px !important; 
}
.in_divBorder {
    border: 1px solid #dcdcdc !important; 
}
.in_detailPage-css{
	overflow-x:hidden;
	border-radius:0px !important;
}
 .in_divScroll{
	margin-bottom:5px;
	width:100%;
	overflow-y:hidden;
	border:1px solid;
} 

.in_page-functionname .in_caption-subject{
	font-size: 16px;
	margin-top:4px !important;
}
.in_subWindows-css{
	border:0px !important;
	max-height:100% !important;
	height:100% !important;
	max-width: 100% !important;
	width: 100% !important;
}
.in_subWindows-css .in_jqx-window-content{
	padding:0px!important;
	width:auto !important;
}
/* iframe height*/
.in_subWindow-height .in_jqx-window-content{
	height:101% !important;
}
.in_label-tab{
	
	padding:5px 0px 5px;
	font-size:12px;
}
.in_jqx-fill-state-pressed{
	font-family:inherit;
	color: #ffffff  !important;
	background:#3276b1 !important;

}
.in_container-fluid{
	padding-right: 10px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	height:100%;
}
.in_iframeNoBorder{
	border-style:none;
	margin:0px;
	padding:0px;
	border: 0px;
	height:99.5%;
	width:100%;
}
input[type=text].in_jqx-input, input[type=password].in_jqx-input{
	padding-right:0px !important;
	padding-left:0px !important;
}
.in_row{
	margin-left:0px !important;
	 margin-right:0px !important; 
}

.in_padding-left7{
       padding-left:7px !important;
       padding-right: 0px !important;
} 
.in_rowHeight{
	height:24px !important;
}
.in_jqx-widget{
    font-family:Arial,"MS UI Gothic","MS PGothic",sans-serif !important;
    font-size: 12px !important;
}
.in_jqx-widget-content {
    font-family:Arial,"MS UI Gothic","MS PGothic",sans-serif !important;
    font-size: 12px !important;
}
.in_jqx-fill-state-normal{
    font-family:Arial,"MS UI Gothic","MS PGothic",sans-serif !important;
    font-size: 12px !important;
}
.in_jqx-treemap-rectangle-parent { 
    font-family:Arial,"MS UI Gothic","MS PGothic",sans-serif !important;
    font-size: 12px !important;
}
.in_jqx-widget-bootstrap, .in_jqx-widget-header-bootstrap, .in_jqx-fill-state-normal-bootstrap,
.in_jqx-widget-content-bootstrap, .in_jqx-fill-state-hover-bootstrap, .in_jqx-fill-state-pressed-bootstrap {
    font-family:Arial,"MS UI Gothic","MS PGothic",sans-serif !important;
    font-size: 12px !important;
}
label{
	font-size: 12px;
}
.in_btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.in_btn-group-xs>.in_btn,.in_btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}


.in_subwindow-frame{
	max-width:100% !important;
	overflow:auto;
}
.in_glyphicon:before{padding-right:6px;
 }
/**
Common Css prepared by YMSLI 
**/
/* loader */
.in_data-loader{
	border: 0px ; 
	backgroundColor:  #fff ; 
	opacity:  0.6 ; 
	width:  20% ; 
	height:  20% ; 
	left: 5% ;
}
.in_bodyScroll {
	overflow-y: hidden !important;
}
.in_screen_loader{
	left: 42%;
	background: #fff;
	opacity: 5;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}
.in_loader-backdrop{
	  background-color: #7c7c7c;
    height: 100%;
    display: block;
    position: fixed;
    width: 80%;
    z-index: 99999999;
    left: 20%;
    opacity: 0.8;
    margin-top:35px;
}
.in_horizontal-line {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: solid 1px #c0c0c0;
}
/* autocomplete ui*/
.in_ui-autocomplete {
       position: absolute;
       top: 100%;
       left: 0;
       z-index: 1000;
       float: left;
       display: none;
       min-width: 160px;
       padding: 4px 0;
       margin: 0 0 10px 25px;
       list-style: none;
       background-color: #ffffff;
       border-color: #ccc;
       border-color: rgba(0, 0, 0, 0.2);
       border-style: solid;
       border-width: 1px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
       background-clip: padding-box;
       *border-right-width: 2px;
       *border-bottom-width: 2px;
       max-height: 130px;
       overflow-y: auto;
       overflow-x: hidden;
       z-index: 9999999999;
}
.in_jqx-editable-cell {
background-color: #fafad2;
}
.in_jqx-label-cell {
background-color: #000080; color: white;
}
.in_btn-orange,.in_btn-orange:hover,.in_btn-orange:active{
	background-color: #ff8c00; color:  #FFF !important;
}
.in_btn-grey{
	background-color: dimgray; color: white;
} 
.in_adj-margin-top{
	margin-top : -17% !important;
}
.in_jqx-cell-center input {
  text-align: center;
} 
.in_container-widget-header{
       height: 14px !important;
}

.in_jqxgrid-header-color{
	   color: #FF0000;
	
}
.in_jqx-default {
    background-color: #ffffff;
    border-color: #cccccc;
}
.in_jqx-widget-header .jqx-widget-header{
	 background-color: #f5f5f5;
    border-color: #cccccc;
}
/* 
.in_hiddenDiv {
	height: 0 !important;
	overflow: hidden !important;
}

 */
.in_form-control{
	height : 27px !important;
} 
.in_btn:hover {
    color: #fff !important;    

}
 .in_align-center{
 	text-align: center;
 }
 .in_align-right{
 	text-align: right;
 }
 .in_align-left{
 	text-align: left;
 }
.in_form-control{
       height : 27px !important;
       line-height : 10px;
       padding: 2px;
}
 .in_btn:hover {
    color: #fff !important;    
}

.in_jqx-dropdownlist-state-focus{
  	outline: none;
    border-color: #8bb4e7;
}

#initializeBtn{
	background-color: dimgray; color: white;
}

/*Grid scrollbar left arrow issue fixed*/
.in_jqx-icon-arrow-left{
	width: 13px !important;
}
.in_other-btn
{
background-color:dimgray;
color:white;	
}
.in_jqx-window-close-button, .in_jqx-icon-close, .in_jqx-window-close-button:hover, .in_jqx-icon-close:hover {
    visibility: hidden !important;
}

.in_menu-close{
       left: 38% !important;
}
.in_menu-open{
       left: 32% !important;
}
.in_column-headers .jqx-grid-column-header.jqx-widget-header{
	border-color: #ccc;
	    background-color: #f5f5f5;
}
.in_padding-left7 {
    padding-left: 7px!important;
    padding-right: 0px!important;
}
#confirmTitle .jqx-icon-close, .jqx-icon-close-button{
	visibility: hidden !important;
} 
body{
       overflow: auto !important;
       overflow-x: hidden !important;
}

/*Add from ymsli-common.css*/

.middleHeader{
	margin-top: 4px;
	margin-bottom: 4px;
	min-height: 30px !important; 
}
.jqxgrid-header-color{
	color: red;
}
.horizontal-line {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: solid 1px #c0c0c0;
}
.divScroll{
	margin-bottom:5px;
	width:100%;
	overflow-y:hidden; 
	border:1px solid;
}
.divBorder{
	border:1px solid #dcdcdc;
}
.detailPage-css{
	overflow-x:hidden;
	border-radius:0px !important;
}
.in_container-fluid_new {
	padding-right: 0px !important;
}