.list-unstyled,
.docuchain-app-nav,
.app-menu,
.treeview-menu {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8e2de;
}

.table-hover .table-primary:hover {
  background-color: #a6dbd6;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a6dbd6;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

/* .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
} */

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  /* padding: 0.375rem 0.75rem; */
  font-size: 0.875rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 4px;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #009688;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* select.form-control:not([size]):not([multiple]) {
  height: calc(2.0625rem + 4px);
} */

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 2px);
  padding-bottom: calc(0.375rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 2px);
  padding-bottom: calc(0.5rem + 2px);
  font-size: 1.09375rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.765625rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm
  > .input-group-prepend
  > .form-control-plaintext.input-group-text,
.input-group-sm
  > .input-group-append
  > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg
  > .input-group-prepend
  > .form-control-plaintext.input-group-text,
.input-group-lg
  > .input-group-append
  > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
  border-radius: 4px;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm
  > .input-group-prepend
  > select.input-group-text:not([size]):not([multiple]),
.input-group-sm
  > .input-group-append
  > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.6484375rem + 4px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 4px;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg
  > .input-group-prepend
  > select.input-group-text:not([size]):not([multiple]),
.input-group-lg
  > .input-group-append
  > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.640625rem + 4px);
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*='col-'] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated
  .custom-control-input:valid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}

.was-validated
  .custom-control-input:valid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow:
    0 0 0 1px #fff,
    0 0 0 0 rgba(40, 167, 69, 0.25);
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 0 rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}

.was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow:
    0 0 0 1px #fff,
    0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 0 rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle::after {
  display: none;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0 0;
  margin: 0 0 0;
  font-size: 0.875rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^='top'],
.dropdown-menu[x-placement^='right'],
.dropdown-menu[x-placement^='bottom'],
.dropdown-menu[x-placement^='left'] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 8px 20px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #009688;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0 20px;
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 8px 20px;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -2px;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -2px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -2px;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -2px;
}

.input-group-prepend {
  margin-right: -2px;
}

.input-group-append {
  margin-left: -2px;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 2px solid #ced4da;
  border-radius: 4px;
}

.input-group-text input[type='radio'],
.input-group-text input[type='checkbox'] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #009688;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow:
    0 0 0 1px #fff,
    none;
  box-shadow:
    0 0 0 1px #fff,
    none;
}

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #4affee;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: '';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dee2e6;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: '';
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #009688;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  background-color: #009688;
}

.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23FFF' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 150, 136, 0.5);
}

.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: rgba(0, 150, 136, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #009688;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFF'/%3E%3C/svg%3E");
}

.custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 150, 136, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.0625rem + 4px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 2px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #009688;
  outline: 0;
  -webkit-box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(0, 150, 136, 0.5);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(0, 150, 136, 0.5);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size='1']) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.6484375rem + 4px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.640625rem + 4px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.0625rem + 4px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.0625rem + 4px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #009688;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #009688;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: 'Browse';
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.0625rem + 4px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 2px solid #ced4da;
  border-radius: 4px;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.0625rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: 2px solid #ced4da;
  border-radius: 0 4px 4px 0;
}

.custom-range {
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #009688;
  border: 0;
  border-radius: 1rem;
  -webkit-appearance: none;
  appearance: none;
}

.custom-range::-webkit-slider-thumb:focus {
  outline: none;
  -webkit-box-shadow:
    0 0 0 1px #fff,
    none;
  box-shadow:
    0 0 0 1px #fff,
    none;
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #4affee;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #009688;
  border: 0;
  border-radius: 1rem;
  -moz-appearance: none;
  appearance: none;
}

.custom-range::-moz-range-thumb:focus {
  outline: none;
  box-shadow:
    0 0 0 1px #fff,
    none;
}

.custom-range::-moz-range-thumb:active {
  background-color: #4affee;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #009688;
  border: 0;
  border-radius: 1rem;
  appearance: none;
}

.custom-range::-ms-thumb:focus {
  outline: none;
  box-shadow:
    0 0 0 1px #fff,
    none;
}

.custom-range::-ms-thumb:active {
  background-color: #4affee;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #009688;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3359375rem;
  padding-bottom: 0.3359375rem;
  margin-right: 1rem;
  font-size: 1.09375rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

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

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: '';
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

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

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

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-top,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-bottom,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-header,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: '/';
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #009688;
  background-color: #448aff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #004a43;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #009688;
  border-color: #009688;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
/* .badge {
  display: inline-block;
  background: #126bff;
  margin: 0 6px 0 0px;
  padding: 0.25em 0.4em;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50%;
} */

.badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #126bff !important;
  margin: 0 8px 0 0 !important;
  padding: 4px 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  min-width: 18px !important;
  height: 18px !important;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #009688;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #00635a;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #009688;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

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

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover,
.list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #009688;
  border-color: #009688;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004e47;
  background-color: #b8e2de;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #004e47;
  background-color: #a6dbd6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004e47;
  border-color: #004e47;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

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

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  display: none;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  background: #126bff;
  padding: 10px 10px;
}


.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}

 .modal-title {
color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 2rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    'Lato',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: '';
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family:
    'Lato',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^='top'] {
  margin-bottom: 0.5rem;
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^='top'] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after {
  bottom: 1px;
  border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^='right'] {
  margin-left: 0.5rem;
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^='right'] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^='right'] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^='right'] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^='right'] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^='right'] .arrow::after {
  left: 1px;
  border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom'] {
  margin-top: 0.5rem;
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^='bottom'] .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^='bottom'] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^='bottom'] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^='bottom'] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^='bottom'] .arrow::after {
  top: 1px;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: '';
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left'] {
  margin-right: 0.5rem;
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^='left'] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after {
  right: 1px;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition:
    transform 0.6s ease,
    -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: '';
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: '';
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #009688 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #00635a !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

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

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #009688 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

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

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle,
.app-sidebar__user-avatar {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

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

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: '';
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

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

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

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

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #009688 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #00635a !important;
}

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

a.text-secondary:hover,
a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #1e7e34 !important;
}

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

a.text-info:hover,
a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted,
.app-notification__meta {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: ' (' attr(title) ')';
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

.tile div.dataTables_wrapper {
  padding: 0;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: '\2191';
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: '\2193';
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}

table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^='col-']:first-child {
  padding-left: 0;
}

div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^='col-']:last-child {
  padding-right: 0;
}

.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker-days tbody tr td {
  border-radius: 50%;
  font-weight: 500;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  color: #000000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.highlighted.focus {
  color: #000000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  background-image: none;
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #999999;
}

.datepicker table tr td.today {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  color: #000000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.open > .dropdown-toggle.datepicker table tr td.today:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus,
.open > .dropdown-toggle.datepicker table tr td.today.focus {
  color: #000000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  background-image: none;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #999999;
}

.datepicker table tr td.range {
  color: #000000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
  color: #000000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  color: #000000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.focus {
  color: #000000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  background-image: none;
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #999999;
}

.datepicker table tr td.range.highlighted {
  color: #000000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  color: #000000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus {
  color: #000000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  background-image: none;
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #999999;
}

.datepicker table tr td.range.today {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today:hover {
  color: #000000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  color: #000000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.focus {
  color: #000000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  background-image: none;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #999999;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #ffffff;
  background-color: #808080;
  border-color: #161616;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #ffffff;
  background-color: #808080;
  border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  color: #ffffff;
  background-color: #808080;
  border-color: #373737;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus {
  color: #ffffff;
  background-color: #6e6e6e;
  border-color: #161616;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  background-image: none;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #999999;
  border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #ffffff;
  background-color: #009688;
  border-color: #193c5a;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #ffffff;
  background-color: #009688;
  border-color: #007d71;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #ffffff;
  background-color: #009688;
  border-color: #007d71;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
  color: #ffffff;
  background-color: #007d71;
  border-color: #193c5a;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  background-image: none;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #428bca;
  border-color: #357ebd;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #009688;
  border-color: #193c5a;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #ffffff;
  background-color: #009688;
  border-color: #007d71;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #009688;
  border-color: #007d71;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td
  span.active.disabled:hover:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td
  span.active.disabled:hover:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td
  span.active.disabled:hover.focus {
  color: #ffffff;
  background-color: #007d71;
  border-color: #193c5a;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #428bca;
  border-color: #357ebd;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.sweet-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  outline: none !important;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  width: 478px;
  padding: 20px;
  border-radius: 3px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -259px;
  margin-top: -200px;
  -webkit-box-shadow:
    0 4px 23px 5px rgba(0, 0, 0, 0.2),
    0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow:
    0 4px 23px 5px rgba(0, 0, 0, 0.2),
    0 2px 6px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 500;
  text-transform: none;
  position: relative;
  margin: 15px 0 0 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert fieldset {
  border: none;
  position: relative;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition:
    padding 0.15s,
    max-height 0.15s;
  -webkit-transition:
    padding 0.15s,
    max-height 0.15s;
  -o-transition:
    padding 0.15s,
    max-height 0.15s;
  transition:
    padding 0.15s,
    max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition:
    padding 0.2s,
    max-height 0.2s;
  -webkit-transition:
    padding 0.25s,
    max-height 0.25s;
  -o-transition:
    padding 0.25s,
    max-height 0.25s;
  transition:
    padding 0.25s,
    max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
  content: '';
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sweet-alert input {
  display: none;
  width: 100%;
  height: 40px;
  padding: 8px 12px 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.44;
  color: #555;
  margin-top: 10px;
  margin-bottom: 17px;
  background-color: #fff;
  background-image: none;
  border: 2px solid #ccc;
  border-radius: 3px;
  -webkit-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}

.sweet-alert input:focus {
  border-color: #009688;
  outline: none;
}

.sweet-alert.show-input input {
  display: block;
}

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.sweet-alert button {
  background-color: #009688 !important;
  color: white;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 3px;
  padding: 8px 20px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  -webkit-box-shadow:
    0 0 2px rgba(128, 179, 235, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow:
    0 0 2px rgba(128, 179, 235, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #00877a;
}

.sweet-alert button:active {
  background-color: #00635a;
}

.sweet-alert button.cancel {
  background-color: #c1c1c1 !important;
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

.sweet-alert button.cancel:active {
  background-color: #a8a7a7;
}

.sweet-alert button.cancel:focus {
  -webkit-box-shadow:
    rgba(197, 205, 211, 0.8) 0px 0px 2px,
    rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
  box-shadow:
    rgba(197, 205, 211, 0.8) 0px 0px 2px,
    rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}

.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}

.sweet-alert button.confirm[disabled] {
  color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button='false'] button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button='false'][data-has-cancel-button='false'] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #f27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  -ms-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}

@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}

@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}

.showSweetAlert[data-animation='pop'] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation='none'] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation='slide-from-top'] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation='slide-from-bottom'] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation='pop'] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation='none'] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation='slide-from-top'] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation='slide-from-bottom'] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.notify-alert {
  -webkit-box-shadow:
    0 3px 10px rgba(0, 0, 0, 0.23),
    0 3px 10px rgba(0, 0, 0, 0.16);
  box-shadow:
    0 3px 10px rgba(0, 0, 0, 0.23),
    0 3px 10px rgba(0, 0, 0, 0.16);
  border: 0 !important;
  max-width: 400px;
  color: #fff;
}

.notify-alert.alert-success {
  background-color: #28a745;
}

.notify-alert.alert-info {
  background-color: #17a2b8;
}

.notify-alert.alert-warning {
  background-color: #ffce3a;
}

.notify-alert.alert-danger {
  background-color: #e04b59;
}

.notify-alert button[data-notify='dismiss'] {
  margin-left: 5px;
  outline: none !important;
}

.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 40px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir='rtl']
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 7px;
  padding: 0;
}

.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 2px solid #009688;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  outline: none;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 37px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
  position: absolute;
  top: 1px;
  right: 5px;
  width: 20px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir='rtl']
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--default[dir='rtl']
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 2px solid #cccccc;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 8px;
  width: 100%;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #dddddd;
  color: #000000;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 6px;
  margin-top: 6px;
  padding: 6px 14px;
  position: relative;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  margin-left: 4px;
  float: right;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #000000;
}
.select2-container--default[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir='rtl']
  .select2-selection--multiple
  .select2-selection__placeholder,
.select2-container--default[dir='rtl']
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}
.select2-container--default[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #cccccc;
  outline: 0;
}

.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #cccccc;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #cccccc;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #cccccc;
  border-radius: 3px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent !important;
  border-color: transparent !important;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: textfield;
  padding: 4px 0px !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role='group'] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled='true'] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #009688;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 2px solid #009688;
  border-radius: 3px;
  outline: 0;
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, white),
    to(#eeeeee)
  );
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #009688;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #eeeeee),
    to(#cccccc)
  );
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir='rtl']
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir='rtl']
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #009688;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(50%, #eeeeee)
  );
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, #eeeeee),
    to(white)
  );
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #009688;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir='rtl']
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #009688;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role='group'] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled='true'] {
  color: grey;
}

.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #009688;
}

.pace {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  background: #96000e;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  -webkit-box-shadow:
    0 0 10px #96000e,
    0 0 5px #96000e;
  box-shadow:
    0 0 10px #96000e,
    0 0 5px #96000e;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace-inactive {
  display: none;
}

.jqvmap-label {
  position: absolute;
  display: none;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-size: smaller;
  padding: 3px;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #000000;
  padding: 3px;
  color: white;
  width: 18px;
  height: 18px;
  cursor: pointer;
  line-height: 13px;
  text-align: center;
  font-size: 20px;
}

.jqvmap-zoomin {
  top: 10px;
}

.jqvmap-zoomout {
  top: 30px;
}

.jqvmap-region {
  cursor: pointer;
}

.jqvmap-ajax_response {
  width: 100%;
  height: 500px;
}

/*!
 * FullCalendar v2.5.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: rgba(0, 150, 136, 0.2);
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
  content: '\02039';
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
}

.fc-icon-right-single-arrow:after {
  content: '\0203A';
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
}

.fc-icon-left-double-arrow:after {
  content: '\000AB';
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: '\000BB';
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: '\25C4';
  font-size: 125%;
  top: 3%;
  left: -2%;
}

.fc-icon-right-triangle:after {
  content: '\25BA';
  font-size: 125%;
  top: 3%;
  left: 2%;
}

.fc-icon-down-triangle:after {
  content: '\25BC';
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: '\000D7';
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 13px;
  /* normalize */
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  text-transform: uppercase;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#e6e6e6)
  );
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  outline: none;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #009688;
  color: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
  font-weight: 500;
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}

.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 14px;
  padding: 5px;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #009688;
  background-color: #009688;
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
  margin-bottom: 5px;
  cursor: all-scroll;
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* for IE */
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 26px;
  color: #555;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

@media (min-width: 768px) {
  .app.sidenav-toggled .app-content {
    margin-left: 0;
  }
  .app.sidenav-toggled .app-sidebar {
    left: -230px;
  }
  .app.sidenav-toggled .app-sidebar__overlay {
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .app {
    overflow-x: hidden;
  }
  .app .app-sidebar {
    left: -240px;
  }
  .app .app-sidebar__overlay {
    visibility: hidden;
  }
  .app.sidenav-toggled .app-content {
    margin-left: 0;
  }
  .app.sidenav-toggled .app-sidebar {
    left: 0;
  }
  .app.sidenav-toggled .app-sidebar__overlay {
    visibility: visible;
  }
}
.app-notification__icon img {
  width: 30px;
}
.app-content {
  min-height: calc(100vh - 50px);
  margin-top: 50px;
  padding: 20px 0;
  background-color: #eff5f7;
  -webkit-transition: margin-left 0.3s ease;
  -o-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
}
.docuchainContent {
  padding: 30px;
}
.docuchainTable {
  background: #ffffff;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.docuadmin-table {
  float: left;
  width: 100%;
  z-index: 1;
  position: relative;
}
.docuadmin-table table {
  width: 100%;
  margin-bottom: 0;
}
.docuadmin-table table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.docuadmin-table table thead tr th {
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
  font-size: 16px;
}
.docuadmin-table table tbody tr td {
  color: #545454;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
  font-size: 15px;
}
.docuadmin-table table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.docuadmin-table table tbody tr:nth-child(even) {
  background: #ffffff;
}
.docuadmin-table table tbody tr td img {
  object-fit: contain;
  width: 50px;
}
/* .searchadminbox {
  float: left;
  width: 100%;
}
.docuchainSearchbox {
  float: right;
  width: 240px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.searchInput input,
.searchInput input:focus {
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #e4e4e4;
  padding: 8px 12px;
  outline: none;
}
.searchInput input::-webkit-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchInput input:-ms-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchInput input::-ms-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchInput input::placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchIcon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
  color: #ffffff;
  background: #448aff;
  border: none;
} */
.searchadminbox {
  float: left;
  width: 100%;
}
.docuchainSearchbox {
  float: right;
  width: 240px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.searchInput input,
.searchInput input:focus {
  width: 100%;
  background: #f8f9fc;
  border: 1px solid #e4e4e4;
  padding: 8px 12px;
  outline: none;
}
.searchInput input::-webkit-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchInput input:-ms-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchInput input::-ms-input-placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}
.searchInput input::placeholder {
  color: #c0c0c0;
  font-style: italic;
  font-size: 12px;
}

.searchIcon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  color: #ffffff;
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  border: none;
  height: 30px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}

