/* Custom class */

body {
  padding-right: 0 !important;
  font-size: 0.85rem!important;
  /* sweetalert2 change padding of body */
}

.pointer {
  cursor: pointer;
}

/* Custom class bootstrap - COLOR */

.breadcrumb-item a {
  color: #16C5FF !important;
}

.breadcrumb-item a:hover {
  color: rgb(0, 140, 187) !important;
}

.navbar-badge {
  font-size: .8rem !important;
  font-weight: 400 !important;
}

.nav-item i {
  font: normal normal normal 20px/2 FontAwesome !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #16C5FF !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #16C5FF !important;
}

.nav-pills .nav-link:not(.active):hover {
  color: #16C5FF !important;
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 400;
}

.card-primary.card-outline {
  border-top: 3px solid #16C5FF !important;
}

.bg-primary,
.label-primary {
  background-color: #16C5FF !important;
}

.btn-primary {
  background-color: #16C5FF !important;
  border-color: #16C5FF !important;
}

.btn-primary:hover {
  background-color: rgb(0, 147, 196) !important;
  border-color: rgb(0, 147, 196) !important;
}

.btn-outline-primary {
  color: #16C5FF !important;
  border-color: #16C5FF !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #16C5FF !important;
  border-color: #16C5FF !important;
}

.main-footer strong a {
  color: #16C5FF !important;
}

.form-group {
  margin-bottom: 1.5rem !important;
}
.table td {
    vertical-align: middle;
}

/* END Custom class bootstrap */

/* Custom sweetAlert2 */
.swal2-popup {
  font-size: 0.8rem !important;
}

/* END Custom sweetAlert2 */

/* Ngx-Pagination custom */
.ngx-pagination .current {
  background: #16C5FF !important;
  padding: 0.05rem 0.5rem !important;
}

/* END Ngx-Pagination custom */

/* Data Table - Custom button action - (EDIT / DELETE) - Custom status (ACTIVE / SUSPEND) */
/* private -> hunters -> hunters.component.html */
.custom-status {
  font-size: 0.8rem;
}

.custom-button-action {
  background-color: transparent;
  border: 0;
  outline: none;
}

.custom-button-action>i {
  font-size: 1.5rem;
  transition: all .2s;
}

.custom-button-action:hover>i {
  color: #16C5FF;
}

/* END Data Table - Custom button action - EDIT / DELETE */

/* Search form */
.border-gray {
  border: 1px solid #ced4da;
}

/* END Search form */

/* TAB */
.tab-rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: 1px solid #16C5FF;
}

/* END TAB */

/* Upload image avatar */
.upload-image {
  border-radius: 10px;
  font-size: 0.8rem;
  overflow: hidden;
}

.upload-image input[type=file] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* END Upload image avatar */

/* Stripe element */
.StripeElement {
  border: 1px solid #ced4da;
  border-radius: 5px;
  padding: 0 5px;
}

.StripeElement--invalid {
  border: 1px solid #dc3545;
}

.StripeElement--focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: inset 0 0 0 transparent, 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.stripe-invalid {
  color: #dc3545;
}

/* END Stripe element */

/* fieldset legend */
fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: left !important;
}

/* END fieldset legend */

/* Validate Form */
.invalid {
  display: block;
  position: absolute;
}

/* END Validate Form */

.fs-13 { font-size: 13px; }

@media only screen and (max-width: 1280px) and (min-width: 992px) {
  .modal-lg {
       max-width: 740px!important;
       /* left: 12%!important; */
   }
   .modal-big {
      max-width: 940px!important;
   }
 }

 @media (min-width: 992px) {
   .modal-lg {
      /* left: 8%; */
    }
 }

 @media only screen and (max-width: 992px) and (min-width: 768px) {
  .modal-lg {
       max-width: 740px!important;
       left: auto!important;
   }
 }
/* 
 @media only screen and (max-width: 1024px) and (min-width: )  {
   .modal-lg {
      left: 13%;
    }
 } */

 @media (min-width: 992px) {
  .modal-lg {
     max-width: 1000px;
  }
  .modal-big {
    max-width: 1200px!important;
   }
}

.modal {
  z-index: 1200;
  overflow: auto;
}

.pac-container{
  z-index: 10000 !important;
}

.forgot{
  margin-top: 10px;
}

/* button i { margin-right: 0.3rem;} */

[data-toggle="collapse"].collapsed .tog:before {
  content: "\f078";
}

[data-toggle="collapse"] .tog:before {  
  content: "\f077";
}

.cdk-overlay-container {
  position: fixed;
  z-index: 3000!important;
}

.owl-dt-inline-container, .owl-dt-popup-container {
  top: -1rem;
}

.overlay {
  position: fixed!important;
}

.generalPD .ng-select.ng-select-single .ng-select-container {
  height: 38px!important;
}


.nav-item i {
   padding: 0 0.2em;
}


@-webkit-keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 
 @keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 
 .spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   border: 0.25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border .75s linear infinite;
   animation: spinner-border .75s linear infinite;
 }
 
 .spinner-border-sm {
   width: 1.5rem;
   height: 1.5rem;
   border-width: 0.1em;
 }
 
 @-webkit-keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0);
   }
   50% {
     opacity: 1;
   }
 }
 
 @keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0);
   }
   50% {
     opacity: 1;
   }
 }
 
 .spinner-grow {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
   opacity: 0;
   -webkit-animation: spinner-grow .75s linear infinite;
   animation: spinner-grow .75s linear infinite;
 }
 
 .spinner-grow-sm {
   width: 1rem;
   height: 1rem;
 }


.white-space {
   white-space: nowrap;
}

.swal2-container {
   z-index: 3260!important;
}

th.fc-resource-cell { overflow: hidden; text-overflow: ellipsis; }

.form-control { font-size:0.9rem!important}

button i { margin-right: 0.2rem; }