/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
    

/* End extract */

::placeholder { 
  color: #aaa;
  opacity: 1; 
  font-size: 10pt;
  font-weight: normal;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
    display: inline-block;
    font-size: 10pt;
    font-weight: normal;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa;
  font-size: 10pt;
  font-weight: normal;
}



@font-face {
    font-family: droid_kufi;
    src: url('../fonts/DroidKufi-Regular.ttf') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: droid_kufi;
    src: url('../fonts/DroidKufi-Bold.ttf') format('woff');
    font-weight: bold;
    font-style: normal;

}




* {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #333;
    box-sizing: border-box;
    line-height: 20px;
  
    
   
    
  

/*
    font-family:Verdana,Arial,sans-serif;
    font-size: 11pt;

       font-family: 'Times New Roman';
    font-family:'Traditional Arabic';
    font-size: 12pt;
    font-weight: bold;

    font-family:'Traditional Arabic' !important;
    font-size: 14pt;
*/
   
      
    /*
     font-family: 'Times New Roman';
     font-size: 12pt !important;
     font-weight: bold !important;
     letter-spacing:normal !important;
 */
  
}



BODY {
    padding: 0px;
    margin: 40px 0px;
    background: url(../images/bg/page_bg.gif) repeat #fcfcfc;
    clear: both;
    overflow: hidden;
    background: url(../images/bg/page_bg.gif) repeat #ccc;
}

div.full-screen-box , .side-panel, .fm-browse-item , .xfm-browse-index  {
    position: fixed;
	left: 1px;
	right: 1px;
    border-width: 0px;
   

    top: 45px; /*for page header*/
    bottom: 25px; /*for page footer*/

    
}





#page {

    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
   
    overflow: hidden;
    overflow-y:scroll;
    
    
    padding: 0px 10px;

    overflow-x:auto; /*comment this to disable horiz scroll*/
    
 
   
}

.page-no-scrolls {
    width: 100%;
    height: 100%;
}

.page-content
{
	margin: 5px; 
}

.fm-frame {
    border: 1px dotted transparent;
    height: 600px;
    width: 100%;
}

.fm-frame:hover {
    border-color: #cde;
   
}




.flds, .lst, .select-menu {
    padding: 0px 5px;
    border: solid 1px #abc;
    background-color: #fff;
    margin: 1px;
}

INPUT, SELECT {
    border-radius: 4px;
}

table {
    border-collapse: collapse;
}


/*exclude textarea*/
input.flds, .lst, .select-menu, input[type='text'] {
     height: 28px !important;
}

    

input[type='checkbox'], label {
    margin: 3px 5px;
    display: inline-block !important;
}

span.check-box {
    min-width: 300px;
    max-width: 400px;
    display: inline-block;
    
    padding: 10px 4px 0 4px;
}

    span.check-box input[type='checkbox'], span.check-box label {
        margin: 0;
    }
    
        

.center-content {
    text-align: center;
}




* [readonly='readonly'], * [disabled='disabled'], .ui-state-disabled, .fld-disabled, .disabled {
    background-color: #eee !important;
     
}

.no-break {
        break-inside:avoid-page;
    }

/*shortcuts classes*/
.ib {
   display: inline-block; 
}

.ui-border {
    border: 1px solid #aaa !important;
}

.ui-bold, .b {
    font-weight: bold;
}

.ul {
    text-decoration: underline;
}

.ui-tiny {
    font-weight: normal  !important;
    font-size: 0.8em !important;
}

.ui-font-smaller {
    font-size: .8em;
}

.ui-font-small {
    font-size: .9em;
}

.ui-font-large {
    font-size: 1.1em;
}

.ui-font-larger {
    font-size: 1.2em;
}

.ui-x-large {
    font-size: 1.5em;
}

.ui-font-x2 {
    font-size: 2em;
}

.ui-font-x3 {
    font-size: 2em;
}


span.tv {
    display:inline-block;
    margin: 1px;
    padding: 1px;
   
}

    span.tv b {
        display:inline-block;
        margin: 0;
        padding: 5px;
    }

        span.tv b.t {
        }

 .hl, .hl-text, #inv_total {
        font-weight: bold;
        color: #164871;
        font-size: 1.5em;
    }