/* Vessel Map */
.vesselMap {
  background: #ffffff;
  padding: 20px;
  margin-top: 10px;
  float: left;
  width: 100%;
}
.locationNearest {
  float: right;
}
.btnLatitude {
  display: inline-block;
  color: #ffffff;
  background: #24a69a;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 3px;
  text-align: center;
  border: none;
  outline: none;
}
.geoLocationPopup .modal {
  background: rgba(0, 0, 0, 0.7);
}
.geoLocationPopup .modal-dialog {
  max-width: 400px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.geoLocationPopup .modal-header {
  background: #448aff;
  padding: 8px 18px;
}
.geoLocationPopup .modal-content {
  border: none;
}
.geoLocationPopup .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.geoLocationPopup .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.geoLocationPopup .modal-body {
  padding: 20px 20px 0;
  margin: auto;
}
.geoLocationPopup .modal-body .form-group label {
  width: 100px;
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.geoLocationPopup .modal-body .form-group input {
  width: 250px;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  outline: none;
}
.geoLocationPopup .modal-body .form-group input::-webkit-input-placeholder {
  color: #000000;
  font-size: 12px;
}
.geoLocationPopup .modal-body .form-group input:-ms-input-placeholder {
  color: #000000;
  font-size: 12px;
}
.geoLocationPopup .modal-body .form-group input::-ms-input-placeholder {
  color: #000000;
  font-size: 12px;
}
.geoLocationPopup .modal-body .form-group input::placeholder {
  color: #000000;
  font-size: 12px;
}
.geoLocationPopup .modal-footer1 {
  text-align: left;
  padding: 15px 18px;
}
.btngeo {
  display: inline-block;
  padding: 8px 25px;
}
.clearbtn {
  background: #e1e1e1;
  color: #000000;
  border: 1px solid #c8c8c8;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
}
.submitbtn {
  float: right;
  border: 1px solid #448aff;
  color: #ffffff;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
}
.submitbtn1 {
  border: 1px solid #448aff;
  color: #ffffff;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
}
/* Vessels */
.docubodyTitle {
  background: #ffffff;
  padding: 20px 30px;
  margin-top: 10px;
  overflow: hidden;
}
.docubodyTitle ul {
  margin: 8px 0 0 0;
  float: left;
}
.docubodyTitle ul li {
  display: inline-block;
  position: relative;
}
.docubodyTitle ul li a {
  display: block;
  color: #448aff;
  font-size: 18px;
  font-weight: 500;
  padding: 0 16px 0 12px;
  position: relative;
  text-decoration: none;
}
.docubodyTitle ul li a:after {
  content: '\f054';
  position: absolute;
  top: 4px;
  font-family: FontAwesome;
  right: -5px;
  font-size: 12px;
  color: #666666;
}
.docubodyTitle ul li:last-child a:after {
  display: none;
}
.bttnGroup {
  float: right;
}
.addNew,
.addNew:focus,
.addNew:hover {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
  border-radius: 60px;
  padding: 10px 20px;
  outline: none;
  border: none;
}
.addNew img {
  margin-right: 6px;
}
/* Vessels Table */
.docuContent {
  padding: 30px;
}
.vesslesDocumentsTable {
  background: #ffffff;
  padding: 20px;
  border-radius: 8px;
}
.datatableEntry label {
  color: #6d8793;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.datatableEntry label input,
.datatableEntry label input:focus {
  width: 32px;
  background: transparent;
  border: 1px solid #e4e4e4;
  text-align: center;
  padding: 4px 0px;
  outline: none;
  margin: 0 4px;
}
.VesselTableData {
  position: relative;
  z-index: 1;
}
.VesselTableData table {
  width: 100%;
  margin-bottom: 0;
}
.VesselTableData table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.VesselTableData table thead tr th {
  color: #ffffff;
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.VesselTableData table tbody tr td {
  color: #545454;
  padding: 3px;

  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
/* .VesselTableData table tbody tr td .vesslprofile{object-fit: contain; width: 50px; margin: auto;} */
.VesselTableData table tbody tr td .vesslprofile img {
  object-fit: contain;
  width: 50px;
  margin: auto;
  height: 50px;
}
.VesselTableData table tbody tr:nth-child(odd) {
  /* background: #f2f2f2; */
  background-color: #f8f9fc;
}
.VesselTableData table tbody tr:nth-child(even) {
  background: #ffffff;
}
.VesselTableData table thead tr th.resizewidth {
  min-width: 110px;
}

.docuVesselsBtn {
  margin-top: 20px;
}
.docuVesselsBtn .btnVessel,
.docuVesselsBtn .btnVessel:hover,
.docuVesselsBtn .btnVessel:focus {
  border: none;
  margin-right: 8px;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 8px 16px;
  text-align: center;
  text-transform: uppercase;
  outline: none;
}
.activeAll {
  /* background: #2dbf64 !important; */
  background: linear-gradient(135deg, #2dbf64, #154c2c) !important;
  color: #ffffff;
}
.inActiveAll {
  /* background: #e8910d !important; */
  background: linear-gradient(135deg, #e8910d, #f1c40f) !important;
  color: #ffffff;
}
.deleteAll {
  /* background: #ed5650 !important; */
  background: linear-gradient(135deg, #ed5650, #860d00) !important;
  color: #ffffff;
}
.VesselTableData table tbody tr td.listtechnical ul {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap;
}
.VesselTableData table tbody tr td.listtechnical ul li {
  display: inline-block;
  position: relative;
}
.VesselTableData table tbody tr td.listtechnical ul li a {
  background: #dddddd;
  border: 1px solid #d2d2d2;
  text-decoration: none;
  display: block;
  margin: 0 6px 3px 2px;
  font-size: 13px;
  position: relative;
  border-radius: 2px;
  color: #000000;
  padding: 7px 8px;
  text-align: center;
}
.VesselTableData table tbody tr td.listtechnical ul li .Listclose {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -8px;
  background: transparent;
  border: none;
  outline: none;
}
.VesselTableData table tbody tr td.listtechnical ul li .Listclose i {
  font-size: 16px;
  font-weight: 300;
  color: #898989;
}
.btned {
  border: none;
  margin-right: 6px;
  background: transparent;
  border-radius: 3px;
  padding: 3px 5px;
  text-align: center;
  outline: none;
}
.editBtn {
  background: #f7f7f7 !important;
  color: #000000;
  border: 1px solid #e3e3e3;
}
.deleteBtn {
  background: #d9534f !important;
  color: #ffffff;
  border: 1px solid #d9534f;
}
.btned i {
  font-size: 12px;
}
.gray {
  border-radius: 3px;
  padding: 3px 5px;
  text-align: center;
  outline: none;
  margin-right: 6px;
  background: #ffffff;
}
.gray i {
  color: #b2b2b2;
  font-size: 12px;
}
/* Toggle Switch */
.onoffswitch {
  position: relative;
  width: 100px;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 60px;
  margin-bottom: 0;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 33px;
  padding: 0;
  line-height: 33px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: 'ACTIVE';
  padding-left: 16px;
  background-color: #2dbf64;
  color: #ffffff;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
}
.onoffswitch-inner:after {
  content: 'INACTIVE';
  padding-right: 10px;
  background-color: #a79e90;
  color: #ffffff;
  text-align: right;
  font-size: 13px;
  font-weight: normal;
}
.onoffswitch-switch {
  display: block;
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
/* Delete Popup */
.deleteMessage .modal {
  background: rgba(0, 0, 0, 0.7);
}
.deleteMessage .modal-dialog {
  max-width: calc(100% - 713px);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.deleteMessage .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 8px 18px;
}
.deleteMessage .modal-content {
  border: none;
}
.deleteMessage .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.deleteMessage .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.deleteMessage .modal-body {
  padding: 20px 20px 0;
  margin: 3px;
  min-height: 315px;
}
.deleteMessage .delete-group-body p {
  font-size: 16px;
  color: #000000;
  font-weight: 300;
  line-height: 18px;
}
.deleteMessage .delete-group-body p i {
  color: #fc6e67;
  margin-right: 12px;
  font-size: 26px;
  float: left;
}
.deleteMessage .modal-footer {
  border: none;
}
.deleteMessage .btnd {
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  padding: 6px 20px;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  outline: none;
}
.buttn-delete {
  background: #ff6b6b;
  border: none;
}
.buttn-no {
  border: 1px solid #cccccc;
  color: #333333 !important;
  background: transparent;
}
/* Vessel Info Add Edit */
.multistep-form-section {
  text-align: center;
}
.multistep-form-section ul {
  display: inline-block;
  position: relative;
  z-index: 9;
}
.multistep-form-section ul li:after {
  content: '';
  width: 100%;
  height: 4px;
  background: #ffffff;
  position: absolute;
  left: -50%;
  top: 50%;
  z-index: -1;
  -webkit-box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
  -moz-box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
  box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
}
.multistep-form-section ul li {
  display: inline-block;
  position: relative;
}
.multistep-form-section ul li:first-child:after {
  content: none;
}
.multistep-form-section ul li a {
  display: block;
  background: #ffffff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-size: 17px;
  margin: 0 24px;
  text-decoration: none;
  padding: 12px 20px;
  color: #000000;
  -webkit-box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
  -moz-box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
  box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
}
.content-box {
  display: none;
}
.multistep-form-section ul li.active:after {
  background: #448aff;
  color: white;
}
/* Completed Status */
.completeStatus a {
  background: #e5e5e5 !important;
  border: 1px solid #c7c7c7 !important;
  -webkit-box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
  -moz-box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
  box-shadow: 1px 5px 8px 0px rgba(199, 199, 199, 0.75);
}
.comptStatusbtn {
  position: absolute;
  border: none;
  background: transparent;
  top: -10px;
  right: 17px;
}
.active-content,
.active-content-new {
  display: block;
}

.left-section ul li a {
  display: block;
  padding: 0;
  background: #428bca;
  color: #fff;
  margin-bottom: 7px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 16px 16px 19px 16px;
  position: relative;
  z-index: 1;
}
.active-tab-menu a,
.active-tab-menu-new a {
  background: #448aff !important;
  color: #ffffff !important;
}
.docuchain-request {
  background: #ffffff;
  border-top: 5px solid #448aff;
  margin-top: 20px;
  float: left;
  width: 100%;
}
.docuchainRequestpannel {
  padding: 20px;
}
.docuchain-request h1 {
  color: #1976d2;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
.docuchain-request .form-group label {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.docuchain-request .form-group label span {
  color: #ff0000;
}
.docuchain-request .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 10px 12px;
  outline: none;
  font-size: 15px;
  border-radius: 6px;
}
.daylist select {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 11px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.daylist {
  position: relative;
}
.daylist:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.vesselType select {
  width: 100%;
  height: 36px;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 0px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.vesselType {
  position: relative;
}
.vesselType:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.vesselType1 select {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 11px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.vesselType1 {
  position: relative;
}
.vesselType1:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.bgVesselType select {
  background: #ffffff;
}
.docuchain-request .form-group input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.docuchain-request .form-group input:-ms-input-placeholder {
  color: #b7b7b7;
}
.docuchain-request .form-group input::-ms-input-placeholder {
  color: #b7b7b7;
}
.docuchain-request .form-group input::placeholder {
  color: #b7b7b7;
}

.docuchain-request .datepickerplace input::-webkit-input-placeholder {
  color: #333333 !important;
}
.docuchain-request .datepickerplace input:-ms-input-placeholder {
  color: #333333 !important;
}
.docuchain-request .datepickerplace input::-ms-input-placeholder {
  color: #333333 !important;
}
.docuchain-request .datepickerplace input::placeholder {
  color: #333333 !important;
}
.shipProfilePicture {
  margin-top: 6px;
}
.uploadImage {
  display: inline-block;
}
.uploadImage img {
  width: auto;
  object-fit: contain;
  width: 140px;
  height: 120px;
  margin-top: -14px;
}
.uploadBrowse {
  display: inline-block;
  width: 300px;
  margin-left: 81px;
}
.file {
  visibility: hidden;
  position: absolute;
}
.uploadBrowse .form-group input[type='file'] {
  width: auto;
}
.uploadBrowse .btnupload {
  background: #1976d2;
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
}
.uploadBrowse .form-group1 {
  position: relative;
}
.form-group1 .form-control {
  background: #fff;
  border: 1px solid #cccccc;
  font-size: 15px;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* Flag Style */
.docuchain-request .flagstrap button,
.docuchain-request .flagstrap button:focus {
  width: 100%;
  background: #fff;
  font-weight: 300;
  text-align: left;
  border: 1px solid #cccccc;
  padding: 9px 12px;
  outline: none;
  font-size: 15px;
  box-shadow: none;
}
.docuchain-request .flagstrap button span.caret {
  display: none;
}
.docuchain-request .flagstrap button:after {
  float: right;
  color: #777;
  margin-top: 10px;
}
.docuchain-request .flagstrap ul {
  width: 100%;
}
.docuchain-request .flagstrap ul li a {
  font-size: 15px;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background: #fff !important;
  border-color: #cccccc !important;
}
.btngroupvessl {
  width: 100%;
  padding: 8px 20px;
  border-top: 1px solid #eeeeee;
  float: left;
}
.btngroupvessl .btn {
  padding: 6px 20px;
  text-align: center;
  display: inline-block;
  outline: none;
  font-size: 14px;
  text-transform: uppercase;
}
.btngroupvessl .savebtn {
  background: #448aff;
  color: #ffffff;
  border-radius: 60px;
}
.btngroupvessl .submibtn {
  float: right;
  background: #083b66;
  color: #ffffff;
  border-radius: 60px;
  margin: 0 0 0 12px;
}
.savebtngroup {
  text-align: center;
  padding: 16px 0;
}
.savebtngroup .btn {
  padding: 6px 20px;
  text-align: center;
  display: inline-block;
  outline: none;
  font-size: 14px;
  text-transform: uppercase;
}
.savebtngroup .savebtn {
  background: #448aff;
  color: #ffffff;
  border-radius: 60px;
}
.previousbtn {
  background: #e1e1e1;
  border: 1px solid #c8c8c8;
  border-radius: 60px;
  outline: none;
  width: 100px;
}
.tableUsers table {
  width: 100%;
  margin-bottom: 0;
}
.tableUsers table thead {
  background: #448aff;
}
.tableUsers table thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.tableUsers table tbody tr td {
  color: #545454;
  padding: 8px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.tableUsers table tbody tr td .selectUsers {
  width: 460px;
}
.tableUsers table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.tableUsers table tbody tr:nth-child(even) {
  background: #ffffff;
}
.addNewUser {
  background: #05957b;
  border: none;
  padding: 8px 20px;
  display: inline-block;
  outline: none;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 400;
}
.addNewUser img {
  margin-right: 6px;
}
.selectUsers .bgVesselType .ui-select-container {
  width: 100%;
  background: #ffffff;
  border: 1px solid #cccccc;
  outline: none;
  font-size: 15px;
  position: relative;
}
.ui-select-container .ui-select-match .ui-select-match-item {
  background-color: #dddddd !important;
  border: 1px solid #cccccc;
  color: #000000;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-top: 0px;
  padding: 3px 6px;
  position: relative;
}
.ui-select-container input {
  width: 100% !important;
  cursor: pointer;
}
.selectUsers .ui-select-container input[type='search'],
.selectUsers .ui-select-container input[type='search']:focus {
  font-size: 14px;
  border: none;
  box-shadow: none;
  background: none;
}
.selectUsers .ui-select-container .ui-select-match,
.selectUsers .ui-select-container .ui-select-match:focus {
  border: none !important;
  box-shadow: none;
  font-size: 16px;
}
.selectUsers .ui-select-container .ui-select-match .form-control,
.selectUsers .ui-select-container .ui-select-match .form-control:focus,
.selectUsers .ui-select-container .ui-select-match .form-control:hover {
  border: none;
  box-shadow: none;
  font-size: 14px;
  background: none;
  outline: none;
}
/* Add New User Popup */
.addNewUserSect .modal {
  background: rgba(0, 0, 0, 0.7);
}
.addNewUserSect .modal-dialog {
  max-width: 550px;
}
.addNewUserSect .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 8px 18px;
  text-align: center;
}
.addNewUserSect .modal-content {
  border: none;
}
.addNewUserSect .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.addNewUserSect .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
  position: absolute;
  right: 20px;
}
.addNewUserSect .addNew-Userbody {
  padding: 0 50px;
  margin: auto;
}
.resetPassworddiv .addNew-Userbody {
  padding: 20px 20px;
  margin: inherit;
}
.addNewUserSect .addNew-Userbody h1 {
  text-align: center;
  color: #000000;
  font-size: 17px;
  font-weight: 500;
  margin-top: 6px;
  margin-bottom: 12px;
}
.addNewUserSect .addNew-Userbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.addNewUserSect .addNew-Userbody .form-group label span {
  color: #ff0000;
}
.addNewUserSect .addNew-Userbody .form-group input {
  width: 100%;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.addNewUserSect .addNew-Userbody .form-group input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.addNewUserSect .addNew-Userbody .form-group input:-ms-input-placeholder {
  color: #b7b7b7;
}
.addNewUserSect .addNew-Userbody .form-group input::-ms-input-placeholder {
  color: #b7b7b7;
}
.addNewUserSect .addNew-Userbody .form-group input::placeholder {
  color: #b7b7b7;
}
.addNewUserSect
  .addNew-Userbody
  .form-group
  .ui-select-multiple.ui-select-bootstrap {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.addNewUserSect
  .addNew-Userbody
  .form-group
  .ui-select-multiple.ui-select-bootstrap
  .ui-select-search {
  width: auto !important;
}
.addNewUserSect .modal-footer1 {
  padding: 6px 0px;
}
.addNewUserSect .modal-footer1.modalfooter1 {
  padding: 6px 50px;
}
/* .vesselType .ui-select-multiple input{width: 100% !important;} */
.userProfilePicture {
  margin-top: 6px;
}
.useruploadImage {
  display: inline-block;
  margin-right: 12px;
  width: 125px;
}
.useruploadImage img {
  object-fit: contain;
  width: 100%;
  /* height: 120px; */
  height: 100px;
}
.userUploadBrowse {
  display: inline-block;
  width: 288px;
}
.file {
  visibility: hidden;
  position: absolute;
}
.useruploadImage .form-group input[type='file'] {
  width: auto;
}
.btnuploaduser,
.btnuploaduser:hover,
.btnuploaduser:focus {
  background: #1976d2;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  border-radius: 0px;
}
/* .input-group-userbtn{position: absolute; right: 0;z-index: 10;} */
.form-group1 .form-control {
  background: #fff;
  border: 1px solid #cccccc;
  font-size: 15px;
  width: auto;
}
.userUploadBrowse .input-group {
  display: initial;
}
.userUploadBrowse .input-group input[type='text'] {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.addNew-Userbody .modal-footer1 {
  margin-top: 26px;
  margin-bottom: 16px;
}
.userMultiSelect {
  position: relative;
}
.userMultiSelect:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.addNew-Userbody .form-group .ui-select-container .form-control {
  width: 100%;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 4px 3px;
  outline: none;
  font-size: 15px;
  position: relative;
  height: 40px;
}
.addNew-Userbody .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  background-color: #dddddd !important;
  border: 1px solid #cccccc;
  color: #000000;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-top: 0px;
  padding: 3px 6px;
  position: relative;
}
.addNew-Userbody
  .ui-select-multiple.ui-select-bootstrap
  .ui-select-match-item
  span
  span {
  font-size: 14px;
}
.vesselmulti {
  float: left;
  width: 100%;
}
/* Users */
.userDatalist table tbody tr td.userNameshow input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  outline: none;
  font-size: 14px;
  font-weight: 300;
}
.userDatalist table tbody tr td.userNameshow input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.userDatalist table tbody tr td.userNameshow input:-ms-input-placeholder {
  color: #b7b7b7;
}
.userDatalist table tbody tr td.userNameshow input::-ms-input-placeholder {
  color: #b7b7b7;
}
.userDatalist table tbody tr td.userNameshow input::placeholder {
  color: #b7b7b7;
}

/* Tabs */
.userExtensionstabs .tab .nav-tabs {
  border: none;
}
.userExtensionstabs .tab .nav-tabs li {
  margin: 0;
}
.userExtensionstabs .tab .nav-tabs li a {
  font-size: 16px;
  cursor: pointer;
  color: #000000;
  border: 1px solid #dddddd;
  background: #fff;
  margin: 0;
  padding: 10px 36px;
  border-radius: 0;
  position: relative;
}
/* .userExtensionstabs .tab .nav-tabs li a:hover{ border-top: none; border-bottom: none; border-right-color: #ddd;} */
.userExtensionstabs .tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover {
  color: #fff;
  border: none;
  background: #692f6a;
  border: 1px solid #692f6a;
}
.userExtensionstabs .tab .nav-tabs li.active a:after {
  content: '';
  border-top: 10px solid #692f6a;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 43%;
}
.userExtensionstabs .tab .tab-content {
  font-size: 13px;
  color: #999898;
  background: #fff;
  padding: 20px 0;
  border-top: none;
}
.userExtensionstabs .tab .tab-content h3 {
  font-size: 24px;
  color: #999898;
  margin-top: 0;
}
.userextensiontable {
  margin-top: 12px;
}
.extensionTable {
  position: relative;
  z-index: 1;
}
.extensionTable table {
  width: 100%;
  margin-bottom: 0;
}
.extensionTable table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.extensionTable table thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.extensionTable table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.extensionTable table tbody tr:nth-child(odd) {
  /* background: #f2f2f2; */
  background-color: #f8f9fc;
}
.extensionTable table tbody tr:nth-child(even) {
  background: #ffffff;
}
.btnuserextension {
  display: inline-block;
  border: none;
  padding: 9px 12px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  margin: 0 4px 0 0;
  text-transform: uppercase;
  font-weight: 300;
}
.approvebtn,
.rejectbtn {
  margin: 0 4px;
}
.approvebtn,
.approvebtn:hover,
.approvebtn:focus {
  /* background: #12aa53; */
  background: linear-gradient(135deg, #2dbf64, #154c2c);
  color: #ffffff;
  outline: none;
  border: none;
  padding: 4px 12px;
}
.rejectbtn,
.rejectbtn:hover,
.rejectbtn:focus {
  /* background: #e74c3c; */
  background: linear-gradient(135deg, #ed5650, #860d00);
  color: #ffffff;
  outline: none;
  border: none;
  padding: 4px 12px;
}
/* Approve Popup */
.approvePopup .modal {
  background: rgba(0, 0, 0, 0.7);
}
.approvePopup .modal-dialog {
  max-width: 400px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.approvePopup .modal-header {
  background: #448aff;
  padding: 10px 18px;
}
.approvePopup .modal-content {
  border: none;
}
.approvePopup .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.approvePopup .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.approvePopup .approve-group-body {
  padding: 12px 12px 0;
  margin: auto;
}
.approvePopup .approve-group-body .form-group label {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.approveselect select {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.approveselect {
  position: relative;
}
.approveselect:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.approveclear {
  background: #e1e1e1;
  color: #000000;
  text-transform: uppercase;
  border: 1px solid #c8c8c8;
  border-radius: 60px;
  font-size: 14px;
  outline: none;
}
.approvesubmit {
  float: right;
  border: 1px solid #2dbf64;
  background: #2dbf64;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 60px;
  font-size: 14px;
  outline: none;
  text-transform: uppercase;
}
.approvePopup .modal-footer1 {
  text-align: left;
  padding: 15px 18px;
}
/* Reject Popup */
.rejectPopup .modal {
  background: rgba(0, 0, 0, 0.7);
}
.rejectPopup .modal-dialog {
  max-width: 400px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.rejectPopup .modal-header {
  background: #448aff;
  padding: 10px 18px;
}
.rejectPopup .modal-content {
  border: none;
}
.rejectPopup .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.rejectPopup .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.rejectPopup .rejec-group-body {
  padding: 12px 12px 0;
  margin: auto;
}
.rejectPopup .rejec-group-body .form-group label {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.rejectPopup .rejec-group-body .form-group textarea {
  width: 100%;
  outline: none;
  height: 100px;
  resize: none;
  border: 1px solid #cccccc;
}
.approveclear {
  background: #e1e1e1;
  color: #000000;
  text-transform: uppercase;
  border: 1px solid #c8c8c8;
  border-radius: 60px;
  font-size: 14px;
  outline: none;
}
.extensionrejecbtn {
  float: right;
  border: 1px solid #ed5650;
  background: #ed5650;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 60px;
  font-size: 14px;
  outline: none;
  text-transform: uppercase;
}
.rejectPopup .modal-footer1 {
  text-align: left;
  padding: 15px 18px;
}
/* Logou */
.logout .modal {
  background: rgba(0, 0, 0, 0.7);
  z-index: 1049;
}
.logout .modal-dialog {
  max-width: 400px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.logout .logoutdiv {
  padding: 20px;
  text-align: center;
}
.logout .logoutdiv img {
  width: 60px;
  display: inline-block;
}
.logout .logoutdiv h1 {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}
.logout .logoutdiv p {
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  color: #000000;
  margin-top: 6px;
}
.btnlgt {
  border: none;
  background: #f1f1f1;
  width: 50%;
  float: left;
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
}
.logoutyes {
  background: #5aba7e;
  color: #ffffff;
}
.logoutno {
  background: #da605b;
  color: #ffffff;
}
/* Notification */

.selectallnofiticationclear {
  float: left;
  margin-bottom: 20px;
  width: 100%;
  text-align: right;
  margin-left: -5px;
}
.selectAlldrop {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}
.selectAlldrop label {
  text-align: left;
  width: 130px;
  float: left;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
}
.clearallnotify {
  margin-top: 7px;
  float: left;
}
.clearallnotify label {
  color: #333131;
  font-size: 15px;
  font-weight: 300;
}
.clearallnotify .clearcheckbox {
  display: inline-block;
  margin: 0 6px;
}
.clearallnotify .cleardelete {
  display: inline-block;
  margin-left: 7px;
}
.clearallnotify .cleardelete button {
  padding: 1.4px 3px;
}
.clearallnotify .cleardelete button i {
  font-size: 14px;
}
.notificationsection {
  background: #ffffff;
  display: flex;
  align-items: center;
  border-left: 4px solid #457d19;
  margin-bottom: 12px;
  padding: 12px 7px 12px 12px;
  -webkit-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  -moz-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
}
.borderlftred {
  border-left: 4px solid #d03c3c;
}
.borderlftyellow {
  border-left: 4px solid #f7ac15;
}
.notification-image {
  float: left;
  margin-right: 22px;
}
.notification-image img {
  cursor: pointer;
  width: 45px;
}
.notifyContent {
  float: left;
  width: 88%;
}
.notifydelete {
  float: left;
  text-align: right;
  width: 12%;
}
.boxcheckbox {
  display: inline-block;
  margin: 0 4px;
}
.notifyContent h1 {
  margin: 0 0 4px 0;
  font-size: 17px;
}
.notifyContent p {
  margin: 0 0 4px 0;
  font-size: 15px;
  line-height: 20px;
}
.notifyContent span {
  color: #8a8a8a;
}
.notifyContent span.timecut {
  font-size: 12px;
  color: #8a8a8a;
}
.notifydelete button i {
  font-size: 14px;
}
.notifydelete button {
  padding: 1.4px 3px;
}
.dropnotification select {
  width: 100%;
  background: #ffffff url(../image/filerIcon.png) no-repeat 96% 10px;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.dropnotification {
  position: relative;
  float: left;
  width: 250px;
}
/* .dropnotification:after{ content: "\f0d7"; font-size: 15px; font-family: "FontAwesome"; color: #777; position: absolute; z-index: 0;pointer-events: none; top: 0px; right: 0px; padding:12px;} */
/* Checkbox */
.clearcheckbox .cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.clearcheckbox .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.clearcheckbox .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #cacaca;
  transition: all 0.2s ease;
}
.clearcheckbox .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.clearcheckbox .cbx span:last-child {
  padding-left: 8px;
}
.clearcheckbox .cbx:hover span:first-child {
  border-color: #cacaca;
}
.clearcheckbox .inp-cbx:checked + .cbx span:first-child {
  background: #05957b;
  border-color: #05957b;
  animation: wave 0.4s ease;
}
.clearcheckbox .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.clearcheckbox .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/* Notification Checkbox */
.boxcheckbox .cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.boxcheckbox .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.boxcheckbox .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #cacaca;
  transition: all 0.2s ease;
}
.boxcheckbox .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.boxcheckbox .cbx span:last-child {
  padding-left: 8px;
}
.boxcheckbox .cbx:hover span:first-child {
  border-color: #cacaca;
}
.boxcheckbox .inp-cbx:checked + .cbx span:first-child {
  background: #05957b;
  border-color: #05957b;
  animation: wave 0.4s ease;
}
.boxcheckbox .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.boxcheckbox .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/* Vessel Information Table Checkbox */
.vesselinfo .cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.vesselinfo .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.vesselinfo .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #cacaca;
  transition: all 0.2s ease;
}
.vesselinfo .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.vesselinfo .cbx span:last-child {
  padding-left: 8px;
}
.vesselinfo .cbx:hover span:first-child {
  border-color: #cacaca;
}
.vesselinfo .inp-cbx:checked + .cbx span:first-child {
  background: #083b66;
  border-color: #083b66;
  animation: wave 0.4s ease;
}
.vesselinfo .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.vesselinfo .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/* Users Table Checkbox */
.userscheckbox .cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.userscheckbox .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.userscheckbox .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #cacaca;
  transition: all 0.2s ease;
}
.userscheckbox .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.userscheckbox .cbx span:last-child {
  padding-left: 8px;
}
.userscheckbox .cbx:hover span:first-child {
  border-color: #cacaca;
}
.userscheckbox .inp-cbx:checked + .cbx span:first-child {
  background: #083b66;
  border-color: #083b66;
  animation: wave 0.4s ease;
}
.userscheckbox .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.userscheckbox .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/* Users Extension Table Checkbox */
.userextensioncheckbox .cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.userextensioncheckbox .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.userextensioncheckbox .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #cacaca;
  transition: all 0.2s ease;
}
.userextensioncheckbox .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.userextensioncheckbox .cbx span:last-child {
  padding-left: 8px;
}
.userextensioncheckbox .cbx:hover span:first-child {
  border-color: #cacaca;
}
.userextensioncheckbox .inp-cbx:checked + .cbx span:first-child {
  background: #083b66;
  border-color: #083b66;
  animation: wave 0.4s ease;
}
.userextensioncheckbox .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.userextensioncheckbox .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/* Tasks Tabs*/
.tasksManagement .tab .nav-tabs {
  border: none;
}
.tasksManagement .tab .nav-tabs li {
  margin: 0;
}
.tasksManagement .tab .nav-tabs li a {
  font-size: 17px;
  cursor: pointer;
  color: #000000;
  border: 1px solid #dddddd;
  background: #fff;
  margin: 0;
  padding: 14px 50px;
  border-radius: 0;
  position: relative;
}
.tasksManagement .tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover {
  color: #fff;
  border: none;
  background: #692f6a;
  border: 1px solid #692f6a;
}
.tasksManagement .tab .nav-tabs li.active a:after {
  content: '';
  border-top: 10px solid #692f6a;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 43%;
}
.tasksManagement .tab .tab-content {
  font-size: 13px;
  color: #999898;
  background: #fff;
  padding: 20px 0;
  border-top: none;
}
.tasksManagement .tab .tab-content h3 {
  font-size: 24px;
  color: #999898;
  margin-top: 0;
}
.taskmanagementtable {
  margin-top: 12px;
}
.taskMangeTable {
  position: relative;
  z-index: 1;
}
.taskMangeTable table {
  width: 100%;
  margin-bottom: 0;
}
.taskMangeTable table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.taskMangeTable table thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.taskMangeTable table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.taskMangeTable table tbody tr:nth-child(odd) {
  /* background: #f2f2f2; */
  background-color: #f8f9fc;
}
.taskMangeTable table tbody tr:nth-child(even) {
  background: #ffffff;
}
/* Create Tasks */
.creatTasks .modal {
  background: rgba(0, 0, 0, 0.7);
}
.usertaskbk .modal-dialog {
  display: inherit;
}
.creatTasks .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.creatTasks .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.creatTasks .modal-content {
  border: none;
}
.creatTasks .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.creatTasks .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.creatTasks .createtaskbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.creatTasks .createtaskbody {
  padding: 15px 18px 0;
}
.creatTasks
  .createtaskbody.usertaskbodyselect
  .form-group
  .ui-select-container
  .ui-select-search {
  width: auto !important;
}
.creatTasks .createtaskbody.usertaskbodyselect .form-group input,
.creatTasks .createtaskbody.usertaskbodyselect .form-group input:focus {
  padding: 12px 12px;
}
.creatTasks .createtaskbody .form-group label span {
  color: #ff0000;
}
.creatTasks .createtaskbody .form-group input,
.creatTasks .createtaskbody .form-group input:focus {
  width: 100% !important;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
  border-radius: 6px;
}
.creatTasks .createtaskbody .form-group input::-webkit-input-placeholder {
  color: #333333;
}
.creatTasks .createtaskbody .form-group input:-ms-input-placeholder {
  color: #333333;
}
.creatTasks .createtaskbody .form-group input::-ms-input-placeholder {
  color: #333333;
}
.creatTasks .createtaskbody .form-group input::placeholder {
  color: #333333;
}
.creatTasks .createtaskbody .ui-select-multiple.ui-select-bootstrap {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 6px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.creatTasks .createtaskbody .selectUsersBox .ui-select-multiple input {
  width: auto !important;
  border: none;
}
.tasksselect select {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.creatTasks
  .createtaskbody
  .tasksselect
  .ui-select-container
  .ui-select-match
  .form-control {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.tasksselect {
  position: relative;
  margin-bottom: 6px;
}
.tasksselect:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.creatTasks .modal-footer1 {
  padding: 20px;
}
.datepickerinput {
  position: relative;
}
.datepickerinput i {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
}
/* View Task Assigned */
.view-task-assigntoy .modal {
  background: rgba(0, 0, 0, 0.7);
}
.view-task-assigntoy .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.view-task-assigntoy .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.updatedTasks .modal-footer1 {
  padding: 1px;
}
.view-task-assigntoy .modal-content {
  border: none;
}
.view-task-assigntoy .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.view-task-assigntoy .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.view-task-assigntoy .view-assignty-body .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.view-task-assigntoy .view-assignty-body {
  padding: 15px 18px 0;
}
.view-task-assigntoy .view-assignty-body .form-group label span {
  color: #ff0000;
}
.view-task-assigntoy .view-assignty-body .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
}
.view-task-assigntoy
  .view-assignty-body
  .form-group
  input::-webkit-input-placeholder {
  color: #333333;
}
.view-task-assigntoy
  .view-assignty-body
  .form-group
  input:-ms-input-placeholder {
  color: #333333;
}
.view-task-assigntoy
  .view-assignty-body
  .form-group
  input::-ms-input-placeholder {
  color: #333333;
}
.view-task-assigntoy .view-assignty-body .form-group input::placeholder {
  color: #333333;
}
.view-task-assigntoy .view-assignty-body .form-group select.form-control {
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
}
/*  */
.assigneduserstatus .modal-body {
  width: 100%;
  padding: 8px;
}
/*new commit*/
.selecboxoption {
  float: left;
  margin-top: 20px;
}
.selecboxoption .create-group input {
  width: 32px;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-align: center;
  padding: 4px 0px;
  outline: none;
  margin: 0 4px;
}
.showdrop {
  text-align: left;
  float: left;
}
.create-group .dropbtnsearch input {
  width: 32px;
  color: #000000;
  padding: 6px 0px;
  text-align: center;
  background: #ffffff;
}
/* .clearcheckbox check box */
.clearcheckbox table input[type='checkbox'] {
  display: block;
  width: auto;
}
.clearcheckbox .control {
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.clearcheckbox .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.clearcheckbox .control__indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #f1f1f1;
  border: 1px solid #cccccc;
}
.clearcheckbox .control--radio .control__indicator {
  border-radius: 50%;
}
.clearcheckbox .control input:focus ~ .control__indicator {
  background: #ccc;
}
.clearcheckbox .control input:checked ~ .control__indicator {
  background: #1d78c8;
  border: none;
}
.clearcheckbox
  .control:hover
  input:not([disabled]):checked
  ~ .control__indicator,
.clearcheckbox .control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.clearcheckbox .control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.clearcheckbox .control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.clearcheckbox .control input:checked ~ .control__indicator:after {
  display: block;
}
.clearcheckbox .control--checkbox .control__indicator:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.clearcheckbox .control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.clearcheckbox .control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.clearcheckbox .control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.clearcheckbox .select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.clearcheckbox .select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.clearcheckbox .select select::-ms-expand {
  display: none;
}
.clearcheckbox .select select:focus {
  color: #000;
  background: #ccc;
}
.clearcheckbox .select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.clearcheckbox .select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.clearcheckbox .select select:hover ~ .select__arrow,
.clearcheckbox .select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.clearcheckbox .select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}
/* .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #506EEC; display: block; transform: scale(0); opacity: 1; border-radius: 50%;} */
.cbx span:last-child {
  padding-left: 8px;
}
.cbx:hover span:first-child {
  border-color: #506eec;
}
.inp-cbx:checked + .cbx span:first-child {
  background: #448aff;
  border-color: #448aff;
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/*  Check box */
.boxcheckbox .control input:focus ~ .control__indicator {
  background: #ccc;
}
.boxcheckbox .control input:checked ~ .control__indicator {
  background: #1d78c8;
  border: none;
}
.boxcheckbox .control:hover input:not([disabled]):checked ~ .control__indicator,
.boxcheckbox .control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.boxcheckbox .control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.boxcheckbox .control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.boxcheckbox .control input:checked ~ .control__indicator:after {
  display: block;
}
.boxcheckbox .control--checkbox .control__indicator:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.boxcheckbox .control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.boxcheckbox .control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.boxcheckbox .control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.boxcheckbox .select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.boxcheckbox .select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.boxcheckbox .select select::-ms-expand {
  display: none;
}
.boxcheckbox .select select:focus {
  color: #000;
  background: #ccc;
}
.boxcheckbox .select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.boxcheckbox .select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.boxcheckbox .select select:hover ~ .select__arrow,
.boxcheckbox .select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.boxcheckbox .select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}
/* Updated Tasks */
.updatedTasks .modal {
  background: rgba(0, 0, 0, 0.7);
}
.updatedTasks .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.updatedTasks .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.updatedTasks .modal-content {
  border: none;
}
.updatedTasks .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.updatedTasks .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.updatedTasks .createtaskbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.updatedTasks .createtaskbody {
  padding: 15px 18px 0;
}
.updatedTasks .createtaskbody .form-group label span {
  color: #ff0000;
}
.updatedTasks .createtaskbody .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.updatedTasks .createtaskbody .form-group input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.updatedTasks .createtaskbody .form-group input:-ms-input-placeholder {
  color: #b7b7b7;
}
.updatedTasks .createtaskbody .form-group input::-ms-input-placeholder {
  color: #b7b7b7;
}
.updatedTasks .createtaskbody .form-group input::placeholder {
  color: #b7b7b7;
}
.tasksselect select {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.tasksselect {
  position: relative;
}
.tasksselect:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.updatedTasks .modal-footer1 {
  padding: 1px;
}
.datepickerinput {
  position: relative;
}
.datepickerinput i {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
}
/* viewtasks */
.viewtasks .modal {
  background: rgba(0, 0, 0, 0.7);
}
.viewtasks .modal-dialog {
  max-width: 750px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.viewtasks .modal-header {
  background: #126bff;
  padding: 10px 10px;
}
.viewtasks .modal-content {
  border: none;
}
.viewtasks .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.viewtasks .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.viewtasks .viewtasksbody {
  padding: 15px 18px;
}
.viewtasks .viewtasksbody table {
  width: 100%;
  margin-bottom: 0;
}
.viewtasks .viewtasksbody table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.viewtasks .viewtasksbody table thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.viewtasks .viewtasksbody table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.viewtasks .viewtasksbody table tbody tr td p {
  color: #ed2939;
}
.viewtasks .viewtasksbody table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.viewtasks .viewtasksbody table tbody tr:nth-child(even) {
  background: #ffffff;
}
/* Commercial User List */
.commercialUsers .modal {
  background: rgba(0, 0, 0, 0.7);
}
.commercialUsers .modal-dialog {
  max-width: 400px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.commercialUsers .modal-header {
  background: #126bff;
  padding: 10px 10px;
}
.commercialUsers .modal-content {
  border: none;
}
.commercialUsers .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.commercialUsers .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.commerciallistbody ul {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
}
.commerciallistbody ul li {
  display: inline-block;
  position: relative;
}
.commerciallistbody ul li a {
  background: #dddddd;
  border: 1px solid #d2d2d2;
  text-decoration: none;
  display: block;
  margin: 0 6px 12px 10px;
  font-size: 13px;
  position: relative;
  border-radius: 2px;
  color: #000000;
  padding: 7px 8px;
  text-align: center;
}
.commerciallistbody li .Listclose {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -8px;
  background: transparent;
  border: none;
  outline: none;
}
.commerciallistbody ul li .Listclose i {
  font-size: 16px;
  font-weight: 300;
  color: #898989;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #448aff !important;
  border-color: #448aff !important;
}
/* User Vesse Dcouments */
.docuuservesseldoc {
  margin-top: 10px;
}
.docuvessellist a {
  text-decoration: none;
  outline: none;
}
.docuvessellist {
  width: 14.22222%;
  position: relative;
  min-height: 1px;
  margin-bottom: 16px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.docuvessellist img {
  object-fit: contain;
  width: 120px;
  height: 50px;
}
.uservessellist {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  padding: 16px;
  text-align: center;
  font-weight: 500;
  color: #083b66;
}
.uservessellist h1 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 12px 0 0 0;
  word-break: break-all;
}
.uservessellist h2 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 7px 0 0 0;
  word-break: break-all;
}
/* User Vessel Documents List */
/* Tasks Tabs*/
.docuuserdoculist .tab .nav-tabs {
  border: none;
}
.docuuserdoculist .tab .nav-tabs li {
  margin: 0;
}
.docuuserdoculist .tab .nav-tabs li a {
  font-size: 17px;
  color: #000000;
  border: 1px solid #dddddd;
  background: #fff;
  margin: 0;
  padding: 14px 50px;
  border-radius: 0;
  position: relative;
}
.docuuserdoculist .tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover {
  color: #fff;
  border: none;
  background: #692f6a;
  border: 1px solid #692f6a;
}
.docuuserdoculist .tab .nav-tabs li.active a:after {
  content: '';
  border-top: 10px solid #692f6a;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 43%;
}
.docuuserdoculist .tab .tab-content {
  font-size: 13px;
  color: #999898;
  background: #fff;
  padding: 20px 20px;
  margin-top: 20px;
  border: 1px solid #dddddd;
}
.docuuserdoculist .tab .tab-content h3 {
  font-size: 24px;
  color: #999898;
  margin-top: 0;
}
.taskMangeTable {
  position: relative;
  z-index: 1;
}
.taskMangeTable table {
  width: 100%;
  margin-bottom: 0;
}
.taskMangeTable table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.taskMangeTable table tbody tr:hover td {
  background: #78a9ff;
  color: #ffffff;
}

.taskMangeTable table thead tr th {
  color: #ffffff;
  /* color: #000; */
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.taskMangeTable table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.taskMangeTable table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.taskMangeTable table tbody tr:nth-child(even) {
  background: #ffffff;
}
.taskMangeTable table thead tr th.vesselactions {
  min-width: 200px;
}
.taskMangeTable table thead tr th.docuactions {
  min-width: 80px;
}
.sharebtn {
  background: #187e03;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 10px;
}
/* tag button css */
/* Container alignment */
.action-btn-group {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}
/* Tag button (matches theme purple/blue) */
.btn-tag-selected {
  background: #5b6ee1;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-right: 15px;
  margin-top: 10px;
}
/* Hover */
.btn-tag-selected:hover {
  background: #4a5fd1;
}

/* Disabled */
.btn-tag-selected:disabled {
  background: #b0b7c3;
  cursor: not-allowed;
}

.sharebtn i {
  font-weight: 300;
  margin-right: 6px;
}
.vesselstablebottom {
  text-align: center;
  padding: 6px;
}
/* User Document Approval */
.docuuserdoculist .tab .tab-content.docuApproval {
  font-size: 13px;
  color: #999898;
  background: #fff;
  padding: 20px 20px;
  margin-top: 20px;
  border: 1px solid #dddddd;
}

.filtersearchoption {
  float: right;
  margin-bottom: 17px;
}
.docuapprovalSearch {
  float: none;
}
.filterbox {
  float: left;
  margin-right: 12px;
}
.filterbox label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.bgwhiteinput input,
.bgwhiteinput input:focus {
  background: #ffffff;
}
.filterselect {
  display: inline-block;
  width: 130px;
}
.filterselect.widthauto {
  width: 160px;
}
.filterselect select {
  width: 100%;
  background: #ffffff url(../image/filerIcon.png) no-repeat 90% 7px;
  border: 1px solid #e4e4e4;
  padding: 8px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
  height: 30px;
}
/* User User Extension */
.userUserExtension {
  background: #ffffff;
  box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  -moz-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
}
.userUserExtension h1 {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 12px;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}
.extension {
  padding: 20px;
  width: 600px;
  margin: auto;
}
.extension .form-group {
  display: flex;
  align-items: center;
}
.extension .form-group label {
  display: inline-block;
  width: 200px;
  color: #525252;
  font-size: 16px;
  font-weight: 300;
}
.extension .form-group input,
select {
  width: 100%;
  padding: 12px 12px;
  border: 1px solid #bbbbbb;s
  outline: none;
  font-size: 16px;
  background: #fff;
  border-radius: 6px;
  height: 40px;
}
.extensionform {
  position: relative;
  display: inline-block;
  width: 100%;
}
.extensionform1 {
  position: relative;
  display: inline-block;
  width: 100%;
}
.extensionform1 textarea {
  width: 100% !important;
}
.extensionform:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #cfcfcf;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.extensionform.no-of-users:after {
  display: none;
}
.extension .form-group textarea {
  width: 400px;
  resize: none;
  border: 1px solid #bbbbbb;
  background: #fff;
  outline: none;
  font-size: 16px;
  height: 60px;
}
.extensionbtngroup {
  text-align: center;
  padding: 16px 0;
}
.clearbtn1 {
  background: #e1e1e1;
  border: 1px solid #c8c8c8;
  margin-right: 6px;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
}
.btnsubmit {
  background: #083b66;
  border: 1px solid #083b66;
  color: #ffffff;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
}
/*  PDF Viewer */
.librariy-pdfview .modal {
  background: rgba(0, 0, 0, 0.6);
  overflow-x: hidden;
  overflow-y: auto;
}
.librariy-pdfview .modal-dialog {
  max-width: 1260px;
}
.librariy-pdfview .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 6px 12px;
  text-align: center;
  border-radius: 0px;
}
.librariy-pdfview .modal-header h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
}
.librariy-pdfview .modal-header .close {
  opacity: 1;
  color: #ffffff;
  outline: none;
  font-size: 18px;
}
.librariy-pdfview .modal-body {
  padding: 16px;
}
.pdfborder {
  border-left: 1px solid #cccccc;
}
.pdf-viewer h1 {
  font-size: 16px;
  margin: 0 0 16px 0;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
}
.pdf-viewerform .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.pdf-viewerform .form-group input {
  width: 100%;
  background: transparent;
  border: 1px solid #cccccc;
  padding: 8px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.pdf-viewerform .form-group textarea,
.pdf-viewerform .form-group textarea:focus {
  width: 100%;
  background: transparent;
  border: 1px solid #cccccc;
  resize: none;
  height: 60px;
}
.pdfviewbtn {
  padding: 14px 0;
  text-align: right;
}
.pdfviewbtn .btnn,
.pdfviewbtn .btnn:hover,
.pdfviewbtn .btnn:focus {
  border: none;
  border-radius: 60px;
  outline: none;
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
}
.pdfviewbtn .rejectbtn {
  background: #ed5650;
  color: #ffffff;
}
.pdfviewbtn .approvebtn {
  background: #2dbf64;
  color: #ffffff;
}
.pdffile {
  background: #f0f0f0;
  padding: 6px;
  border: 1px solid #d6d6d6;
  text-align: center;
}
.pdficondiv embed html body img {
  object-fit: contain;
  width: 500px;
  height: 500px;
}
.pdfviewbtn input {
  margin-right: 6px;
}
embed {
  width: 100% !important;
  height: 622px;
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
@media only screen and (max-width: 480px) {
  .userExtensionstabs .tab .nav-tabs li {
    width: 100%;
    text-align: center;
  }
  .userExtensionstabs .tab .nav-tabs li.active a,
  .tab .nav-tabs li.active a:after,
  .tab .nav-tabs li.active a:hover {
    border: none;
  }
}

@media (min-width: 768px) {
  .app-content {
    margin-left: 240px;
  }
}
@media (max-width: 767px) {
  .app-content {
    margin-top: 50px;
    min-width: 100%;
  }
}
@media (max-width: 480px) {
  .app-content {
    padding: 15px;
  }
}
@media print {
  .app-content {
    margin: 0;
    padding: 0;
    background-color: #fff;
  }
}

/*----- Componant Top Navigation Bar ----- */
.docuchain-app-header {
  position: fixed;
  left: 0;
  right: 0;
  padding-right: 0;
  top: 0;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  z-index: 1030;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(197, 197, 197, 0.75);
  -moz-box-shadow: 1px 5px 5px 0px rgba(197, 197, 197, 0.75);
  box-shadow: 1px 5px 5px 0px rgba(197, 197, 197, 0.75);
}
.docuchain-header-logo {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: #fff;
  text-align: center;
  border-right: 1px solid #d7d7d7;
  font-family: 'Niconne';
  padding: 0px 15px;
  font-weight: 400;
  line-height: 80px;
}
.docuchain-header-logo img {
  object-fit: contain;
  width: 188px;
  height: 78px;
}
.docuchain-header-logo:focus,
.docuchain-header-logo:hover {
  text-decoration: none;
  color: #fff;
}
.docuchain-sidebar-toggle {
  padding: 0 15px;
  font-family: fontAwesome;
  color: #000000;
  line-height: 2.4;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.docuchain-sidebar-toggle:before {
  content: '\f0c9';
  font-size: 21px;
}
.docuchain-sidebar-toggle:focus,
.docuchain-sidebar-toggle:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}
.doculogo {
  padding: 12px 12px;
  border-left: 1px solid #dddddd;
}
.doculogo a {
  cursor: default;
}
@media (min-width: 768px) {
  /* .docuchain-app-header { padding-right: 30px;} */
}
@media print {
  .docuchain-app-header {
    display: none;
  }
}
@media (min-width: 768px) {
  .docuchain-header-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: 240px;
    background-color: #ffffff;
  }
}
@media (max-width: 767px) {
  .docuchain-sidebar-toggle {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
.docuchain-app-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .docuchain-app-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}
.app-nav__item {
  cursor: pointer;
  position: relative;
  margin: 0px 12px;
  outline: none;
  padding-right: 5px;
  line-height: 20px;
  color: #000000;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  font-size: 20px;
}
.app-nav__item:hover,
.app-nav__item:focus {
  color: #000000;
  outline: none;
}
.app-nav__item span {
  position: absolute;
  background: #126bff;
  color: #ffffff;
  font-size: 11px;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  top: -4px;
  right: 0;
  text-align: center;
}
.app-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 15px;
  padding: 10px 0;
}
.app-notification {
  min-width: 270px;
  margin-top: 16px;
}
.app-notification__title {
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(68, 138, 255, 1);
  color: #ffffff;
  font-size: 16px;
  position: relative;
}
.app-notification__title:after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 17px;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #448aff transparent;
}
.app-notification__footer {
  padding: 8px 20px;
  text-align: center;
  background-color: #eee;
  font-size: 16px;
}
.app-notification__content {
  max-height: 220px;
  overflow-y: auto;
}
.app-notification__content::-webkit-scrollbar {
  width: 6px;
}
.app-notification__content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}
.app-notification__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 20px;
  color: inherit;
  border-bottom: 1px solid #ddd;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.app-notification__item:focus,
.app-notification__item:hover {
  color: inherit;
  text-decoration: none;
  background-color: #f2f2f2;
}
.app-notification__message,
.app-notification__meta {
  margin-bottom: 0;
  font-size: 12px;
}
.app-notification__icon {
  padding-right: 10px;
}
.app-notification__message {
  line-height: 1.2;
  font-size: 14px;
}

/* Side Navigation */
.app-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  margin-top: 80px;
  width: 240px;
  overflow: auto;
  z-index: 999;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 9px 14px 0px rgba(214, 214, 214, 0.75);
  -moz-box-shadow: 2px 9px 14px 0px rgba(214, 214, 214, 0.75);
  box-shadow: 2px 9px 14px 0px rgba(214, 214, 214, 0.75);
  -webkit-transition:
    left 0.3s ease,
    width 0.3s ease;
  -o-transition:
    left 0.3s ease,
    width 0.3s ease;
  transition:
    left 0.3s ease,
    width 0.3s ease;
}
.app-sidebar::-webkit-scrollbar {
  width: 6px;
}
.app-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}
@media print {
  .app-sidebar {
    display: none;
  }
}
@media (max-width: 767px) {
  .app-sidebar__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
  }
}
.app-sidebar__user {
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #448aff;
}
.imgupload {
  width: 70px;
  height: 70px;
  display: inline-block;
  cursor: pointer;
}
.imgupload img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.app-sidebar__user-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  width: 100%;
  height: 100%;
  border: 3px solid #ededed;
  -webkit-box-shadow: 1px 3px 8px 0px rgba(123, 123, 123, 0.75);
  -moz-box-shadow: 1px 3px 8px 0px rgba(123, 123, 123, 0.75);
  box-shadow: 1px 3px 8px 0px rgba(123, 123, 123, 0.75);
}
.app-sidebar__user-name {
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: 6px;
  font-weight: 500;
  color: #ffffff;
  word-wrap: break-word;
}
.app-sidebar__user-designation {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 0;
  font-size: 14px;
  color: #dadada;
}
.app-menu li.active a {
  background: #083b66 !important;
  color: #ffffff;
}
.app-menu {
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-top: 40px;
}
.app-menu__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  -webkit-transition:
    border-left-color 0.3s ease,
    background-color 0.3s ease;
  -o-transition:
    border-left-color 0.3s ease,
    background-color 0.3s ease;
  transition:
    border-left-color 0.3s ease,
    background-color 0.3s ease;
  color: #000000;
  background: #eaeaea;
  margin: 1px 0 1px 0;
}
.app-menu__item i {
  margin-right: 6px;
}
.app-menu__item img {
  display: block;
}
.imgclrs {
  padding: 12px 15px;
  background: #ff0000;
}
.app-menu__item {
  text-decoration: none !important;
}
.app-menu__item.active,
.app-menu__item:hover {
  background: #083b66;
  text-decoration: none !important;
  color: #ffffff !important;
}

.app-menu__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25px;
}
/* .app-menu__label {
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 12px;
} */

.app-menu__label {
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 12px;
}
.treeview.is-expanded [data-toggle='treeview'] {
  border-left-color: #083b66;
  background: #083b66;
  color: #ffffff;
}
.treeview.is-expanded .treeview-menu {
  max-height: 100vh;
}
.treeview.is-expanded .treeview-indicator {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.treeview-menu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  background: #2a383e;
}
.treeview-item {
  display: -webkit-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 22px;
  font-size: 16px;
  color: #fff;
}
.treeview-item.active,
.treeview-item:hover,
.treeview-item:focus {
  background: #0d1214;
  text-decoration: none;
  color: #fff;
}
.treeview-item .icon {
  margin-right: 5px;
}
.treeview-item i {
  margin-right: 6px;
}
.treeview-indicator {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
/* Admin Module */
.docuchain-count-list ul {
  margin: 0;
  padding: 0 60px;
}
.docuchain-count-list ul li {
  display: inline-block;
  padding: 0 22px 0 0;
}
.countList {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}
.shipnamelist {
  float: left;
}
.shipnamelist h1 {
  font-size: 13px;
  margin: 0;
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
}
.shipnamelist h2 {
  font-size: 18px;
  margin-top: 4px;
  font-weight: bold;
  color: #05957b;
  margin-bottom: 0;
}
.shipimage {
  float: right;
  margin-left: 16px;
}
/* User Module */
.shipnamelist h3 {
  font-size: 16px;
  margin-top: 4px;
  font-weight: 400;
  color: #05957b;
  margin-bottom: 0;
}
/* Upload File */
.uploadfile .modal {
  background: rgba(0, 0, 0, 0.7);
}
.uploadfile .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.uploadfile .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.uploadfile .modal-content {
  border: none;
}
.uploadfile .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.uploadfile .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.uploadfile .modal-body {
  padding: 15px 18px 0;
}
.uploadfile .modal-footer1 {
  padding: 20px;
  float: left;
  width: 100%;
}
/* Suber Admin */
.manageOrganizationTable table,
.systemConfig table {
  width: 100%;
  margin-bottom: 0;
}
.manageOrganizationTable table thead,
.systemConfig table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.manageOrganizationTable table thead tr th,
.systemConfig table thead tr th {
  color: #ffffff;
  cursor: pointer;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.manageOrganizationTable table tbody tr td,
.systemConfig table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.manageOrganizationTable table tbody tr td a,
.systemConfig table tbody tr td a {
  outline: none;
  border: none;
  cursor: pointer;
}
.manageOrganizationTable table tbody tr:nth-child(odd),
.systemConfig table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.manageOrganizationTable table tbody tr:nth-child(even),
.systemConfig table tbody tr:nth-child(even) {
  background: #ffffff;
}
.manageOrganizationTable table thead tr th.manageactionwidth,
.systemConfig table thead tr th.manageactionwidth {
  min-width: 115px;
}
.manageOrganizationTable table thead tr th.adminactionwidth,
.systemConfig thead tr th.adminactionwidth {
  min-width: 80px;
}
.manageOrganizationTable table thead tr th i,
.systemConfig table thead tr th i {
  margin-left: 6px;
  font-weight: 300;
  color: #a5c7ff;
}
.fa-sort {
  color: #a5c7ff;
}
/* Create New Popup */
.sacreatenew .modal {
  background: rgba(0, 0, 0, 0.7);
}
.sacreatenew .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.sacreatenew .modal-header {
  background: #448aff;
  padding: 10px 18px;
}
.sacreatenew .modal-content {
  border: none;
}
.sacreatenew .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.sacreatenew .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.sacreatenew .createtaskbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.sacreatenew .createtaskbody {
  padding: 15px 18px 0;
}
.sacreatenew .createtaskbody .form-group label span {
  color: #ff0000;
}
.sacreatenew .createtaskbody .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
}
.sacreatenew .createtaskbody .form-group textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  height: 60px;
  resize: none;
  outline: none;
  font-size: 15px;
}
.sacreatenew .createtaskbody .form-group input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.sacreatenew .createtaskbody .form-group input:-ms-input-placeholder {
  color: #b7b7b7;
}
.sacreatenew .createtaskbody .form-group input::-ms-input-placeholder {
  color: #b7b7b7;
}
.sacreatenew .createtaskbody .form-group input::placeholder {
  color: #b7b7b7;
}
.tasksselect select {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.tasksselect {
  position: relative;
}
.tasksselect:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}
.sacreatenew .modal-footer1 {
  padding: 20px;
}
.datepickerinput {
  position: relative;
}
.datepickerinput i {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
}
/* Subscripion */
.subscriptionPopup .modal {
  background: rgba(0, 0, 0, 0.7);
}
.subscriptionPopup .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.subscriptionPopup .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.subscriptionPopup .modal-content {
  border: none;
}
.subscriptionPopup .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.subscriptionPopup .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
/* .subscriptionPopup .subscriptbody {
  padding: 15px 18px 0;
} */
 .subscriptionPopup .subscriptbody {
  padding: 10px 10px 0;
}
.subscriptionPopup .subscriptbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.subscriptionPopup .subscriptbody .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.subscriptionPopup .subscriptbody .form-group textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  height: 60px;
  resize: none;
  outline: none;
  font-size: 15px;
}
.subscriptionPopup .modal-footer1 {
  padding: 20px;
}

.subscriptionPopup
  .subscriptbody
  .datepickerplace
  input::-webkit-input-placeholder {
  color: #333333 !important;
}
.subscriptionPopup .subscriptbody .datepickerplace input:-ms-input-placeholder {
  color: #333333 !important;
}
.subscriptionPopup
  .subscriptbody
  .datepickerplace
  input::-ms-input-placeholder {
  color: #333333 !important;
}
.subscriptionPopup .subscriptbody .datepickerplace input::placeholder {
  color: #333333 !important;
}
/* Breadcrumb */
#breadcrumb {
  list-style: none;
  display: inline-block;
  margin: 0;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  display: block;
  background: #0a3c67;
  text-decoration: none;
  position: relative;
  height: 32px;
  line-height: 32px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #0a3c67;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #0a3c67;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #0a3c67;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before,
#breadcrumb li a:after {
  content: '';
  position: absolute;
  top: 0;
  border: 0 solid #0a3c67;
  border-width: 16px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #0a3c67;
}
#breadcrumb li a:hover {
  background-color: #448aff;
}
#breadcrumb li a:hover:before {
  border-color: #448aff;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #448aff;
}
#breadcrumb li a:active {
  background-color: #05957b;
}
#breadcrumb li a:active:before {
  border-color: #05957b;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #05957b;
}
/* Manage Admin Popup */
.manageAdminPopup .modal {
  background: rgba(0, 0, 0, 0.7);
}
.manageAdminPopup .modal-dialog {
  max-width: 560px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.manageAdminPopup .modal-header {
  background: #448aff;
  padding: 10px 18px;
}
.manageAdminPopup .modal-content {
  border: none;
}
.manageAdminPopup .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.manageAdminPopup .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.manageAdminPopup .madminbody {
  padding: 4px 18px 0;
}
.manageAdminPopup .madminbody table {
  width: 100%;
  margin-bottom: 0;
}
.manageAdminPopup .madminbody table thead {
  background: #448aff;
}
.manageAdminPopup .madminbody table thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.manageAdminPopup .madminbody table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.manageAdminPopup .madminbody table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.manageAdminPopup .madminbody table tbody tr:nth-child(even) {
  background: #ffffff;
}
.manageAdminPopup .modal-footer1 {
  padding: 20px;
}
.addnewbtnma,
.addnewbtnma:hover,
.addnewbtnma:focus {
  background: #05957b;
  color: #ffffff;
  margin-bottom: 12px;
  float: right;
  text-align: center;
  font-size: 14px;
  border-radius: 60px;
  padding: 6px 20px;
  outline: none;
  border: none;
}
/* Add New Popup Manage admin */
.manageAdminaddnew .modal {
  background: rgba(0, 0, 0, 0.7);
}
.manageAdminaddnew .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.manageAdminaddnew .modal-header {
  background: #448aff;
  padding: 10px 18px;
}
.manageAdminaddnew .modal-content {
  border: none;
}
.manageAdminaddnew .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.manageAdminaddnew .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.manageAdminaddnew .subscriptbody {
  padding: 15px 18px 0;
}
.manageAdminaddnew .subscriptbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.manageAdminaddnew .subscriptbody .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
}
.manageAdminaddnew .subscriptbody .form-group textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  height: 60px;
  resize: none;
  outline: none;
  font-size: 15px;
}
.manageAdminaddnew .modal-footer1 {
  padding: 20px;
}
/* Create New System Configuration */
.confplaceholder .modal {
  background: rgba(0, 0, 0, 0.7);
}
.confplaceholder .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.confplaceholder .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.confplaceholder .modal-content {
  border: none;
}
.confplaceholder .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.confplaceholder .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.confplaceholder .subscriptbody {
  padding: 15px 18px 0;
}
.confplaceholder .subscriptbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}

.confplaceholder .subscriptbody .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.confplaceholder .subscriptbody .form-group textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  height: 60px;
  resize: none;
  outline: none;
  font-size: 15px;
}
.confplaceholder .modal-footer1 {
  padding: 20px;
}
@media (min-width: 768px) {
  .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
  .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
  .sidebar-mini.sidenav-toggled .treeview-indicator {
    display: none;
  }
  .sidebar-mini.sidenav-toggled .badge {
    display: none;
  }
  .sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
    width: 30px;
    height: 30px;
  }
  .sidebar-mini.sidenav-toggled .imgupload {
    width: auto;
    height: auto;
  }
  .sidebar-mini.sidenav-toggled .app-content {
    margin-left: 50px;
  }
  .sidebar-mini.sidenav-toggled .app-sidebar {
    left: 0;
    width: 48px;
    overflow: hidden;
  }
  .sidebar-mini.sidenav-toggled .app-sidebar:hover {
    overflow: visible;
  }
  .sidebar-mini.sidenav-toggled .app-menu__item {
    overflow: hidden;
  }
  .sidebar-mini.sidenav-toggled .app-menu__item:hover {
    overflow: visible;
  }
  .sidebar-mini.sidenav-toggled .app-menu__item:hover .app-menu__label {
    opacity: 1;
  }
  .sidebar-mini.sidenav-toggled .app-menu__item:hover + .treeview-menu {
    visibility: visible;
  }
  .sidebar-mini.sidenav-toggled .app-menu__label {
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    min-width: 180px;
    padding: 15px 5px 12px 20px;
    margin-left: -3px;
    line-height: 1;
    opacity: 0;
    background: #0d1214;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidenav-toggled .treeview:hover .app-menu__item {
    overflow: visible;
    background: #0d1214;
    border-left-color: #009688;
    color: #fff;
  }
  .sidebar-mini.sidenav-toggled .treeview:hover .app-menu__label {
    opacity: 1;
  }
  .sidebar-mini.sidenav-toggled .treeview:hover .treeview-menu {
    max-height: 100vh;
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
  .sidebar-mini.sidenav-toggled .treeview .app-menu__label {
    border-bottom-right-radius: 0;
  }
  .sidebar-mini.sidenav-toggled .treeview-menu {
    position: absolute;
    left: 50px;
    min-width: 180px;
    padding: 12px 0;
    opacity: 0;
    border-bottom-right-radius: 4px;
    z-index: 9;
    visibility: hidden;
    -webkit-transition: visibility 0.3s ease;
    -o-transition: visibility 0.3s ease;
    transition: visibility 0.3s ease;
  }
}
.dropdown-menu {
  border-radius: 0;
  -webkit-box-shadow:
    0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dropdown-menu.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-item .fa,
.dropdown-item .icon {
  margin-right: 5px;
  vertical-align: middle;
}
.btn {
  cursor: pointer;
}
.btn[disabled] {
  cursor: not-allowed;
}
.btn .icon,
.btn .fa {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: middle;
}
.app-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  margin: -30px -30px 30px;
  padding: 20px 30px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.docuchain-admin-title {
  margin-top: 15px;
}
.docuchain-admin-title h1 {
  color: #000000;
  font-size: 20px;
  margin-top: 10px;
  font-weight: 500;
  text-transform: uppercase;
}
@media print {
  .app-title {
    display: none;
  }
}
@media (max-width: 480px) {
  .app-title {
    margin: -15px -15px 15px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.app-title h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}
.app-title p {
  margin-bottom: 0;
  font-style: italic;
}
@media (max-width: 480px) {
  .app-title p {
    display: none;
  }
}
.app-breadcrumb {
  margin-bottom: 0;
  text-align: right;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  padding: 0;
  text-align: left;
  padding: 0;
  background-color: transparent;
}
@media (max-width: 480px) {
  .app-breadcrumb {
    margin-top: 10px;
  }
}

/*-- Login --*/
.docu-login-section {
  background: #ffffff;
}
.docu-login-logo {
  position: fixed;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow-y: auto;
}
.docu-form {
  position: relative;
  width: 410px;
  margin: auto;
}
.docu-logo {
  text-align: center;
}
.docu-logo h1 {
  color: #626262;
  font-size: 20px;
  font-weight: 500;
  margin: 30px 0;
  text-transform: uppercase;
}
.docu-form-div {
  margin-top: 50px;
}
.docu-form-group {
  margin-bottom: 22px;
}
.docu-form-group label {
  color: #949494;
  font-size: 15px;
}
.docu-form-group input {
  padding: 8px 12px;
  border: none;
  border-bottom: 1px solid #bbbbbb;
  width: 100%;
  outline: none;
  font-size: 15px;
  background: transparent;
}
.docu-form-group input:focus {
  transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  border-bottom: 1px solid #083b66;
}
.docu-form-group input[type='checkbox'] {
  width: auto;
}
.docu-form-group p {
  margin-top: 6px;
}
.forgt-pwd {
  float: right;
}
.forgt-pwd1 {
  text-align: right;
}
.forgt-pwd a,
.forgt-pwd1 a {
  color: #083b66;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  font-family: 'Roboto';
}
.signin-btn {
  text-align: center;
  background: #083b66;
  border: none;
  border-radius: 60px;
  display: inline-block;
  color: #ffffff;
  padding: 14px 0px;
  width: 140px;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  margin-top: 60px;
  cursor: pointer;
}
.docu-group-logo {
  background: url(../image/bg-banner.jpg) no-repeat center left/cover;
  position: fixed;
  width: 60%;
  height: 100%;
  right: 0;
  display: flex;
  align-items: center;
}
.docu-group {
  position: absolute;
  margin: auto;
  width: 400px;
  right: 0;
  left: 0;
}

/*Checkboxes styles*/
.boxes {
  display: inline-block;
}
.boxes input[type='checkbox'] {
  display: none;
}
.boxes input[type='checkbox'] + label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  font-weight: 300;
  color: #083b66;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.boxes input[type='checkbox'] + label:last-child {
  margin-bottom: 0;
}
.boxes input[type='checkbox'] + label:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #083b66;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  border-radius: 4px;
  margin-top: -2px;
  -webkit-transition:
    all 0.12s,
    border-color 0.08s;
  transition:
    all 0.12s,
    border-color 0.08s;
}
.boxes input[type='checkbox']:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.docu-submit-btn {
  background: #0098e1;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  border-radius: 60px;
  border: none;
  display: inline-block;
  text-align: center;
  margin-top: 12px;
  outline: none;
  padding: 10px 20px;
  text-transform: uppercase;
  -webkit-box-shadow: -1px 4px 12px 0px rgba(210, 210, 210, 1);
  -moz-box-shadow: -1px 4px 12px 0px rgba(210, 210, 210, 1);
  box-shadow: -1px 4px 12px 0px rgba(210, 210, 210, 1);
}
.docu-submit-btn:focus {
  outline: none;
}
.docu-submit-btn:disabled,
.docu-submit-btn[disabled] {
  background: grey;
  cursor: not-allowed;
}
.datepick .btn-group > .btn-group {
  width: 33.3333333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.datepick .btn-group > .btn-group ul {
  height: 260px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 182px;
}
.datepick .btn-group > .btn-group ul li a {
  font-size: 15px;
}
.datepick .btn-group > .btn-group .btn,
.datepick .btn-group > .btn-group .btn:hover,
.datepick .btn-group > .btn-group .btn:focus {
  box-shadow: none;
  text-align: left;
  background: #fff;
  border: 1px solid #cccccc;
  font-size: 15px;
  text-transform: capitalize;
  position: relative;
}
.datepick .btn-group > .btn-group .btn span {
  float: left;
}
.datepick .btn-group > .btn-group .btn span.caret {
  margin-top: 10px;
  float: right;
}
.angular-google-map-container {
  height: 400px;
}
.toaster-top-center {
  top: 12px;
  /* right: 12px; */
  /* left: 40% !important; */
  margin: 0 auto !important;
}

.btngeo:disabled,
.btngeo[disabled] {
  background: #efefef !important;
  color: #808080;
  border-color: #cccccc !important;
  cursor: not-allowed !important;
  font-size: 16px;
  text-transform: inherit;
}
.border-input-error {
  border: 1px solid red !important;
}
.dataPicker-bottom-margin {
  margin-bottom: 15px !important;
}
._720kb-datepicker-calendar {
  left: 3px;
  background: #fff;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 187px;
  margin: 0 auto;
  width: 50% !important;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow: hidden;
  margin-left: -0.5%;
  padding: 0 0 2% 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* Fix: Group Share Mail Modal in myworkspace/list */

#shareMail .text-message textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  background: #fff;
  outline: none;
  padding: 8px;
}
#shareMail .modal-body {
  /* padding: 6px; */
  padding: 32px;
}

#shareMail .text-message {
  margin: 10px 0;
}
.deleteMessage .modal-body {
  padding: 20px 20px 0;
  margin: 12px;
  min-height: 315px;
}
#shareMail .modal-dialog {
  max-width: 600px;
}
/*  Dropdown menu appstore and playstore */
.treeview-menu {
  z-index: 1000 !important;
  position: relative;
}

