:root {
    --blue-color: #007aff !important;
    --color-dark-blue: #003594 !important;
    --color-lite-blue: #abcae9 !important;
    --color-lite-green: #c7e995 !important;
    --color-white: #ffffff !important;
    --color-black: rgba(38, 42, 45, 1) !important;
    --color-lite: #FAFAFA !important;
    --color-border: rgba(215, 215, 215, 1);
}
.btn {
    --bs-btn-disabled-opacity: 0.35;
}
.btn-blue {
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--blue-color);
    --bs-btn-disabled-border-color: var(--blue-color);
}

.btn-lite-blue {
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-lite-blue);
    --bs-btn-disabled-border-color: var(--color-lite-blue);
}

.btn-red {
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: red;
    --bs-btn-disabled-border-color: red;
}

.btn-danger {
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff5869;
    --bs-btn-disabled-border-color: #ff5869;
}


.btn {
    padding: .875rem 2rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .2rem;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: normal;
    color: #000000;
}

.btn-bottom {
    min-width: 266px;
}

.btn.btn-sm {
    padding: .4rem 1rem !important;
}

.btn.btn-extra-sm {
    padding: .3rem .4rem !important;
    font-size: 10px;
    text-transform: uppercase;
}

.btn.focus, .btn:focus {
    outline: 0;
}

.btn:active {
    box-shadow: none !important;
    outline: 0 !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}


.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
    box-shadow: none !important;
}

/* animationBTN */

.btn-save:focus {
    outline: 0;
}

.btn.inProgress {
    color: transparent !important;
}

    .btn.inProgress:after {
        position: absolute;
        content: '';
        width: 25px;
        height: 25px;
        border: 3px solid #fefefe;
        border-radius: 50%;
        border-left-color: transparent;
        left: 50%;
        top: 50%;
        animation: spin ease-in 2.5s forwards;
        animation-name: spin;
        -webkit-animation-name: spin;
        transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        animation-duration: 2.5s;
        -webkit-animation-duration: 2.5s;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }

    90% {
        transform: translate(-50%, -50%) rotate(1080deg) scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }

    98% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(1);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(0);
    }
}

.btn-reg {
    color: #fff;
    border-color: #00CA4C;
    background-color: #00CA4C;
}

.btn-white {
    background-color: #fff;
    border: 2px solid #fff;
}

    .btn-white:hover, .btn-white:active {
        background-color: #fff;
        color: #000000;
        border: 2px solid #fff;
    }

    .btn-white.disabled, .btn-white:disabled {
        background-color: #fff;
        border: 2px solid #fff;
        opacity: .3;
    }

.btn-red {
    background-color: #f44336;
    color: #fff;
    border: 2px solid #f44336;
}

    .btn-red:hover {
        background-color: #f44336;
        color: #fff;
    }

.btn-blue {
    background-color: var(--blue-color);
    color: #fff!important;
    border: 2px solid var(--blue-color);
}

    .btn-blue:hover, .btn-blue:active, .btn.btn-blue.show {
        background-color: var(--blue-color) !important;
        color: #fff !important;
        border: 2px solid var(--blue-color) !important;
    }

.btn-lite-blue {
    background-color: var(--color-lite-blue);
    color: var(--color-black);
    border: 2px solid var(--color-lite-blue);
}

    .btn-lite-blue:disabled, .btn-lite-blue.disabled {
        background-color: var(--color-lite-blue);
        color: var(--color-black);
        border: 2px solid var(--color-lite-blue);
        opacity: .3;
    }

    .btn-lite-blue:hover, .btn-lite-blue:active, .btn.btn-lite-blue.show {
        background-color: var(--color-lite-blue) !important;
        color: var(--color-black) !important;
        border: 2px solid var(--color-lite-blue) !important;
    }

