/* OSKAR application skin
AIDA Framework, AIP Solutions Ltd' 2011
*/
/* inherits the default app formatting */
@import url('../dom.base/app.css');
@import url('../dom.base/app.response.css');
/** Page layout **/
/*option,form select:focus,form select:focus option,option::-moz-focus-inner, select::-moz-focus-inner {outline:none !important;border:0;}*/
/*
select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
outline: none;
border: none;
}
*/
@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;
}
@font-face {
font-family:'FontAwesome';font-style:bold;font-weight:900;font-display:block;
src:url("../../dom/font/fa-solid-900.woff2") format("woff2");
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
/*
outline:none;
border:none;
*/
}
div.release-staging {position:fixed;left:0;right:0;height:20px;line-height:20px;padding:0px;text-align:center;font-size:14px;color:#fff;background:red;z-index:1000;}
div.top.release-staging {top:0;height:20px;font-size:12px;}
div.bottom.release-staging {bottom:0;}
header > nav {/*width:950px;*/}
@media screen and (max-width:1366px){
header > nav {margin-left:6px;width:auto;}
}
select.selecteddb {position: absolute;left:17px;padding: 0px;background:none !important;color:#fff;border: 0px;top:64px;font-size:20px;width:120px;border:none;}
/* Ivo Manov 23.01.2020 Ticket: #7497 */
body {background:white;overflow-x: visible;}
/* body {background:white url('../img/body.gif') repeat-y scroll -208px center;} */
td, th {color:#222;}
body>header {background:#662f2f url('../img/header.jpg') left top no-repeat;}
body.private>header {background:#662f2f url('../img/header-prv.jpg') left top no-repeat;}
body.private header > nav .active a, body.private header > nav .active a:hover {background:#190707;}
body.private header li > nav.sub > .active, body.private header li > nav.sub > a:hover {color: #fff;}
body>form {height:100%;}
/* Header development (dont delete or uncomment it), it has some unfixed bugs */
/* .newStyle-page {overflow-x: hidden;} */
.newStyle-page >form {height:100%; display: block;
max-width: 1634px;
margin: auto;
margin-top: auto;
font-size: 14px;}
.newStyle-page > form.tabs {margin-top: 25px;}
/*body>form::before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:2000px;background:#fff;}*/
/* grid */
form>menu {background:#492928;border-color:#C8B4B3;}
form>aside {/*no need??? bcs of 1px difference in Chrome: background:#FFFFFF url('../img/body.gif') -160px center repeat-y;*/}
.newStyle-page a.in {margin-right: 0;}
/** Colors: **/
a {color:#777;}
/** Fonts: **/
body, label, select option, select, input, button, b, .link, .btn.text {font-size:14px;}
input[type='file'] {font-size:12px;}
td, th {line-height:14px;}
.newStyle-page td {line-height:21.5px;}
.newStyle-page th {line-height: 14px;}
option {padding:2px;}
/** Custom classes **/
/* header & footer */
header>h1 {background:transparent url('../img/nav/nav.png') left bottom repeat-x;}
header>h1 a {background:transparent url('../img/logo-white.png') center no-repeat;width:200px;background-size: 160px;}
header>nav {background:transparent url('../img/header.jpg') -242px top repeat-x;}
header>nav ul li {background:transparent url('../img/nav/nav.png') left -7px repeat-x;}
header>nav a {border:solid 1px #575757;/*border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;*/background:#dedede url('../../img/nav/link.gif') left top repeat-x;}
header>nav .active {background:none;
/*border-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;
-moz-border-radius:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;
-webkit-border-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;*/
}
header>nav .active a {text-shadow:1px 1px 1px #424242;border:solid 1px #c8b4b3;border-bottom:none;background:#492928;
/*border-radius:4px;-border-bottom-right-radius:0;border-bottom-left-radius:0;
-moz-border-radius:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;
-webkit-border-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;*/
}
header>nav .active > a.active:hover {background:#492928;}
.newStyle-page > footer { z-index: 98;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;}
.newStyle-page > footer::before {content: ''; z-index: -1;display: block;position: absolute;top: 0;left: -100%;right: -100%;height: 17px;padding-top: 12px;background-color:#444;}
/* menu */
/* sidebar */
img.right.qr {margin:0px;}
/* filter */
/* page content */
/* titles & heads */
/* elements */
div.summary {z-index:4;margin-left:740px;margin-top:0px;width:358px;}
/* messages */
/* paging */
/** Item **/
/* item extended */
/** Fields **/
/* fields error */
form label {top:-15px; }
.newStyle-page form label {font-size: 12px;}
form input:-moz-ui-invalid:not(output) {box-shadow: 0 0 0 1px #c28585;/*border-radius:3px;*/background-color:#FFEEEE;color:#913740;}
form input:invalid {box-shadow: 0 0 0 1px #c28585;/*border-radius:3px;*/background-color:#FFEEEE!important;color:#913740!important;}
form select:-moz-ui-invalid:not(output) {box-shadow: 0 0 0 1px #c28585;/*border-radius:3px;*/background-color:#FFEEEE;color:#913740;}
form select:invalid {box-shadow: 0 0 0 1px #c28585;/*border-radius:3px;*/background-color:#FFEEEE!important;color:#913740!important;}
form input::-webkit-validation-bubble {min-width:430px;}
optgroup {font-style:normal;}
form > section {padding: 0 9px 40px 20px !important;}
.newStyle-page section article {width: 606px !important;}
.newStyle-page section.left-s {width: 686px !important;}
.newStyle-page section.left-s article {width: 686px !important;}
.newStyle-page form input,
.newStyle-page form select {margin: 0 3px 0px 0px; padding: 5px;font-size: 1.16667em;font-size: 14px;height: 30px;border: 1px solid#a9bbd0;background-color:#fbfbfb;}
.newStyle-page select.selecteddb {height:38px;top: 110px !important;border:none !important; font-size:20px;}
.newStyle-page select.selecteddb option {color:black;}
.newStyle-page form input:-moz-read-only{border: 0; background-color: #f3f3f3;}
.newStyle-page form input:read-only {border: 0; background-color: #f3f3f3;}
.newStyle-page form section {display: block;width: 100% !important;overflow-x: visible;box-sizing: border-box;margin-top: 20px;padding: 0;max-width: 1634px;background:#fff;}
/* fields extended */
/** Table **/
/* summary component */
div.summary {/*no need: margin-top:-16px;*/}
div.summary table {clear:right;}
div.summary caption {min-height:26px;line-height:26px;border-bottom:0px;}
div.summary a {}
div.summary td {font-weight:normal;}
div.summary th {font-weight:bold;padding:6px;line-height:16px;}
div.summary tr.add th {padding:6px;}
div.summary tr.important td {font-weight:bold;}
a.tab:first-of-type {margin-right:4px;}
/** Lists **/
/* second row of filters */
div.multi { display:block;border:1px solid #cecece; margin-left:-20px; min-width: 99%;font-weight:normal;background:#fefefe;float:none; padding:4px 18px; /*border-radius: 3px 3px 3px 3px;*/ color:#000;}
div.multi input {margin-left:0px;margin-right:15px;}
div.multi a {border:0;color:black;font-weight:bold;margin-right:10px;}
div.multi a:hover {text-decoration:underline;}
div.multi span {float:left; margin:-2px 3px 0 3px;}
div.multi label {width:auto;margin-right:15px;}
div.multi label input {margin-right:0px;}
/** List view **/
th.order:before {content: "";width: 0;margin: 0 8px 0 -8px;color: #093;}
th.order:hover {border-bottom-color:#093;}
th.order:hover:before {content:"\2193";position:absolute;transform:rotate(0deg);-webkit-transform:rotate(0deg);color:#093;}
th.order.asc {border-bottom-color:#093;color:#000;}
th.order.asc:before {content:"\2193";position:absolute;transform:rotate(0deg);-webkit-transform:rotate(0deg);color:#093;}
th.order.desc {border-bottom-color:#093;color:#000;}
th.order.desc:before {content: "\2191";position:absolute;transform:rotate(0deg);-webkit-transform:rotate(0deg);color:#093;}
/* schedule */
table.schedule {}
table.schedule tbody tr:nth-child(even) {background:#f7f7f7;}
table.schedule tbody tr:nth-child(odd) {}
table.schedule tfoot input {height:12px;padding-top:0;padding-bottom:0;font-size:12px;}
table.schedule tfoot output {height:12px;padding-top:0;padding-bottom:0;}
table.schedule th.nopadding {/*padding:6px !important;*/}
table.schedule th.nopadding span {}
/* sticky tabels */
table.sticky {}
table.sticky thead tr:nth-child(1) th {z-index:10;position: -webkit-sticky;position:sticky;top:0px;border-color:#f8f8f8;outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;/*chrome works: box-shadow: 1px 0px 0px #f00,-1px 0px 0px transparent,0px 1px 0px #f00,0px -1px 0px #f00;*/}
table.sticky thead tr:nth-child(2) th {z-index:9;position: -webkit-sticky;position:sticky;top:26px;border-color:#f8f8f8;outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
table.sticky tfoot tr:last-child th {z-index:98;position: -webkit-sticky;position:sticky;bottom:0px;outline:solid 0px #bbb;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
table.sticky tfoot tr:last-child td {z-index:98;position: -webkit-sticky;position:sticky;bottom:0px;outline:solid 0px #bbb;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
table.ticky-calendar {}
table.sticky-calendar thead tr:nth-child(3) th {z-index:10;position: -webkit-sticky;position:sticky;top:0px;border-color:#f8f8f8;outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
table.sticky-calendar thead tr:nth-child(4) th {z-index:9;position: -webkit-sticky;position:sticky;top:26px;border-color:#f8f8f8;outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
table.sticky-calendar tfoot tr:last-child th {z-index:101;position: -webkit-sticky;position:sticky;bottom:0px;outline:solid 0px #bbb;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
table.sticky-calendar tfoot tr:last-child td {z-index:101;position: -webkit-sticky;position:sticky;bottom:0px;outline:solid 0px #bbb;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
/**/
.newStyle-page form > section > table {display: unset;overflow-x: auto;width: 100%;border: none;padding-bottom: 30px;margin-left: 0; margin-top: 0px;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr th::after {z-index:11;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr:nth-child(1) th {z-index:10;position: -webkit-sticky;position:sticky !important;top:0px;/*?: border-color:#f8f8f8;*/ outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr:nth-child(2) th {z-index:9;position: -webkit-sticky;position:sticky;top:41px;/*?: border-color:#f8f8f8;*/outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr:nth-child(3) th {z-index:10;position: -webkit-sticky;position:sticky;top:68px;/*?: border-color:#f8f8f8;*/outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
.newStyle-page form > section > table tbody td {border: 1px solid #fff !important;border-width: 0 1px !important;background: none;border: none;text-align: left;padding: 6px !important;font-size: 14px !important;}
/*.newStyle-page tbody tr:nth-last-of-type(1) {background: none !important;}*/
.newStyle-page tbody tr:nth-child(2n) {background: #f1f1f1;}
.newStle-page tr {background: #fff;background-color: rgb(255, 255, 255);}
.newStyle-page td.button, .newStyle-page th.button {width: 80px;white-space: nowrap;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr:nth-child(4) th {z-index:9;position: -webkit-sticky;position:sticky;top:95px;/*?: border-color:#f8f8f8;*/outline:solid 0px #bbb;box-shadow: 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr.printPr+tr.printPr+tr th,
form > section > table:not(.inner):not(.inln):not(.sticky-calendar):not(.not-sticky) thead tr.printPr+tr.printPr+tr td {z-index:10;position: -webkit-sticky;position:sticky;top:0px;border-color:#f8f8f8;box-shadow: 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr.printPr+tr.printPr+tr+tr th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) thead tr.printPr+tr.printPr+tr+tr td {z-index:9;position: -webkit-sticky;position:sticky;top:26px;border-color:#f8f8f8;box-shadow: 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot {/*box-shadow: 0px -2px 3px #f00;*/}
form > section > table tfoot tr:last-child th,
form > section > table tfoot tr td {z-index:98;position: -webkit-sticky;position:sticky;bottom:0px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
.newStyle-page form > section > table thead th {position: sticky !important;border-bottom: 1px solid#444; border-bottom-width: 1px;border-width: 0 0 1px 0;color:#444;font-size: 12px;font-weight: bold;background:#fff;box-shadow: 0 1px 0px#444 !important; z-index: 98;}
.newStyle-page section table tfoot tr:last-of-type th,
.newStyle-page section table tfoot tr:last-of-type td {box-shadow: 0 -1px 0px #444; background:#e4e4e4 !important;}
.newStyle-page section > table tfoot tr:nth-last-of-type(1) th,
.newStyle-page section > table tfoot tr:nth-last-of-type(1) td {bottom:31px;outline: none;border-width: 0;z-index:99;}
.newStyle-page section table tfoot th, section table tfoot td {color:#444; font-size: 14px;}
/* Ivo Manov 21.01.2020 commented Ticket: #7497 */
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(2):not(.add) th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(2):not(.add) td {z-index:98;position: -webkit-sticky;position:sticky;bottom:56px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(3):not(.add) th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(3):not(.add) td {z-index:98;position: -webkit-sticky;position:sticky;bottom:83px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(4):not(.add) th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(4):not(.add) td {z-index:98;position: -webkit-sticky;position:sticky;bottom:110px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(5):not(.add) th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(5):not(.add) td {z-index:98;position: -webkit-sticky;position:sticky;bottom:137px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(6):not(.add) th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(6):not(.add) td {z-index:98;position: -webkit-sticky;position:sticky;bottom:164px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(7):not(.add) th,
form > section > table:not(.inner):not(.inln):not(.inline):not(.sticky-calendar):not(.not-sticky) tfoot tr:nth-last-child(7):not(.add) td {z-index:98;position: -webkit-sticky;position:sticky;bottom:193px;box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;}
form > section > table.schedule thead tr:nth-child(2) th {top:19px;}
form > section > table.schedule thead tr:nth-child(3) th {top:38px;}
th.sticky0,td.sticky0 {bottom:0px !important;}
form > section > table.schedule tfoot tr:nth-last-child(2) th {bottom:20px !important;}
form > section > table.schedule tfoot tr:nth-last-child(3) th {bottom:40px !important;}
form > section > table.schedule tfoot tr:nth-last-child(4) th {bottom:60px !important;}
form > section > table.schedule tfoot tr:nth-last-child(5) th {bottom:80px !important;}
form > section > table.schedule tfoot tr:nth-last-child(6) th {bottom:100px !important;}
/*2019-02-07mss: see above: table.inner thead th,table.inner thead td {position:relative !important;box-shadow: none !important;}*/
/** Grid view **/
/** Alert view **/
body> header > b {float:right; left:auto; right:55px; min-width:100px; width:auto;}
body.alert {/*min-width:980px;*/min-width:280px;background:#662f2f;}
.alert > form {width:80%;max-width:490px;height:auto;}
.alert > form::before {display:none;}
.alert > form > section {width:80%;max-width:297px;padding:0 !important;}
.alert header h1 {background-image:url('../img/alert/header.png');/*background-image:url('../img/oskarHeader.jpg');*/}
.alert>footer {background-image:url('../img/alert/footer.png');/*background-image:url('../img/oskarHeader.jpg');*/}
/** JS formatting **/
/** Print styles **/
@media print {
body>form {min-height:500px; height:99%;}
/*
.wide h2,caption h2,caption h2 select {font-size:24pt;}
caption,caption h2,caption h2 select,caption h2 select option {min-height:30pt;line-height:24pt;}
.wide caption h2, .list caption h2, .enlarge caption h2 {display:inline-block!important;position:relative;left:0;top:0;width:100%;margin-top:0!important;padding:0px!important;text-align:left;}
caption input,caption select {width:auto !important;}
tfoot {display:table-row-group;;}
table.noborder, tbody.noborder>tr>td, tbody.noborder>tr>th {border:none!important;}
*/
body.newStyle-page {height: 99% !important;width: 100% !important;margin:0 !important;padding:0 !important;}
body.newStyle-page form {width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;}
body.newStyle-page header.header {display:none !important;}
body.newStyle-page nav.middle {display:none !important;}
body.newStyle-page form > section {margin:0px !important;padding:0px !important;}
body.newStyle-page form > section > table {overflow-x:visible !important;display:table !important;border:none !important;box-shadow:none !important;padding:0px !important;margin:0px !important;}
/*oldstyle print for page toolCard.php in mod.registry*/
body.newStyle-page form > section > table.toolCard.oldStylePrint {overflow-x:visible !important;display:table !important;border:1px solid #000 !important;box-shadow:none !important;padding:0px !important;margin:0px !important;}
body.newStyle-page form > section > table thead th, body.newStyle-page form > section > table thead td {border:none !important;box-shadow: none !important;outline: none !important;border-bottom:1px solid #bbb !important;}
/*oldstyle print for page toolCard.php in mod.registry*/
body.newStyle-page form > section > table.toolCard.oldStylePrint thead th, body.newStyle-page form > section > table.toolCard.oldStylePrint thead td {border:none!important;box-shadow: none !important;outline: none !important;border-top:1px solid #000 !important;border-right:1px solid #000 !important;}
/**/
body.newStyle-page form > section > table tfoot th, body.newStyle-page form > section > table tfoot td {border:none !important;box-shadow:none !important;border-top:1px solid #bbb !important;}
/*oldstyle print for page toolCard.php in mod.registry*/
body.newStyle-page form > section > table.toolCard.oldStylePrint tfoot th, body.newStyle-page form > section > table.toolCard.oldStylePrint tfoot td {box-shadow:none !important;border-top:1px solid #000 !important;border-right:1px solid #000 !important;}
body.newStyle-page tbody tr:nth-child(2n) {background: #f1f1f1 !important;}
body.newStyle-page table.toolCard.oldStylePrint tbody tr:nth-child(2n) {background: none !important; */}
thead:before{display:none!important;border:solid 1px #000;content:"HEAD:before";}
tbody:before{display:none!important;border:solid 1px #000;content:"BODY:before";}
tfoot:before{display:none!important;border:solid 1px #000;content:"FOOT:before";}
thead:after {display:none!important;border:solid 1px #000;content:"HEAD:after";}
tbody:after {display:none!important;border:solid 1px #000;content:"BODY:after";}
tfoot:after {display:none!important;border:solid 1px #000;content:"FOOT:after";}
table, table th, table td {border:1px solid #000!important;}
/*2017-09-11mss:*/
table {border-collapse:separate;border-spacing:0px;border:none !important;border-left:1px solid #000 !important;border-bottom:1px solid #000 !important;}
table th, table td {border:none !important;border-top:1px solid #000 !important;border-right:1px solid #000 !important;}
/*2017-09-11mss end!*/
/*2019-02-07mss: sticky print: */
form > section > table thead tr th {z-index:10;position:relative;top:auto !important;border-color:#f8f8f8;outline:solid 0px #bbb;box-shadow:none !important;}
form > section > table tfoot tr th {z-index:101;position:relative;bottom:auto !important;outline:solid 0px #bbb;box-shadow:none !important;}
form > section > table tfoot tr td {z-index:101;position:relative;bottom:auto !important;outline:solid 0px #bbb;box-shadow:none !important;}
form > section > table.schedule tfoot tr:nth-last-child(2) th {bottom:auto !important;}
form > section > table.schedule tfoot tr:nth-last-child(3) th {bottom:auto !important;}
form > section > table.schedule tfoot tr:nth-last-child(4) th {bottom:auto !important;}
form > section > table.schedule tfoot tr:nth-last-child(5) th {bottom:auto !important;}
form > section > table.schedule tfoot tr:nth-last-child(6) th {bottom:auto !important;}
nav.toolbar {display:none !important;}
.hide-mobile thead th {display:table-cell !important;}
.hide-mobile thead th::after {display:none !important;}
.hide-mobile tbody td {display:table-cell !important;}
.hide-mobile tbody td::after {display:none !important;}
/*2019-02-07mss: sticky print end! */
.mobile thead th {display:table-cell !important;}
.mobile thead th::after {display:none !important;}
.mobile tbody td {display:table-cell !important;}
.mobile tbody td::after {display:none !important;}
div.top.release-staging {display:none !important;}
div.bottom.release-staging {display:none !important;}
/*oldstyle print for page toolCard.php in mod.registry*/
.newStyle-page section table.toolCard.oldStylePrint thead th {background: none !important;}
/*oldprint styles for toolCard.oho in mod. registry*/
.newStyle-page form > section > table.toolCard.oldStylePrint tbody td {border:none !important;border-top:1px solid #000 !important;border-right: 1px solid #000 !important;background: none;text-align: left;padding: 2px !important;font-size: 12px !important;}
.newStyle-page section table.toolCard.oldStylePrint tfoot th {background: none !important;}
/*oldstyle ends here*/
}
.newStyle-page tr.edit td {background:rgba(255, 165, 0, 0.2) !important;border-color:rgba(255, 165, 0, 0.2) !important;line-height: 24px;padding: 2px 1px;border: 1px solid orange;}
.newStyle-page .link.import:before {content: url("../../img/icons/import.png");}
.newStyle-page .link.archive::before {content: '';}
.newStyle-page .link.edit::before {font-family: 'icons-nav';font-size: 18px;content: '\e699';color:#4194D9;}
.newStyle-page .link.document::before {content: '';}
.newStyle-page .link.view::before {content: '\e6c8';font-family: 'icons-nav'; font-size: 18px; }
.newStyle-page .link.remove::before {content: '\e6a4'; color:#e15556; background: none; font-family: 'icons-nav'; font-size: 18px;}
.newStyle-popup .link.remove::before {content: '\e6a4'; color:#e15556; background: none;}
.newStyle-page .btn.print::before {content: "\e69a" !important; color:white; vertical-align: bottom;font-family: 'icons-nav'; font-size: 18px;}
.newStyle-popup .btn.print {background: none; border: 0;}
.newStyle-popup .btn.print::before {content: "\e69a" !important; color:white; vertical-align: bottom;font-family: 'icons-nav'; font-size: 18px;}
.newStyle-page .btn.print {background: none; border: 0;}
.newStyle-page .btn.xls {background: none; border: 0;}
.newStyle-page .btn.txt {background: none; border: 0;}
.newStyle-page nav.toolbar .btn:hover {background: none;}
.newStyle-page nav.toolbar .btn.print::before {background: none; border: 0; color:white}
.newStyle-page nav.toolbar .btn.xls::before {background: none; border: 0;color:white}
.newStyle-page nav.toolbar .btn.txt::before {background: none; border: 0;color:white}
.newStyle-page a.doc::before,
.newStyle-page a.txt::before {content: "\e6bb"; font-family: 'icons-nav'; font-size: 18px; }
.newStyle-page a.xla::before,
.newStyle-page a.odt::before,
.newStyle-page a.xls::before,
.newStyle-page a.xlsx::before {content: "\e6bc"; font-family: 'icons-nav'; font-size: 18px; }
.newStyle-popup button:hover, .newStyle-popup .btn:hover {/*background: none !important;*/opacity: 1;}
/** New: **/
div#monitor {display:none;}
iframe {margin:0px;}
.code.right {margin-top:-10px;/*from print.css - right Code39+QRcode*/}
iframe#autosave {display:none;position:absolute;left:0px;top:16px;width:400px;height:50px;border:1px solid #5a5;background:#efe;color:#5a5;font-size:12px;}
/** Status formatting **/
tr.perr * {color:red;}
tr.qerr * {color:orange;}
tr.err * {color:orange;}
tr.important * {font-weight:bold;}
q.err {display:block;margin:0px;padding:0px;font-size:11px;text-align:left;}
form input[readonly].status50, form input[readonly=""].status50, form input[readonly="readonly"].status50 {color:green;}
form input[readonly].status-1, form input[readonly=""].status-1, form input[readonly="readonly"].status-1 {color:red;}
form input[readonly].autosaveON, form input[readonly=""].autosaveON, form input[readonly="readonly"].autosaveON {color:green;}
form input[readonly].autosaveOFF, form input[readonly=""].autosaveOFF, form input[readonly="readonly"].autosaveOFF {color:red;}
/*new with html structure */
span.middle {left:230px; min-width:500px; width:auto;}
header li > nav.sub > a, header > dl {font-size:12px;}
span a.btn {padding:0;}
.middle {left: 50px;}
span.hint {color: #666666;font-size: 11px;padding-left: 10px;}
.middle-short {display:none;left: 190px;position: absolute;top: 0; z-index: 21;}
/* rating strars */
.rating {display:flex;flex-direction:row-reverse;width:fit-content;}
span.rating {margin:3px 0 10px;}
td div.rating {pointer-events:none;}
.rating input {display:none;}
.rating label {top: unset;height:unset;color: #ddd;margin:0;width: unset;transition: color .3s;}
.rating label:before {content: "\f005";margin-right: 5px;font-size: 14px;font-family: 'FontAwesome';display: inline-block;}
.rating input:checked ~ label,
.rating:not(:checked) label:hover,
.rating:not(:checked) label:hover ~ label { color: #FFD700;}
.rating input:checked + label:hover,
.rating input:checked ~ label:hover,
.rating label:hover ~ input:checked ~ label,
.rating input:checked ~ label:hover ~ label { color: #ddc433;}
.rating.personal input:checked ~ label,
.rating.personal:not(:checked) label:hover,
.rating.personal:not(:checked) label:hover ~ label { color: #22b5e9;}
@media screen and (max-width:1280px){
header > h1 > a {display:none;}
}
@media screen and (min-width: 1280px){
header > nav ul li > a {padding: 0 13px;}
}
header > nav ul li > a {font-size:12px;}
/* Header (new interface) */
/* .newStyle-page > header {position: relative !important;width: 1634px !important;height: 156px; min-height: 92px !important;margin: 0 auto !important;padding: 0 !important;background:#444 !important;} */
/* Header development (dont delete or uncomment it), it has some unfixed bugs */
/* .newStyle-page > header::before {
content: "" !important;
display: block !important;
position: absolute !important;
left: -100% !important;
right: -100% !important;
height: 156px !important;
background:
#444 !important;
}
.newStyle-page > header > h1 {
display: block !important;
margin: 0 !important;
font-size: 0 !important;
padding: 0 !important;
background: none !important;
border: none !important;
}
.newStyle-page header > h1 > a {
display: none !important;
width: 190px !important;
height: 44px !important;
}
.newStyle-page header > h1 a {
position: absolute !important;
top: 6px !important;
width: 180px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent url('../img/logo.gif') 18px 9px no-repeat !important;
font-size: 0 !important;
}
.newStyle-page header > nav.main {
position: relative !important;
float: left !important; width: 100% !important;
background: none !important;
margin: 0 !important;
padding-right: 0 !important;
}
.newStyle-page header > nav.main::before {
content: '' !important;
display: inline-block !important;
position: absolute !important;
top: 7px !important;
left: 0 !important;
width: 48px !important;
height: 48px !important;
background: url('data:image/svg+xml;utf8,') no-repeat center center !important;
}
.newStyle-page header > nav.main::after {content: attr(title) !important;position:absolute !important;top:18px !important;left:45px !important;width:auto !important;font-size:18px !important;color:#fff !important;}
.newStyle-page header > nav ul {
margin: 0 !important;
padding-top: 56px !important;
list-style-type: none !important;
}
.newStyle-page header > nav.main.active::before {
background: url('data:image/svg+xml;utf8,') no-repeat center center !important;
}
.newStyle-page > header::after {content: "";display: block;position: absolute;left: -100%;right:-100%;top:116px;height:40px;background: #66302E;z-index:0;}
.newStyle-page header > nav.main div.mobileMenu {
position: absolute !important;
display: inline-block !important;
z-index: 150 !important;
background-color:
transparent !important;
width: 130px !important;
height: 56px !important;
cursor: pointer !important;
left: 0 !important;
}
.newStyle-page header > nav.main ul li > a:hover {
background:
#66302E !important;
border: none !important;
}
.newStyle-page header > nav.main ul li {
float: none !important;
display: block !important;
margin-right: 2px !important;
min-height: 0 !important;
padding: 0 !important;
background: none !important;
}
.newStyle-page header > nav.main ul li > a.active {
border: none !important;
height: 60px !important;
background:
#444 !important;
text-shadow: none !important;
}
.newStyle-page header > nav.main ul li > a {
display: none !important;
height: 60px !important;
line-height: 60px !important;
padding: 0 10px !important;
text-decoration: none !important;
color:
#fff !important;
background: none !important;
border: none !important;
font-weight: normal !important;
font-size: 14px !important;
}
.newStyle-page header > nav.main.active li {
max-height: 100px !important;
overflow: visible !important;
}
.newStyle-page header > nav.main.active li > a {
display: block !important;
width: 100% !important;
background:
#66302E !important;
color:
#fff !important;
z-index: 100 !important;
text-align: left !important;
}
.newStyle-page header li > nav.sub {
position: absolute !important;
top: 116px !important;
left: 10px !important;
width: 100% !important;
margin: 0 !important;
border-top: none !important;
background:
#66302E !important;
white-space: nowrap !important;
z-index: 10 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
border: none !important;
text-align: left !important;
}
.newStyle-page header li > nav.sub > .active, header li > nav > a:hover, header li > nav > a:hover {
background: none !important;
}
.newStyle-page header li > nav.sub > .active {
border-bottom: 2px solid
#fff !important;
border-bottom-width: 2px !important;
border-width: 0 0 2px 0 !important;
color:
#fff !important;
}
.newStyle-page header li > nav.sub > a {
display: inline-block !important;
height: 32px !important;
line-height: 40px !important;
padding: 0 !important;
margin: 0 15px 0 0 !important;
color: #fff !important;
text-decoration: none !important;
border: none !important;
color:
#fff !important;
background: none !important;
font-weight: normal !important;
text-align: center !important;
font-size: 14px !important;
} */
/*2018-06-19mss multiple select start: */
label.multiple {position:relative;display:inline-block;float:left;height:25px;max-height:25px;overflow:visible;text-align:left;}
label.multiple::after {content:'';display:block;position:absolute;bottom:0;right:0;width:0px;height:0px;overflow:hidden;border:1px solid #3eb609/*#09AAB6*/;border-width:0 0 10px 10px;border-color:transparent transparent #3eb609 /*#09AAB6*/ transparent;}
label.multiple select {z-index:80;position:absolute;top:25px;right:0;left:0;min-width:100%;height:auto;max-height:0px;margin:0;padding:0;border-width:0;overflow-y:hidden;transition:max-height 0.5s;}
label.multiple select option.active {color:#3eb609/*#09AAB6*/;}
label.multiple input {width:100%;border-color:#3eb609/*#09AAB6*/;cursor:pointer;}
label.multiple:hover {}
label.multiple:hover select {max-height:305px;padding:2px;border-width:1px;box-shadow: 5px 5px 10px #666;overflow-y:scroll;transition:max-height 1s;}
label.multiple:hover select option {position:relative;padding-top:1px;padding-bottom:2px;}
div.multiple {height:auto;}
div.multiple input.multiple {display:none;opacity:0;max-width:0;margin:0;padding:0;}
div.multiple input.multiple+label {display:none;height:auto;line-height:10px;margin:0;padding:0;}
div.multiple input.multiple:checked {}
div.multiple input.multiple:checked+label {display:inline-block;margin:2px;padding:2px;border:1px solid #3eb609/*#09AAB6*/;font-size:12px;}
div.multiple input.multiple:checked+label:hover {opacity:0.85;/*color:#e15556;*/border-color:#e15556 !important;}
div.multiple input.multiple:checked+label::after {content:"✓";display:inline-block;width:10px;margin-left:3px;color:#3eb609/*#09AAB6*/;}
div.multiple input.multiple:checked+label:hover::after {content:'x';opacity:0.99;color:#e15556 !important;}
/*second:*/
label.multiple:nth-of-type(2)::after {border-bottom-color:#b60997;}
label.multiple:nth-of-type(2) input {border-color:#b60997 !important;}
label.multiple:nth-of-type(2) select option.active {color:#b60997;}
div.multiple:nth-of-type(2) input.multiple:checked+label {border-color:#b60997;}
div.multiple:nth-of-type(2) input.multiple:checked+label::after {color:#b60997;}
/*third:*/
label.multiple:nth-of-type(3)::after {border-bottom-color:#ffc107;}
label.multiple:nth-of-type(3) input {border-color:#ffc107 !important;}
label.multiple:nth-of-type(3) select option.active {color:#ffc107;}
div.multiple:nth-of-type(3) input.multiple:checked+label {border-color:#ffc107;}
div.multiple:nth-of-type(3) input.multiple:checked+label::after {color:#ffc107;}
/*4th:*/
label.multiple:nth-of-type(4)::after {border-bottom-color:#3eb609;}
label.multiple:nth-of-type(4) input {border-color:#3eb609 !important;}
label.multiple:nth-of-type(4) select option.active {color:#3eb609;}
div.multiple:nth-of-type(4) input.multiple:checked+label {border-color:#3eb609;}
div.multiple:nth-of-type(4) input.multiple:checked+label::after {color:#3eb609;}
/*2018-06-19mss multiple select end! */
div.newMess {margin-top: 15px; margin-right: -10px; width: 240px; height: auto /*20px*/; line-height:20px; color:yellowgreen/*orange*/; background:yellow /*rgba(0,0,0,0.1)*/;}
div.newMess a {color:red !important; text-decoration:none;}
.newStyle-page form > section > h2 {min-height: auto;padding: 0 0 24px;overflow: visible; top: 0;}
@media screen and (min-width:1780px){
div.newMess {margin-top: 50px;}
}
/*2020-01-13 Krum ISO-2 */
.toolbar {position: absolute; z-index: 99; right: 130px;top: 113px;}
.newStyle-page form nav.toolbar {float: right;}
.newStyle-page > form h2 {min-height: 30px;margin: 0;padding-left: 10px;background: none;overflow: hidden;}
.newStyle-page section > h2 {position: relative;height: auto;margin: 0;padding: 0;font-size: 20px;color: #3d3d3d;font-weight: normal;background: none;}
.newStyle-page section h2 a.btn.text {display: inline-block;min-width: 22px;height: 22px;margin: 0px 6px 0 20px;padding: 4px 16px;text-align: center;color: #fff;font-size: 14px;background:#86c34a;text-decoration: none;border: none;line-height: 20px;}
.newStyle-page .middle {top:122px;/*top: 112px;*/position: static;display: block;float: none;margin-top: 10px;margin-left: 10px;clear: both;font-size: 0; margin-bottom: -20px;}
.newStyle-page .middle > a.tab.active:hover {padding: 5px 17px;padding-bottom: 5px;margin: 0;}
.newStyle-page .middle .tab.active {background:#662f2f;border: 2px solid#662f2f;border-bottom-color: #662f2f;border-bottom-style: solid;border-bottom-width: 2px;border-bottom: 0;font-weight: bold;color:white;outline: 1px solid#662f2f;}
.newStyle-page .middle > a.tab:hover {padding: 5px 16px;padding-bottom: 5px;margin: 0 1px;}
.newStyle-page .middle > a.tab {display: inline-block; border: none; line-height: 20.5px;}
.newStyle-page .middle > a.tab {display: inline-block;min-width: 22px;height: 22px;padding: 5px 17px;text-align: center;text-decoration: none;color: black;font-size: 14px;background: transparent;border-right: 1px solid darkgray;}
.newStyle-page section > header {max-width: 100%;margin: 0 0 8px 0;padding: 7px;background:#f1f1f1;border: none;}
section > header.header label {width: auto;}
.newStyle-page section > header.header > label {float: left;display: inline-block;top: 0;margin: 0;/*padding: 0 4px;*/font-size: 0px; color: #3d3d3d;}
.newStyle-page section > header.header button {position: relative; top: -1px; margin-left: 0;width: auto;margin-bottom: 5px;padding: 6px 14px 4px !important;cursor: pointer;text-transform: capitalize;font-weight: normal;font-size: 14px;color: #fff;border: none;background: #757575;box-shadow: 0 3px#757575; min-width: 98px; height: 27px;}
.newStyle-page header.panel h3 span.status {float: right !important; position: relative !important;}
section > header label:nth-of-type(2):before{border-left: solid 1px #bbb; padding-left: 6px;}
section > header.header label input:first-child:before,
section > header.header label select:first-child:before {content: ":";}
section > header.header label input,
section > header.header label select,
section > header.header label textarea {float: none; display: inline-block;}
.newStyle-page.detail form article p {padding-bottom: 13px;}
.newStyle-page.detail strong {width: 0; margin: 0; padding: 0;}
.newStyle-page.detail section footer {margin-bottom: 22px; text-align: right;}
.newStyle-page.detail section.left-s {margin-top:0;}
.newStyle-page.detail section > h2 {margin-bottom: -25px;}
.newStyle-page.detail section article h3 {}
.newStyle-page.detail .clls {display: inline-block;}
.newStyle-page.detail .clr {float: none; position: absolute; left: unset !important; max-width: 600px; display: inline-block; margin-left:15px;}
.newStyle-page.detail .clr article select.vii.right {right: 264px; top: 5px;}
.newStyle-page article:not(article):not(.second):not(.third):not(.newStyle-panel) div {position: relative;}
.newStyle-page form article header {border:none;}
.newStyle-page form article header.panel {margin-bottom: 15px;}
.newStyle-page form article header.panel > h3{margin: 0px;font-size: 18px;}
.newStyle-page article h3 {margin-bottom: 12px;font-weight: normal;font-size: 20px;}
/* .newStyle-page article:not(.second):not(.third):not(.info):not(.newStyle-panel) h3{padding: 11px 10px 7px 10px; background: #e0e0e0;} */
/* .newStyle-page article:not(.second):not(.third):not(.newStyle-panel) tbody th{font-weight: bold;background: #f8f8f8;border: solid 1px#dEDEDE;font-size: 12px;} */
/* Ivo Manov 21.01.2020 commented Ticket: #7497 */
/* .newStyle-page article:not(.second):not(.third):not(.newStyle-panel) h3 .link{color: #fff; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: solid 1px #c9cacb; padding: 4px 4px 7px 4px; position: absolute; top: 5px; right: 5px;} */
.newStyle-page article:not(.second):not(.third):not(.newStyle-panel) h3 .link:hover {color: black; background: white;}
/* .newStyle-page article.second:not(.info) h3,
.newStyle-page article:not(.info) header.panel h3,
.newStyle-page article.third h3,
.newStyle-panel h3 {font-size: 18px;font-weight: normal;color:#666; border-bottom: 1px solid #aaa; position: relative; padding: 0 0 3px 0 !important; margin-bottom: 11px; background: transparent !important;} */
.newStyle-page section article footer button:hover,
.newStyle-page section article footer.btn:hover {background:#757575;opacity: 0.8;}
.newStyle-page section article footer button {position: relative;min-width: 98px;width: auto; margin-bottom: 5px; padding: 6px 14px 4px; cursor: pointer; text-transform: capitalize; font-weight: normal; font-size: 14px; color:#fff;border: none;background: #757575;box-shadow: 0 3px#757575; height: 27px;}
.newStyle-page section article footer button.red:hover {background:#d32f2f;box-shadow: 0 3px#d32f2f;}
.newStyle-page section article footer button.red {background: #d32f2f;box-shadow: 0 3px #e53935;}
.newStyle-page section article footer button.blue {background:#42a5f5;box-shadow: 0 3px#42a5f5;}
.newStyle-page section article footer button.green,
.newStyle-page section article footer button.save {background:#8bc34a !important;box-shadow: 0 3px#8bc34a; width: 138px;}
.newStyle-page button.green,
button.save {background:#8bc34a !important;box-shadow: 0 3px #8bc34a !important;}
.newStyle-page button:hover,
.newStyle-page .btn:hover {background: #757575;opacity: 0.8;}
.newStyle-page article.info button.green, button.save {box-shadow: none !important;}
.newStyle-page article.third {margin-bottom: 40px;}
.newStyle-page article.third h3 {}
/*.newStyle-page article.second:not(.info) h3 a.link,
.newStyle-page article:not(.info) header.panel h3 a.link,
.newStyle-page article.third h3 a.link,
.newStyle-panel h3 a.link {position: absolute !important; right: 7px!important;} */
table.panel-alt tbody td {
border: 1px solid
#fff;
border-width: 0 1px
}
.newStyle-page .panel-alt td,.newStyle-page .panel-alt th {border-width:0;}
.newStyle-page .panel-alt, .newStyle-panel table {border: none}
.newStyle-page .panel-alt td, .newStyle-panel td {background: unset;}
.newStyle-page table.panel-alt tr:nth-last-of-type(1) th {border-top: 1px solid #444;background: none;font-size: 14px;}
.newStyle-page table.panel-alt th {padding-bottom: 1px; font-size: 12px;font-weight: bold;color:#444;}
table.panel-alt tr:first-of-type th {
font-size: 12px;
border-bottom: 1px solid
#444;
}
/* .newStyle-page .panel-alt th, .newStyle-panel th {font-variant: small-caps;font-size: 12px;text-transform: lowercase; font-weight: normal; padding: 5px 5px 6px; border: 0px;} */
.newStyle-page .panel-alt tr:hover, .newStyle-panel tr:hover {background: #fff;}
.newStyle-page form article.info p {padding-bottom: 22px;}
.newStyle-page aside {margin:15px 0 0 0}
/*popup*/
.newStyle-page div.fader {background: unset;}
.newStyle-page iframe.popup {max-width:95% !important;border: 0px solid #000;outline: solid 10000px rgba(0,0,0,0.69);box-shadow: 0 0 10px #000;}
.newStyle-page iframe.popup.small {width:680px;}
body.newStyle.popup {min-width:300px !important; z-index:100;background:#fff;}
body.newStyle.popup .btn.right {top: 8px; right: 8px;}
/* IM: positioning */
/* body.newStyle.popup form p {padding: 0;} */
/* body.newStyle.popup section {padding:0 20px 40px 20px;/*margin:auto;/height:auto;margin-top:5px;overflow-x:visible;} */
body.newStyle.popup section h3 {/*2019-05-17mss?: background:#f1f1f1;*/}
body.newStyle.popup section strong {padding: 4px 2px 3px; font-size: 14px;} /*IM: removed width: 100%; and changed the values of padding because otherwise the texts goes right*/
/* body.newStyle.popup section strong {padding: 20px 2px 3px;width: 100%;font-size: 14px;} */
body.newStyle.popup section table {width:100%;display:table;white-space: normal;}
body.newStyle.popup section div table {width:unset;} /*IM: removed float: left; because half of the table goes under the other half and the table separates*/
/* body.newStyle.popup section div table {width:unset; float: left;} */
body.newStyle.popup section div table.second
body.newStyle.popup section fieldset {width:100% !important;margin-bottom:0;clear:right;}
body.newStyle.popup section footer {margin-bottom:0;padding-top:20px;min-height:50px; padding-left: 0;}
body.newStyle.popup {z-index: 100;min-width: 300px !important;}
body.newStyle.popup .toolCardAdd {position: absolute; margin-top: -16px; top: 0 !important;}
body.newStyle.popup .toolCardAdd select,
body.newStyle.popup .toolCardAdd .add.right {margin-top: 45px;}
/* .newStyle section label {box-sizing: border-box;float: left;height: auto;} IM: remove padding margin top to reposition the element */
.newStyle-page section label {box-sizing: border-box;float: left;/*padding: 3px 3px 3px 0;*/height: auto; color: #3d3d3d; font-size: 14px;}
.newStyle-popup > section.addProtocol label {top: -18px;height: 14px;margin: 0px -198px 0 0;padding: 0;}
.newStyle-popup > section label {top: unset;height: unset;margin: unset;padding: 1px;}
.newStyle section label input, .newStyle section label select, .newStyle section label textarea {width: 100%;}
.newStyle form section div.cl {width:50%;}
.newStyle form section div.box {width:100%;}
.newStyle.popup section fieldset {width:50% !important;float:left;}
.newStyle.popup section label button {margin-top: 12px;}
/* .newStyle-header {margin: -16px -20px 10px -20px;} IM: removed padding: 12px 20px; becausethe header becomes uncentered andgoes out of popup's layout */
/* .newStyle-header {padding: 12px 20px; margin: -16px -20px 10px -20px;} */
.column-n {left: 0 !important;}
section article.column-s {/*margin-left: -10px;*/margin-top: 15px;margin-right: 30px;}
section article.column-s article {overflow:hidden;}
.column-s {left: auto !important;width: 345px; width: 500px;position: relative;float: left;margin: 0 20px 0 30px;}
.left-s {display: block;position: relative;float: left;width: 740px;margin: 0;padding: 0;}
.newStyle-page section table tfoot tr:nth-of-type(1) th,
.newStyle-page section table tfoot tr:nth-of-type(1) td,
.newStyle-page section table tfoot tr:nth-of-type(2) th,
.newStyle-page section table tfoot tr:nth-of-type(2) td,
.newStyle-page section table tfoot tr:nth-of-type(3) th,
.newStyle-page section table tfoot tr:nth-of-type(3) td,
.newStyle-page section table tfoot tr:nth-of-type(4) th,
.newStyle-page section table tfoot tr:nth-of-type(4) td {box-shadow: 0 -1px 0px#444;background:#e4e4e4 !important;}
.newStyle-page section table tfoot tr th {border: 0;}
.newStyle-page section table tfoot tr {background: #e4e4e4;}
.newStyle-page section table.toolCard tfoot th {background: none; }
.newStyle-page section table.toolCard thead th {background: #f8f8f8 !important;}
.newStyle-page section table.toolCard tfoot th.status {padding: 6px 6px;}
/* base 12 ui grid in percents */
.su, .w1 {width:8%;} /* 1/12 Uncia */
.sx, .w2 {width:16.66%;} /* 2/12 1/6 Sextans */
.sxh, .w25 {width:18.7%;} /* 2/12 1/6 Sextans */
.sq, .w3 {width:25%;} /* 3/12 1/4 Quadrans */
.st, .w4 {width:33.33%;} /* 4/12 1/3 Triens */
.sth, .w45 {width:37.5%;} /* 4/12 1/3 Triens */
.sf, .w5 {width:42%;} /* 5/12 Quincun */
.s, .w6 {width:50%;} /* 6/12 1/2 Semis */
.df, .w7 {width:58%;} /* 7/12 Septunx */
.dt, .w8 {width:66.6%;} /* 8/12 2/3 Bes */
.dq, .w9 {width:75%;} /* 9/12 3/4 Dodrans */
.dx, .w10 {width:83%;} /* 10/12 5/6 Dextans */
.du, .w11 {width:92%;} /* 11/12 Deunx */
.w12 {width:100%;}
.sd {width:12.5%;}
/*.i, .w12 {width:100%;} /* 12/12 1 As */
@media screen and (min-width:320px){
.newStyle form section div.cl {/*margin-top:20px;*/}
}
@media screen and (min-width:640px){
.newStyle form section div.cl {width:50%;}
.newStyle form section div.box {width:100%;}
.newStyle.popup section fieldset {width:50% !important;float:left;}
.newStyle-page section > header.header label {display: block;font-size: 12px;width: auto;}
section > header.header label input,
section > header.header label select,
section > header.header label textarea {max-width: 100%;}
/* Header development (dont delete or uncomment it), it has some unfixed bugs */
/* .newStyle-page form > section > table {display: table;}
.newStyle-page header li > nav.sub > a {padding: 0px 35px 0px 35px !important;margin: 0 !important;} */
}
@media screen and (min-width: 980px){
.newStyle-page form > section > table {display: table;white-space: normal;overflow: visible;}
.newStyle-page section table {display: table;white-space: normal;overflow: visible;}
.newStyle-page form > section > table tfoot tr:last-child th,
.newStyle-page form > section > table tfoot tr td {z-index:98;position: -webkit-sticky;position:sticky;/*box-shadow: 0px -2px 3px #bbb, 0px 2px 3px #bbb;*/}
.newStyle-page form > section > table thead th {position: sticky !important;/*top: 0 !important;*/border-bottom: 1px solid#444; border-bottom-width: 1px;border-width: 0 0 1px 0;color:#444;font-size: 12px;font-weight: bold;background:#fff;box-shadow: 0 1px 0px#444 !important; z-index: 98;}
/*
.hide-mobile thead th {display:table-cell !important;}
.hide-mobile thead th::after {display:none !important;}
.hide-mobile tbody td {display:table-cell !important;}
.hide-mobile tbody td::after {display:none !important;}
*/
/* Header development (dont delete or uncomment it), it has some unfixed bugs */
/* .newStyle-page header > h1 > a {
display: block !important;
}
.newStyle-page > header {
clear: both !important;
}
.newStyle-page header > nav.main {
margin-left: 205px !important;position: relative !important;
float: left !important;width: 100% !important;
background: none !important;
padding-right: 0 !important;
}
.newStyle-page header > nav.main.active {
z-index: 99 !important;
}
.newStyle-page header > nav ul {
padding-top: 0 !important;
}
.newStyle-page header > nav.main div.mobileMenu {
display: none !important;
}
.newStyle-page header > nav.main ul li {
float: left !important;
display: inline-block !important;
margin-right: -4px !important;
}
.newStyle-page header li > nav.sub > a:hover {
border-bottom: 2px solid
#fff !important;
}
.newStyle-page header > nav.main ul li > a {
display: block !important;
float: left !important;
padding: 0 35px 0 35px !important;
}
.newStyle-page header > nav.main::before {
background: none !important;
}
.newStyle-page header > dl {
position: absolute;
top: 56px;
right: 0px;
color:
#fff;
margin: 0px;
width: 230px;
height: 40px;
z-index: 99;
}
.newStyle-page header dd {
width: 180px;
display: block;
top: 0px;
right: 0px;
float: right;
text-align: left;
outline: none;
cursor: pointer;
}
.newStyle-page header dl.active menu {
display: block;
}
.newStyle-page header menu {
position: relative;
display: none;
border: 1px solid
#e0e0e0;
margin: 0;
padding: 0px 4px;
background:
#fff;
z-index: 101;
}
.newStyle-page header dl.active menu a {
text-align: left;
}
.newStyle-page header menu > a:hover, header menu > a.active {
background:
#fff;
color:
#3e3e3e;
}
.newStyle-page header menu > a {
display: block;
padding: 10px 0 10px 16px;
text-decoration: none;
color: #000;
font-weight: normal;
}
.newStyle-page header > nav.main::after {content: '' !important;}
.newStyle-page header li > nav.sub {
left: 0 !important;
padding-left: 0px !important;
}
.newStyle-page header > nav.main ul li > a.active {
background:
#66302E !important;
} */
}
@media screen and (min-width:1640px){
body.newStyle-page {background:#f1f4f5 !important; display: block !important;}
.newStyle-page form > section {border-bottom: 35px solid #f1f4f5;min-height: 84.7vh;margin-top: 20px;padding: 24px !important;border-top: 3px solid #662f2f;}
}
/*responsive table*/
/*
.hide-mobile th.order::after { content: attr(data-mobile); position: relative;display:block;margin-top: 2px;color: #999;font-weight: normal;font-size: 11px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.hide-mobile .v,.hide-mobile .x {width:auto;}
th.order.asc::after {content:attr(data-mobile);}
th.order.desc::after {content:attr(data-mobile);}
.hide-mobile {display:table !important;}
.hide-mobile tbody td {padding:6px 6px 3px;font-size:14px;}
.hide-mobile tbody td.empty {padding:15px;}
.hide-mobile tbody td::after {content:attr(data-mobile);display:block;position:relative;margin-top:2px;color:#999;/*color:#37474F;*//*font-weight:normal;font-size:11px;}
.hide-mobile tfoot td {border-width:0;}
.hide-m-1 thead th:nth-child(1),.hide-m-1 tbody td:nth-child(1),
.hide-m-2 thead th:nth-child(2),.hide-m-2 tbody td:nth-child(2),
.hide-m-3 thead th:nth-child(3),.hide-m-3 tbody td:nth-child(3),
.hide-m-4 thead th:nth-child(4),.hide-m-4 tbody td:nth-child(4),
.hide-m-5 thead th:nth-child(5),.hide-m-5 tbody td:nth-child(5),
.hide-m-6 thead th:nth-child(6),.hide-m-6 tbody td:nth-child(6),
.hide-m-7 thead th:nth-child(7),.hide-m-7 tbody td:nth-child(7),
.hide-m-8 thead th:nth-child(8),.hide-m-8 tbody td:nth-child(8),
.hide-m-9 thead th:nth-child(9),.hide-m-9 tbody td:nth-child(9),
.hide-m-10 thead th:nth-child(10),.hide-m-10 tbody td:nth-child(10),
.hide-m-11 thead th:nth-child(11),.hide-m-11 tbody td:nth-child(11) {display:none;}
/**//*
.hide-t-1 thead th:nth-child(1),.hide-t-1 tbody td:nth-child(1),
.hide-t-2 thead th:nth-child(2),.hide-t-2 tbody td:nth-child(2),
.hide-t-3 thead th:nth-child(3),.hide-t-3 tbody td:nth-child(3),
.hide-t-4 thead th:nth-child(4),.hide-t-4 tbody td:nth-child(4),
.hide-t-5 thead th:nth-child(5),.hide-t-5 tbody td:nth-child(5),
.hide-t-6 thead th:nth-child(6),.hide-t-6 tbody td:nth-child(6),
.hide-t-7 thead th:nth-child(7),.hide-t-7 tbody td:nth-child(7),
.hide-t-8 thead th:nth-child(8),.hide-t-8 tbody td:nth-child(8),
.hide-t-9 thead th:nth-child(9),.hide-t-9 tbody td:nth-child(9),
.hide-t-10 thead th:nth-child(10),.hide-t-10 tbody td:nth-child(10),
.hide-t-11 thead th:nth-child(11),.hide-11 tbody td:nth-child(11) {display:none;}
.hide-m-1 thead th:nth-child(1)::after
.hide-m-2 thead th:nth-child(2)::after,
.hide-m-3 thead th:nth-child(3)::after,
.hide-m-4 thead th:nth-child(4)::after,
.hide-m-5 thead th:nth-child(5)::after,
.hide-m-6 thead th:nth-child(6)::after,
.hide-m-7 thead th:nth-child(7)::after,
.hide-m-8 thead th:nth-child(8)::after,
.hide-m-9 thead th:nth-child(9)::after,
.hide-mo-10 thead th:nth-child(10)::after,
.hide-m-11 thead th:nth-child(11)::after {display:block;}
.hide-m-1 tbody td:nth-child(1)::after,
.hide-m-2 tbody td:nth-child(2)::after,
.hide-m-3 tbody td:nth-child(3)::after,
.hide-m-4 tbody td:nth-child(4)::after,
.hide-m-5 tbody td:nth-child(5)::after,
.hide-m-6 tbody td:nth-child(6)::after,
.hide-m-7 tbody td:nth-child(7)::after,
.hide-m-8 tbody td:nth-child(8)::after,
.hide-m-9 tbody td:nth-child(9)::after,
.hide-m-10 tbody td:nth-child(10)::after,
.hide-m-11 tbody td:nth-child(11)::after {display:block;}
*/
/*test responsive*/
.mobile th, .mobile td {display:none;}
.mobile th, .mobile td {display:none;}
.mobile th.group, .mobile td.group {display:table-cell;}
.mobile th.ttl, .mobile td.ttl {display:table-cell;}
.mobile th.emptyRow, .mobile td.emptyRow {display:table-cell;}
th.order.asc::after {content:attr(data-mobile);}
th.order.desc::after {content:attr(data-mobile);}
th.order::after { content: attr(data-mobile); position: relative;display:block;margin-top: 2px;color: #999;font-weight: normal;font-size: 11px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
th[data-mobile]::after, td[data-mobile]::after {content:attr(data-mobile);display:block;font-size:11px;font-style:italic;}
th[data-mobile]::after {font-size:10px;}
th.order:hover {border-bottom-color:#093;}
th.order:hover:after {content:"";position: relative !important;}
th.order:hover:after {content:attr(data-mobile);transform:rotate(0deg);-webkit-transform:rotate(0deg);color:#000;}
th.order.asc {border-bottom-color:#093;color:#000;}
th.order.asc:after {content:attr(data-mobile);;transform:rotate(0deg);-webkit-transform:rotate(0deg);color:#000;}
th.order.desc {border-bottom-color:#093;color:#000;}
th.order.desc:after {content:attr(data-mobile);transform:rotate(0deg);-webkit-transform:rotate(0deg);color:#000;}
tbody tr:nth-child(2n) > td {}
.mobile-1 th:nth-child(1), .mobile-1 td:nth-child(1), .mobile-2 th:nth-child(2), .mobile-2 td:nth-child(2),
.mobile-3 th:nth-child(3), .mobile-3 td:nth-child(3), .mobile-4 th:nth-child(4), .mobile-4 td:nth-child(4),
.mobile-5 th:nth-child(5), .mobile-5 td:nth-child(5), .mobile-6 th:nth-child(6), .mobile-6 td:nth-child(6),
.mobile-7 th:nth-child(7), .mobile-7 td:nth-child(7), .mobile-8 th:nth-child(8), .mobile-8 td:nth-child(8),
.mobile-9 th:nth-child(9), .mobile-9 td:nth-child(9), .mobile-10 th:nth-child(10),.mobile-10 td:nth-child(10),
.mobile-11 th:nth-child(11),.mobile-11 td:nth-child(11),.mobile-12 th:nth-child(12),.mobile-12 td:nth-child(12) {display:table-cell;}
/**/
@media screen and (min-width:610px) {
.tablet-1 th:nth-child(1), .tablet-1 td:nth-child(1), .tablet-2 th:nth-child(2), .tablet-2 td:nth-child(2),
.tablet-3 th:nth-child(3), .tablet-3 td:nth-child(3), .tablet-4 th:nth-child(4), .tablet-4 td:nth-child(4),
.tablet-5 th:nth-child(5), .tablet-5 td:nth-child(5), .tablet-6 th:nth-child(6), .tablet-6 td:nth-child(6),
.tablet-7 th:nth-child(7), .tablet-7 td:nth-child(7), .tablet-8 th:nth-child(8), .tablet-8 td:nth-child(8),
.tablet-9 th:nth-child(9), .tablet-9 td:nth-child(9), .tablet-10 th:nth-child(10),.tablet-10 td:nth-child(10),
.tablet-11 th:nth-child(11),.tablet-11 td:nth-child(11),.tablet-12 th:nth-child(12),.tablet-12 td:nth-child(12) {display:table-cell;}
}
@media screen and (min-width:987px) {
.mobile th, .mobile td {display:table-cell;}
th[data-mobile]::after, td[data-mobile]::after {display:none;}
header > h1 > a {display: none;}
header > nav {margin-left: 5px !important;padding: 0;}
header > nav ul li > a {padding: 0 2px;font-size: 11px;}
form > section {max-width: 994px;}
form section > table {margin-left: -20px;margin-top: -14px;width: calc(100% + 30px);display: table;position: relative;box-sizing: border-box;overflow-x: scroll;}
form section>table tr.subttl td{bottom: 0 !important;}
header dt {display: none !important;}
header li > nav.sub > a {font-size: 11px;}
header > dl {width: auto;}
}
@media screen and (min-width:1200px){
header > nav ul li > a {font-size: 12px;padding: 0 6px;}
header li > nav.sub > a {font-size: 12px;}
form > section {max-width:unset;}
}
@media screen and (min-width:1540px){
header dt {display: block !important;}
header > nav {margin-left: 205px !important;}
header > h1 > a {display: block;}
form section > table {display: table;}
header > dl {width: 160px;}
}
span.euro {display: block;text-align: right;color: #777;}
div.currency {display: inline-block;width: auto;padding: 0px 10px;color: #000;font-size: 14px;background-color: #ffffaf;vertical-align: middle;}