body {padding: 0; margin: 0;background: #f5f5f5;}
img {border: none 0;}
a {outline: none;text-decoration:none;color: #6fcac7;}
a:hover {color:#62afa9}

body * {
    font-family: Arial,Verdana; 
    font-size: 13px;
}

.wrap {
    width: 100%;
    padding-top: 0px;
    position:relative;
}

h1,h2,h3 {margin:0;padding:0;font-weight:normal;}
h1 {font-size: 24px;margin-bottom: 8px;color: #666;}
h2 {font-size: 19px;margin-bottom: 8px;color: #666;}
h3 {font-size: 13px;color: #666;}

small {font-size: 10px;color: #999}

.red {color: #d7432f;}
.orange {color: #e78506;}
.grey {color: #999999;}
.green {color: #009900;}
.lgreen {color: #4db74d;}
.dark {color: #555555;}
.bold {font-weight: bold;}

.message {padding: 15px 25px; margin-top: 5px; display: inline-block;}
.error {border: 1px solid #dd0000; color: #dd0000;}
.complete {border: 1px solid #00BB00; color: #00BB00;}
.tips {background: #dc6d1c; color: #fff;padding: 5px 10px;font-family: Verdana;font-size: 11px;max-width: 350px;}
.noMargin {margin-left:0 !important;}
.shadow {box-shadow: 0 0 8px rgba(0,0,0,0.3);}

.closed {display: none;}
.msg {padding: 20px;max-width: 300px;background: #00BB00;color: #ffffff;position:fixed;right:20px;top:50px;z-index:10000;}
.redMsg {background: #cc0000 !important;}

.topLine {height:38px;background: #555;}
.menu {display: none;position: fixed; width: 80%;max-width: 250px;height:100%;background:#666;z-index: 100000}
.menu ul {margin:0;padding:0;margin-top: 12px;list-style-type: none;}
.menu ul li {margin:0;padding:0;}
.menu ul li a {display: block;padding:8px 10px;font-size: 16px;}
.menu ul li a:hover {background: #555}
.opened {display: block;transition: 0.5s;}
.toogleMenuBtn {
    position: fixed;
    display: inline-block;
    cursor: pointer;
    background:#666;
    padding: 5px;
    z-index: 1000;
}
.bar1, .bar2, .bar3 {
  width: 25px;
  height: 4px;
  background-color: #999;
  margin: 4px 0;
  transition: 0.5s;
}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-3.5px, 3px);transform: rotate(-45deg) translate(-3.5px, 3px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);}

.tLine {border-top: 1px solid #777;}
.btLine {border-bottom: 1px solid #777;}

.content {display: block;width:auto;padding:10px;font-size: 50px;word-wrap: break-word;}
.contentWrapper {outline: 0px solid red;}
.contentWrapper > div {vertical-align: top;}

div.plane {background: #ffffff;outline:1px solid #aaa;box-shadow: 0 0 8px rgba(0,0,0,0.3);}
div.plane > div {padding:10px;}
div.plane > div > span {font-size: 24px;font-weight: bolder;}

.content .topItem {display: inline-block;margin-left: 1%;width:24%;height: 120px;}
.content .side {display: inline-block;margin-left: 1%;width:49%;margin-top: 1%;min-height: 300px;}
.content .side .item {margin: 2% 0;min-height: 50px;}

.loginTitle {text-align: center;}
.auth-form {
    max-width: 360px;
    text-align: center;
    margin: 0 auto;
}
.auth-form .form-group {width: 60%;margin: 0 auto;height: 24px;position:relative;}
.auth-form input {position: absolute;right:0px;}
.auth-form label {position: absolute;left:0px;}

.chart {width: 100%; height: 60px;}

div.filters {margin-bottom:10px;}
a.filter {display:inline-block;padding:10px;margin:1px;background:#6fcac7;color:#fff;border-radius: 10px;border: 1px solid #51adaa;}
a.active {background:#39aaa6; border-color:#39918e;}
.ui-accordion {min-width: 320px;max-width: 520px;}
.ui-accordion .common-form {display:flex;flex-direction: column;flex-wrap: wrap;}
.ui-accordion .form-group {display: flex;}
.ui-accordion .form-group label {width: 56px;align-self: center;}
.ui-accordion .form-group input, .ui-accordion .form-group button, .ui-accordion .form-group select {flex-grow: 1;margin: 2px 0;}
.ui-accordion .form-group button {padding: 5px}
#filter-country {height: 300px;}
#filter-source {height: 130px;}
option:checked {font-weight: bold;font-style: italic;}

.report {width:100%;margin-top: 5px;}
.report th {background: #ccc;color:#333;position: sticky;top: 0;height:28px;border-bottom:1px solid #999;z-index:1;}
.report th:first-child {border-top-left-radius: 20px;}
.report td {text-align:center;}
.report tr:hover {background: #d3f2f1 !important}
.report tr:nth-child(odd) {background: #e5e5e5}
.report tfoot td {font-weight: bold;background: #ccc;position: sticky;bottom: 0;border-top:1px solid #999;}

.hideB {position: relative;cursor: pointer;}
.hideB > span {text-decoration: underline dotted;}
.hideB > div {display:none;position:absolute;min-width: 120px;background:#f5f5f5;padding:10px;border:1px solid #999;border-radius: 10px;z-index:10;font-size: 11px !important;color: #555}
.hideB:hover > div {display: block !important;z-index:1000 !important;}

div.toList {display:inline-block;margin-bottom: 10px;position: sticky;top: 50px;width: 98%;max-width:520px;z-index:1000;}
tr.blocked {opacity: 0.25}
tr.blocked .fromList {opacity: 1}
tr.selected {font-weight: bold;}
tr.selected .fromList {font-weight: normal;}

@media screen and (max-width: 600px) {
    div.plane > div {padding:5px;}
    div.plane > div > span {font-size: 15px;}
    div.plane > div > h3 {font-size: 11px;}
    .chart {height: 80px;}
}