/*
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 : Dec 13, 2019, 2:55:17 PM
    Author     : pantelis
*/
:root {
   --pink-color: #DF3047; 
}

#container {
    padding: 10px;
    opacity: 0;
    position: relative;
}
table {
    margin-top: 30px;
    border-collapse: collapse;
    width: 100%;

}
table td {
    width: 50%;
    vertical-align: top;
}
#address {
    width: 350px;
    text-align: right;
    padding: 5px;
}
#form {
    overflow: hidden;
    width: 450px;
    padding: 5px;   
}
label {
    float:left;
    width: 90px;
    padding-top: 0.2em;
    padding-right: 0.5em;
    text-align: right;
    color: #1e1e1e;
}
label.sub {font-size: small;}
label.right {float: none;}

input, select {
    margin: 0.2em 0px;
}

input[type="text"], input[type="email"], textarea, select {
    border: 1px inset #004568; 
    background-color: #f7f0f0;
    padding: .2em;
    font-size: 13px;
}
#name, #subject, #text {width: 300px;}
input[type="submit"] {
    margin-left: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;	
    width: 6em;
    height: 2em;
    background-color: #ED8794;
    font-size: inherit;
    cursor: pointer;
    font-weight: 600;

    border-radius: 5px ;
    -moz-border-radius: 5px;

    -moz-box-shadow: 3px 3px 3px black;		
    -webkit-box-shadow: 3px 3px 3px black;
    box-shadow: 3px 3px 3px black;
    margin-left: 85px;
}
span.required {
    color: var(--pink-color);; 
}

#submitwrapper {
    text-align: left;
    padding: 10px;
}
.clear {clear:both;}

#ajax {
    text-align: center;
    font-weight: normal;
    display: none;
    padding: 5px;
}
.ajax-loading{
    background:	url(lazyload-spin.gif) no-repeat bottom;
    height: 80px;
}
#error {
    color: #E60000;
    font-weight: normal;
    text-align: left;
    padding: 0px 5px 5px 100px;
}
#thankyou {
    text-align: left;
    padding: 5px 5px 5px 100px;
}

#address, #form {
    /*border: thin solid red;*/
}
#address {
    float: left;
}
#form {
    /*background: #FF9;*/
    position: absolute;
    right: 0;
}
#badges {
    margin-top: 90px;
}