input, textarea, button, select {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
    outline: 0;
    margin: 0;
}
body {
    background: #fff url(/images/bgmain.png);
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    color: #000;
    font-size: 14px;
}
a {
    cursor: pointer;
}

a:not([href]) {
    cursor: default;
    text-decoration: none;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.rightflex {
    margin-left: auto;
}

.leftflex {
    margin-right: auto;
}

.vcenter {
    display: flex;
    align-items: center;
    height: 100%;
}

.vcenter2 {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.fieldn {
    display: none;
}

.field_n, .code.field_n {
    display: none;
}

.element_n {
    display: none;
}

.width100 {
    width: 100%;
}
.height100 {
	height: 100%;
}
.width93 {
    width: 93%;	
}
.width90 {
    width: 90%;	
}
.width80 {
    width: 80%;	
}
.width70 {
    width: 70%;	
}
.width60 {
    width: 60%;	
}
.width50 {
    width: 50%;
}

.width33 {
    width: 33.33%;
}

.width25 {
    width: 25% !important;
}

.width20 {
    width: 20%;
}

.width16 {
    width: 16.66%;
}

.width14 {
    width: 14.285714%;
}

.width12 {
    width: 12.5%;
}

.width11 {
    width: 11.111111%;
}

.width10 {
    width: 10%;
}

.width_table1 {
    width: 100%;
    min-width: 60px;
}
.width300 {
    width: 300px;
}
.width200 {
    width: 200px;
}

.width-50 {
    width: 50%;
}

.width-65 {
    width: 65%;
}

.one_half {
    width: 48.5%;
}

.one_third {
    width: 31.16%;
}

.two_third {
    width: 65.83%;
}

.one_fourth {
    width: 22.5%;
}

.three_fourth {
    width: 74.5%;
}

.one_fifth {
    width: 17.3%;
}

.two_fifth {
    width: 38.1%;
}

.three_fifth {
    width: 58.9%;
}

.four_fifth {
    width: 67.7%;
}

.one_sixth {
    width: 13.83%;
}

.five_sixth {
    width: 83.17%;
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth, .two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
    position: relative;
    margin-right: 3%;
    float: left;
}

.topnpad12 {
    padding: 0 12px 12px 12px;
}
.toppad12 {
    padding-top: 12px;
}
.leftpad12 {
    padding: 0 12px;
}

.leftpad20 {
    padding: 0 20px;
}

.pad20 {
    padding: 20px;
}

.modal-box .modal-content.pad20 {
    padding: 20px;
}

.pad15 {
    padding: 15px;
}

.pad12 {
    padding: 12px;
}

.pad10 {
    padding: 10px;
}

.padding0 {
    padding: 0 !important;
}

.margin10 {
    margin: 10px;
}

.margin12 {
    margin: 12px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.margintb10 {
    margin: 10px 0;
}

.margintb20 {
    margin: 20px 0;
}

.margintb30 {
    margin: 30px 0;
}

.marginbottom0 {
    margin-bottom: 0;
}

.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 20px;
}

.margintop20 {
    margin-top: 20px;
}
.marginbottom10 {
    margin-bottom: 10px;
}
.marginbottom15 {
    margin-bottom: 15px;
}
.marginbottom20 {
    margin-bottom: 20px;
}
.marginbottom25 {
    margin-bottom: 25px;
}

.marginleft5 {
    margin-left: 5px;
}
.marginleft10 {
    margin-left: 10px;
}
.marginleft15 {
    margin-left: 15px;
}

.marginright5 {
    margin-right: 5px;
}
.marginright10 {
    margin-right: 10px;
}
.marginright15 {
    margin-right: 15px;
}

.noright {
    margin-right: 0;
}

.floatleft {
    float: left;
}

.right {
    float: right;
}
.font14 {
    font-size: 14px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 16px !important;
}

button[type="submit"]:disabled {
    cursor: default;
    opacity: 1 !important;
}

.submitb {
    display: flex;
    width: 100%;
    justify-content: center;
    text-decoration: none;
    margin-top: 20px;
}
.submitb button {
    width: 100%;
    align-items: center;
}
#submitb {
    width: 50%;
}
.submitb a {
    display: flex;
    width: 50%;
}

.submitb a:hover {
    text-decoration: none;
}

#modal_s .modal-box, .select_c, #select {
    width: fit-content !important;
    min-width: 50% !important;
    max-width: 96% !important;
}

.modal-box .modalp {
    font-size: 14px;
    margin: 0;
}

.readonly {
    border: 0 !important;
    background: transparent !important;
    -moz-box-shadow: 0 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
    cursor: default;
}

.labelb {
    display: block;
    font-weight: 600;
    padding: 8px 8px;
    background-color: #f7f7f7;
    color: #000;
    border: 1px solid #ddd;
    width: 100%;
}

.label_b {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    width: 100%;
}

.inlinelabel {
    display: inline-block !important;
    padding: 5px !important;
}

.inline {
    display: inline-block !important;
}

.titleblack {
    display: block;
    background: #222 url(/images/button.png) repeat-x top left;
    border: 1px solid #222;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 8px 12px;
}

.titleblack40 {
    display: block;
    background: #333 url(/images/buttonblack40.png) repeat-x top left;
    border: 1px solid #333;
    color: #fff;
    font-weight: 600;
    width: 100%;
}

.titleblue {
    display: block;
    background: #167ac6 url(/images/buttonblue.png) repeat-x top left;
    border: 1px solid #0282ce;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 8px;
}

.titlebluer {
    display: block;
    background: #3741ec url(/images/buttonbluer.png) repeat-x top left;
    border: 1px solid #3741ec;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 8px;
}

