div{font-family:Verdana;font-weight:normal;  }
select {font-family:Verdana ;  }
input {font-family:Verdana;border:1px solid silver;}
textarea {font-family:Verdana;} 
/*input[type=text]::-ms-clear {
    display: none;
}*/ 

/*input:focus {background-color: #CCE4C1;color:black;}*/
input:focus {background-color: White;color:black;border-color:orange;box-shadow: 0 0 7px red; }
textarea:focus {background-color: White;color:black;border-color:orange; box-shadow: 0 0 7px red;}
.FontCompanySub {color:silver;padding-left:5px;font-family:Verdana;font-size:small;}
select {font-size:medium;  xborder:1px solid orange;}
select:focus {xborder:1px solid orange;box-shadow: 0 0 7px red;}
table td {vertical-align:top }

.FontLarge100 {font-family:Verdana; }

table.Mytable td {font-size: small ;}
table.Mytable td div{font-size: inherit  ;}
/*table.Mytable tr  {background-color:Green;background: linear-gradient(to bottom,  #b7eac2, )}*/


.MyMasterSearch {border:2px solid orange; background-color:white;}
.aMenu {font-size: medium;}
.DefaultFont100 {font-family:Verdana;}
.DefaultMarginLeft {margin-left:10px;}
.SmallFontAll {font-size:small;}

/*.MyTableDefault1 tr td {padding:0px 0px; border: 2px solid red;margin:0px;margin-right:0px; margin-left:0px;padding-right:0px;padding-left:0px;  }*/

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

    div{font-size:small;font-weight:normal;   }
    table{font-size:small;}

    select {font-size: small;    }
    label { font-size: small;    }
    fieldset {font-size: small;    }
    textarea {font-size: medium ;}
    .FontCompany {font-size: large;}
    .FontCompanySub {font-size: small;}
    .DefaultFont100 {font-size:small;}
    .MainMenuImage {width: 25px;height: 35px;}
    .MyMasterSearch {border-radius: 2px;}
    .SubItem {font-size:x-small} 

    ul#Mainmenu li div {font-size: medium ;}
    ul#Mainmenu li {font-size: medium;}
    ul#Mainmenu li ul li {font-size: medium;}
    ul#Mainmenu li ul li a {font-size: medium;}

    /*.MasterSearch a {font-size: medium;}
    .MasterSearch a div{vertical-align:middle;  font-size: medium;float:left}
    .MasterSearch a div.subItem{vertical-align:middle;  font-size:small }*/
    
    .MasterSearch a {font-size: small;}
    .MasterSearch a div{vertical-align:middle;  font-size: small;float:left}
    .MasterSearch a div.subItem{vertical-align:middle;  font-size:x-small;}

    .MasterSearchTextBox {font-size: medium;width: 200px;margin-left: 3px;box-shadow: 0 0 0px blue !important; }
    .MobileNavigator li {font-size: x-small;}
    .MobileNavigator li div{font-size:x-small;  }
    .FontLarge100 {font-size: small;}
    .FontMedium {font-size: smaller;font-family: Verdana;}
    .FontSmall {font-size: x-small;font-family: Verdana;}
    .FontSmallx {font-size: xx-small;font-family: Verdana;}

    .Mytable {margin:2px 1px;border-width:1px;  }
    table.Mytable th {padding: 3px 3px;font-size:small;}
    table.Mytable td {font-size: x-small;padding:1px 1px;}
    
    .CustomerIcons {width: 18px;height: 18px;}
    .aMenu {font-size: small;}
    Div.MyDialog div.Body {font-size:small;}
    Div.MyDialog Table.Body {font-size:small ;}
    Div.MyDialog Table td {vertical-align:top;padding-right:3px; }
    Div.MyDialog Table.Body td a{font-size:small  ;  }

    Div.MyDialog div.Body div{font-size:small;}

    .CompanyAddress {font-size:xx-small   ;}
    .PanelShortcuts{right:5px; filter: alpha(opacity=60);   opacity: 0.8;}
    #aOrderAddItem {top:80px;right:2px;font-size:medium;padding:3px; }
    #aCustomerSubMenu {top:110px;right:2px;font-size:medium;padding:3px;  }

    .DefaultMarginLeft {margin-left:2px;}
}

@media only screen and (min-width: 500px) {
    
    div{font-size:small;}

    .CompanyAddress {font-size:small;}
    select {font-size:small ;}
    label {font-size:small;}
    fieldset {font-size:small;}
    textarea {font-size:small;}

    .FontCompany {font-size:x-large ;}
    .FontCompanySub {font-size:medium ;}
    .FontLarge100 {font-size:large }
    .FontMedium{font-size:medium;}
    .FontSmall{font-size:x-small;}
    .FontSmallx{font-size:small;}
    .CustomerIcons{width:24px;height:24px;  }
     .aMenu {font-size: large;}

    .Mytable {margin:3px 5px; border:2px solid gray; }
    table.Mytable th {padding: 3px 5px;font-size:small ; }
    table.Mytable td {font-size: small;padding:2px 5px;}

    /*Div.MyDialog div.Body {font-size:medium;}
    Div.MyDialog Table.Body {font-size:medium ;}*/


    #aOrderAddItem {top:100px;right:2px;font-size:medium;padding:3px; }
    #aCustomerSubMenu {top:130px;right:2px;font-size:medium;padding:3px;  }
}