span.tv.hl {
    margin: auto 5px;
    font-size: 1em;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding-right: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

    span.tv.hl b.v {
        padding: 5px 20px;
        margin-right: 20px;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
        
    }

    input.ui-hl, label.ui-hl, select.ui-hl {
    background-color: #ffffaa !important;
}

span.ui-hl {
    color: blue;
    font-weight: bold;
}

.ui-hl [readonly='readonly'], .ui-hl [disabled='disabled'], .ui-hl.ui-state-disabled, .ui-hl.fld-disabled, .ui-hl.disabled {
    background-color: #ffffaa !important;
    color: blue;
    font-weight: bold;
     
}



table.ui-hl {
    background-color: #ffffbb;
}


.ui-cont {
    padding: 3em;
    padding-top: 2px;
    text-align: justify;
    line-height: 2em;

    background-color: #fff;
     box-shadow: 1px 1px 4px #ccc;

     margin-top: 10px;
     margin-bottom: 20px;
  
     border-radius: 8px;
}

    .ui-cont ul {
        
    }

.ui-cont li {
    list-style:square;
    list-style-type:square;
    list-style-image:url(../images/icons/mnu_item.png);
    
    margin: 4px auto;
    
}


    .ui-cont h2 {
    border-radius: 4px;
    background-color:  #f0f4f8 ;
    color:  #678;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.3em 2em;
    border-bottom: 1px solid #ccc;
   
    background-color: #678;
    color: #fff;

    background-color: #cde;
    color: #25a;

    }


.ui-callout .ui-cont, .ui-callout h2 {
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    line-height:inherit;
}


TEXTAREA, TEXTAREA.flds {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
}


a {	color: #3366ff; text-decoration: none;  }
a.ui-hl { color:#3366ff;  display: inline-block; padding: 2px 10px; border-radius: 8px;}
a:hover { color: #963; color:red; }

img { border-width: 0px;}

    img.auto-fit, img.thumb {
        max-width: 100%;
        height: auto;
    }

 

   


HR {
    display: block;
    border-top: dotted 1px #ccc;
    color: #fff;
}

    hr.line {
        border-top: solid 1px #888;
        color: transparent;
    }

    hr.thick {
        border-top: solid 2px #888;
        color: transparent;
        margin: 20px auto;
       
    }

    hr.sep {
        border-top: dotted 1px #ccc;
        color: transparent;
        height: 2px;
        margin: 0;
        margin-top: 4px;
    }


i.sign-dots {
    display: block;
    border-bottom: dotted 1px #aaa;
    margin: 2em 3em;

    
}

    i.fill-dots {
        width: 100px;
        border-bottom: dotted 1px #aaa;
        display: inline-block;
     
    }


i.req {
    color:red;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 0.5em;
    font-style: normal;
}

UL { list-style-type: square; }

/* Basic elements */ 

.mirror,.mir { text-align: right;}  /* move this to lang specific */
.mir-flt, .mir-flt {
    float: right;
}

.lft, .ui-date { text-align: left; direction: ltr;   }

.num {
    text-align: left;
}

span.lft {
    display:inline-block;
}
 

.chk { }

label {
    padding: 0 10px;
}
 
.cmds {	
    background-color: #e0e0e0;	
    background-repeat: no-repeat; 
    background-position: right center; 
    padding: 2px;   
}






.err {
    color: red;
}

.warn {
    color: #c0c0c0 ;
}

.success, .ok {
    color: green;
}

.fail {
    background-color: #f00;
    color: #fff;
}

.note {
    font-size: 0.80em;
    color: #666; 
    font-weight:normal;
    font-style: italic;
     
}

.sep-box {
     display:inline-block;
}

sup {
    font-size: .8em;
    color: #666; 
    font-weight:normal;
}



.m1 {
     background-color:#888;
}

.m2 {
     background-color:#999;
}

.m3 {
     background-color:#aaa;
}

.m4 {
     background-color:#bbb;
}

.m5 {
     background-color:#ccc;
}

.m6 {
     background-color:#abc;
   
}


.m7 {
     background-color:#eee;
}

.m8 {
     background-color:#fff;
}





.col-total {
     font-weight: bold;
     color: #164871;
     text-align: center;
     background: url(../images/bg/hdr_bg.jpg) repeat #ddd;
}

.page_header, .page_footer {
    background-color: #5F5F5F;
    color: #F1F1F1;
    width: 100%;
    padding: 0px;
    letter-spacing: 1px;
}

.page_header
{
    position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 800;
	line-height: normal;  
    width: 100%;
	margin: 0px auto;
	
    padding:2px 2%;
    
    
    color: #fff;
	  	
	
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
   
    min-height: 40px;
   
    border-bottom:5px solid #F6A828;
   
}



.fm-tb {
    box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
}

.page_header A { color: #fff;  }
.page_header > DIV { display: inline-block;}

#u-m {
    display: inline-block;
    margin: auto 5%;
}

    #u-m div.popup-content, #u-m div.popup-content-no-hover {
        position: fixed !important;
        top: 45px;
        right: 0 !important;
        left: 0 !important;
        bottom: 0;
        
        width: 100% !important;
        background: url(../images/bg/page_bg.gif) repeat  #fcfcfc;
        overflow: auto;
        overflow-x:hidden;

        padding-top: 5px;
    }


.page_footer
{
    

	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
			
	font-weight: normal;  
		
	
	text-align: center;   
	z-index: 500;
	
	vertical-align: middle;   
    
    
    padding-top: 3px;
    padding-bottom: 3px;   
	
    font-size:inherit;

}

.page_footer A
{
	color: #fff;
}


.has-icon {
        background-repeat: no-repeat;
        
}


.has-border {
    border: 1px solid #ccc;
}


.no-icon {
    
}

.icon {
        display:inline-block;
        padding: 0px 10px;
        xfont-weight: normal;
	    background-position: center center;
        background-repeat: no-repeat;

        
}

input.icon {
    background-position: 2% center;
    padding-left: 30px;
}

b.icon {  
}

.round-border {
     border-radius: 4px 4px;
}

.cmd {
    border: solid 1px transparent;
    border-radius: 4px 4px;
    
}

a.link_cmd.cmd {
    min-width: 100px;
}

    .cmd:hover {
        border: solid 1px #EEE8AA;
        background-color: #fff;
    }



.link_icon, .link_icon_only
{
	
	text-decoration: none;   
	display: inline-block;
	border: solid 1px transparent;
	background-repeat: no-repeat;
    margin: 1px 8px;

    border-radius: 4px;
    
/*
   
    white-space: nowrap;
    overflow: hidden;
*/
}



.link_icon_only
{
	border: solid 1px #aaa;
    padding: 4px 12px;
	background-position: center center;
    
}

 .fm-links A.link_icon_only {
        margin: 4px 2px;
        border: solid 1px transparent;
    }
 


.link_icon_only:hover {
        border-color: #888;
        background-color: #f8f8f8;
 }

table.rep_tab tr td a.link_icon, a.link_icon.qv,a.link_icon_only.qv, a.qv {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 0;
    margin-bottom:0;
    border-width: 0;

    
}

table.fld-grp {
    
}

div.flow.fld table.fld-grp {
        margin-bottom: -10px;
}
    table.fld-grp td {
        text-align: center;
        padding: 0;
    }

    table.fld-grp .flds {
        margin: 0 1px;
    }



.has-menu {
       background: url(../images/icons/has-sub-menu.png) no-repeat;
       background-position:70% 95%;
}


.input_icon 
{
	xfont-weight: normal;
	text-decoration: none;   
	display: inline-block;
	border: solid 1px transparent;
	background-repeat: no-repeat;
    margin-left: -30px;
    margin-right: 2px;
   
    padding: 1px 12px;
	background-position: center center;
     

   z-index: 10;
  
}


.link_small_icon
{
	
	xfont-weight: normal;
	text-decoration: none;   
	display: inline-block;
	border: solid 1px transparent;
	padding: 5px 16px 5px 5px;  
	background-repeat: no-repeat;
	background-position: right center;
	 
}

.link_icon:hover, .link_small_icon:hover,  .input_icon:hover
{
	border-color: #888;
   
}

.link_icon:focus {
    background-color: #EEE8AA !important;
    color:#164871;
}




.page-title {
    border: solid 0px red; 
    width: 100%;
    margin: auto; 
    margin-bottom: 5px; 
    padding: 2px 0px;
    
    
    text-indent: 10px; 
	font-weight:bold;
	color: #164871; 
	background-color: #cde; 
	vertical-align: middle;  
	overflow: hidden;  
	text-align: center;
    display: block;
}

.passive, tr.passive td 
{
    color: #e31f1f;
    color: #888;
}

.active, tr.active td
{
    color: green;
}

.center-text {
    text-align: center
}

.fm
{
    width: 100%;
	border: solid 1px #cde;
	vertical-align: middle;  
	background-color: #f6f9fc;
    margin: 10px auto 10px auto;
    border-spacing: 0px;
    border-collapse: separate;
}

table.fm td {
    padding: 10px;
    border: 0px solid red;

    
}

.fm .head
{
	font-weight: bold;  
	color: #164871; 
	background: #cde; 
	vertical-align: middle;  
    text-align: center;
    overflow: hidden;  
    
}

.fm TD.title {
        color: #678;
        font-weight: bold;
}



.group-by-box {
    border: 1px solid #ccc;
    width: 100%;
   
    
    padding: 3px;
    
    font-weight: bold;
    background-color: #f4f8fc;
    margin-top: 2px;
    margin-bottom: 10px;
    border-radius: 4px;
}



.fm .footer TD {
     padding-top: 5px;
     padding-bottom: 5px;
}

.login_fm {
    width: 100%;
    max-width: 400px;
    margin: auto; 
    margin-top: 10px;
    border-spacing: 5px;
}

table.login_fm td {
    padding: 10px;
}



#full_screen_cover,.full-screen {
    position: fixed; 
    left: 0;
	top: 0;
	right: 0;
    bottom: 0;
    height: 100%;
}

#full_screen_cover {
     background-color: transparent; 
    z-index: 700;
}

#notify_box
{
	position: relative; top: 50%; 
    transform: translateY(-50%); 
  
    width: 600px; 
    max-width: 80%;
    margin: auto;
    
	
	
		
	background: #EEE8AA url('../images/info.png') no-repeat;
    background-position: right 10px;
    color: #333;
    border: solid 1px #DEB887;  
	
	z-index: 900;
	
	border-top-width: 28px; 
	padding: 30px;
    padding-bottom: 5px;
	vertical-align: middle;   
	
	font-weight: bold;  
        
    text-align: center;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    

    
   
}


#notify_box a {color: #00f;}

#notify_box .but_close { position: absolute; left: 0px; top:-28px; color: #800;  text-decoration: none; font-weight: bolder;  border: solid 0px #ccc; padding: 2px 10px 2px 10px; }
#notify_box .but_close:hover { color: #f00; border: solid 1px #444;}

#notify_box .foot {	font-weight: normal; color: #666; }


.ut_close { position: absolute; left: 0px; top:-28px; color: #800;  text-decoration: none; font-weight: bolder;  border: solid 0px #ccc; padding: 2px 10px 2px 10px; }

.no-screen {
    display:none;
    visibility:hidden;
}

.ui-report {
    
    vertical-align: middle;
    border-collapse: collapse;
    width: 100%;
    margin: 2px auto;
    padding: 4px;
    
    
}


@font-face
{
font-family: hs_barcode_font;
src: url('../barcode/Code39Azalea.ttf') format('woff');
xsrc: url('../barcode/EAN-13.ttf') format('woff');
xsrc: url('../barcode/LibreBarcode128-Regular.ttf') format('woff');



font-weight: normal;
font-style: normal;
}


.barcode {
    font-family: hs_barcode_font;
    font-size: 28pt;
    font-weight: normal;
    background-color: white;
    display:block;
    margin: 5px;
}



/* rep_tab */



.rep_tab, .rep_tab_nb {
    vertical-align: middle;

    border-collapse: collapse;
    
    width: 100%;
    margin: 2px auto;
    padding: 4px;

   
    xborder-collapse:separate;

    
    
    
}



.rep_tab_nb {

}


    .rep_tab .title {
        text-indent: 10px;
        font-weight: bold;
        color: #164871;
        background-color: #cde;
        vertical-align: middle;
        
    }

.rep_tab .head, .rep_tab .total, .rep_tab tr.total td, .rep_tab tr.sub-total td, .rep_tab .foot, .rep_tab tr.foot td, .rep_tab .seq, .rep_tab thead, .rep_tab tfoot, tr.h0 {
    text-indent: 10px;
    font-weight: bold;
    color: #164871;
    background: url(../images/bg/hdr_bg.jpg) repeat #ddd;
    vertical-align: middle;
    text-align: center;
}

.rep_tab tr.sub-total td {
    background-image:unset;
    background-color:antiquewhite;
    font-size: 1.5em;

}

    table.rep_tab tr.head th, table.rep_tab thead tr.head th {
        font-size: 1em;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px solid #aaa !important;
        background: url(none) #6F7F8F !important;
        color: #F1F1F1 !important;
    }

/*
    table.rep_tab tr.head th {
        xbackground-color: #6F7F8A !important;
        border: 1px solid #ddd !important;
       

        xbackground-image: url(../images/bg/bg10-left.png) !important;
        background-image: url(../images/bg/dlg-box-hdr-bg.jpg) !important;
        color: #164871 !important;
    }

table.rep_tab tr.head {
     border: 2px solid #aaa !important;
}
   */

tr.h0, tr.h0 td, tr.h0 th  {
    background-image: none;
    font-size: 1.1em;
    text-align:initial;
    background-image: url(../images/bg/bg10-left.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.col-sep {
}


td.alt_col {
     background-image: none;
    background-color:#eee;
}


tr.h2 td {
    font-weight: bold;
    color: #164871;
    font-size: 1.5em;
   padding: 10px;    
	background-color: #cde; 
}


tr.h3 td {
        color: #164871;
        background-color:#f0f8ff;
        overflow: hidden;
    }


    /* reset own background, inherts parent's */
    .no-bg {
        background-image: url(none);
        background-color: transparent;
    }


    

    .rep_tab td.seq, .rep_tab td.qv, td.seq, th.seq {
        text-indent: 1px;
        width: 24px;
        text-align: center;
        font-weight: normal;
        white-space: nowrap;

       
        
    }

.rep_tab td.total {
    
    max-width: 100px;
}


.rep_tab tr.hilight, tr.hl td, .rep_tab td.hilight, div.hilight {
    font-weight: bold;
    color: #164871;
    background-color: #f0f4f8;
    overflow: hidden;
    
   xbackground-color:rgba(0,0,0,0.19);
   xborder-top:2em solid #fff !important;
   
   
}

    
   

    .rep_tab .data, .rep_tab td, .rep_tab th {
        padding: 4px 4px;
        border: solid 1px #ccc;
    }

.rep_tab.dots td  {
    border: none;
    border-bottom: dotted 1px #ccc;
}

   table.rep_tab.pos td, table.rep_tab.pos th {
        padding: 1px 1px;
        border: dotted 1px #ccc;
        text-indent: 1px;
        border: solid 1px #888;
    }
    

/* make all the table rows has the same size, good */
        .rep_tab:not(.data-grid) td div:not(.ui-cont) {
            height: 24px;
            overflow: hidden;
            
        }


.rep_tab .note {

}

.rep_tab .r0  {     
   
 }

 .rep_tab .r1  {
    background-color: rgba(200, 200, 200, 0.3);
 }

 
.data-grid .data, .data-grid td, .data-grid th {
        padding: 8px 4px;
        border: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

.data-grid td {
    text-align: initial;
}

.ui-abs {
    position:absolute;
}

/* */

.ui-box {
    margin-top: 5px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}


.ui-tit {
    display: block;
    margin: 2px;
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: bold;
    xbackground-color: rgba(0, 0, 0, 0.30);
}



.err-msg, .success-msg, .info-msg, .warn-msg, .cfm-msg {
    padding: 20px 80px;  
    margin: 10px auto;
    z-index: 1000 !important;

    max-height: 50%;
    overflow: auto;

   

}

.info-msg, .warn-msg, .ui-warn, .ui-info, xtr.ui-warn td {
    background-color: #ffffaa; 
    color: #666;
}



.warn-msg {
    background: url(../images/info.png) no-repeat #ffffaa;
    background-position:30px center;
    
}

.cfm-msg {
    background-color: #D9F6FF;
    color: #2894BF;
    border-radius: 8px;
    width: 100%;
    padding: 30px !important;
    margin: auto;
    
    font-size: 1.5em;
    line-height: 1.5em;

    text-align: center;

    border-top: 30px solid #cde;

    z-index: 2000 !important;

    
   
   
}

div.ui-hl {
     border-top: 30px solid #cde;
    background-color: #D9F6FF;
    color: #2894BF;
}

td.ui-hl {
    text-align: center;
    font-weight: bold;
    background-color: #ffffaa; 
}

.gray1 {
    background-color: #eee;
}

.gray2 {
    background-color:#ddd;
}


.msg-box, .msg-fixed {
    padding: 40px 80px;  
    margin: 10px auto;
    border-radius: 8px 8px;
    min-height: 100px;
    z-index: 3000 !important;

    width: 50%;
    min-width: 400px;
    border-top: 32px solid #EEE8AA;
    
    text-align: center;
    font-weight: bold;

}

    .msg-box a.box-close-button {
        margin-top: -30px;
     
       
    }





.fm-top-cont {
    
    margin-top: 5px;
    padding: 5px 20px;
    background-color: #ffffaa;
    color: #457;
    border: 1px solid #EEE8AA;
    border-radius: 4px;

    background-color: #D9F6FF;
   

    background-color:rgba(204, 221, 238, 0.60);
    border: 1px solid #abc;

      
    
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.2);
    border: none;
}


.ui-fatal {
    background-color: #ffcccc;
    color: #990000;
   
}

.err-msg, .ui-err, tr.ui-err td {
    background-color: #ffcccc;
    color: #990000;
}

div.ui-err, div.ui-success {
    padding:5px 10px;
    margin: 2px 0;
}

.success-msg, .ui-success, tr.ui-success td {
    background-color:#c6efce;
    color: #46832e;
}

.ui-inline {
    border: 1px solid #ccc;
}

.ui-line-thru {
    text-decoration: line-through;
}

.ui-success-text, tr.ui-success-text td {
    color: green;
}

.ui-warn-text, tr.ui-warn-text td {
     color: blue;
}


.ui-err-text, tr.ui-err-text td {
    color: rgba(250, 0, 0, 0.9);
    font-size: 1em;
}

.ui-blue-text, tr.ui-blue-text td {
    color:#007ACC;
}

.err-msg, .success-msg {
    font-weight: bold;
}

.ui-info2 {
    background-color: #D9F6FF; 
    color: #2894BF !important;
}

td.ui-info2 {
     background-color: rgba(200, 240, 240, 0.3);
}

td.ui-info, td.ui-success, td.ui-warn, td.ui-err, td.ui-fatal {
     font-weight: bold;
     text-align: center;
}

td.ui-info, td.bg-info {
     background-color: rgba(200, 240, 240, 0.5);
}

td.ui-success, td.bg-success, xtr.ui-success td {
     background-color: rgba(200, 240, 200, 0.3);
}



td.ui-warn, xtr.ui-warn td {
     background-color: rgba(240, 240, 200, 0.6);
}

td.ui-err, xtr.ui-err td {
     background-color: rgba(240, 240, 200, 0.6);
    
}

td.ui-fatal, tr.ui-fatal td {
     background-color: rgba(250, 100, 100, 0.5);
}




.tree a.l1.folder:not(#a-1) {
   
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
    
    background-color:#cde;
   margin-top: 10px;

   
   
}





.ui-hidden {
    display: none;
}   


.inline_title, DIV.content-box B.title, .fm-ui-plain-title, .fm-fld-sub-group-title, .popup-title, h6 {
    margin: auto; 
    text-indent: 40px; 
	font-weight: bold;
	color: #164871; 
	background-color: #cde; 
	vertical-align: middle;  
	overflow: hidden;  
    display: block;
    
	background-repeat: no-repeat;

    padding: 5px;
    border-radius: 4px;
   
   
    
}

.fm-ui-plain-title {
    margin-bottom: 3px;
    background-position-y:center;
}


.fm-ui-plain-tab, .ui-cont-box, .ui-inline-box {
    margin-top: 5px; 
    margin-bottom: 10px;
    
    padding: 5px 10px;
  
     background-color:#f0f8ff;
     border-radius: 4px;
     
     box-shadow:0 2px 4px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.2);

     
}



    .ui-cont-box {
        padding: 5px 2em;
        padding-bottom: 2em;
        xmargin: 2px 2px;
    }

    .ui-cont-box h2 {
        margin-top: 0;
        padding: 0.3em 1em;
        border-bottom: 1px solid #ccc;
      font-size: 13pt;
       
    }

.ui-inline-box {
    display: inline-block;
    margin: 10px;
    background-color:#f8f8f8;
     background-color:#f8fdff;
}

.fm-fld-sub-group-title, h6 {
    color: #555; 
	background-color:#eee;
	margin-bottom: 5px;
    
   
}

.popup-title {
    text-indent: 0;
}
  
#fm-tabs {
    margin-top: 5px;
    margin-bottom: 5px;
    
    
  
}



.fm-tabs, .fm-tab, .easyform {
     background: url() no-repeat transparent; 

    
}



.fm-title {
    display: block;
    margin: 3px 0; 
    padding: .4em 20px;
	font-weight: bold;
	color: #164871; 
	overflow: hidden;  
    text-overflow:clip;
   

    border: 1px solid #abc;

    
  
   
    text-align: center;
    

     background: url(../images/bg/fm-titlex.jpg) repeat #eee;
      background-position: center center;
   
    color: #000;

   border-radius: 4px;
   
    
}




.ui-tb {
    background-color: #f0f0f0;
    padding: 2px 20px;
    margin-top: 10px;
    margin-bottom: 10px;

    background: url(../images/bg/fm-title.jpg) repeat #f0f0f0;
    background-position: center center;
 
   
    
}

div.ui-tb.fm-tb {
    padding: 10px 80px;
    
}

.btn {
    
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    
    background-color:#ddd;
    color: #164871;
    padding: 3px 20px !important;
    margin: 5px;
    text-align: center;

    box-shadow:0 4px 4px 0 rgba(0,0,0,0.2),2px 2px rgba(0,0,0,0.30);
 
}

.btn:hover {
      background-color: rgba(200, 220, 240, 0.60);
}



.ui-tb .link_icon, .ui-tb .link_icon_only {
    font-weight: bold;
    color: #164871;
   
    background-color: transparent;

    border: 1px solid #999;
    border-top-color: #ddd;
    border-left-color:#ddd;
}



.ui-tb .link_icon:hover, .ui-tb .link_icon_only:hover {
     background-color: #f8f8f8;

    border: 1px solid #fff;
    border-top-color: #999;
    border-left-color:#999;

   
}

.ui-tb .flds {
    height: 32px;
    margin: auto 5px;
}

.ui-tb span.title {
    font-weight: bold;
    font-size:1.5em;
    display:inline-block;
    margin: auto 20px;
}

.easyform
{
	border-spacing: 0px;
	vertical-align: middle;  
	border-collapse:collapse;  
  
    width: 100%;

    
  
}

.easyform td
{
    padding: 6px 5px;
    border-bottom: 1px solid #d8e8f8;
}


table.no-easyform td {
    padding: 2px 2px;
    border-bottom: none;
}

.easyform.no-lines td
{
    border: none;
}
 

TABLE.easyform TR.fld TD.tit { width: 250px !important; text-align:left; }


div.fld {
    display:inline-block;
    margin: 5px;
    padding: 5px;
    min-width: 25%;
    margin-left: 20px;
}

    div.fld span.tit, div.fld span.val {
        display:inline-block;
        margin-left: 10px;
        margin-right: 10px;
       
    }



/*end*/

.easyform td.tip {
    width: 36px;
    
}

.float, .dir-flt {
    float: left;
}

.mir-flt, .mir-flt, ul.fm-tabs-nav li.mir-flt {
   float: right;

   
}





.photo {
    border: 1px solid #888;
    background-color: #fff;
    padding: 5px;
    margin: 2px;
    border-radius: 4px;

    
}



.easyform .photo {
    display: block;
   
    right: 0;
}

img.logo {
    border: none;
    display:block;
    margin: auto;
}


.toast-box {
    position:fixed !important;
    left:100px;bottom:50px;right:100px;  
    padding: 5px;
    margin: 0;
    z-index: 1200;
    
    border-radius: 8px;
 
    text-align: center;

    background-color: #007ACC;
    color: white;

    
   
}


.fixed-top {
    display: block;
    position:fixed;
    top: 0; 
    z-index: 800;
}

.box-at-top, .box-at-cont-top {
   
    position:fixed !important;
    top: 45px; 
    right: 0;left:0;
    z-index: 400;

    padding: 10px 80px;
    border-bottom: 1px solid #888;
    margin: 0;

    
    
}

.ui-callout.box-at-top {
    right: initial;
    left: 10px;

     padding: 10px 50px;
     
} 

.fixed-bottom {
    display: block;
    position:fixed;
    bottom: 0; 
    right: 0; 
    z-index: 700;


}

.box-at-bottom, .box-at-cont-bottom, .page-status-bar, .fm-save {
    border:1px solid transparent;
    position:fixed !important;
    left:0px;bottom:0px;right:0px; 
    padding: 10px 80px;
    margin: 0;
    z-index: 700;
    

   
     
}

.box-at-cont-bottom, .box-at-cont-top {
    position:absolute !important;
}

.box-at-cont-top {
    top: 0;
}


div.box-at-bottom.closeable-box {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}


div.box-at-bottom.closeable-box > div.box-at-bottom.closeable-box {
     position:relative !important;
     box-shadow: none;
    
}


.fm-save {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #def;
    z-index: 690;
}

    .fm-save input {
        margin: 10px;
    }

    .fm-save .cmds {
    font-weight: bold;
    }

.page-status-bar {

    
    
    border-top: 2px solid #ffa;
    background-color: #ffffaa;
    color: #666;
    
    z-index: 600;
    
    box-shadow: inset 0 0 2em #eee, 0 0 2em #aaa;  
    
   background-color: #D9F6FF;
   color: #2894BF;
    border-top: 2px solid #D9F6FF;
    padding: 3px 10px;

    border-top: 1px solid #aaa;

    xbottom: 15px;
}


/*
.easyform td.sub_form_head {
    background-color: #cde;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
}
*/

#confirm_box
{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	
	
	background: #EEE8AA url('/a/s/images/info.png') no-repeat;
	background-position: right 10px;  
		
	color: #333;
	text-align: right;   
	z-index: 999;
	border: solid 1px #DEB887;  
	border-top-width: 28px; 
	padding: 20px 80px 10px 0px;
	vertical-align: middle;   
	xline-height: 22px;
	
	font-weight: bold;  
	  
	  
}

.ui-cmd {
    background-color: #ddd;
    color: #000;

    border: 1px solid #999;
    border-top-color: #ddd;
    border-left-color:#ddd;
    padding-left: 30px;
    padding-right: 30px;
}

.ui-center-text, .c {
    text-align: center;
    
}

.ui-auto-center {
    display: inline-block;
    margin: auto;
}


.ui-block {
    display:block;
    width: 100%;
}

.ui-input-box {
     background-color:#f8f8f8;
     color: #666;
     padding: 10px;
    
}

    .ui-input-box span.title {
        display: block;
        
        font-weight: bold;
        text-align: center;

        padding-bottom: 5px;
        border-bottom: 2px solid #666;
        
    }



.link_cmd /*depricated*/
{
	color: #345;
	display: inline-block; 
	
	text-align: center;  
	margin: 2px;
	background-repeat: no-repeat;          
	
	
    background-color: #eee;
        
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;

    border-bottom: solid 1px #888;
    border-right: solid 1px #888;
         
    

}

.link_cmd:hover
{
	border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;

    border-top: solid 1px #888;
    border-left: solid 1px #888;

    background-color: #e4e8ef;
   
}

.inline-cmd, .inline-cmd:hover {
    min-width: 300px;
    max-width: 70%;
    background-color:#447FF5;
    font-weight: bold;
    color: white !important;
    border: none;

    border-radius: 4px;
    xdisplay: table-cell;
    vertical-align: middle;
    margin:auto 1em !important;

     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
     xbox-shadow: 10px 10px 10px #ccc;
}

    .inline-cmd:hover {
        opacity: 0.9;
        box-shadow:none;
    }


    .but {
    min-width: 100px;
    background-color:#447FF5;
    font-weight: bold;
    color: white !important;
    border: none;
    border-radius: 4px;
    vertical-align: middle;
    margin:auto 1em !important;

     box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

     display: inline-block;
     padding: 7px 30px !important;
}

    .but:hover {
        opacity: 0.9;
        box-shadow:none;
    }


/********** DLG BOX *************/

.dlg_box {
    position: absolute;
    border: solid 1px #a0a0a0;
    visibility: hidden;
    z-index: 1010;
    vertical-align: top;
    background-color: #ffffff;
    overflow: hidden;
    
}

.dlg_box .head
{
	color: #999;
	height: 30px;
	background-image: url(../images/bg/dlg-box-hdr-bg.jpg);
	background-position: 0px -120px;
    border-bottom:1px solid #888;

    vertical-align:middle;
   
   
   
}

 .dlg_box .head A.icon { border: 1px solid transparent;  }

 .dlg_box .head A.icon:hover { border: 1px solid #aaa; }
 

.dlg_box .content
{
	vertical-align: top;  

}


.dlg_loading
{
	position: absolute;
	top: 48%;
	left: 48%;  
    z-index: 2000;
}

#dlg_title {
    font-weight: bold;
	color: #164871; 
	
	overflow: hidden;  
    text-overflow:clip;
   
   
    padding: 0px 20px;
    
}

#dlg_frame {
    position:absolute;
    width: 100%;
    /*
    top: 0px;  left: 0px;  right: 0px;   bottom: 0px;
*/
}

#dlg_parent_cover
{
	/*position:absolute; top: 0; left:0; width: 100%; height: 100%; background-color:#000; z-index: 105;*/
	position:absolute; top: 0; left:0; width: 100%; height: 100%; background-color:#000; z-index: 105;
    /*position:fixed; top: 0; left:0; bottom: 0;  right: 0; */
}

.inst 
{
	color: #666;
	border: solid 1px #ccc;
	padding: 20px 80px;  
   	
    margin-top: 20px;
    margin-bottom: 20px;
    
    background: #ffffaa url('../images/info.png') no-repeat;
	
    background-position: 1% center;
   

    line-height: 2em;
 
     font-size: 0.9em;

     border-radius: 4px;
          

     /*
     background-color: #D9F6FF;
     color: #2894BF;
     color: #444;
*/
}

div.inst li {
    font-size: 0.9em;
    color: #666;
    padding-left: 20px;
    padding-right: 20px;
}

.hint
{
	color: #666;
    background-color: #ffffaa;
	border: solid 1px #ccc;
	padding: 10px 20px;  
   	margin: 5px auto;

       font-size: 0.9em;

       border-radius: 4px;
}

div.ui-links {
    text-align: center;
}

div.ui-links a {
   
    font-size: inherit;
    display: inline-block;
    margin: 0 1em;
   
}

    

table.inline-menu td {
    padding:3px 20px;
    padding: 3px 3px;
}

.inline-menu a 
{
    text-decoration: none;
    padding: 0px 5px;
   
    color: black;
    height: 24px;
    display: block;
    overflow:hidden;
    
    background-image: url(../images/icons/mnu_item.png); 
    background-repeat: no-repeat;
    background-position: left center;

    padding-left: 25px;
}

.inline-menu span.note {
    display: block;
    padding-left:20px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-decoration:none;
    font-style:normal;
}

.tree a {
    background-image: url(../images/icons/file.gif) !important;
}

.tree a.folder {
    background-image: url(../images/icons/folder.png) !important;
    font-weight: bold;
}


a.tree-i {
    background-color: #eee;
    background-color: transparent;
    text-indent: 10px;
    background-position: left center;
}

div.tree-i {
    border: 1px dotted #ccc;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 1px;
    opacity: 0.9;
    /* 
   border-width: 0;
   border-right:1px dotted #ccc;
   border-bottom :1px dotted #ccc;
       */
    border: 1px solid #fff;
   
}



div.tree-i a {
    background-image: url(../images/icons/file.gif);
}


div.tree-sub-item {
    padding: 10px 20px;
   padding-top: 5px;

    
}

a.collapsed {
    background-image: url(../images/icons/expand.png) !important; 
}

    

    a.expanded {
        background-image: url(../images/icons/collapse.png) !important;
    }


a.tree-i.expanded {
    background-color: #EEE8AA;
    xbackground-color: transparent;
    background-color: #ccc;
}

div.inline-menu > div.tree-i {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

div.inline-menu > a.tree-i.expanded {
    margin-top: 10px !important;
    font-size: 1.1em;
    height: 30px;
    padding-top: 5px;

    border: 1px solid #fff;
    background-color: #EEE8AA;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

a.tree-i.ui-selected, a.tree-l.ui-selected {
    background-color: #EEE8AA;
}


.inline-menu a:hover { 
    background-color: #164871;
    color: white !important;
}


.fm-footer-links {
    margin-top: 50px;
    border-top: 1px solid #EEE8AA;
    border-bottom: 1px solid #EEE8AA;
    background: url(../images/bg/fm-title.jpg) repeat #cde;
    background-position: center center;
    z-index: 600;
}

.fm-footer-links a
{
    color: #333;
    text-decoration: none;
    padding: 2px 15px;
    margin:10px 10px;
    display: inline-block;
    border: 1px solid transparent;
    box-shadow:0 0px 0px 0 rgba(0,0,0,0.2),0 1px 10px 0 rgba(0,0,0,0.19);
    background-image: url(../images/icons/mnu_item.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
}

    .fm-footer-links a:hover {
        border: 1px solid #EEE8AA;
        box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 2px 20px 0 rgba(0,0,0,0.19);
    }

/* end: Popup Menu  */

.suggest-box {
    
    position: absolute;
    display: inline-block;
    
    DISPLAY: block;  
	Z-INDEX: 1015; 
	WHITE-SPACE: normal! important; 
	
	background-color: #c8d8e8;
    border:1px solid #789;
	color: #666;
      
    max-height: 200px;
    overflow:auto;

    padding: 5px; 
    background-color: #cde;
    
  
  
     
}

div.suggest-box a.ui-tit {
    text-align: center;
     background-color: rgba(150, 150, 150, 0.30);
      
}
    


.hs-box {
    border: 1px solid #ccc;
    padding: 10px;
    
}

.has-shadow {
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.light-shadow {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);

    
}

  .accord-content SPAN.fm-title {
        display: none;
    }

#wait-status-box {
    min-height: 100px;
    max-height: 50%;
    width: 80%;
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    padding: 50px 50px;
    background: 30px center url(../images/loading.gif) #fff no-repeat;
   z-index: 1999 !important;
   position:absolute;
}



.popup-box
{
	white-space: nowrap; 
	FONT-WEIGHT: normal; 
    TEXT-DECORATION: none; 
    display: inline-block;
    position: relative;
}

    

.popup-box DIV.popup-content, .popup-box DIV.popup-content-frame, .popup-box SPAN.popup-menu, .popup-box SPAN.popup-sub-menu, .popup-box SPAN.tip,
.popup-box DIV.popup-content-no-hover
{
	DISPLAY: none;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 8px;
    
}

    .popup-box.at-left SPAN.popup-menu, .popup-box.at-left DIV.popup-content, .popup-box.at-left DIV.popup-content-no-hover {
        left: 0;
    }

    .popup-box.at-right SPAN.popup-menu, .popup-box.at-right DIV.popup-content, .popup-box.at-right DIV.popup-content-no-hover {
        right: 0;
    }


    .popup-box DIV.sub-menu-box {
        display: block;
        box-shadow: none;
        background: url(../images/icons/sub-menu.png) no-repeat !important;
        background-position: right center;
    }

/*.popup-box.hover > SPAN.popup-menu, .sub-menu-box.hover > SPAN.popup-sub-menu */
 .popup-box:hover > SPAN.popup-menu, .sub-menu-box:hover > SPAN.popup-sub-menu 
 {
    DISPLAY: block;
    Z-INDEX: 2100;
    WIDTH: 300px;
    WHITE-SPACE: normal !important;
    background-color: #c8d8e8;
    border: 1px solid #789;
    color: #666;
    position: absolute;
    padding: 10px;
    border-radius: 8px 8px;
    top: 30px;
    border: 1px solid #fff;
}



    .rep_tab .popup-box:hover SPAN.popup-menu, .rep_tab .sub-menu-box:hover SPAN.popup-sub-menu {
        top: 20px;
    }



DIV.sub-menu-box:hover SPAN.popup-sub-menu  {
    top: 0;
    left: 25%;
   
     
}



DIV.sub-menu-box:hover > A, SPAN.popup-menu A:hover {
    background-color: #164871;
    color: white;
}

.sub-menu-box.b:hover > SPAN.popup-sub-menu {
     bottom: 0 !important;
     top: initial !important;
}





SPAN.popup-menu A, SPAN.popup-menu b.title {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 5px 5px 25px;
    margin-top: 1px;
    text-decoration: none;
    color: black;
    border-radius: 4px 4px;
        
}

.popup-box:hover > #fm-tm.popup-menu.dbl {
    width: 750px !important;
    border: 1px solid #fff;
    
}

#fm-tm.popup-menu.dbl A, #fm-tm.popup-menu.dbl DIV.sub-menu-box {
    display: inline-block;
    width: 300px;
    max-width: 100%;
    border-bottom: 1px solid #def;
    margin-left: 50px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#fm-tm.popup-menu.dbl DIV.sub-menu-box {
    border: none;
}
    SPAN .popup-menu A.link_icon {
        font-weight: normal;
        margin-left: 0;
        margin-right: 0;
    }

    .popup-box:hover SPAN.popup-menu.tb {
        padding: 2px;
        background-position: center center;
    }

SPAN.popup-menu.tb A {
    display: inline-block;
    margin: 2px 5px;
    
    border: 1px solid #def;
    box-shadow:rgba(0,0,0,0.1) 4px 4px;

    
}

SPAN.popup-menu A {
    background-image: url(../images/icons/mnu_item.png); 
}

SPAN.popup-menu b.title,  div.inline-content-box span.popup-sub-menu b {
   background-color: #c0d0e0;
   font-weight: bold;
   padding-left: 16px;
   
   border: 1px solid #def;
   border-bottom-color: #abc;
   border-right-color:#abc;
}







.popup-box:hover SPAN.tip 
{
	DISPLAY: block;  
	Z-INDEX: 1000; 
	padding: 0px 0px 0px 0px; 
	  
	WIDTH: 200px; 
	WHITE-SPACE: normal! important; 
	POSITION: absolute; 
	TOP: 20px;
    	
	
	padding: 10px 40px 10px 10px;  
    text-align: justify;  
	
	font-weight: normal;  
	
	background-position: right 10px; 
	
    color: #666;
	border: solid 1px #ccc;
    background-color: #ffffaa;
}



.popup-box:hover DIV.popup-content, .popup-box DIV.popup-content-no-hover
{
	display: block;  
	z-index: 1000; 
	white-space: normal! important; 
	position: absolute; 
	top: 20px;
    
    width: 600px; 
    padding: 20px;	
    
    background-color: #f8fcff;
    color: #666;
	border: solid 1px #ccc;
}

.popup-box DIV.popup-content-no-hover {
    top: 1px;
    padding-top: 5px;
    DISPLAY: none;
}

.popup-box:hover DIV.popup-content-frame 
{
	DISPLAY: block;  
	Z-INDEX: 1000; 
	WHITE-SPACE: normal! important; 
	POSITION: absolute; 
	TOP: 20px;
    
    WIDTH: 400px; 
    padding: 40px;	
    text-align: justify;  
	
    background-color: #ffffaa;
    color: #666;
	border: solid 1px #ccc;
   
}



   


.inline-menu-container .popup-box {
    display: block;


}




.inline-menu-container DIV.popup-box.sub-menu-box span.popup-sub-menu {
    left: 30px;
}

/* ------ */

.chk-list, TABLE.chk-list td {
    border-width: 0px;
    padding: 4px;
   
    
}


  .chk-list-sortable { list-style-type: none; margin: 0; padding: 0; width: 80%; }
  .chk-list-sortable li { margin: 5px; padding: 2px 5px;  border: 1px solid #ddd; background-color: #f0f0f0;  }
  html>body .chk-list-sortable li { line-height: 1.2em; }

  .chk-list-sortable .ui-selecting { background: #FECA40; }
  .chk-list-sortable .ui-selected { background: #F39814; color: white; }

/*
  .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
*/

.fm-list-view {
   width: 100%;
   border-radius: 4px;
}

.fm-list-view td {
   vertical-align: top;
  
}

.fm-list-index {
    width: 200px;
    WHITE-SPACE: normal! important; 
	border:0px solid #789;

	color: #666;
    padding: 0px;
  
    
}

/*Form Browse Mode*/

.ui-horizon-sep {
    margin: 8px 0;
    height: 2px;
}

.xfm-browse-index, .side-panel {
   
    width: 290px;
    background-color: #e8e8e8; 
    border-width: 0px;  

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   
    
    
}

div.side-panel {
    overflow:hidden;
}

div.side-panel > #fm-browse-index, div.side-panel .xfm-browse-index {
    position:absolute;
    width: 100%;
    bottom: 0;
    top:80px;
    overflow:hidden;
    overflow-y:scroll;
}




.side-panel {
    padding: 0;
   
    overflow: hidden;
    overflow-y: auto;

    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding-top: 5px;
  

 
    width: 400px;
    padding: 0;
}

    .side-panel .ui-tb  {
        margin: 0;
        margin-bottom: 5px;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #ccc;
         
    }



.xfm-browse-index {
    top:140px;
    padding: 0;
    overflow-y: auto;
}

.fm-browse-item  {
    overflow: hidden;
    left: 300px;
    right: 0;
    margin:0;
    padding:0;
    
  
}




.fm-tree-item {
    left: 400px;
}




/* testing.... */
.icon-text-input-div {
    border: 1px solid #cde; 
    display:inline-block; 
    background-color:#fff;
    padding: 8px 0px;
          
   border-radius: 4px;
    
}

    .icon-text-input-div input  {
        border: 0px none;
        padding: 1px 5px;
        margin: 0;
    }

    .icon-text-input-div A.icon {
        margin: 0 !important;
    }

    

div.ui-tb div.icon-text-input-div {
    height: 32px;
    margin: auto 2px !important;
    padding: 0 !important;
    border: 1px solid #aaa;
    
}



.fm-list-index-row td {
    border-color: transparent;
    padding: 0px;
}

    .fm-list-index-row td a {
        display: block;
        height: 24px;
        padding-left: 2px;
        padding-right: 2px;
        overflow: hidden;
        text-overflow: clip;
       
        border-bottom: 1px solid #789;
        padding-left: 20px;
        padding-right: 4px;
        margin: 0px;
        background: url(../images/icons/mnu_item.png) no-repeat;
        background-position: left center;
    }

.fm-list-index-row.selected td a {
    background-color:#789;
    color: #fff;
    font-weight: bold;
}





.happy {
    border-color: green;
}


.page_center {
    vertical-align: middle;
}





.loading { 
    background: center center url(../images/icons/loading_.gif) no-repeat;
    color: red;
} 





.hs-trace {
    color: #888;
    text-align:left;
    font-size: 8pt;

}


div.content-box {
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

    div.content-box b.title {
       
        margin-top: 5px;
        padding: 3px;
    }

    DIV.content-box DIV.content {
        border: 1px solid #cde;
        padding: 5px;
        margin-top: 0px;
        
     width: 100%;
     overflow: auto;
     
     
    }


.fm-flds-table {
    width: 100%;
}

TABLE.fm-flds-table TD {
    vertical-align: top;
}


DIV.pages-index {
    margin: 10px 0px;
    text-align: center;
}

DIV.pages-index A {
    display: inline-block;
    width: 30px;
   
    text-align: center;
    border: 0px solid #164871;
    
}

DIV.pages-index A.cur-page {
    color: black;
    background-color: #f0f0f0;
    background: url(../images/bg/fm-title.jpg) repeat #cde;
    background-position: center center;
     
    font-weight: bold;
}




.fm-links {
    display: inline-block;
}


.child-items-list {
 	border-collapse:collapse;  
    
}


table.child-items-list {
    
        vertical-align: middle;
        border-collapse: collapse;
        margin: 4px 0;
        padding: 4px 0px;
        
       
}

.child-items-list td 
{
    padding: 0 4px;
    vertical-align: top;

    
}

.child-items-list.fix-head tr.head td, .child-items-list.fix-head tr.head th, .child-items-list.fix-head tfoot td, .child-items-list thead th  {
    font-weight: bold;
    background-color: #cde;
    padding: 4px;
    text-align: center;
  
}







table.child-items-list.fix-head {
    margin: 1px auto;
    min-width: 70%;
    margin: 4px auto;

    min-width: 50%;
}

.item-list-hdr {
     background-color: #ddd;
    display: block;
    margin: 0 auto;
    
     margin-bottom: 5px;
     text-align: center;
}

.item-list-body {
    position: relative;
    display: block;
    overflow:auto;
    overflow-x:hidden;
    
  
    margin: auto;
    width: 102%;

  
    
}

.item-list-body  tr:nth-child(even) {
      background-color:#f0f0f0; 
      
    }

.item-list-foot {
     background-color: #ffffaa;
     font-weight: bold;
    display: block;
     margin-top: 5px;

     background-color:#007ACC;
     background-color: #cde;
}




tr.sg1 td {
    xbackground-color: beige;
    font-weight: bold;
    xborder-top: 1em solid #fff !important;
    
}




.ui-hilight, tr.ui-hilight td {
    background-color: #cde !important;
    
}

.ui-group-head {
    
}


.ui-group-head, tr.ui-group-head td {
    background-color:#ddd;
    font-size: 1.1em;
    font-weight: bold;
    background-color:#EEE8AA;
    padding-top: 10px;
    padding-bottom: 10px;

    background-color: rgba(234, 198, 151, 0.20);
    
}


div.ui-hilight {
    padding: 2px;
}

.hs-selected, tr.hs-selected td {
    background: url(none) #ffffaa !important;
}

.hs-selected2, tr.hs-selected2 td {
    background: url(none) #DEB887 !important;
}

.test-x[data-x="3"] {
    background-color: #EEE8AA;
    color: red;
}


.bold-row td {
    font-weight: bold;
}

/* CMS Module */

.cms-title {
    font-size:x-large;
   font-weight: bold;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #ccc;
   
}




/* Time Picker: jquery.timepicker.min.css */

.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box; }
.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box;height:205px;display:block;margin:0}
.ui-timepicker{list-style:none;padding:0;text-align:center; border: 1px solid red;}
.ui-timepicker-viewport{padding:0;overflow:auto;overflow-x:hidden;  margin-left:-20px; }
.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.0em;background-color:#FFF;border:1px solid #aaa;color:#222;margin:0;}
.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:0 4px;text-decoration:none; margin-right:-25px;  }
.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}
.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}
/*.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px} */
.ui-timepicker-hidden{display:none}
.ui-timepicker-no-scrollbar .ui-timepicker{border:none}



