@font-face {
  font-family: myFirstFont;
  src: url("../Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf"); }
html, body {
  background-color: #fff; }

body {
  background-color: #fff !important;
  color: #000 !important;
  font-family: myFirstFont; }

.bg-gradient-primary {
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73dfa1 10%, #224abea3 100%);
  background-size: cover; }

.name {
  color: #000; }

.table-div {
  width: 100%;
  display: table; }
  .table-div > div {
    display: table-cell;
    vertical-align: middle; }

.pro-div .image {
  width: 150px; }

.profile-div {
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(133, 135, 150, 0.4); }
  .profile-div span {
    display: block;
    font-style: italic; }
  .profile-div label {
    color: #000;
    display: block;
    font-weight: bold;
    font-size: 15px; }

.no-dec:hover {
  text-decoration: none; }
.no-dec .card {
  position: relative;
  overflow: hidden; }
  .no-dec .card .icon {
    position: absolute;
    bottom: -5px;
    right: -2px;
    opacity: 0.7; }
    .no-dec .card .icon i {
      font-size: 32px; }
  .no-dec .card p, .no-dec .card i {
    color: #000 !important; }
  .no-dec .card i {
    opacity: 0.7; }
  .no-dec .card .fs-30 {
    font-size: 18px; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
  width: 262px;
  list-style: none;
  padding-left: 0; }
  .ui-widget.ui-widget-content li {
    padding: 0 15px; }

.at-tag {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #d1d3e2;
  margin-right: 10px; }

.n_paid {
  background-color: #ff000038; }

.paid {
  background-color: #10c21052; }

.f_paid {
  background: transparent; }

span.error-msg {
  font-size: 12px;
  color: #f00; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

.login-box {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }
  .login-box .card {
    width: 800px; }

button.btn {
  width: 100px; }

.ui-widget-content .ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.ui-widget-header .ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.ui-button .ui-icon {
  background-image: url("../img/arrow-down-sign-to-navigate.png"); }

.form-control {
  padding: 10px 12px !important;
  height: auto; }

label.error {
  font-size: 12px !important;
  color: red;
  font-weight: normal; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
  border-radius: 0; }

.nav li a i {
  margin-right: 8px;
  width: 20px; }

.box {
  background: #d3d3d35c;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  padding: 10px;
  min-height: 202px; }
  .box h4 {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4e73df;
    font-size: 24px;
    color: #fff; }
  .box span {
    word-wrap: break-word;
    font-size: 16px;
    font-weight: bold; }

.tag {
  font-size: 18px !important; }

.input-group-append {
  position: absolute;
  height: 42px; }
  .input-group-append button {
    height: 42px !important; }

tr.not_checkout {
  background-color: #e08080 !important; }

.t-danger {
  background-color: #AB2E3C !important; }

.t-warning {
  background-color: #FFC107 !important; }

.t-info {
  background-color: #9FCC2E !important; }

.gj-datepicker-bootstrap {
  width: 85%; }

.mt-2 {
  margin-top: 10px; }

.mb-2 {
  margin-bottom: 10px; }

.mt-3 {
  margin-top: 15px; }

.mb-3 {
  margin-bottom: 15px; }

.collapse-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none; }

.nav-link {
  position: relative; }
  .nav-link .ab {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg); }
  .nav-link.collapsed .ab {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0); }

.collapse a {
  text-decoration: none !important; }
  .collapse a:hover {
    background-color: #eee; }
.collapse li.active {
  background-color: #eee; }

.up-file {
  padding-top: 100px;
  text-align: center; }

input[type="file"] {
  margin: auto;
  padding: 5px 10px;
  border: 2px dashed #99c793;
  background-color: #fff;
  transition: border-color .25s ease-in-out; }
  input[type="file"]::file-selector-button {
    padding: 1em 1.5em;
    border-width: 0;
    border-radius: 2em;
    background-color: #99c793;
    color: #fff;
    transition: all .25s ease-in-out;
    cursor: pointer;
    margin-right: 1em; }

.t-btn {
  border-radius: 30px;
  padding: 10px 40px;
  width: 180px !important; }

.hi-auto {
  min-height: auto !important; }

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