html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}



body {
  margin-bottom: 60px;
}

.readonly-field {
    background-color: #e9ecef !important
}

.none-table {
    display: none  !important
}
a.dt-button.dropdown-item.buttons-columnVisibility.active {
/*    background-color: gray !important
*/
}

.btn.btn-light {
    background-color: #d2d6d7 !important ;/*hover #dfe2e3 */
    border-color: #d2d6d7 !important;
}
    .btn.btn-light:hover {
        background-color: #bbbbbb !important;
    }

.total-text {
    color: #eb5202;
}

input[type="text"]:read-only:not(.btn) {
    background-color: #eff5f6;
}

/*new- cursel*/
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

.popupCloseButton {
    background-color: #fff;
    border: 2px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
   /*position: absolute;*/
   color: black;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}

/*dataTable serverside processing indicator*/
#inbound_list_processing, #outbound_list_processing, #viewDataTable_processing, #report-table_processing {
    background-color: rgb(128 128 128 / 58%) !important;
    color: white;
}

/*dataTable column Visabilty drobdown list color*/
a.dt-button.dropdown-item.buttons-columnVisibility.active {
    background-color: #8080804d !important;
}

.parameterInput::placeholder {
    color: gray !important;
    font-size: x-small !important;
    opacity: 1;
}

/*select2 and bootstrab-5*/
.select2-container--bootstrap-5 .select2-selection
{
    font-size: 0.875rem !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}