table.sys-log {
   
}

.sys-log textarea, .sys-log div.index {
    height: 600px;
    padding: 5px;
    border: 1px dotted #cde;
    overflow-y: scroll;
}

.sys-log div.index {
    background-color:#eee;
}

span.date .lst {
    border: 1px  dotted #ccc;
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-base-color: #fff;
   
    overflow:hidden;
}




.hs-output-console {
    width: 100% !important;
    background-color: black !important;
    color: #EEE8AA !important;
}




.inline-menu-container {
/*
    width: 100%;
    height: 100%;
    display: grid;
    grid-auto-flow: row dense;


     
  
  display: grid;
  grid-gap: 10px;
  grid-template: repeat(4, 1fr) / repeat(4, 1fr); 
  grid-auto-flow: row dense;
*/



}


.inline-menu-container a {
    padding-bottom: 4px;
    padding-top: 4px;
    margin-top:8px;
    margin-bottom: 8px;
    min-width: 150px;

    margin: 8px 10px;
  
}




.inline-content-box {
    display:inline-block;
    vertical-align: top;
    margin: 10px;
    border-bottom: 1px dotted #ddd;


     
     
     border-radius: 8px;
     
     xbox-shadow: 1px 1px 1em #abc;
     xbackground-color: #f8f8f8;
    
    display: run-in;
     
}

