/*  ========================================================================================================  */
/*  HTML5 Default Markers                                                                                     */
/*  --------------------------------------------------------------------------------------------------------  */
html        {margin:0;padding:0;font-family:"Times New Roman";font-size:14px;line-height:16px;}
body        {margin:0;padding:0;background-color:#FFFFFF;color:#212121;min-width:1280px;overflow-x:hidden;overflow-y:scroll;}
div         {margin:0;padding:0;background-color:transparent;color:#212121;}
ul          {margin:0;padding:0;list-style:circle;}
li          {margin:0;padding:0;}
p           {margin:0;padding:0;}
a           {margin:0;padding:0;text-decoration:none;color:#000000;}
/*  --------------------------------------------------------------------------------------------------------  */
@media screen and (max-width: 1280px) {
    body {overflow-x:scroll;}
}
/*  --------------------------------------------------------------------------------------------------------  */


/*  ========================================================================================================  */
/*  HTML5 Custom Utilities                                                                                    */
/*  --------------------------------------------------------------------------------------------------------  */
.noSelect { -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; }
.noCursor { cursor:default !important; }
/*  --------------------------------------------------------------------------------------------------------  */
::-webkit-scrollbar { width:14px;height:14px; }
::-webkit-scrollbar-track { background:#212121;border-left:1px solid #DADADA;border-right:1px solid #DADADA; }
::-webkit-scrollbar-thumb { background:#DADADA;border-left:1px solid #DADADA;border-right:1px solid #DADADA;box-shadow:inset 0 0 0 1px #2121217A; }
::-webkit-scrollbar-thumb:hover { background:#DADADA; }
/*  --------------------------------------------------------------------------------------------------------  */


/*  ========================================================================================================  */
/*  HTML5 Navbar Styles                                                                                       */
/*  --------------------------------------------------------------------------------------------------------  */
div.navbar { z-index:1024;width:100%;height:40px;position:fixed;top:0;left:0;display:inline-flex;flex-direction:row;background-color:#212121; }
/*  --------------------------------------------------------------------------------------------------------  */
div.navbar > div.navbar-logo { margin-right:8px;position:relative;display:inline-flex;width:104px;height:40px;background-image:url("../logo.jpg");background-repeat:no-repeat;background-size:auto 32px;background-position:-8px 2px; }
div.navbar a { cursor:pointer; }
/*  --------------------------------------------------------------------------------------------------------  */
div.navbar > ul { position:relative;display:inline-flex;flex:1 1 auto;flex-direction:row;list-style:none; }
div.navbar > ul > li { height:40px;position:relative;display:inline-flex;flex-direction:column; }
div.navbar > ul > li > a { padding:0 8px;display:block;height:100%;font-size:16px;line-height:40px;text-align:center;text-shadow:0 0 1px #FFFFFF;color:#FFFFFF; }
div.navbar > ul > li > a:hover,
div.navbar > ul > li.active > a,
div.navbar > ul > li:hover > a { background-color:#006F00; }
/*  --------------------------------------------------------------------------------------------------------  */
div.navbar > ul > li > ul { position:absolute;top:40px;display:none;flex:1 1 auto;flex-direction:column;list-style:none; }
div.navbar > ul > li:hover > ul { display:inline-flex; }
div.navbar > ul > li > ul > li { margin:0;padding:0;height:28px;background-color:#212121; }
div.navbar > ul > li > ul > li.item-divide { display:block;margin:0;padding:0;width:100%;height:1px;background-color:#FFFFFF;opacity:1; }
div.navbar > ul > li > ul > li.item-divide:first-of-type { display:none; }
div.navbar > ul > li > ul > li.item-divide:last-of-type { display:none; }
div.navbar > ul > li > ul > li > a { padding:0 8px;display:block;height:100%;font-size:16px;line-height:28px;text-align:left;text-shadow:0 0 1px #FFFFFF;color:#FFFFFF; }
div.navbar > ul > li > ul > li > a:hover,
div.navbar > ul > li > ul > li.active > a { background-color:#006F00; }
/*  --------------------------------------------------------------------------------------------------------  */
div.navbar > div.navbar-ctrl { position:relative;display:inline-flex;flex:0 1 auto;flex-direction:row; }
div.navbar > div.navbar-ctrl > a { padding:0 8px;position:relative;display:inline-flex;height:40px;font-size:16px;line-height:40px;text-align:center;text-shadow:0 0 1px #FFFFFF;color:#FFFFFF; }
div.navbar > div.navbar-ctrl > a > i { padding:0 4px 0 0;height:40px;font-size:18px;line-height:40px;background-color:transparent; }
div.navbar > div.navbar-ctrl > a:hover,
div.navbar > div.navbar-ctrl > a.active { background-color:#006F00; }
/*  --------------------------------------------------------------------------------------------------------  */


/*  ========================================================================================================  */
/*  HTML5 Footer Styles                                                                                       */
/*  --------------------------------------------------------------------------------------------------------  */
div.footer { z-index:1016;width:100%;height:20px;position:fixed;left:0;bottom:0;display:inline-flex;background-color:#212121;align-items:center;justify-content:flex-start;border-style:solid;border-color:#FFFFFF;border-width:1px 0 0 0; }
div.footer > .copyright { padding-left:4px;height:20px;display:inline-flex;flex:1 0 auto;font-size:12px;line-height:20px;color:#EDEDED; }
div.footer > .version { padding-right:4px;height:20px;display:inline-flex;flex:0 0 auto;font-size:12px;line-height:20px;color:#EDEDED; }
/*  --------------------------------------------------------------------------------------------------------  */


/*  ========================================================================================================  */
/*  HTML5 Form Styles | Notification                                                                          */
/*  --------------------------------------------------------------------------------------------------------  */
div.notify { position:relative;top:0;left:0;margin:0;padding:4px 0;width:100%;display:inline-flex;flex:1 1 auto;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:center;background-color:transparent;border-top:2px solid #00A400;border-bottom:2px solid #00A400; }
div.notify > label { position:relative;left:0;top:0;margin:4px 0;padding:4px 0;width:320px;height:auto;display:inline-flex;flex:1 1 auto;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:center;line-height:18px;font-size:15px;font-weight:400;color:#212121;text-shadow:0 0 1px #212121;border-bottom:1px solid #00A400;border-top:1px solid #00A400;overflow-y:visible; }
div.notify > input[type=button] { display:block;height:32px;width:320px;line-height:26px;margin-top:4px;border:3px double #00A400;background-color:#FFFFFF;cursor:pointer;box-shadow:0 0 0 2px #00A400 inset;font-weight:600;color:#212121;text-shadow:0 0 1px #212121;outline:0; }
div.notify > input[type=button]:focus { outline:none; }
/*  --------------------------------------------------------------------------------------------------------  */