Joywork/css/funnel.css

.add_funnel_new {
    margin-left: 50px;
}

.form-block {
    display: inline-block;
}

.multiselect {
    width: 400px;
}

.multiselect__tag {
    color: #000;
    background-color: #efefef;
    font-family: "Lato", Helvetica, Arial, sans-serif;
}

.multiselect,
.multiselect__input,
.multiselect__singl {
    font-family: "Lato", Helvetica, Arial, sans-serif !important;
}

.multiselect__option--highlight,
.multiselect__option--highlight:after {
    background-color: #388E3C;
}

.multiselect__option--selected.multiselect__option--highlight,
.multiselect__option--selected.multiselect__option--highlight:after {
    background-color: #e2574c;
}

.multiselect__input {
    border: none !important;
}

.multiselect__tag-icon:after {
    color: #9e9e9e;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
    background: #efefef;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
    color: #757575 !important;
}

#addFunnel {
    max-width: 650px;
}

.dropbox {
    outline-offset: -10px;
    background: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    color: #ffffff;
    padding: 1px 1px;
    min-height: 30px;
    /* minimum height */
    min-width: 400px;
    position: relative;
    cursor: pointer;
}

.input-file {
    opacity: 0;
    /* invisible but it's there! */
    width: 100%;
    height: 28px;
    position: absolute;
    cursor: pointer;
}

.dropbox:hover {
    background: #388E3C;
    /* when mouse over to the drop zone, change color */
}

.dropbox p {
    font-size: 1.2em;
    text-align: center;
    line-height: 1.8;
}

.faupload:hover {
    color: #388E3C !important;
}

.fatrash:hover {
    color: #e2574c !important;
}

.label_file {
    color: #757575;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.label_file i {
    margin-right: 10px;
    font-size: 18px;
    color: #000;
}

.label_file i.active {
    color: #388E3C;
}

.doer_funnel li {
    display: inline-block;
    /* background: #dddddd;
     padding: 5px;*/
    margin-right: 5px;
}

.doer_funnel .fa-users {
    font-size: 20px;
}

.doer_funnel .fa-user-tie {
    font-size: 16px;
}

.doer_funnel .fa-building {
    font-size: 18px;
}

.doer_funnel li a {
    border-bottom: none;
}

.list_doer_funnel {
    display: inline-block;
}

.list_doer_funnel li {
    margin-bottom: 5px;
}

.list_doer_funnel li i {
    margin-left: 5px;
    cursor: pointer;
}

.list_doer_funnel li i:hover {
    color: #e2574c;
}

.green_button {
    font-size: 18px;
    font-family: "Lato";
    background: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    color: #ffffff;
    width: 100%;
    border: none;
    padding: 5px 10px 7px;
}

.green_button:hover {
    background: #388E3C;
    color: #ffffff !important;
}

.pole_end_etap label {
    display: block;
    padding: 5px;
    font-size: 16px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
}

.pole_end_etap input,
.pole_end_etap textarea,
.pole_end_etap .vs__selected {
    font-size: 16px !important;
    color: #35495e;
}

.pole_end_etap {
    width: 600px;
}

.pole_end_etap .pole_li {
    display: inline-block;
    padding: 10px;
    border: 1px dotted #e0e0e0;
     width: 600px;
}

#complex_form .pole_select_value .vs__search {
    width: 10% !important;
}

.pole_end_etap .divLiLeft {
    float: left;
}

.pole_end_etap .multiselect {
    width: 190px;
    min-height: 33px;
    margin-right: 10px;
}

.pole_end_etap .multiselect__tags {
    min-height: 33px;
    padding: 4px 40px 0 8px !important;
    border-radius: 0px;
    width: 190px;
}

.pole_end_etap .multiselect__option {
    width: 180px;
}

.pole_end_etap .multiselect__select {
    height: 33px;
}

.pole_end_etap .fas.fa-trash {
    margin-top: 40px;
}

.pole_end_etap .fas.fa-plus {
    margin-top: 40px;
    font-size: 20px;
}

.dop_settings a {
    border-bottom: none;
}

.pole_end_etap .dop_settings .fas.fa-plus {
    margin-top: 0px;
    margin-left: 5px;
}

.pole_select_value li {
    height: 33px;
}

.liPlus {
    padding: 5px 5px 5px 5px;
}

.pole_select_value input {
    width: 90% !important;
}

.pole_select_value div {
    padding: 5px 2% 7px;
    float: left;
}

.pole_select_value .fa-pencil-alt,
.pole_select_value .fa-trash {
    margin-top: 7px !important;
    font-size: 14px !important;
}

.selects_next_step .optionsNextStep label {
    float: left;
    padding-top: 10px;
}

.activeOne {
    width: 400px !important;
}

.selects_next_step .optionsNextStep .multiselect {
    float: right;
}

.selects_next_step .optionsNextStep li {
    padding: 10px 0px 0px 5px;
}

.faplus:hover {
    color: #388E3C !important;
}

.pole_end_etap .fab.fa-diaspora {
    color: #e2574c;
}

.pole_end_etap .checkbox input[type="checkbox"]+label::after {
    width: 27px;
    height: 27px;
}

.pole_end_etap .checkbox input[type="checkbox"]+label::before {
    height: 33px;
}

.pole_end_etap .checkbox input[type="checkbox"]:checked+label::after {
    left: 22px;
}

.pole_end_etap .pole_checkbox {
    width: 60px;
}

.pole_end_etap .dop_settings {
    width: 400px;
}

.pole_end_etap .clear {
    float: none;
}

.selects_next_step .multiselect {
    width: 200px;
    float: left;
    margin-right: 10px;
}

.clear {
    width: 100%;
}

.row_step_block {
    padding: 15px 15px 15px 0px;
    width: 100%;
    position: relative;
}

.first_step {
    margin-bottom: 15px;
}

.first_step .stagebar-title {
    margin-bottom: 10px;
}

.step_block {
    display: inline;
    position: relative;
    margin-right: 30px;
}

.step_block div {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.step_block a {
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    display: inline-block;
}

svg {
    z-index: 0
}

.step_block a:hover {
    border: 1px solid #388E3C !important;
    color: #388E3C !important;
}

.step_block a.fatrash:hover {
    border: 1px solid #e2574c !important;
    color: #e2574c !important;
}

#setting_roles .full_modal {
    max-width: 900px;
}

#setting_roles .fas.fa-plus {
    margin-top: 2px;
}

#setting_roles .pole_select_value div {
    padding: 0px;
}

#setting_roles .v-select div {
    float: unset !important;
}

#setting_roles .pole_li {
    border: none;
    display: inline-table
}

#setting_roles .fas.fa-check,
#setting_roles .far.fa-save {
    margin-top: 40px;
}

#setting_roles .pole_end_etap .multiselect__option {
    width: auto;
}

#setting_roles .pole_select_value li {
    height: auto;
}


/* #setting_roles .pole_end_etap .pole_li*/