.container{
   max-width: 1600px;
   margin-top:0;
  text-align: unset;
}

.container ul li {
    padding:unset;
}


.carousel-indicators{
    margin-bottom: 0;
}

input[type="checkbox"] {
     margin-top: .2rem;
}
   
/*** CARD ******************************************************************************/

.card {border-color:white;}
    

/*** NAV******************************************************************************/

.nav{}      
    .nav .nav-link:hover{color:#ed0954;}


.isMobile .nav-tabs .nav-item{margin-bottom: 5px;}

/*
.mobile .carousel-inner img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 6.7; 
  aspect-ratio: 16 / 7; 
  display: block;
  object-fit:contain;
}*/

/*.mobile .carousel-inner {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  width: 100%;

  display: block;
  object-fit:contain;
}

.mobile .carousel-inner img {
  width: 100%;
  height: 100%;
     object-fit:contain;
  object-fit: cover;
}*/

/* 16:7 aspect ratio */



.carousel-indicators li{
    width:10px;
    height: 5px;
}
.carousel-indicators li.active{
    width:25px;
    height: 5px;
}


ul {
    padding-inline-start: 0;
}

button:focus{
   outline:0; 
}

/*** MODAL ******************************************************************************/
.modal-content{
    border-radius: 15px;
    border:0;
}
    .modal-content .btn-gp {
        justify-content: center;
        margin-top: 25px;
    }
    .modal-content .close:hover span {
        color:var(--color-orange);
    }

.modal-footer{
    border-top:0;
}

.modal-header{
     border-bottom:0;
     padding-left: 60px;
}

.modal-body{
   padding: 40px 60px; 
}

.modal-title{
    margin-bottom: 10px;
}

.modal-delete .desc{
    color:#575555;
}

.form-control{
    border:1px solid #fb8282;
    border:1px solid var(--color-form-itm);
    font-size: 1.2em;
    border-radius: 15px;
    padding: 12px 20px;
    height: auto;

}

.form-group .row > div{
    align-self: center;
}

.form-group label{
    color:var(--color-dk1-grey);
}


.dropdown-menu{
    font-size: inherit;
}


/*****PAGINATION*/
.pagination li{
    margin:0 4px;
}
.page-link{
    border-radius: 10px;
    color: var(--color-dk1-grey);
    padding: .2rem .5rem;
}
.page-link:hover{
    color: #ff5722;
    /*border-color:#ff5722;*/
}
.page-item:first-child .page-link{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.page-item:last-child .page-link{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-item.active .page-link{
    color: white;
    background: #ffaf33;
    font-weight: 600;
    border-color: #ffaf33;
}

/*******CUSTOMIZE FROM Flatpickr DOB ******/
/* Change accent color (selected date, hover, etc.) to orange */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day:hover {
  background: orange;
  border-color: orange;
  color: white;
}

.flatpickr-current-month .flatpickr-monthDropdown-months{
    background: grey;
}
.flatpickr-months .flatpickr-month{
    background:#6b6865;
}

span.flatpickr-weekday, .flatpickr-weekdays{
    background: #918d84;
    color: #FFC107;
    font-weight: 400;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: orange;
}

.flatpickr-months .flatpickr-month {
  color: #333;
}

.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 0.9em;
    font-weight: 400;
    color: white;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: orange;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover{
    color: rgba(72, 72, 72, 0.2);
}
