/** Remove the default UGLY mobile Safari Styles :( **/
input[type="text"], input[type="submit"] {
    -webkit-appearance:none;
    -webkit-border-radius:0;
}

body    {
    margin: 0 auto;
    text-align:center;
    font-size:13px;
    color:#444;
    line-height:22px;
    font-family:Arial,sans-serif;
}

a   {
    text-decoration:none;
}

table {
    border-spacing:0!important;
}

.paddingBottom5 {
    padding-bottom:5px;
}

.paddingTop5 {
    padding-top:5px;
}

.paddingTop10 {
    padding-top:10px;
}

.paddingTop15 {
    padding-top:15px;
}

.paddingBottom10 {
    padding-bottom:10px;
}

.paddingTop20 {
    padding-top:20px;
}

.paddingBottom20 {
    padding-bottom:20px;
}

.paddingTop30 {
    padding-top:30px;
}

.marginTop30 {
    margin-top:30px;
}

.marginBottom10 {
    margin-bottom:10px;
}

.marginBottom20 {
    margin-bottom:20px;
}

.marginBottom30 {
    margin-bottom:20px;
}

h2.headingTitle {
    font-size:15px;
}

.formfield {
    margin-bottom:10px;
}
    
h1, h2, h3  {
    margin:0;
    padding:0;
}

h1  {
    font-size:18px;
}

#order   {
    font-size:13px;
}

#order .remove  {
    color:red;
}

#wrapperTop {
    margin:auto;
    max-width: 650px;
    position:relative;
    text-align:center;
    color:#000;
    padding-left:20px;                       
    padding-right:20px;                       
}

#wrapperTop img {
    margin-left:20px;
}

#wrapperTop h1 {
    display:inline-block;
    margin-left:20px;
}

#wrapperTop .title  {
    display:block;
    overflow:hidden;
    padding-top:5px;
    font-size:16px; 
    font-weight:bold;   
}

#wrapperTop .titleSmall {
    display:block;
    overflow:hidden;
    font-size:12px;
    font-weight:normal;
}

#wrapperTop .button    {
    top:17px;
    width:48px;  
    height:47px;  
    position:absolute;
}

#wrapperTop .buttonLeft   {
    left:8px;
}

#wrapperTop .buttonRight   {
    right:8px;
}

#wrapperContent {
    background:#fff;
    padding-bottom:15px;
    padding-top:5px;
    padding-left:15px;
    padding-right:15px;
    text-align:justify;
    margin:auto;
    max-width:650px;
}

#wrapperBottom {
    height:53px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    color:#eeeeee;
    border-top:1px solid #000;
}

#wrapperBottom #social .icons a {
    width:51px;
    height:52px;
    float:left;
    margin-right:14px;
}

#wrapperBottom #social .twitter{background:url('/images/mobile/backgrounds/footer-twitter.png') no-repeat;}
#wrapperBottom #social .facebook{background:url('/images/mobile/backgrounds/footer-facebook.png') no-repeat;}
#wrapperBottom #social .contact{background:url('/images/mobile/backgrounds/footer-contact.png') no-repeat;}

.button  {
    display:block;    
    cursor:pointer;
    border:none;
    color:#fff;
    font-size:15px;
    line-height:20px;
    text-align:center;
    padding:5px;
    border-radius:4px!important;
}

.buttonGreen   {
    background:#01AD01;
    color: #fff;
}

.buttonOrange   {
    color:#fff;
    background:#FF6600;
}

.buttonYellow  {
    background:#FF6600;
    color: #fff;
}

.buttonRed   {
    background:#01AD01;
    color: #fff;
}

fieldset    {
    border-radius:4px;
    border:1px solid #cccccc;
    padding:10px;
    padding-bottom:10px;
    padding-top:5px;
    position:relative;
    margin-bottom:15px; 
    padding:20px;
}

legend  {
    font-size:16px;
    font-weight:bold;
}

label, input, textarea, select {
    width:100%;
    display:block;
    margin:0;
    padding:0;
}

input, textarea, select {
    background:rgb(0 0 0 / 2%);
    border:1px solid #c3c3c3;
    border-radius:2px!important;
    font-size:15px;
    box-sizing: border-box;
}

.clearFloat {
    clear:both;
}

.checkboxes label {
    padding-right:10px;
}

.checkboxes label span {
    width:100%;
    white-space:break-spaces;
    vertical-align:middle;
    float:left;
    margin-top:-21px;
    margin-left:25px;
}

.checkboxes input {
    box-shadow:none;
    display:inline;
    width:auto;
    vertical-align:middle;
}

.custom-select:hover:not(:disabled),
.custom-select:focus:not(:disabled),
.custom-select:active:not(:disabled){
  color: black;
}

