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;
}

.bor-pro {
    border: none;
    border-bottom: 1px solid #B0B7C3;
    font-size: 12px;
}

.bor-pro-foot {
    border: none;
    border-bottom: 1px solid #B0B7C3;
    font-size: 12px;
    width: 100%;
    background-color: transparent;
}

input, select {
    height: 32px;
    font-weight: 450;
    caret-color:auto;
}

    input:focus, select:focus {
        border-bottom: 1px solid #343a40;
    }

[readonly], label, tbody, p, h4, h6, th, a, table {
    caret-color: transparent;
}

.cursor-caret {
    caret-color: transparent;
}


/*-------Input text Color & font-weight----------*/
input.custom-control,
select.custom-control-select {
    color: #343a40;
    outline: none;
    font-weight: 550;
}
    input.custom-control:focus,
    select.custom-control-select:focus {
        color: #343a40;
        outline: none;
        font-weight: 550;
    }

    select.custom-control-select option {
        color: #343a40;
        font-weight: 550;
    }
select.custom-control-select option:checked {
    color: inherit; 
}

textarea.form-control{
    color:#343a40 !important;
    font-weight:550 !important;
}

input:disabled {
    cursor: not-allowed;
    caret-color: transparent;
}

/*-----Table text color tbody-------*/

.table > :not(caption) > * > *{
    color: #343a40 !important;
}
/*----------------Primary button hover---------*/
.btn-clr:hover,
.btn-clr:focus {
    background-color: #2980b9 !important;
    outline: none !important;
}


.btn-clr {
    background-color: #3498db !important;
    color: #fff !important;
}
/*.btn-hov-back:hover,
.btn-hov-back:focus {
    background-color: #122D5B !important;
    outline: none !important;
}*/


.add-new-link {
    color: dodgerblue;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor:pointer;
}

    .add-new-link:hover {
        text-decoration: underline;
    }

.form-label {
    font-weight: 600;
    font-size: 14px;
    color: #040404 !important;
}

input, select {
    height: 35px;
    font-weight: 500;
}

.form-control {
    font-size: 12px !important;
}

input::placeholder {
    font-size: 12px;
    font-weight: 550;
}


/*--------------Link address label margin-bottom--------------*/
.mrg-top-link {
    margin-bottom: 20px !important;
}

select::placeholder {
    font-size: 12px;
    font-weight: 550;
}

.index-sub {
    color: #01497c !important;
}

/*-----Heading design-----------*/
.head-dsn {
    color: #003566 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
/*-----------Placholder -------------*/
.custom-control .form-control {
    font-weight: 500;
    font-size: 13px !important;
}

/*--------------dropdown sizes-------*/
.custom-control-select.form-control {
    font-size: 12px !important;
    font-weight: 500;
}

/* Center align the selected option */
.select-size {
    text-align: center;
}

    /*------- dropdown Left align all options except the default one--------- */
    .select-size option:not([abled]) {
        text-align: left;
        color: #343a40;
    }
/*------------MARGIN bOTTOM------------*/
.mb {
    margin-bottom: 16px;
}

@media (max-width: 800px) {

    .row.align-items-center.mb {
        display: flex;
        flex-wrap: wrap;
    }

        .row.align-items-center.mb .col-auto {
            flex: 0 0 auto;
            margin-right: 10px;
        }
}

@media (max-width: 800px) {
    .r1 [class^="col-"] {
        width: 100%;
    }
}

.necessary-field {
    color: red;
    position: absolute;
}

.label-red {
    position: relative;
}

.input-drop::-webkit-inner-spin-button,
.input-drop::-webkit-outer-spin-button {
    display: none
}


/*---------checkbox---------*/
.row.custom-checkbox {
    display: flex !important;
    align-items: center !important;
}

.form-checkbox {
    margin-right: 10px !important; /* Add space between the checkbox and the label */
}

/* Media query for screen width 800px or less */
@media (max-width: 800px) {
    .row.custom-checkbox {
        flex-direction: row !important; /* Ensure the checkbox and label are in a single line */
        justify-content: flex-start !important; /* Align items to the start */
    }

    .col-auto1,
    .col-auto2 {
        flex: 0 0 auto !important; /* Prevent columns from growing or shrinking */
    }

    .col-auto1 {
        margin-right: 10px !important; /* Add space between the checkbox and the label */
    }

    .form-checkbox {
        margin: 0 !important; /* Reset margin if necessary */
    }
}

/*.select2-item {
    display: grid;
    grid-template-columns: 1fr auto;
    font-family: 'Segoe UI', sans-serif;
    width: 100%;
    align-items: center;
}

.product-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-qty {
    text-align: right;
    white-space: nowrap;
    padding-left: 10px;
    font-weight: 500;
    color: #555;
}
*/