#brand,
.box-group-icon,
.box-group>div,
input {
 vertical-align:middle
}
#notify,
.group-item,
input {
 box-sizing:border-box
}
.box-group-icon,
body,
button {
 /*! line-height:1.5; */
}
#notify,
.btn:hover {
 box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(166,166,166,.15)
}
.input-group::after,
.row::after {
 content:"";
 clear:both
}
body {
 font-family:-apple-system,BlinkMacSystemFont,"segoe ui",Roboto,"helvetica neue",Arial,sans-serif,"apple color emoji","segoe ui emoji","segoe ui symbol";
 font-size:13px;
 font-weight:400;
 color:#e4e7ea;
 text-align:left;
 background-color:#2f353a;
 margin:0
}
#brand,
.modal-window header,
.text-bold {
 font-weight:700
}
.navbar-left a,
.navbar-right a {
 color:#e4e7ea;
 text-align:center;
 padding:14px 16px;
 transition:.3s;
 display:block;
 text-decoration:none
}
input {
 margin:auto;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box
}
.footer {
 position:absolute;
 bottom:0;
 width:100%;
 height:60px;
 background:#6cf
}
#notify,
.navbar,
.sidenav {
 position:fixed
}
.plch-center::-webkit-input-placeholder {
 text-align:center
}
.plch-center:-moz-placeholder {
 text-align:center
}
::-webkit-scrollbar {
 width:10px;
 height:10px
}
::-webkit-scrollbar-track {
 background:#3a4149;
 border:1px solid #2f353a
}
::-webkit-scrollbar-thumb {
 background:#343b41;
 border:1px solid #2f353a
}
::-webkit-scrollbar-corner {
 background:#3a4149
}
::-webkit-scrollbar-track-piece the {
 background:#3a4149
}
::-webkit-resizer {
 background:#3a4149
}
.navbar {
 overflow:hidden;
 background-color:#3a4149;
 z-index:9;
 top:0;
 width:100%;
 height:42px;
 border-bottom:1px solid #23282c
}
.dropd,
.ses {
 border:none
}
.navbar-left a {
 float:left;
 font-size:16px
}
.dropd,
.navbar-right a,
.ses {
 font-size:14px
}
.navbar-right a {
 float:right
}
.navbar a:hover {
 color:#fff
}
.navbar-hover:hover {
 background-color:#2f353a
}
.ses {
 float:right;
 background-color:#3a4149;
 color:#f2f2f2;
 height:30px
}
.dropd {
 float:right;
 background-color:#343b41;
 color:#e4e7ea;
 border-radius:3px
}
.spa {
 border-bottom:1px solid #23282c
}
.sidenav {
 height:100%;
 width:0;
 z-index:9;
 top:0;
 left:0;
 background-color:#3a4149;
 overflow-x:hidden;
 margin-top:51px;
 border-right:1px solid #23282c;
 transition:.5s
}
.dropdown-btn,
.sidenav a {
 text-decoration:none;
 font-size:14px;
 color:#e4e7ea;
 display:block;
 border:none;
 background-color:none;
 width:90%;
 text-align:left;
 cursor:pointer;
 outline:0;
 transition:.5s;
 padding-right:10px;
 margin:5px 0 5px 5px
}
.sidenav i {
 font-size:20px;
 margin-right:2px;
 padding:7px 0 7px 7px
}
.dropdown-btn:hover,
.sidenav a:hover {
 color:#f1f1f1;
 background-color:#20a8d8;
 border-radius:5px
}
.active {
 background:#343b41;
 border-radius:5px
}
.dropdown-container {
 display:none;
 transition:.5s
}
.dropdown-container i {
 padding-left:20px
}
.menu-open {
 display:block
}
#notify,
#temp {
 display:none
}
.fa-caret-down,
.fa-caret-left {
 float:right;
 color:#ccc
}
[class*=col-],
[class*=input-group-] {
 float:left
}
#notify {
 background-color:rgba(58,65,73,.6);
 color:#fff;
 border:1px solid #c1c1c1;
 width:200px;
 left:50%;
 margin-left:-100px;
 padding:6px 8px 8px;
 text-align:center;
 border-radius:3px
}
.box,
.card {
 background-color:#3a4149
}
.bg-danger,
.bg-info,
.bg-primary,
.bg-secondary,
.bg-success,
.bg-warning,
.box,
.box a {
 color:#f3f4f5
}
.wraprer {
 width:100%
}
#main {
 transition:margin-left .5s;
 margin-top:55px
}
.main-container {
 /*! padding:5px 5px 5px 7px; */
}
#brand {
 min-width:165px
}
#brand span {
 font-size:18px;
 line-height:10%
}
.chart {
 height:200px;
 margin:0 auto
}
.progress-bar,
.progress-bar-blue,
.progress-bar-red {
 height:10px;
 max-width:100%
}
.box {
 padding:10px;
 margin:5px;
 border-radius:3px
}
.box a {
 text-decoration:none
}
.box h1,
h3 {
 padding:0;
 margin:0
}
.box-bordered {
 border:1px solid #23282c
}
.box-group-icon,
.btn {
 border:1px solid transparent
}
.bmh-50 {
 min-height:50px
}
.bmh-55 {
 min-height:55px
}
.bmh-60 {
 min-height:60px
}
.bmh-65 {
 min-height:65px
}
.bmh-70 {
 min-height:70px
}
.bmh-75 {
 min-height:75px;
}
.bmh-80 {
 min-height:80px
}
.bmh-85 {
 min-height:85px
}
.bmh-90 {
 min-height:90px
}
.bmh-95 {
 min-height:95px
}
.bmh-100 {
 min-height:100px
}
.box-group>div {
 display:table-cell
}
.box-group-icon {
 font-size:40px;
 display:inline-block;
 text-align:center;
 text-decoration:none;
 white-space:nowrap;
 width:25%;
 user-select:none;
 padding:5px 10px;
 margin:5px;
 border-radius:5px
}
.box-group-area {
 padding:5px
}
.login-box,
.register-box {
 width:400px;
 margin:10px auto;
 padding-top:10%
}
@media (max-width:576px) {
 .login-box,
 .register-box {
  width:95%;
  margin-top:20px;
  padding-top:2%
 }
}
.settings {
 width:66.66%;
 margin-top:5%;
 margin-left:auto;
 margin-right:auto
}
@media (max-width:750px) {
 .settings {
  width:95%;
  margin-top:5px
 }
}
.card {
 margin:5px;
 border-radius:3px;
 border:1px solid #23282c
}
.card a {
 text-decoration:none
}
.card h3 {
 margin:0
}
.card-header {
 padding:5px 10px;
 margin-bottom:5px;
 border-bottom:1px solid #23282c;
 background-color:#343b41;
 border-radius:2px 2px 0 0
}
.card-body {
 padding:5px 10px;
 /*! margin-bottom:10px; */
}
.card-footer a {
 padding:0 0 5px;
 margin-top:5px;
 min-height:20px
}
.btn,
.btn-login {
 display:inline-block;
 user-select:none;
 padding:3px 10px;
 vertical-align:middle;
 text-align:center;
 white-space:nowrap;
 cursor:pointer;
 text-decoration:none
}
.overflow {
 overflow-x:auto;
 overflow-y:auto;
 max-height:80vh
}
button {
 text-decoration:none;
 display:inline-block;
 border:none;
 background-color:none;
 font-size:14px
}
.btn {
 margin:5px;
 border-radius:5px
}
.btn-login:hover,
.form-control:focus,
.group-item:focus {
 box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(0,123,255,.25)
}
.btn-login {
 border:1px solid transparent;
 border-radius:5px
}
.group-item,
.table td,
.table th {
 padding:5px
}
[class*=bg-] {
 text-decoration:none
}
.bg-primary {
 background-color:#20a8d8
}
.bg-secondary {
 background-color:#73818f
}
.bg-success {
 background-color:#4dbd74
}
.bg-info {
 background-color:#63c2de
}
.bg-warning {
 background-color:#ffc107
}
.bg-danger {
 background-color:#f86c6b
}
.bg-light {
 background-color:#f3f4f5;
 color:#2f353a
}
.bg-blue,
.bg-cyan,
.bg-dark,
.bg-green,
.bg-indigo,
.bg-orange,
.bg-pink,
.bg-purple,
.bg-teal,
.bg-yellow {
 color:#f3f4f5
}
.bg-dark {
 background-color:#2f353a
}
.bg-blue {
 background-color:#20a8d8
}
.bg-indigo {
 background-color:#6610f2
}
.bg-purple {
 background-color:#6f42c1
}
.bg-pink {
 background-color:#e83e8c
}
.bg-red {
 background-color:#f86c6b;
 color:#f3f4f5;
}
.bg-orange {
 background-color:#f8cb00
}
.bg-yellow {
 background-color:#ffc107
}
.bg-green {
 background-color:#4dbd74
}
.bg-teal {
 background-color:#20c997
}
.bg-cyan {
 background-color:#17a2b8
}
.bg-white {
 background-color:#fff;
 color:#2f353a
}
.bg-grey {
 background-color:#73818f;
 color:#f3f4f5
}
.bg-grey-dark {
 background-color:#2f353a;
 color:#f3f4f5
}
.bg-light-blue {
 background-color:#63c2de;
 color:#f3f4f5
}
[class*=text-] {
 text-decoration:none
}
.text-primary {
 color:#20a8d8
}
.text-secondary {
 color:#73818f
}
.text-success {
 color:#4dbd74
}
.text-info {
 color:#63c2de
}
.text-warning {
 color:#ffc107
}
.text-danger {
 color:#f86c6b
}
.text-light {
 color:#f3f4f5
}
.text-dark {
 color:#2f353a
}
.text-blue {
 color:#20a8d8
}
.text-indigo {
 color:#6610f2
}
.text-purple {
 color:#6f42c1
}
.text-pink {
 color:#e83e8c
}
.text-red {
 color:#f86c6b
}
.text-orange {
 color:#f8cb00
}
.text-yellow {
 color:#ffc107
}
.text-green {
 color:#4dbd74
}
.text-teal {
 color:#20c997
}
.text-cyan {
 color:#17a2b8
}
.text-white {
 color:#fff
}
.text-grey {
 color:#73818f
}
.text-grey-dark {
 color:#2f353a
}
.text-light-blue {
 color:#63c2de
}
.align-middle {
 vertical-align:middle
}
.text-center {
 text-align:center
}
.text-right {
 text-align:right
}
.text-left {
 text-align:left
}
.text-nowrap {
 white-space:nowrap
}
.row::after {
 display:table
}
.col-1 {
 width:8.33%
}
.col-2 {
 width:16.66%
}
.col-3 {
 width:25%
}
.col-4 {
 width:33.33%
}
.col-5 {
 width:41.66%
}
.col-6 {
 width:50%
}
.col-7 {
 width:58.33%
}
.col-8 {
 width:66.66%
}
.col-9 {
 width:75%
}
.col-10 {
 width:83.33%
}
.col-11 {
 width:91.66%
}
.col-12 {
 width:100%
}
.w-1 {
 width:8.33%
}
.w-2 {
 width:16.66%
}
.w-3 {
 width:25%
}
.w-4 {
 width:33.33%
}
.w-5 {
 width:41.66%
}
.w-6 {
 width:50%
}
.w-7 {
 width:58.33%
}
.w-8 {
 width:66.66%
}
.w-9 {
 width:75%
}
.w-10 {
 width:83.33%
}
.w-11 {
 width:91.66%
}
.progress,
.table,
.w-12 {
 width:100%
}
.progress {
 background-color:#2f353a;
 border-radius:5px
}
.progress-bar {
 background-color:#f3f4f5;
 border-radius:5px
}
.progress-bar-blue {
 background-color:#20a8d8;
 border-radius:5px
}
.progress-bar-red {
 background-color:#f86c6b;
 border-radius:5px
}
.table {
 border-collapse:collapse!important
}
.table td,
a,
th {
 color:#f3f4f5;
 text-decoration:none
}
.table-bordered td,
.table-bordered th {
 border:1px solid #2f353a!important
}
.table-hover:hover tbody tr:hover {
 background-color:#343b41
}
.tscroll tbody {
 display:block;
 overflow:auto;
 height:70vh
}
.tscroll thead {
 position:relative;
 display:block
}
.input-group::after {
 display:table
}
.form-control,
.group-item {
 display:block;
 font-size:14px;
 background-color:#2f353a;
 color:#f3f4f5
}
.input-group-1 {
 width:8.33%
}
.input-group-2 {
 width:16.66%
}
.input-group-3 {
 width:25%
}
.input-group-4 {
 width:33.33%
}
.input-group-5 {
 width:41.66%
}
.input-group-6 {
 width:50%
}
.input-group-7 {
 width:58.33%
}
.input-group-8 {
 width:66.66%
}
.input-group-9 {
 width:75%
}
.input-group-10 {
 width:83.33%
}
.input-group-11 {
 width:91.66%
}
.alert,
.group-item,
.input-group-12 {
 width:100%
}
.group-item {
 border:1px solid #23282c;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box
}
.group-item-l {
 border-radius:3px 0 0 3px
}
.group-item-r {
 border-radius:0 3px 3px 0
}
.group-item-md {
 border-radius:none
}
.group-item:focus {
 color:#f3f4f5;
 border-color:#80bdff;
 outline:0
}
.group-item::placeholder {
 color:#f3f4f5;
 opacity:1
}
.radius-l-3 {
 border-radius:3px 0 0 3px
}
.radius-r-3 {
 border-radius:0 3px 3px 0
}
.radius-b-3 {
 border-radius:0 0 3px 3px
}
.radius-3 {
 border-radius:3px
}
.radius-l-5 {
 border-radius:5px 0 0 5px
}
.radius-r-5 {
 border-radius:0 5px 5px 0
}
.radius-5 {
 border-radius:5px
}
.alert {
 padding:5px 0;
 border-radius:3px
}
.pd-2 {
 padding:2px
}
.pd-2p5 {
 padding:2.5px
}
.pd-3 {
 padding:3px
}
.pd-3p5 {
 padding:3.5px
}
.pd-4 {
 padding:4px
}
.pd-4p5 {
 padding:4.5px
}
.pd-5 {
 padding:5px
}
.pd-5p5 {
 padding:5.5px
}
.pd-6 {
 padding:6px
}
.pd-7 {
 padding:7px
}
.pd-8 {
 padding:8px
}
.pd-9 {
 padding:9px
}
.pd-10 {
 padding:10px
}
.pd-t-2 {
 padding-top:2px
}
.pd-t-3 {
 padding-top:3px
}
.pd-t-4 {
 padding-top:4px
}
.pd-t-5 {
 padding-top:5px
}
.pd-t-6 {
 padding-top:6px
}
.pd-t-7 {
 padding-top:7px
}
.pd-t-8 {
 padding-top:8px
}
.pd-t-9 {
 padding-top:9px
}
.pd-t-10 {
 padding-top:10px
}
.pd-b-2 {
 padding-bottom:2px
}
.pd-b-3 {
 padding-bottom:3px
}
.pd-b-4 {
 padding-bottom:4px
}
.pd-b-5 {
 padding-bottom:5px
}
.pd-b-6 {
 padding-bottom:6px
}
.pd-b-7 {
 padding-bottom:7px
}
.pd-b-8 {
 padding-bottom:8px
}
.pd-b-9 {
 padding-bottom:9px
}
.pd-b-10 {
 padding-bottom:10px
}
.pd-r-2 {
 padding-right:2px
}
.pd-r-3 {
 padding-right:3px
}
.pd-r-4 {
 padding-right:4px
}
.pd-r-5 {
 padding-right:5px
}
.pd-r-6 {
 padding-right:6px
}
.pd-r-7 {
 padding-right:7px
}
.pd-r-8 {
 padding-right:8px
}
.pd-r-9 {
 padding-right:9px
}
.pd-r-10 {
 padding-right:10px
}
.pd-l-2 {
 padding-left:2px
}
.pd-l-3 {
 padding-left:3px
}
.pd-l-4 {
 padding-left:4px
}
.pd-l-5 {
 padding-left:5px
}
.pd-l-6 {
 padding-left:6px
}
.pd-l-7 {
 padding-left:7px
}
.pd-l-8 {
 padding-left:8px
}
.pd-l-9 {
 padding-left:9px
}
.pd-l-10 {
 padding-left:10px
}
.mr-a {
 margin:auto
}
.mr-2 {
 margin:2px
}
.mr-3 {
 margin:3px
}
.mr-4 {
 margin:4px
}
.mr-5 {
 margin:5px
}
.mr-6 {
 margin:6px
}
.mr-7 {
 margin:7px
}
.mr-8 {
 margin:8px
}
.mr-9 {
 margin:9px
}
.mr-10 {
 margin:10px
}
.mr-t-2 {
 margin-top:2px
}
.mr-t-3 {
 margin-top:3px
}
.mr-t-4 {
 margin-top:4px
}
.mr-t-5 {
 margin-top:5px
}
.mr-t-6 {
 margin-top:6px
}
.mr-t-7 {
 margin-top:7px
}
.mr-t-8 {
 margin-top:8px
}
.mr-t-9 {
 margin-top:9px
}
.mr-t-10 {
 margin-top:10px
}
.mr-b-2 {
 margin-bottom:2px
}
.mr-b-3 {
 margin-bottom:3px
}
.mr-b-4 {
 margin-bottom:4px
}
.mr-b-5 {
 margin-bottom:5px
}
.mr-b-6 {
 margin-bottom:6px
}
.mr-b-7 {
 margin-bottom:7px
}
.mr-b-8 {
 margin-bottom:8px
}
.mr-b-9 {
 margin-bottom:9px
}
.mr-b-10 {
 margin-bottom:10px
}
.mr-r-2 {
 margin-right:2px
}
.mr-r-3 {
 margin-right:3px
}
.mr-r-4 {
 margin-right:4px
}
.mr-r-5 {
 margin-right:5px
}
.mr-r-6 {
 margin-right:6px
}
.mr-r-7 {
 margin-right:7px
}
.mr-r-8 {
 margin-right:8px
}
.mr-r-9 {
 margin-right:9px
}
.mr-r-10 {
 margin-right:10px
}
.mr-l-2 {
 margin-left:2px
}
.mr-l-3 {
 margin-left:3px
}
.mr-l-4 {
 margin-left:4px
}
.mr-l-5 {
 margin-left:5px
}
.mr-l-6 {
 margin-left:6px
}
.mr-l-7 {
 margin-left:7px
}
.mr-l-8 {
 margin-left:8px
}
.mr-l-9 {
 margin-left:9px
}
.mr-l-10 {
 margin-left:10px
}
.pointer {
 cursor:pointer
}
.form-control {
 width:100%;
 padding:5px;
 border:1px solid #23282c;
 border-radius:3px;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box
}
.form-control:focus {
 color:#f3f4f5;
 border-color:#80bdff;
 outline:0
}
.form-control::placeholder {
 color:#f3f4f5;
 opacity:1
}
.modal-window {
 position:fixed;
 background-color:rgba(0,0,0,.15);
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:999;
 opacity:0;
 pointer-events:none;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 border-radius:5px
}
.modal-window:target {
 opacity:1;
 pointer-events:auto
}
.modal-window>div {
 width:33.33%;
 position:relative;
 margin:10% auto;
 padding:1rem;
 background:#3a4149;
 color:#f3f4f5;
 border-radius:3px;
 border:1px solid #23282c
}
.modal-close {
 color:#2f353a;
 line-height:25px;
 position:absolute;
 right:0;
 text-align:center;
 top:0;
 width:50px;
 text-decoration:none;
 background-color:#f86c6b;
 border-top-right-radius:3px;
 border-bottom-left-radius:3px
}
.modal-close:hover {
 color:#fff
}
.modal-window h1 {
 font-size:150%;
 margin:0 0 15px
}
@media screen and (min-width:750px) {
 .sidenav {
  width:210px
 }
 #main {
  margin-left:210px
 }
 #openNav {
  display:none
 }
 #shareWA {
  display:inline-block
 }
 #closeNav {
  display:block
 }
}
@media screen and (max-width:750px) {
 .sidenav {
  width:0;
  border-right:0
 }
 #brand,
 #closeNav,
 #cpage {
  display:none
 }
 #main {
  margin-left:0
 }
 #openNav {
  display:block
 }
 #shareWA {
  display:inline-block
 }
 .modal-window>div {
  width:80%
 }
 [class*=col-] {
  width:100%
 }
 .col-box-1 {
  width:8.33%
 }
 .col-box-2 {
  width:16.66%
 }
 .col-box-3 {
  width:25%
 }
 .col-box-4 {
  width:33.33%
 }
 .col-box-5 {
  width:41.66%
 }
 .col-box-6 {
  width:50%
 }
 .col-box-7 {
  width:58.33%
 }
 .col-box-8 {
  width:66.66%
 }
 .col-box-9 {
  width:75%
 }
 .col-box-10 {
  width:83.33%
 }
 .col-box-11 {
  width:91.66%
 }
 .col-box-12 {
  width:100%
 }
}
.lds-dual-ring {
 display:inline-block;
 width:64px;
 height:64px;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-50px;
 margin-left:-50px
}
.lds-dual-ring:after {
 content:" ";
 display:block;
 width:46px;
 height:46px;
 margin:1px;
 border-radius:50%;
 border:5px solid #e4e7ea;
 border-color:#e4e7ea transparent;
 animation:lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
.cm-s-material.CodeMirror {
 background-color:#263238;
 color:rgba(233,237,237,1)
}
.cm-s-material .CodeMirror-gutters {
 background:#263238;
 color:#537f7e;
 border:none
}
.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
 color:#537f7e
}
.cm-s-material .CodeMirror-cursor {
 border-left:1px solid #f8f8f0
}
.cm-s-material div.CodeMirror-selected {
 background:rgba(255,255,255,.15)
}
.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
 background:rgba(255,255,255,.1)
}
.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
 background:rgba(255,255,255,.1)
}
.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
 background:rgba(255,255,255,.1)
}
.cm-s-material .CodeMirror-activeline-background {
 background:rgba(0,0,0,0)
}
.cm-s-material .cm-keyword {
 color:rgba(199,146,234,1)
}
.cm-s-material .cm-operator {
 color:rgba(233,237,237,1)
}
.cm-s-material .cm-variable-2 {
 color:#80CBC4
}
.cm-s-material .cm-builtin {
 color:#DECB6B
}
.cm-s-material .cm-atom,
.cm-s-material .cm-number {
 color:#F77669
}
.cm-s-material .cm-def {
 color:rgba(233,237,237,1)
}
.cm-s-material .cm-string {
 color:#C3E88D
}
.cm-s-material .cm-string-2 {
 color:#80CBC4
}
.cm-s-material .cm-comment {
 color:#546E7A
}
.cm-s-material .cm-variable {
 color:#82B1FF
}
.cm-s-material .cm-meta,
.cm-s-material .cm-tag {
 color:#80CBC4
}
.cm-s-material .cm-attribute {
 color:#FFCB6B
}
.cm-s-material .cm-property {
 color:#80CBAE
}
.cm-s-material .cm-qualifier,
.cm-s-material .cm-type,
.cm-s-material .cm-variable-3 {
 color:#DECB6B
}
.cm-s-material .cm-tag {
 color:rgba(255,83,112,1)
}
.cm-s-material .cm-error {
 color:rgba(255,255,255,1);
 background-color:#EC5F67
}
.cm-s-material .CodeMirror-matchingbracket {
 text-decoration:underline;
 color:#fff!important
}