/*typography*/
@font-face {
	font-family: 'ITC Grouch';
	src: url(../assets/fonts/grouch-bt.ttf);
	font-weight: 600;
}

@font-face {
	font-family: 'Circular Std';
	src: url(../fonts/CircularStd-Book.otf);
	font-weight: 400;
}

@font-face {
	font-family: 'Circular Std';
	src: url(../fonts/CircularStd-Bold.otf);
	font-weight: 700;
}

@font-face {
	font-family: 'Circular Std';
	src: url(../fonts/CircularStd-Black.otf);
	font-weight: 900;
}

p, body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Circular Std';
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 900 !important;
}
.invalid-feedback div{
	font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    color: red;
}

.order-steps:before
{
    left: 1px;
}

.timeline-label .fa-circle
{
    font-size: 1.15rem !important;
}

.text-pink
{
    color: #f1416c !important;    
}

.timeline-label .active .timeline-content
{
    color: #f1416c !important;
}

.modal-body
{
    padding-top: 0px;
}

form .ki-duotone
{
    cursor: pointer;
}

.address-active
{
    border: solid 2px #51cd89 !important;   
}

.swal2-popup.custom-purple-modal {
    background-color: #6f42c1 !important; /* Bootstrap purple */
    color: white !important;
    border-radius: 10px;
}

.swal2-title,
.swal2-html-container {
    color: white !important;
}

.swal2-confirm.btn-purple {
    background-color: #5a32a3 !important;
    color: white !important;
    border: none;
}

.swal2-cancel.btn-light-purple {
    background-color: #b68cf0 !important;
    color: white !important;
    border: none;
}

/* Custom modal background */
.swal2-popup.custom-colored-modal {
    background-color: #fef3c7 !important; /* light orange or any color */
    color: black !important; /* default text color */
    border-radius: 12px;
}

/* Ensure modal title and body text remain black */
.swal2-title,
.swal2-html-container,
.swal2-content {
    color: black !important;
}

/* Buttons can stay styled as needed */
.btn-orange {
    background-color: #ef9f17 !important;
    color: white !important;
}

.btn-cancel-gray {
    background-color: #e2e2e2 !important;
    color: black !important;
}


.address-item
{
    border:solid 1px #ccc;
    border-radius:5px;    
}

.pull-right{
    float: right !important;
}

#patient_id_error, #product_count_error
{
    margin-bottom: 10px;
}

.stepper-label h3
{
    font-size: 20px !important;
}

.stepper-icon
{
    border-radius: 0px !important;
}

.timeline-label .timeline-badge i
{
    background-color: #f6f8fa !important;
}

.center
{
    text-align: center;
}

.text-left
{
    text-align: left !important;
}
/*text-left*/


.form-check-label
{
    color: #7E8299;
}


.field-icon {
  float: right;
  margin-right: 25px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
}

.cp{
    cursor: pointer;
}

.qty_msg
{
    float: right;
    font-weight: 600;
    color: red;
}

.br {
  content: '\A';
  display: contents;
  white-space: pre;
}
.form-check-custom .form-check-label {
  margin-left: 0.55rem;
  text-transform: lowercase;
}
.form-check-custom .form-check-label::first-letter {
  margin-left: 0.55rem;
  text-transform: capitalize;
}
.form-check-input {
    
    width: 1.25em;
    height: 1.25rem;
}
.btn.btn-primary {
  
    background-color: #f57c00;
}


/*lewis css*/
       /* Ensure the Select2 dropdown appears above other elements */
.select2-container {
    z-index: 1000 !important;
}

/* Ensure the Select2 selection matches your form styling */
.select2-container--default .select2-selection--multiple {
    min-height: 40px; /* Adjust height if needed */
    border: 1px solid #ccc; /* Match your form styling */
    border-radius: 4px; /* Match your form styling */
    display: flex;
    flex-wrap: wrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove

{
border-right:none;
}

/* Style the selected choices */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f57c00 !important;
    border: 1px solid #f57c00 !important;
    color: white !important;
    border-radius: 20px !important;
    padding: 0 10px !important;
    display: inline-block !important;
    margin: 2px;
}

