body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 10px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.content {
  min-height: 250px;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ecf0f5 !important;
  margin-top: -11px;
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: transparent !important;
  color: #fff;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

label {
  margin: 0.5rem 0 !important;
}
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
  top: 0.8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}

.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

[colorbox] {
  background-color: #d4e0f2;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;

  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  /* -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  /* transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
  /* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
}
.login_btn {
  color: #fff;
  background-color: #06223b;
  width: 100px;
}
.modal-backdrop {
  position: inherit;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.login_btn:hover {
  color: #fff;
}
label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 500 !important;
}

@media (min-width: 1200px) {
  .field {
    position: relative;
    margin-top: 15px;
  }

  input:focus ~ label,
  input:not(:placeholder-shown) ~ label {
    top: -18px;
    font-size: 12px;
    background-color: white;
    color: #367fa9;
  }

  .input-group input:focus ~ label,
  input:not(:placeholder-shown) ~ label {
    top: -22px;
    font-size: 12px;
    background-color: white;
    color: #367fa9;
  }
  textarea:focus ~ label,
  textarea:not(:placeholder-shown) ~ label {
    top: -18px;
    font-size: 12px;
    background-color: white;
    color: #367fa9;
  }

  select:focus ~ label,
  select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 12px;
    background-color: white;
    color: brown;
  }

  label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: -5px;
    transition: 0.2s ease all;
    font-size: 15px;
  }
  .input-group label {
    left: 47px;
  }
}