.appstore {
  position: relative;
  z-index: 999;
  margin-top: 20px;
}
.appstore {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
}

/* loader added */
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
}
.loader-div {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
}
#cssload-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 171px;
  height: 171px;
  margin: auto;
}
#cssload-loader .cssload-dot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 85.5px;
  height: 100%;
  margin: auto;
}
#cssload-loader .cssload-dot:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 85.5px;
  height: 85.5px;
  border-radius: 100%;
  transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
}
#cssload-loader .cssload-dot:nth-child(7n + 1) {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 1):before {
  background: rgb(0, 255, 128);
  animation: cssload-load 0.92s linear 0.12s infinite;
  -o-animation: cssload-load 0.92s linear 0.12s infinite;
  -ms-animation: cssload-load 0.92s linear 0.12s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.12s infinite;
  -moz-animation: cssload-load 0.92s linear 0.12s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 2) {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 2):before {
  background: rgb(0, 255, 234);
  animation: cssload-load 0.92s linear 0.23s infinite;
  -o-animation: cssload-load 0.92s linear 0.23s infinite;
  -ms-animation: cssload-load 0.92s linear 0.23s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.23s infinite;
  -moz-animation: cssload-load 0.92s linear 0.23s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 3) {
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 3):before {
  background: rgb(0, 170, 255);
  animation: cssload-load 0.92s linear 0.35s infinite;
  -o-animation: cssload-load 0.92s linear 0.35s infinite;
  -ms-animation: cssload-load 0.92s linear 0.35s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.35s infinite;
  -moz-animation: cssload-load 0.92s linear 0.35s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 4) {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 4):before {
  background: rgb(0, 64, 255);
  animation: cssload-load 0.92s linear 0.46s infinite;
  -o-animation: cssload-load 0.92s linear 0.46s infinite;
  -ms-animation: cssload-load 0.92s linear 0.46s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.46s infinite;
  -moz-animation: cssload-load 0.92s linear 0.46s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 5) {
  transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 5):before {
  background: rgb(42, 0, 255);
  animation: cssload-load 0.92s linear 0.58s infinite;
  -o-animation: cssload-load 0.92s linear 0.58s infinite;
  -ms-animation: cssload-load 0.92s linear 0.58s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.58s infinite;
  -moz-animation: cssload-load 0.92s linear 0.58s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 6) {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 6):before {
  background: rgb(149, 0, 255);
  animation: cssload-load 0.92s linear 0.69s infinite;
  -o-animation: cssload-load 0.92s linear 0.69s infinite;
  -ms-animation: cssload-load 0.92s linear 0.69s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.69s infinite;
  -moz-animation: cssload-load 0.92s linear 0.69s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 7) {
  transform: rotate(315deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 7):before {
  background: magenta;
  animation: cssload-load 0.92s linear 0.81s infinite;
  -o-animation: cssload-load 0.92s linear 0.81s infinite;
  -ms-animation: cssload-load 0.92s linear 0.81s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.81s infinite;
  -moz-animation: cssload-load 0.92s linear 0.81s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n + 8) {
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
}
#cssload-loader .cssload-dot:nth-child(7n + 8):before {
  background: rgb(255, 0, 149);
  animation: cssload-load 0.92s linear 0.92s infinite;
  -o-animation: cssload-load 0.92s linear 0.92s infinite;
  -ms-animation: cssload-load 0.92s linear 0.92s infinite;
  -webkit-animation: cssload-load 0.92s linear 0.92s infinite;
  -moz-animation: cssload-load 0.92s linear 0.92s infinite;
}
@keyframes cssload-load {
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@-o-keyframes cssload-load {
  100% {
    opacity: 0;
    -o-transform: scale(1);
  }
}

@-ms-keyframes cssload-load {
  100% {
    opacity: 0;
    -ms-transform: scale(1);
  }
}

@-webkit-keyframes cssload-load {
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes cssload-load {
  100% {
    opacity: 0;
    -moz-transform: scale(1);
  }
}
/* History  */
.historypop .modal {
  background: rgba(0, 0, 0, 0.7);
}
.historypop .modal-dialog {
  max-width: 800px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.historypop .modal-header {
  background: #126bff;
  padding: 10px 10px;
}
.historypop .modal-content {
  border: none;
}
.historypop .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.historypop .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.historypop .historybody {
  padding: 15px 18px;
}
.historypop .historybody table {
  width: 100%;
  margin-bottom: 0;
}
.historypop .historybody table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.historypop .historybody table thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.historypop .historybody table tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  /* border: 1px solid #e2e2e2; */
  border: 1px solid #f8f9fc;
  vertical-align: middle;
}
.historypop .historybody table tbody tr td p {
  color: #ed2939;
}
.historypop .historybody table tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.historypop .historybody table tbody tr:nth-child(even) {
  background: #ffffff;
}
/* Create Group */
.createGroup .modal {
  background: rgba(0, 0, 0, 0.7);
}
.createGroup .modal-dialog {
  max-width: 500px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.createGroup .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.createGroup .modal-content {
  border: none;
}
.createGroup .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.createGroup .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.createGroup .createtaskbody .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.createGroup .createtaskbody {
  padding: 15px 18px 0;
}
.createGroup .createtaskbody .form-group label span {
  color: #ff0000;
}
.createGroup .createtaskbody .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.createGroup .createtaskbody .form-group input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.createGroup .createtaskbody .form-group input:-ms-input-placeholder {
  color: #b7b7b7;
}
.createGroup .createtaskbody .form-group input::-ms-input-placeholder {
  color: #b7b7b7;
}
.createGroup .createtaskbody .form-group input::placeholder {
  color: #b7b7b7;
}
.createGroup .modal-footer1 {
  padding: 20px;
}

.toast-top-right {
  margin: auto;
  left: 0;
  right: 0;
  width: 300px;
}
.inline-radio {
  display: inline-block;
  margin: 0 30px 13px 0;
}
.inline-radio label {
  color: #333333;
  font-size: 15px;
  font-weight: 300;
}
.selectUsers .ui-select-container .ui-select-match .btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background: none !important;
  border: none;
}

.activetab a,
.activetab a {
  background: #448aff !important;
  color: #ffffff !important;
}
.remarks .modal-body {
  padding: 12px;
}
.remarks .modal-body textarea {
  width: 100%;
  resize: none;
  border: 1px solid #bbbbbb;
  background: #fff;
  outline: none;
  font-size: 16px;
  height: 60px;
}
.remarks .modal-body label {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.ebd-image {
  margin: 0 6px;
  float: left;
}
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}
.not-found-div {
  font-size: 14px !important;
  margin-top: 8px !important;
  text-align: center !important;
}

/* User Profile */
.user-profile-pic {
  background: #ffffff;
  float: left;
  width: 100%;
  -webkit-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  -moz-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  padding: 20px;
  margin-bottom: 20px;
}
.profile-section .user-icon {
  float: left;
  margin-right: 30px;
}
.profile-section {
  display: flex;
  align-items: center;
}
.user-icon-content h4 {
  color: #9a0606;
  font-size: 20px;
  font-weight: normal;
}
.user-icon-content h5 {
  color: #8e8e8e;
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px;
}
.user-icon-content p {
  color: #4b4b4b;
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px;
}
.btn-send {
  background: #0098e1;
  color: #ffffff;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 60px;
  cursor: pointer;
  text-align: center;
  border: none;
  outline: none;
}
.btn-send:focus {
  outline: none;
}
.user-profile-info {
  display: flex;
  align-items: center;
}
.user-info {
  margin-top: 25px;
}
.user-form {
  margin-bottom: 12px;
}
.user-form label {
  float: left;
  font-size: 16px;
  color: #6f6f6f;
  font-weight: bold;
  width: 150px;
}
.user-form p {
  font-size: 16px;
  color: #6a6a6a;
  font-weight: normal;
  display: table;
}
.user-form a {
  color: #296ab4;
  text-decoration: none;
}

.userProfileEdit .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.userProfileEdit .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
}

.resetoldnew .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.resetoldnew .form-group input {
  width: 100%;
  display: block;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.resetoldnew {
  width: 700px;
  margin: auto;
}
.flex {
  display: flex;
  align-items: center;
}
.pull-center {
  float: none;
}

/* Share Popup */
.shareview .modal {
  background: rgba(0, 0, 0, 0.7);
}
.shareview .modal-dialog {
  max-width: 900px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.shareview .modal-header {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  padding: 10px 18px;
}
.shareview .modal-content {
  border: none;
}
.shareview .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.shareview .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.shareview .subscriptbody {
  padding: 15px 18px 0;
}
.searchshare {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.searchshare .searchInput {
  position: relative;
  width: 300px;
  margin-bottom: 12px;
  overflow: hidden;
  margin: auto;
}
.sharetable table {
  width: 100%;
  margin-bottom: 0;
}
.sharetable table thead {
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.sharetable thead tr th {
  color: #ffffff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.sharetable tbody tr td {
  color: #545454;
  padding: 8px;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.sharetable tbody tr:nth-child(odd) {
  background: #f2f2f2;
}
.sharetable tbody tr:nth-child(even) {
  background: #ffffff;
}
.sharetablefield {
  float: left;
  width: 100%;
}
.shareviewbtn {
  border: none;
  background: #f1f1f1;
  color: #000000;
  display: block;
  padding: 6px 8px;
  text-align: center;
  font-size: 12px;
}
.shareview .sharecreatenetbtn {
  float: left;
  width: 100%;
}
.shareview .sharecreatenetbtn button {
  float: right;
}
.sharenewbtn {
  background: #448aff;
  border: none;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  padding: 6px 16px;
  text-align: center;
  outline: none;
  margin: 12px 0;
}
.sharenewbtn img {
  margin-right: 6px;
}
.sharenewfield {
  float: left;
  width: 100%;
}
.sharefield .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.sharefield .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 7px 12px;
  outline: none;
  font-size: 15px;
}
.shareselectDocument {
  float: left;
  width: 100%;
}
.sharescroll {
  height: 150px;
  overflow-y: auto;
}
.sharedocument h1 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 12px;
}
.sharedocument ul {
  list-style-type: none;
}
.sharedocument ul li {
  display: block;
}
.sharedocument ul li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #000000;
  font-weight: 300;
  outline: none;
  border: none;
  padding: 8px 0px;
}
.sharecheckbox .clearcheckbox {
  margin-bottom: 6px;
}
.sharecheckbox .clearcheckbox .control {
  font-size: 15px;
  font-weight: 300;
  padding-left: 28px;
}
.shareview .modal-footer1 {
  padding: 20px 0;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.checbtn {
  display: inline-block;
  padding: 0 20px;
}
.checbtn label {
  font-size: 16px;
  font-weight: 300;
}
.checbtn .sharecheckbox {
  display: inline-block;
}
.sharesendbtn {
  border: 1px solid #448aff;
  background: #448aff;
  color: #ffffff;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
}
.sharecheckbox.ng-binding.ng-scope {
  line-height: 30px;
  font-size: 16px;
}

/* New style added  */
.listtechnical ul {
  margin: 0px;
}
.cursorDef {
  cursor: default;
}
.VesselTableData table tbody tr td:last-child button {
  margin-bottom: 5px;
}
.drop-focus:focus {
  border-color: #448aff !important;
}

/* sessionExpired Popup */
.sessionExpired .modal {
  background: rgba(0, 0, 0, 0.7);
}
.sessionExpired .modal-dialog {
  max-width: 380px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.sessionExpired .modal-header {
  background: #ff6b6b;
  padding: 8px 18px;
}
.sessionExpired .modal-content {
  border: none;
}
.sessionExpired .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.sessionExpired .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 22px;
  font-weight: normal;
}
.sessionExpired .modal-body {
  padding: 20px 20px 0;
  margin: auto;
  margin-bottom: 20px;
}
.sessionExpired .delete-group-body p {
  font-size: 16px;
  color: #000000;
  font-weight: 300;
  line-height: 18px;
}
.sessionExpired .delete-group-body p i {
  color: #fc6e67;
  margin-right: 12px;
  font-size: 26px;
  float: left;
}
.sessionExpired .modal-footer {
  border: none;
}

.shipimage img {
  width: 45px; /* Adjust based on your icon size */
  height: auto;
}

.sessionExpired .btnd {
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  padding: 6px 20px;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  outline: none;
}
.warning-email {
  border: 1px solid red !important;
}
.app-menu li.active-li a {
  background: #083b66;
  text-decoration: none;
  color: #ffffff !important;
}
.vessletypewidth .ui-select-container input {
  width: 100% !important;
}
.profileeditimage img {
  object-fit: contain;
  width: 110px;
}
.mobt {
  margin-bottom: 6px;
  margin-top: 6px;
}
.footerbtn {
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.profileuser img {
  width: 120px;
  height: 120px;
  object-fit: contain;
}
.editbtnprofile {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.editbtnprofile button {
  margin: 0 0 0 6px;
}
.inputtypetext {
  position: relative;
}
.resetoldnew span {
  margin-bottom: 6px;
}

.textareafield textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 10px 8px;
  outline: none;
  font-size: 15px;
  height: 115px;
  resize: none;
}
.fullwrap {
  float: left;
  width: 100%;
}
/* Profile Picture New Design */
.solid-profile-cards .docu-profile-card {
  background: #fbfbfb;
  margin-bottom: 20px;
  box-shadow:
    1px 1px 1px 0 rgba(84, 79, 79, 0.85),
    3px 3px 1px rgba(128, 128, 128, 0.24);
  -webkit-box-shadow:
    1px 1px 1px 0 rgba(84, 79, 79, 0.85),
    3px 3px 1px rgba(128, 128, 128, 0.24);
  -moz-box-shadow:
    1px 1px 1px 0 rgba(84, 79, 79, 0.85),
    3px 3px 1px rgba(128, 128, 128, 0.24);
  border-radius: 8px 8px 20px 20px;
  -webkit-border-radius: 8px 8px 20px 20px;
}
.solid-profile-cards .docu-profile-card .docu-profile-card-header {
  background: #448aff;
  width: 100%;
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-left-right-radius: 8px;
  -moz-border-left-right-radius: 8px;
  padding: 12px 0;
}
.solid-profile-cards .docu-profile-card .docu-profile-card-header h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
}
.docu-profile-card-header h3 i {
  margin-right: 10px;
}
.solid-profile-cards .docu-profile-card-body {
  position: relative;
  width: 100%;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 16px;
  -moz-border-bottom-right-radius: 16px;
  border-bottom-right-radius: 16px;
  /* border-bottom: 3px solid #676056; */
}
.solid-profile-cards .docu-profile-card-picture img {
  width: 125px;
  height: 125px;
  margin: 15px auto 0;
  border: 5px solid #fff;
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  object-fit: cover;
}
.docu-profile-card-picture img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
}
.solid-profile-cards .docu-profile-card-details {
  padding: 0.5em 1em;
}
.solid-profile-cards .docu-profile-card-details h4 {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: enter;
}
.solid-profile-cards .docu-profile-card-details span {
  display: block;
}
.solid-profile-cards .docu-profile-card-details .profile-details {
  position: relative;
  border-top: 1px solid #9e9e9e;
  margin: 2em 0;
  padding: 1.5em 0 0;
}
.solid-profile-cards .docu-profile-card-details .profile-details:after {
  content: '';
  width: 22px;
  height: 22px;
  background: #9e9e9e;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 5px solid #fbfbfb;
}
.solid-profile-cards .docu-profile-card-details .profile-details li {
  margin-bottom: 0.5em;
}
.solid-profile-cards .docu-profile-card-details .profile-details li p {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 14px;
  color: #000000;
}
.solid-profile-cards .docu-profile-card-details .profile-details li span {
  float: right;
  font-size: 14px;
}

.profiletabs {
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #ffffff;
}
.profiletabs ul {
  padding: 12px 12px;
}
.profiletabs .tab .nav-tabs {
  border: none;
}
.profiletabs .tab .nav-tabs li {
  margin: 0;
}
.profiletabs .tab .nav-tabs li a {
  font-size: 17px;
  cursor: pointer;
  color: #000000;
  border: 1px solid #dddddd;
  background: #fff;
  margin: 0;
  padding: 8px 20px;
  border-radius: 0;
  position: relative;
}
.profiletabs .tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover {
  color: #fff;
  border: none;
  background: #692f6a;
  border: 1px solid #692f6a;
}
.profiletabs .tab .nav-tabs li.active a:after {
  content: '';
  border-top: 10px solid #692f6a;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 43%;
}
.profiletabs .tab .tab-content {
  font-size: 13px;
  color: #999898;
  background: #fff;
  padding: 12px 12px;
  border-top: none;
}
.profiletabs .tab .tab-content h3 {
  font-size: 24px;
  color: #999898;
  margin-top: 0;
}
.profilechange img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.profile-edit-box .form-group label {
  color: #656565;
  font-size: 15px;
  font-weight: 300;
}
.profile-edit-box .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
/* Report an Issue */
.reportissues {
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background: #ffffff;
  padding: 20px 20px;
}
.reportForm .form-group label {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.reportForm .form-group input {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 10px 12px;
  outline: none;
  font-size: 15px;
  border-radius: 6px;
}
.reportForm .form-group textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 10px 12px;
  outline: none;
  font-size: 15px;
  height: 100px;
  resize: none;
  border-radius: 6px;
}
.reportsubmitbtn {
  float: right;
  border: 1px solid #448aff;
  background: #448aff;
  color: #ffffff;
  border-radius: 60px;
  font-size: 16px;
  outline: none;
  text-transform: uppercase;
}

.accessDenied {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 400px;
  top: 0;
  bottom: 0;
  height: 165px;
  background: #ffffff;
  box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:
    0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.accessDbody h1 {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #972323;
}
.accessDbody {
  text-align: center;
  padding: 20px;
}
.accessDbody p {
  margin-bottom: 0;
}

.toggleoption {
  display: none;
  padding: 12px;
  background: #ffffff;
  cursor: pointer;
  position: relative;
}
.shipProfilePicture .centerimg {
  display: block;
}

.manageOrganizationTable table thead th:nth-child(1),
.manageOrganizationTable table tbody td:nth-child(1) {
  width: 190px;
  word-break: break-all;
}
.manageOrganizationTable table thead th:nth-child(2),
.manageOrganizationTable table tbody td:nth-child(2) {
  width: 186px;
  word-break: break-all;
}

.manageOrganizationTable table thead th:nth-child(3),
.manageOrganizationTable table tbody td:nth-child(3) {
  width: 167px;
}

.docuadmin-table table thead tr th:nth-child(1),
.docuadmin-table table tbody tr td:nth-child(1) {
  width: 300px;
  word-break: break-all;
}
.docuadmin-table table thead tr th:nth-child(2),
.docuadmin-table table tbody tr td:nth-child(2) {
  width: 290px;
  word-break: break-all;
}

.docuadmin-table table thead tr th:nth-child(3),
.docuadmin-table table tbody tr td:nth-child(3) {
  width: 230px;
  word-break: break-all;
}

.docuadmin-table table thead tr th:nth-child(4),
.docuadmin-table table tbody tr td:nth-child(4) {
  width: 290px;
  word-break: break-all;
}
.docuadmin-table table thead tr th:nth-child(5),
.docuadmin-table table tbody tr td:nth-child(5) {
  width: 220px;
  word-break: break-all;
}

.dmsbgwhite {
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
}

.appstore {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding-bottom: 20px;
  left: 0;
  right: 0;
}
ul.appstore {
  margin: 0;
  list-style-type: none;
}
ul.appstore li {
  display: inline-block;
}
ul.appstore li a {
  display: block;
}
ul.appstore li a img {
  width: 95px;
  object-fit: cover;
  object-position: center;
}

/* New Notification */
.dmsnotification {
  float: left;
  width: 100%;
  background: #ffffff;
  padding: 6px;
}
.notificationsection {
  background: #ffffff;
  display: flex;
  align-items: center;
  border-left: 4px solid #457d19;
  margin-bottom: 12px;
  padding: 12px 7px 12px 12px;
  -webkit-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  -moz-box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
  box-shadow: -1px 5px 5px 0px rgba(193, 193, 193, 0.75);
}
.borderlftred {
  border-left: 4px solid #d03c3c;
}
.borderlftyellow {
  border-left: 4px solid #f7ac15;
}
.notification-image {
  float: left;
  margin-right: 22px;
}
.notifyContent {
  float: left;
  width: 88%;
}
.notifydelete {
  float: left;
  text-align: right;
  width: 12%;
}
.boxcheckbox {
  display: inline-block;
  margin: 0 4px;
}
.notifyContent h1 {
  margin: 0 0 4px 0;
  font-size: 17px;
}
.notifyContent p {
  margin: 0 0 4px 0;
  font-size: 15px;
  line-height: 20px;
}
.notifyContent span {
  color: #8a8a8a;
}
.notifyContent span.timecut {
  font-size: 12px;
  color: #8a8a8a;
}
.notifydelete button i {
  font-size: 14px;
}
.notifydelete button {
  padding: 1.4px 3px;
}
.dropnotification select {
  width: 100%;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 12px 12px;
  outline: none;
  font-size: 15px;
  position: relative;
}
.dropnotification {
  position: relative;
  float: left;
  width: 300px;
}
.dropnotification:after {
  content: '\f0d7';
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #777;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0px;
  right: 0px;
  padding: 12px;
}

.dmsnewnotify .panel-heading.collapsed .fa-chevron-down,
.dmsnewnotify .panel-heading .fa-chevron-right {
  display: none;
}
.dmsnewnotify .panel-heading.collapsed .fa-chevron-right,
.dmsnewnotify .panel-heading .fa-chevron-down {
  display: inline-block;
}
.dmsnewnotify .collapsed ~ .panel-body {
  padding: 0;
}
.dmsnewnotify .panel-info {
  border: 1px solid #d0d0d0;
  margin-bottom: 6px;
}
.dmsnewnotify .panel-info > .panel-heading {
  background: #e7e7e7;
  color: #000000;
  border: 1px solid #e7e7e7;
  cursor: pointer;
}
.dmsnewnotify .panel-body .dmsnotifytable {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
.vesselimagetable img {
  height: 110px;
  object-fit: cover;
  object-position: center;
}
.vessletableview {
  background: #f1f1f1;
  width: 100%;
  float: left;
}
.vessletableview .notifyviewhead {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  /* background: #448aff; */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
}
.vessletableview .notifytypebody {
  float: left;
  width: 100%;
}

.recntcount .checkboxview {
  float: left;
  padding: 8px;
}
.recntcount .checkboxview h1 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
}
.notfyclose {
  float: right;
  padding: 12px;
  color: #fff;
}
.notfyclose h1 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}
.notifytypebody .notifyicon {
  float: left;
  width: 50%;
  display: flex;
  align-items: center;
}
.notifytypebody .notifybttn {
  float: left;
  width: 50%;
  padding: 12px;
  text-align: right;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.notifydetail {
  padding: 18px !important;
}
.notifydetails img {
  width: 30px;
  object-fit: cover;
  object-position: center;
}
.notifyopen {
  margin: 0 6px;
  text-align: center;
}
.notifyopen select {
  width: 100%;
  height: 30px;
  padding: 0 6px;
  font-size: 14px;
  background: #ff8830;
  color: #fff;
}
.notifyopen ul {
  margin-bottom: 0px;
}
.notifyopen ul .open-grn a {
  background: #187e03;
}
.notifyopen ul li a {
  display: inline-block;
  background: #8b0ce8;
  text-align: center;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  outline: none;
}
.paddleft {
  padding-left: 0px;
}
.paddright {
  padding-right: 0px;
}
.imopnt {
  margin-left: 64px;
}
.text-message textarea {
  width: 831px;
  background: transparent;
  font-size: 16px;
  border: 1px solid #448aff;
  resize: none;
  max-width: 981px;
  height: 430px;
  margin-bottom: 20px;
}
.text-message textarea {
  outline: none;
}
.subject-mail .form-group input {
  width: 100%;
  background: transparent;
  border: 1px solid #448aff;
  padding: 8px 12px;
  outline: none;
  font-size: 15px;
  height: 40px;
}
.subject-mail label {
  font-size: 16px;
  color: #0b0f15;
  font-weight: bold;
}
/* Highlight fields not filled by the scanner */
.highlight-field {
  border: 2px solid #ff9800 !important;
  background-color: #fff3e0 !important;
}

/* Optional: remove highlight once the user clicks or types in the field */
.highlight-field:focus {
  border: 1px solid #448aff !important;
  background-color: #ffffff !important;
}

/* dashboard stats */

.dashboard-wrapper {
  margin-bottom: 30px;
}

.dashboard-banner h2 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 5px;
  font-family: 'Poppins', sans-serif;
}
.dashboard-banner {
  /* background-color: #448aff; */
  /* background: linear-gradient(135deg, #448aff, #004080); */
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  border-radius: 16px;
  height: 80px;
  padding: 0 20px;
  color: #fff;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  box-shadow: 0 10px 25px rgba(68, 138, 255, 0.35);
}

.banner-content {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.dashboard-banner p {
  opacity: 0.85;
  margin-bottom: 0;
}

/* ===== Stats Row ===== */
.stats-row {
  margin-bottom: 20px;
}

/* ===== Stat Card ===== */
.stat-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  margin-bottom: 20px;
}

.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Text */
.stat-info span {
  /* color: #888;
  font-size: 14px;
  font-weight: 500; */
  font-size: 13px;
  margin: 0;
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
}

/* .stat-info h3 {
  margin: 5px 0 0;
  font-size: 24px;
  font-weight: 700;
  color: #000;
} */

.stat-info h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 0;
}

.stat-info h2 {
  font-size: 16px;
  margin-top: 4px;
  font-weight: 400;
  color: #05957b;
  margin-bottom: 0;
}
.stat-info h3 {
  margin-top: 4px;

  color: #05957b;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}
/* Icons */
.stat-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
}

/* Colors */
.stat-icon.green {
  background: #28a745;
}

.stat-icon.blue {
  background: #007bff;
}

.stat-icon.orange {
  background: #fd7e14;
}

.stat-icon.red {
  background: #dc3545;
}

.stat-icon.gray {
  background: #6c757d;
}

/* User Dashboard stats */

.dashboard-wrapper {
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

.stats-row {
  margin-bottom: 15px;
}

.stat-card {
  height: 90px;
  min-height: 80px;
  margin-bottom: 15px;
}

.stat-info h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 4px;
  margin-bottom: 0;
}

/* Super admin dashboard page*/

.profile-card-wrapper {
  display: flex;
  align-items: center;
  background-color: #f5f7fa;
  padding: 8px 18px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #e2e8f0;
  min-width: 180px;
  gap: 12px;
  height: 52px;
  margin-right: 20px;
}

.profile-card-wrapper:hover {
  background-color: #edf0f5;
  border-color: #cbd5e1;
}

.profile-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  overflow: hidden;
}

.profile-user-name {
  font-size: 14px;
  font-weight: 700;
  color: #1a202c;
  line-height: 1.2;
  margin-bottom: 2px;
  white-space: nowrap;
}

.profile-user-role {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  line-height: 1;
  text-transform: capitalize;
}

.profile-avatar-circle {
  width: 42px;
  height: 42px;
  background-color: #3b82f6;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-avatar-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.profile-letter {
  color: white;
  font-size: 14px;
  font-weight: 600;
}

.profile-dropdown-box {
  margin-top: 8px !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 4px 0 !important;
  min-width: 120px;
}

/* dropdown list item */
.profile-dropdown-box li {
  list-style: none;
}

/* clickable area */
.profile-dropdown-box li a {
  display: flex;
  align-items: center;
  gap: 8px;

  width: 100%;
  padding: 8px 14px; /* reduced height */
  font-size: 13px;
  color: #1f2937;
  text-decoration: none;
  transition: background 0.15s ease;
}

/* hover highlight full row */
.profile-dropdown-box li a:hover {
  background: #eef2f7;
}

/* divider */
.profile-dropdown-box .divider {
  height: 1px;
  margin: 2px 0;
  background: #e5e7eb;
}

.profile-dropdown-box .divider {
  height: 1px;
  background: #e2e8f0;
  margin: 4px 0;
}

.docuchain-app-nav {
  display: flex;
  align-items: center;
  gap: 15px;
}

.docuchain-app-nav li {
  display: flex;
  align-items: center;
}

.app-nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 42px;
  border-radius: 10px;
  background: #f5f7fa;
  border: 1px solid #e2e8f0;
}

