.brand-link {
    padding: 0.5rem 0.5rem;
}

/* aside.main-sidebar {
    background-color: #08132F !important;
} */

body {
    font-family: 'Source Sans Pro', sans-serif;
}

#otp.form-control:focus
 { border: 1px solid #007bff !important;}

.create_asn_btn, #add_comm {
    color: #121212 !important;
    background-color: #004B88 !important;
}

.create_asn_btn:hover {
    color: #004B88 !important;
    background-color: #fff !important;
    border: 1px solid #004B88 !important;
}
.delivery_date { color: #818589 !important; font-weight: 500 !important;}
.delivery_date b { color: #121212 !important;}
.po-no-label { color: #121212 !important;}
.border_bottom { border-bottom:  none !important;}
.loader-container {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.9;
    background: linear-gradient(to right, rgb(255, 255, 255, .9), rgb(255, 255, 255, .9));
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}


.hide {
    display: none;
}

/* Default Button */
/* .bg-gradient-button {
    background: #F2EDD7FF linear-gradient(180deg, #F2EDD7FF, #e5e1cc) repeat-x !important;
    color: #755139FF !important;
} */

.bg-gradient-button.btn:not(:disabled):not(.disabled):active,
.bg-gradient-button.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-button.btn.dropdown-toggle {
    background-image: none !important;
}

/* .bg-gradient-button.btn:hover {
    background: #F2EDD7FF linear-gradient(180deg, #e5e1cc, #F2EDD7FF) repeat-x !important;
    border-color: #F2EDD7FF;
    color: #755139FF !important;
} */

.bg-gradient-button.btn:not(:disabled):not(.disabled):active,
.bg-gradient-button.btn:not(:disabled):not(.disabled).active,
.bg-gradient-button.btn:active,
.bg-gradient-button.btn.active {
    /* background: #F2EDD7FF linear-gradient(180deg, #e5e1cc, #e5e1cc) repeat-x !important; */
    border-color: #F2EDD7FF;
    /* color: #755139FF !important; */
}

/* .bg-gradient-button.btn:disabled,
.bg-gradient-button.btn.disabled {
    background-image: none !important;
    border-color: #F2EDD7FF;
    color: #755139FF !important;
} */

/* Default Button */


/* Submit Button */
/* .bg-gradient-submit {
    background: #08132f linear-gradient(180deg, #5b8aff, #102b71) repeat-x !important;
    border-color: #ffffff;
    color: #fff;
} */

.bg-gradient-submit.btn:not(:disabled):not(.disabled):active,
.bg-gradient-submit.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-submit.btn.dropdown-toggle {
    background-image: none !important;
}

/* .bg-gradient-submit.btn:hover {
    background: #08132f linear-gradient(180deg, #102b71, #5b8aff) repeat-x !important;
    border-color: #ffffff;
    color: #fff;
} */

/* .bg-gradient-submit.btn:not(:disabled):not(.disabled):active,
.bg-gradient-submit.btn:not(:disabled):not(.disabled).active,
.bg-gradient-submit.btn:active,
.bg-gradient-submit.btn.active {
    background: #08132f linear-gradient(180deg, #5b8aff, #102b71) repeat-x !important;
    border-color: #ffffff;
    color: #fff;
} */

/* .bg-gradient-submit.btn:disabled,
.bg-gradient-submit.btn.disabled {
    background-image: none !important;
    border-color: #ffffff;
    color: #fff;
} */

/* Submit Button */

/* Reject Button */
/* .bg-gradient-reject {
    background: #F1F4FFFF linear-gradient(180deg, #F1F4FFFF, #ffc8be) repeat-x !important;
    border-color: #F1F4FFFF;
    color: #990011FF;
} */

.bg-gradient-reject.btn:not(:disabled):not(.disabled):active,
.bg-gradient-reject.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-reject.btn.dropdown-toggle {
    background-image: none !important;
}

/* .bg-gradient-reject.btn:hover {
    background: #F1F4FFFF linear-gradient(180deg, #ffc8be, #F1F4FFFF) repeat-x !important;
    border-color: #F1F4FFFF;
    color: #990011FF;
} */

/* .bg-gradient-reject.btn:not(:disabled):not(.disabled):active,
.bg-gradient-reject.btn:not(:disabled):not(.disabled).active,
.bg-gradient-reject.btn:active,
.bg-gradient-reject.btn.active {
    background: #F1F4FFFF linear-gradient(180deg, #ffc8be, #F1F4FFFF) repeat-x !important;
    border-color: #F1F4FFFF;
    color: #990011FF;
} */

/* .bg-gradient-reject.btn:disabled,
.bg-gradient-reject.btn.disabled {
    background-image: none !important;
    border-color: #F1F4FFFF;
    color: #990011FF;
} */

/* Reject Button */


/* Cancel Button */
/* .bg-gradient-cancel {
    background: #F1F4FFFF linear-gradient(180deg, #edeff7, #ccd7fd) repeat-x !important;
    border-color: #F1F4FFFF;
    color: #496e97;
} */

.bg-gradient-cancel.btn:not(:disabled):not(.disabled):active,
.bg-gradient-cancel.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-cancel.btn.dropdown-toggle {
    background-image: none !important;
}

/* .bg-gradient-cancel.btn:hover {
    background: #F1F4FFFF linear-gradient(180deg, #ccd7fd, #edeff7) repeat-x !important;
    border-color: #F1F4FFFF;
    color: #496e97;
} */

/* .bg-gradient-cancel.btn:not(:disabled):not(.disabled):active,
.bg-gradient-cancel.btn:not(:disabled):not(.disabled).active,
.bg-gradient-cancel.btn:active,
.bg-gradient-cancel.btn.active {
    background: #F1F4FFFF linear-gradient(180deg, #ccd7fd, #edeff7) repeat-x !important;
    border-color: #F1F4FFFF;
    color: #496e97;
} */

/* .bg-gradient-cancel.btn:disabled,
.bg-gradient-cancel.btn.disabled {
    background-image: none !important;
    background-color: #F1F4FFFF !important;
    border-color: #F1F4FFFF;
    color: #496e97;
} */

/* Cancel Button */

/* warn Button */
.bg-gradient-warn {
    background: #ff2700 linear-gradient(180deg, #ff2700, #c71f00) repeat-x !important;
    border-color: #ff2700;
    color: #fff;
}

.bg-gradient-warn.btn:not(:disabled):not(.disabled):active,
.bg-gradient-warn.btn:not(:disabled):not(.disabled).active,
.show>.bg-gradient-warn.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-warn.btn:hover {
    background: #ff2700 linear-gradient(180deg, #ff2700, #ff836c) repeat-x !important;
    border-color: #ff2700;
    color: #fff;
}

.bg-gradient-warn.btn:not(:disabled):not(.disabled):active,
.bg-gradient-warn.btn:not(:disabled):not(.disabled).active,
.bg-gradient-warn.btn:active,
.bg-gradient-warn.btn.active {
    background: #ff2700 linear-gradient(180deg, #ff836c, #ff2700) repeat-x !important;
    border-color: #ff2700;
    color: #fff;
}

.bg-gradient-warn.btn:disabled,
.bg-gradient-warn.btn.disabled {
    background-image: none !important;
    border-color: #ff2700;
    color: #fff;
}

#onbordingSubmit .form-control[disabled] {
    padding: 0 !important;
    line-height: 1.45 !important;
}

/* Reject Button */

.card_border {
    box-shadow: none !important;
    border: 1px solid #e2e2e2 !important;
}

/* Forget password styling start here */
img.vekpro-logo {
    width: 100px;
}

img.ft-icon {
    width: 40px;
    margin-right: -5px;
}

.vendorTemps.form.content {
    width: 30%;
    margin: 0 auto;
    background-color: #f5f7fd;
    margin-top: 20px;
}

span.otp-send-email {
    font-size: 14px;
}

.form-control {
    font-size: 14px;
}

label {
    /* font-size: 14px; */
    color: #121212;
    /* font-weight: 400; */
    margin-bottom: 0.5rem;
    margin-left: 0.25rem;
    /* font-family: 'Poppins', sans-serif; */
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    display: flex;
}

.text-info {
    color: #F79E33 !important;
    margin: 0;
}

.content {
    padding: 2rem;
    /* background: #ffffff; */
    border-radius: 0.4rem;
    /* box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); */
}

.vendorTemps.form.content {
    width: 30%;
    margin: 0 auto;
    background-color: #fff !important;
    margin-top: 20px;
}

.form-control {
    display: block;
    width: 100%;
    border-radius: 3px;
    font-size: 14px;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid #ced4da; */
    /* appearance: none; */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    color: #212529;
    border:1px solid #004B88;
    background-color: #fff;
}

.forget-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-custom {
    background-color: #004B88 !important;
    color: #121212 !important;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.1rem;
    padding: 10px 20px;
}


.login_btn {
    font-size: 14px;
    padding: .5rem 1.2rem;
    color: #004B88 !important;
    text-decoration: none !important;
    border: 1px solid #004B88 !important;
}
/* .container-fluid { overflow-x: hidden !important;} */

/* Forget password styling end here */