:root {
    --primary: #C52B27;
}

/* -------------------------text------------------ */
.text-primary {
    color: #45A9F2; /* Primary color */
}

.text-secondary {
    color: #6c757d; /* Secondary color */
}

.text-success {
    color: #4EDDB2; /* Success color */
}

.text-danger {
    color: #C52B27; /* Danger color */
}

.text-warning {
    color: #ffc107; /* Warning color */
}

.text-info {
    color: #17a2b8; /* Info color */
}

.text-light {
    color: #f8f9fa; /* Light color */
}

.text-dark {
    color: #343a40; /* Dark color */
}

.text-white {
    color: #ffffff;
}

.text-title {
    color: #e5322d;
}
/* ----------------------------BG---------------- */
.bg-primary {
    background-color: #45A9F2; /* Primary color */
}

.bg-secondary {
    background-color: #6c757d; /* Secondary color */
}

.bg-success {
    background-color: #28a745; /* Success color */
}

.bg-danger {
    background-color: #e5322d; /* Danger color */
}

.bg-warning {
    background-color: #ffc107; /* Warning color */
}

.bg-info {
    background-color: #17a2b8; /* Info color */
}

.bg-light {
    background-color: #F5F7FA; /* Light color */
}

.bg-dark {
    background-color: #343a40; /* Dark color */
}

.bg-white {
    background-color: #ffffff;
}
.bg-bitter {
    background-color: #fca575;
}
.bg-silver{
    background-color: #d9d9d9;
}
.gd-box {
    position: relative;
    background: linear-gradient(90deg, #ee3b3b, #fca575);
}



/* ------------------------shadow----------------------- */
.shd-brow {
    box-shadow: 0 0px 20px 4px rgba(249, 144, 105, 0.40);
}
.shd-black {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.shd-bar {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
}
.shd-pro {
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
}


/* ---------------text-------- */
.text-red600{
    color: #C52B27;
}
.text-gray600{
    color: #757575;
}
.text-gray900{
    color: #3D3D3D;
}




.bg-red100{
    background-color: #FDCCB0;
}

.bg-red200{
    background-color: #FCAC80;
}

.bg-red300{
    background-color: #F16C51;
}

.bg-red400{
    background-color: #EC5644;
}
.bg-red500{
    background-color: #E73C33;
}
/* ---------primary color------------ */
.bg-red600{
    background-color: #C52B27;
}
.bg-red700{
    background-color: #9F231F;
}
.bg-red800{
    background-color: #7B1B18;
}
.bg-red900{
    background-color: #581311;
}



/* ----------------gray--------------------- */
/* ----------------gray frame--------------------- */
.bg-gray50{
    background-color: rgba(222, 222, 222, 0.687);
}
.bg-white40{
    background-color: rgba(255, 255, 255, 0.4);
}

.bg-opa20-gray600{
    background-color: #75757525;
}

.bg-gray100{
    background-color: #DEDEDE;
}
.bg-gray200{
    background-color: #CACACA;
}
.bg-gray300{
    background-color: #B5B5B5;
}
.bg-gray400{
    background-color: #A0A0A0;
}
.bg-gray500{
    background-color: #8B8B8B;
}
.bg-gray600{
    background-color: #757575;
}
.bg-gray700{
    background-color: #616161;
}
.bg-gray800{
    background-color: #4F4F4F;
}
.bg-gray900{
    background-color: #3D3D3D;
}


/* -----------------green------------------------- */
.bg-green100{
    background-color: #A0EDD6;
}
.bg-green200{
    background-color: #5DE0B9;
}
.bg-green300{
    background-color: #47CAA3;
}
.bg-green400{
    background-color: #3FB290;
}
.bg-green500{
    background-color: #379C7D;
}
.bg-green600{
    background-color: #2E836A;
}
.bg-green700{
    background-color: #276D58;
}
.bg-green800{
    background-color: #1F5947;
}
.bg-green900{
    background-color: #194538;
}


/* ---------------------bule------------------------ */
.bg-bule100{
    background-color: #C1E2FB;
}
.bg-bule200{
    background-color: #9CD1F8;
}
.bg-bule300{
    background-color: #70BDF5;
}
/* ---------low color------------ */
.bg-bule400{
    background-color: #44A7EF;
}
.bg-bule500{
    background-color: #3B92D0;
}
.bg-bule600{
    background-color: #327BB0;
}
.bg-bule700{
    background-color: #2A6693;
}
.bg-bule800{
    background-color: #225378;
}
.bg-bule900{
    background-color: #1A415C;
}



.bg-yellow100{
    background-color: #F2DE97;
}
.bg-yellow200{
    background-color: #EAC851;
}
/* ---------medium color------------ */
.bg-yellow300{
    background-color: #D6B230;
}
.bg-yellow400{
    background-color: #BE9D2A;
}
.bg-yellow500{
    background-color: #A58925;
}
.bg-yellow600{
    background-color: #8B731F;
}
.bg-yellow700{
    background-color: #74601A;
}
.bg-yellow800{
    background-color: #5E4E15;
}
.bg-yellow900{
    background-color: #493C10;
}

hr.appsight-red{
    color: #c02d33;
}