@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
.d-flex {
    display: flex !important; }
  
  .d-inline-flex {
    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: flex !important; }
    .d-sm-inline-flex {
      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: flex !important; }
    .d-md-inline-flex {
      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: flex !important; }
    .d-lg-inline-flex {
      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: flex !important; }
    .d-xl-inline-flex {
      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: flex !important; }
    .d-print-inline-flex {
      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; }
  
.flex-row-reverse {
    flex-direction: row-reverse !important; }
  
/* --------------------------------------- */
/* ############### SIGN IN ############### */
/* --------------------------------------- */
.signin-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px; }
    @media (min-width: 576px) {
      .signin-wrapper {
        padding: 30px; } }
  
  .signin-box {
    width: 400px;
    background-color: #fff;
    border: 1px solid #ced4da;
    padding: 20px; }
    @media (min-width: 480px) {
      .signin-box {
        padding: 40px; } }
    .signin-box .slim-logo {
      margin-right: 0;
      margin-bottom: 40px; }
    .signin-box.signup {
      width: 500px; }
      .signin-box.signup .btn-signin {
        margin-bottom: 20px; }
  
  .signin-title-primary {
    font-weight: 300;
    color: #212529; }
  
 
  .btn-signin {
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 40px;
    border: 0;
    min-height: 40px;
    background-image: linear-gradient(to right, #1b84e7 0%, #6f42c1 100%);
    background-repeat: repeat-x; }
  
  .signin2-left,.signin-left,
  .signin-right {
    position: relative;
    min-height: 91vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 30px;  */
  } 
    @media (min-width: 768px) {
      .signin-left,
      .signin-right {
        width: 50%; } }
    .signin-left .signin-box,
    .signin-right .signin-box {
      border: 0;
      padding: 0; }
  
  .signin-left .signin-box {
    background-color: transparent; }
  
  .signin-right {
    background-color: #fff; }
  
  .signup-separator {
    position: relative;
    text-align: center;
    margin-bottom: 20px; }
    .signup-separator::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #dee2e6; }
    .signup-separator span {
      background-color: #fff;
      padding: 0 10px;
      position: relative;
      z-index: 5; }
  
  .btn-facebook {
    background-color: #4267B2;
    color: #fff; }
  
  .btn-twitter {
    background-color: #1DA1F2;
    color: #fff; }


/* --------------------------------------- */
/* ############### SIGN IN ############### */
/* --------------------------------------- */
.signin-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px; }
    @media (min-width: 576px) {
      .signin-wrapper {
        padding: 30px; } }
  
  .signin-box {
    width: 400px;
    background-color: #fff;
    border: 1px solid #ced4da;
    padding: 20px; }
    @media (min-width: 480px) {
      .signin-box {
        padding: 40px; } }
    .signin-box .slim-logo {
      margin-right: 0;
      margin-bottom: 40px; }
    .signin-box.signup {
      width: 500px; }
      .signin-box.signup .btn-signin {
        margin-bottom: 20px; }
  
  .signin-title-primary {
    font-weight: 300;
    color: #212529; }
  

  .btn-signin {
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 40px;
    border: 0;
    min-height: 40px;
    background-image: linear-gradient(to right, #1b84e7 0%, #6f42c1 100%);
    background-repeat: repeat-x; }
  

    @media (min-width: 768px) {
      .signin-left,
      .signin-right {
        width: 50%; } }
    .signin-left .signin-box,
    .signin-right .signin-box {
      border: 0;
      padding: 0; }
  
  .signin-left .signin-box {
    background-color: transparent; }
  
  .signin-right {
    background-color: #fff; }
  
  .signup-separator {
    position: relative;
    text-align: center;
    margin-bottom: 20px; }
    .signup-separator::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #dee2e6; }
    .signup-separator span {
      background-color: #fff;
      padding: 0 10px;
      position: relative;
      z-index: 5; }
  
  .btn-facebook {
    background-color: #4267B2;
    color: #fff; }
  
  .btn-twitter {
    background-color: #1DA1F2;
    color: #fff; }
  
  /********** RTL SUPPORT **********/
  /*********************************/
  [dir="rtl"] .signin-box {
    text-align: right; }
  
.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px; }
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}  

.signin-title-primary {
    font-weight: 300;
    color: #212529;
}


.form-group {
    margin-bottom: 1rem;
}

.form-control, .dataTables_filter input {
    border-radius: 0;
}
.form-control, .dataTables_filter input {
    display: block;
    width: 100%;
    padding: 0.594rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.9;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
button, input {
    overflow: visible;
}
input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.signin-title-secondary {
  font-weight: 300;
  margin-bottom:20px;
  margin-top: 6px;
}


  .btn:not(:disabled):not(.disabled), .sp-container button:not(:disabled):not(.disabled) {
  cursor: pointer;
      }

      .pd-x-25 {
          padding-left: 25px;
          padding-right: 25px;
      }
      .btn, .sp-container button {
          border-radius: 0;
      }
      .btn-outline-secondary {
          color: #6c757d;
          background-color: transparent;
          background-image: none;
          border-color: #6c757d;
      }
      .form-control, .dataTables_filter input {
  display: block;
  width: 100%;
  padding: 0.594rem 0.7rem;

  line-height: 1.9;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group {
  margin-bottom: 1rem;
  }
  .btn:not(:disabled):not(.disabled), .sp-container button:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1570c7;
  border-color: #146abb;
}
.btn:hover, .sp-container button:hover, .btn:focus, .sp-container button:focus {
  text-decoration: none;
}
.btn-signin {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 40px;
  border: 0;
  min-height: 40px;
  background-image: linear-gradient(to right, #1b84e7 0%, #6f42c1 100%);
  background-repeat: repeat-x;
}

.was-validated .form-control:valid, .was-validated .dataTables_filter input:valid, .dataTables_filter .was-validated input:valid, .form-control.is-valid, .dataTables_filter input.is-valid, .dataTables_filter input.parsley-success, input.form-control.parsley-success,
textarea.form-control.parsley-success, .was-validated
.custom-select:valid,
.custom-select.is-valid,
input.custom-select.parsley-success,
textarea.custom-select.parsley-success {
  border-color: #23BF08; }
  .was-validated .form-control:valid:focus, .was-validated .dataTables_filter input:valid:focus, .dataTables_filter .was-validated input:valid:focus, .form-control.is-valid:focus, .dataTables_filter input.is-valid:focus, .dataTables_filter input.parsley-success:focus, input.form-control.parsley-success:focus,
  textarea.form-control.parsley-success:focus, .was-validated
  .custom-select:valid:focus,
  .custom-select.is-valid:focus,
  input.custom-select.parsley-success:focus,
  textarea.custom-select.parsley-success:focus {
    border-color: #23BF08;
    box-shadow: 0 0 0 0.2rem rgba(35, 191, 8, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback, .was-validated .dataTables_filter input:valid ~ .valid-feedback, .dataTables_filter .was-validated input:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip,
  .was-validated .dataTables_filter input:valid ~ .valid-tooltip, .dataTables_filter
  .was-validated input:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .dataTables_filter input.is-valid ~ .valid-feedback, .dataTables_filter input.parsley-success ~ .valid-feedback, input.form-control.parsley-success ~ .valid-feedback,
  textarea.form-control.parsley-success ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip, .dataTables_filter input.is-valid ~ .valid-tooltip, .dataTables_filter input.parsley-success ~ .valid-tooltip, input.form-control.parsley-success ~ .valid-tooltip,
  textarea.form-control.parsley-success ~ .valid-tooltip, .was-validated
  .custom-select:valid ~ .valid-feedback,
  .was-validated
  .custom-select:valid ~ .valid-tooltip,
  .custom-select.is-valid ~ .valid-feedback, input.custom-select.parsley-success ~ .valid-feedback,
  textarea.custom-select.parsley-success ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip, input.custom-select.parsley-success ~ .valid-tooltip,
  textarea.custom-select.parsley-success ~ .valid-tooltip {
    display: block; }


.custom-select {
  display: inline-block;
  width: 100%;
  /* height: calc(2.5005rem + 2px); */
  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: 1px solid #ced4da;
  border-radius: 3px;
  appearance: none; }
  .custom-select:focus {
    border-color: #8ec2f3;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(142, 194, 243, 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.64844rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

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

.form-inline .custom-select {
  width: auto; }

  .input-group > .form-control, .dataTables_filter .input-group > input,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control:focus, .dataTables_filter .input-group > input:focus,
    .input-group > .custom-select:focus,
    .input-group > .custom-file:focus {
      z-index: 3; }
    .input-group > .form-control + .form-control, .dataTables_filter .input-group > input + .form-control, .dataTables_filter .input-group > .form-control + input, .dataTables_filter .input-group > input + input,
    .input-group > .form-control + .custom-select, .dataTables_filter
    .input-group > input + .custom-select,
    .input-group > .form-control + .custom-file, .dataTables_filter
    .input-group > input + .custom-file,
    .input-group > .custom-select + .form-control, .dataTables_filter
    .input-group > .custom-select + input,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control, .dataTables_filter
    .input-group > .custom-file + input,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:not(:last-child), .dataTables_filter .input-group > input: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), .dataTables_filter .input-group > input:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;