.EarlyPayReviewConfirmInvoiceText
{
    color:White;
    font-size: large;
}
.EarlyPayReviewConfirmInvoiceSection
{
    text-align:center;
}
.GreenDueDate
{
    background-color: #80cd32;
    } 
.daysspan
{
    color: #80cd32;
    font-weight: bold;
}
#daysspan1
{
    color: #80cd32;
    font-weight: bold;
}
#confirmdaystext
{
    color: #80cd32;
    font-weight: bold;

}
#daystext
{
    width: 20px;
    font-size: small;
    text-align: center;
    color: #80cd32;
    font-weight: bold;
}
.spaces
{
    margin-left:40px;
}
.paymentcancel
{
    text-decoration: underline;
}
#AgreeCheckbox
{
    margin-left: 10px;
}
.Reviewbutton
{
    width: 449px;
    margin-left: -47px;
    text-align: center;
    background-color: #e5e5e5;
}
.Paymentdata
{
    text-align: center;
    font-size: small;
}
.PaymentConfirmConfirmPayment
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid black;
    text-align: center;
    font-size: small;
    color: White;
    border-color: White;
    background-color: #78426a;
}
.PaymentConfirmCheckboxMsg
{
    background-color: White;
    width: 449px;
    margin-left: -47px;
    text-align: center;
}
#newdate
{
    font-size: large;
    margin-left: 90px;
}
.newpaymentamounttext
{
    margin-left: 60px;
}
.newearlydatetext
{
    margin-left: 88px;
}
.PaymentConfirmNewEarlyDateText
{
    background-color: White;
    width: 449px;
    margin-left: -47px;
}
.PaymentConfirmNewEarlyDate
{
    background-color: White;
    width: 449px;
    margin-left: -47px;
}
.fromdate
{
    background-color:#80cd32;
    color: White;
    font-weight:bold;
}
.dollar
{
    font-size: large;
    margin-left:50px;
}
#newdateamounttotal
{
    font-size: large;
}
.ReviewConfirmMsg
{
    background-color: White;
    width: 449px;
    margin-left: -47px;
    text-align: center;
}
.PaymentConfirmPONumber
{
    font-size: large;
    text-align: center;
    color: White;
}
#PaymentConfirmTitleMsg
{
    font-size: x-large;
    text-align: center;
    color: White;
}
#PaymentConfirmDivContent
{
    padding: 3%;
    height: 350px;
    width: 450px;
    margin-left: 250px;
    margin-top: 130px;
    background-color: #78426A;
}

.disableDueDate
{
    cursor: not-allowed;
    pointer-events: none;
    
    color: #ffffff;
}
.todate
{
       top: 25px;
    font-size: small;
    z-index: 1;
    color: White;
    background-color: #80cd32;
}
.currdate
{
    top: 25px;
    font-size: small;
    z-index: 1;
    color: White;
    background-color: #80cd32;
}
.classOne
{
    top: 25px;
    font-size: small;
    z-index: 1;
    color: White;
    background-color: #78426a;
}

.cutoffDueDate
{
    font-size: small;
    z-index: 1;
    color: White;
    background-color: #78426a;
}

.Invoice
{
    color: Red;
}
.cutoffenddatedesiablecss
{
    background-color: White;
    color: Black;
    cursor: not-allowed;
    pointer-events: none;
}

​ .classTwo
{
    top: 25px;
    font-size: small;
    z-index: 1;
    color: White;
    background-color: Green;
}
.allbeforedates
{
    cursor: not-allowed;
    pointer-events: none;
}

.betweendayscss
{
    background-color: White;
    color: Black;
}


.responsive-calendar .day.notdaysofyear
{
    cursor: not-allowed;
}



.ConfirmPayment
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid black;
    text-align: center;
    font-size: small;
    color: White;
    border-color: White;
    background-color: #78426a;
    margin-left: 70px;
}

.calendarnextprev
{
    font-size: large;
}
#CalendarModalBody
{
}
#CalendarTitleMsg
{
    font-size: large;
    text-align: center;
    font-weight: bold;
}
.CalendarNewDatesMsg
{
    text-align: center;
    font-size: medium;
    margin-left: -30px;
    font-weight: bold;
}
.CalendarDateMessages
{
    text-align: center;
    font-size: medium;
    margin-left: -30px;
    font-weight: bold;
}
.CalendarInvoicePONumber
{
    text-align: center;
}
.PONumber
{
    text-align: center;
    background-color: #e5e5e5;
    color: Black;
    font-size: x-small;
    bottom: none;
}
.CalendarTotalMsg
{
    text-align: center;
    font-size: x-small;
}
#CalendarReviewDivContent
{
    padding: 3%;
    max-height: 700px;
    width: 450px;
    margin-left: 250px;
    margin-top: 130px;
    background-color: #e5e5e5;
}
.responsive-calendar
{
    width: 350px;
    background-color: #e5e5e5;
}
.responsive-calendar1
{
    width: 350px;
    background-color: #e5e5e5;
}
.responsive-calendar .controls
{
    text-align: center;
}
.responsive-calendar .controls a
{
    cursor: pointer;
}
.responsive-calendar .controls h4
{
    display: inline;
}
.responsive-calendar .day-headers, .responsive-calendar .days
{
    font-size: 0;
}

.responsive-calendar .day
{
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: 14.285714285714286%;
    text-align: center;
}

.responsive-calendar .day a
{
    color: #000000;
    display: block;
    cursor: pointer;
    padding: 20% 0 20% 0;
}
.responsive-calendar .day a:hover
{
    background-color: #eee;
    text-decoration: none;
}
.responsive-calendar .day.header
{
    border-bottom: 1px gray solid;
}
.responsive-calendar .day.active a
{
    background-color: #80cd32;
    color: #ffffff;
}
.responsive-calendar .day.active a:hover
{
    background-color: #36a0e2;
}
.responsive-calendar .day.active .not-current
{
    background-color: #8fcaef;
    color: #ffffff;
}
.responsive-calendar .day.active .not-current:hover
{
    background-color: #bcdff5;
}
.responsive-calendar .day.not-current a
{
    color: #999999;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #e5e5e5;
    visibility:hidden;
}
.responsive-calendar .day .badge
{
    position: absolute;
    top: 25px;
    font-size: xx-small;
    margin-left: 9px;
    z-index: 1;
    background-color: #80cd32;
    padding: 1px 0; /* Fix for "Now" & "Due" label overlap */
    right: 2px;
}
.btn
{
    padding: 0px;
    background-color: White;
}
.btnenabled
{
    cursor: allowed;
}

/*Added for Calendar changes Aug 5th*/
.defaultStartDate
{
    background-color:#78426a;
}
.defaultStartDate a
{
    color:#ffffff !important;
}
.defaultStartRemove
{
    background-color:#ffffff;
}
.defaultStartRemove a
{
    color: #000 !important;    
}
#CalendarReviewDivContent .popover
{
    background: #ffffff;
    color: #000000;
}