.btn-link {
    color: var(--blue-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

    .btn-link:hover {
        color: var(--blue-color);
        text-decoration: underline;
    }

.btn-grey {
    background-color: #ededed !important;
    color: var(--blue-color);
    border-color: #ededed !important;
}

    .btn-grey:disabled, .btn-grey.disabled {
        background-color: var(--color-lite-blue);
        color: var(--color-black);
        border: 2px solid var(--color-lite-blue);
        opacity: .3;
    }

    .btn-grey:disabled, .btn-grey.disabled {
        background-color: #ededed !important;
        color: var(--blue-color);
        border-color: #ededed !important;
        opacity: .3;
    }

    .btn-grey:hover {
        color: var(--blue-color);
        background-color: #ededed;
        border-color: #ededed;
    }

    .btn-grey:active, .btn-grey.btn.show {
        color: var(--blue-color);
        background-color: #ededed !important;
        border-color: #ededed !important;
    }

.btn-file-visible {
    box-shadow: none;
    border: 0px !important;
    height: 36.5px;
    margin: 0;
    padding: 0 0.2rem !important;
    color: #2d508b !important;
}

.btn-more-tender {
    position: absolute;
    left: 50%;
    margin-left: -32px;
    margin-top: -7px;
    z-index: 1;
}

    .btn-more-tender img {
        height: 32px;
    }

.btn-more-details {
    height: 30px;
}

.btn-icon {
    font-size: 13px;
    padding: .2rem .4rem !important;
    line-height: 2;
}

.filterClear {
    padding: 15px 2px 10px 10px;
    float: left;
}

.btn-filter-clear {
    font-size: 0.8rem;
    border: 2px dashed #007aff;
    background-color: transparent !important;
    padding: 6px;
    border-radius: 2px;
    text-transform: uppercase;
    white-space: normal;
}

    .btn-filter-clear i {
        font-size: 1rem;
    }

.CPV-btn {
    background-color: var(--blue-color);
    color: var(--color-white);
    font-size: .81rem;
    text-transform: uppercase;
    white-space: normal;
}
    .CPV-btn:disabled, .CPV-btn.disabled {
        background-color: var(--blue-color);
        color: var(--color-white);
        opacity:.3;
    }

.add-btn {
    margin: .375rem;
}

.btn.create-tender, .create-tender .btn {
    padding: .4rem 1rem !important;
}

.my-tender-list .create-tender.btn, .my-tender-list .create-tender .btn {
    position: initial;
    top: 0;
    right: 0;
}

.btn-danger {
    color: #fff;
    background-color: #F44336;
    border-color: #F44336;
}

.btn-more {
    color: #fff;
    background-color: rgb(171,196,151);
}

.btn-login {
    color: #fff;
    background-color: #28a745;
}

.btn-white {
    background-color: #fff;
    color: #212529;
}

.btn-dark-blue {
    background-color: #2d508b;
    color: #fff;
}

    .btn-dark-blue:hover, .btn-dark-blue:active {
        background-color: #2d508b;
        color: #fff;
        border-color: #2d508b !important;
    }

.tender-btn {
    border-radius: 4px 4px 0 0;
    color: #fff !important;
    width: 310px;
    font-size: 18px;
    padding: 10px;
    border-color: var(--blue-color) !important;
    background: var(--blue-color) !important;
}

.btn-fixed {
    position: fixed;
    z-index: 1029;
    right: 45px;
    top: 350px;
    transform: rotate(-90deg) translate(100%, 0) !important;
    transform-origin: 100% 8px !important;
}

.btn-enter {
    border-color: #00CA4C;
    background-color: #00CA4C;
    color: #fff;
}

.btn-green-lite {
    background-color: #c7e995;
    border-color: #c7e995;
}

    .btn-green-lite:hover {
        background-color: #006400;
        border-color: #006400;
    }

.btn-dark {
    background-color: #343a40 !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
}

.btn-bordered {
    color: #fff;
    background: none;
    border: 1px solid #fff;
}

    .btn-bordered:hover, .btn-bordered:focus, .btn-bordered:active, .btn-bordered.active, .open > .dropdown-toggle.btn-bordered {
        background: #fff;
        border: 1px solid #fff;
        color: #444;
    }


.btn-circle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 1;
    border: none;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

.btn-small {
    width: 35px;
    height: 35px;
}

.btn-facebook {
    background-color: #3b5998 !important;
    color: #fff;
}

. {
    -webkit-border-radius: 10em;
    border-radius: 10em;
}

    .btn-group .btn {
        margin: 0;
        padding: .5rem 1.5rem;
    }

    .btn-group .active {
        background: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        color: #fff;
    }

    .btn-group > .btn:hover {
        z-index: 1;
    }

    .request-joining {
        flex: 0 1 50%;
    }

    .login-btn {
        padding: 10px 20px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: .81rem !important;
    }
    /*fonts*/
    .fs-20 {
        font-size: 20px !important;
    }

    .fs-15 {
        font-size: 15px !important;
    }

    .mail-action-btn {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: transparent;
        margin: 0;
    }

        .mail-action-btn:hover {
            background-color: rgba(32,33,36,0.059);
            transform: scale(1);
        }
    /*btn-add-file*/
    .add-file-input {
        display: inline-block;
        position: absolute;
        width: 40px;
        z-index: 1;
        height: 40px;
        top: 0;
        right: 0;
        opacity: 0;
        cursor: pointer;
    }

    .button-file-input {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .button-file-label {
        padding: .3rem .5rem;
        background-color: #fff;
        margin: .375rem;
        text-transform: uppercase;
        word-wrap: break-word;
        white-space: normal;
        cursor: pointer;
        border: 0;
        border-radius: 0rem;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: 2px solid #69b236 !important;
        color: #69b236 !important;
        border-radius: 10em;
    }

    .action-Notification i {
        color: rgb(172,172,172);
    }

    .action-Notification:hover i {
        color: red;
    }

    .btn-wide {
        width: 100%;
        max-width: 300px;
        min-width: 150px;
    }

    .free-btn {
        font-size: .81rem !important;
        font-weight: 700;
        padding: .3rem 1rem;
        color: var(--color-dark-blue);
        width: 100%;
        background-color: #2d508b;
        border: 2px solid transparent;
        color: #fff;
        margin: .375rem;
        display: block;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .bidding-card .btn.disabled, .bidding-card .btn:disabled {
        background-color: #eeeeee !important;
        opacity: .65;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        border-color: #dddddd;
    }

    .login-btn {
        background-color: var(--blue-color) !important;
        color: var(--color-white) !important;
        border-color: var(--blue-color) !important;
    }

    .btn_configSave {
        font-size: 20px;
        border: 0;
        background-color: transparent !important;
        color: var(--blue-color) !important;
        padding: 2px 5px;
        text-transform: uppercase;
        white-space: normal;
    }

    .clear-filter {
        color: var(--color-border);
    }

        .clear-filter:hover {
            color: red;
        }

    .btn-close:focus {
        outline: 0;
        box-shadow: none;
    }

a.delite_row i, i.clear {
    color: var(--color-border);
}

    a.delite_row i:hover, i.clear:hover {
        color: red;
    }