b/*
 *============================================================================
 * IMPORT CSS
 */
 *, :after, :before {
    box-sizing: border-box;
}
@font-face{
    font-family: asmFonts;
    src : url(../../_img/Gotham-Medium.otf) ;
}
@font-face{
    font-family: asmFontB;
    src : url(../../_img/Gotham-Bold.otf) ;
}
@font-face{
    font-family: myriad;
    src : url(../../_img/myriadpro-light.otf) ;
}
@font-face{
    font-family: myriadB;
    src : url(../../_img/MyriadPro-Bold.otf) ;
}
@font-face{
    font-family: avenir;
    src : url(../../_img/Avenir-Book.otf) ;
}
@font-face{
    font-family: avenirB;
    src : url(../../_img/avenir-next-lt-pro-bold.otf) ;
}
/*
 *============================================================================
 * PAGE SETTINGS UI
 */
html,
body,
.system-module{margin:50px 0 0 0;border: 0 none;padding: 0;height: auto;background: #fff;vertical-align: top;}
input,
select,
textarea,
button{font-size: 12px;}
button{cursor: pointer !important;}

input,select,textarea{font-family: arial;}
.system-module .reserve-navigation{display: none;}
.system-module .asideLEFT .eelhi{text-align: center;padding-bottom: 15px;border-bottom: 0.1em solid #E6E6E6;}
.btn-ui-default{border: 0.1em solid #d7dada;padding: 2px 5px 2px 5px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;cursor: pointer;background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);color: #333 !important;}
.btn-ui-default:hover{border:0.1em solid #bfc4c4;background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);}
.btn-ui-default > i{padding: 0;margin: 0 5px 0 -5px;font-size: 1.2em !important;}
.system-module > .asideLEFT{z-index: 9;border-right: 0.1em solid #C7C4C4;height: 100%;padding: 0 0 0 0;width: 200px;position: fixed;clear: left;background: #ffffff;}
.asideLEFT > .marker{position: absolute;top: 0;left: 100%;width: 7px;height: 100%;border: 0px solid #fff;border-right-width: 0.3em;border-right-style: solid;-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#444)) 1 100%;-webkit-border-image: -webkit-linear-gradient(#333, #0188B5) 1 100%;-moz-border-image:-moz-linear-gradient(#333, #0188B5) 1 100%;-o-border-image:-o-linear-gradient(#333, #0188B5) 1 100%;border-image:linear-gradient(to bottom, #333, #555) 1 100%;background: #0188B5;background-image: -webkit-gradient(linear, left top, left bottom, from(#0188B5), to(#009BCF));background-image: -webkit-linear-gradient(top, #0188B5, #009BCF);background-image: -moz-linear-gradient(top, #0188B5, #009BCF);background-image: -ms-linear-gradient(top, #0188B5, #009BCF);background-image: -o-linear-gradient(top, #0188B5, #009BCF);background-image: linear-gradient(to bottom, #0188B5, #009BCF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0188B5, endColorstr=#009BCF);box-shadow: 2px 0px 5px 2px #CCCCCC;-webkit-box-shadow: 2px 0px 5px 2px #CCCCCC;z-index: 999;}
.asideLEFT > ul{position: absolute;float: left;list-style: none;margin: 15px 0 0 0;padding: 0;width: 100%;text-align: left;}
.asideLEFT > ul > li{padding: 10px 10px 10px 25px;cursor: pointer;font-weight: bold;height: 15px;z-index: 999999999;border: 0.1em solid transparent;font-weight: normal;font-size: 15px;}
.asideLEFT > ul > li > i{margin: 0 5px 0 0;font-size: 1.2em;opacity: 0;width: 17px;transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;}
.asideLEFT > ul > li:hover > i{opacity: 1;color: #888;transition: opacity 0.3s ease-in-out;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;}
.asideLEFT > ul > li.homepage{width: auto !important;}
.asideLEFT > ul > li.homepage > i{margin: 0 5px 0 0; opacity: 1;}
.asideLEFT > ul > li.homepage{border-right: transparent;color: #FFFFFF;font-size: 15px;text-shadow: 1px 1px 1px #6D6D6D;border-top: 0.1em solid #0085B2 !important;border-bottom: 0.1em solid #0085B2 !important;background: #0395C5;background-image: -webkit-gradient(linear, left top, left bottom, from(#0395C5), to(#0085B2));background-image: -webkit-linear-gradient(top, #0395C5, #0085B2);background-image: -moz-linear-gradient(top, #0395C5, #0085B2);background-image: -ms-linear-gradient(top, #0395C5, #0085B2);background-image: -o-linear-gradient(top, #0395C5, #0085B2);background-image: linear-gradient(to bottom, #0395C5, #0085B2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0395C5, endColorstr=#0085B2);}
.asideLEFT > ul > li.homepage:hover > i{color: #FFF !important;}
.asideLEFT > ul > li:hover:not(.homepage):not(.sub-homepage){opacity: 1;border: 0.1em solid transparent !important;text-shadow: none !important;color: #5C5C5C;background: #f3f3f3;transition: background 0.3s,color 0.3s ease-in-out;-webkit-transition: background 0.3s,color 0.3s ease-in-out;-moz-transition: background 0.3s,color 0.3s ease-in-out;-o-transition: background 0.3s,color 0.3s ease-in-out;}
.asideLEFT > ul > li:active:not(.homepage):not(.sub-homepage){opacity: 1;color: #333 !important;background: #D5D4D4 !important;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;}
.asideLEFT > ul > li.sub-navigation{font-size: 11px;padding: 5px 3px 3px 45px;color: #BDBDBD;background: #FFF;}
.asideLEFT > ul > li.sub-navigation > i{width: 5px;}
.asideLEFT > ul > li.sub-navigation > img{width: 10px;height: 10px;margin: 1px 5px 0 0;}
.asideLEFT > ul > li.sub-homepage{color: #333;font-weight: normal;background: #EBEBEB !important;margin-right: 1px;}
.asideLEFT > ul > li.sub-homepage > i{opacity: 1;}
.asideLEFT .notification{display: none;min-width: 12px;border: 0.1em solid #FF2929;max-width: 20px;text-align: center;margin-left: 10px;padding: 3px 6px 3px 6px;font-size: 10px;font-weight: bold !important;color: #ffffff;opacity: 1 !important;border-radius: 3px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;-moz-border-top-left-radius: 3px;-moz-border-top-right-radius: 3px;background-color: #ff4040;}
.asideLEFT .sub-navigation .notification{padding: 2px 4px 2px 4px;}
.asideLEFT > ul > li:hover .notification,
.asideLEFT .notification:hover{opacity: 1 !important;color: #FFF;background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);background-image: -o-linear-gradient(top, #e40a0a, #9f0202);background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);}
.asideRIGHT > .page-module > .main-frame{background: #ffffff;margin: 0 0 0 0;padding: 2px 5px 5px 5px;display: block;min-height: 580px;/*max-height: 100%;*/width: auto;border:0.1em solid #B9B9B9;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-webkit-box-shadow: 0 0 8px #D0D0D0;box-shadow: 0 0 8px #D0D0D0;-webkit-box-shadow: 0 0 8px #D0D0D0;}
.system-module > .asideRIGHT{/*margin-top:100px;padding:20px 0;width: 800px;*/background: #DDDDDD;}
.system-module > .asideRIGHT > .page-module{width: auto;display: none;margin: 0 0 0 0;}
.asideLEFT .eelhi{border-bottom: 0.2em dashed transparent; clear: both;display: block;padding: 0 0 0 0;}
.asideLEFT .company-logo{display: block;opacity: 0.4;cursor: default;}
.asideLEFT .company-logo > span{font-size: 15px;font-weight: bold;vertical-align: top;margin: 10px 0 0 0;display: inline-block;}
.asideLEFT .company-logo > img{width: 25px; margin: 5px 0 0 5px;}
.asideLEFT .eelhi .accnt{display: none;margin: 10px 0 0 0;}
.asideLEFT .eelhi .accnt > div{display: block;}
.asideLEFT .eelhi .accnt > div > div{display: inline-block;text-align: LEFT;}
.asideLEFT .eelhi .accnt > div > div span{display: block;font-size: 10px;}
.system-module .accnt img{width: 25px;height: 25px;float: left;margin: 0 5px 0 6px;}
.page-module .set-grid .ui-grid .ui-rowdata.selected .ui-coldata{border: 0.1em solid #0085B2;}
.page-module .set-grid .ui-grid .ui-rowdata:hover .ui-coldata{color: #ffffff;}
.page-module .btn{display: inline-block; margin: 0 0 0 0;}
.page-module .btn button{margin: 0 10px 0 0;}
.page-module .main-frame .pgtitle{border-bottom: 0.13em dashed #DEDEDE;height: 30px;margin-bottom: 10px !important;}
.page-module .pgtitle .accnt{float: right;}
.page-module .pgtitle .accnt > div > div{float: left;margin: 0 10px 0 0;}
.page-module .pgtitle .accnt > div > div span{display: block;font-size: 10px;font-weight: normal;text-align: right;}
.page-module .pgtitle .accnt > div > .usr-icon{color: #005B7A;margin: -5px 0 0 0;}
.page-module .ui-grid .ui-rowdata.filter .ui-coldata,
.page-module .ui-grid .ui-rowdata.filter .ui-coldata input{border: 0.1em solid #800;background: #FFB4B4;}
.page-module .ui-grid .ui-rowdata.filter .ui-coldata input{border: 0.1em solid transparent !important;}
[name="brwform_remarks"]{width: 95%;height: 100px;resize: none;margin: 10px 0 0 0;display: block;}
.errPAGE{text-align: center;}
.errPAGE > span{font-size: 30px;font-weight: bold;display: block;text-align: left;}
.errPAGE > img{text-align: center;width: 500px;height: 500px;}
button{padding-left: 10px;padding-right: 10px;}
button > i{margin: 0 5px 0 0;}
.page-module .toolbar{margin: 0 0 10px 0;}
.page-module .toolbar ul{margin: 0; padding: 0;list-style: none;}
.page-module .toolbar ul li{border-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;-webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-radius: 2px;display: inline-block;border: 0.1em solid #BDBDBD;padding: 5px;margin: 0 5px 0 0;cursor: pointer;}
.page-module .toolbar ul li.enable{opacity: 1;color: #ffffff;transition: opacity 0.2s ease-in-out;-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;border:1px solid #1090c3;background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);}
.page-module .toolbar ul li.enable:active,
.page-module .toolbar ul li.enable:hover{border:1px solid #1790BF;background-color: #18A5DC; background-image: -webkit-gradient(linear, left top, left bottom, from(#18A5DC), to(#1a92c2));background-image: -webkit-linear-gradient(top, #18A5DC, #1a92c2);background-image: -moz-linear-gradient(top, #18A5DC, #1a92c2);background-image: -ms-linear-gradient(top, #18A5DC, #1a92c2);background-image: -o-linear-gradient(top, #18A5DC, #1a92c2);background-image: linear-gradient(to bottom, #18A5DC, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#18A5DC, endColorstr=#1a92c2);}
.page-module .toolbar ul li.disable{opacity: 0.3;background: #fffff;color:#333;cursor: default; transition: opacity 0.2s ease-in-out;-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;}
.page-module .toolbar ul li i{margin: 0 5px 0 0;font-size: 1.2em;float: left;}
.page-module .toolbar ul li.enable i{color: #00668F;transition: color 0.3s ease-in-out;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;}
.page-module .toolbar ul li.enable:hover i,
.page-module .toolbar ul li.enable:active i{color: #FFFFFF !important;transition: color .3s ease-in-out;-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;}
.page-module .find-memo div:not(.req-view){border: 0.1em solid #FF7373 !important;background: #FFCECE !important;}
.notify-off{color: #333333 !important;opacity: 0.6;}
.vibrate-off:hover,
.vibrate-off:focus{-webkit-animation: none;-moz-animation: none;animation: none;}
.vibrate-on {-webkit-animation: vibrate .4s alternate infinite linear;-moz-animation: vibrate .4s alternate infinite linear;animation: vibrate .4s alternate infinite linear; }
@-webkit-keyframes vibrate {
    0%{-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);}
    100% {-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
}
@-moz-keyframes vibrate
{
    0%{-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);}
    100%{-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
}
@keyframes vibrate {
    0% {-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);}
    100% {-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
}
.search-container > .icon{padding: 2px;display: inline-block;border-top-right-radius: 3px;border-bottom-right-radius: 3px;margin: 0 0 0 -4px;background: #B0B0B0;border: 0.1em solid #aaa;color: #333;width: 20px;cursor: pointer;font-weight: normal;transition: background 0.5s,border 0.5s ease-in-out;-webkit-transition: background 0.5s,border 0.5s ease-in-out;-moz-transition: background 0.5s,border 0.5s ease-in-out;-o-transition: background 0.5s,border 0.5s ease-in-out;}
.search-container > .icon{color: #FFF;padding: 2px 5px 2px 5px;font-weight: normal;text-align: center;background: #337ab7;border: 0.1em solid #2e6da4;border-left: none;border-radius: 3px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.search-container:hover .icon,
.search-container > .icon:hover{-webkit-box-shadow: inset 0 3px 5px #275C8A;box-shadow: inset 0 3px 5px #275C8A;background: #286090;border: 0.1em solid #2e6da4;border-left: none;transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;-webkit-transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;-moz-transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;-o-transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;}
.search-container [name="txsearch"]{width: 200px;outline: none;text-indent: 5;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border: 0.1em solid #999;border-right: none;}
.search-container [name="txsearch"]:focus,
.search-container:hover [name="txsearch"]{border: 0.1em solid #2e6da4;border-right: none;transition: border 0.5s ease-in-out;-webkit-transition: border 0.5s ease-in-out;-moz-transition: border 0.5s ease-in-out;-o-transition: border 0.5s ease-in-out;}
.search-dropdown-container{display: inline-block;margin: 0 0 0 43px;}
.search-dropdown-container > .drop-data{border: 0.1em solid #999;border-right: none;min-width: 180px;text-indent: 2;height: 15px;vertical-align: middle;padding: 1px;display: inline-block;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;transition: border 0.5s ease-in-out;-webkit-transition: border 0.5s ease-in-out;-moz-transition: border 0.5s ease-in-out;-o-transition: border 0.5s ease-in-out;}
.search-dropdown-container > .icon{width: 20px;background: #337ab7;line-height: 14px;color: #FFFFFF;border-top-right-radius: 3px;border-bottom-right-radius: 3px;cursor: pointer;padding: 2px 5px 2px 5px;text-indent: 5;height: 13px;font-size: 1.5em;display: inline-block;vertical-align: middle;border: 0.1em solid #2e6da4;border-left: none;transition: background 0.5s,border 0.5s ease-in-out;-webkit-transition: background 0.5s,border 0.5s ease-in-out;-moz-transition: background 0.5s,border 0.5s ease-in-out;-o-transition: background 0.5s,border 0.5s ease-in-out;}
.search-dropdown-container .icon.open,
.search-dropdown-container:hover .icon{-webkit-box-shadow: inset 0 3px 5px #275C8A;box-shadow: inset 0 3px 5px #275C8A;border: 0.1em solid #2e6da4;border-left: none;background: #286090;transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;-webkit-transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;-moz-transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;-o-transition: box-shadow 0.5s,background 0.5s,border 0.5s ease-in-out;}
.search-dropdown-container:hover .drop-data{border: 0.1em solid #2e6da4;border-right: none;transition: border 0.5s ease-in-out;-webkit-transition: border 0.5s ease-in-out;-moz-transition: border 0.5s ease-in-out;-o-transition: border 0.5s ease-in-out;}
.search-dropdown-container .drop-data i{margin: 0 3px 0 0;}
.search-dropdown-lukup{display: none;position: absolute;background: #FFF;list-style: none;padding: 2px;margin: 0;border: 0.1em solid #9D9D9D;border-top:none;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;z-index: 99999; -webkit-box-shadow: 0 0 5px #666; }
.search-dropdown-lukup > li{margin: 0 0 1px 0;cursor: pointer;padding: 3px 10px 3px 10px;transition: 0.2s,color 0.2s ease-in-out; }
.search-dropdown-lukup > li > i{color: #333;margin: 0 3px 0 0;transition: color 0.3s ease-in-out;}
.search-dropdown-lukup > li:hover > i{color: #FFF;transition: color 0.3s ease-in-out;}
.search-dropdown-lukup > li:last-child{margin: 0 0 0 0;}
.search-dropdown-lukup > li:hover{color: #FFF;background: #50abc4;transition: background 0.3s,color 0.3s ease-in-out;}
.search-dropdown-lukup > li.selected{background: #ff4040;color: #FFF;cursor: default;}
.search-dropdown-lukup > li.selected > i{color: #FFF;}
.req-set.warning .thick-mark,
.set_req.warning .thick-mark{color: #800 !important;}
.req-set.success .thick-mark,
.set_req.success .thick-mark{color: #008c00 !important;}

.ui-rowdata.r2b .col{border: thin solid #007736 !important;background: #96c56f !important;}

.theme-color-1{color:#53178B;}
.theme-color-2{color:#53178B;}
.set-buttons{color:#3368FF;background:unset;border-color:#3368FF;width:220px;font-size:1vw;margin:1em 0;}
.set-buttons.lengthy{font-size:0.8vw;}
.set-buttons:hover{background:unset;background-color:#3368FF !important;color:#FFF;}
.set-buttons:focus{background:unset;border-color:#3368FF;}
.set-buttons2{color:#3368FF;background:unset;border-color:#3368FF;width:120px;font-size:1vw;margin:1em 0;}
.set-buttons2.lengthy{font-size:0.8vw;}
.set-buttons2:hover{background:unset;background-color:#3368FF !important;color:#FFF;}
.set-buttons2:focus{background:unset;border-color:#3368FF;}

/*
 *===========================================================================
 * TO TOP
 */
.to-TOP{position: fixed;right: 5px;bottom: 20px;font-size: 3em;color: #333333;background: transparent;font-weight: normal !important;font-style: normal;cursor: default;opacity: 0; transition: opacity 0.5s ease-in-out;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;}
.to-TOP.show{cursor: pointer;opacity: 1; transition: opacity 0.8s ease-in-out;-webkit-transition: opacity 0.8s ease-in-out;-moz-transition: opacity 0.8s ease-in-out;-o-transition: opacity 0.8s ease-in-out;}
/*
/*===========================================================================
 * ERROR PAGE
 */
::selection{background: #1ab0ec; color: #FFFFFF;}
::moz-selection{background: #1ab0ec;color: #FFFFFF;}
::webkit-selection{background: #1ab0ec; color: #FFFFFF;}

.err_msg-container
{
    margin:  10px;
    border: 0.1em solid #D0D0D0;
    -webkit-box-shadow: 0 0 8px #D0D0D0;
            box-shadow: 0 0 8px #D0D0D0;
}
.err_msg-container > h1{color: #444;background: transparent;border-bottom: 0.1em solid #D0D0D0;font-size: 19px;font-weight: normal;margin: 0 0 14px 0;padding: 14px 15px 10px 15px;}
.err_msg-container > p{margin: 12px 15px 12px 15px;}

 /*============================================================================
 * SEARCH DIALOG UI
 */
.ui-dialog .dglookup .ui-grid .ui-rowlist{height: 320px;}

/*
 *============================================================================
 * MAIN CONTENT UI
 */
.main-content{margin:8px 10px 8px 10px;}
/*.download-container{text-align: center !important;}*/
/*
 *============================================================================
 * MANUAL TAGS UI
 */
textarea:read-only{border: 0.1em solid #aaaaaa !important;background-color: #E1E1E1 !important;}
.asideRIGHT.study{background: #FFF !important;}
.asideRIGHT .container{margin:30px auto;width:1000px;padding-top:40px;}
.asideRIGHT .container .content-up{display:flex;}
.asideRIGHT .container .content-up > div{padding:20px 0;margin:25px 0;flex-basis: 50%;}
.asideRIGHT .container .content-up .content-up-left{display:flex;flex-direction: column;}
.asideRIGHT .container .content-up .content-up-right{align-content: center;}
.asideRIGHT .container .content-up .content-up-left > div{display:flex;}
.asideRIGHT .container .content-up .sub-1{font-size: 3em;width:350px}
.asideRIGHT .container .content-up .sub-2{font-size: 1.5em;width:550px;flex-basis: 50%;}
.asideRIGHT .container .content-down{display: flex;}
.asideRIGHT .container .content-down div{flex-basis:30%;margin:0 15px;text-decoration: none;color:#FFF;}
.asideRIGHT .container .content-down a button{width:100%;}

.asideRIGHT .main-container{margin:30px auto;width:1080px;padding-top:40px;}
.asideRIGHT .main-container .main-sub{display:flex;margin-bottom:15px;}
.asideRIGHT .main-container .main-sub .sub-container-1{flex-basis: 70%;}
.asideRIGHT .main-container .main-sub .sub-container-2{flex-basis: 30%;}
.asideRIGHT .main-container .main-sub .sub-container-3{flex-basis: 50%;padding:15px 10px;line-height: 20px;}
.asideRIGHT .main-container .main-sub .sub-container-4{flex-basis: 50%;padding:15px 3px;line-height: 18px;}
.asideRIGHT .main-container .main-sub .sub-container-4 div:last-child{font-size: 9px;line-height: 10px;}
.asideRIGHT .main-container .main-sub div label{font-weight: bold;font-size: 13px;}

.admin-menu .topnav > a{margin:0 15px;}


.nav-container{display:flex;}
.nav-container div.top-logo{flex-basis:25%;}
.nav-container div.top-nav{flex-basis:75%;display:flex;flex-direction: column;justify-content: space-between;}

.nav-container div.top-nav .menu-list-1{font-size: 12px;color:green;}
.nav-container div.top-nav .menu-list-1 ul li i{font-size: 1.5em !important;vertical-align: -5%;}
.nav-container div.top-nav .menu-list-2{font-size: 14px;color:blue;}

.nav-container .top-nav > div{padding:2px 0;}
.top-nav div ul{flex-direction:row-reverse;
            margin-left:auto;
            display:flex;
            padding-left:0;
            margin-bottom:0;
            margin-top:0;
            list-style:none;}
.top-nav div ul li{margin:6px 3px 6px 15px;}
.top-nav div ul li i{margin-left:10px;}

.top-nav div ul li.contact{background: #0000b3;color:white;}
.top-nav div ul li.contact i{margin:0;}

.top-nav div ul li.contact span{border: 1px solid white;padding:1px;border-radius:10px;}

.top-menu{margin:0 auto;width:1100px;}



.flex{
-webkit-display: flex;
     -moz-display: flex;
                display:flex;
            }
            .branding {
    width: 155px;
    padding-top:15px;
    padding-left:15px;
    padding-bottom:15px;
    padding-right:0px;
    border-right: 1px solid #ddd;
}

 .office__details {
     -webkit-flex: 1 0 235px;
     -moz-flex: 1 0 235px;
     flex: 1 0 235px 
}
 .office__details span:first-child {
     font-weight: 700;
     color: #cfc;
     margin-bottom: 40px 
}

.view-in-mobile {
    display: none;
}
.back-to-parent {
    right: 0;
    width: 300px;
    z-index: 10;
    background-color: #136949;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px;
    color: #fff;
}
.back-to-parent, .nav-mask {
    position: fixed;
    display: none;
}
.justify-center {
    -moz-justify-content: center;
    justify-content: center;
}
.front, .justify-center {
    -webkit-justify-content: center;
}
.align-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.back-to-parent, .nav-mask {
    position: fixed;
    display: none;
}

a {
    color: #337ab7;
    text-decoration: none;
}
a {
    background-color: transparent;
}

.branding img {
    object-fit: contain;
    height: 100%;
}
img {
    max-width: 100%;
}
img {
    vertical-align: middle;
}

img {
    border: 0;
}

 /* header { */
    /* position: fixed; */
    /* top: 0; */
    /* background-color: #fff; */
    /* z-index: 9; */
    /* width: 100%; */
    /* border-bottom: 1px solid #ddd; */
/* } */
 
  header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100px;
     z-index: 11;
     border-bottom: 1px solid #ddd;
     background:#FFFFFF;
}
 header a.btn svg, header nav ul:first-child li {
     position: relative 
}
 header li:hover a{
     background-color: #008a58
 }
 header nav {
     -webkit-flex: 1;
     -moz-flex: 1;
     flex: 1;
     -webkit-flex-direction: column;
     -moz-flex-direction: column;
     flex-direction: column ;
     font-family: "Arial","Times New Roman","Sans Serif";
}
 header nav ul {
     margin: 0;
     padding: 0;
     text-align: right 
}
 header nav ul li {
     list-style: none;
     display: inline-block 
}
 header nav ul li a {
     font-size: 13px;
     padding: 10px 20px;
     display: block;
     font-weight: 700;
     -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out 
}
 header nav ul:first-child {
     background-color: #FFFFFF;
}
 header nav ul:first-child ul.sub-menu {
     padding: 0;
     width: calc(100% - 1px);
     left: 1px 
}
 header nav ul:first-child ul.sub-menu.overlap {
     width: 220px; 
}
 header nav ul:first-child ul.sub-menu li {
     display: block;
     width: 100% 
}
 header nav ul:first-child ul.sub-menu li a {
     border: 1px solid transparent;
     font-size: 13px;
     text-align: left;
     color: #fff;
     padding: 10px 20px;
     font-weight: 400;
     border-bottom: 1px solid rgba(255, 255, 25, .6) 
}
.nav-mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, .8);
}
.nav-mask.is-active {
    display: block;
}
 header nav ul:first-child ul.sub-menu li a:hover {
     background-color: #076140 
}
 header nav ul:first-child li a {
     border-left: 1px solid #fff;
     color: #008a58;
     text-transform: uppercase 
}
 header nav ul:first-child li a:hover, header nav ul:first-child li:hover a {
     background-color: #008a58;
     color: #fff 
}
 header .bottom-nav {
     height: 100%;
     margin-right: 20px;
         
}
 header .bottom-nav li a {
     color: #1d54a5;
     font-size: 17px;
     padding: 19px 15px 
}
 header .bottom-nav li:hover a {
     color: #fff 
}
 header a.btn, header .bottom-nav li .btn {
     background-color: #2a5eaa;
     color: #fff;
     padding: 10px 20px;
     font-weight: 700;
     height: auto;
     margin-left: 15px;
	     -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 3px;
}
 header a.btn svg {
     width: 20px;
     height: 20px;
     opacity: .6;
     margin-right: 10px;
     top: 2px 
}




 header nav ul .has-children:hover > ul.sub-menu {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     transform: translateY(0) 
}

 header nav ul li.has-children>a {
     position: relative;
     padding-right: 20px 
}
 header nav ul li.has-children>a::after {
/*     content: "\e252";
     font-family: 'Glyphicons Halflings';
     font-size: 12px;
     position: absolute;
     top: 50%;
     right: 15px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%) */
}
 header .ol-pay {
 	width: 93.3%;
 	height: 81%;
 	}
 header nav ul ul.sub-menu {
     position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
    background-color: #028a58;
    margin: 0;
    padding: 50px 30px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
}


header .sub-menu img {
     border: 5px solid #fff;
     margin-bottom: 30px 
}
header .sub-logos img {
     border: none;
     margin-bottom: 0 
}
 header .sub-menu__item {
     text-align: center;
     padding: 20px;
     max-width: 180px;
     position: relative;
     transition: border .2s ease-in 
}
 header .sub-menu__item a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     z-index: 1 
}
 header .sub-menu__item::after, header .sub-menu__item::before {
     position: absolute;
     content: '';
     opacity: 0;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: all ease-in .4s;
     -moz-transition: all ease-in .4s;
     transition: all ease-in .4s 
}
 header .sub-menu__item:hover::after, header .sub-menu__item:hover::before {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1) 
}
 header .sub-menu__item::before {
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
     -webkit-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0 
}
 header .sub-menu__item::after {
     border-right: 1px solid #fff;
     border-left: 1px solid #fff;
     -webkit-transform: scale(1, 0);
     transform: scale(1, 0);
     -webkit-transform-origin: 100% 0;
     transform-origin: 100% 0 
}
 header .sub-menu__item span {
     font-size: 14px;
     display: block;
     color: #fff;
     margin: 0 auto;
     text-align: center 
}

header nav ul ul.sub-logos a {
         right: 100%;
    left: auto;
    top: 0;
    height: 100%;
    padding: 10px;
    background-color: white;
    display: flex;
    align-items: center;
}
header nav ul ul.sub-logos {
     right:100%;
     left: auto;
     top:0;
     height: 79%;
     width: 93.3%;
     padding: 10px;
     background-color: white;
     display: flex;
     align-items: center
}





.hamburger {
    width: 35px;
    height: 30px;
    margin: 0 15px;
    z-index: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    cursor: pointer;
}
.hamburger label {
    text-transform: uppercase;
    font-size: 12px;
    color: #2a5eaa;
    position: absolute;
    bottom: -20px;
}
.hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #2a5eaa;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.hamburger span:nth-child(2){
    top: 10px;
}

.hamburger span:nth-child(3) {
    top: 20px;
}
.hamburger.is-active {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    transform: translateX(-300px);
}
.hamburger.is-active span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.hamburger.is-active span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.hamburger.is-active span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.hamburger.is-active span {
    background: #fff;
}
 .back-to-parent, .nav-mask {
     position: fixed;
     display: none; 
}
 .back-to-parent {
     right: 0;
     width: 270px;
     z-index: 10;
     background-color: #136949;
     text-align: center;
     text-transform: uppercase;
     font-weight: 700;
     padding: 15px;
     color: #fff;
}
 .back-to-parent svg {
     fill: #fff;
     width: 25px;
     height: 25px;
     margin-right: 10px;
     border: 1px solid;
     border-radius: 50% 
}
 .nav-mask {
     top: 0;
     left: 0;
     width: 100%;
     height: 120%;
     background-color: rgba(0, 0, 0, .8) 
}
 .nav-mask.is-active {
     display: block; 
}

.sub-payment li {
    width: 100%;
}
.sub-payment a {
    display: block;
    font-size: 14px !important;
    padding: 15px !important;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-left {
    text-align: left !important;
}
.sub-payment {
    left: initial !important;
    width: auto !important;
    padding: 0 0 !important;
    max-width: 320px;
}
.fa-lg{font-size: 1.5em !important;margin-left:20px;}



/*join vote register page*/
.system-module .main-wrapper{font-family: avenir !important;}
.system-module .main-wrapper .asmbold{font-family: asmFontB !important;}
/*.system-module.join .main-wrapper .main-header{font-family: asmFontB !important}*/

.system-module .main-wrapper .hdbold{font-family: avenirB !important;}


.system-module .main-wrapper .main-header,
.system-module .main-wrapper .col p,
.system-module .main-wrapper .col .row table{font-family: avenir;}
.system-module .main-wrapper div.btns2> div button{font-family:avenir;font-weight:bold;}
.system-module .main-wrapper div.btns> div button{font-family:avenir;font-weight:bold;}

/*.system-module .main-wrapper div.btns2> div button:hover{background: #404040;color:#00cc81;}
.system-module .main-wrapper div.btns> div button:hover{background: #404040;color:#00cc81;}*/
.system-module .main-wrapper .btns2 > div{flex-basis: 33%;}
.system-module .main-wrapper .btns > div{flex-basis: 33%;}

/*.system-module.vote .main-wrapper .main-header,
.system-module.vote .main-wrapper .col p,
.system-module.vote .main-wrapper .col .row table{font-family: avenir;}
.system-module .main-wrapper div.btns> div button{font-family:avenir;color:#67c596;font-weight:bold;}
*/


@media screen and (min-width: 2200px) and (max-width:2540px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1.9em !important;}
    header .bottom-nav li a{font-size: 2.3em !important;}
    
    /*tovote and tojoin*/
    
    /*body content*/
	.system-module.join .main-wrapper .col p, 
    .system-module.join .main-wrapper .col .row table{font-size: 2em !important;}
	.system-module.vote .main-wrapper .col p, 
    .system-module.vote .main-wrapper .col .row table{font-size: 2em !important;}
	/*toregister*/
	.system-module.register .main-wrapper .col-1 .row-2{font-size: 2em !important;}
	.system-module.register .main-wrapper .col-1 .row-2 b{font-size: 2em !important;}
	.system-module.register .main-wrapper .col-1 .btns2 > div button{font-size: 1.3em !important;}
    /*buttons*/
    .main-wrapper div.btn-bottom > div button{font-size: 1.3em !important;}
    /*how to*/ 
    .system-module.join > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    .system-module.vote > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    .system-module.register > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    /*title: 2020 Annual*/
    .main-wrapper .main-header h1{font-size:4.8em !important;}
	/*title: 2020 Annual - register page*/
	.register .header-wrapper > h1{font-size: 4.8em !important;} 
}
@media screen and (min-width: 1921px) and (max-width:2199px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1.7em !important;}
    header .bottom-nav li a{font-size: 2.1em !important;}
    
    /*tovote and tojoin*/
	.system-module.join .main-wrapper .col p, 
    .system-module.join .main-wrapper .col .row table{font-size: 1.5em !important;}
	.system-module.vote .main-wrapper .col p, 
    .system-module.vote .main-wrapper .col .row table{font-size: 1.5em !important;}
	/*toregister*/
	.system-module.register .main-wrapper .col-1 .row-2{font-size: 1.5em !important;}
	.system-module.register .main-wrapper .col-1 .row-2 b{font-size: 1.5em !important;}
	.system-module.register .main-wrapper .col-1 .btns2 > div button{font-size: 1.3em !important;}
    /*buttons*/
    .main-wrapper div.btn-bottom > div button{font-size: 1.3em !important;}
    /*how to*/ 
    .system-module.join > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    .system-module.vote > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    .system-module.register > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    /*title: 2020 Annual*/
    .main-wrapper .main-header h1{font-size:4.4em !important;}
	/*title: 2020 Annual - register page*/
	.register .header-wrapper > h1{font-size: 4.4em !important;}
    
}
@media screen and (min-width: 1780px) and (max-width:1920px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1.4em !important;}
    header .bottom-nav li a{font-size: 1.8em !important;}
    
    /*tovote and tojoin*/
	.system-module{font-size: 1.5em !important;}	
	/*
	.system-module.vote .main-wrapper .col p, 
    .system-module.vote .main-wrapper .col .row table{font-size: 1.5em !important;}	
    .system-module.join .main-wrapper .col p, 
    .system-module.join .main-wrapper .col .row table{font-size: 1.5em !important;}	
	*/
	/*toregister*/
	/*.system-module.register .main-wrapper .col-1 .row-2{font-size: 1.5em !important;}*/
	/*.system-module.register .main-wrapper .col-1 .row-2 b{font-size: 1.5em !important;}*/
	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 1.0vw !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.5em !important}
	/*
    .system-module.join > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    .system-module.vote > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
    .system-module.register > .asideRIGHT .main-wrapper .col-1 .row-1 > div > div > span{font-size: 2.5em !important}
	*?
    /*title: 2020 Annual*/
    .system-module .main-header h1.asmheader{font-size:2.5em !important;}
    
}

@media screen and (min-width: 1680px) and (max-width:1779px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1.3em !important;}
    header .bottom-nav li a{font-size: 1.7em !important;}
    
    /*page*/
    .system-module{font-size: 1.2em !important;}	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 1.0em !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.6em !important}
    /*title: 2020 Annual*/
    .system-module .main-header  h1.asmheader{font-size:2.5em !important;}
}

@media screen and (min-width: 1600px) and (max-width:1679px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1.2em !important;}
    header .bottom-nav li a{font-size: 1.6em !important;}
    
	/*page*/
    .system-module{font-size: 1.2em !important;}	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 1.0em !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.5em !important}
    /*title: 2020 Annual*/
    .system-module .main-header  h1.asmheader{font-size:2.4em !important;}
}

@media screen and (min-width: 1366px) and (max-width:1599px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1em !important;}
    header .bottom-nav li a{font-size: 1.35em !important;}       
	
	/*page*/
    .system-module{font-size: 1.2em !important;}	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 1.0em !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.5em !important}
    /*title: 2020 Annual*/
    .system-module .main-header  h1.asmheader{font-size:2em !important;}
}

@media screen and (min-width: 1280px) and (max-width:1365px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1em !important;}
    header .bottom-nav li a{font-size: 1.35em !important;}
    
    /*page*/
    .system-module{font-size: 1.1em !important;}	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 0.9em !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.4em !important}
    /*title: 2020 Annual*/
    .system-module .main-header  h1.asmheader{font-size:2.3em !important;}
}

@media screen and (min-width: 1024px) and (max-width:1279px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1em !important;}
    header .bottom-nav li a{font-size: 1.35em !important;}
    
    /*page*/
    .system-module{font-size: 1.0em !important;
	/*margin-bottom: 150px;*/}	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 0.9em !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.3em !important}
    /*title: 2020 Annual*/
    .system-module .main-header  h1.asmheader{font-size:2.2em !important;}	
}
@media screen and (min-width: 800px) and (max-width:1023px)
{
	.system-module .main-wrapper div.btns2> div button{width: 70%;margin: 0 10px;outline: none;}
	.system-module .main-wrapper div.btns> div button{width: 70%;margin: 0 10px;outline: none;}
    header nav ul li a{font-size: 1em !important;}
    header .bottom-nav li a{font-size: 1.35em !important;}
    
    /*page*/
    .system-module{font-size: 0.9em !important;}	
    /*buttons*/
	.system-module .main-wrapper .pgbtn div button{font-size: 0.8em !important;}
    /*how to*/ 
	.system-module .howtolbl span{font-size: 1.2em !important}
    /*title: 2020 Annual*/
    /* .system-module .main-header  h1.asmheader{font-size:2.1em !important;} */
	
	.system-module.pgmain .main-wrapper .col-1 .row{margin-left:10px;}
	
}
/*FOR ADMIN_LOGIN CSS*/
/*login page*/
.page-module.adminlogin .login-div{
/*    width:50%;
    height:50%;*/
    border-radius: 8px 4px 4px 8px;
    /*margin: 0 auto;*/
    /*margin-top: 50px;*/
    padding: 5%;
}
.page-module.adminlogin .login-frame{width:242px;height:170px;padding:15px;padding-left:20px;padding-right:20px;text-align: left;}
.page-module.adminlogin .login-frame{border-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;-webkit-border-top-left-radius: 2px;
                                -webkit-border-top-right-radius: 2px;-moz-border-radius: 2px;display: inline-block;border: 0.1em solid #999999;font-size:15px;}
.page-module.adminlogin .login-frame div{margin:2px;}
.page-module.adminlogin .login-frame input{font-size:15px; padding:5px 5px;width:225px;}
.page-module.adminlogin button{padding:5px 5px;margin-top:10px;cursor:pointer;width:100px;}
.page-module.adminlogin .ui-alert{width:400px;margin-bottom:5px;}

.page-module.adminlogin .login-display{
    box-shadow:2px 3px #aaa;
    background: #FFFFFF;
    width : 450px;
    height:210px;
    padding:15px 20px;
    border-radius:2px;
    border: 0.1em solid #bbb;
    font-size:15px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius: 2px;
}
.page-module.adminlogin .login-display .login-title i{padding:0 3px;}
.page-module.adminlogin .login-display .input-box{margin:10px auto;}
.page-module.adminlogin .login-display .input-box input{width:95%;padding:15px 10px;margin:0;font-size:11pt;}
.page-module.adminlogin .login-display .btns button{width:100%;padding:10px 0;font-size: 13pt;}
.page-module.adminlogin .login-display .btns button:hover{
/*    display: inline-block; 
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
}
/*END ADMIN_LOGIN CSS*/

/*FOR ADMIN_HOME(USER AND LOGOUT) CSS*/
.page-module.home .usrlogmen{
    cursor          : pointer;
    background-color: transparent;
    text-decoration : none;
    font-family     : "Arial","Times New Roman","Sans Serif";
    
}
/*END ADMIN_HOME(USER AND LOGOUT) CSS*/

/*COOKIE CONSENT*/

.cookieconsent .got-it {
line-height: 1.5em;
text-decoration: none;
display: block;
padding: .4em .8em;
font-size: .9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap;
cursor: pointer;
flex: 1;
color: rgb(255, 255, 255);
background-color: rgb(0, 138, 88);
border-color: transparent;
}
.cookieconsent .learn-more {

  background-color: transparent;
  text-decoration: underline;
  opacity: .8;
  display: inline-block;
  cursor: pointer;
  color: rgb(255, 255, 255);

}
.cookieconsent {
  /*position:fixed;
  padding:20px;
  left:0;
  bottom:0;
  background-color:#000;
  color:#FFF;
  text-align:center;
  width:100%;
  z-index:99999;*/
  -webkit-tap-highlight-color: rgba(0,0,0,0);
/*transition: opacity 1s ease;*/
position: fixed;
overflow: hidden;
box-sizing: border-box;
font-family: Helvetica,Calibri,Arial,sans-serif;
font-size: 16px;
line-height: 1.5em;
flex-wrap: nowrap;
z-index: 9999;
left: 1em;
bottom: 1em;
/*opacity: 0;*/
padding: 2em;
max-width: 24em;
flex-direction: column;
color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);

    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s; 
        -ms-animation: fadein 1s;
         -o-animation: fadein 1s; 
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.terms-privacy {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
line-height: 1.42857143;
font-family: Lato, sans-serif;
font-size: 16px;
color: #333;
box-sizing: border-box;
display: block;
background: url(../../images/banners/business-4.jpg) 0 0/cover fixed rgba(0, 0, 0, 0);
text-align: justify;
overflow-wrap: break-word;
}

.terms-privacy .content {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
line-height: 1.42857143;
font-family: Lato, sans-serif;
font-size: 16px;
color: #333;
text-align: justify;
overflow-wrap: break-word;
box-sizing: border-box;

}

.terms-privacy .content .container {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
line-height: 1.42857143;
font-family: Lato, sans-serif;
font-size: 16px;
color: #333;
text-align: justify;
overflow-wrap: break-word;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
width: auto;
background-color: #fff;
padding: 25px;
max-width: 1200px;
}

header a.btn svg {
     width: 20px;
     height: 20px;
     opacity: .6;
     margin-right: 10px;
     top: 2px 
}
@media (max-width: 500px){
	.asideRIGHT{width:100% !important;}
}
@media (max-width: 750px){
	.asideRIGHT{width:100% !important;}
	
    /* body { */
        /* padding-top: 0px !important; */
    /* }     */
	/* input, select, textarea, button { */
    /* font-size: 1.3vw; */
	/* } */
	/* button {     */
        /* padding: 5px 10px 5px 10px; */
		/* height: 8vw; */
		
	/* } */
	/* .btns2.pgbtn button{ */
		/* height: 5vw; */
	/* } */
	/* .pgbtn button{ */
		/* height: 8vw; */
	/* } */
	/* .main-wrapper .col-1 .btns2 { */
    /* width: 70%; */
	/* } */
}

.set-buttons.active{color:#FFF;background-color:#3368FF;}
.set-buttons2.active{color:#FFF;background-color:#3368FF;}
.asideRIGHT.study .flex-enclosure-end{margin-bottom:-0.4em;}