div.inline-content-box span.popup-sub-menu b.title {
   
    display:block;
    padding: 5px 10px;
    text-indent:1em;
    border-radius: 4px;
   
}

   .inline-content-box div.inline-menu > b {
        height: 32px;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 4px;
        background-color: #eee;
        padding: 5px 5px;
        min-width: 200px;
        text-align: center;
    }

    .inline-content-box div.inline-menu > b:first-child {
        
        box-shadow: 0 0 1em #abc;
       
        background-color: #6F7F8F;
      
        color: #F1F1F1;
    }


.scrollable-container, .scrollable {
   
    overflow: visible;
    overflow-y: scroll;
    overflow-y:auto;
    padding: 0;
    margin: 0;
    position:relative;

    
}



/* POS page*/

.pos-unit {
    color:green;
    font-weight:normal;
}



div.doc-inline-item, .item-book-date, .grid-box {
    display: inline-block;
    padding: 0;
    margin: 3px 5px;
    border: 1px solid #ccc;
   
    overflow: hidden;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2) ,0 3px 10px 0 rgba(0,0,0,0.19);
    background-repeat: no-repeat; 
    background-position: center center; 

   
   color: #2894BF;
   background-color:#cde;
    color: #000;
  
   border-radius: 0.9em 0;
   
   width: 100px; 
   height: 100px;
   font-size: 12pt;

    
  
}




        table.ui-cal {
            margin: auto;
        }



