/************/
/* ELEMENTS */
/************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* GENERAL */
body{
    font-family: 'Noto Sans', 'HelveticaNeue', sans-serif;
    /* background-color: #F2F2F2; */
}
h1{
    font-size: 30px;
}
.btn-primary{
    background-color: #211D1C;
    border-color: #211D1C;
}

form {
    font-family: 'Montserrat';
}
form .form-control{
    border-radius: 0px;
    border-color: #f2f2f2!important;
    background: #f2f2f2!important;
}

form .input-group-prepend .input-group-text, form .input-group-append{
   border-radius: 0px;
   border-color: #f2f2f2!important;
   background: #e3e3e3!important;
}


.form-control, .btn:focus, textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
input.custom-file-input:focus, input.custom-file-input:active, .custom-file-input:focus~.custom-file-label,
.custom-control-input:focus ~ .custom-control-label::before {
    border-color: #f2f2f2;
    box-shadow: 0 0px 0px #f2f2f2!important;
    outline: 0 none;
}

/* range add client */
.slider .ui-slider-handle {
    border-radius: 50%;
    top: -.6em;
}

.slider.ui-slider-horizontal {
    top: 1em;
    left: 5%;
    height: .1em;
    width: 90%;
    border: none;
    background: black;
}

/* Clients button */
.btn-outline{
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)!important;
    font-family: "Noto Sans";
    font-weight: normal;
    font-size: 18px;
    color: #211d1c;
}


/* switsh */
.custom-control-input:focus ~
.custom-control-label::before {
    /* when the button is toggled off it is still in focus and a violet border will appear */
    border-color: #acb6bd !important;
    /* box shadow is blue by default but we do not want any shadow hence we have set all the values as 0 */
    box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important;
}

/*sets the background color of switch to black when it is checked*/
.custom-control-input:checked ~
.custom-control-label::before {
    border-color: black !important;
    background-color: black !important;
}

/*sets the background color of switch to black when it is active*/
.custom-control-input:active ~
.custom-control-label::before {
    background-color: black !important;
    border-color: black !important;
}

/*sets the border color of switch to black when it is not checked*/
.custom-control-input:focus:
not(:checked) ~ .custom-control-label::before {
    border-color: black !important;
}

/**************************/
/* carousel */
/**************************/
/* .carousel .carousel-inner .carousel-item img{
    height: 32px;
    width: 100%;
} */