.app-nav__item img {
  width: 18px;
  height: 18px;
}

.app-nav__item span {
  position: absolute;
  top: 2px;
  right: 2px;
  background: #ef4444;
  color: white;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 10px;
}

/* Sweet popup version 1*/

.docu-swal-title {
  font-size: 25px;
  font-weight: 600;
}

.docu-swal-text {
  font-size: 22px;
  color: #555;
}

.logout-card {
  text-align: center;
  padding: 10px 0 5px 0;
}

.logout-icon {
  font-size: 50px;
  color: #4a7be6;
  margin-bottom: 12px;
}

.logout-card h3 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 8px;
}

.logout-card p {
  font-size: 20px;
  color: #555;
  margin-bottom: 10px;
}

.swal2-popup {
  padding: 35px 25px !important;
}

.swal2-confirm,
.swal2-cancel {
  font-size: 16px !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;
}

/* Delete popup button */
.btneddeleteBtn {
  background: #f8f9fa;
  border: 1px solid #dcdcdc;
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.btneddeleteBtn i {
  font-size: 14px;
  color: #e55353;
}

/* modernized side bar */

.app-sidebar {
  background-color: #ffffff;
  border-right: 1px solid #e2e8f0;
}

.app-menu__item {
  padding: 8px 15px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  margin: 2px 8px !important;
}

.app-menu__item:hover {
  color: #ffffff !important;
  background: #083b66;
}

.imgclrs {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  margin-right: 12px !important;
  background-color: #f1f5f9 !important;
  overflow: visible !important;
}

.imgclrs img {
  width: 18px !important;
  height: 18px !important;
  max-width: none !important;
  display: block !important;
  object-fit: contain !important;
  visibility: visible !important;
  filter: none !important;
  opacity: 1 !important;
}

.app-menu__item {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

/* .active > .app-menu__item {
    background: #edf2f7 !important;
    border-left: 4px solid #4a7be6;
    border-radius: 6px !important;
} */
.active > .app-menu__item {
  background: #edf2f7 !important;
  /* border-left: 4px solid #4a7be6 !important; */
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding-left: 11px !important;
  border-radius: 6px 6px 6px 6px !important;
}

.active > .app-menu__item .imgclrs {
  margin-left: 5px !important;
}

.treeview-menu {
  background: #ffffff !important;
}

.treeview-item {
  color: #718096 !important;
  padding-left: 45px;
}

.treeview-item:hover {
  color: #4a7be6 !important;
  background: #f7fafc;
}

.treeview-indicator {
  font-size: 12px !important;
  margin-left: auto !important;
}

/* =========================================
   Dropdown Sub-Menu (Matches Main Menu)
   ========================================= */

/* 1. Force container to hide completely when closed */
.treeview-menu {
  background: #ffffff !important;
  padding: 0 !important; /* <--- THIS REMOVES THE BLUE LINE */
}

/* 2. Create the floating pill shape using margins */
a.treeview-item {
  color: #545454 !important;
  background-color: #eaeaea !important;
  margin: 4px 8px !important; /* 4px margin adds the spacing between items and top/bottom */
  border-radius: 6px !important;
  padding: 8px 15px 8px 45px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important; /* <--- THIS KEEPS IT ON ONE LINE */
}

/* 3. Hover state */
/* 3. Hover state */
a.treeview-item:hover,
a.treeview-item:focus {
  background-color: #0d1214 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* 4. Active state (The Dark Blue Pill) */
li.active > a.treeview-item,
a.treeview-item.active {
  background-color: #083b66 !important;
  color: #ffffff !important;
}
/* mini sidebar */
.sidenav-toggled .app-sidebar {
  width: 60px !important;
}

.sidenav-toggled .app-menu__label,
.sidenav-toggled .treeview-indicator,
.sidenav-toggled .app-sidebar__user {
  display: none !important;
}

.sidenav-toggled .app-menu__item {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sidenav-toggled .imgclrs {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.sidenav-toggled .active > .app-menu__item {
  border-radius: 4px 4px 4px 4px !important;
}
/* Hide the notification/countdown badge when the sidebar is collapsed */
.sidenav-toggled .app-menu__item .badge,
.sidenav-toggled .app-menu__item .countdown-timer {
  display: none !important;
}

/* Ensure the icon container remains the focal point */
.sidenav-toggled .imgclrs {
  margin: 0 auto !important;
  float: none !important;
}

/* =========================================
   CLEAN WHITE PROFESSIONAL LOGIN
   ========================================= */

.docu-login-wrapper {
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: url('../image/bg-banner-1.jpg') no-repeat center center;
  background-size: cover;
  display: block;
  overflow: hidden;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.docu-login-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.split-main-container {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100vh;
}

.left-half,
.right-half {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

/* Original Logo Style - No extra blurs or glows */
.gn-side-logo {
  max-width: 500px;
  width: 100%;
  filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.3));
}

/* Solid White Card */
.glass-login-card {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 12px;
  width: 100%;
  max-width: 420px;
  padding: 45px 35px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #333333;
}

.card-inner-logo {
  max-width: 200px;
  margin-bottom: 20px;
}

.glass-login-card h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px 0;
  letter-spacing: 0.5px;
  color: #004080;
}

.glass-login-card p {
  font-size: 14px;
  color: #666666;
  margin-bottom: 30px;
}

/* Input Styles */
.glass-input-group {
  position: relative;
  margin-bottom: 20px;
}

.glass-input-group .form-control {
  width: 100%;
  height: 50px;
  padding: 10px 45px 10px 15px;
  background: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 8px;
  color: #333333 !important;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s;
}

.glass-input-group .form-control:focus {
  border-color: #448aff;
  background: #fff;
}

.glass-input-group i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #adb5bd;
}

/* Fix for browser autofill turning inputs yellow */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f8f9fa inset !important;
  -webkit-text-fill-color: #333 !important;
}

.action-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 30px 0;
  font-size: 14px;
  color: #555;
}

.remember-me {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.forgot-link {
  color: #448aff;
  text-decoration: none;
  font-weight: 600;
}

/* Sign In Button - Active State */
.btn-modern-signin {
  width: 100%;
  height: 50px;
  background: #004080;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
}

.btn-modern-signin:not(:disabled):hover {
  background: #002d5a;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 64, 128, 0.3);
}

/* Sign In Button - Disabled/Gray State */
.btn-modern-signin:disabled {
  background: #cccccc !important;
  color: #888888;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
  .split-main-container {
    flex-direction: column;
    height: auto;
  }
  .left-half {
    padding: 60px 20px 20px;
  }
  .gn-side-logo {
    max-width: 250px;
  }
}

/* 7. Action Row (Remember Me Custom with Animation) */
.action-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 30px 0;
  font-size: 14px;
}

.remember-me {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  user-select: none;
  color: #004080;
  font-weight: 500;
}

/* Hide the default checkbox */
.remember-me input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* The Box */
.checkmark-box {
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 1.5px solid #004080;
  border-radius: 4px;
  margin-right: 12px;
  display: inline-block;
  position: relative;
  /* Smoothly transition the border-color */
  transition: border-color 0.3s ease;
}

/* The Checkmark (The L-shape) */
.checkmark-box:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #004080;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  /* Starts invisible and slightly scaled down for a "pop" effect */
  opacity: 0;
  transition:
    opacity 0.3s ease,
    transform 0.2s ease;
}

