/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss
Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/_forms.scss (3104B)
/* --------------------------
* Form
* -------------------------- */
.form-control {
border: 0;
padding: 0px 15px;
line-height: 48px;
border-radius: 0px;
border: 1px solid $gray-200;
background: $white;
outline: none;
font-size: 0.875rem;
line-height: 2;
height: 48px;
font-weight: 400;
&:focus {
border-color: $gray-300;
outline: none;
box-shadow: none;
color: $dark;
background: $white;
}
&.is-error {
.form-control {
border-color: $danger;
}
label {
color: $danger;
}
}
}
.error-message {
color: $danger;
font-weight: 400;
margin-top: 10px;
font-size: 0.875rem;
}
label {
&.control-label {
// font-weight: 500;
font-weight: bold;
font-size: 0.875rem;
margin-bottom: 5px;
}
}
.form-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 15px;
font-size: 0.875rem;
color: $dark;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
a {
color: $gray-600;
text-decoration: underline;
}
label {
margin: 0px;
}
input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 23px;
width: 23px;
border: 1px solid $secondary;
border-radius: 0px;
outline: none;
&:after {
content: "";
position: absolute;
display: none;
left: 7px;
top: 4px;
width: 5px;
height: 10px;
border: solid $dark;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
}
input:checked ~ .checkmark {
background-color: $white;
border-color: $dark;
&:after {
display: block;
}
}
&:hover {
input ~ .checkmark {
}
}
}
.select2-container--default .select2-selection {
// background: #f8f9fb;
border: 1px solid #f4f4f4;
border-radius: 0;
height: 48px;
&.select2-selection--multiple {
display: flex;
height: auto;
min-height: 48px;
ul {
margin-bottom: 0;
}
}
}
.select2-container--disabled {
opacity: 0.5;
}
.select2 .selection,
.select2-container--default .select2-selection {
display: block;
min-width: 100% !important;
width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
}
.select2-container--open .select2-selection {
border-color: #aaa;
}