table.ui-cal th, table.ui-cal tr.tit td {
    text-align: center;
    height: 40px;
    font-weight: bold;
    background-color: #ccc;
    color: #666;
    border-radius: 5px;
    padding: 5px;

}

     table.ui-cal tr.tit td {
        background-color: #cde;
        font-weight: bold;
        
    }

    table.ui-cal tr.m-y td {
        font-size: 2em;
    }

.item-book-date {
    
    background-color:#fff;
    text-align: center;
    border:1px solid #aaa;

    margin: 0;
    padding: 0;
    
}
    .item-book-date b {
        font-weight:normal;
        display:block;
        margin: 2px 4px;
    }

    .item-book-date a {
        color: #000;
    }

        .item-book-date b.dm {
            font-size: 1.5em;
            border-bottom: 1px dotted #aaa;
            font-weight: bold;
            padding: 5px;
            display:block;
            background-color: #abc;
            margin: 0;

            background-color: #888;
            opacity: 0.5;
           
        }

            .item-book-date b.dm span.m {
                font-size: 0.7em;
            }

        .item-book-date b.a,.item-book-date b.b {
            font-size: 1.5em;
            border-bottom: 1px dotted #aaa;
            font-weight: bold;
            display: inline-block;
           
             border-radius: 50%;
             
            width: 30px;
            height: 30px;
            line-height:30px;

            background-color:#fff;

            opacity: 0.7;
            
        }

   .book-V, .item-book-date b.ax {
        background-color: #abebc6 !important;
        color: #145a32 !important; 
    }
    
   .book-B, .book-I, .book-R, .item-book-date b.bx {
        background-color:  #f1948a !important;
        color:   #922b21 !important; 

      
         
    }



.book-X {
    background-color:#ddd;
    opacity: 0.2;
    visibility: hidden;
}

 span.item-book-date.dimm {
       opacity: 0.3;
    }



    div.doc-inline-item div.cont {
        position: relative;
        top: 0; left: 0; width: 100%; height: 100%;
        font-size: 1em;
      
         
    }


       
            div .doc-inline-item div.cont img {
            opacity: 0.3;
            z-index: 100;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;

          
        }

div.doc-inline-item a.tit {
    display: inline-block;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    z-index: 200;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-size: 1em;
       
   bottom: 25%;
}



    div.doc-inline-item a.tit span {
        vertical-align: middle;
        display: inline-block;
        color: #164871;
        font-size: 1em;
        font-weight: bold;
        font-family: 'Times New Roman';
        padding: 1px;
        xline-height: 1.5em;
        color: #000;
       
       
        
    }

        div.doc-inline-item a.tit:hover {
             color: #164871;
        }
    


  

    div.doc-inline-item a.minus, div.doc-inline-item span.value, div.doc-inline-item span.tools  {
       position: absolute;
       z-index: 300;
       color: red;
       font-size: 2em;
       font-weight: bold;
       bottom: 0; left: 0;
       background-color:transparent;
       display:inline-block;
       border: 0px solid #ccc;
       margin: 0;
       width: 24px;
       height: 24px;
       text-align: center;
       visibility: hidden;
       padding: 0;
       
       background-color:#EEE8AA;
       opacity: 0.7;

       
       
        

        
        
    }

div.doc-inline-item span.tools {
    opacity: 1;
    bottom: 24px;
    
   background-color: #fff;
   background-color:rgba(250,250,250,0.50);
   height: 32px;
   width: auto;
}

div.doc-inline-item a.minus {
    top: 0;
    right: 0;
    bottom: unset;
    left: unset;
    opacity: 1;
}


div.doc-inline-item.grid a.minus {
    opacity: 1;
}

/*
 table.pos a.minus {
    background-color: transparent;
    color: red;
    opacity: 0.7;
    font-weight: bold;
    font-size: 2em;
    height: 16px;
    width: 16px;
    display: inline-block;
}
    */

div.doc-inline-item input {
    position: absolute;
    z-index: 300;
    padding: 0;
    top: 0;
    left: 0;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 32px !important;
    height: 32px;
    border-radius: 50%;
    color: #164871;
    visibility: hidden;
    background-color: lightgreen;
}

div.doc-inline-item input.ex {
    border-width: 1px;
    background-color: #fff;
    width: 70px !important;
    height: 32px;
    border-radius: 4px;
    visibility: visible;

    
}

div.doc-inline-item span.value {
    width: 100px;
    border-radius: 2px;
    right: 0; left: 0;
    font-size: 10pt;
    font-weight: 600;
    background-color:#fff;
    color: #000;
    opacity: 1;
    background-color: #D9F6FF;color: #2894BF;
    z-index: 200;
    visibility:visible;
}

      div.doc-inline-item.selected:not(.grid) {
        background-color: #ffffaa;
        box-shadow:none;
    }

       

    div.doc-inline-item.has-invalid-value {
        background-color: #ffcccc;
        color: #990000;
        border: 2px solid red;
    }

    div.doc-inline-item.selected input, div.doc-inline-item.selected a.minus,  div.doc-inline-item.selected span.value {
        visibility: visible;
    }


