*{margin:0px 0px 0px 0px ;padding:0px 0px 0px 0px;font-family: Tahoma, Verdana,  Arial, Helvetica;font-size:12px;}
html,body{margin:0;padding:0;width:100%;height:100%;line-height:1;}
body.L{text-align: left;}
body.R{text-align: right;}
small,.small , .small *{font-size: 11px !important;}
.medium , .medium *{font-size: 12px !important;}
img	{border:0px;max-width: 100%;height: auto;}
A	{text-decoration:none;}
ul{margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;list-style-position: outside;}
li{margin-top: 5px;}
input[type="text"],input[type="number"],input[type="date"],input[type="select"],input[type="password"],textarea{border:1px solid #cccccc;outline:none}
input[type="checkbox"]{width: 16px;height: 16px;}
input[type="text"],input[type="number"],input[type="date"],input[type="password"],select{height:25px;}
input[type="text"]:focus,input[type="number"]:focus,input[type="date"]:focus, input[type="password"]:focus,select:focus,textarea:focus{border-color:#FF0000}
input[type="radio"],input[type="checkbox"]{cursor: default !important;}
input[type=number].noSpinner::-webkit-inner-spin-button, 
input[type=number].noSpinner::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0}
input , label,select{outline:none}
input:read-only,input:disabled, textarea:disabled,select:disabled{background-color: #F5F5F5 !important;color: #8F0000 !important;}
input.txtSec{text-security:disc;-webkit-text-security:disc;}
select.noArrow{-webkit-appearance: none;text-indent: 0.01px; text-overflow: '';}
select[multiple]{height: 100px !important;}
select optgroup{color: #AAAAAA;}
select optgroup option{color: initial;}
.scrollY{overflow-y:scroll;}
.hiddenY{overflow-y:hidden}
.scrollX{overflow-x:scroll;}
.hiddenX{overflow-x:hidden}
.floatL, .reflect .floatR{ float:left;}
.floatR, .reflect .floatL{ float:right;}
.floatC{float: none !important;}
.clearL{ clear:left ;}
.clearR{ clear:right ;}
.clearB{ clear:both ;}
.alignL{text-align:left ;}
.alignR{text-align:right ;}
.alignC{text-align:center ;}
.txtL{text-align:left ; direction:ltr;}
.txtR{text-align:right ;direction:rtl;}
.txtC{text-align:center ;}
.dirL{direction:ltr;}
.dirR{direction:rtl;}

.allWidth		{width:100%;}
.allHeight		{height:100%;}
.halfWidth		{width:50%;}
.scrollSection:has(.scrollSection-allHeight) {height:90%}

.force-floatL{ float:left !important;}
.force-floatR{ float:right !important;}
.force-clearL{ clear:left !important ;}
.force-clearR{ clear:right !important ;}
.force-clearB{ clear:both !important ;}
.force-alignL{text-align:left !important ;}
.force-alignR{text-align:right !important ;}
.force-alignC{text-align:center !important ;}
.force-txtL{text-align:left !important ; direction:ltr !important;}
.force-txtR{text-align:right !important ;direction:rtl !important;}
.force-txtC{text-align:center !important ;}
.force-dirL{direction:ltr !important;}
.force-dirR{direction:rtl !important;}
.force-allWidth{width:100% !important;}
.force-allHeight{height:100% !important;}
.force-halfWidth{width:50% !important;}
.force-hide{display: none !important;}
.force-show{display: block !important;}

.border 		{border:1px solid #CCCCCC !important;}
.noBorder		{border: 0px !important;}
.noPadding		{padding: 0px !important;}
.noMargin		{margin: 0px !important;}
.font-large-2{font-size: 2rem!important;}
.font-large-3{font-size: 3.5rem!important;}
.bold{font-weight:bold;}
.hide{display:none;}
.hand{cursor:pointer !important;}
.cursor-waite{cursor:wait;}
.cursor-move{cursor:move;}
.box-sizing{-webkit-box-sizing:border-box;box-sizing:border-box;}
.bgCover{-webkit-background-size: cover;background-size: cover !important;}
.inline-block{display:inline-block}

.row{clear: both;}
.shadow {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.shadow-none {box-shadow: none !important;}
/**********************/
.browserSupport{color: #FF0055;font-size: 18px;text-align: center;width: 100%;left: 0px;}
.R .browserSupport{float: right !important; direction: rtl !important;}
.browserSupport a{font-size: 18px;}
.browserSupport a:hover{text-decoration: underline;}
a.automataLink,a.automataLink:hover,a.automataLink:active,a.automataLink:visited{color: inherit !important; cursor: pointer !important; text-decoration: none;}
/**********************/
.transitionAll{transition: all 0.2s ease 0s;}
.transitionAll.ui-draggable-dragging{transition: none 0s ease 0s !important;}
.scale1{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.icon-spin {-webkit-animation: icon-spin 1s infinite steps(8);animation: icon-spin 1s infinite steps(8)}
 @keyframes icon-spin {0% { -webkit-transform: rotate(0deg);transform: rotate(0deg)}100% { -webkit-transform: rotate(359deg);transform: rotate(359deg)}}
/*****************************************************
                     buttons style
******************************************************/
button:not(.btn),.button:not(*[class*="ui-"]),input[type="button"]:not(*[class*="ui-"]),input[type="reset"],input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: none; 
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 4px 2px 4px 2px;
  padding: 8px 10px;   
  cursor: pointer;
  outline: none;
  border: none; 
  background-color: #666666;
  background-repeat: repeat-x;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  /* IE hacks */

  zoom: 1;
  z-index: 1;
  *display: inline;
  font-size: 13px;
  line-height: 14px;
  color: #fff;
  min-width: 42px;
  text-align: center;  
  text-decoration: none;
  white-space: nowrap;
  vertical-align: inherit;
  opacity: 1; 
}
button.fa, .button.fa{font:inherit !important;font-size: 13px !important;line-height: 14px !important;}
button:not(*[class*="ui-"]):active,.button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active
{top:2px;left:1px;}

button:not(.transparent):hover,.button:hover,input[type="button"]:hover:not(*[class*="ui-"]),input[type="reset"]:hover,input[type="submit"]:hover,
button:focus,.button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus
{box-shadow: inset 0px 0px 100px 20px rgba(41, 41, 41, 0.2) !important;}


button.disabled,.button.disabled,input[type="button"].disabled,input[type="reset"].disabled,input[type="submit"].disabled,
button[disabled],.button[disabled],input[type="button"] [disabled]
{opacity: 0.5 !important ; cursor: not-allowed !important;}

button:not(.btn).selected,.button.selected,input[type="button"].selected,input[type="reset"].selected,input[type="submit"].selected
{background-color:#4679A2;}

button.add_btn,.button.add_btn{background-color: #2253AC;}
button.delete_btn,.button.delete_btn{background-color: #A73B3B;}
button.update_btn,.button.update_btn,.refresh_btn,
button.save_btn,.button.save_btn{background-color: #487540;}
button.close_btn,.button.close_btn,
button.cancel_btn,.button.cancel_btn,
button.cancel2_btn,.button.cancel2_btn{background-color: #666666;}
button.reset_btn,.button.reset_btn{background-color: #AD6E34;}
button.search_btn,.button.search_btn{background-color: #237DF0;}
button.excel_btn,.button.excel_btn{background-color: 2A8A39;}
button.word_btn,.button.word_btn{background-color: #295894;}
button.print_btn,.button.print_btn{background-color: #B35B3F;}

.L .aut-icon:before{float: left;}
.R .aut-icon:before{float: right;}
button:before, .button:before,.minus_btn:before ,.plus_btn:before,.aut-icon:before {
	font-family:"iconFont";
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline-block;	
}

button.fa:before, .button.fa:before{font-family: FontAwesome !important;}
button.icomoon:before, .button.icomoon:before{font-family: icomoon !important;}
button:before, .button:before,.minus_btn:before ,.plus_btn:before{color:#EDEDED;margin: 0px 5px;}
.L button:before ,.L .button:before,.L .minus_btn:before ,.L .plus_btn:before{
	float:left;
}
.R button:before ,.R .button:before,.R .minus_btn:before ,.R .plus_btn:before {
	float:right;
}
button:hover:before, .button:hover:before {color:#fff}

button.link,button.link:before{background: transparent !important;color:#000000 ;border: none;min-width: 0 !important;}
button.link:hover,button.link:hover:before{color: #4e4e4e !important;}
button.transparent,
button.transparent:hover,
button.transparent:active,
button.transparent:focus{background: transparent !important;box-shadow: none !important;}
button.hide{display: none;}

.usr-icon:before{
	font-family:"iconFont";
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	padding:1px ;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	color: #000000;
}
.deny .usr-icon:before{color: #F33E3E !important;}
.deny.hasParent .usr-icon:before{color: #F09090 !important;}
.hasParent .usr-icon:before{color: #C2B6B6 ;}

.hasChild.usr-icon:before{color: green ;content: "\e0a8" !important;}

.deleteAction:before{
	font-family:"iconFont";
	position: relative;
	font-weight: normal;
	font-style: normal;
	font-size:10px;
	padding:1px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	content: "\e089";
	color: #F33E3E;
}
.rowForDelete .deleteAction:before,.rowDisabled .deleteAction:before{color:#1C9111;content: "\e031";font-size: 12px;}

/************** Button Icon **********************/
.minus_btn{margin: 0px 5px;padding: 3px;border: 1px solid #fff}
.save_btn:not([has-icon]):not(.fa):before		{content: "\e169";}
.add_btn:not([has-icon]):not(.fa):not(tr):before		{content: "\e08c";}
.addFile_btn:not([has-icon]):not(.fa):before	{content: "\e08c";}
.new_btn:not([has-icon]):not(.fa):before		{content: "\e010";}
.update_btn:not([has-icon]):not(.fa):before		{content: "\e140";}
.delete_btn:not([has-icon]):not(.fa):not(.deleteAction):before		{content: "\e059";}
.deleteFile_btn:not([has-icon]):before			{content: "\e059";}
.print_btn:not([has-icon]):not(.fa):before		{content: "\e021";}
.search_btn:not([has-icon]):not(.fa):before		{content: "\e041";}
.cancel2_btn:not([has-icon]):before	{content: "\e089";}
.cancel_btn:not([has-icon]):before	{content: "\e088";}
.next_btn:not([has-icon]):before	{content: "\e09f";}
.prev_btn:not([has-icon]):before	{content: "\e09d";}
.reset_btn:not([has-icon]):before,
.refresh_btn:not([has-icon]):before	{content: "\e08f";}
.clear_btn:not([has-icon]):before	{content: "\e089";}
.copy_btn:not([has-icon]):before	{content: "\e011";}
.schedule_btn:not([has-icon]):before{content: "\e020";}
.conflict_btn:not([has-icon]):before{content: "\e145";}
.confirm_btn:not([has-icon]):before{content: "\e0a6";}
.approval_btn:not([has-icon]):before{content: "\e0a6";}
.carry_btn:not([has-icon]):before	{content: "\e153";}
.search_btn:not([has-icon]):before	{content: "\e041";}
.minus_btn:not([has-icon]):before	{content: "\e08b"}
.plus_btn:not([has-icon]):before	{content: "\e08c"}
.excel_btn:not([has-icon]):before	{content: "\e0eb"}
.word_btn:not([has-icon]):before	{content: "\e0ea"}
/************** Permission Icon **********************/
.icon-view_p:before		{content: "\e047";}
.icon-search_p:before	{content: "\e041";}
.icon-print_p:before	{content: "\e021";}
.icon-add_p:before		{content: "\e002";}
.icon-update_p:before	{content: "\e140";}
.icon-delete_p:before	{content: "\e059";}
.icon-word_p:before		{content: "\e059";}
.icon-excel_p:before	{content: "\e059";}
.icon-pdf_p:before		{content: "\e059";}
/*******************************************/
.icon-warning:before{color:yellow;}
.icon-checkmark:before{color:green;}
/*******************************************/
.ui-icon.aut-icon{background-image: none !important;text-indent:inherit !important;}
.ui-icon.aut-icon:before{width:16px;height:16px;color: #454545;font-size: 11px;margin-top:3px;}

.ui-icon.add_btn	{background-position: -16px -128px;}
.ui-icon.update_btn	{background-position: -176px -112px;}
.ui-icon.delete_btn	{background-position: -80px -128px;}
.ui-icon.view_btn	{background-position: -32px -96px;}
.ui-icon.person_btn	{background-position: -144px -96px;}
.ui-icon.approve_btn{background-position: -208px -192px;}
.ui-icon.cancel_btn	{background-position: -32px -192px;}
/*******************************************/
.ui-icon.fa{font-size:11px;background-image: none !important;display: inline-block !important;text-indent:inherit;vertical-align: middle;padding: 2px 2px; border: 1px solid transparent;box-sizing:border-box !important;}
.ui-icon.icomoon{font-size:11px;background-image: none !important;display: inline-block !important;text-indent:inherit;vertical-align: middle;padding: 2px 2px; border: 1px solid transparent;box-sizing:border-box !important;}

/*******************************************/
/***************** google map **************/
.gm-style button{min-width: 10px !important; }
.gm-style button:active{top: initial !important;left: initial !important; }