/*ul#MobileNav {list-style:none;xposition:relative; xz-index:2;top:1px;display:table;border-left:0px solid red;background-color:#E2FEF9;border-radius:8px; margin-bottom:5px;padding-left:3px; margin-right:5px;background: linear-gradient(to bottom, #E2FEF9, #EFF6F5)   }
ul#MobileNav li {float:left;font-family:Verdana;font-size:small;font-weight:bold;padding-top:3px;padding-bottom:3px;padding-right:2px;  }
ul#MobileNav li a {background:#ffd89b;color:#222;display:block;margin-top:4px;  padding:5px 10px;text-decoration:none;border-right:2px solid black;margin:2px 1px 4px 1px;border-radius:10px;background: linear-gradient(to bottom, #909090, #D8D8D8); }
ul#MobileNav li a.xselected {font-weight:bold;border-bottom:2px solid gray;color:#344385;background:#fff;background: linear-gradient(to bottom, #a9dfbf, #7dcea0) ;color:black ; }
ul#MobileNav li a.xxselected {font-weight:bold;border-bottom:0px solid #fff;color:#344385;background:#fff;background: linear-gradient(to bottom, gold, #FF952B);color:white; }
ul#MobileNav li a:xhover {border-bottom:0px solid #fff;color:#344385;background:#fff;background: linear-gradient(to bottom, black, gray);color:white; }
ul#MobileNav li a:hover {border-bottom:2px solid gray;color:#344385;background:#fff;background: linear-gradient(to bottom, #D8570B, #964514);color:white; }*/

