.rounded {
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.divAccount {
    height: 510px;
    overflow-y: auto;
    overflow-x: auto;
}
.settings
{
    width:200px;
}
select {
    font-size: 
}
#chkVAT1,#chkVAT2,#chkVAT3 {
    margin-left: 0px;
}
input:not([type='radio']) {
    background: rgba(255, 255, 255, .4);
    height: 35px;
    padding-top: 10px;
}
.disabled {
    background-color: whitesmoke;
    color: rgb(220,220,220);
    border-color: rgb(200, 200, 200);
    cursor: not-allowed;
}

.bgLogin {
    background: url(/Images/bg.jpg);
    -moz-background-size: 100% 400%;
    -o-background-size: 100% 400%;
    -webkit-background-size: 100% 400%;
    -ms-background-size: 100% 400%;
    background-size: 100% 400%;
    background-repeat: no-repeat;
}

.fillArea {
    width: 100%;
    margin-top: 5px;
}

.blackbg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    overflow-y: scroll;
}

.modalArea {
    width: 580px;
    background-color: white;
    -webkit-filter: drop-shadow(0px 4px 5 black);
    -moz-filter: drop-shadow(0px 4px 5 black);
    -o-filter: drop-shadow(0px 4px 5 black);
    filter: drop-shadow(0px 4px 5 black);
    padding: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.modalTitle {
    font-family: 'Segoe UI';
    font-weight: bold;
}

hr {
    width: 100%;
    margin: 0px;
    padding-bottom: 15px;
}

@media screen and (max-width:430px) {
    .modalArea {
        width: 100%;
    }

    #chkVAT1, #chkVAT2, #chkVAT3 {
        margin-left: 5px;
    }
}

@media screen and (max-width:720px) {
    .modalArea {
        width: 100%;
    }

    #chkVAT1, #chkVAT2, #chkVAT3 {
        margin-left: 0px;
    }
}
blink, .blink {
  -webkit-animation: blink 1s step-end infinite;
  -moz-animation: blink 1s step-end infinite;
  -o-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {
  67% { opacity: 0 }
}

@-moz-keyframes blink {
  67% { opacity: 0 }
}

@-o-keyframes blink {
  67% { opacity: 0 }
}

@keyframes blink {
  67% { opacity: 0 }
}

/*Last Update: 3/05/2014 6:05p*/
/**************************************************************************************
	htmlDatePicker CSS file
	
	Feel Free to change the fonts, sizes, borders, and colours of any of these elements
***************************************************************************************/
/* The containing DIV element for the Calendar */
#dpCalendar 
{
    
    border: 4px solid #2196F3;
    border-radius: 1px;
	display: none;					/* Important, do not change */
	position: absolute;				/* Important, do not change */
	color: black;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 250px;
    height:200px;
    border-radius:1px;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    background-color: #2196F3
;
}
/* The table of the Calendar */
    #dpCalendar table {
        border-color:transparent;
        
        color: black;
        font-size: xx-small;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        width: 100%;
        height:100%;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }


/* The Next/Previous buttons */
#dpCalendar .cellButtonPrev 
{
/*	background-color: #ddddff;
	color: black; */
	width:200px;
	border: none;
	background:#f1f1f1; /* Old browsers */
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    font-size:large;
    color:#03A9F4;
}
#dpCalendar .cellButtonNext
{
/*	background-color: #ddddff;
	color: black; */ 
	border: none;
	background: #f2f6f8; /* Old browsers */
    color:#03A9F4;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
   font-size:large;
}
#dpCalendar .cellSunday
{
	background: #ffcccc; /* Old browsers */
    width:14.28571428571429%;
    text-align:center;
    font-size:13px;
}
#dpCalendar .cellWeekDays
{
	
	background: rgb(242,246,248); /* Old browsers */
    width:14.28571428571429%;
    text-align:center;
    font-size:13px;
}
#dpCalendar .cellWeekEnd
{
	background: rgb(242,246,248); /* Old browsers */
    width:14.28571428571429%;
    text-align:center;
    font-size:13px;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth 
{
	font-size:14px;
	font-weight:lighter;
    width:100%;
	background: #f2f6f8; /* Old browsers */
	color: #03A9F4;
	text-align: center;
            -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
	background: rgb(226,226,226); /* Old browsers */
	color: #f1f1f1;
	text-align: center;
    font-size:large;
}
#dpCalendar .cellDay a {
	background: rgb(226,226,226); /* Old browsers */
	color: #404040;
	text-align: center;
    font-size:smaller;
    font-weight:100;
    border:1px solid #404040;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected 
{
	background:#2962FF; /* Old browsers */
	
	color: white;
	text-align: center;
    font-size:small;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
	background-color: #ddffdd;
	color: white;
	text-align: center;
    font-size:small;
    font-weight:100;
}
/* The day of the month cell that is inside a valid Range */
#dpCalendar .cellRange {
	background-color: #ffccff;
	color: black;
	text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
	background-color: transparent;
	color: black;
            -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
/* The Cancel/No Date button */
#dpCalendar .cellCancel {
	background-color: #cccccc;
	color: black;
	border: 1px solid black;
	text-align: center;
    height:20%;
    font-size:13px;
}
/* The text inside the Cancel/No Date button */
#dpCalendar .cellCancel a {
	display: block;
}
/* The clickable text inside the calendar */
#dpCalendar a {
	text-decoration: none;
	background-color: transparent;
    font-size:small;
	display: block;
}