:root {
color-scheme: light only;
}
.clear,
.clearfix:after {
clear: both
}
a img,
img {
height: auto;
max-width: 100%
}
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 15px
}
li,
ul {
list-style-type: none
}
.left {
float: left
}
.right {
float: right
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
a img,
img {
border: 0
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
input[type=text],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=email],
select,
textarea {
background: #FFF;
border: 1px solid #a7abad;
color: #222;
height: 32px;
line-height: 22px;
width: 100%;
font-size: 14px;
padding: 3px 8px;
outline: 0;
font-family: Arial, sans-serif;
font-weight: 400;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box
}
textarea {
padding: 6px;
height: 150px
}
select {
line-height: 24px;
padding: 4px;
height: 32px
}
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
background: #fff;
box-shadow: 0 0 5px #51cbee;
border: 1px solid #51cbee
}
input.has-error,
select.has-error {
background: url(/assets/img/error-input.png) 99.5% 50% no-repeat #fff;
border: 1px solid orange !important;box-shadow: none !important;-webkit-box-shadow:none !important;
}
input.no-error {
background: url(/assets/img/tick-input.png) 93.5% 50% no-repeat #fff !important;
border: 1px solid green !important;box-shadow: none !important;-webkit-box-shadow:none !important;
}
select.no-error {
background: url(/assets/img/tick-input.png) 93.5% 50% no-repeat #fff !important;
border: 1px solid green !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
input.loading,
select.loading {
background: url(/assets/img/loading.gif) 93.5% 50% no-repeat #fff;
border: 1px solid #51cbee
}
.clear {
line-height: 0;
height: 0
}
.button,
button,
input[type=button],
input[type=submit] {
border: 0;
width: 100%;
display: block;
cursor: pointer;
position: relative;
outline: 0;
padding: 20px 15px;
background: #2288D0;
color: #fff;
font-size: 20px
}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
background: #2791E4
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0)
}
100% {
-webkit-transform: scale(1);
opacity: 0
}
}
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0)
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0
}
}
span.cb-inline-error {
margin-top: 10px;
font-weight: 100;
color: #c00;
display: block
}
form {
padding: 10px
}
.d-flex{
display: flex;
}
@media (max-width:768px){
input[type=text], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=email], select, textarea{font-size: 12px;}
}