/* this css file will have all the colors required apart from bootstrap color themes */

:root {
    --black-color: #231F20;
    --white-color: #ffffff;
    --blue-primary-color: #077abd;
    --blue-color: #3399FF;
    --red-color: #F70000;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --blue-new-color: #4285f4d9;
    --light-black-color: rgb(63 60 64);
    --dark-violet-color: #0000ff;
    --color: #e7eaec;
}

/* --blue-color: #3399FF; */

.custom-color-black {
    color: var(--black-color);
}

.custom-color-white {
    color: var(--white-color);
}

.custom-color-blue {
    color: var(--blue-color);
    cursor: pointer !important;
}

.custom-color-red {
    color: var(--red-color);
}

.custom-color-dark {
    color: var(--black-color);
    cursor: pointer !important;
}

.custom-color-danger {
    color: var(--danger-color);
    cursor: pointer !important;
}

.custom-color-warning {
    color: var(--warning-color);
    cursor: pointer !important;
}

.custom-background-blue {
    background-color: var(--blue-new-color);
    border-color: var(--blue-color);
}

.custom-bg-light-black {
    background-color: var(--light-black-color) !important;
    opacity: 1;
}

.custom-bg-blue-primary {
    background-color: var(--blue-color) !important;
    opacity: 1;
}

.custom-bg-black {
    background-color: var(--black-color) !important;
}

.custom-bg-light-blue {
    background-color: var(--blue-primary-color) !important;
    opacity: 1;
}

.custom-bg-blue-primary {
    background-color: var(--blue-primary-color) !important;
    opacity: 1;
}

.custom-bg-black {
    background-color: var(--black-color) !important;
}

.custom-blue-hamburger {
    background-color: var(--blue-primary-color);
}


.custom-color-primary-blue {
    color: var(--blue-primary-color) !important;
}

.custom-color-primary-white {
    color: var(--white-color);
}

.custom-input-border {
    /* border-color: white; */
    border-width: 1px;
    color: white;
}

.custom-input-insdetails-popup-border {
    border-width: 2px;
    color: rgb(1, 1, 1);
}
