html, body {width:100%; height:100%; background:#ffffff;}
div#left-frame {display:none;}
div#right-frame {width:100%; height:100%; min-height:680px; position:relative; float:left; background:#f8f8fb; display:block; cursor:default;}
div#right-frame>img {width:120px; margin:50px auto 0; display:block;}
div#right-frame>h1 {width:100%; margin:50px 0 0; color:#4d4d4d; font:24px/40px open_sans_medium, sans-serif; text-align:center; display:block; user-select:none;}
div#right-frame>form {width:90%; min-width:300px; max-width:450px; margin:50px auto;}
form.login {padding:10px; background:#ffffff; box-shadow:0 0 3px #d4d4d4, 0 0 6px #4d4d4d; border-radius:3px; box-sizing:border-box; display:block;}
form>p {width:100%; margin:0 0 10px; color:#ffffff; background:#ff6666; font:13px/26px open_sans_medium, sans-serif; text-align:center; white-space:pre-line; border-radius:3px; display:block; user-select:none;}
form>p.success {background:#66bb66;}
form>p.searching {width:400px!important; margin:0 auto 10px;}
form>p>b {margin:2px 2px 2px 0; padding:0 4px; color:#4d4d4d; background:#f0f0f0; font-weight:normal; line-height:22px; border-radius:3px; display:inline-block;}
form>p>hr {width:100px; margin:0 auto; border-bottom:1px solid rgba(255, 255, 255, 0.5); display:block;}
form label {width:100%; height:24px; color:#4d4d4d; font:13px/24px open_sans_medium, sans-serif; text-align:left; display:block; user-select:none;}
form input[type=text], form input[type=password], form select, form textarea {width:100%; height:40px; margin:0 0 20px; padding:0 5px; color:#1d1d1d; background:#ffffff; font:14px/40px open_sans_medium, sans-serif!important; border:1px solid #ffffff; border-radius:3px; box-shadow:0 0 2px #4d4d4d; box-sizing:border-box; display:block;}
form input[type=text].error, form input[type=password].error, form select.error {background:rgba(255, 230, 230, 0.2); border-color:#ff6666; box-shadow:0 0 0 3px rgba(255, 102, 102, 0.4);}
form input[type=text]:focus, form input[type=password]:focus, form select:focus, form textarea:focus {background:#f8f8fb; border-color:#05a081; box-shadow:0 0 0 3px rgba(5, 160, 129, 0.3); outline:none;}
form input[type=text].highlight {background:#f0f0f0;}
form textarea {height:82px; resize:vertical;}
form textarea#description {height:152px; max-height:212px; line-height:30px!important;}
form input[type=text]:disabled, form select:disabled {background:#f0f0f0; pointer-events:none;}
form input[type=button] {width:100px; height:30px; margin:0 auto; padding:0 0 3px; color:#ffffff; background:#05a081; font:14px/27px open_sans_bold, sans-serif; border-radius:3px; display:block; cursor:pointer;}
form input[type=button]:focus {outline:none;}
form div.grid-container {display:grid; grid-template-columns:1fr 1fr; gap:0 10px;}
form div.grid-container-founded {display:grid; grid-template-columns:3fr 2fr; gap:0 10px;}
form div.conditions {display:grid; grid-template-columns:100%; gap:10px 0;}
form div.conditions>div {display:grid; grid-template-columns:repeat(6, 1fr); gap:0 10px;}
form div.conditions>div.search-numeric {margin:0 1px; display:grid; grid-template-columns:repeat(6, 1fr); gap:0 40px;}
form div.conditions>div.search-numeric>div {margin:0 0 20px; display:grid; grid-template-columns:16px 1fr 16px 1fr 16px 1fr; gap:0 10px;}
form div.conditions>div.search-numeric>div>label {grid-column:1 / span 6;}
form div.conditions>div.search-numeric>div>span {height:32px; margin:-1px 0; padding:0; position:relative; color:#1d1d1d; background:#e4e4e4; font:13px/30px open_sans_medium, sans-serif!important; text-align:right; border-radius:3px 0 0 3px; border:1px solid #e4e4e4; border-right:0; box-sizing:border-box; cursor:default;}
form div.conditions>div.search-numeric>div>span::after {width:10px; height:30px; position:absolute; top:-1px; right:-10px; background:#e4e4e4; border:1px solid #e4e4e4; border-right:0; border-left:0; content:'';}
form div.conditions>div.search-numeric>div>span[onclick]:hover, form div.conditions>div.search-numeric>div>span[onclick]:hover::after {background:#acacac; border-color:#acacac; cursor:pointer;}
form div.conditions>div.search-numeric>div>span+input[type=text] {height:30px; padding:0 0 0 4px; font:13px/30px open_sans_medium, sans-serif!important; border-radius:0 3px 3px 0; z-index:1;}
form div.conditions>div.search-string {margin:0 1px; display:grid; grid-template-columns:repeat(8, 1fr); gap:0 40px;}
form div.conditions>div.search-string>div {margin:0 0 20px;}
form div.conditions>div.search-string>div>select {height:30px; font:13px/30px open_sans_medium, sans-serif!important;}
form div.conditions>div[class^='search']>div>label {width:100%; margin:0 0 10px; color:#4d4d4d; background:linear-gradient(to right, #e4e4e4 10%, #ffffff 60%); text-indent:10px; border-radius:3px 0 0 3px;}
form div.conditions>div[class^='search']>div>label.searched {background:linear-gradient(to right, rgba(5, 160, 129, 0.4) 10%, #ffffff 60%);}
form div.conditions>div>div>label {font-size:12px;}
div.chart-grid {display:grid; grid-template-columns:1fr 1fr; gap:0 10px;}
div.chart-grid>div {display:grid; grid-template-columns:1fr;}
div.chart-grid>div>h1 {width:200px; height:50px; margin:0; padding:0 10px; position:relative; float:left; color:#242424; background:#f0f0f0; font:18px/40px open_sans_medium, sans-serif; text-align:left; text-transform:none; border-radius:3px;}
div.chart-grid>div>h1::after {width:100%; padding:0 0 9px; border-bottom:1px solid #05a081; display:block; content:'';}
div.chart-grid>div>h1>span {position:absolute; top:15px; left:10px; font-size:11px;}
div.chart-grid>div>div {height:330px;}
div.search {width:500px; margin:10px auto 0; padding:10px 0 0; position:relative; border-top:1px solid #d1d1d1; display:none;}
div.search>a {padding:0 10px; position:absolute; top:10px; color:#cccccc; background:#ffffff; font:14px/40px open_sans_medium, sans-serif; border:1px solid #cccccc; border-bottom:0; border-radius:3px 3px 0 0; z-index:0;}
div.search>a.plankton {left:0;}
div.search>a.benthos {right:0;}
div.search>a.active, div.search>a:hover {color:#333333; background:#f0f0f0; border-color:#05a081; z-index:1; cursor:pointer;}
div.search-result>table.default {position:absolute; top:51px; border-spacing:0; display:none;}
div.search-result>table.default.active {width:100%; margin:-1px 0 0; border:1px solid #05a081; display:table; z-index:0;}
div.search-result>table.default tr td {color:#ff3333; line-height:40px; display:grid; grid-template-columns:1fr 42px 42px; gap:0;}
div.search-result>table.default tr td.center {display:grid; grid-template-columns:1fr;}
div.search-result>table.default tr td>a {height:40px; margin:0; padding:0; color:#242424; background:none; font:12px/40px open_sans_medium, sans-serif; text-align:left; text-transform:none;}
div.search-result>table.default tr td>a:hover {color:#05a081; text-decoration:underline; cursor:pointer;}
div.search-result>table.default tr td>a.graph {background:url('/img/graph.png') no-repeat 50% 50%;}
div.search-result>table.default tr td>a.graph:hover {background-color:rgba(5, 160, 129, 0.5); border-radius:0;}
div.search-result>table.default tr td>span {padding:0 10px 0 0; color:#363636; font-weight:bold; text-align:right; box-sizing:border-box;}
div.tree-graph {width:100%; height:100%; position:absolute; top:0; left:0; background:#ffffff; display:none; z-index:10000;}
div.tree-graph>input[type=button] {height:30px; margin:0 auto; padding:0 10px 4px; color:#333333; background:#f0f0f0; font:small-caps 14px/26px open_sans_bold, sans-serif; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box; display:block;}
div.tree-graph>input[type=button]:hover {background:#cccccc; cursor:pointer;}
div.tree-graph>section {width:100%; height:auto; overflow-y:hidden;}
table.google-visualization-orgchart-table {margin-top:5px; border-spacing:0!important;}
.custom-node {color:#363636!important; background:rgba(5, 160, 129, 0.2)!important; font-family:open_sans_medium, sans-serif; border:0!important; border-radius:3px!important; box-shadow:none!important; cursor:pointer;}
.custom-node span {color:#484848; font-family:arial;}
.custom-node-selected {color:#ffffff!important; background:rgba(5, 160, 129, 0.4)!important;}
.google-visualization-orgchart-linenode {height:20px; border-width:2px!important; border-color:#242424!important;}
div.top-side {width:100%; height:50px; padding:10px; position:fixed; top:0; box-sizing:border-box;}
div.top-side>a {height:30px; margin:0 10px 0 0; padding:0 10px; float:left; color:#ffffff; background:#05a081; font:bold 10px/30px arial, sans-serif; text-transform:uppercase; text-decoration:none; border:1px solid #05a081; border-radius:3px; box-sizing:border-box; display:block; user-select:none;}
div.top-side>a.active, div.top-side>a:hover {color:#05a081; background:#ffffff; cursor:pointer;}
div.top-side>a.float-right {float:right;}
div.top-side>a.logout {margin:0; color:#ffffff; background:#ff6666; border-color:#ff6666;}
div.top-side>a.logout:hover {color:#ff6666; background:#ffffff;}
div.top-side>span {height:30px; margin:0 10px 0 0; float:right; color:#484848; background:none; font:bold 10px/32px arial, sans-serif; text-transform:none; display:block; user-select:none;}
div.top-side>span>strong {margin:0 0 0 5px; padding:5px 10px; color:#1d1d1d; background:#fafafa; border:1px solid #f0f0f0; border-radius:3px;}
div.top-side>span>b {margin:0 0 0 10px; color:#05a081;}
div.top-side>span>b.expire {color:#ff3333;}
div.bottom-side {width:100%; height:calc(100% - 50px); margin:50px 0 0; padding:10px; float:left; border-top:1px solid #d1d1d1; box-sizing:border-box; display:block;}
div.bottom-side>div {display:none;}
div.bottom-side>div.active {height:100%; position:relative; display:block; overflow-y:auto;}
div.bottom-side>div>div.header {width:100%; height:40px; padding:0 0 10px; box-sizing:border-box;}
div.header>input[type=button] {height:30px; margin:0 10px 0 0; padding:0 10px 4px; float:left; color:#333333; background:#f0f0f0; font:small-caps 14px/26px open_sans_bold, sans-serif; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box;}
div.header>input[type=button]:hover {background:#cccccc; cursor:pointer;}
div.header>p {height:30px; margin:0; float:left; color:#ffffff; background:#66bb66; font:13px/27px open_sans_medium, sans-serif; text-align:center; border-radius:3px; user-select:none;}
div.header>p.success {width:400px;}
div.grid-container-profile {width:100%; padding:0 0 10px; display:block;}
div.grid-container-profile>div.grid-cell {width:400px; margin:0 auto;}
div.grid-cell>h1 {width:100%; padding:0 10px; color:#ffffff; background:rgba(5, 160, 129, 0.7); font:20px/50px open_sans_regular, sans-serif; text-align:center; border-radius:3px 3px 0 0; box-sizing:border-box; cursor:default;}
div.grid-cell>form {width:100%; padding:10px; background:rgba(5, 160, 129, 0.1); border-radius:0 0 3px 3px; box-sizing:border-box; display:block;}
table.default {width:calc(100% + 2px); margin:0 -1px; border-collapse:separate; border-spacing:1px 0; cursor:default;}
table.default caption {width:calc(100% - 2px); margin:0 1px; color:#333333; background:#cccccc; font:15px/30px arial, sans-serif; text-align:center;}
table.default caption>span:nth-child(2) {margin:0 0 0 10px; padding:0 3px; color:#333333; background:#ffffff; border-radius:3px;}
table.default thead {position:sticky; top:0; z-index:1;}
table.default tr th {height:40px; position:relative; color:#242424; background:#f1f1f1; font:13px/20px open_sans_medium, sans-serif; text-align:center; box-shadow:0 0 0 1px #ffffff; vertical-align:middle;}
table tr th.w-60 {width:60px;}
table tr th.w-70 {width:70px;}
table tr th.w-80 {width:80px;}
table tr th.w-100 {width:100px;}
table tr th.w-120 {width:120px;}
table tr th.w-140 {width:140px;}
table tr th.w-150 {width:150px;}
table tr th.w-210 {width:210px;}
table tr th.w-300 {width:300px;}
table tr th.w-400 {width:400px;}
table.default tr th span {position:absolute; color:#242424; font-size:11px; line-height:0;}
table.default tr th span.asc {top:10px; right:6px;}
table.default tr th span.asc::after {content:'\25B2'; display:block;}
table.default tr th span.desc {right:6px; bottom:14px;}
table.default tr th span.desc::after {content:'\25BC'; display:block;}
table.default tr th span.active, table.default tr th span:hover {color:#ff6666; cursor:pointer;}
table.default tr.filter>th {height:30px; line-height:30px;}
table.default tr.filter>th>input[type=text], table.default tr.filter>th>select {width:100%; height:30px; margin:0; color:#333333; background:#ffffff; font:12px/30px open_sans_medium, sans-serif; border:1px solid rgba(5, 160, 129, 0.4); box-sizing:border-box;}
table.default tr.filter>th>input[type=text] {padding:0 4px;}
table.default tr.filter>th>select {padding:0 0 0 4px; text-align:left;}
table.default tr.filter>th>input[type=text]:focus, table.default tr.filter>th>select:focus {outline:none;}
table.default tr td {height:40px; color:#242424; font:12px/20px open_sans_medium, sans-serif; box-sizing:border-box; word-break:break-all; white-space:pre-line; vertical-align:middle;}
table.default tr th.left, table tr td.left {padding:0 0 0 5px; text-align:left;}
table tr td.center {padding:0; text-align:center;}
table tr td.right {padding:0 5px 0 0; text-align:right;}
table tr td.position-relative {position:relative;}
table.default tr td span.stations {width:auto; margin:auto; padding:0 5px; color:#ffffff; text-align:center; border-radius:3px; display:inline-block; cursor:pointer;}
table.default tr td span.stations.false {background:#ff6666;}
table.default tr td span.stations.true {background:#66bb66;}
table.default tr td span.stations.pin {width:24px; height:24px; padding:0; position:absolute; top:9px; right:3px; background:url('/img/pin.png') no-repeat 50% 50%;}
table.default tr td>a {height:20px; margin:10px 10px 10px 0; padding:0 5px; float:right; color:#ffffff; background:#66bb66; font:11px/20px open_sans_medium, sans-serif; text-transform:uppercase; border-radius:3px; box-sizing:border-box; display:block; cursor:pointer;}
table.default tr:nth-of-type(odd) td {background:#f0f0f0;}
table.default tr:nth-of-type(even) td {background:#fafafa;}
table.default tr:hover td {background:rgba(5, 160, 129, 0.1);}
table.by-taxons tr td>a {margin:auto; padding:0; float:none; color:#006699; background:none; font-size:12px; text-transform:none;}
table.stations {width:100%; margin:-10px 0; border-spacing:1px 10px;}
table.stations tr th {color:#242424; background:#f1f1f1; font:13px/30px open_sans_medium, sans-serif; text-align:center;}
table.stations tr td {height:30px;}
table.stations tr td>input[type=text] {width:100%; height:30px; padding:0 5px; color:#333333; background:#ffffff; font:13px/30px open_sans_medium, sans-serif; text-align:left; border:1px solid rgba(5, 160, 129, 0.6); box-sizing:border-box;}
table.stations tr td>input[type=text].right {text-align:right;}
table.stations tr td>input[type=text]:focus {background:rgba(5, 160, 129, 0.4)!important;}
table.stations tr:hover td>input[type=text] {background:rgba(5, 160, 129, 0.2);}
table.stations tr td>input[type=button] {height:30px; padding:0 10px 4px; color:#333333; background:#f0f0f0; font:small-caps 14px/26px open_sans_bold, sans-serif; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box; display:block; cursor:pointer;}
table.stations tr td>input[type=button].insert {margin:0 auto;}
table.stations tr td>input[type=button].delete {float:left; color:#ff3333;}
table.stations tr td>input[type=button].update {float:right;}
div.research {width:100%; padding:10px; box-sizing:border-box; display:grid; grid-template-columns:100%; grid-gap:10px 0;}
div.research div.row {}
div.row>h1 {padding:0 10px; float:left; color:#242424; background:#f0f0f0; font:20px/40px open_sans_medium, sans-serif; border-radius:3px 3px 0 0;}
div.cell {width:100%; padding:1px 0; background:#f0f0f0; display:grid;}
div.cell.research-data {box-sizing:border-box; grid-template-columns:auto auto auto auto; grid-gap:0 1px;}
div.research-data>div {padding:0 10px; background:#ffffff; box-sizing:border-box;}
div.research-data>div:first-child {padding:0 10px 0 0;}
div.research-data>div:last-child {padding:0 0 0 10px;}
div.research-data>div h1 {color:#333333; font:16px/32px open_sans_medium, sans-serif; text-align:center; border-bottom:1px solid #f0f0f0;}
div.research-data>div h2 {color:#666666; font:16px/32px open_sans_bold, sans-serif; text-align:center;}
div.cell.field-data {box-sizing:border-box; grid-template-columns:100%; grid-gap:1px 0;}
div.field-data>div.header {width:100%; display:grid; grid-template-columns:1fr 1fr; grid-gap:0 1px;}
div.field-data>div>div {padding:10px; background:#ffffff; box-sizing:border-box;}
div.field-data>div>div:first-child {padding:10px 10px 10px 0;}
div.field-data>div>div:last-child {padding:10px 0 10px 10px;}
div.field-data>div>div h1 {float:left; color:#333333; font:15px/30px open_sans_regular, sans-serif; text-align:left;}
div.field-data>div>div h1>b {font-family:open_sans_medium;}
div.row input[type=button] {height:30px; margin:0; padding:0 10px 4px; float:left; color:#333333; background:#f0f0f0; font:small-caps 14px/26px open_sans_bold, sans-serif; border-radius:3px; border:1px solid #cccccc; box-sizing:border-box; display:inline-block;}
div.row input[type=button]:hover {background:#cccccc; cursor:pointer;}
div.row input[type=button].excel {margin:0 10px 0 0; float:right; color:#ffffff; background:rgba(5, 160, 129, 0.6); border-color:#05a081;}
div.row input[type=button].insert {margin:0 0 0 10px; color:#ffffff; background:rgba(5, 160, 129, 0.6); border-color:#05a081;}
div.row input[type=button].excel:hover, div.row input[type=button].insert:hover, div.row input[type=button].active {background:#05a081;}
div.row input[type=button].update {margin:0 0 10px; float:right;}
div.row input[type=button].delete {margin:0 0 10px 10px; float:right; color:#ffffff; background:#ff6666; border-color:#ff6666;}
div.row input[type=button].delete:hover {color:#ff6666; background:#ffffff;}
div.row li.graph {width:auto; height:30px; margin:0 10px 0 0; padding:0 10px 4px; position:relative; float:right; color:#ffffff; background:rgba(5, 160, 129, 0.6); border-radius:3px; border:1px solid #05a081; box-sizing:border-box; display:block;}
div.row li.graph::after {content:''; padding:0 0 5px; background:rgba(0,0,0,0); display:block;}
div.row li.graph>a {font:small-caps 14px/26px open_sans_bold, sans-serif; cursor:default;}
div.row li.graph:hover>ul.graph-type {display:block;}
div.row li.graph>ul.graph-type {width:250px; height:auto; position:absolute; top:30px; left:-1px; border-radius:3px; border:1px solid #05a081; box-sizing:border-box; display:none;}
div.row li.graph>ul.graph-type>a {padding:0 0 0 10px; color:#ffffff; background:#69c6b3; font:13px/30px open_sans_medium, sans-serif; text-align:left; display:block;}
div.row li.graph>ul.graph-type>a:hover {background:#05a081; display:block; cursor:pointer;}
div.field-data>div>div input[type=text] {width:90px; height:30px; margin:0 0 0 10px; padding:0; float:left; color:#1d1d1d; background:#ffffff; font:14px/30px open_sans_medium, sans-serif!important; text-align:center; border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; display:inline-block;}
div.field-data>div.sample-plankton {width:100%; display:grid; grid-template-columns:2fr 3fr 5fr; grid-gap:0 1px;}
div.field-data>div.sample-benthos {width:100%; display:grid; grid-template-columns:1fr 1fr; grid-gap:0 1px;}
a.hide-rest {width:30px; height:30px; float:right; background:rgba(5, 160, 129, 0.6) url(/img/show-all.svg) no-repeat center center; border:1px solid #05a081; border-radius:3px; box-sizing:border-box;}
a.show-all {width:30px; height:30px; float:right; background:#ff6666 url(/img/hide-rest.svg) no-repeat center center; border:1px solid #ff3333; border-radius:3px; box-sizing:border-box;}
table.sample, table.condition {width:100%; border-collapse:separate; border-spacing:0 1px; cursor:default;}
table.sample tr th {width:40%; height:20px; padding:0 5px 0 0; color:#333333; background:#f0f0f0; font:12px/20px open_sans_medium, sans-serif; text-align:right; vertical-align:middle;}
table.sample tr td {width:60%; height:20px; padding:0 0 0 5px; color:#242424; background:rgba(5, 160, 129, 0.05); font:12px/20px open_sans_regular, sans-serif; box-sizing:border-box; word-break:break-all; white-space:pre-line; vertical-align:middle;}
table.condition tr th, table.condition tr td {width:50%;}
div.grid-taxa {width:calc(100% - 100px); float:right; display:grid; grid-template-columns:50px calc(100% - 260px) 50px 50px 70px; gap:0 10px;}
div.grid-taxa input[type=text] {width:100%!important; margin:0!important; padding:0 5px!important; text-align:left!important;}
div.grid-taxa input[type=text]:focus {background:rgba(5, 160, 129, 0.2); border-color:rgba(5, 160, 129, 0.4);}
div.grid-taxa input[type=button] {margin:0!important;}
div.grid-taxa h1 {float:right!important;}
table.taxons {width:100%; margin:40px 0 0; border-spacing:1px; cursor:default;}
table.taxons tr th {height:30px; color:#333333; background:#f0f0f0; font:13px/30px open_sans_medium, sans-serif;}
table.taxons tr th sup {line-height:1;}
table.taxons tr td {height:30px; color:#333333; font:12px/30px open_sans_regular, sans-serif; word-break:break-all; white-space:pre-line; vertical-align:middle;}
table.taxons tr td>a {width:22px; height:22px; margin-bottom:-6px; background:#f0f0f0 url('/img/pin.png'); background-size:contain; border:1px solid #cccccc; border-radius:3px; box-sizing:border-box; display:inline-block;}
table.taxons tr td>a:hover {background:#cccccc url('/img/pin.png'); background-size:contain; cursor:pointer;}
table.taxons tr.total td, table.taxons tr td span {font-family:open_sans_bold;}
table.taxons tr.total td {background:#cccccc!important;}
table tr td span.taxon-1, table tr td span.taxon-2 {padding:0 4px; color:#ffffff; font-family:open_sans_bold; border-radius:3px;}
table tr td span.taxon-1 {color:#ffffff; background:#999999;}
table tr td span.taxon-2 {color:#ffffff; background:#555555;}
table.taxons tr td span:not([class^='taxon']):hover {color:#ff6666; cursor:pointer;}
table.taxons tr:nth-of-type(odd) td {background:#f6f6f6;}
table.taxons tr:nth-of-type(even) td {background:#fafafa;}
div.grid-map {width:100%; height:100vh; background:#f0f0f0; display:grid; grid-template-columns:2fr 9fr; grid-gap:0 1px; overflow:hidden;}
div.grid-map>div:not(#map) {padding:10px; background:#ffffff; word-break:break-word; overflow-y:auto;}
div.grid-map>div#map {margin:10px; position:relative;}
div.grid-map>div h1 {width:calc(100% - 20px); padding:0 10px; color:#242424; background:#f0f0f0; font:20px/40px open_sans_medium, sans-serif; text-align:left; border-radius:3px;}
div.grid-map>div h1:not(:first-child) {margin:10px 0 0; float:left; border-radius:3px 3px 0 0;}
div.grid-map>div h1>a {height:20px; margin:10px auto; padding:0 10px 3px; float:right; color:#ffffff; background:#05a081; font:13px/17px open_sans_medium, sans-serif; border-radius:3px; box-sizing:border-box; display:none;}
div.grid-map>div h2 {width:100%; color:#242424; font:15px/25px open_sans_medium, sans-serif; clear:both;}
div.grid-map>div h3 {width:100%; color:#242424; font:12px/22px open_sans_regular, sans-serif; text-indent:10px; border-bottom:1px solid #f0f0f0; clear:both;}
div.grid-map>div h4 {width:100%; position:relative; float:left; color:#242424; font:12px/24px open_sans_regular, sans-serif; border-bottom:1px solid #f0f0f0;}
div.grid-map>div h4.active, div.grid-map>div h4:not([id^='wb-']), div.grid-map>div h4:hover {background:rgba(5, 160, 129, 0.1);}
div.grid-map>div h4>span {position:absolute; right:0; cursor:pointer;}
div.grid-map>div h4>label {width:100%; padding:0 0 0 28px; position:relative; float:left; box-sizing:border-box; display:inline-block; cursor:pointer;}
div.grid-map>div h4>label.not-found {padding:0; color:#ffffff; background:#ff6666; text-align:center;}
div.grid-map>div h4:last-child>span, div.grid-map>div h4:last-child>label {cursor:default;}
div.grid-map>div>div:not(.background) {width:100%; display:grid; grid-template-columns:5fr 4fr; gap:0;}
div.grid-map>div>div input[type=text], div.grid-map>div>div select {width:100%; height:30px; margin:0 0 10px; padding:0 5px; color:#1d1d1d; background:#ffffff; font:13px/30px open_sans_medium, sans-serif!important; border:1px solid #f0f0f0; border-radius:0; box-sizing:border-box; display:block;}
div.grid-map>div>div input[type=text]:focus, div.grid-map>div>div select:focus {background:#f8f8fb; border-color:#05a081; box-shadow:0 0 0 2px rgba(5, 160, 129, 0.3); outline:none; z-index:1;}
label>input[type=radio] {display:none;}
label>input[type=radio]+span {width:18px; height:18px; position:absolute; top:3px; left:0; background:#ffffff; border:2px solid #05a081; border-radius:50%; box-sizing:border-box;}
label>input[type=radio]+span::before {width:10px; height:10px; position:absolute; top:2px; left:2px; background:#05a081; border-radius:50%; display:none; content:'';}
label>input[type=radio]:checked+span::before {display:block;}
div#wrapper, div#confirmation {width:100%; margin:0; padding:0; display:none;}
div#wrapper>form {width:100%; position:relative;}
div#wrapper div.container {width:100%; max-height:490px; overflow-y:auto;}
div#wrapper div.container>p {width:100%; margin:0 0 10px; color:#ffffff; background:#ff6666; font:13px/26px open_sans_medium, sans-serif; text-align:center; white-space:pre-line; border-radius:3px; display:block; user-select:none;}
div#confirmation>h1 {color:#242424; font:18px/40px open_sans_bold, sans-serif; text-align:center;}
div#confirmation>input[type=button] {height:40px; margin:20px auto 0; padding:0 10px 4px; color:#ffffff; background:#ff6666; font:small-caps 18px/36px open_sans_bold, sans-serif; border-radius:3px; box-sizing:border-box; display:block;}
div#confirmation>input[type=button]:hover {cursor:pointer;}
div.background {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.5); display:block; z-index:100;}
div.background>div.loading {width:50px; height:50px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; border:2px solid #ffffff; border-top:2px solid #05a081; border-radius:50%; box-sizing:border-box; animation:rotate 1s linear infinite;}
div.bottom-side div.background {border-radius:3px 3px 0 0;}
div.background+div.background {display:none!important;}
@keyframes rotate {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
.ui-dialog {padding:0!important; font-size:14px!important; z-index:100000!important;}
.ui-dialog-titlebar {margin:-1px!important;}
.ui-dialog-content {padding:10px!important;}
.ui-corner-all.ui-widget-header, .ui-widget-content {border-bottom-right-radius:0!important; border-bottom-left-radius:0!important;}
.ui-datepicker {font-size:14px!important;}
.gm-style iframe+div, button.gm-svpc, button.gm-fullscreen-control, div.gm-style-cc, a[rel='noopener'] {display:none!important;}
.gm-style-mtc-bbw {right:0!important; left:auto!important;}
@media only screen and (min-width:900px)
{
div#left-frame {width:45%; height:100%; min-height:680px; float:left; background:linear-gradient(to left, #f8f8fb, rgba(248, 248, 251, 0.8) 20%, rgba(0, 0, 0, 0) 40%), url('/img/admin.jpg') no-repeat; background-size:cover; display:block;}
div#right-frame {width:55%;}
div#right-frame>h1 {font-size:35px;}
div.top-side>a {font-size:12px;}
div.top-side>span {font-size:12px;}
}
@media only screen and (min-width:1200px)
{
div#left-frame {width:60%;}
div#right-frame {width:40%;}
}