#dialog_overlay {   background: none repeat scroll 0 0 #000000;  bottom: 0;  display: none;   left: 0; position: fixed;   right: 0;  top: 0;  z-index: 1100;  opacity: 0.2; }

	

#dialog_box { position:absolute; left:20%; 	right:20%; 	border:8px solid #666; 	background-color:#f9f9f9; padding:10px;	z-index:1200;	display:none;	}

		

#dialog_box .close { width:100%; text-align:right;	}

#dialog_box .close .txt { color:#000;	font-family:Verdana, Geneva, sans-serif; cursor:pointer; font-size:13px; font-weight:bold; }

#dialog_data{ overflow:scroll; 	max-height:400px;	overflow-X:hidden; 	padding-bottom:20px; }

.instant_error {  padding:5px;   background-color:#ffeeee;   color:#FF0000; font-family:Verdana, Geneva, sans-serif;   font-size:9px;   border:1px solid #F00; }



.anchr { color:#0085F9; font-family:Tahoma, Geneva, sans-serif;   text-decoration:underline; }

.anchr:visited {  color:#0085F9; font-family:Tahoma, Geneva, sans-serif; text-decoration:underline; }



.more_link {

  width:90%; padding:5px; margin-top:1px; text-align:center;  background-color:#efefef;  font-family:Verdana, Geneva, sans-serif; font-size:11px;  border:1px solid #ddd;

}





#dialog_box_for_admin {	width:250px; left:34%; 	right:34%; 	border:4px solid #F30; 	background-color:#f9f9f9; 

		padding:4px; z-index:1200; float:right; margin-top:20px; text-align:center; }

		

	

.error{ font-size:10px; color:#FF0000; float:left; margin-left:55px; }



img:-moz-broken,

img:-moz-user-disabled { -moz-force-broken-image-icon: 1; }

img:-moz-broken:not([width]),

img:-moz-user-disabled:not([width]) {	width: 30px; }

img:-moz-broken:not([height]),

img:-moz-user-disabled:not([height]) {	height: 30px; }







.info, .success, .warning, .error, .validation {

        margin: 10px 10px 10px 10px;

        padding:8px 8px 8px 40px;

        background-repeat: no-repeat;

        background-position: 10px center;

		text-align:left;

    }

    .info {

        font-family:Arial, Helvetica, sans-serif; 

        font-size:13px;

        color: #00529B;

        background-color: #BDE5F8;

        background-image: url(../images/info.png);

    }

    .success {

        font-family:Arial, Helvetica, sans-serif; 

        font-size:13px;

        color: #4F8A10;

        background-color: #CCCCCC;

        background-image:url(../images/success.png);

    }

    .warning {

        font-family:Arial, Helvetica, sans-serif; 

        font-size:13px;

        color: #9F6000;

        background-color: #FEEFB3;

        background-image: url(../images/validation.png);

    }

    .error {

        font-family:Arial, Helvetica, sans-serif; 

        font-size:13px;

        color: #D8000C;

        width:94%;

        background-color: #FFBABA;

        background-image: url(../images/error.png);

    }

    .validation {

        font:1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;

        background: #eee url(../images/error.png) 7px 5px no-repeat;

    }

	.validation_msg div{ margin-left:20px; display:list-item; list-style: inside; list-style-type:circle;}

	.validation_msg p{font-size: 11px;font-weight: bold;line-height: 10px;font-family:Arial, Helvetica, sans-serif;  ;}

	

	.validation_msg *{font:.9em/1.4 arial; color:#c00 }		



    #alert_box{width:100%; height:100%; overflow:hidden; background-color:#222; background:rgba(1,1,1,.8); position:fixed; left:0; top:0; z-index:9999}

	#alert_box .alert_area, * html .alert_area{

		position:fixed; z-index:9999; left:30%; width:40%; border:8px solid #666; border-radius:10px; box-shadow:0 0 2px 5px rgba(2,2,2,.7); top:25%; background-color:#f9f9f9; padding:10px;

	}

	#alert_box .close{

		width:100%; text-align:right;	

	}

	#alert_box .close .txt{

		color:#F00; font:bold 12px Arial, Helvetica, sans-serif; cursor:pointer;

	}

	

.required {

	font-size:10px;

	color: #FF0000;

	font-weight: bold;

}



a.morelink {

	text-decoration:underline;

	color:#3b5998;

	

}

.morecontent span {

	display: none;

}



.breadcrumb_sitepanel{color:#333; text-align:left; font:normal 11px/24px Tahoma, Geneva, sans-serif;  padding:5px 10px 2px; background:#f1f1f1; border-top:1px solid #f9bf48;}

.breadcrumb_sitepanel a, .breadcrumb_sitepanel a:visited{ color:#000; text-decoration:underline; padding:0px 3px; margin:0px 3px; }

.breadcrumb_sitepanel a:hover{ text-decoration:underline; color:#6a8d46}

.breadcrumb_sitepanel b{color:#333;}

.breadcrumb_sitepanel strong{color:#6a8d46; margin-left:4px;}



.red{color:red}

.b{font-weight: bold;}



.post-photo{ float:left; margin:4px; width:60px; height:56px; text-align:center; overflow:hidden; border:#FFFFFF 2px solid; box-shadow:#ccc 2px 2px 2px; position:relative;}

.post-photo span{ width:100px; height:150px; vertical-align:middle; display:table-cell;}



.bck_loading{

background: url(../images/ref.png) 90% 40% no-repeat !important;

}



.loading-circle{

background: url(../images/ref.png) 90% 40% no-repeat !important;

}



.overlay_enable{

	opacity:0.5 !important;

	pointer-events:none  !important;

}



.disabled_btn{

	opacity:0.5;

	pointer-events:none;

}



.disabled_crsr{

	cursor:not-allowed;

}



.custom_progress {

		height: 30px;

		display: none;

}



.custom_progress span {

		font-weight: bold;

		display: inline-block;

		margin-top: 5px;

		padding: 0 5px;

}

.completed:after {

  content:"\2713";

  display:inline-block;

  vertical-align: top;

  line-height: 1em;

  width: 1em;

  height:1em;

  margin-right: 0.3em;

  text-align: center;

  color: #3D550C;

	font-size:18px;

	font-weight:bold;

}



.rm_outline:focus{

 outline: none ! important;

 outline-width: 0;

 box-shadow:none;

}



@media print{

header,footer,input[type=button],input[type=submit],.noprint{display:none !important;visibility:hidden}

a[href]:after {content: none !important;}

}



.dt_cal_img{

position: absolute;

top: 46%;

right: 5%;

cursor:pointer;

}



.dt_cal_img[disabled]{

cursor:default;

}



.crsr_default{

	cursor:default !important;

}



@media only screen and (min-width: 768px) {

  .modal-lg{

      width:900px;

  }



  .modal-sm{

      width:300px;

  }

}



input:disabled {

	opacity:0.5 !important;

}



input[type=text]:not(.x_readonly):read-only {

	opacity:0.5 !important;

}



.x_readonly:read-only {

	opacity:1 !important;

}



.bom_selection > td{

 border: 1px solid #f00 !important;

}



.bom_selection > td:not(:last-child){

 border-right: 1px solid #d1d8e7  !important

}

.x_inline_box{

	/*padding:10px !important;*/

	padding: 5px 9px !important;

	background:none !important;

	border:none !important;

}

.x_list_row_sugg:hover{

	background-Color:#000;

	color:#fff;

	cursor:pointer;

}



.x_error{

	border:1px solid red !important;

}

.x_box_pl{

	background-Color:#fff;

	border:1px solid #f2f2f2;

}

.x_dn_sort_pl{

background-Color:#f2eff5;

padding:10px;

text-align:center;

border: 1px solid #d2d2d2;

}

.x_pl_options_container{

width:150%;

position:absolute;

border:1px solid #ddd;

z-index:9999;

background-Color:#f2f3e8;

color:#817672;

height:180px;

overflow-x:auto;

}

.x_pl_options_list.selected, .x_pl_options_list:hover{

	cursor:pointer;

	background-Color:#000;

	color:#fff;

}

.flex-even {

  flex: 1;

}

.x_non_editable{

	opacity:0.5 !important;

	pointer-events:none;

}



.rel{

	position:relative;

}

.x_filter_dtb{

	padding: 12px 4px 9px 18px;

	width:70px !important;

	background: white /*url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 2px center !important;*/

}

.x_no_data_found{

	background:#fff!important;

}

.selected{

	background:#336beb !important;

	color:#fff;

}

.dataTable  tbody > tr:hover{

cursor:pointer;

}

.swal-footer{

	text-align:center !important;

}

.prg_hint_msg{

	font-size:10px;

	color:#333;

}



.overlay_enable_transparent{

	opacity:1 !important;

	pointer-events:none;

}

.cx_dead_link,.cx_dead_link:hover{

	color:#222;

	cursor:none;

	text-decoration:none;

	pointer-events:none;

}

.disabled_colored{

	background-Color:#ccc !important;

}

.hg_crs_active{

	background-Color:#095a13 !important;

	color:#fff;

}

.hg_crs_hold{

	background-Color:#ab1818 !important;

	color:#fff;

}

.zx_hide_container{

	opacity: 0;

   visibility: hidden;

	display:none;

}

.zx_neg_display{

	color:#f00 !important;

}

.zx_mapped_qty{

	color:#28a745;

}



.overlay_drop{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1000;

    width: 100%;

	height: 100%;

    background: rgba(0,0,0,0.7);

}



.zx_disable_row{

	opacity:1 !important;

	pointer-events:none;

	background:#f2f2f2;

}

.control-label input[type="checkbox"], input[type="radio"]{vertical-align: sub !important}



.disabled_btn_priv{

	opacity:0.5;

	cursor:not-allowed !important;

}

.crsr_pointer{

	cursor:pointer !important;

}