div.doc-inline-item.grid input, div.doc-inline-item.grid span.value {
        visibility: visible;
        
    }

div.doc-inline-item.grid.circle {
    border-radius: 50% 50%;
}

div.doc-inline-item.grid:hover {
    background-color:#ffffaa;
}

    div.doc-inline-item.grid:hover a.minus, div.doc-inline-item.grid:hover span.tools {
           visibility: visible;
           
    }

    div.doc-inline-item.grid:hover span.value {
           padding-left: 24px;
           font-size: 0.9em;
    }

div.doc-inline-item.grid .cont {
    background-position: center center;
    background-repeat:no-repeat;
}

div.doc-inline-item.grid.hp span.value {
    opacity: 0.8;
}


/*Sales Order POS - big mode*/

div.doc-inline-item.big {
    width: 150px;
    height: 150px;
    text-align: center;
    background-color: #f8fff8;

    margin: 10px;
    font-size: 11pt;
}

div.doc-inline-item.big div.cont img {
    max-width: 100%;
    height: auto;
    position: relative;
    opacity: 1;
    padding: 0;
   
}

    div.doc-inline-item.big a.tit {
        border: 1px solid transparent;
        position: absolute;
        top: 75%;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        margin: 0;
        background-color: #EEE8AA;
        background: url(../images/icons/plus.gif) no-repeat #EEE8AA;
        background-position: left center;
        
       
    }

        div.doc-inline-item.big a.tit span {
            display: block;
            line-height: 1em;
            font-size: 1em;
            font-weight: 600;
            height: 100%;
            overflow: hidden;
            xcolor: #000;
        }


div.doc-inline-item.big input {
    top: 0 !important;
    left: 0 !important;
    right: unset !important;
    bottom: unset !important;
}

    div.doc-inline-item.big a.minus {
        top: 0;
        right: 0;
        opacity: 1;
    }


    div.doc-inline-item.big span.value {
        position: absolute !important;
        top: unset;
        left: 0;
        right: unset;
        bottom: 25%;
        width: auto;
        visibility: visible;
        font-size: 0.8em;
        padding: 0 10px !important;
        color:#000;
    }



/****** Official Doc print **************/
.doc-header, .doc-header-data {
    border: 1px solid #aaa;
    width: 100%;
    margin: 2px auto;
    border-radius: 4px;
}

div.doc-header {
     padding: 4px;
}

table.doc-header td {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-weight: bold;
    xborder: 1px solid #ccc;
    
    max-width: 30%;
    width: 33%;
}

    table.doc-header td.doc-logo {
        text-align: center;
        font-weight: bold;
    }

    .doc-title {
    background-color: #eee;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;

    
}

    /*Doc header data*/



table.doc-header-data {
    border: none;
}

table.doc-header-data td {
    max-width: 40%;
    width: 40%;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    table.doc-header-data td.doc-title {
        width: 20%;
        background-color: transparent;
    }

    table.doc-header-data td b {
        padding-left: 10px;
    }



.doc-content {
     border: 1px solid #aaa;
     padding: 5px;
     border-radius: 4px;

     margin-top: 5px;
     margin-bottom: 5px;
      
}

.doc-footer {
     border: 1px solid #aaa;
}

.doc-user-entry {
    text-align: center;
    font-size: 0.9em;
    color: #888;
}

.fld-tools {
    display:inline-block;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color:transparent;
    
}

    .fld-tools input, .fld-tools select {
      padding: 4px 5px;
      margin:0;
      border: none;
    }

    


    .fld-tools div.tools {
        display: inline-block;
        margin: 0 4px;
        margin: 0;
    }


    .fld-tools A.icon {
        padding: 4px 12px; 
        margin: 0 0;
        background-color: #cde;
    
         background-color: #f0f0f0;

        margin: 0 1px;
        
       
   
    }

    .fld-tools A.icon:hover {
        background-color: #ccc;
    }


.start-menu {
    background-image: url(../images/icons/windows.png) !important;
    margin: 0 0;
    border-radius: 4px;

     background-color: #eee;
    border: 1px solid #ccc;
    color: black !important;
    font-weight: bold;
}


.page-break {
   display: none;
   
   border-top: 1px dashed #aaa;
   display: block;
   margin-top: 10px;
   height: 10px;
}

@media screen {

     .new-page-header {
        display: block;
        height: 1em;
    }

 

    #r_items,#r_lines {
        max-width: 100%;
        margin: auto;
        overflow:hidden;
        overflow-x: auto;
    }


   
   

    .fm-title {
        font-size: 1.25em;
    }

    thead.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
         
        
        left: 100px;
        right: 100px;
        will-change: transform;
        z-index: 20;
     
       
    }


    
        
}





#accord-menu {
    margin: auto;
    max-width: 500px;
}

#accord-menu .fm-tab {
    overflow:visible !important;
   
    
}

    #accord-menu a {
         height: 32px;
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
           
            border-radius: 4px 4px; 
            box-shadow: 0 0 1em #cde;
    }


     div.inet-chan-menu div.inline-menu a {
       
         margin-top: 10px;
         margin-bottom: 10px;
    }


/*********** Adjust for med screens size ***************/

@media screen and (max-width: 1200px) {
    .fm-tb {
        padding: 10px 20px !important;
    }

    div.ui-tb div.icon-text-input-div input {
            width: 50px !important;
        }

    .fm-tb a {  margin-left: 5px; margin-right: 5px;  }
   
}

/*********** Adjust for small screens size ***************/

@media screen and (max-width: 700px) {
      

    * {
        font-size:medium;
        font-size:initial;
    }


    input.flds, .lst, .select-menu, .inline-cmd {
        xheight: 40px !important;
        height: 32px !important;
    }


    body {
        overflow: auto;
    }

    #page {
        padding: 2px !important;
        margin: 2px !important;

      
    }

    #u-m.pc {
        display:none;
    }
   
    div.page_header .user-menu, .start-menu {
    background-color: #eee;
    border: 1px solid #ccc;
    color: black !important;
    font-weight: bold;
}

    .page_header, #u-m , .page-content, .fm-content, .fm-controls,.easyform,.fm-tab, .popup-content {
        margin: 0 !important;
        padding: 0 !important;
        letter-spacing: normal;
    }

    .box-at-bottom {
        padding-left: 0;
        padding-right: 0;
    }

   DIV.sub-menu-box:hover SPAN.popup-sub-menu  {
     left: 0;right:0;
}

  

    .fm-links {
        display: none;
    }

    .fm-tb {
        padding: 5px 5px !important;
    }


    .fm-tb a {
        margin-left: 2px;
        margin-top: 2px;
    }

     .fm-title {
        height: 32px;
        overflow: hidden;
        display: none;
    }
   

    table.easyform  td {
       padding-left: 1px;
       padding-right: 1px;
       border: none;
    }

    table.easyform td.tip {
        width: 0px;
        display: none;
    }

    table.easyform td.val {
        width: 70%;
    }

    table.easyform input:not(.fix-size, table.child-items-list input, input[type='checkbox']),
    table.easyform select:not(.fix-size, table.child-items-list select),
    table.easyform textarea
    {
        display: inline-block;
        width: 90vw !important;
        min-width: 90vw !important;
        max-width: 90vw !important;
    }

    /*full width*/
    table.easyform textarea,
    .chk-list, .chk-list-sortable, .inst {
        display: inline-block;
        width: 94vw !important;
        min-width: 94vw !important;
        max-width: 94vw !important;
    }

    

    table.easyform input[type='checkbox'] {
        display: inline-block !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;

        border: 1px solid green;
        padding: 0 !important;
        margin: 0 !important;
    }

    table.easyform label {
        padding: 0;
        margin: 0;
        width: unset;
        max-width: unset;

        display: inline-block;
        xwidth: 70vw !important;
        xmin-width: 70vw !important;
        xmax-width: 70vw !important;
       
        
    }

    .fm-ui-plain-tab, .ui-cont-box, .ui-inline-box {
        padding-left: 0;
        padding-right: 0;
    }


    .msg-box, .msg-fixed {
        padding: 40px 10px;
        width: 80%;
        font-weight: bold;
    }



    .fld-tools {
        position:relative;
        width:90%;  
    
        
    }

         .fld-tools div.tools {
            position: absolute; top: 0; right:0;
        }

        .fld-tools input:not(.fix-size), .fld-tools select:not(.fix-size) {
            width: 70% !important;
            min-width: 70% !important;
           
        }

    table.easyform .fld-tools input:not(.fix-size), table.easyform .fld-tools select:not(.fix-size) {
        width: 70% !important;
        min-width:70% !important;
       
    }

    
   
       



    div.full-screen-box, .side-panel {
        bottom: 1px;
        width: 100%;
    }

   

    .child-items-list td {
        
        border-bottom: 1px solid #d8e8f8;
        
        padding: 2px 0px;
       
    }

    .child-items-list td input {
        margin:0;
        padding:0;
        width: 100% !important;
        text-align: center;
    }

 .inline-menu-container {
        width: 98%;
        margin: auto;
        padding: 1px;
        margin-top: 0;
        padding-top: 0;
    
        
    }


    .inline-content-box {
        display: block;
        margin: 10px;
        margin-top: 0;
        padding-top: 0;
    }

        .inline-content-box .inline-menu a, .inline-content-box .inline-menu b {
            height: 32px;
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
           
            border-radius: 4px 4px; 
            box-shadow: 0 0 1em #cde;
        }
            

        .inline-content-box .inline-menu  b {
            background-color: #cde;
            text-indent: 20px;
             }     

        .scrollable-container {
        overflow: visible;
        overflow-y: visible;

        
    }

   

    .no-mobile {
        display:none;
        visibility:hidden;
    }

    .ui-callout {
        left: 0;
    }

    /*pos*/

    div.doc-inline-item:not(.big), .item-book-date {
        width: 80px;
        height: 80px;
        font-size: 11pt;
        margin: 2px 0;
     
    }

    div.doc-inline-item a.tit {
        line-height: 60px;
    }

        div.doc-inline-item a.tit span {
            padding: 1px;
            line-height: 1.5em;
        }

        div.doc-inline-item > div.cont > input {
        font-size:1em;
        font-weight: bold;
        width: 32px !important;
        max-width:32px !important;
        min-width: 32px !important;
        height: 32px !important;
        bottom:-5px;
        right:-5px;
        display:inline-block;
         
    }

    

    .ui-tabs-anchor {
        font-size: 0.9em;
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin: 4px 2px;
    }

              

   

    tr#r_items > td > br , tr#r_lines > td > br{
        display:none;
    }

    div.fm-links.mir-flt {
        display: none;
    }


    .rep-container {
    width: 100%;
     border: 1px solid green;
   
     position: relative;
}

.scrollable-container-x {
   
    overflow: visible;
    overflow-y: scroll;
    overflow-y:auto;
    padding: 0;
    margin: 0;
    
    position:absolute;
    left: 0;
    right: 0;
    

    border: 1px solid red;
    
}


  #amnt-panel:not(.center)  {
        position:relative !important;
    }


    div.flow.fld.c2 div.tit, div.tit.c2, div.flow.fld.c3 div.tit, div.tit.c3 {
        text-align: unset;
        width: 100%;
        padding:2px 20px;
    }
   

}

/*********** End: Adjust for small screens ***************/  

   

span.fm-follower-fld {
    display: inline-block;
    padding:0;
    margin:0;
    border-width: 0;
    
}

.has-suggested-value {
    border: 1px dashed #333;
    color: #888;    
}


.pg-cust-rep-cont {
    width: 100%;
    overflow:auto;
}


.qs-suggest-box {
    background-color: white;
    border: 1px solid #164871;
}

.closeable-box {
    position:relative;
    padding-right: 50px;

   
}

