.red
{
    color: red;
}

.green{
    color: green;
}

.promo-prod-box
{
    border: 1px solid grey;
    padding: 5px;
}

.modal-full {
    min-width: 90%;
    margin: 0px auto;
}

.modal-full .modal-content {
    min-height: 80vh;
}


.dateBlock{

    display: inline-block;
    border: 1px solid #333333;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.month01
{
    background-color: #FFFFCC;
}

.month02
{
    background-color: #FF99CC;
}

.month03
{
    background-color: #CCFFCC;
}

.month04
 {
     background-color: #CCCCFF;
 }

.month05
 {
     background-color: #CC66CC;
 }

.month06
 {
     background-color: #99CCFF;
 }

.month07
 {
     background-color: #9999CC;
 }

.month08
 {
     background-color: #f2ff2d;
 }

.month09
{
    background-color: #64d5ca;
}

.month10
 {
     background-color: #a9b7d1;
 }

.month11
{
    background-color: #d4edda;
}


.month12
{
    background-color: #f1b0b7;
}


.greenBG
{
    background-color: #00dd00;
    transition-property: all;
    transition-duration: 1s;
}