.pGreen {
    background: #22b222;
    color: black;
}

.pYellow {
    background: #ffff00;
    color: black
}

.pRed {background: #b22222;
      color:white;
}

.pGrey {background: grey;
      color:white;
}

.pTable{
    text-align: center
}

.blink{
    animation-name: blinkMe;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode:forwards;
}

@keyframes blinkMe {
    from {
          background-color: blue;
          color:white;
    }
    to {
        background-color: #22b222;
        color:black;
    }
}

.blackLink {
    color: black;
    text-decoration: underline;
}

.whiteLink {
    color: white;
    text-decoration: underline;
}

/*th{
    text-align:center;
}

td{
    text-align:center;
}*/


@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 700px;  New width for default modal 
    }

    .modal-sm {
        width: 350px;  New width for small modal 
    }
}

@media screen and (min-width: 992px) {
    .modal-dt {
        width: 800px;  New width for large modal 
    }
}



@media screen and (min-width: 992px) {
    .modal-lg {
        width: 1300px;  New width for large modal 
    }
}