select {
    color: gray;
    background-image: url(../../images/forms/dropdown_arrow.png);
    background-position:100%;
    background-repeat:no-repeat;
    padding-left:5px;
    padding-right:27px;
    padding-bottom:2px;

    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

input.error, textarea.error {
    border:2px solid #ee2708;
}

input, select   {
    padding:8px;
}

select option       {
    padding:8px;
}

textarea    {
    height:200px;
}

label   {
    margin-bottom:4px; 
    font-size:14px;
}

form    {
    margin:0;
    padding:0;
    text-align:left;
    margin-top:10px;
    margin-bottom:15px;
}

.languageSelect {
    padding:5px;
    width:55px;
    float:right;
    margin-top:10px;
}

.heightFull {
    display:block;
    height:100%!important;
} 

.last, .first   {
    padding:0!important;
    margin:0!important;
}

.formLink   {
    position:absolute;
    right:8px;
    top:14px;
    color:#ff5a00;
}

.formfield  {
    margin-bottom:10px;
}

.formfield.combined {
    display:flex;
}

.formfield.combined input:first-child {
    margin-right:10px;
}

.formfieldFloat  {
    float:left;
    width:120px;
    margin-right:15px;   
}

.formfieldFloat input, .formfieldFloat select   {
    height:35px;
    line-height:31px;
}

.formfieldFloat input.button    {
    height:37px;   
}

.formfield .button  {
    margin-top:20px;
}

.formError  {
    border-radius:4px;
    border:1px solid #e70303;
    color:#fff;
    margin-bottom:20px;
    padding:15px; 
    background:#fc3e3e; 
    line-height:22px;
}

.formError ul   {
    margin:0;
    padding:0;
    list-style:inside;
}

.formError p    {
    margin:0;
    padding:0;
    font-weight:bold;
}

.formOK  {
    padding:10px;
    background:#54ae36;
    color:#fff;
    border-radius:4px;
    margin-bottom:20px;
}

.formError ul li    {
    list-style:none;
}

.loading    {
    width:100%;
    height:100%;
    position: absolute;
    z-index:100000;
    background: #fff url('/images/mobile/backgrounds/ajax-loader.gif') no-repeat;
    opacity:0.7;  
}

.fieldWithButton {
    width:50%;
    display:inline-block;
    margin-right:15px;
}

.smallButton {
    width:35%;
    display:inline-block;
}

.greenText {
    color:#53af32;;
}

.greyText {
    color:grey;
}

.link {
    color:#018bb8;
    text-decoration:none;
}

.hide {
    display:none;
}

.paddingTop {
    padding-top:8px;
}

.cart table td{
    height:20px;
    vertical-align: middle;
}

.heightCell {
    height:25px !important;
}

.borderBottomEmpty td{
    height:10px !important;
    border-bottom:1px solid #cccccc;
}

.formOK  {
    padding:10px;
    background:#54ae36;
    color:#fff;
    border-radius:4px;
    margin-bottom:20px;
}

.buttonAsLink {
    background:none!important;
    border:none; 
    padding:0!important;
    
    /*optional*/
    font-family:arial,sans-serif; /*input has OS specific font-family*/
    color:#018bb8;
    text-decoration:underline;
    cursor:pointer;
    width:inherit;
}

.description {
    font-style:italic;
    font-weight:normal;
}

.smallInputField {
    width:35px;
    height:24px;
    display: inline-block;
}

.smallInlineText {
    text-decoration:none;
    margin-left:5px;
    font-size:14px;
    display: inline-block;
}

.paymentMethods .panel {
    text-align:center;
    position:relative;
    border:1px solid rgba(0,0,0,.06);
    color:#333;
    background:rgb(0 0 0 / 2%);
    padding:15px;
    margin-right:10px;
    border-radius:2px;
}

.paymentMethods.singlePaymentMethod .panel {
    width: 100px;
}

.paymentMethods td:last-child .panel {
   margin-right:0;
}

.paymentMethods .panel.selected {
    border: 1px solid #01AD01;
}

.paymentMethods .panel.selected:after {
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    content:"\F058";
    position: absolute;
    right:-10px;
    top:-10px;
    font-weight:900;
    font-size:22px;
    color:#01AD01;
    background:#fff;
}

.paymentMethods .panel .label {
    padding-top:3px;
    color:#828282;
}

.paymentMethods img {
    height:40px;
    max-width:60px;
    vertical-align:middle;
}

input.paymentMethodRadio {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor: pointer;
}

.paySafeBlock .fa {
    color: #a4a4a4;
    font-size:17px;
    position:absolute;
}

.paySafeBlock .text {
    margin-left:25px;
}

.paySafeBlock .text p {
    margin:0;
}

.paySafeBlock .text h2, .paySafeBlock .text p {
    font-size:13px;
} 

/* Customize Fancy select drop down */
.dd-container {
    margin-top:20px;
    width:100%!important;
}

.dd-container label {
    color:gray;
    font-weight:normal;
    font-size:15px;
    padding-left:42px;
}

.dd-selected {
    font-weight:normal;
}

.dd-selected-text {
    line-height:24px!important;
}

.dd-option {
    padding-top:8px!important;
    padding-bottom:8px!important;
}

.dd-option-description {
   display:none!important; 
}
/* Customize Fancy select drop down */