/*.auth-layout-wrap {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  min-height: 100vh;  background-size: cover;  background: url("http://127.0.0.1:8000/images/photo-wide-4.jpg?ea98fbfd3510c4f272ebf0b557fc7eba");}
.auth-layout-wrap .auth-content {  min-width: 660px !important;  margin: auto;}
.auth-right {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  height: 100%;}
.auth-logo img {  width: 100px;  height: 100px;}
.auth-layout-wrap .auth-layout-background {
    background-size: cover;
    background: url("https://stocky.untitledsoft.com/images/photo-long-3.jpg?c63568a0fbefb74564b4c42b47276b45");
}
@media (min-width: 1024px) { .auth-layout-wrap .auth-content {    min-width: 660px !important;  }}
@media (max-width: 767px) {  .auth-layout-wrap .auth-content {    padding: 15px;    min-width: 320px;  }  .auth-right {    padding: 80px 15px;  }}*/

h6{font-weight: bold !important;}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.radio-tile-group {
  /*display: flex;*/
  flex-wrap: wrap;
  justify-content: center;
}

.radio-tile-group label{
    margin-bottom: 0;
}

  .input-container {
    position: relative;
    height:  auto;
    width:  100%;
    margin: 0.5rem;
  }

    .radio-button {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      margin: 0;
      cursor: pointer;
    }

    .radio-tile {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      border: 2px solid #000;
      border-radius: 5px;
      padding: 1rem;
      transition: transform 300ms ease;
    }
    .icon svg {
      fill: #000;
      width: 3rem;
      height: 3rem;
    }
    .radio-tile-label {
      text-align: center;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #000;
    }

    .radio-tile-label {
        color: #000;
        font-weight: bold;
        font-size: 1rem;
      }

    .radio-button:checked + .radio-tile {
      background-color: #000;
      border: 2px solid #000;
      color: white;
      transform: scale(1.1, 1.1);
    }

    .radio-button:checked + .radio-tile .radio-tile-label{
        background-color: #000;
        border: 2px solid #000;
        color: white;
        transform: scale(1.1, 1.1);
      }
      
      .icon svg {
        fill: white;
        background-color: #000;
      }
      

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .triangle, .layout-sidebar-large .sidebar-left .navigation-left .nav-item.active{
  border-color: transparent transparent #000 transparent !important;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-item-hold{
  color: #000 !important;
}

.btn-primary{
  background-color: #000 !important;
}

.btn-primary, .btn-outline-primary {
  border-color: #000 !important;
}

.btn-outline-primary {
  color: #000 !important;
  background-color: transparent;
  background-image: none;
  border-color: #000 !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
}

.btn-primary:hover, .btn-outline-primary:hover {
  color: #fff !important;
  background: #000 !important;
  box-shadow: 0 8px 25px -8px #000 !important;
  border-color: #000 !important;
}


.checkbox-outline-primary .checkmark {
  background: #fff;
  border: 1px solid #000 !important;
}

.checkbox-outline-primary .checkmark:after {
  border-color: #000 !important;
}



.switch-primary input:checked + .slider {
  background-color: #000 !important;
}

.checkbox-primary input:checked ~ .checkmark {
  background-color: #000 !important;
}

.checkbox input:checked ~ .checkmark, .radio input:checked ~ .checkmark {
  background-color: #000 !important;
}

.full-flex{flex: 0 0 100%;}
.flex-item{
flex-grow: 1;
}

.flex-comment{
  width: 150px;
}

.tracking_info_thead tr th{border-top: 0;}


.navigation-info-tab {
  display: flex;
  list-style: none;
  text-align: center;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
}

.navigation-info-tab .nav-item {
  position: relative;
  display: block;
  width: 150px;
  color: #05070b;
  cursor: pointer;
  border-bottom: 1px solid #D1D5DB;
  border-top: 1px solid #D1D5DB;
  border-left: 1px solid #D1D5DB;
}
.navigation-info-tab .nav-item:last-child {
  border-right: 1px solid #D1D5DB;
}

.navigation-info-tab .nav-item .nav-item-hold {
  display: block;
  width: 100%;
  padding: 15px 0;
  color: #111827;
}

.navigation-info-tab .nav-item .nav-item-hold .nav-icon, .navigation-info-tab .nav-item .nav-item-hold .feather {
  font-size: 32px;
  height: 32px;
  width: 32px;
  display: block;
  margin: 0 auto 6px;
}

.navigation-info-tab .nav-item .nav-item-hold .nav-text {
  font-size: 13px;
  display: block;
  font-weight: bold;
}

.navigation-info-tab .nav-item .nav-item-hold i{
  font-weight: bold;
}


.action-btn{
  width: 20px;
  margin: 0 5px;
}

.action-btn.text-success{
  fill: #10b981 !important;
}

.action-btn.text-danger{
  fill: #ef4444 !important;
}


.sp-primary-btn{
  background-color: #000 !important;
  color: #fff !important;
}