/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 19, 2017, 8:42:18 PM
    Author     : premv
*/

#errorMessage{
    color: red;
    font-size: 15px;
    margin-bottom: 13px;
}

#payAmount{
    border: 1px solid #9e9e9e; 
    width:94%;
}

button.action-btn {
	width: 253px;
}

/* ##################      Code for invoice templates      #################### */
.text-bottom{
    padding-top: 10px!important;
}
#email-body{
        width:600px;
        font-family: verdana;
        margin:0 auto;
}
.area-20{
        width:20%;
        float:left;
}
.area-30{
        width:30%;
        float:left;
}
.area-70{
        width:70%;
        float:left;
}
.area-50{
        width:50%;
        float:left;
}
.area-100{
        width:100%;
        float:left;
}
.main-heading{
        margin-top: 0 !important; 
        /*color: #dfeadf !important;*/
        font-family: verdana !important;
        font-weight: normal !important;
        font-size: 36px !important; 
        text-align:center !important;
}
.title-ag{
        color: #808080;font-weight: bold;font-size: 15px;font-family: verdana;
}
.bill-info{
        font-size: 11px; color: #7f909d; font-weight: bold; font-family: verdana; text-align:right;
}
.date-ref{
        color: #808080; font-size: 12px; font-family: verdana;font-weight: normal; text-align:right;
}
.thank-you-text{
        font-style: italic;color: #808080;font-size: 12px; text-align:center;
}
.email-footer{
        font-style: italic;color: #808080;font-size: 12px; text-align:center;
}

.table-email{
        font-family: verdana; border-color:#b0ccb0; border:0; font-size: 12px; border-collapse:collapse; width:100%;
}
.wd-100{
        width:100px;
}

@media only screen and (max-width: 767px) {
#email-body{
        width:100%;
        font-family: verdana;
        margin:0 auto;
        padding:10px;
        box-sizing: border-box;
}
.area-30{
        width:100%;
        text-align:center;
        box-sizing: border-box;
}
.area-70{
        width:100%;
        text-align:center;
        box-sizing: border-box;
}
.bill-info{
        text-align:right;
}
.date-ref{
        text-align:right;
}
.wd-100{
        width:auto;
}
.title-ag{ float:left;}
}