@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #292b2c;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --white-smoke: #f3f5f6;
  --gray: #6c757d;
  --gray-light: #8ba2b5;
  --gray-lightest: #f7f7f9;
  --primary: #464de4;
  --secondary: #dfe8fb;
  --success: #4CCEAC;
  --info: #857bff;
  --warning: #FF6F59;
  --danger: #DB504A;
  --light: #f3f5f6;
  --dark: #223C61;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #223C61;
  text-align: left;
  background-color: #fff; }

.text-info {
  color: #857bff !important; }

.text-muted {
  color: #a8abad !important; }

.container-fluid {
  width: 100%;
  padding-right: 12.5px;
  padding-left: 12.5px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12.5px;
  margin-left: -12.5px; }

.col-md-6 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12.5px;
  padding-left: 12.5px; }

.main-panel {
  min-height: calc(100vh - 70px);
  width: 100%;
  padding-right: 12.5px;
  padding-left: 12.5px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .main-panel {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .main-panel {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .main-panel {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .main-panel {
      max-width: 1140px; } }

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden; }

a,
div,
h4,
span {
  text-shadow: none; }

a:active,
a:focus,
a:visited {
  outline: 0; }

a, a:active, a:checked, a:focus, a:hover, a:visited, body, div {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

a:focus {
  border-color: transparent;
  outline: none; }

:root,
body {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #fff; }

h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600; }

h4 {
  font-size: 1.13rem; }

.card-title {
  margin-bottom: 1.125rem;
}

.icon-md {
  font-size: 1.275rem; }

body,
html {
  overflow-x: hidden;
  padding-right: 0; }

*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {
  overflow: auto; }

.page-body-wrapper {
  min-height: 100vh;
  background: #1f1f1f;
  padding-left: 0;
  padding-right: 0; }

.main-panel {
  min-height: calc(100vh - 70px);
  width: 100%;
  padding-right: 12.5px;
  padding-left: 12.5px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .main-panel {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .main-panel {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .main-panel {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .main-panel {
      max-width: 1140px; } }

.content-wrapper {
  padding: 1.5rem 0;
  width: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1; }

.footer {
  background: #1f1f1f;
  padding: 20px 1rem;
  transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  border-top: 1px solid #d5dcec;
  font-size: calc(0.8rem - 0.05rem);
  font-family: "Open Sans", sans-serif; }
  .footer a {
    color: #4CCEAC;
    font-size: inherit; }
  @media (max-width: 991px) {
    .footer {
      margin-left: 0;
      width: 100%; } }

.grid-margin {
  margin-bottom: 25px; }

.card {
  border: 1px solid #343437;
  border-radius: 0px; }
  .card .card-body {
    padding: 35px 25px; }

    .tab-solid .nav-item .nav-link:nth(fist-child) {
      padding-left: 0; }

* {
  box-sizing: border-box; }
:root {
 --blue: #007bff;
 --indigo: #6610f2;
 --purple: #6f42c1;
 --pink: #e83e8c;
 --red: #dc3545;
 --orange: #fd7e14;
 --yellow: #ffc107;
 --green: #28a745;
 --teal: #20c997;
 --cyan: #17a2b8;
 --white: #fff;
 --gray: #6c757d;
 --gray-dark: #343a40;
 --primary: #007bff;
 --secondary: #6c757d;
 --success: #28a745;
 --info: #17a2b8;
 --warning: #ffc107;
 --danger: #dc3545;
 --light: #f8f9fa;
 --dark: #343a40;
 --breakpoint-xs: 0;
 --breakpoint-sm: 576px;
 --breakpoint-md: 768px;
 --breakpoint-lg: 992px;
 --breakpoint-xl: 1200px;
 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
 box-sizing: border-box
}

html {
 font-family: sans-serif;
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 -ms-overflow-style: scrollbar;
 -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
 width: device-width
}

body {
 margin: 0;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #fff;
 text-align: left;
 background-color: #fff
}

h4 {
 margin-top: 0;
 margin-bottom: .5rem
}

a {
 color: #007bff;
 text-decoration: none;
 background-color: transparent;
 -webkit-text-decoration-skip: objects
}

a:hover {
 color: #0056b3;
 text-decoration: underline
}

::-webkit-file-upload-button {
 font: inherit;
 -webkit-appearance: button
}

h4 {
 margin-bottom: .5rem;
 font-family: inherit;
 font-weight: 500;
 line-height: 1.2;
 color: inherit
}

h4 {
 font-size: 1.5rem
}

.container-fluid {
 width: 100%;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto
}

.row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px
}

.col-md-6 {
 position: relative;
 width: 100%;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px
}

@media (min-width:768px) {
 .col-md-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%
 }
}

.navbar-toggler:not(:disabled):not(.disabled) {
 cursor: pointer
}

.card {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: #343437;
 background-clip: border-box;
 border: 1px solid rgba(0, 0, 0, .125);
 border-radius: .25rem
}

.card-body {
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 padding: 1.25rem
}

.card-title {
 margin-bottom: .75rem
}

.page-link:not(:disabled):not(.disabled) {
 cursor: pointer
}

.media-body {
 -ms-flex: 1;
 flex: 1
}

.close:not(:disabled):not(.disabled) {
 cursor: pointer
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}

.clearfix::after {
 display: block;
 clear: both;
 content: ""
}

.d-block {
 display: block!important
}

.d-flex {
 display: -ms-flexbox!important;
 display: flex!important
}

@media (min-width:576px) {
 .d-sm-inline-block {
   display: inline-block!important
 }
}

.align-self-start {
 -ms-flex-item-align: start!important;
 align-self: flex-start!important
}

@supports ((position:-webkit-sticky) or (position:sticky)) {}

.mr-3 {
 margin-right: 1rem!important
}

.text-center {
 text-align: center!important
}

@media (min-width:576px) {
 .text-sm-left {
   text-align: left!important
 }
}

.text-info {
 color: #17a2b8!important
}

.text-muted {
 color: #6c757d!important
}

@media print {
 *,
 ::after,
 ::before {
   text-shadow: none!important;
   box-shadow: none!important
 }
 a:not(.btn) {
   text-decoration: underline
 }
 @page {
   size: a3
 }
 body {
   min-width: 992px!important
 }
}