.titlered {
    display: block;
    background: #ff0000 url(/images/buttonred.png) repeat-x top left;
    border: 1px solid #a31314;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 8px;
}

.titlepurple {
    display: block;
    background: #eee url(/images/buttonpurple.png) repeat top left;
    border: 1px solid #af37ec;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 8px;
}

.titlegreen {
    display: block;
    background: #00b900 url(/images/buttongreen.png) repeat top left;
    border: 1px solid #00b900;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 8px;
}

.displaytable {
	display: table-cell;
}
.fieldo {
    position: absolute;
    left: -9999px;
}

.load {
    display: none;
}

.load1 {
    background-repeat: no-repeat;
    background-image: url(/images/ball.gif);
    height: 42px;
    width: 42px;
    display: block;
    margin: 20px;
}

#login .load1, #F_Password .load1 {
    background-image: url(/images/ball.gif);
}

.load2 {
    background-repeat: no-repeat;
    background-image: url(/images/ball.gif);
    height: 42px;
    width: 42px;
    margin-top: -35px;
    margin-left: 520px;
    display: block;
}

.load3 {
    background-repeat: no-repeat;
    background-image: url(/images/yellowball.png);
    background-position: -4px 4px;
    margin-left: 10px;
}

.notification.msgsuccess {
    background: #88ff5d url(/images/ball1.png) no-repeat 0;
    border: 1px solid #16d716;
    color: #000;
    padding: 0;
}

.notification.msgerror {
    background: #333 url(/images/ball2.png) no-repeat 0;
    border: 1px solid #111;
    color: #fff;
    padding: 0;
}

.notification.msgerror a {
    color: #00ffff;
}

.notification p {
    padding: 17px 0;
    margin: 0 10px 0 55px;
    font-weight: bold;
}

.skiptranslate { display: none !important; }

.status_t {
    width: 100%;
    margin: 3px 0;
    display: block;
}

.info {
    padding: 14px;
    word-wrap: break-word;
    border-bottom: 1px solid #bbb;
    overflow: auto;
}

.info img {
    max-width: 100%;
    height: auto;
}

.width100b {
    display: block;
    width: 100%;
}

body {
    top: initial !important;
    min-height: initial !important;
    position: initial !important;
}

.header {
    background: #000;
    color: #fff;
    width: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 5px;
}

.content_0 {
    background: #111 url(/images/buttonblack.png) repeat top left;
    width: 100%;
    height: 70px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #111;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 5px #6dffff;
    -webkit-box-shadow: 0px 0px 5px #6dffff;
    box-shadow: 0px 0px 5px #6dffff;
}

.header .lists {
    height: 100%;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header .lists, .header .lists:hover {
    background: url(/images/ball.png) no-repeat 5px 46%;
    justify-content: flex-start;
    font-size: 18px;
    text-decoration: none;
}

.list { margin-left: 36px; }

.content_0 button {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
}

.flex {
    width: 100%;
}

.header .btn_black {
    justify-content: left;
}

.headers:hover, .headers a:hover, .footer:hover, .footer a:hover, .blue_h:hover, .contents.links a:hover, .headers .btn_black:hover, .btn_black:hover, .contents.links .current {
    background: #0282ce url(/images/buttonblue.png) repeat-x top left;
    color: #fff;
    border: 1px solid #0282ce;
    text-decoration: none;
}
button {
    font-weight: 600;
}
.btn_black_100 {
    background: #333 url(/images/button.png) repeat-x top left;
    border: 1px solid #222;
    color: #fff;
    font-size: 18px;
    padding: 14px;
    width: 100%;
    text-align: left;
}

.btn_black_sm_100 {
    background: #333 url(/images/button.png) repeat-x top left;
    border: 1px solid #222;
    color: #fff;
    font-size: 14px;
    padding: 2px 18px;
    width: 100%;
}

.btn_bluer_100 {
    display: block;
    background: #3741ec url(/images/buttonbluer.png) repeat-x top left;
    border: 1px solid #3741ec;
    color: #fff;
    font-size: 18px;
    padding: 14px;
    width: 100%;
    text-align: left;
}

#footer img {
    height: 23px;
    width: 23px;
}

.contents.links { padding: 0 5px 150px 5px; }
.contents.links div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 30px;
    width: 100%;
}
.contents.links a {
    width: 20%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-weight: 600;
    height: 90px;
}
.c { height: 64px; }
.c button { cursor: default; padding: 14px; }
.footer .social { display: flex; align-items: center; }
.footer .social span { margin-left: 5px; }
.drop-menu, .headers, .footer {
    position: relative;
}

.drop-menu:hover .drop-content, .drop-menu:focus .drop-content {
    display: block;
}

.drop-content {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 1;
    background: #fff;
    border: 1px solid #222;
    text-align: left;
}

.up {
    bottom: 100%;
    top: unset;
    max-height: 920px;
    overflow: auto;
}

.header .drop-content a {
    color: #fff;
    border-bottom: 1px solid #222;
    padding: 10px;
}

.menu-category, .menu-category button, .menu-category a, .header-menu, .btn_lime  button {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: none;
    font-weight: 600;
    border: none;
    text-decoration: none;
    padding: 0;
}

.menu-category button {
    overflow: auto;
}

.footer, .headers, .links a {
    height: 64px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #111;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 5px #6dffff;
    -webkit-box-shadow: 0px 0px 5px #6dffff;
    box-shadow: 0px 0px 5px #6dffff;
    background: #111 url(/images/buttonblack.png) repeat top left;
}