/* Ensure the dropdown appears correctly */
.select2-dropdown {
    z-index: 9999 !important;
}

/* Ensure the Select2 container fits within the form-horizontal layout */
.form-horizontal .select2-container {
    width: 100% !important;
}


        .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
            background-color: #28a745;
            border-color: #28a745;
        }

        .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
        }

        .custom-checkbox .custom-control-label::before {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 0.25rem;
        }

        .custom-checkbox .custom-control-input {
            width: 1rem;
            height: 1rem;
        }

        .btn-custom {
            background-color: white;
            color: black;
            border: 1px solid grey;
            text-align: center;
            padding: 12px 20px;
            vertical-align: middle;
            transition: background-color 0.3s, color 0.3s;
            width: 200px;
            height: 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 10px;
        }

        .btn-custom.active {
            background-color: #f57c00;
            color: #ffffff;
        }

        .btn-custom i {
            margin-bottom: 10px;
        }

        .form-input-border {
            border-bottom: 1px solid #dee2e6;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }

        .col-sm-8 {
            display: flex;
            flex-direction: column;
        }

        .btn-custom-sendtime {
            background-color: #f8f9fa;
            color: #333;
            border: 1px solid grey;
            padding: 10px 15px;
            margin-right: 5px;
        }

        .btn-custom-sendtime.active {
            background-color: #f57c00;
            color: white;
        }

        .btn-custom-sendtime i {
            margin-right: 5px;
        }

        #form-horizontal fieldset {
            margin-top: 0px;
        }

        @media (max-width: 768px) {
            .btn-custom {
                width: 100%;
                margin: 5px 0;
            }
        }

        .media-item {
            background: #f8f9fa;
            padding: 15px;
            border: 1px solid #dee2e6;
            border-radius: 5px;
        }

        .media-item img {
            max-width: 100px;
        }

        .hidden {
            display: none;
        }

        .tick {
            font-size: 50px;
            color: green;
            animation: fadein 1s;
        }

        @keyframes fadein {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

.mediaborder
{
    padding-top:20px;
    padding-bottom:20px;    
    padding-left:20px;    
    background-color:#f6f8fa;
    margin-bottom:10px;
    border-radius:5px;
}



.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color:#000 ;!important;
}

.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
    color:#000 ;!important;
}

.active-msg-btn
{
    background-color:#f57c00;color:#fff !important;
}

.active-msg-i
{
    color:#fff !important;
}

.msg-choices button:hover
{
    background-color:#f57c00; color:#fff !important;
}

.msg-choices button
{
    border: solid 1px #d4d4d4 !important;
}



.readonly {
    background-color: #ebebeb !important;
}


#kt_app_sidebar
{
    z-index:999999999999 !important;
}

td .form-check
{
    justify-content:center;
}

td:has(> span.renewal-Active) 
{
    background-color:#E0FFE0;
}

td:has(> span.renewal-Lapsed) 
{
    background-color: #FF8C00;
    color:#fff !important;
}


td:has(> span.renewal-Reminder_Sent) 
{
    background-color:#FFA500;
    color:#fff !important;
}

td:has(> span.renewal-Inactive) 
{
    background-color:#FFE0E0;
}


.swal2-container
{
    z-index:9999;
}

.mc
{
    height:400px;
}

.pill-active
{
    background-color:#E0FFE0 !important;
}

.pill-inactive
{
    background-color:#FFE0E0 !important;
}

.pill-lapsed
{
    background-color: #FF8C00 !important;
    color:#fff !important;

}

.pill-remindersent
{
    background-color:#FFA500 !important;
    color:#fff !important;

}

#reportcard_listing .table th,#reportcard_listing .table td
{
    padding-top:0px !important;
    padding-bottom:0px !important;
}