.mainwrapper {
width: 94%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
background: #ffffff;
border-top: 4px solid #003F5F;
border-left: 1px solid #003F5F;
border-right: 1px solid #003F5F;
}



#money-box{
width:100%;
border: 0px solid #cccccc;
 text-align: center;
}






#money-link {
color: #ffffff;
}


#money{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 7px 7px 7px;
margin:5px;
border: 0px solid #333;
text-decoration: none;
background: #22556E;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
font-size: 1.2em;
width:75px;
display: inline-block;

}


#money:hover {
background: #333333;

}



#paybanner{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 7px 7px 7px;
margin-top: 10px;
margin-bottom: 5px;


border: 0px solid #333;
text-decoration: none;
background: #ecba1f;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
font-size: 1.2em;
width:98%;
display: inline-block;

}



input,
textarea {
  padding: 5px;
  background: #fafafa;
border-color: #000000 #000000 #000000 #000000;
  border-width: 1px;
  border-style: solid;
  margin: 5px;

/*
  margin-top: 10px;
  margin-bottom: 10px;
*/

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input:focus,
textarea:focus {
  background: #fff;
  border-color: transparent;
  box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
  -moz-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
  -webkit-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
}



select {

    padding: 5px;
    background: #fafafa;
    border-color: #000000 #000000 #000000 #000000;
    border-width: 1px;
    border-style: solid;
    margin: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
display: block;
    max-width: 100%;

}

.partners{
padding:10px;
}

.footer h5{
padding-top:10px;
color: rgba(10, 27, 47, 1); 
font-size:1.1em;
}

hr {
width:90%;
text-align:center;
}


#content{
padding:10px;
}

#rounded{
width:100%;
max-width:500px;
}


form label {
    display: block;
    font-weight: 400;
    color: #0071b3;
    margin: 0 0 0 0;
}


#invoicetable{
border:1px solid;
width:100%;
}


#invoicetdhead{
border:1px solid;
background:#cccccc;
}



#invoicetdcredit{
background:#c6e6c6;
}

#invoicetddue{
background:#b2cad8;
color:#000000;
}

.GridBarDUE{
background:#e5eff5;
}

.GridBarPAID{
background:#e3f7e3;
}


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em   2px),
    calc(100% - 15px) calc(1em   2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
/*
  width:98%;
*/
font-size:1.2em;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}


@media screen and (max-width: 500px){
select{
max-width:100%;
display:block;
width:100%;
}
}