@media only screen and (min-width: 800px) {
    div{font-size:medium;}
    select {font-size:medium  ;}
    label {font-size:medium;}
    fieldset {font-size:medium;}
    textarea {font-size:medium;}

    .DefaultFont100 {font-size:small;}
    .MainMenuImage {width:35px; height:45px}
    .MyMasterSearch {border-radius:12px; }

    .Mytable {margin:2px 10px; }

    /*Div.MyDialog Table td {vertical-align:top;padding-right:10px; }*/
    Div.MyDialog Table td {padding-right:7px; }
    Div.MyDialog Table.Body td a{font-size:medium   ;  }

    ul#Mainmenu li {font-size:large; }
    ul#Mainmenu li ul li {font-size:large  }
    ul#Mainmenu li ul li a{font-size:large   }
    .MasterSearch a {font-size:large;}
    .MasterSearch a div{font-size: large}
    .MasterSearch a div.subItem{font-size:medium}
    .MasterSearchTextBox {font-size:large ;width:225px;}
    .MobileNavigator li {font-size:medium; }
    .MobileNavigator li div{font-size:medium;  }
    #aOrderAddItem {top:105px;right:2px;font-size:x-large}
    #aCustomerSubMenu {top:142px;right:2px;font-size:x-large;}
    .DefaultMarginLeft {margin-left:10px;}

}
/*@media only screen and (min-width: 800px) {
}*/

@media only screen and (min-width: 900px) {
    .CompanyAddress {font-size:small;}
    div{font-size:medium;}
    table{font-size:medium;}
    .DefaultFont100 {font-size:medium;}
    .FontLarge100 {font-size:x-large }
    .FontMedium{font-size:large ;}
    .FontSmall{font-size:small  ;}
    .FontSmallx{font-size:smaller;}

    .FontCompany {font-size:xx-large ;}
    ul#Mainmenu li {font-size:x-large; }
    ul#Mainmenu li div {font-size: x-large;}
    ul#Mainmenu li ul li {font-size:x-large  }
    ul#Mainmenu li ul li a{font-size:x-large   }
    .MasterSearch a {font-size:large; }
    .MasterSearch a div{font-size: large}
    .MasterSearch a div.subItem{font-size:large }
    .MasterSearchTextBox {font-size:x-large ;width:300px; }
    .MobileNavigator li {font-size:xx-small  }
    .MobileNavigator li div{font-size:large;  }
    
    table.Mytable td {font-size: small;}
}

@media only screen and (max-width: 1300px) {
    .PanelShortcuts{bottom:0px;}
}
@media only screen and (min-width: 1300px) {
    .PanelShortcuts{top:-2px;right:1px;filter: alpha(opacity=90);   opacity: 0.9;}
}

    



ul#Mainmenu li {
    color: black;
    font-family: georgia, 'time new romans', serif;
    font-weight: bold;
}
ul#Mainmenu li ul li {color:black;font-weight:normal;padding:3px 0px; }
ul#Mainmenu li ul li a{color:black;text-decoration:none;}

