@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'regular';
  src: url('proxi_regular/proxi_regular.eot?#iefix') format('embedded-opentype'),  
  url('proxi_regular/proxi_regular.otf')  format('opentype'),
  url('proxi_regular/proxi_regular.woff') format('woff'), 
  url('proxi_regular/proxi_regular.ttf')  format('truetype'), 
  url('proxi_regular/proxi_regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
	}
	
@font-face {
  font-family: 'bold';
  src: url('bold/bold.eot?#iefix') format('embedded-opentype'),  
  url('bold/bold.otf')  format('opentype'),
  url('bold/bold.woff') format('woff'), 
  url('bold/bold.ttf')  format('truetype'), 
  url('bold/bold.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
	}
	
html{height:100%; box-sizing:border-box;}

*,
*:before,
*:after {
  box-sizing:inherit;
}

body{margin:0; position:relative; min-height:100%; padding-bottom:50px;}

/* Animaiton */
:hover{transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; -o-transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s;}

/* float */
.left{float:left}
.right{float:right}
strong{font-family:'bold', Arial, Helvetica, sans-serif;}

/* alignment */
.justify{text-align:justify;}

/* clear */
.clear{clear:both;}
.clear5x{clear:both; height:5px;}
.clear10x{clear:both; height:10px;}
.clear15x{clear:both; height:15px;}
.clear20x{clear:both; height:20px;}
.clear30x{clear:both; height:30px;}
.clear40x{clear:both; height:40px;}

.container{width:500px; margin:0 auto;}
.body_text{font:16px 'regular', Arial, Helvetica, sans-serif; color:#000; line-height:25px;}
.body_text a:link, a:visited, a:active, a:hover{color:#f15824; text-decoration:none;}

.logo{text-align:center; margin:30px 0 0 0;}
.logo img{width:145px; height:auto;}
.menu{margin:35px 0 0 0; text-align:left; position:absolute;}
.input{width:100%; padding:12px; background:#f9f9f9; border:solid 1px #ccc; margin:0; font:15px 'regular', Arial, Helvetica, sans-serif; color:#666;}
.input:focus{outline:none; border:solid 1px #0071bc;}
.button{background:#db0000; width:100%; margin:0; border:solid 1px #ba0000; padding:12px; font:16px 'bold', Arial, Helvetica, sans-serif; color:#fff;}
.button:focus{outline:none; border:solid 1px #f7931e;}
.title{font:18px 'bold', Arial, Helvetica, sans-serif; color:#db0000; border-bottom:dashed 1px #ccc; padding:0 0 10px 0; margin-bottom:20px; text-align:left;}

table{width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd;}
table th{font:13px 'bold', Arial, Helvetica, sans-serif; color:#000; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; background:#dff0d8; padding:10px 0;}
table td{font:13px 'regular', Arial, Helvetica, sans-serif; color:#000; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; padding:5px;}
tr:nth-child(even) {background:#fff}
tr:nth-child(odd) {background:#f2f2f2}

footer{width:500px; text-align:center; font:14px 'regular', Arial, Helvetica, sans-serif; color:#000; position:absolute; right:0; bottom:0; left:0; padding:15px 0; background:#f1f1f1; margin:0 auto;}

/*iPod, Tablet Devices*/	
@media all and (max-width: 999px) and (min-width: 480px){}


/*Mobile Devices.*/		
@media all and (max-width: 480px) and (min-width: 320px){
.container{width:90%; margin:0 5%;}
.logo{text-align:center; margin:30px 0 0 0;}
.logo img{width:145px; height:auto;}
.menu{margin:35px 0 0 0; text-align:left; position:absolute;}
.input{width:100%; padding:12px; background:#f9f9f9; border:solid 1px #ccc; margin:0; font:15px 'regular', Arial, Helvetica, sans-serif; color:#666; border-radius:0; -webkit-appearance:none;}
.input:focus{outline:none; border:solid 1px #0071bc;}
.button{background:#db0000; width:100%; margin:0; border:solid 1px #ba0000; padding:12px; font:16px 'bold', Arial, Helvetica, sans-serif; color:#fff; border-radius:0; -webkit-appearance:none;}
.button:focus{outline:none; border:solid 1px #f7931e;}
.title{font:18px 'bold', Arial, Helvetica, sans-serif; color:#db0000; border-bottom:dashed 1px #ccc; padding:0 0 10px 0; margin-bottom:20px;}

table{width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd;}
table th{font:13px 'bold', Arial, Helvetica, sans-serif; color:#000; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; background:#dff0d8; padding:10px 0;}
table td{font:13px 'regular', Arial, Helvetica, sans-serif; color:#000; border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; padding:5px;}
tr:nth-child(even) {background:#fff}
tr:nth-child(odd) {background:#f2f2f2}

footer{width:100%; text-align:center; font:14px 'regular', Arial, Helvetica, sans-serif; color:#000; position:absolute; right:0; bottom:0; left:0; padding:15px 0; background:#f1f1f1;}
}

.title_invoice{font:18px 'bold', Arial, Helvetica, sans-serif; color:#f15824;}

.success{
border:1px #D1EFB4 solid;
background:#E7F7D7;
padding:5px;
border-radius:5px;
color:#009900;
}
.error{
border:1px #FFAAAA solid;
background: #FFE1E1;
padding:5px;
border-radius:5px;
color:#ff0000;
}