.box-close-button {
    position:absolute;
    
    border: 1px solid #ccc;
    
    top:3px;right:3px;
   

    width:24px;
    height: 24px;
    
    border-radius: 50%;
    background-color: transparent;
    background-color: #fff;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.ui-callout {
    position: absolute;
    margin-top: 5px;
    padding: 20px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;

    max-width: 80%;
    max-height:80%;
    overflow: hidden;
    overflow-y: auto;

    
}


.tip-box {
    z-index:500;
    margin: 5px 0;
}

    .tip-box > .box-close-button {
        top: -5px;
        right: -5px;
    }


.tip-arrow {
    position: absolute;
    top: -16px;
    border: 0px solid #ccc;
    width: 24px;
    height: 16px;
    background:  url(../images/icons/hand.png) no-repeat transparent center center;
}



.box-close-button:hover {
    background-color: #ddd;
    border-width: 1px;
}


/****** ICONS - TO BE AT FILE END ******/

.icon_a { background-image: url(../images/icons/a.png) !important}

.icon_home { background-image: url(../images/icons/home.png) !important}

.icon_mnu_report {background-image: url(../images/icons/mnu_report.png) !important}



.icon_mnu_task {background-image: url(../images/icons/mnu_task.png) !important}
.icon_mnu_sys {background-image: url(../images/icons/mnu_sys.png) !important}


.icon_ok {background-image: url(../images/icons/ok.gif) !important}
.icon_waiting {background-image: url(../images/icons/time.gif) !important}

.icon_login, .icon_lock { background-image: url(../images/icons/lock.gif) !important} 
.icon_unlock { background-image: url(../images/icons/unlock.png) !important} 
.icon_logoff { background-image: url(../images/icons/logoff.png) !important} 

.icon_add {background-image: url(../images/icons/add.png) !important} 


.icon_edit {background-image: url(../images/icons/edit.png) !important}  
.icon_del {background-image: url(../images/icons/delete.png) !important}  
.icon_copy {background-image: url(../images/icons/copy.png) !important}  
.icon_save  {background-image: url(../images/icons/save.gif) !important}
.icon_list  {background-image: url(../images/icons/list.png) !important}
.icon_find  {background-image: url(../images/icons/find.png) !important}
.icon_view {background-image: url(../images/icons/view.png) !important}


.icon_print  {background-image: url(../images/icons/print.png) !important}
.icon-preview {background-image: url(../images/icons/preview.png) !important}

.icon_run   {background-image: url(../images/icons/run.gif) !important}
.icon_cancel   {background-image: url(../images/icons/cancel.png) !important}
.icon_help   {background-image: url(../images/icons/help.png) !important}
.icon_refresh   {background-image: url(../images/icons/refresh.png) !important}
.icon_upload {background-image: url(../images/icons/upload.png) !important}

.icon_yes, .icon_sucess, .icon_start, .icon_go  {background-image: url(../images/icons/yes.gif)  !important}
.icon_no, .icon_fail {background-image: url(../images/icons/no.gif)  !important}

.icon_stop  {background-image: url(../images/icons/stop.png) !important}

.icon_alerts {background-image: url(../images/icons/alerts.png) !important}

.icon_tab {background-image: url(../images/icons/tab.gif) !important}

.icon_tabs {background-image: url(../images/icons/tabs.png) !important}
.icon_accord {background-image: url(../images/icons/tabs.gif) !important}
.icon_plain {background-image: url(../images/icons/tabs.gif) !important}

.icon_user {background-image: url(../images/icons/user.png) !important}

.icon-ddl {background-image: url(../images/icons/dropdown.png) !important}

.icon_close {
    background-image: url(../images/icons/close2.png) !important;
}

.icon_maximize {
    background-image: url(../images/icons/maximize.gif) !important
}
.icon_confirm {background-image: url(../images/icons/confirm.gif) !important}
.icon_reject {background-image: url(../images/icons/no.gif) !important}
.icon_reopen {background-image: url(../images/icons/reopen.png) !important}
.icon_reopen-in-new-tab {background-image: url(../images/icons/reopen_in_new_tab.gif) !important}


.icon_sel_item, .icon-main-menu {background-image: url(../images/icons/sel_item.png) !important}
.icon_sel_dlg {background-image: url(../images/icons/list.png) !important}
.icon_item_preview {background-image: url(../images/icons/item_preview.gif) !important}

.icon_menu_item {background-image: url(../images/icons/mnu_item.png) !important}

.icon_menu {background-image: url(../images/icons/menu.png) !important}
.icon-sub-menu, .icon-expand { background-image: url(../images/icons/sub-menu.png) !important}

.icon_qv {background-image: url(../images/icons/qv.gif) !important}
.icon_misc {background-image: url(../images/icons/misc.png) !important}
.icon_tools {background-image: url(../images/icons/tools.png) !important} 
.i-tm {background-image: url(../images/icons/i-tm.png) !important; border:1px solid #aaa !important; } 
.icon_config {background-image: url(../images/icons/config.png) !important} 

.icon_schedule {background-image: url(../images/icons/schedule.png) !important}  

.icon-hand {background-image: url(../images/icons/hand.png) !important}  
.icon-pause {background-image: url(../images/icons/pause.png) !important}  
.icon-resume, .icon-batch {background-image: url(../images/icons/start.png) !important}  


.icon_person {background-image: url(../images/icons/person.png) !important}
.icon_persons {background-image: url(../images/icons/persons.png) !important}

.icon_pwd  {background-image: url(../images/icons/pwd.png) !important}

.icon_coding, .icon_reports, .icon_report,.icon-note  {background-image: url(../images/icons/addressbook.gif) !important} 

.icon-money {background-image: url(../images/icons/money.png) !important}
.icon-more {background-image: url(../images/icons/more.gif) !important}

.icon_back {background-image: url(../images/icons/arrow_left.gif) !important}
.icon_next {background-image: url(../images/icons/go_right.png) !important}
.icon_prev {background-image: url(../images/icons/go_left.png) !important}

.icon_up {background-image: url(../images/icons/up.png) !important}
.icon_down {background-image: url(../images/icons/down.png) !important}


.icon-scanner {background-image: url(../images/icons/scanner.png) !important}
.icon-import {background-image: url(../images/icons/lorry.png) !important}
.icon-export {background-image: url(../images/icons/export.png) !important} 
.icon-active, .icon-release {background-image: url(../images/icons/release.png) !important} 
.icon-passive {background-image: url(../images/icons/passive.png) !important} 
.icon-check {background-image: url(../images/icons/check.png) !important} 

.icon-plus {background-image: url(../images/icons/plus.png) !important} 
.icon-minus {background-image: url(../images/icons/minus.gif) !important} 

.icon-checklist {background-image: url(../images/icons/checklist.png) !important}

.icon-windows {background-image: url(../images/icons/windows.png) !important}


.icon-cal { background-image: url(../images/icons/calendar.png) !important; }


.icon-excel {background-image: url(../images/icons/excel.png) !important}
.icon-pdf {background-image: url(../images/icons/down.png) !important}

.icon-info { background-image: url(../images/info.png) !important}

.icon-tree-view {background-image: url(../images/icons/tree_view.png) !important}
.icon_folder { background-image: url(../images/icons/folder.png) !important}
.icon_file { background-image: url(../images/icons/file.gif) !important}

.icon-side-panel, .icon-browse {background-image: url(../images/icons/icon_side_panel.png) !important}

.icon-barcode { background-image: url(../images/icons/barcode.png) !important}
.icon-mobile, .icon-phone { background-image: url(../images/icons/mobile.png) !important}
.icon-phone { background-image: url(../images/icons/icon-phone.png) !important}
.icon-sms { background-image: url(../images/icons/letter.gif) !important}
.icon-wa { background-image: url(../images/icons/icon-wa.png) !important}

.icon-cart { background-image: url(../images/icons/cart.png) !important}
.icon-in { background-image: url(../images/icons/incoming.png) !important}
.icon-out { background-image: url(../images/icons/outgoing.png) !important}
.icon-pin { background-image: url(../images/icons/pin.png) !important}
.icon-heart { background-image: url(../images/icons/heart.png) !important}


.fld-tools-icon { background-image: url(../images/icons/button-dropdown-icon.png) !important; border: none; }




.ui-accordion .ui-accordion-content {
    padding: 10px;
}

.ui-tooltip {
    color: #666;
	border: solid 1px #ccc;
    background-color: #ffffaa !important;
    background-image: url(none);
   
}


.ui-changed {
   border-color: #abf;
   
}



.test-tree {
    position: absolute;
   
    top: 50px;
    right: 50px;
    width: 500px;
    border: 1px solid #EEE8AA;
    height: 200px;
    background-color: #ffffaa;
    border-top-width: 30px;
    padding: 10px;
    z-index: 100;
    margin: 10px;
    overflow: visible;
}

.test-tree-sel {
    border-color: #aaa;
    z-index: 2000 !important;
}


table.item-units SELECT {
    min-width: 70px;
}

table.item-units INPUT {
    max-width: 100px;
}


a.ui-hilight {
    font-weight: bold;
    background-color: #cde;
    color: #164871;
    padding:5px 30px;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.ex-list {
    background-image: url(../images/icons/has-sub-menu.png) !important;
    background-repeat: no-repeat;
    background-position: 98% center;
}

 .find-mode {
        background-image: url(../images/icons/find.png) !important;
    }

.remox-logo {
    x-background: url(../apps/es/RemoX-logo300x75.png) no-repeat center center;
}


.key-val {
    display:inline-block;
    min-width: 20%;
    margin-left: 2em;
    margin-top: 3px;
    margin-bottom: 3px;
    
}

div.key-val b {
    margin-left: 0.5em;
    display:inline-block;
}

.key-val-full {
    display:inline-block;
    width: 100%;
  
    margin-top: 5px;

    padding: 0;

   font-weight:bold;

   background-color: #eee;
   border-radius: 4px 4px;

   
}


div.key-val-full b {
    margin-left: 2em;
    display: inline-block;
    width: 60%;
    text-align: left;
    font-weight: normal;
    background-color: white;
    padding: 0 5px;
}


.tit-val {
    display:inline-block;
    min-width: 20%;
    min-width: 15%;
    margin-left: 1em;
    margin-top: 3px;
    margin-bottom: 3px;

    margin: 3px 0.5em;
    
    border: 1px solid #888;
    padding: 5px 1em;
    border-radius: 4px;
   
}

div.tit-val b {
   
    display:inline-block;

  
   padding-left: 5px;
   padding-right: 5px;
}

/*flow*/
div.flow.fld, table.flow.fld {
   display:inline-block;
   border-bottom: 1px solid #cde;
   margin: 0 5px;
   min-width:32%;

   min-width:150px;

  
  
 
  
}

    div.flow.fld.full {
        min-width: 90%;
    }

table.flow.fld {
    width: 96%;
    display:table;

  
    
}

.flow div.tit {
    display: inline-block;
    padding: 2px 2px;
    width: auto;
    min-width: 150px;

  
  
  
 

}

  div.flow.fld.c2 {
        /*  for two cols */
     min-width: 48%;
    }

    div.flow.fld.c2 div.tit, div.tit.c2 {
        min-width: 200px; /*two cols*/
    }

    
    div.flow.fld.c3 {
        /*  for 3 cols */
     min-width: 30%;
     }

      

    div.flow.fld.c3 div.tit, div.tit.c3 {
        min-width: 150px; /*3 cols*/
    }


table.flow.fld td.tit {
    width: 150px;
}

table.flow.fld td.val {
    padding-left: 7px;
    padding-right: 7px;
}


/*compact*/

div.flow.fld.compact {
   min-width: 15%;
   border-radius: 4px;
   border-right: 1px solid #cde;
   background-color:#f0f8ff;
   margin: 1px;

   padding: 2px;
   border: 0px solid #cde;
}

.flow.compact div.tit {
    width:auto;
    min-width: 50px;
    display: inline-block;
}

table.flow.fld.compact td.tit {
    width: 100px;
}

/*end: compact*/


div.page-status-bar div.tv {
    display: inline-block;
    font-weight: bold;
    margin: 2px 5px;
}

div.page-status-bar div.tv span.t {
    display: block;
   
   
}



input.amnt.hilight, b.amnt, .hl-num {
    font-weight:bold;
    color: blue;
}

b.amnt {
    color: #164871;
}

div.page-status-bar input.flds, input.amnt, b.amnt {
    
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.15em 0.5em !important;
    width: 10em !important;
    
   
}

input.hl-num {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.15em 0.5em !important;
}



div.page-status-bar input.flds {
     text-align: center;
}


div.page-status-bar table.no-easyform td {
    
    font-weight: bold;
    color:#678;
    
}


div.page-status-bar.side, div.page-status-bar.center {
    right: initial;
    left: 40px;
    bottom: 40px;
    width: 250px;
    border: 1px solid #ccc;
    background-color: #ffffaa;
    border-radius: 8px;

    padding-bottom: 20px;
    max-height: 400px;
   
}

div.page-status-bar.center {
    width: 400px;
    background-color: #cde;
    max-height: initial;
    bottom: initial;
    padding: 0;
    padding-top: 20px;
    z-index: 1010;
   
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);

    background-color: #D9F6FF;
    color: #2894BF;
    border:1px solid #2894BF;
}

div.page-status-bar.side div.tv input.flds, div.page-status-bar.center div.tv input.flds {
    font-size: 2em;
    width: 8em !important;
    height: 40px !important;
}

    div.page-status-bar.center div.tv.head {
        display: block;
        background-color: #EEE8AA;
    }



.kv {
    display: inline-block;
    
   margin-left: 10px;
}

    .kv .k  {
        background-color: #cde;
        color: #00f;
        display: inline-block;
        padding-left: 4px;
        padding-right: 4px;
       
       
        border-radius: 4px;
        margin: auto 5px;
        
    }

    .kv .v {
        color: wheat;
        margin-left: 10px;
    } 

/* Behavior CSS*/

    td.val input[type='text']:focus, input[type='text']:focus, .focus , input:focus{
    background-color: #ffffdd;
    border-color: #66AFE9;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px 0px;
}





textarea:focus {
    background-color:#fff;
}

.has-invalid-value {
    border: 1px solid red !important;
}






.ui-pad50 {
    padding: 50px;
}

.ui-fix {
    background-image: url(../images/icons/lock.gif) !important;
    background-repeat: no-repeat; 
    background-position-y:center;
    text-indent:20px;
    
}

.no-bord {
    border: none;
}


/* Themes: to be moved to hs_app_theme.css */

/* to center the content in fixed width window
 
div.full-screen-box, .page_header, .page_footer, .fm-tb  {
    max-width: 800px;
    margin: auto;
}

#page {
    margin: 0;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    overflow: auto;
    background-color: #f0f4f8;
}

*/

/*
    .flow div.tit {
    border: 1px solid #ddd;
   
    border-radius: 4px;
    background-color:  #fef9e7 ;
    color:  #9a7d0a;
    font-weight: bold;
    text-align: center;
}


.flds, .lst, .select-menu {
    background-color: #fef9e7 ;
}
*/
    











div.hp-logo {
    z-index: -1;
    padding-bottom:30px;
    text-align:left;
    display:inline-block;
}




#pos-tab {
    width: 100%;
}

    #pos-tab td.pos-grid {
        vertical-align: top;
       
    }

    #pos-tab td.pos-lst {
        vertical-align: top;
        width: 200px;
        max-width: 250px;

        
    }


        #hos-itm-lst table.rep_tab tr.r-0 {
            background-color: #ffffaa;
        }

          #hos-itm-lst table.rep_tab tr.r-1 {
            background-color: #EEE8AA;
        }


