/* Css för formulär sidtillägg */

/* ~~ lite färg på fokuserad input ~~ ********************************************/

input[type=text], textarea, select {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    padding: 5px;
    margin: 0px 0px 10px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(81, 203, 238, 1);
}

input[type=radio], input[type=checkbox] {
    outline: none;
    padding: 0px;
    margin: 0px 3px 5px 0px;
}

/* ~~ Skicka knappen ~~ **********************************************************/

input#Skicka {
    cursor: pointer;
    padding: 5px 15px 5px 15px;
    background: #e2e2e2;
    border: 1px solid #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    color: #000000;
    font-size: 14px;
}

input#Skicka:hover, input#Skicka:focus {
    border: 1px solid #666666;
    background-color: #d0d0d0;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}

/* ~~ Flyter till höger om fältet med pil ~~ *************************************/

.form_validate_wrapper {
    position: absolute;
    width: 100%;
    margin: -5px 0px 0px 15px;
    z-index: 1;
}

.input-validation-error {
    border: 0px solid red;
}

.field-validation-error {
    position: absolute;
    width: 200px;
    padding: 10px;
    color: #ffffff;
    background-color: rgb(40, 139, 176);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 4px 2px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(102, 102, 102, 0.2);
    box-shadow: 2px 2px 4px 2px rgba(102, 102, 102, 0.2);
}

.field-validation-error:after {
    content: "";
    position: absolute;
    top: 8px;
    left: -11px;
    border-style: solid;
    border-width: 10px 8px 10px 0px;
    border-color: transparent #288bb0;
    display: block;
    width: 0;
    z-index: 1;
}

/* ~~ Flyter till höger om fältet ~~ *********************************************/

/*
.form_validate_wrapper {
    position: absolute; 
    width:100%;
}

.field-validation-error {
    color: red; 
    font-weight: bold;
    background-color: pink;
}

.input-validation-error {
    background: pink;
    border: 1px solid red;
}

*/