/* Color list  */

.blue {
    color: #00688F;
}

.dark-blue {
    color: #00678e;
}

.blue-bg {
    background: #00688F;
}

.bg-color-light-gray {
    background: #e2e2e2;
}

.label-color {
    color: #7b7b7b;
}

.labl-color {
    color: #747F8B;
}

.red {
    color: red;
}

.brown {
    color: brown;
}

.green {
    color: green;
}

.yellow {
    color: orange;
}

.light-gray {
    color: #e2e2e1;
    ;
}

.paid-color {
    color: #378C29;
}

.white-color {
    color: white;
}


/* font Size */

.fnt-size-10 {
    font-size: 10px;
}

.fnt-size-11 {
    font-size: 11px;
}

.fnt-size-12 {
    font-size: 12px;
}

.fnt-size-13 {
    font-size: 13px;
}

.fnt-size-14 {
    font-size: 14px;
}

.fnt-size-15 {
    font-size: 15px;
}

.fnt-size-16 {
    font-size: 16px;
}

.fnt-size-17 {
    font-size: 17px;
}


/* text-algin */

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-center {
    text-align: center;
}


/* Margin-set */

.mrg-0 {
    margin: 0;
}

.mrg-left-2 {
    margin-left: 2px;
}

.mrg-left-5 {
    margin-left: 5px;
}

.mrg-left-10 {
    margin-left: 10px;
}

.mrg-left-15 {
    margin-left: 10px;
}

.mrg-auto {
    margin: auto;
}

.mrg-top-0 {
    margin-top: 0px;
}

.mrg-top-5 {
    margin-top: 5px;
}

.mrg-top-10 {
    margin-top: 10px;
}

.mrg-botom-0 {
    margin-bottom: 0px;
}

.mrg-botom-5 {
    margin-bottom: 5px;
}

.mrg-botom-10 {
    margin-bottom: 10px;
}


/* padding */

.p-0 {
    padding: 0;
}

.p-left-right-5 {
    padding: 0 5px;
}

.text-upp {
    text-transform: uppercase;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-bolder {
    font-weight: bolder;
}

.width-100per {
    width: 100%;
}

.width-75per {
    width: 75%;
}

.width-50per {
    width: 50%;
}

.width-25per {
    width: 25%;
}

.width-33per {
    width: 33%;
}