﻿.btn-blue {
    color: #fff;
    background-color: #1D4ED8;
    border-color: #1D4ED8;
}
.btn-blue:hover {
        background-color: #1E40AF;
        color: #fff;
        border-color: #1E40AF;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-blue:active {
        background-color: #1E40AF;
        color: #fff;
        border-color: #1E40AF;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-green {
    color: #fff;
    background-color: #15803D;
    border-color: #15803D;
}
.btn-green:hover {
        background-color: #166534;
        color: #fff;
        border-color: #166534;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-green:active {
        background-color: #166534;
        color: #fff;
        border-color: #166534;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-red {
     color: #fff;
    background-color: #B91C1C;
    border-color: #B91C1C;
}
    .btn-red:hover {
         background-color: #991B1B;
        color: #fff;
        border-color: #991B1B;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-red:active {
        background-color: #991B1B;
        color: #fff;
        border-color: #991B1B;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
.btn-purple {
    color: #fff;
    background-color: #7E22CE;
    border-color: #7E22CE;
}
    .btn-purple:hover {
        background-color: #6B21A8;
        color: #fff;
        border-color: #6B21A8;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-purple:active {
        background-color: #6B21A8;
        color: #fff;
        border-color: #6B21A8;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }


.btn-teal {
    color: #fff;
    background-color: #0F766E;
    border-color: #0F766E;
}
    .btn-teal:hover {
        background-color: #115E59;
        color: #fff;
        border-color: #115E59;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-teal:active {
        background-color: #115E59;
        color: #fff;
        border-color: #115E59;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-orange {
    color: #fff;
    background-color: #C2410C;
    border-color: #C2410C;
}
    .btn-orange:hover {
        background-color: #9A3412;
        color: #fff;
        border-color: #9A3412;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-orange:active {
        background-color: #9A3412;
        color: #fff;
        border-color: #9A3412;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-pink {
    color: #fff;
     background-color: #BE185D;
    border-color: #BE185D;
}
    .btn-pink:hover {
         background-color: #9D174D;
        color: #fff;
        border-color: #9D174D;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-pink:active {
        background-color: #9D174D;
        color: #fff;
        border-color: #9D174D;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-sky {
    color: #fff;
    background-color: #0369A1;
    border-color: #0369A1;
}
    .btn-sky:hover {
        background-color: #075985;
        color: #fff;
        border-color: #075985;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-sky:active {
        background-color: #075985;
        color: #fff;
        border-color: #075985;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }


.btn-emerald {
    color: #fff;
    background-color: #047857;
    border-color: #047857;
}
    .btn-emerald:hover {
        background-color: #065F46;
        color: #fff;
        border-color: #065F46;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-emerald:active {
        background-color: #065F46;
        color: #fff;
        border-color: #065F46;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-violet {
    color: #fff;
    background-color: #6D28D9;
    border-color: #6D28D9;
}
    .btn-violet:hover {
        background-color: #5B21B6;
        color: #fff;
        border-color: #5B21B6;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }
    .btn-violet:active {
        background-color: #5B21B6;
        color: #fff;
        border-color: #5B21B6;
        box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-lime {
    color: #fff;
    background-color: #4D7C0F;
    border-color: #4D7C0F;
}
.btn-lime:hover {
    background-color: #3F6212;
    color: #fff;
    border-color: #3F6212;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-lime:active {
    background-color: #3F6212;
    color: #fff;
    border-color: #3F6212;
    box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-new {
    color: #ffffff;
    background-color: #1D4ED8;
    border-color: #1D4ED8;
}
    .btn-new:hover {
        color: #fff;
        background-color: #1E40AF;
        border-color: #1E40AF;
    }

.badge-new {
    color: #ffffff;
    background-color: #1D4ED8;
}

.btn-save {
    color: #ffffff;
    background-color: #15803D;
    border-color: #15803D;
}
    .btn-save:hover {
        color: #ffffff;
        background-color: #166534;
        border-color: #166534;
    }

.badge-save {
    color: #ffffff;
    background-color: #15803D;
}

.btn-update {
    color: #ffffff;
    background-color: #0369A1;
    border-color: #0369A1;
}
    .btn-update:hover {
        color: #ffffff;
        background-color: #075985;
        border-color: #075985;
    }

.badge-update {
    color: #ffffff;
    background-color: #3498DB;
}

.badge-fuchsia {
    color: #ffffff;
    background-color: #86198F;
}


.btn-cancel {
    color: #ffffff;
    background-color: #C2410C;
    border-color: #C2410C;
}
    .btn-cancel:hover {
        color: #ffffff;
        background-color: #9A3412;
        border-color: #9A3412;
    }

.btn-print {
    color: #ffffff;
    background-color: #6D28D9;
    border-color: #6D28D9;
}
    .btn-print:hover {
        color: #fff;
        background-color: #5B21B6;
        border-color: #5B21B6;
    }

.badge-print {
    color: #ffffff;
    background-color: #6D28D9;
}


.btn-email {
    color: #ffffff;
    background-color: #0369A1;
    border-color: #0369A1;
}
.btn-email:hover {
    color: #fff;
    background-color: #0284C7;
    border-color: #0284C7;
}

.badge-email {
    color: #ffffff;
    background-color: #0369A1;
}

.btn-delete {
    color: #ffffff;
    background-color: #B91C1C;
    border-color: #B91C1C;
}
    .btn-delete:hover {
        color: #ffffff;
        background-color: #991B1B;
        border-color: #991B1B;
    }


.badge-delete {
    color: #ffffff;
    background-color: #B91C1C;
}


.btn-edit {
    color: #ffffff;
    background-color: #4D7C0F;
    border-color: #4D7C0F;
}
    .btn-edit:hover {
        color: #fff;
        background-color: #3F6212;
        border-color: #3F6212;
    }

.btn-export {
    color: #ffffff;
    background-color: #0069a8;
    border-color: #0069a8;
}

    .btn-export:hover {
        color: #fff;
        background-color: #00a6f4;
        border-color: #00a6f4;
    }

.btn-copy {
    color: #ffffff;
    background-color: #45556c;
    border-color: #45556c;
}

    .btn-copy:hover {
        color: #fff;
        background-color: #62748e;
        border-color: #62748e;
    }

.badge-edit {
    color: #ffffff;
    background-color: #4D7C0F;
}

.btn-process {
    color: #ffffff;
    background-color: #4338CA;
    border-color: #4338CA;
}
    .btn-process:hover {
        color: #fff;
        background-color: #3730A3;
        border-color: #3730A3;
    }

.btn-placeorder {
    color: #ffffff;
    background-color: #047857;
    border-color: #047857;
}

    .btn-placeorder:hover {
        color: #fff;
        background-color: #059669;
        border-color: #059669;
    }


.btn-view {
    color: #ffffff;
    background-color: #374151;
    border-color: #374151;
}
    .btn-view:hover {
        color: #fff;
        background-color: #1F2937;
        border-color: #1F2937;
    }

.btn-open {
    color: #ffffff;
    background-color: #0E7490;
    border-color: #0E7490;
}
.btn-open:hover {
    color: #fff;
    background-color: #0891B2;
    border-color: #0891B2;
}


.badge-open {
    color: #ffffff;
    background-color: #0E7490;
}

.badge-list {
    color: #ffffff;
    background-color: #6D28D9;
}


.btn-payment {
    color: #ffffff;
    background-color: #6D28D9;
    border-color: #6D28D9;
}
    .btn-payment:hover {
        color: #fff;
        background-color: #7C3AED;
        border-color: #7C3AED;
    }


.btn-ok {
    color: #ffffff;
    background-color: #15803D;
    border-color: #15803D;
}

    .btn-ok:hover {
        color: #fff;
        background-color: #16A34A;
        border-color: #16A34A;
    }


.btn-cancel {
    color: #ffffff;
    background-color: #44403C;
    border-color: #44403C;
}

    .btn-cancel:hover {
        color: #fff;
        background-color: #57534E;
        border-color: #57534E;
    }


.btn-fuchsia {
    color: #ffffff;
    background-color: #86198F;
    border-color: #86198F;
}

    .btn-fuchsia :hover {
        color: #fff;
        background-color: #C026D3;
        border-color: #C026D3;
    }


.badge-payment{
    color: #ffffff;
    background-color: #7C3AED;
}

.btn-invoice {
    color: #ffffff;
    background-color: #4D7C0F;
    border-color: #4D7C0F;
}

    .btn-invoice:hover {
        color: #fff;
        background-color: #65A30D;
        border-color: #65A30D;
    }

.btn-converttoSo {
    color: #ffffff;
    background-color: #047857;
    border-color: #047857;
}

    .btn-converttoSo:hover {
        color: #fff;
        background-color: #059669;
        border-color: #059669;
    }

.btn-backOrder {
    color: #ffffff;
    background-color: #A21CAF;
    border-color: #A21CAF;
}
    .btn-backOrder:hover {
        color: #ffffff;
        background-color: #C026D3;
        border-color: #C026D3;
    }

.badge-invoice {
    color: #ffffff;
    background-color: #4D7C0F;
}

.bg-blue-dark {
    background-color: #1E40AF;
    color: #fff;
    border-color: #1E40AF;
}
.bg-blue-light {
    background-color: #BFDBFE;
    color: #1E40AF;
    border-color: #BFDBFE;
}
.bg-sky-dark {
    background-color: #075985;
    color: #fff;
    border-color: #075985;
}
.bg-sky-light {
    background-color: #BAE6FD;
    color: #075985;
    border-color: #BAE6FD;
}
.bg-indigo-dark {
    background-color: #3730A3;
    color: #fff;
    border-color: #3730A3;
}
.bg-indigo-light {
    background-color: #C7D2FE;
    color: #3730A3;
    border-color: #C7D2FE;
}
.bg-violet-dark {
    background-color: #5B21B6;
    color: #fff;
    border-color: #5B21B6;
}
.bg-violet-light {
    background-color: #DDD6FE;
    color: #5B21B6;
    border-color: #DDD6FE;
}
.bg-purple-dark {
    background-color: #6B21A8;
    color: #fff;
    border-color: #6B21A8;
}
.bg-purple-light {
    background-color: #E9D5FF;
    color: #6B21A8;
    border-color: #E9D5FF;
}
.bg-fuchsia-dark {
    background-color: #86198F;
    color: #fff;
    border-color: #86198F;
}
.bg-fuchsia-light {
    background-color: #F5D0FE;
    color: #86198F;
    border-color: #F5D0FE;
}
.bg-green-dark {
    background-color: #166534;
    color: #fff;
    border-color: #BBF7D0;
}
.bg-green-light {
    background-color: #BBF7D0;
    color: #166534;
    border-color: #166534;
    
}
.bg-lime-dark {
    background-color: #3F6212;
    color: #fff;
    border-color: #3F6212;
}
.bg-lime-light {
    background-color: #D9F99D;
    color: #3F6212;
    border-color: #D9F99D;
}
.bg-emerald-dark {
    background-color: #065F46;
    color: #fff;
    border-color: #065F46;
}
.bg-emerald-light {
    background-color: #A7F3D0;
    color: #065F46;
    border-color: #A7F3D0;
}
.bg-red-dark {
    background-color: #991B1B;
    color: #fff;
    border-color: #991B1B;
}
.bg-red-light {
    background-color: #FECACA;
    color: #991B1B;
    border-color: #FECACA;
}
.bg-orange-dark {
    background-color: #9A3412;
    color: #fff;
    border-color: #9A3412;
}
.bg-orange-light {
    background-color: #FED7AA;
    color: #9A3412;
    border-color: #FED7AA;
}
.bg-amber-dark {
    background-color: #92400E;
    color: #fff;
    border-color: #92400E;
}
.bg-amber-light {
    background-color: #FCD34D;
    color: #92400E;
    border-color: #FCD34D;
}
.bg-pink-dark {
    background-color: #9D174D;
    color: #fff;
    border-color: #9D174D;
}
.bg-pink-light {
    background-color: #FECDD3;
    color: #9D174D;
    border-color: #FECDD3;
}
.bg-ross-dark {
    background-color: #9F1239;
    color: #fff;
    border-color: #9F1239;
}
.bg-ross-light {
    background-color: #FECDD3;
    color: #9F1239;
    border-color: #FECDD3;
}
.bg-yellow-dark {
    background-color: #a65f00;
    color: #fff;
    border-color: #a65f00;
}

.bg-yellow-light {
    background-color: #FECDD3;
    color: #f0b100;
    border-color: #FECDD3;
}
/*800*/


.border-blue-dark {
    border-color: #1E40AF !important;
}
.border-sky-dark {
    border-color: #075985 !important;
}
.border-indigo-dark {
    border-color: #3730A3 !important;
}
.border-violet-dark {
    border-color: #5B21B6 !important;
}
.border-purple-dark {
    border-color: #6B21A8 !important;
}

.border-fuchsia-dark {
    border-color: #86198F !important;
}
.border-pink-dark {
    border-color: #9D174D !important;
}
.border-ross-dark {
    border-color: #9F1239 !important;
}
.border-orange-dark {
    border-color: #9A3412 !important;
}
.border-red-dark {
    border-color: #991B1B !important;
}
.border-amber-dark {
    border-color: #92400E !important;
    
}
.border-green-dark {
    border-color: #166534 !important;
}
.border-emerald-dark {
    border-color: #065F46 !important;
}
.border-teal-dark {
    border-color: #115E59 !important;
}
.border-lime-dark {
    border-color: #3F6212 !important;
}

.border-cnet {
    border-color: #284389 !important;
}
.border-cnet-light {
    border-color: #2C7BE5 !important;
}
.border-cnet-1 {
    border-color: #3C5499 !important;
}
.border-cnet-2 {
    border-color: #1E346D !important;
}
.border-cnet-3 {
    border-color: #4F68A0 !important;
}
.border-cnet-4{
    border-color: #475A80 !important;
}
.border-cnet-5 {
    border-color: #5D6984 !important;
}

.bg-cnet {
    background-color: #284389 !important;

}
.bg-cnet-light {
    background-color: #2C7BE5;
    color: #fff;
}

.account-view:hover {
    cursor: pointer;
}

.btn-cnet {
    color: #fff;
    background-color: #284389;
    border-color: #284389;
}

    .btn-cnet:hover {
        background-color: #284379;
        color: #fff;
        border-color: #B3C7E6;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.125);
    }

.text-cnet {
    color: #284389 !important;
    font-family: "Arimo", sans-serif;
}

.text-emerald-dark {
    color: #065F46 !important;
}


.form-label {
    
    font-size: .8rem;
    font-weight: 600
   
}
.form-check-label {
    font-size: .8rem;
    font-weight: 600
}

.form-check-input-blue-600:checked {
    background-color: #2563EB;
    border-color: #2563EB;
}

.form-check-input-violet-600:checked {
    background-color: #7C3AED;
    border-color: #7C3AED;
}

.form-check-input-green-600:checked {
    background-color: #16A34A;
    border-color: #16A34A;
}
.form-check-input-rose-600:checked {
    background-color: #E11D48;
    border-color: #E11D48;
}

.form-check-input-teal-600:checked {
    background-color: #0D9488;
    border-color: #0D9488;
}
.form-check-input-cyan-600:checked {
    background-color: #0891B2;
    border-color: #0891B2;
}

.text-pink-dark {
    color: #c6005c;
}
.text-pink-light {
    color: #fda5d5;
}

.text-copy-dark {
    color: #432dd7; /*700*/
}
.text-copy-light {
    color: #a3b3ff; /*700*/
}

.a-2x-Company {
    text-decoration: none;
}