/* After Click Logic: Smoothly fade out border and fade in checkmark */
.remember-me input:checked ~ .checkmark-box {
  border-color: transparent;
}

.remember-me input:checked ~ .checkmark-box:after {
  opacity: 1;
  transform: rotate(45deg) scale(1.1); /* Smoothly pops into place */
}

.forgot-link {
  color: #083b66;
  text-decoration: none;
  font-weight: 600;
}

/* Styling for the error message to keep it clean */
.error-text {
  color: #d9534f;
  font-size: 12px;
  text-align: left;
  margin-top: -15px;
  margin-bottom: 15px;
  padding-left: 5px;
}

/* Link alignment for Forgot Password page */
.action-row .forgot-link {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color 0.3s ease;
}

.action-row .forgot-link:hover {
  color: #002d5a;
}

/* Ensure the submit button transition remains smooth */
.btn-modern-signin:disabled {
  background: #cccccc !important;
  color: #888888;
  cursor: not-allowed;
  transition:
    background 0.4s ease,
    color 0.4s ease;
}

/* Adjusting the icon for email */
.fa-envelope {
  font-size: 14px;
  opacity: 0.7;
}
.doculogo img {
  width: 160px;
  height: 65px;
}
.form-group {
  margin-bottom: 5px !important;
}