.MobileNavigator {list-style:none;xposition:relative; xz-index:2;top:1px;display:table;border-left:0px solid red;background-color:#E2FEF9;border-radius:8px; margin-bottom:5px;padding-left:3px; margin-right:5px;background: linear-gradient(to bottom, #E2FEF9, #EFF6F5)   }
.MobileNavigator li {float:left;font-family:Verdana;font-weight:bold;padding-top:3px;padding-bottom:3px;padding-right:2px;  }
.MobileNavigator li a {font-weight:bold; background:#ffd89b;color:#222;display:block;margin-top:4px;  padding:5px 10px;text-decoration:none;border-right:2px solid black;margin:2px 1px 4px 1px;border-radius:10px;background: linear-gradient(to bottom, #909090, #D8D8D8); }
.MobileNavigator li a.xselected {font-weight:bold;border-bottom:2px solid gray;color:#344385;background:#fff;background: linear-gradient(to bottom, #a9dfbf, #7dcea0) ;color:black ; }
.MobileNavigator li a.xxselected {font-weight:bold;border-bottom:0px solid #fff;color:#344385;background:#fff;background: linear-gradient(to bottom, gold, #FF952B);color:white; }
.MobileNavigator li a:xhover {border-bottom:0px solid #fff;color:#344385;background:#fff;background: linear-gradient(to bottom, black, gray);color:white; }
.MobileNavigator li a:hover {border-bottom:2px solid gray;color:#344385;background:#fff;background: linear-gradient(to bottom, #D8570B, #964514);color:white; }
.MobileNavigator li div {position: relative;font-weight:inherit;  }
    
table.tableShortCut {
    cellpadding:0px;
    cellspacing:0px;
    padding:0px; 
    border-spacing: 0px;
    border-collapse:collapse; 
    xborder:2px solid gray; 
    text-align:center;  
}

table.tableShortCut td {
    border:0px solid red;
    font-family:Verdana;  
    font-size:small;  
    /*text-align:right ;*/  
    vertical-align:bottom;
    /*font-weight:bold;*/  
    left:0px;
    right:0px;  
    text-decoration:none;  
    /*padding:2px;*/ 
    
}
table.Mytable {
            /*border:1px solid silver;*/ 
            border-radius: 5px;
            background-color:white;
            border-spacing: 0px;
}

table.MytableSmall th {
    font-size: xx-small;
    
}

/*.THHylerlink {
    color:white;
}*/

/*table.Mytable th table tr td {
    background-color:transparent;  
    color:white; 
}*/
table.Mytable a.THHylerlink{color:White;}


table.Mytable th.TableTHSort {background-color:red ; text-decoration:underline;}
table.Mytable th.TableTHSort:hover{
     cursor:pointer;
     background:green;
     color:white;
     background: linear-gradient(to bottom, #145a32, #229954);
}

table.Mytable th.TableTHSort:after{
    display: inline-block;
    width: 13px;
    height: 11px;
    margin:0px 0px 0px 3px;
    content: "";
    /*background: url("https://maxcdn.icons8.com/office/PNG/512/Data/sorting_arrows-512.png") no-repeat 0 0;*/
    /*background: url("http://www.iconninja.com/files/187/931/734/sort-icon.png") no-repeat 0 0;*/
    background: url("https://maxcdn.icons8.com/Share/icon/Arrows//sort1600.png") no-repeat 0 0;
    background-size: 100%;
}




table.Mytable th {
            color:White; 
            /*background: linear-gradient(to bottom, #325C74, #5995B7);*/
            background: linear-gradient(to bottom, #839192, #515a5a);
            
            background-color:Teal; 
            font-weight:bold;
            font-family:Verdana; 
            text-align:left; 
}
table.Mytable th.SmallFont{font-size:small;}

table.Mytable th.Clear{
            background-color:white ;
            background: linear-gradient(to bottom, white, white);
            padding-right:2px;   
}

    table.Mytable tr{
        background-color:white;
    }
    /*table.Mytable tr:nth-child(even){background-color:white;}
    table.Mytable tr:nth-child(odd){background-color:#F2EEEE;}*/
    table.Mytable tr:nth-child(even){background-color:white;background: linear-gradient(to bottom, #eaeded, #f4f6f6);}
    table.Mytable tr:nth-child(odd) {background-color:white;background: linear-gradient(to bottom, #eaeded, #f4f6f6);}
    table.Mytable tr.ROW0{background-color:#F2EEEE;background: linear-gradient(to bottom,  #f4f6f6, #e5e8e8)}
    table.Mytable tr.ROW1{background-color:#eaeded;background: linear-gradient(to bottom,  #fef9e7, #fae5d3)}
    table.Mytable tr.XROW0{background-color:white;}
    table.Mytable tr.LightGreen{background-color:lightgreen;background: linear-gradient(to bottom,  lightgreen, lightgreen)} /*Inventory Count*/
    table.Mytable tr.LightRed{background-color:#FFA9A9 ;background: linear-gradient(to bottom,  #fadbd8, #fadbd8 )} /*Inventory Count*/
    table.Mytable tr.LightBlue{background-color:#d4e6f1  ;background: linear-gradient(to bottom,  #d4e6f1 , #d4e6f1  )} /*Inventory Count*/

    /*table.Mytable tr.LightGreen{background-color:lightgreen;}*/


/*table.Mytable  tr td:nth-child(1) {background: silver;}*/
table.Mytable td.NoLine{border-bottom:0px solid #EEE9E9;}
table.Mytable td.SmallFont{font-size:small;}
table.Mytable td.RightAlign{text-align:right;}
table.Mytable th.RightAlign{text-align:right;}
table.Mytable td.CenterAlign{text-align:center;}
table.Mytable th.CenterAlign{text-align:center;}

table.Mytable td a:link{color:Teal;}
table.Mytable td a:visited{color:Brown;}
table.Mytable td a:hover{color:Red;}




/*table.Mytable tr:hover {
    background-color: yellow;
}*/

table.Mytable td {
            color:black;border-bottom:1px solid #cacfd2;
            text-align:left;  
            vertical-align:top ; 
            font-family:Verdana;  
            /*font-size:small;*/ 

}


@media only screen and (min-width: 600px) {
    /*table.Mytable td {font-size:medium; }
    table.Mytable th {font-size:medium; }
    .DefaultFont100 {font-size:medium;}*/
    .ButtonGreen4 {font-size:medium;}
}


        a.tooltip {
            outline: none;
            text-decoration: none;
            /*border: solid 3px blue;*/
            position: relative;
            

        }

            a.tooltip strong {
                line-height: 30px;
            }


            a.tooltip > span {
                
                xwidth: 300px;
                padding: 8px 15px;
                margin-top: 0;
                /*margin-left: -120px;*/
                margin-left: -30px;
                margin-top:-40px; 
                opacity: 0;
                visibility: hidden;
                z-index: 20001;
                position: absolute;
                font-family: Arial;
                font-size: 12px;
                font-style: normal;
                border-radius: 3px;
                box-shadow: 2px 2px 2px #999;
                -webkit-transition-property: opacity, margin-top, visibility, margin-left;
                -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
                -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
                transition-property: opacity, margin-top, visibility, margin-left;
                transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
                transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
            }

            /*a.tooltip > span:hover,*/
            a.tooltip:hover > span {
                opacity: 1;
                text-decoration: none;
                visibility: visible;
                overflow: visible;
                /*margin-top: 50px;*/
                display: inline;
                /*margin-left: -90px;*/
            }

            /*a.tooltip span b {
                width: 15px;
                height: 15px;
                margin-left: 40px;
                margin-top: -19px;
                display: block;
                position: absolute;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-box-shadow: inset -1px 1px 0 #fff;
                -moz-box-shadow: inset 0 1px 0 #fff;
                -o-box-shadow: inset 0 1px 0 #fff;
                box-shadow: inset 0 1px 0 #fff;
                display: none\0/;
                *display: none;
            }*/

            a.tooltip > span {
                color: #000000;
                background: #FBF5E6;
                background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
                background: linear-gradient(top, #FBF5E6, #FFFFFF);
                border: 1px solid #CFB57C;
                font-weight:normal;  
            }

            /*a.tooltip span b {
                background: #FBF5E6;
                border-top: 1px solid #CFB57C;
                border-right: 1px solid #CFB57C;
            }*/

@media only screen and (min-width: 900px) {
    a.tooltip > span {
        margin-top:33px; }
}

.triangle-up {
    /*https://jsfiddle.net/josedvq/3HG6d/*/
    width: 10%;
    height: 0;    
    padding-left:10%;
    padding-bottom: 10%;
    overflow: hidden;
    margin-left:50px; 
    margin-top:5px; 
    
    
}
.triangle-up:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-100px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    /*border-bottom: 100px solid white;*/
    border-bottom: 100px solid white;
    color:white; 
}





/*Check box switch [Begins]*/
/*https://proto.io/freebies/onoff/*/
.onoffswitch {
    position: relative; width: 82px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 15px;
    background-color: #34A7C1; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 15px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 22px; margin: -1px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 58px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/*Check box switch [End]*/

.SelectWidth11 {
    width:100px;
}

.ModalTitle {
    background: linear-gradient(to bottom, #5C9A9A, #2F4F4F);
    color:white;
    font-weight:bold;  
    padding:4px 0px 3px 4px;
    text-align:left;
}

.RightAlign {text-align:right;}

.ButtonSmall {border:1px solid silver; border-radius:7px;font-family:Verdana;font-size:x-small;background-color:green;color:white; padding:5px 10px;text-decoration:none; font-weight:bold; background: linear-gradient(to bottom, #458B00, #4A7023); }