/*
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 : 9-feb-2017, 22:53:33
    Author     : Johan van Leur <info@into-motion.com>
*/

input[type=text],
input[type=tel],
input[type=password]{
    height:25px;
    padding-left:3px;
    padding-right:3px;
    border:1px solid #CCCCCC;
    outline-color: #DDD;        
}

input[type=text],
input[type=tel],
textarea,
select {
    -webkit-box-shadow: inset 6px 6px 7px -5px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    inset 6px 6px 7px -5px rgba(50, 50, 50, 0.1);
    box-shadow:         inset 6px 6px 7px -5px rgba(50, 50, 50, 0.1);
}

select:disabled,
input[type=tel]:disabled,
input[type=text]:disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    background-color: #F0F0F0;
}

input[type=tel].error,
input[type=text].error,
select.error,
textarea.error {
    border-color: red;
}

button {
    background-color: #3399CC;        
    border: 2px solid #55BBEE;
    border-radius: 5px;
    color: white;
    line-height:25px;
    outline: none;
    vertical-align: middle;
    padding: 5px 10px;
    cursor: pointer;
    height:37px;
}

button:hover {
    background-color: #44AADD;
    color: white;
}
button:disabled {
    background-color: #CDCDCD;
    border-color: #CDCDCD;
    color: white;
    cursor: default;
}
button:disabled:hover {
    background-color: #CDCDCD;
    border-color: #CDCDCD;
    color: white;
} 

input[type=submit] {
    background-color: #3399CC;
    border: 1px solid #3399CC;
    color: white;
    line-height:25px;
    
    outline: none;
    vertical-align: middle;
    padding: 5px 10px;
    cursor: pointer;
}
input[type=submit]:hover {
    background-color: white;
    color: #3399CC;
}

button span.flaticon:before {
    margin-left: 0px;
    margin-right:6px;
    font-size:17px;
}

select {
    outline-color: #3399CC;   
    height:25px;
    padding-left:3px;
    padding-right:3px;
    border:1px solid #CCCCCC;   
    line-height:25px;
}

textarea {
    outline-color: #3399CC;      
    padding-left:3px;    
    padding-right:3px;
    border:1px solid #CCCCCC;   
}

.email {
    width:100%;
}
.phonenumber {
    width:150px;
}
.datepicker {
    width:80px;
}



button.flagbutton {
    background-color: transparent!important;
    background-repeat: no-repeat;
    background-size:contain;
    /*border: none;*/
    min-width: 37px;
    margin-right:5px;
    opacity: 0.7;
}
button.flagbutton:hover {
    opacity: 1.0;
}

/*
button.flagbutton[language='en'] {
    background-image: url(../assets/sys/flags/round/en.png)
}
button.flagbutton[language='nl'] {
    background-image: url(../assets/sys/flags/round/nl.png)
}
button.flagbutton[language='fr'] {
    background-image: url(../assets/sys/flags/round/fr.png)
}
*/