.vesselType2 {
  display: flex;
  flex-direction: column;
  width: 100% !important;
}

.vesselType2 input[type='file'] {
  padding: 6px;
  height: auto;
}

.preview-container {
  width: 100px;
  height: 100px;
  margin: 0;
  border-radius: 6px !important;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
.uploaded-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uploadBrowser {
  margin-left: 81px;
}

.placeholder-icon {
  width: 40px;
  opacity: 0.5;
}

.upload-text {
  color: #4a5568;
  font-size: 14px;
}

.form-group {
  margin-bottom: 15px;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.col-lg-6,
.col-lg-4,
.col-lg-8 {
  padding-left: 10px;
  padding-right: 10px;
}

/* .docuchainSearchbox {
  width: 300px;
  float: right;
  margin-bottom: 16px;
}


.searchInput {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.searchInput:focus-within {
  border-color: #448aff;
  box-shadow: 0 0 0 3px rgba(68, 138, 255, 0.15);
}


.searchInput input {
  flex: 1;
  border: none !important;
  padding: 10px 15px;
  font-size: 14px;
  outline: none !important;
  background: transparent;
  color: #374151;
}


.searchIcon {

  background: #448aff;
  color: #ffffff !important;
  border: none;
  height: 45px;
  padding: 0 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  border-radius: 9px;
}

.searchIcon:hover {
  background: #3378ff !important;
}

.searchIcon i {
  font-size: 14px;
} */

/* =========================================================
   Modernized Stepper/Tab UI CSS (Reusable for Create/Edit/View)
   ========================================================= */
.modern-stepper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
  background: #f8f9fa;
  padding: 15px 30px;
  border-radius: 12px;
  border: 1px solid #e9ecef;
}
.modern-stepper::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 2px;
  background: #e2e8f0;
  z-index: 1;
  transform: translateY(-50%);
}
.modern-step {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 2;
}
.modern-step a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  background: #ffffff;
  color: #64748b;
  border-radius: 30px;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  border: 1px solid #e2e8f0;
}
.modern-step.activetab a {
  /* background: #448aff !important; */
  background: linear-gradient(
    135deg,
    #2d8cff 0%,
    #1e6bff 45%,
    #0f4fcc 100%
  ) !important;
  color: #ffffff !important;
  border-color: #448aff;
  box-shadow: 0 4px 12px rgba(68, 138, 255, 0.3);
}
.modern-step.completed a {
  background: #f0fdf4;
  color: #16a34a;
  border-color: #bbf7d0;
}
.modern-step a img {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}