#hos-itm-lst table.rep_tab td {
    text-align: center;
}




  

/********** End: Printing rules ***************/



div.pg-net-login-fm {
    xborder:1px solid #cde;
    border-radius: 4px;
   
     margin: 20px auto;
    padding:10px;
    padding-top: 20px;
  
  

    background-color: rgba(255,255,255,0.2);
    

    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


/*Testing rules*/

.visually-hidden:not(:focus):not(:active) { 
    xposition: absolute !important;
    xheight: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */

    width:20px;
   
    background: url(../images/icons/menu.png) #fff center no-repeat;
}


.off-screen {
  left: -100vw;
  position: absolute;
}

.inline-menu-container {
    display: flexbox;
    flex-direction: column;
    flex-wrap: wrap;
    column-width: 300px;
    
    xmax-height: 800px;
   
    
    max-width: 90%;
    
}


    .inline-menu-container span.popup-box {
        display: inline-block;
        min-width: 200px;
        vertical-align: top;
        POSITION: static;
        border-radius: 8px;
        margin: 10px 20px;
        background-color: #f8f8f8;
        border: 0px solid #eee;
        box-shadow: 10px 10px 40px #aaa;
    }

        .inline-menu-container span.popup-box a {
            margin: 2px 5px;
        }

    .inline-menu-container span.popup-box > a {
        text-align: center;
        display: block;
        font-weight: bold;
        background-color: #6F7F8F;
        color: #F1F1F1;
        box-shadow: none;
        margin: 0;
        padding: 10px;
        border-radius: 4px 4px 0 0;
        font-size: 1.2em;
        background-image: url(none) !important;
        background-color: rgb(246, 168, 40);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
    }

    .inline-menu-container span.popup-box > .popup-menu, .inline-menu-container span.popup-box:hover > .popup-menu {
        display: block !important;
        vertical-align: top;
        POSITION: static;
        vertical-align: top;
        POSITION: static;
        DISPLAY: block;
        Z-INDEX: 2100;
        width: 300px;
        min-width: 300px;
        WHITE-SPACE: normal!important;
        background-color: initial;
        border: none;
        color: #666;
        box-shadow: none;
        padding: 10px;
        border-radius: 8px 8px;
    }


.inline-menu-container span.popup-box > .popup-menu > b {
    background-color: #eee;
    border: none;
    padding: 4px;
    text-align: center;
}


div.side-panel span.inline_title {
    max-height: 40px;
    padding-left: 1px;
    padding-right: 1px;
   
}


table.chg-log {
    border-collapse: collapse;
    background-color:rgba(255, 255, 170, 0.31)
}


b {
    color: inherit;
}


td:empty.test {
    
}

input:default {
    
}

div.edu-cert {
   page-break-inside:avoid;
   margin:5px auto;
}

    div.edu-cert *  {
        xpadding: 5px 5px !important;
        line-height: 2em;
    }

    div.edu-cert table.edu-deg td {
        padding: 5px 5px !important;
        text-align: center;
    }

div.a4half {
        max-height: 145mm;
        overflow: hidden;
        margin:5px auto;
        padding:1px;
       
        page-break-inside:avoid;

     
    }

    div.a4half * {
        font-size: 9pt !important;
        color: #000;
        line-height: 12pt;
       
       
    }

    div.a4half table.rep_tab td
    {
        padding: 0 5px;
        text-align: center;
    }

   div.a4half i.sign-dots {
   margin: 1.5em 2em;
}



@media screen {
    div .a4half, div.edu-cert {
        width: 210mm;
         border: 1px dotted blue;
    }
}



/***** Make Driod Kufi is default ****/

  * {
        font-family: droid_kufi, Tahoma, Arial, sans-serif;
        color: #357;
    }

    input, select, textarea {
        color: #246;
    }

    .page_header, .page_footer {
        letter-spacing: normal;
    }
 
     div.tree a:not(.folder), a.tree-l {
       font-weight: normal;
       color: #235;
    }

    .tit {
        font-weight: bold;
    }


/*lab tests*/

    .lab-res-prn {
    width: 100%; 
    margin: auto;

    border-collapse:collapse;
    xborder: 1px solid #aaa;

    direction: ltr;
    text-align: left;
}

table.lab-res-prn tr td {
    border-bottom: 1px solid #ccc;
    padding: 2px 10px;
}

table.lab-res-prn tr.title{
    font-size: 2.5em;
    font-weight: bold;
    background-color: #eee;

    border-top: 5px solid #fff;
   height: 30px;
}


 div.doc-inline-item.swr {
        width: 300px;
        display: inline-block;
        height: 36px;
        border-radius: 4px;
        box-shadow: none;
    } 


 div.doc-inline-item.swr a.tit {
    line-height: 32px;
}


 .red { /*testing*/ 
        background-color: orangered;
 }


 .inline-box {
     border-radius: 8px;
     z-index: 10 !important;
 }

 .v-sep-x {
     background-color: #ccc !important;
     width: 1px;
     padding: 0;
 }


 /* Hi priority */

a.disabled {
    cursor: not-allowed;
    background-color: rgba(0,0,0,0.1) !important;
    border: 1px solid transparent !important;
    opacity: 0.5;
}


table.t-rep-full td:empty, table.t-rep-full th:empty {
    padding: 0 !important;
    border: none;
}

table.t-rep-full tr.bold-row td {
    font-size:0.95em;
}


@font-face {
    font-family: "sap_icons";
    src: url('../fonts/SAP-icons.woff') format('woff');
    font-weight:bold;
    font-style:normal;
}



.aa::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\e010";
    color: #f0ab00;
    font-family: "sap_icons";
    font-weight: bold;
}


select.multi:focus {
    height: 400px !important;
    xposition:absolute;
}


.find-tool {
    background-color: #D9F6FF;
    color: #2894BF;
    border-radius: 1em;
    width: 90%;
    padding: 30px;
    margin: auto;
}


.ss-fm div.fm-controls {
    background-color: #fff;
   
}


.ss-item-card {
    xbackground-color: #EEE8AA;
    border-spacing: 50px 50px;
    border-collapse:separate;
}

.ss-item-img {
    min-width: 300px;
    text-align: center;
    vertical-align: middle;

    xborder: 1px solid green;
    
    display: inline-block;
    margin: 1em;
}

.ss-item-data {
    vertical-align: top;
    max-width: 50%;
    display: inline-block;
    margin: 1em;
    xborder: 1px solid green;
}




@media screen and (max-width: 700px) {
    .ss-item-img, .ss-item-data {
        display: block;
        width: unset;
        
        min-width:unset;
        max-width:unset;
    }
}


.link_icon.hl {
    font-size: 1em !important;
    background-color: #447FF5;
    color: white;
    border:  1px solid #fff;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

    .link_icon.hl:hover {
        background-color: #447FF5;
        color: white;
    }



.circle-s {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
    font-size: 9pt;
    font-family: Tahoma !important;
}


    


    /* color sales with light green */

/*
.es-sale-frd, .es-cash-rcpt {

    background-color: rgba(200, 240, 200, 0.4) !important;
}

.es-purch-inv, .es-pay-vouch {
    background-color: rgba(240, 200, 200, 0.4) !important;
}

   




        

    .es-sale-frd .fm-ui-plain-tab {
        background-color: rgba(200, 240, 200, 0.3) !important;
    }

    .es-sale-frd .fm-ui-plain-title,
    .es-sale-frd .child-items-list th,
    .es-sale-frd .child-items-list tfoot td,
    .es-sale-frd .fm-top-cont {
        background-color: rgba(200, 240, 200, 0.95) !important;
        background-color: darkslategrey !important;
        color: white;
        opacity: 0.6 !important;
    }


.es-purch-inv .fm-ui-plain-tab {
    background-color: rgba(40, 148, 191, 0.30);
}

.es-purch-inv .fm-ui-plain-title, .es-purch-inv .item-list-hdr.head {
    background-color: rgba(40, 148, 191, 0.60) !important;
}
    
*/


/* temp solution for icon_close does not appear in FF */
/*
.icon_close {
    background-image: none !important; 
}

a.icon_close::before {
    xborder: 1px solid #990000;
    border-radius: 50%;
    content: " x " !important;
    color: #ff0000;
    width: 24px; height: 24px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    xopacity: 0.5;
    xmargin: 0 -12px;
    
}

.box-close-button, .box-close-button:hover {
    border: none;
    background-color: transparent;
    box-shadow: none;
}
    */