@font-face {
font-family: 'icons-nav';
src:url('../../dom/font/icons-nav.eot?-5xlfqq');
src:url('../../dom/font/icons-nav.eot?#iefix-5xlfqq') format('embedded-opentype'),
url('../../dom/font/icons-nav.woff?-5xlfqq') format('woff'),
url('../../dom/font/icons-nav.ttf?-5xlfqq') format('truetype'),
url('../../dom/font/icons-nav.svg?-5xlfqq#icons-nav') format('svg');
font-weight: normal;
font-style: normal;
}
body {font-size:14px;}
body >header {display:block;/*position:relative;*/position:fixed;left:0;right:0;z-index: 98;width:100%;min-height:92px;margin: 0 auto;padding:0;background: #4d894b;}
body > header::before {content: "";display: block;position: absolute;left: 0;right:0;height:58px;width:200vw;margin-left:-100%;background: #4d894b;}
body > header::after {content: "";display: block;position: absolute;left: 0;right:0;top:56px;height:40px;width:200vw;margin-left:-100%;background: #417940;z-index:1;}
body > header >h1 {border-bottom:none;}
header > h1 {background:none;}
header > h1 > a {display:none!important;}
header > nav.main {width:100%;background:#4d894b;margin:0;padding-right:0;}
header > nav.main {position:relative; float:left;margin-left:0px!important;}
header > nav.main div.mobileMenu {position: absolute;left:0;display: inline-block; z-index: 150; background-color: transparent; width: 130px; height: 56px; cursor: pointer;}
header > nav.main::before {content:'';display:inline-block;position:absolute;top:7px;left:0;width:48px;height:48px;background:url('data:image/svg+xml;utf8,') no-repeat center center;}
header > nav.main::after {content: attr(title);position:absolute;top:18px;left:45px;width:auto;font-size:18px;color:#fff;}
header > nav.main ul li {float:none;display:block;margin-right:2px;min-height:0;padding:0;background:none;}
header > nav.main.active::before {background:url('data:image/svg+xml;utf8,') no-repeat center center;}
header > nav.main.active {z-index:99;}
header > nav.main.active li {max-height: 100px;overflow: visible;}
header > nav.main.active li >a {display: block;width:100%;background: #417940;color:#fff;z-index:100;text-align:left;}
header > nav.main ul li:last-of-type {margin-right:0;}
header > nav.main ul li > a {display:none;height:60px;line-height:60px;padding:0 10px;text-decoration:none;color:#fff;background:none;border:none;font-weight:normal;}
header > nav.main ul li > a:hover {background: #417940;border:none;}
header > nav.main ul li > a.active {border:none;height:60px;background: #417940;text-shadow:none;}
header > nav.main .home {display:none !important;}
/* sub navigation */
header li > nav > a {padding:5px 7px;}
header li > nav.sub {position:absolute; top:56px;left:10px !important;width:100% !important;margin:0;border-top:none;background: #417940; white-space:nowrap;z-index:10;overflow-x:auto;overflow-y:hidden;border:none;text-align:left;}
header li > nav.sub > a {display:inline-block;height:32px;line-height:40px;padding:0;margin:0 15px 0 0;color:#fff;text-decoration:none;border:none;color:#fff;background:none;font-weight:normal;text-align:center;border-radius:0px;}
header li > nav.sub > .active, header li > nav > a:hover, header li > nav > a:hover {background:none;}
header li > nav.sub > .active {border-bottom:2px solid #fff;border-width:0 0 2px 0;color:#fff;}
/* options menu */
header > dl {position:absolute;top:15px;right:0px;color:#fff; margin:0px; width:200px; height:30px;z-index:99;overflow:visible;}
header dt {display:none;position:relative;text-align:right; color:#fff;font-weight:normal !important;padding: 5px 60px 8px 0;}
header dd:hover::after {border:none;background-color:none;}
header dd {position: absolute;right: 18px;top: -7px;margin:0;height:40px;width:180px;transition: all 0.3s ease;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80' width='300'%3E%3Cg fill='none' stroke='%23f1f1f1' stroke-width='2'%3E%3Cpath stroke-linecap='square' d='M150 20 l21 0' /%3E%3C/g%3E%3C/svg%3E");cursor:pointer;}
header dd::before, header dd::after{content:"";display:block;position:absolute;top:6px;right:0;margin:6px 8px;padding:0;border:0;width: 23px;height: 2px;background-color: #f1f1f1;transition: all 0.3s ease;}
header dd::after {top: unset;bottom:6px;}
header dl.active dd::before {transform: rotate(-45deg) translate(-4px, 6px);}
header dl.active dd {background-image: unset;}
header dl.active dd::after {transform: rotate(45deg) translate(-4px, -6px);}
header menu { display:none;position:relative;top: 35px;right: 8px;z-index: 10;border: 1px solid #c9cacb;border-radius: 5px;border-top-right-radius: 0;padding: 10px;text-align: left;font-size: 14px;background: white;box-shadow: 2px 2px 3px 1px #6d6d6d55;}
header menu > a {display:block;padding: 10px 0 10px 16px;text-decoration:none;color:#000;font-weight:normal;}
header menu > a:hover, header menu > a.active {background:#fff; color:#3e3e3e;}
header dl.active {height:100%;}
header dl.active dd:after {border-bottom:none; border-color:#e0e0e0;}
header dl.active menu {display:block;top:34px;right: 9px;}
header dl.active menu a {text-align:left;}
/* nav toolbar */
button, section > header > button {position: relative;min-width: 80px;width: auto;cursor: pointer;text-transform: capitalize;font-weight: normal;font-size: 14px;color: #fff;border: none;/*background: #4d894b;*/background-clip: border-box;box-shadow: none;height: 30px !important;width: 100px;border-radius:0px;}
button:hover, .btn:hover {background: #4d894b;background-clip: border-box;opacity: 0.6;transition: 0.4s ease-out;box-shadow: none;}
button.blue, button.green, button.save, button.red {box-shadow:none;}
.btn.text {font-family: inherit;padding: 0 10px;height: 30px;color: #fff;font-size: 14px;/*background: #86c34a;*/border: none;text-align: center;line-height: 31px;text-decoration: none;white-space:nowrap;margin-left: 5px;}
.btn.text:hover {opacity: 0.6;transition: 0.4s ease-out;color: #fff;}
.btn {border:none;}
/* a.btn {background: none;} */
a.btn:hover{opacity: 0.6;transition: 0.4s ease-out;box-shadow: none;}
.btn.xls,.btn.txt, .btn.print {background-image: unset;background-color: unset;}
.btn::before {content: '';min-width: 24px;vertical-align: middle;font-size: 18px;text-align: center;color: inherit;font-family: 'icons-nav';background: none !important;}
a.doc:before, a.txt:before {content: "\e6bb";}
a.xla:before, a.odt:before, a.xls:before, a.xlsx:before {content: "\e6bc";}
.btn.print::before, .btn.printer::before {content: "\e69a" !important;vertical-align: bottom;}
div caption .btn {margin-top:0px;}
section >h2 {background:none;}
label {font-size:14px;}
span.button {left:0px;}
/* .alert header {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 44px;min-height: 44px;}
.alert > footer {display: none; height: 44px; padding: 0;} */
/* content */
form input, form select, form textarea {font-size: 14px;border: 1px solid #a9bbd0 !important;background-color: #fbfbfb;}
form > section {display:block;width:100%;box-sizing:border-box;margin-top:20px;padding:0;background:#fff;overflow-x: auto;/*overflow-y: hidden*/}
body > form {display:block;position:relative;max-width:1634px;margin:115px auto 25px auto;font-size: 14px;background-color: #fff;clear: both;/*overflow-x:auto;*/}
body > form >aside {display:none;}
body form nav.toolbar {position: absolute;top: -20px;right: 18px;max-width: 1634px;margin: auto;text-align: right;z-index: 20;}
body > form h2 {top: auto !important;min-height:30px;margin:0 0 25px;padding-left:0px;}
body > form nav.tab.filter {float:right; margin: 0 10px;border: none; padding:0;line-height:normal;background: none;}
body > form nav.tab.filter a {float: left;height: auto;margin:0px 2px;padding: 3px 5px;cursor: pointer;color: #4185ca;font-size:13px;text-transform:lowercase;}
body > form nav.tab.filter a.active {color:#fff;}
.tab {background:#4d894bc9;}
.tab.active {background: #f1f5f1;}
h2 .tab {font-size:14px;}
.weekend {background-color: #e5f1e5;color:#74a272 !important;}
/* form label {margin:0px;overflow:visible;} */
form label {margin: 0px -198px 0 0;}
.wide section h2, .list section h2 {margin: 0 0 15px !important;}
section > h2 {position: relative;height: auto;margin: 0;padding: 0;font-size: 20px;color: #3d3d3d;font-weight: normal;}
section h2 a.link {font-family: inherit;padding: 0 10px;height: 30px;color: #fff;font-size: 14px;background: #86c34a;border: none;text-align: center;line-height: 31px;text-decoration: none;}
.middle > a.tab {display: block;margin: 10px 0 !important;min-width: 22px;padding: 14px 17px;text-align: center;text-decoration: none;color: black;font-size: 14px;background: transparent;border: 1px solid #74a272;color: #74a272;line-height: 0 !important;}
.middle > a.tab.active {background: #74a272;font-weight: bold;color: white;}
h2 nav.middle {display: inline-block;position: unset;float: none;margin-top: 0px;font-size: 0;vertical-align: middle;line-height: 10px;}
section > caption b {display: none;margin: 0;padding: 0px;float: left;position: relative;left: 0;width: auto;color: #515151;}
/* body.alert {padding: 0;background: #4d894b 100% !important;min-width: 320px;background-size: 400% 400%;} */
caption, section > header {max-width: 100%;margin: 0 0 5px 0;padding: 10px 0 10px 10px;background: #f1f5f1;border: none;height: auto;min-height: 50px;box-sizing: border-box;line-height: 30px;}
caption{padding: 10px 10px 0px 10px;}
caption h2 {color:#3d3d3d;}
caption input, caption select {margin: 0 15px 10px 3px;}
section > header {margin-bottom:20px;font-size:14px;}
input, select {height: 30px;}
input[readonly], form input[readonly]:focus, input[disabled], form input[disabled]:focus, select[disabled], select[disabled]:focus {background-color: #f4f5f8 !important;}
.wide caption {padding: 10px 0 0 10px;}
form::after, form section::after {content: '';clear: both;display: block;}
section > header input, section > header select, section > header textarea {font-size:14px;}
section header button {margin-left:10px;}
/*body.alert {display:block;} */
/*table */
section > table thead th {border: 1px solid #fff;border-width: 0 0 1px 1px;z-index: 10;top: 0;padding: 7px 10px 7px;background-color: #4d894bc9;color: #fff;font-size: 14px;font-weight: bold;}
a.link.remove, a.link.view {font-family: 'icons-nav';}
.link::before {position: absolute;left: -18px;top: -2px;}
.link.edit::before {content: '\e699';color: #4d894b;font-family: 'icons-nav';top:2px;}
.link {position: relative;display: inline-block;height: 11px;margin: 0 0 0 17px;}
a.link, a.link.edit {font-family: inherit;font-size: 14px;color: #4d894b;text-decoration: underline;}
a.link.edit {color:#4AAF19;}
.link.view::before {content: '\e6c8';/*margin: 0 0 0 8px;*/margin:4px 0px 0px 5px;}
a.fix.link {color:#fff;}
section table tbody td {border: 1px solid #fff;border-width: 0 1px;}
table {border:none;padding-bottom: 30px;margin-left: 0;}
table td {background: none;border: none;text-align: left;padding: 7px;font-size: 14px;}
section table tfoot tr:last-of-type th, section table tfoot tr:last-of-type td {box-shadow: 0 -1px 0px #417940; background: #f1f5f1 !important;}
th.order.asc, th.order.desc {border-bottom-color: #9ed39f;color: #9ed39f;}
th.order.asc::after, th.order.desc::after {color:#fff;}
div.xxxv > table thead th {background-color: #4d894bc9;color: #fff;font-size:14px;}
/* table inline */
table.inline {display: block;clear: both;max-width: 1024px !important;}
table.xxxv.inline {max-width:67%!important;}
table.inline td a.link {margin:0 0 0 5px;}
section div table a.link {font-size:12px;}
section div table .outbound::before, section div table .inbound::before {left:-5px;position: relative;top: 2px;}
section div table td, section table.inline td {border: 1px solid #dEDEDE;border-width: 0 1px;}
header ~ table {width:calc(100% + 0px); width:-webkit-calc(100% + 0px);margin-left: 0;border: solid 1px #fff;}
tbody tr:nth-child(2n) {background-color: #f1f5f1;}
thead th {vertical-align: middle;}
table.list tbody td {/*white-space:collapse;*/font-size:14px;}
table td.name {word-break:break-word!important; }
form p label {overflow: visible;}
/* aside */
aside table caption {padding: 3px 3px 3px 12px;}
.alert form {overflow-x:unset;}
/* body.alert {
display: block;
margin: 20% auto;
} */
body.alert header {position:absolute;}
/* .alert form {display: block;position: absolute;top: 0;float: none;width: 100%;max-width: unset;min-height: unset;height: 100%;margin: auto;text-align: center;border: none;background: none;}
.alert form section {display:block;position: absolute;top: -15%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 300px;max-height: 365px;min-height: 320px !important;padding: 25px 45px 10px;border: none;background: url('../img/logo.png') #ededed no-repeat;background-size: auto;background-position: center 28px;background-size: 45%;overflow-x: visible;} */
/* footer */
body > footer {z-index: 90;position: fixed;left: 0;right: 0;bottom: 0;width: 100%;max-width: 1634px;margin: 0 auto;height: 17px;padding: 12px 0 0 0;text-indent: 5px;text-align: left;line-height: 5px;font-size: 12px;background:none;}
body > footer::before {content: '';z-index: -1;display: block;position: absolute;top: 0;left: 0;right: 0;height: 17px;width:200vw;margin-left:-100%;padding-top: 12px;background-color: #4d894b;}
.alert > footer {background-image: unset;}
/* .alert form section h6, .alert form section h5 {width: 100%;position: relative;margin: 0;padding: 0;color: #8bc34a;left: 0;top: 70px;font-weight: normal;font-size: 14px;}
.alert form section p:nth-of-type(1) {margin-top: 50px !important;} */
body.newField form label{margin:0px;overflow:visible;}
body.alert form section {overflow-x:hidden;}
/* popup */
.btn.close {background: none;}
a.close::before {content: "\e6bf";color: #fff;}
.btn::before {content: '';min-width: 24px;vertical-align: middle;font-size: 18px;text-align: center;color: inherit;font-family: 'icons-nav';background: none !important;}
body#taskPopup section h2,
body#activityPopup section h2,
section#sec h2,
body#assetPopup section h2,
body#commentPopup section h2,
body#resourcePaymentPopup h2,
body#filePopup section h2,
body#contractPaymentPopup section h2,
body#partnerPopup section h2,
body#filePopup section h2,
body#setupResourceTypePopup section h2,
body#productPopup section h2,
body#templatePopup section h2,
body#batchPopup section h2,
body#folderPopup section h2,
body#setupReportPopup section h2,
body#ledgerPopup section h2,
body#setupServiceTypePopup section h2,
body#setupPeriodPopup section h2,
body#userPopup section h2,
body#dataLedgerBatch section h2,
body#partner\.form\.statusPopup section h2,
body#reportPopup section h2 {line-height: 38px;height: auto;font-size: 18px;font-weight: normal;color: #fff;/*background: #4d894b !important;*/border: 0;/*margin: 0 -20px 15px !important;*/;padding-left:23px;}
/*2025-08-15mss: no need?!? see next!
iframe {width:100%;/*max-width:700px;* /height:auto;}*/
iframe.popup, iframe.userAdd, iframe.layer {max-width: 95% !important;display: block;left: 0px !important;right: 0;margin: auto;border:0px solid #010101;box-shadow: 0 0 10px #000;}
/* aside */
.xxxv {width:67%}
section>aside{left:0px!important;right:30px;width:30%;position:relative;}
article textarea.xxxv {width:100%;}
aside caption {border: 1px solid #f1f5f1;}
form > section {display:flex;flex-direction:column;}
form > section h2, .wide form > section h2 {order:1;}
form > section p, form > section > table, section > dl, form > section > header {order:2;}
form > section footer {order:3;}
form > section > div {order:4;}
form > section > article {order:5;}
form > section > aside {order:6;}
aside table.xx {width:100%;}
footer button {vertical-align:middle;}
.clear {display:none;}
@media screen and (min-width:640px){
header dt {display:inline-block;}
/* .alert form section {padding: 25px 45px 10px !important;}*/
form>section {margin:0;padding:25px 20px 10px;border-top: 3px solid #4d894b;}
section table.inline {display: table;}
.middle > a.tab {display: inline-block;margin: 0 10px !important;}
}
@media screen and (min-width:845px){
header li > nav.sub > a {padding:0px 35px 0px 35px;margin:0;}
section > h2 > nav.tab {float: right;}
.ddetail a.right {right: 0px;}
.ddetail section footer {max-width: 807px;}
}
@media screen and (min-width:1050px){
body {background:#f1f4f5 !important;}
header > nav.main {margin-left: 194px !important;}
header > h1 > a {display:block!important;background: transparent url('../img/logo.png') 18px 19px no-repeat !important;background-size:140px auto !important}
header dl.active dt::after {content:'';height:0;padding:0;display:none;}
header dl.active menu {}
header > nav.main div.mobileMenu {display: none;}
header > nav.main::before {background:none;}
header > nav.main::after {content:'';}
header > nav.main.active::before {content:'';}
header > h1 > a {display:block;}
header > nav.main {margin-left:205px;}
header>nav ul {padding-top:0;}
header > nav.main ul li {float:left;display:inline-block;margin-right: -4px;}
header > nav.main ul li > a {display:block;float:left;padding:0 35px 0 35px;}
header > nav.main ul li > a.active {background: #417940;}
header > nav .home {padding:0px 8px;}
header li > nav.sub {left:0 !important;padding-left:0px;}
header li > nav.main > a {padding:5px 7px;}
header li > nav.sub > a:hover {border-bottom: 2px solid #fff;}
header li > nav.sub.r {right:auto !important;}
section table.inline {display: table;}
/* .alert form section h6, .alert form section h5 {top: 120px;}
.alert form section p:nth-of-type(1) {margin-top: 115px !important;}
.alert form section { width: 400px; max-width: 400px; min-height: 460px !important;background-position: center 36px;background-size: 55%;} */
}
@media screen and (min-width:1300px){
header li > nav.sub > a {padding: 0px 35px 0px 35px;margin-right:-6px;border-bottom: 2px solid transparent;}
body form nav.toolbar {top:-49px}
nav.toolbar .btn {color:#fff !important}
}
@media screen and (min-width: 1400px) {
form > section > aside {order:1;position: absolute;left:unset!important;right:30px;}
}
@media screen and (min-width:1634px) {
body {background:#f1f4f5 !important;}
body.alert {background: #417940 url('../img/banner.png') no-repeat!important;}
body > header {width: 1634px;}
form>section {min-height:84.7vh;margin:auto;padding:24px !important;margin-bottom:20px;border-top: 3px solid #4d894b;}
.alert form>section {min-height:unset;border-top: none;}
/* form section aside {margin-top:30px;} */
form>section>h2 {padding-top:0;}
form aside.financial {margin-left:0;}
section.left article {width: 47% !important;}
/* form section aside {width: 50%;max-width: 410px;position: absolute;top: -10px;right: 133px;left: unset!important;} */
table.list > tbody td {/*white-space: collapse;*/overflow: hidden;text-overflow: ellipsis;max-width: 600px;}
.partner aside {bottom: -18px; float: right;width: 49%;}
header>h1 a {background: url(../img/logo1_white.svg) no-repeat 0px center/ 60% auto;}
body form nav.toolbar {right:0;}
header dd {right:-6px;}
header dt {padding-right:40px;}
/* section > aside {left:unset!important;right:30px;} */
/* aside */
/* form section aside {width: 50%;max-width: 410px;position: absolute;top: 30px;right: 133px;left: unset !important;} */
}