/* =========================================================
   Form Inputs & Error Validation Alignment
   ========================================================= */
.docuchain-request .form-group input.text-box,
.docuchain-request .form-group select {
  height: 42px;
  border-radius: 6px;
}

.docuchainRequestpannel .form-group {
  position: relative;
  padding-bottom: 22px; /* Reserves space so height never changes when error appears */
  margin-bottom: 10px !important;
}
.docuchainRequestpannel .form-group .error-msg {
  position: absolute;
  bottom: 2px;
  left: 10px;
  font-size: 12px;
  color: #ff0000;
  white-space: nowrap;
  line-height: 1;
}

/* =========================================================
   Perfectly Centered Calendar Icon
   ========================================================= */
.datepickerinput {
  position: relative;
  width: 100%;
}
.datepickerinput input {
  width: 100%;
  padding-right: 35px !important; /* Prevents text from overlapping icon */
}
.datepickerinput .date-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  display: flex;
  align-items: center; /* Flex ensures perfect vertical centering */
  color: #888;
  pointer-events: none; /* Allows clicking through icon */
  font-size: 15px;
}

/* =========================================================
   Modern Button Styles (Previous, Next, Submit, Save)
   ========================================================= */
.btngroupvessl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #eeeeee;
  clear: both;
}
#createshare .btngroupvessl {
  justify-content: flex-end; /* Tab 1 only has Next, push to right */
}
.savebtngroup {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.btn-modern {
  display: inline-flex;
  align-items: center;
  background: #448aff; /* Unified Blue Theme */
  border: 2px solid #448aff;
  color: #ffffff;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none !important;
  height: 35px; /* Set fixed height to prevent shape breaking */
}
.btn-modern:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* PREVIOUS BUTTON */
.btn-modern.prev-btn {
  padding-right: 25px;
}
.btn-modern.prev-btn .icon-circle {
  background: #ffffff;
  color: #448aff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2px 10px -2px -2px; /* Pulls left */
  transition: all 0.3s ease;
}

/* NEXT / SUBMIT / SAVE BUTTON */
.btn-modern.next-btn,
.btn-modern.save-btn {
  padding-left: 25px;
}
.btn-modern.next-btn .icon-circle,
.btn-modern.save-btn .icon-circle {
  background: #ffffff;
  color: #448aff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2px -2px -2px 10px; /* Pulls right */
  transition: all 0.3s ease;
}

/* Smaller Save Icon */
.btn-modern.save-btn .icon-circle i {
  font-size: 14px;
}

/* Hover States */
.btn-modern:not(:disabled):hover {
  background: #083b66;
  border-color: #083b66;
}
.btn-modern:not(:disabled):hover .icon-circle {
  color: #083b66;
}

/* =========================================================
   Profile Edit & Reset Password Modern Styles
   ========================================================= */
.profile-wrapper-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  padding: 30px;
  width: 100%;
  border: 1px solid #f1f3f5;
  margin-top: 20px;
}