.LocalSearch{
    opacity: 0.8;
    white-space:nowrap;
    display:inline-block;
    border:1px solid white;
    /*padding:3px;*/
    background-color:#145a32;
    color:white;
    font-family:Verdana;
    font-size:medium;
    font-weight:bold;    
    /*right:1px;*/
    position:fixed;z-index:2;
    margin-top:5px;
    margin-right:2px; 
    background: linear-gradient(to bottom, #145a32, #1e8449);
    border-radius:4px;
    /*padding:2px 10px;*/

     writing-mode:tb-rl;
     writing-mode: vertical-rl;
     -webkit-writing-mode: vertical-rl;
     -moz-writing-mode: vertical-rl;

     /*https://stackoverflow.com/questions/48559333/how-to-display-the-vertical-writing-form-in-iphone-safari-chrome-macsafari*/

    /*-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);*/


    /*
    bottom:15px; 
    left:1px; 
    right:auto; 
    opacity: 0.7;
    /*font-size:small;
    padding:2px;
    opacity: 0.6;*/
    
    padding:5px 8px;
    bottom:5vh; 
    left:1px; 
    right:auto; 
    opacity: 0.8;
    z-index:4;


}

.ReportWrap {
/*width:400px;
    height: 240px;
    background:gold;
    text-align:center;*/
    overflow:hidden;
    
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    transform: scaleX(1.5) scaleY(1.5);
    /*transform: scaleX(1) scaleY(1);*/
    z-index:1; 
}

.ReportWrap2 {

    /*overflow:hidden;
    
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    transform: scaleX(1) scaleY(1);
    z-index:100;*/ 
}

.Section1 {
        border:2px solid silver;
        background-color:#2F4F4F;
        display:table;
        margin:2px 0px 12px 3px; 
        margin-bottom:3px; border-radius: 8px;
        padding:4px;
        background: linear-gradient(to bottom, #606060, #383838 )
    }

        .Button {
            border-radius: 4px;
            background-color:#3D9140;
            color:white; 
            padding: 3px 10px 2px 10px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            background: linear-gradient(to bottom, #006400,#3D9140);
            /*box-shadow: 0 8px 6px -6px gray;*/
        }

        .ButtonGreen {
            border-radius: 4px;
            background-color:#3D9140;
            color:white; 
            padding: 3px 10px 3px 10px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            border:1px solid silver;
        }

      .ButtonGreenC1 {
            border-radius: 4px;
            color:white; 
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            border:1px solid silver;
            font-weight:bold; 
            font-size:Small;
            border-radius: 10px;
            padding:4px 10px;
            background-color:green;
            background: linear-gradient(to bottom, #3D9140, #006400);
            box-shadow: 0 8px 6px -6px black
        }


        .ButtonGold {
            border-radius: 10px;
            background-color:#CC7722;
            color:white; 
            padding: 3px 10px 3px 10px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            background: linear-gradient(to bottom, #CC7722,#8B4500);
        }

        .ButtonRed {
            border-radius: 4px;
            background-color:b  n;
            color:white; 
            padding: 2px 7px 2px 7px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            border:1px solid silver;
        }

        .ButtonGreen2 {
            border-radius: 4px;
            background-color:#3D9140;
            background: linear-gradient(to bottom, #488214, #6A8455);
            color:white; 
            padding: 2px 7px 2px 7px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            border:1px solid silver;
        }


        .ButtonGreen3 {
            border-radius: 4px;
            background-color:Green;
            background: linear-gradient(to bottom, DarkGreen, #526F35);
            border:2px solid silver;
            color:white; 
            padding: 2px 7px 2px 7px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            font-weight:bold;  
        }

        .ButtonGreen4 {
            border-radius: 4px;
            background-color:Teal;
            /*background: linear-gradient(to bottom, #488214, #6A8455);*/
            color:white; 
            /*padding: 2px 7px 2px 7px;*/
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            border:1px solid silver;
            font-weight:bold; 
            font-size:Small;
            border-radius: 6px;
            padding:4px 15px;
            background: linear-gradient(to bottom, #3D9140, #006400);
            box-shadow: 0 8px 6px -6px black;
        }
        .ButtonSilver {
            border-radius: 6px;
            background-color:Gray    ;
            background: linear-gradient(to bottom, #3A3A38, #797975);
            color:white; 
            padding: 3px 7px 3px 7px;
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
        }

        .Button1 {
            border-radius: 6px;
            background-color:#284942;
            color:white; 
            padding: 4px 10px 4px 10px;
            text-align:center;  
            text-decoration:none;  
            font-family:Arial;
            border:1px solid silver;
        }

.Button2 {
    background-color:Teal;
}

        .ButtonBlue {
            border-radius: 4px;
            color:white; 
            text-align:center;  
            text-decoration:none;  
            font-family:Verdana;
            border:2px solid silver;
            font-weight:bold; 
            font-size:Small;
            border-radius: 10px;
            padding:4px 10px;
            background: linear-gradient(to bottom, #35586C , #5D92B0  );
            box-shadow: 0 8px 6px -6px black
        }

        .ButtonGreen1000 {
            border-radius: 4px;
            color:white; 
            text-align:center;  
            text-decoration:none;  
            border:2px solid silver;
            font-weight:bold; 
            border-radius: 10px;
            padding:4px 10px;
            background: linear-gradient(to bottom, Green , Green);
            box-shadow: 0 8px 6px -6px black
        }
    .Default1 {
            font-family:Verdana;
            font-size:95%;   
        }

        .Default2 {
        }

    #tableCustomer a:link { color:skyblue;  }
    #tableCustomer a:visited { color:lightgreen;}

    #tableData a:link { color:skyblue;  }
    #tableData a:visited { color:lightgreen;}


    #hyper1 a:link { color:red; }
    #ULX a:link { color:lightsteelblue;  }
    #ULX a:visited  { color:lightgreen ;  }

    #Level1 a:link { color:white; xtext-decoration:none}
    #Level1 #Level2 a:link { color:lightsteelblue;  }
    #Level1 #Level2 #Level3 a:link { color:lightcoral ;  }  

        .Font1B {font-size:large; font-weight:bold;color:lightyellow; xfont-family:Verdana; }
        .Font2 {font-size:90%;color:Silver;font-family:Verdana;  }

        .CustomerName{color:BRown;font-weight:bold;}
        .CustomerAddress{color:#34495e; xfont-size:x-large  !important;   }
.HeaderBG{
    background-color:Black;
    background: linear-gradient(to bottom, #1f618d, #2980b9);
    border-bottom:1px solid silver; 
}

    ul { list-style-type:none; 
         margin:1; padding:1; 
         /*padding-top:7px; 
         padding-bottom:5px;*/ 
         padding:0px;
         margin:0px; 
         font-family:Verdana;  
    }

 .ulMenu  {
     display:table; 
     list-style-type: none;
    margin: 0;
    padding: 0;
    font-family:verdana;
    font-size:100%; 
    width:100%;
    border:1px solid black;
    

}

.aMenu {
    /*display: table;
    width: 100%;
    background-color: Grey;
    border-bottom:1px solid silver;
    color:white;
    text-decoration:none;
    padding:4px 0px;
    font-weight:bold;*/  
    list-style-type: none;
    display: table;
    width: 100%;
    background-color: Grey;
    border-bottom:1px solid silver;
    color:white;
    text-decoration:none;
    /*padding:4px 0px;
    font-weight:bold;  
    background: linear-gradient(to bottom, #2F4F2F, #426F42);*/
    background: linear-gradient(to bottom, #2c3e50, #566573 );
    padding:5px 0px;
    font-weight:normal;
}
    .Level-1 {
        color:White; 
        text-decoration:none;  
        /*font-size:18px;*/ 
    }

    .Level-2 {
        color:silver; 
        text-decoration:none;  
        width:100%; 
    }
        .Check {
            color:white;  
            background-image: url('');
            background-repeat: no-repeat;
             background-size: 17px 17px;
             background-position: left center; 
            padding-left:5px; 
            
        }

.InfinityMenu {background-color:white;background: linear-gradient(to bottom, #F1F2F4, #EDF2F8);}
    
    .Level1 {
        /*color:White;*/ 
        padding-left:5px; 
        /*font-size:20px;*/
        text-decoration:none;  
        font-family:Verdana;  
        /*font-family:georgia, 'time new romans', serif;*/
        font-weight:bold;  

        /*background: linear-gradient(red, blue);*/ 
        
    }


    .Level2 {
        font-size:18px;
        color:lightyellow; 
        padding-left:10px; 
        font-family:georgia, 'time new romans', serif;
        border:0px solid red; 
        /*font-size:90%;*/  
    }

     .Level3 {
         font-size:16px;
        color:silver ; 
        padding-left:10px; 
        xfont-size:90%;    
        font-family:georgia, 'time new romans', serif;
    }
     .level4{color:White; }

.Level2 a:hover:not(.active) {
    background-color: #555;
    color: white;
}


.FontCompany {
    /*font-size:xx-large;*/  
                /*font-size :120%;*/
                /*font-family:"Lucida Console", Monaco, monospace;*/
                /*font-family:'Times New Roman';*/ 
                /*font-family:'Courier New';*/
                /*font-family:Arial ;*/
                /*font-family:'Levenim MT' ;*/
                /*font-family:"calibri", Garamond, 'Comic Sans MS';*/
                font-family:Aharoni, 'Times New Roman', Verdana ;
                /*font-family:Verdana;*/  
                
                
                font-weight:bold;    
                padding:2px 3px 2px 2px;
                color:White;  
                vertical-align:middle;  
                text-decoration:none;  
                text-shadow: 3px 3px black;
        }

        .CompanyAddress {
            font-family:Verdana;  
            color:gray;
            /*font-size:8px;*/  
            text-align:center;  
            
        }

   .R1 {
        font-family:Verdana;
        font-size:95%  ;
        padding-left:5px; 
        padding-bottom:3px; 
        xwidth:100%; 
        vertical-align:top;  
        color:white;  
        background-color:Black; 
        border-bottom:1px solid silver; 
        /*background: linear-gradient(to bottom, black, #292421);*/
    }

    .R2 {
        font-family:Verdana;
        font-size:95%  ;
        padding-left:5px; 
        padding-bottom:3px; 
        xwidth:100%; 
        vertical-align:top;  
        color:white;  
        background-color:#292421; 
        border-bottom:1px solid silver; 
        /*background: linear-gradient(to bottom, #292421, black);*/
    }

        .R2X {
        font-family:Verdana;
        font-size:155%  ;
        padding-left:5px; 
        padding-bottom:3px; 
        xwidth:100%; 
        vertical-align:top;  
        color:white;  
        background-color:#292421; 
        border-bottom:1px solid silver; 
        /*background: linear-gradient(to bottom, #292421, black);*/
    }


    .Col1 {
        font-size:85%;  
        border-bottom:1px solid silver; 
        color:silver;  
        padding-right:4px; 
    }


.sub {
            color:silver; 
            font-size:90%  ;
            border:0px solid green; 
            padding-left:5px; 

        }

.TH1 {
            background-color:#42647F;
            color:white;
            font-weight:bold;     
            padding:2px 2px 2px 6px; 
            font-family:Verdana;  
            font-size:medium;  
            background: linear-gradient(to bottom, #325C74, #5995B7);
        }

        .TD1 {
            padding-left:6px; 
            padding-right:2px; 

        }
        .CSSUnitHeader {
            float:none ; 
        }


.divMainMenuCSS1 {
    position:absolute;  
    box-shadow:3px 3px 4px skyblue;
}
.DefaultFont {font-size:medium;}




.DefaultFontSub {
    /*font-family:Verdana;*/
    font-size:small;
}


.DivMasterSearch {
    border-radius: 4px;
    box-shadow: 3px 3px 6px gray; 

        background-color:gray; 
    background: linear-gradient(to bottom, #cacfd2  ,#cacfd2);
    border:2px solid #154360;

}
    .DivMasterSearch table.MasterSearchMenu {
        margin-left:5px;
    }
    .DivMasterSearch table.MasterSearchMenu a {
        font-family:Verdana;
        font-size:x-large;  
        text-decoration:none;   
        color:brown; 
    }


.MasterSearchTextBox {
    border-radius: 7px;
    padding:2px 2px;
    border:0px solid green;  
    font-family:Verdana;
    /*font-size:12px;
    font-size:large;*/
    /*width:200px;*/
    margin-left:3px;  
    color:black;
    background-color:white; 
}
Div.MasterSearchQuery{border:2px solid gray;margin:4px;display:table;border-radius:6px;background-color:white;background:  linear-gradient(to bottom, #d7dbdd, #F5EFEF);
}
Div.MasterSearchQuery div.Header {padding:2px;color:#154360;background-color:Gray;background: linear-gradient(to bottom,rgba(100, 100, 100, 0), rgba(100, 100, 100, 0));font-family:Verdana;font-size:large;}
Div.MasterSearchQuery div.Header a{text-decoration:none;color:#154360;    }
Div.MasterSearchQuery div.Header a table{text-decoration:none;color:#154360; font-size:inherit;font-family:inherit;font-weight:bold;  }
Div.MasterSearchQuery Table.a {color:black;}



.SelectWidth1 {width:150px;}
.SelectWidth100 {width:100px;}
.div-MasterSearchHelp-Sub {margin-left:10px;font-size:small; }
/*.cssdivSalesMenuMEDIA {width: 100%;}*/
.cssdivSalesMenuMEDIA {width: auto;}
.CSS400 {display:none; }
.CSS400X {display:table-cell; }
.CSSMHeader{display:table}
 @media only screen and (min-width: 500px) {
     .CSS400 {display:table-cell;}
     .CSS400X {display:none; }
        .cssdivSalesMenuMEDIA {
            width: auto;
             margin-right:2px;
        }
    }

.CSS600 {display:none; }
.CSS6001 {display:none; }
.CSS600X {display:table-cell; }
.CSSTable600 {width:100% }
.CSS700 {display:none; }
.CSS700X {display:table; }

@media only screen and (min-width: 600px) {
     .CSSTable600 {width:auto;border:3px solid silver; margin-left:15px; border-radius: 6px }
     .CSS600 {display:table-cell}
     .CSS6001 {display:table-cell; }
     .CSS600X {display:none; }
        .cssdivSalesMenuMEDIA {
            width: auto;
             margin-right:2px;
        }
     .SelectWidth1 {width:100%}
     .SelectWidth100 {width:100%;}
}

@media only screen and (min-width: 700px) {
    .CSS700 {display:table-cell; }
    .CSS700X {display:none; }
}
.CSSTable800 {width:100% }
.CSS800 {display:none; }
.CSS800T {display:none; }
.CSS800T1 {display:none; }
.CSS800X {display:table-cell; }
.xCSSTR800 {display:none; }
.CSS900 {display:none; }
.CSS900X {display:table; }
.CSS900B {display:none; }
.CSS900BX {display:block ; }

.CSS1000 {display:none; }
.CSS1000X {display:table; }
.CSS1000XB {display:block ; }
.CSS1200 {display:none; }
.CSS1200X {display:table-cell ; }
.CSS1200BLOCKX {display:Block  ; }

.CSS1300 {display:none; }
.CSS1300X {display:table-cell ; }

.CSS1500 {display:none; }
.CSS1500X {display:table-cell ; }

.MasterSearch a {color:Black;text-decoration:none;}


@media only screen and (min-width: 700px) {
    .div-MasterSearchHelp-Sub {margin-left:-100px;font-size:medium;   }


    .CSSMHeader{display:table-cell;padding-right:5px;width:100%;   }
    /*.FontCompany {font-size: 140%;}*/
    /*.MasterSearch {font-size:large;}*/
    /*.MasterSearchTextBox {font-size:large;width:250px;margin-left:3px;  }*/

    
}

@media only screen and (max-width: 600px) {
    .LocalSearch {

    /*writing-mode:tb-rl;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
    bottom:15px; 
    left:1px; 
    right:auto; 
    opacity: 0.7;
    font-size:small;
    padding:2px;
    opacity: 0.6;*/
    }
}

@media only screen and (min-width: 1500px) {
    .CSS1500 {display:table-cell; }
    .CSS1500X {display:none ; }
}

@media only screen and (min-width: 1300px) {
    .CSS1300 {display:table-cell; }
    .CSS1300X {display:none ; }
}

@media only screen and (min-width: 1200px) {
    
    .CSS1200 {display:table-cell; }
    .CSS1200X {display:none ; }
    .CSS1200BLOCKX{display:none ; }
}
@media only screen and (min-width: 1000px) {
    .CSS1000 {display: block;}
    .CSS1000X {display: none;}
    .CSS1000XB {display: none;}
    .CSS800T1 {display: table-cell;}
}
    @media only screen and (min-width: 900px) {
        
        .CSS900 {display:table-cell; }
        .divMainMenuCSS1 {position:relative}
        .CSS900X {display:none; }
        .CSS900B {display:block ; }
        .CSS900BX {display:none; }
    }

    @media only screen and (min-width: 800px) {
        .div-MasterSearchHelp-Sub {margin-left:-5px; }
        .CSS800 {display: table-cell;}
        .CSS800T {display: table-cell;}
        .xCSSTR800 {display: initial;}
        .CSS800X {display: none;}
        .CSSTable800 {
            width: auto;
            border: 3px solid silver;
            margin-left: 15px;
            border-radius: 6px;
        }

        .DefaultFont {font-size: large;}
        .DefaultFontX {font-size: x-large;}
        /*.FontCompany {
            font-size: 150%;
            font-weight: bold;
        }*/
    }

    #tab-Master a:link {
        color: Blue;
    }

    #tab-Master a:visited {
        color: Blue;
    }


    .Curve {
        border-radius: 6px;
        border: 1px solid silver;
        padding: 2px;
    }

    .modalBackground {
        background-color: silver;
        filter: alpha(opacity=70);
        opacity: 0.7;
        z-index: 1000000;
    }

    .modalBackground2 {
        background-color: silver;
        filter: alpha(opacity=50);
        opacity: 0.7;
        z-index: 10000000000;
    }

    .CustomerPanelStyle1 {
        font-size:120%;border-top:1px solid black;border-bottom:1px solid black;xdisplay:inline;padding:4px 0px;background-color:White;background: linear-gradient(to bottom,#CDC9C9, #EEE9E9);
    }


.CustomerTabItemCount {
    position:absolute;top:-42px;right:3px;background-color:Red;border:2px solid gold;border-radius:6px;padding:1px 5px;color:white;font-size:small;display:none ;
}

.CustomerTabItemCount2 {
    position:absolute;z-index:2;margin-top:-50;margin-left:5px; display:none;  border:2px solid gold;padding:0px 4px;;background-color:silver;  font-family:Verdana;font-size:small ;color:brown;       
}


/*Div.MyDialog {background-color:#42647F;border:3px solid #42647F;border-radius: 6px;xpadding:2px;background: linear-gradient(to bottom,white, white)}
Div.MyDialog div.Header {color:White;padding:4px;font-weight:bold;font-size:large;background: linear-gradient(to bottom, #1b4f72, #2471a3)}*/
Div.MyDialog {background-color:#e5e7e9;border:3px solid #a93226;border-radius: 6px;padding:0px;background: linear-gradient(to bottom, #e5e7e9, #e5e7e9); font-family:Verdana;   }
Div.MyDialog div.Header {color:White;font-weight:bold;padding:4px;font-family:Verdana; font-size:medium;background: linear-gradient(to bottom, #a93226, #a93226);background-color:Maroon ; }
Div.MyDialog div.HeaderSub {color:White;font-weight:bold;font-family:inherit; font-size:inherit;}
Div.MyDialog div.Body {background-color:White;padding:2px;}
Div.MyDialog Table.Body {background-color:white;color:black;padding:2px;}

Div.MyDialog div.Footer {margin:10px;text-align:right;}
Div.MyDialog div.Footer a{background-color:Red; color:white;border-radius:3px;  background: linear-gradient(to bottom, #1e8449, #196f3d);text-decoration:none;padding:2px 8px; font-family:Verdana; font-weight:bold;box-shadow: 2px 2px black; margin-left:10px; }

.PanelColor {
    background-color:Black;
    background: linear-gradient(to bottom, #424949, gray);
    border:1px solid silver;
    color:white;
}
 
.Button100 {
    border-radius: 4px;
    color:white; 
    text-align:center;  
    text-decoration:none;  
    border:2px solid silver;
    font-weight:bold; 
    border-radius: 10px;
    padding:4px 10px;
    background: linear-gradient(to bottom, Green , Green);
    box-shadow: 0 8px 6px -6px black
}
.xxMyControlColor {background-color: rgba(0,0,0,0.1);color:white}

/*.MyControlColor {xbackground-color: white;color:Black }
.MyControlColor2 {xbackground-color: white;color:white  }*/
/*.MyControlColor {xbackground-color: rgba(0,0,0,0.1);color:red}
.MyControlColor2 {xbackground-color: rgba(0,0,0,0.1);color:red}*/

.InvoicePreview {background-color:white;}
.InvoicePreview Table.InvoiceColor {color:black}

.ShowHideShortcuts {display:table ; }
.CSSShortcuts {width:30px;height:30px; }

.PanelShortcuts{
    position:fixed;
    /*top:0px;
    right:5px;*/
    /*bottom:0px;  
    left:0px;*/ 
    /*width: 100%;*/ 
    border:2px solid green;
    margin:3px; 
    z-index:1;
    border:0px solid red; 
}

.TableMainMaster {min-height:60vh ;}
/*@media only screen and (min-width: 800px) {
    .TableMainMaster {min-height:75vh ;}
}*/
@media only screen and (min-width: 1400px) {
    .xTableMainMaster {min-height: 90vh;}
}
.ColorBlue {color:blue; }
.ColorRed {color:Red; }
.ExpandImage{width:22px; }
.xCenterAlign{
    text-align:center ;
    font-weight:bold;  
    font-size:50px;
}

.MyIconSize {
    width:24px;
    height:24px; 
}
#tableMasterSearch .MastSearchIcon {padding:1px 2px}

.CustomerTabTitle {border:1px solid silver;border-radius:4px;color:Black;font-family:Verdana;width:95%;xfont-size:medium;font-weight:bold; xmargin-left:10px;padding:2px 8px;background: linear-gradient(to bottom,  #F5EFEF, #d7dbdd);}
.ShortcutA {
    padding:0px 2px 0px 4px;border:1px solid #abb2b9;border-radius:7px;border-bottom:2px solid gray; xmargin-left:5px; xpadding-left:5px; 
}




.CustomerTab {display:table}
.CustomerTabx {display:none;}
.TableOrderHeader {border:0px solid silver;}

.cssdivSalesMenuMEDIA {
    position:absolute;right:0; top:0;border:2px solid Gray;
}

.TableHeaderSortedColumn{
    font-size:xx-large; 

}

/*#divReportClose {top: -5px;
        right: -10px;
        left: auto;
        bottom: none;
        border: 2px solid red;
    }*/

/*#divReportClose {left:2px; Bottom:-7px;}*/
.CustomerSubMenu {
    border:0px solid gray;border-radius:4px;padding:3px;font-family:verdana;font-size:small;text-decoration:none;border:1px solid silver;background-color:#229954;color:white;position:fixed;xright:2px;xtop:55px;
    background: linear-gradient(to bottom,  #145a32, #1e8449);
    opacity: 0.8;
}

.CustomerSubMenu:before{
    display: inline-block;
    width: 13px;
    height: 11px;
    margin:0px 3px 0px 0px;
    content: "";
    background: url("http://infinitylogging.csystemssoftware.com/MobileImages/Mobile/Live/Shortcut-Hide.png") no-repeat 0 0;
    background-size: 100%;
}

/*.CustomerSubMenu {top:68px;font-size:x-large;background: linear-gradient(to bottom, #145a32, #1e8449);border-radius:4px;padding:2px 10px;font-weight:bold;     }*/

#aOrderAddItem {;font-weight:bold;z-index:2;  }
#aCustomerSubMenu {font-weight:bold;z-index:2;}
.divCustomerData1 {border-top:3px solid gray;border:1px solid gray;border-radius:5px; display:table;width:98%;margin-left:5px;background-color:#ebedef;min-height:500px;position:relative; top:-4px;padding-top:5px;box-shadow: 1px 4px 4px #888888;  }


.ConfirmBox {border:2px solid #00688B;background-color:white;font-family:verdana;font-size:xx-small ;box-shadow: 2px 2px 10px brown;max-width:800px; }

#imgHrefMobileSearch{
    height:40px;width:40px;position:absolute;top:9px;right:5px;   
}
#divCustomerMasterMenu {top:60px;}

.NoWrap {
    white-space: nowrap;
}

.ButtonSimple {
    text-decoration:none;
    background-color:silver;   
    border:1px solid gray;
    padding:2px 5px;
    background: linear-gradient(to bottom, #eaecee, #d7dbdd );
    border-radius:3px; 
    color:DarkSlateGray;
}

.ButtonSimpleGreen {
   background-color:Green; color:white;border-radius:3px;  background: linear-gradient(to bottom, #1e8449, #196f3d);text-decoration:none;padding:2px 8px; font-family:Verdana; font-weight:bold;box-shadow: 2px 2px black; margin-left:0px;  
}   

.ButtonSimpleOrange {
   background-color:orangered; color:white;border-radius:3px;  background: linear-gradient(to bottom, orangered, orangered);text-decoration:none;padding:2px 8px; font-family:Verdana; font-weight:bold;box-shadow: 2px 2px black; margin-left:0px;  
}   


.ButtonSimpleSilver {
    background-color:silver; color:Gray !important;border-radius:3px;  background: linear-gradient(to bottom, #e5e7e9, #eaeded) !important;text-decoration:none;padding:2px 8px; font-family:Verdana; font-size:small;font-weight:bold;box-shadow: 2px 2px gray !important; margin-left:0px;  
}

.ButtonSimpleGreenNB {
    box-shadow: 0px 0px black
}
.PartSearchPricing{
    background-color:#387a8f;
    background: linear-gradient(to bottom, #509db6, #387a8f );
    color:white;
     left:0;  right: 0;  margin: 0 auto;border:1px solid silver;margin-bottom:2px;
     font-family:Verdana;font-weight :bold ;
     border-radius:6px;
     border:1px solid black;   
     font-size:small;  
}

/*.PartSearchPricing td {padding-right:20px; margin-right:20px;border:1px solid red;
}*/

.PanelSearch {
    background-color:#0b5345;
    min-height:88vh;position:absolute;width:248px;border:1px solid silver;
    width:100%; 
}

.PanelSearch div.TableFooter { 
        padding:3px; 
        background-color:#a93226; 
        color:White;
        font-family:Verdana; 
        text-align:center;  
}


.PanelSearch div.BodyData { 
    border:0px solid red; 
    overflow:auto ;overflow-x:hidden;
    color:white;
    font-family:Verdana;
    font-size:small;  
}
    .PanelSearch div.subItem {
        display:table-cell ;   
        color:silver; 
        
    }


    .PanelSearch Select {
        background-color:#0b5345;color:gold;border-bottom-width:0px; 
        width:100%;font-weight:bold;font-family:Verdana;padding:7px 5px; font-size:medium;  
    }
.PanelSearch #txtPanelSearch {

    background-color:#0b5345;color:gold;border-bottom-width:2px; border-top-width:1px;
    width:100%;font-weight:bold;font-family:Verdana;padding:7px 5px; font-size:medium;  
}

    .PanelSearch input {
        background-color:#0b5345;color:gold;border-bottom-width:0px; 
        width:100%;font-weight:bold;font-family:Verdana;padding:7px 5px; font-size:medium;  
    }


.PanelSearch table {
    border: 0px solid green;
    overflow:auto ;overflow-x:hidden;
    width:100%; 
    margin-bottom:5px; 
}

.PanelSearch table tr td {
        border-bottom: 1px solid #239b56;
        padding:2px 2px;
        padding-bottom:5px; 
        /*background: linear-gradient(to bottom, #eaecee, #d7dbdd );*/
}

.PanelSearch table tr td a{
        text-decoration :none;
        font-family:Verdana  ;font-size:small ; 
        color:white;
}

    .PanelSearch table tr td.Selected {
        background-color :Green;
        border-radius:0px; 
        border-bottom-color:white ; 

    }

.Number1 {
            text-align:right;
            padding-right:3px;
            width:110px;
            /*font-family:Verdana;
            font-size:small;   
            */ 

        }


.MobileNavigator {background: linear-gradient(to bottom, transparent, transparent);display:none; border-bottom:0px solid green; border-radius:1px; margin:0px; padding:0px; z-index:5;       }
.MobileNavigator li {border-radius:0px;margin:0px; padding-right:2px; padding-bottom:0px;      }
.MobileNavigator li a {background:linear-gradient(to bottom, #DAD7D7, #e5e8e8);border-bottom:2px solid gray;border-radius:3px; border-top-right-radius:14px;  margin:0px; }

.div-MasterSearchHelp-Sub {
    z-index:3;  border:1px solid silver;position:absolute;background-color:white;border-radius:5px;padding:5px;margin-top:-5px;xmargin-left:10px;font-family:Verdana;white-space: nowrap;background: linear-gradient(to bottom, white, #DDE5DD);
    /*z-index:3;  border:1px solid silver;position:absolute;background-color:white;border-radius:5px;padding:5px;margin-top:-5px;xmargin-left:10px;font-family:Verdana;white-space: nowrap;background: linear-gradient(to bottom, black, black) ;color:silver;*/
}

Div.DivLegend{xdisplay:table;margin:5px;border:1px solid silver;} 
Div.DivLegend div.Title {background-color:Gainsboro;background: linear-gradient(to bottom, #f2f3f4, #eaeded);padding:3px 5px;}
/*div.Body {font-size:medium;}*/
        .IMbox {
            /*text-align:right;*/
            /*width:100%;*/   
            border:1px solid #e5e8e8;
            /*border:1px solid red;*/
            xpadding:1px 3px;
            min-width:90px; 
            xmax-width:135px; 
            /*width:90px;*/
            font-size:small;
        }

.IMboxEdit {
    border: 1px solid LightGreen;
    width:90px;
}
.IMboxEditX {
    border: 1px solid LightGreen;
}


.NoDisplay {display:none;
}

.HLSelect {
    /*hyperlink select*/
    margin:3px 1px;
}

    .HLSelect a {
        border:1px solid silver;text-decoration:none;padding:2px 5px 2px 1px;background-color:#eaeded;background: linear-gradient(to bottom, #eaeded, #d7dbdd);white-space:nowrap;

    }