@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,700,700i&subset=latin-ext");
body {
  font-family: 'Arial', sans-serif;
  background: #f8f9ff;
  font-size: 0.9375em;
  color: #232323; }

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  color: #f2b200;
  text-decoration: none;
  transition: 0.2s all; }
  a:hover {
    text-decoration: none;
    color: #d77100; }
  a.social-link {
    color: #656660; }

p {
  font-size: 0.875em;
  margin-bottom: 5px; }

dl, dt, dd {
  font-size: 0.9375em; }

table.table-striped td, table.table-striped th {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 15px 10px;
  white-space: nowrap; }
table.table-striped thead th {
  border: none;
  font-weight: 400;
  text-align: center;
  color: #232323; }
  table.table-striped thead th:first-child {
    text-align: left; }
table.table-striped tbody tr:nth-of-type(2n+1) {
  background: #fbfcff; }
table.table-striped tbody td {
  text-align: center; }
  table.table-striped tbody td:first-child {
    text-align: left;
    color: #777777; }
  table.table-striped tbody td span.green {
    color: #229f00; }
  table.table-striped tbody td strong {
    color: #222222; }

.alert {
  background-color: #baf4bc;
  border-color: #94d396;
  display: flex;
  padding: 0; }
  .alert .alert-ico {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #94d396; }
    .alert .alert-ico i {
      font-size: 1.5em; }
  .alert .alert-text {
    padding: 5px 15px; }
    .alert .alert-text span {
      font-size: 0.9375em;
      margin-bottom: 0;
      display: block;
      color: #309233;
      line-height: 22px; }

.btn[class*="-primary"] {
  background: #2c39ec !important; }
.btn[class*="-secondary"] {
  background: #333742 !important; }
.btn[class*="-success"] {
  background: #229f00 !important; }
.btn[class*="-danger"] {
  background: #ff3333 !important; }
.btn[class*="-warning"] {
  background: #f2b200 !important;
  color: #FFF !important; }
.btn[class*="-info"] {
  background: #33aaff !important; }
.btn[class*="-light"] {
  background: #fff; }
.btn[class*="-dark"] {
  background: #181818 !important;
  color: #FFF; }
.btn[class*="-outline"] {
  background: transparent !important;
  border: 1px solid !important; }
.btn[class*="-outline-primary"] {
  border-color: #2c39ec !important;
  color: #2c39ec !important; }
.btn[class*="-outline-secondary"] {
  border-color: #333742 !important;
  color: #333742 !important; }
.btn[class*="-outline-success"] {
  border-color: #229f00 !important;
  color: #229f00 !important; }
.btn[class*="-outline-danger"] {
  border-color: #ff3333 !important;
  color: #ff3333 !important; }
.btn[class*="-outline-warning"] {
  border-color: #f2b200 !important;
  color: #f2b200 !important; }
.btn[class*="-outline-info"] {
  border-color: #33aaff !important;
  color: #33aaff !important; }
.btn[class*="-outline-light"] {
  border-color: #868686 !important;
  color: #868686 !important; }
.btn[class*="-outline-dark"] {
  border-color: #181818 !important;
  color: #181818 !important; }

[class*="bg-"].bg-primary {
  background: #2c39ec !important; }
[class*="bg-"].bg-secondary {
  background: #333742 !important; }
[class*="bg-"].bg-success {
  background: #229f00 !important; }
[class*="bg-"].bg-warning {
  background: #f2b200 !important; }
[class*="bg-"].bg-danger {
  background: #ff3333 !important; }
[class*="bg-"].bg-info {
  background: #33aaff !important; }
[class*="bg-"].bg-light {
  background: #868686 !important; }
[class*="bg-"].bg-dark {
  background: #181818 !important; }

[class*="border-"].border-primary {
  border-color: #2c39ec !important; }
[class*="border-"].border-secondary {
  border-color: #333742 !important; }
[class*="border-"].border-success {
  border-color: #229f00 !important; }
[class*="border-"].border-warning {
  border-color: #f2b200 !important; }
[class*="border-"].border-danger {
  border-color: #ff3333 !important; }
[class*="border-"].border-info {
  border-color: #33aaff !important; }
[class*="border-"].border-light {
  border-color: #868686 !important; }
[class*="border-"].border-dark {
  border-color: #181818 !important; }

[class*="text-"].text-primary {
  color: #2c39ec !important; }
[class*="text-"].text-secondary {
  color: #333742 !important; }
[class*="text-"].text-success {
  color: #229f00 !important; }
[class*="text-"].text-warning {
  color: #f2b200 !important; }
[class*="text-"].text-danger {
  color: #ff3333 !important; }
[class*="text-"].text-info {
  color: #33aaff !important; }
[class*="text-"].text-light {
  color: #868686 !important; }
[class*="text-"].text-dark {
  color: #181818 !important; }

.badge.badge-primary {
  color: #FFF !important;
  background-color: #2c39ec !important; }
.badge.badge-secondary {
  color: #FFF !important;
  background-color: #333742 !important; }
.badge.badge-success {
  color: #FFF !important;
  background-color: #229f00 !important; }
.badge.badge-warning {
  color: #FFF !important;
  background-color: #f2b200 !important; }
.badge.badge-danger {
  color: #FFF !important;
  background-color: #ff3333 !important; }
.badge.badge-info {
  color: #FFF !important;
  background-color: #33aaff !important; }
.badge.badge-light {
  color: #FFF !important;
  background-color: #868686 !important; }
.badge.badge-dark {
  color: #FFF !important;
  background-color: #181818 !important; }

.list-group .list-group-item.list-group-item-primary {
  background-color: #2c39ec !important;
  border-color: #2c39ec !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-secondary {
  background-color: #333742 !important;
  border-color: #333742 !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-success {
  background-color: #229f00 !important;
  border-color: #229f00 !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-danger {
  background-color: #ff3333 !important;
  border-color: #ff3333 !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-warning {
  background-color: #f2b200 !important;
  border-color: #f2b200 !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-info {
  background-color: #33aaff !important;
  border-color: #33aaff !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-light {
  background-color: #868686 !important;
  border-color: #868686 !important;
  color: #FFF; }
.list-group .list-group-item.list-group-item-dark {
  background-color: #181818 !important;
  border-color: #181818 !important;
  color: #FFF; }

.bg-none {
  background-color: transparent !important; }

.card {
  margin-bottom: 25px;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0px 13px 0 rgba(33, 37, 41, 0.1);
  -moz-box-shadow: 0 0px 13px 0 rgba(33, 37, 41, 0.1);
  box-shadow: 0 0px 13px 0 rgba(33, 37, 41, 0.1); }
  .card .card-header {
    border-bottom: 1px solid #656660;
    margin: 0 20px;
    padding: 15px 0;
    background-color: transparent;
    color: #656660;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .card .card-footer {
    border-top: 1px solid #656660;
    margin: 0 20px;
    padding: 15px 0;
    background-color: transparent;
    color: #656660;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .card .card-body h5,
  .card .card-body h6 {
    color: #656660; }
    .card .card-body h5.card-title, .card .card-body h5.card-subtitle,
    .card .card-body h6.card-title,
    .card .card-body h6.card-subtitle {
      font-weight: 300; }
  .card .card-body p.card-text {
    color: #656660; }
  .card .card-body h5.card-title {
    font-size: 1em; }
  .card .card-body h6.card-subtitle {
    font-size: 0.875em; }
  .card .card-img-top {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .card .card-icons {
    position: absolute;
    top: -15px;
    width: 90px;
    height: auto;
    background: #f2b200;
    text-align: center;
    padding: 15px 0;
    -webkit-border-radius: 15px 15px 25px 0;
    -moz-border-radius: 15px 15px 25px 0;
    border-radius: 15px 15px 25px 0; }
    .card .card-icons i.fa {
      color: #fff; }
  .card .card-title-img {
    text-align: center; }
    .card .card-title-img img {
      width: 110px;
      height: 110px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2); }

.card-box-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px; }

button {
  outline: none; }
  button:focus {
    outline: none; }

.btn {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-size: 0.875em;
  border: none; }
  .btn:focus {
    box-shadow: none; }
  .btn.btn-round {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; }
  .btn.btn-primary {
    background-color: #2c39ec; }
  .btn.btn-warning {
    background-color: #f2b200; }
  .btn.btn-140 {
    width: 140px; }
  .btn.btn-200 {
    width: 200px;
    text-align: left; }
    .btn.btn-200:after {
      float: right;
      font-size: 1.125em;
      margin-top: 8px; }

.login-box-container {
  height: 100vh; }
  @media (max-height: 600px) {
    .login-box-container {
      height: auto;
      margin-top: 25px; } }

.login-box {
  width: 820px;
  min-height: 200px; }
  .login-box .logo {
    background-color: #1d31a9;
    padding: 10px 0;
    text-align: center; }
  .login-box form {
    padding: 50px;
    /* Customize the label (the container) */ }
    .login-box form .form-group > label {
      font-family: 'Questrial', sans-serif;
      color: #232323; }
    .login-box form .form-group .form-control {
      color: #777777;
      font-family: 'Didact Gothic', sans-serif;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      padding: 22px 25px 25px;
      font-size: 0.9375em; }
    .login-box form .btn {
      height: 50px;
      font-family: 'Questrial', sans-serif; }
    .login-box form .container {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 16px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #777777;
      font-family: 'Didact Gothic', sans-serif; }
      .login-box form .container .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #b9b9b9;
        border: 1px solid #c3c3c3;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        .login-box form .container .checkmark:after {
          content: "";
          position: absolute;
          display: none; }
      .login-box form .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
        .login-box form .container input:checked ~ .checkmark {
          background-color: #d6d6d6; }
        .login-box form .container input:checked ~ .checkmark:after {
          display: block; }
      .login-box form .container::hover input ~ .checkmark {
        background-color: #ccc; }
    .login-box form .container .checkmark:after {
      left: 6px;
      top: 2px;
      width: 7px;
      height: 12px;
      border: solid #777777;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

/*
font-family: 'Questrial', sans-serif;
font-family: 'Didact Gothic', sans-serif;
*/
/*header*/
header {
  width: 100%;
  min-height: 80px;
  padding: 0 15px;
  background: #000312;
  border-bottom: 1px solid #1a1d2a;
  position: fixed;
  z-index: 9;
  display: flex;
  align-items: center; }
  header a.logo {
    width: 300px;
    text-align: center; }
  header button.toggle-nav {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: auto;
    padding: 0; }
    header button.toggle-nav span {
      background-color: #fff;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      float: left; }
    header button.toggle-nav span:nth-child(1) {
      width: 100%; }
    header button.toggle-nav span:nth-child(2) {
      margin: 4px 0;
      width: 50%; }
    header button.toggle-nav span:nth-child(3) {
      width: 80%; }
    header button.toggle-nav:hover span {
      background: #ccc; }
  header .user-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto; }
    header .user-box .dr-profile .dropdown-menu {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      header .user-box .dr-profile .dropdown-menu .dropdown-item {
        font-size: 0.9375em;
        margin: 0;
        padding: 3px 15px; }
        header .user-box .dr-profile .dropdown-menu .dropdown-item:hover, header .user-box .dr-profile .dropdown-menu .dropdown-item:focus, header .user-box .dr-profile .dropdown-menu .dropdown-item:active {
          background: #2c39ec;
          color: #fff; }
    header .user-box a.user-profile {
      display: flex;
      align-items: center;
      margin-right: 25px; }
      header .user-box a.user-profile span.avatar {
        position: relative;
        margin-right: 10px; }
        header .user-box a.user-profile span.avatar img {
          width: 40px;
          height: 40px;
          border: 2px solid #2d3668;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
        header .user-box a.user-profile span.avatar span.status {
          position: absolute;
          top: 2px;
          right: 2px;
          width: 10px;
          height: 10px;
          border: 2px solid #000312;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
          header .user-box a.user-profile span.avatar span.status.online {
            background: #229f00; }
          header .user-box a.user-profile span.avatar span.status.offline {
            background: #ff3333; }
      header .user-box a.user-profile span.username {
        font-size: 1em;
        color: #fff; }
    header .user-box .logout-button {
      height: 36px;
      padding: 10px 0; }

@media (max-width: 767px) {
  header a.logo {
    width: 230px;
    margin-right: 25px; }

  header .user-box a.user-profile {
    margin-right: 15px; }
    header .user-box a.user-profile span.avatar {
      margin-right: 0; }
    header .user-box a.user-profile span.username {
      display: none; }

  header .user-box .logout-button {
    width: 30px;
    height: 28px;
    padding: 5px 0; }
    header .user-box .logout-button span {
      display: none; } }
@media (max-width: 480px) {
  header a.logo {
    width: 45px;
    margin-right: 15px;
    overflow: hidden; } }
/*header*/
.main-content {
  display: flex;
  overflow: hidden; }

/*.nav-sidebar*/
.nav-sidebar {
  display: flex;
  flex-wrap: wrap;
  width: 300px;
  min-height: 300px;
  height: calc(100% - 80px);
  margin-top: 80px;
  position: fixed;
  left: 0;
  z-index: 9;
  background-color: #000312; }
  .nav-sidebar ul.nav {
    margin: 15px 0;
    width: 100%; }
    .nav-sidebar ul.nav .nav-item.divider {
      padding: 10px 25px; }
      .nav-sidebar ul.nav .nav-item.divider span {
        color: #fff;
        font-size: 0.875em; }
    .nav-sidebar ul.nav .nav-link {
      color: #fff;
      font-size: 1.0625em;
      padding: 10px 25px;
      border-right: 5px solid transparent; }
      .nav-sidebar ul.nav .nav-link i {
        width: 18px;
        margin-right: 10px;
        text-align: center; }
      .nav-sidebar ul.nav .nav-link:hover, .nav-sidebar ul.nav .nav-link.active {
        background-color: #00188f;
        border-right: 5px solid #2c39ec; }
  .nav-sidebar .nav-buttons {
    padding: 15px 25px;
    width: 100%;
    text-align: center; }
    .nav-sidebar .nav-buttons .dr-lang .dropdown-menu {
      width: 200px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
      .nav-sidebar .nav-buttons .dr-lang .dropdown-menu .dropdown-item {
        font-size: 0.9375em;
        margin: 0;
        padding: 3px 15px; }
        .nav-sidebar .nav-buttons .dr-lang .dropdown-menu .dropdown-item:hover, .nav-sidebar .nav-buttons .dr-lang .dropdown-menu .dropdown-item:focus, .nav-sidebar .nav-buttons .dr-lang .dropdown-menu .dropdown-item:active {
          background: #2c39ec;
          color: #fff; }
    .nav-sidebar .nav-buttons .btn {
      margin: 10px 0;
      height: 40px;
      padding: 10px 25px; }

/*height*/
@media (max-height: 460px) {
  .nav-sidebar {
    overflow: auto; } }
/*.nav-sidebar*/
/*.mg-content*/
.mg-content {
  width: calc(100% - 300px);
  min-height: 500px;
  padding: 25px 40px;
  margin-left: 300px;
  margin-top: 80px; }

@media (max-width: 767px) {
  .mg-content {
    width: 100%;
    margin-left: 0; } }
/*.mg-content*/
/*.open-sidebar*/
.open-sidebar .nav-sidebar {
  left: -300px; }
.open-sidebar .mg-content {
  width: 100%;
  margin-left: 0px; }

.title-box h5 {
  color: #232323;
  font-size: 1.125em; }

/*.experts-box*/
.experts-box {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-end; }
  .experts-box .experts-up {
    width: 250px;
    float: right; }
    .experts-box .experts-up img {
      display: block; }
    .experts-box .experts-up span.last-update {
      padding-left: 79px;
      color: #c7c7c7;
      font-size: 1.125em; }

/*.experts-box*/
/*.statistic*/
.statistic {
  text-align: center; }
  .statistic .ico-mg {
    height: 60px; }
    .statistic .ico-mg img {
      margin: 0 auto; }
  .statistic * {
    display: block; }
  .statistic span.t-title {
    color: #777777;
    font-size: 1.25em; }
  .statistic span.t-value {
    color: #232323;
    font-size: 1.875em; }

/*.statistic*/
/*mailbox-detail*/
.mailbox-detail span.date {
  font-size: 0.9375em;
  color: #777777;
  margin: 50px 0;
  display: block; }
.mailbox-detail h4 {
  color: #232424; }
.mailbox-detail p {
  color: #777777;
  margin-bottom: 15px; }

/*mailbox-detail*/
/*sdk-detail*/
.sdk-detail p.update-date {
  font-size: 1.25em;
  margin-bottom: 0; }
.sdk-detail .detail-text h6 {
  font-weight: bold;
  font-size: 1.125em;
  line-height: 18px;
  margin-top: 25px;
  margin-bottom: 0; }
.sdk-detail .detail-text p {
  font-size: 1.125em;
  line-height: 18px; }

.download-box-container {
  width: 360px; }

.download-box {
  display: flex; }
  .download-box .device {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    min-height: 160px;
    background: #958aff; }
  .download-box .version {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 120px);
    padding-left: 15px;
    padding-right: 15px; }
    .download-box .version .version-detail {
      text-align: center;
      width: 100%; }
      .download-box .version .version-detail span {
        font-size: 1.875em;
        display: block; }

@media (max-width: 480px) {
  .download-box .device {
    width: 80px; }

  .download-box .version {
    width: calc(100% - 80px); }

  .download-box-container {
    width: 100%; } }
/*sdk-detail*/

/*# sourceMappingURL=style.css.map */