/* Modern Rounded Pill Tabs */
.profile-custom-tabs {
  display: flex;
  gap: 12px;
  border-bottom: 2px solid #f1f3f5;
  margin-bottom: 30px;
  padding: 0 0 15px 0;
  list-style: none;
}
.profile-custom-tabs li a {
  display: block;
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 600;
  color: #6c757d;
  text-decoration: none;
  cursor: pointer;
  background: #f8f9fa;
  border-radius: 50px; /* Makes them rounded pills */
  transition: all 0.3s ease;
}
.profile-custom-tabs li a:hover {
  background: #e9ecef;
  color: #343a40;
}
.profile-custom-tabs li.active a {
  background-color: #692f6a !important; /* Theme Purple */
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(105, 47, 106, 0.3); /* Soft purple glow */
}

/* Form Inputs */
.profile-form-group {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.profile-form-group label {
  font-size: 13px;
  color: #555;
  margin-bottom: 6px;
  font-weight: 600;
}
.profile-form-group label span {
  color: #e63946; /* Red asterisk */
}
input[type='text'],
input[type='password'] {
  height: 44px;
  border: 1px solid #ced4da;
  border-radius: 8px; /* Rounded corners */
  padding: 0 14px;
  font-size: 14px;
  background: #ffffff;
  outline: none;
  transition: all 0.3s ease;
  width: 100%;
  height: 40px;
}
input[readonly] {
  background: #f8f9fa !important;
  color: #6c757d;
  cursor: not-allowed;
}
input[type='text']:focus:not([readonly]),
input[type='password']:focus:not([readonly]) {
  border-color: #692f6a;
  box-shadow: 0 0 0 3px rgba(105, 47, 106, 0.1); /* Soft focus ring */
}

/* Buttons */
.btn-modern-update {
  background: #0a3c67; /* Unified to match active tab */
  color: #ffffff;
  border: none;
  padding: 12px 35px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.btn-modern-update:hover {
  background: #0a3c67;
  box-shadow: 0 4px 12px rgba(105, 47, 106, 0.3);
}
.btn-modern-update:disabled {
  background: #446d90;
  cursor: not-allowed;
  box-shadow: none;
}
.btn-modern-back {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #ced4da;
  padding: 12px 35px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  margin-right: 15px;
  transition: all 0.3s ease;
}
.btn-modern-back:hover {
  background: #e9ecef;
  color: #212529;
}

/* Reset Password Alignments (Fixed) */
.reset-pwd-row {
  display: flex;
  align-items: center; /* Perfectly centers label with input vertically */
  margin-bottom: 24px;
}
.align-top-if-error {
  align-items: flex-start; /* Keeps label at the top if the error message pushes the box down */
}
.align-top-if-error .reset-pwd-label {
  padding-top: 12px; /* aligns text with the center of the input box */
}
.reset-pwd-label {
  text-align: right;
  padding-right: 20px;
  width: 35%;
}
.reset-pwd-label label {
  font-size: 14px;
  color: #555;
  font-weight: 600;
  margin: 0;
}
.reset-pwd-label span {
  color: #e63946;
  margin-left: 3px;
}
.reset-pwd-input {
  width: 65%;
  display: flex;
  flex-direction: column;
}
.error-text {
  color: #ef4444;
  font-size: 12px;
  display: block;
  margin-top: 8px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .reset-pwd-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .align-top-if-error .reset-pwd-label {
    padding-top: 0;
  }
  .reset-pwd-label {
    text-align: left;
    width: 100%;
    padding-right: 0;
    margin-bottom: 8px;
  }
  .reset-pwd-input {
    width: 100%;
  }
}

/* =========================================================
   Profile Edit & Reset Password Modern Styles
   ========================================================= */
.profile-wrapper-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  padding: 30px;
  width: 100%;
  border: 1px solid #f1f3f5;
  margin-top: 20px;
}

/* Modern Rounded Pill Tabs */
.profile-custom-tabs {
  display: flex;
  gap: 12px;
  border-bottom: 2px solid #f1f3f5;
  margin-bottom: 30px;
  padding: 0 0 15px 0;
  list-style: none;
}
.profile-custom-tabs li a {
  display: block;
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 600;
  color: #6c757d;
  text-decoration: none;
  cursor: pointer;
  background: #f8f9fa;
  border-radius: 50px; /* Makes them rounded pills */
  transition: all 0.3s ease;
}
.profile-custom-tabs li a:hover {
  background: #e9ecef;
  color: #343a40;
}
.profile-custom-tabs li.active a {
  background-color: #692f6a !important; /* Theme Purple */
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(105, 47, 106, 0.3); /* Soft purple glow */
}

/* Form Inputs */
.profile-form-group {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.profile-form-group label {
  font-size: 13px;
  color: #555;
  margin-bottom: 6px;
  font-weight: 600;
}
.profile-form-group label span {
  color: #e63946; /* Red asterisk */
}
input[type='text'],
input[type='password'] {
  height: 30px;
  border: 1px solid #ced4da;
  border-radius: 8px; /* Rounded corners */
  padding: 0 14px;
  font-size: 14px;
  background: #ffffff;
  outline: none;
  transition: all 0.3s ease;
  width: 100%;
  /* margin-left: 20px; */
}
input[readonly] {
  background: #f8f9fa !important;
  color: #6c757d;
  cursor: not-allowed;
}
input[type='text']:focus:not([readonly]),
input[type='password']:focus:not([readonly]) {
  border-color: #692f6a;
  box-shadow: 0 0 0 3px rgba(105, 47, 106, 0.1); /* Soft focus ring */
}

/* Buttons */
.btn-modern-update {
  background: #0a3c67; /* Unified to match active tab */
  color: #ffffff;
  border: none;
  padding: 12px 35px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.btn-modern-update:hover {
  background: #0a3c67;
  box-shadow: 0 4px 12px rgba(105, 47, 106, 0.3);
}
.btn-modern-update:disabled {
  background: #446d90;
  cursor: not-allowed;
  box-shadow: none;
}
.btn-modern-back {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #ced4da;
  padding: 12px 35px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  margin-right: 15px;
  transition: all 0.3s ease;
}
.btn-modern-back:hover {
  background: #e9ecef;
  color: #212529;
}

/* Reset Password Alignments (Fixed) */
.reset-pwd-row {
  display: flex;
  align-items: center; /* Perfectly centers label with input vertically */
  margin-bottom: 24px;
}
.align-top-if-error {
  align-items: flex-start; /* Keeps label at the top if the error message pushes the box down */
}
.align-top-if-error .reset-pwd-label {
  padding-top: 12px; /* aligns text with the center of the input box */
}
.reset-pwd-label {
  text-align: right;
  padding-right: 20px;
  width: 35%;
}
.reset-pwd-label label {
  font-size: 14px;
  color: #555;
  font-weight: 600;
  margin: 0;
}
.reset-pwd-label span {
  color: #e63946;
  margin-left: 3px;
}
.reset-pwd-input {
  width: 65%;
  display: flex;
  flex-direction: column;
}
.error-text {
  color: #ef4444;
  font-size: 12px;
  display: block;
  margin-top: 8px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .reset-pwd-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .align-top-if-error .reset-pwd-label {
    padding-top: 0;
  }
  .reset-pwd-label {
    text-align: left;
    width: 100%;
    padding-right: 0;
    margin-bottom: 8px;
  }
  .reset-pwd-input {
    width: 100%;
  }
}
.addNew-clr05957b {
  background: linear-gradient(135deg, #2d8cff 0%, #1e6bff 45%, #0f4fcc 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
  border-radius: 60px;
  padding: 10px 20px;
  outline: none;
  border: none;
}




/* Container for the action buttons, aligned to the right */
.multi-select-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 6px; /* Spacing between buttons and the dropdown */
}

/* Base styling for the action buttons */
.multi-select-actions .action-btn {
  background: transparent;
  border: none;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  outline: none;
  transition: all 0.2s ease-in-out;
}

/* Specific styling for 'Select All' (Matching your theme's primary blue) */
.multi-select-actions .select-btn {
  color: #1a73e8;
}

.multi-select-actions .select-btn:hover {

  text-decoration: underline;
}

/* Specific styling for 'Clear All' (Subtle red/gray for deletion actions) */
.multi-select-actions .clear-btn {
  color: #d93025;
}

.multi-select-actions .clear-btn:hover {
  color: #a50e0e;
  text-decoration: underline;
}

/* Tiny visual divider between the two buttons */
.multi-select-actions .action-divider {
  margin: 0 8px;
  color: #ccc;
  font-size: 12px;
}

/* Ensure the new wrapper is the anchor point for the arrow */
.ui-select-wrapper {
    position: relative !important;
    display: block;
    width: 100%;
}

/* Force the arrow to center perfectly inside the wrapper */
.ui-select-wrapper .caret,
.ui-select-wrapper .ui-select-toggle::after {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 12px !important;
    margin-top: 0 !important;
}

/* Ensure the input box itself doesn't have weird extra padding pushing the text */
.ui-select-wrapper .ui-select-multiple.ui-select-bootstrap {
    padding-right: 30px !important;
}
/* Container to align buttons properly */
.multi-select-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px; /* Clean space between buttons */
  margin-bottom: 6px;
}

/* Base styling for the mini-buttons */
.multi-select-actions .action-btn {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 4px; /* Matches your input field corners */
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  outline: none;
  line-height: 1.2;
}

/* 'Select All' - Solid Theme Blue */
.multi-select-actions .select-btn {
  background-color: #448aff; /* Matches your header blue */
  color: #ffffff;
  border: 1px solid #448aff;
  box-shadow: 0 1px 3px rgba(68, 138, 255, 0.2);
}

.multi-select-actions .select-btn:hover {
  background-color: #2b70dc; /* Slightly darker blue on hover */
  border-color: #2b70dc;
}

/* 'Clear All' - Neutral Gray (Less distracting) */
.multi-select-actions .clear-btn {
  background-color: #f1f1f1;
  color: #555555;
  border: 1px solid #dcdcdc;
}

.multi-select-actions .clear-btn:hover {
  background-color: #e2e2e2;
  color: #333333;
}

/* Hide the old text divider (|) */
.multi-select-actions .action-divider {
  display: none;
}
/* Puts the label and buttons on the same line */
.label-action-row {
  display: flex;
  justify-content: space-between; /* Pushes label left, buttons right */
  align-items: center; /* Aligns them vertically */
  margin-bottom: 5px; /* Clean, small gap above the input box */
}

/* Remove default margins so they don't create extra space */
.label-action-row label {
  margin-bottom: 0 !important;
}

.label-action-row .multi-select-actions {
  margin-bottom: 0 !important;
}