/* 
    classe pentru inputuri (pe input-box)
    active
    active-grey
    error
*/
.form-style-1 .new-input {
    background: inherit;
    /* border-radius: 0; */
}
  
.form-style-1 .input-box.active-grey .new-input {
    border-bottom: 1px solid var(--menu-intermediate-color);
}
.form-style-1 .input-box.active-grey .input-label {
    color: var(--bs-primary-input-text);
    top: var(--label-top);
    padding: 0;
    /* left: 0; */
    background: inherit;
    font-size: 0.9rem;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    /* font-weight: 600; */
}
.form-style-1 .input-box.active-grey .input-label svg {
    position: relative;
    width: 11px;
    height: 11px;
    top: 2px;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
}
.form-style-1 .input-box {
    --label-top: 5px;
    /* color: red !important; */
    position: relative;
    margin: 0px 0;
    /* background: white; */
}
.form-style-1 .input-box .input-label {
    position: absolute;
    color: var(--text-icons-color);
    font-size: 14px;
    /* font-weight: 600; */
    max-width: calc(100% - (2 * 8px));
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    top: 25px;
    left: 5px;
    padding: 0 5px;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    /* opacity: 0.6; */
}
.form-style-1 .input-box:focus-within .input-label {
    color: var(--f-color-focus)!important;
}
.form-style-1 .input-box .input-label svg {
    position: relative;
    width: 15px;
    height: 15px;
    top: 2px;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
}
.form-style-1 .input-box .new-input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*  height: 35px; */
    width: 100%;
    border: none;
    /* color: var(--menu-intermediate-color); */
    /* border-bottom: 1px solid var(--menu-interdemiate-color); */
    border: 1px solid var(--search-color);
    color: var(--cancel-text-color);
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    margin-top: 15px;
    height: 40px;
    font-size: 14px;
}

.form-style-1 .input-box .new-input:not(select) {
    padding-left: 5px;
}
.form-style-1 .input-box .new-input:focus {
    outline: none;
    border: 1px solid var(--menu-secondary-color) !important;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
--label-top: 10px;
}
.form-style-1 .input-box.error .input-label {
    color: #f44336;
    top: var(--label-top);
    /* background: #00000021; */
    font-size: 0.9rem;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    font-weight: 600;
    background: white;
}
.form-style-1 .input-box.error .new-input {
    border: 1px solid var(--bs-red);
}  
.form-style-1 .input-box.focus .input-label,
.form-style-1 .input-box.active .input-label {
    color: var(--menu-secondary-color) !important;
    top: var(--label-top);
    background: white;
    font-size: 0.9rem;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    font-weight: 600;
    padding: 0 5px;
    /* font-weight: 500; */
}
.form-style-1 .input-box.focus .input-label svg,
.form-style-1 .input-box.active .input-label svg {
    position: relative;
    width: 11px;
    height: 11px;
    top: 2px;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
}  
.form-style-1 .input-box.active .new-input {
    border-bottom: 2px solid var(--bs-primary);
}
.select2-container .select2-selection.new-input .select2-selection__rendered{
    color: var(--bs-primary-input-text);
    padding-top: 0;
    padding-left: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    /* line-height: 1; */
    line-height: 35px;
}

/* selectize */
.selectized{
    padding-top: 1px;
}
body .selectize-control .selectize-input{
    background: inherit!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    padding: 0;
    height: 100%;
    border: none;
    color: inherit;
}
body .selectize-control .selectize-input input{
    height: 100%;
    color: var(--bs-primary-input-text);
    font-size: var(--bs-body-font-size);
}
.selectize-input .item{
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: var(--bs-body-font-size);
}
.selectize-dropdown .selected, .selectize-dropdown .active {
    background-color: var(--bs-primary);
    color: var(--bs-primary-text);
}
.selectize-dropdown .active:not(.selected) {
    background: var(--bs-active);
    color: var(--bs-primary);
}

/* placeholder */
::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--bs-primary-input-text);
    opacity: 1; /* Firefox */
}
::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--bs-primary-input-text);
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--bs-primary-input-text);
    opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--bs-primary-input-text);
    opacity: 1; /* Firefox */
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--bs-primary-input-text);
    opacity: 1; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--bs-primary-input-text);
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--bs-primary-input-text);
}
 
.form-check-input:checked {
    background-color: var(--menu-secondary-color);
   /*  border-color: var(
    --f-color-focus); */
    border-color: var(--menu-secondary-color);
}
.inputfile-1 + label{
    background-color: var(--menu-secondary-color) !important;
    color: white !important;
}

input.new-input.form-check-input:focus {
	 border-color: var(--menu-secondary-color) !important;
}
#popupEmitereCertificat .form-style-1 .new-input {
  
    vertical-align: top;
    margin-right: 5px;
    /* border-radius: 0; */
}