.x-form label {
    font-size:14px;
    color: #52a1c9;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.x-form input[type=text],.x-form input[type=password], .x-form textarea{
    width:100%;
    padding:7px 5px;
    font-size:16px;
    outline:none;
    box-sizing: border-box;
    border:1px solid #ccc;
    color:#666;
    font-weight: 200;
}

.x-form div.input.combofield {
    position: relative;
}

.x-form div.input.combofield div.icon {
    position: absolute;
    cursor: pointer;
    right:8px;
    top:6px;
    width:24px;
    height:24px;
    background-image:url(/images/forms/arrowdown.png);
    background-repeat:no-repeat;
    background-position:right top;
}


.x-form button.ui-datepicker-trigger {
    min-width:0px;
    padding:0;
    background-color: transparent;
    position:relative;
    left:-30px;
    top:5px;
}

.x-form button.ui-datepicker-trigger:hover {
    background-color: transparent !important;
}

.x-form textarea{
    font-size:12px;
}



.x-form input[type=text].invalid,.x-form input[type=password].invalid,.x-form textarea.invalid {
    background-color: #ffd0d0;
}

.x-form input[type=text]:focus,.x-form input[type=password]:focus,.x-form textarea:focus {
    border-color: #95cbe5;
}

.x-form input[type=text]:disabled,.x-form input[type=password]:disabled,.x-form textarea:disabled {
    color:#AAAAAA;
}

.x-form button,button.x-form {
    padding:7px 30px;
    font-size:12px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    letter-spacing: 1px;
    min-width:100px;
    background-color:#6fcbb5;
    color:white;
    border:none;
    cursor:pointer;
    outline:none;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.x-form button:hover:not(.disabled-effect),.x-form button:focus:not(.disabled-effect) {
    background-color:#7dd8bb;
}

button.x-form:hover:not(.disabled-effect),button.x-form:focus:not(.disabled-effect) {
    background-color:#7dd8bb;
}



.x-form button.background-blue,button.x-form.background-blue {
    background-color:#52a1c9;
}

.x-form button.background-blue:hover:not(.disabled-effect),.x-form button.background-blue:focus:not(.disabled-effect) {
    background-color:#62b1d9;
}

button.x-form.background-blue:hover:not(.disabled-effect),button.x-form.background-blue:focus:not(.disabled-effect) {
    background-color:#62b1d9;
}


.x-form button.background-red,button.x-form.background-red {
    background-color:#e26a6a;
}

.x-form button.background-red:hover:not(.disabled-effect),.x-form button.background-red:focus:not(.disabled-effect) {
    background-color:#f2877e;
}

button.x-form.background-red:hover:not(.disabled-effect),button.x-form.background-red:focus:not(.disabled-effect) {
    background-color:#f2877e;
}


div.table.x-form {
    padding:20px 50px;
    border-collapse: collapse;
    margin-bottom:20px;
}

div.table.x-form .text {
    font-size:14px;
    letter-spacing:-1px;
    padding-right:20px;
    padding-top:20px;
}

div.table.x-form.invalid {
    border: 3px solid #ffd0d0;
    -webkit-box-shadow: 0 0 5px #ffd0d0;;
    box-shadow: 0 0 5px #ffd0d0;;
}

div.table.x-form .header {
    border-bottom:1px solid #ccc;
}

div.table.x-form .header .col{
    padding-bottom:5px;
    font-weight:100;
    font-size:15px;
    color:#0e72a3;
}

div.table.x-form .row {
    border-bottom:1px solid #ddd;
}

div.table.x-form .row .col{
    font-size:13px;
    padding:5px 0px;
}