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

/*--------------------------BOOTSTRAP-----------------------------------------*/
: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; }

.her{height:24px;width:24px; margin: 0px 9px 0 -16px;
  display: inline;
  float: left;}

.btn
{
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.56rem 1.375rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
  .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #1f28d8;
    border-color: #1e26cc; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(70, 77, 228, 0.5); }
  .btn-secondary:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #b2c7f5;
    border-color: #a6bff4; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(223, 232, 251, 0.5); }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #32b593;
    border-color: #2fab8b; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(76, 206, 172, 0.5); }

.btn-info {
  color: #fff;
  background-color: #857bff;
  border-color: #857bff; }
  .btn-info:hover {
    color: #fff;
    background-color: #6255ff;
    border-color: #5648ff; }
  .btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5); }
  .btn-info:disabled {
    color: #fff;
    background-color: #857bff;
    border-color: #857bff; }
  .btn-info:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #5648ff;
    border-color: #4a3bff; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5); }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #ff4326;
    border-color: #ff3819; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 111, 89, 0.5); }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #ca2f28;
    border-color: #bf2c26; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(219, 80, 74, 0.5); }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #d6dde0;
    border-color: #cfd7db; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5); }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #15253b;
    border-color: #111f32; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(34, 60, 97, 0.5); }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #464de4;
    border-color: #464de4; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(70, 77, 228, 0.5); }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #dfe8fb;
    border-color: #dfe8fb; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(223, 232, 251, 0.5); }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #4CCEAC;
    border-color: #4CCEAC; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(76, 206, 172, 0.5); }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #857bff;
    border-color: #857bff; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5); }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #FF6F59;
    border-color: #FF6F59; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 111, 89, 0.5); }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #DB504A;
    border-color: #DB504A; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(219, 80, 74, 0.5); }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #f3f5f6;
    border-color: #f3f5f6; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5); }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #223C61;
    border-color: #223C61; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(34, 60, 97, 0.5); }

.btn-block {
  display: block;
  width: 100%; }

.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, .col-lg-4, .col-xl-4 {
  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; } }

.media {
  height: 65px;
  display: flex;
  align-items: flex-start; }

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

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

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

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

.btn:active:focus, .btn:focus {
  outline: 0;
  outline-offset: 0; }

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; }

p {
  font-weight: 400;
  font-size: 0.8rem; }

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; }

.stretch-card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch; }
  .stretch-card > .card {
    width: 100%;
    min-width: 100%; }

.btn {
  font-size: 0.875rem;
  line-height: 1;
  font-family: "Open Sans", sans-serif; }
  .btn.btn-info {
    color: #fff; }

.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; }