/* select with custom icons */
.language img {
    position: absolute;
    left: 2%;
    top: 50%;
    width: 10%;
    transform: translate(20%, -50%);
    max-width: 45px;
    min-width: 30px;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
    padding: 0.5em 0 0.5em 3em;
}
.select2{
    display:none;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
    height: 24px;
    width: 24px;
    top: 0.1em;
}
/* select with CSS avatar icons */
option.avatar {
    background-repeat: no-repeat !important;
    padding-left: 20px;
}

.avatar .ui-icon {
    background-position: left top;
    background-size: contain;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    background: white !important;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 50%;
    width: 80% !important;
    color: #4579BD !important;
    font-size: 24px;
    padding: 0;
    padding-left: 8px;
    transform: translate(20%, -50%);
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 1%;
}
.ui-button .ui-icon {
    background-image: url(../icons/arrow-dropdown.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(../icons/arrow-dropdown.png);
}
.ui-icon-triangle-1-s {
    background-position: 0px;
}
.ui-icon {
    width: 25px;
    height: 25px;
}
.ui-.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 18%;
}
.ui-menu-icons .ui-menu-item-wrapper {
    /*padding:2%;
    padding-left: 22%;
    color: #4579BD;
    font-size:24px;*/
    padding: 10px;
    padding-left: 59px;
    color: #4579BD;
    font-size: 24px;
    text-align: left;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
#language-select-button {
    outline: none;
}
.ui-widget.ui-widget-content {
    border: 1px solid #ffff;
    width: 100% !important;
    height: 100%;
    z-index: 99999;
    min-height: 250px;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 58px !important;
    left: 16px !important;
    display: none;
}
.ui-selectmenu-open {
    /*width: 31%;
    display: block;
    height:43%;*/
    width: calc(100% - 32px);
    display: block;
    height: 100%;
}
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1%;
    margin: auto 0;
    width: 15%;
    height: 43px;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
    .ui-selectmenu-open {
        /*width: 80%;*/
        display: block;
        /*height: 33%;*/
    }

    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        /*top: 29% !important;
        left: 8.8% !important;*/
        top: 47px !important;
    }

    .ui-menu .ui-icon {
        height: 35px;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        font-size: 20px;
    }

    .language img {
        top: 50%;
    }
}
@media (min-width: 1400px) {
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        font-size: 26px;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        font-size: 26px;
    }

    .ui-widget.ui-widget-content {
        height: 88%;
    }

    .ui-selectmenu-open {
        /*width: 26.5%;*/
    }

    .ui-selectmenu-menu {
        /*top: 17.5% !important;
        left: 7% !important;*/
    }

    .ui-menu .ui-icon {
        /*height: 52px;
        left: 2%;*/
    }
}
@media (min-width: 1600px) {
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        font-size: 29px;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        font-size: 29px;
    }

    .ui-widget.ui-widget-content {
        height: 85%;
    }

    .ui-selectmenu-open {
        /*width: 26.5%;*/
    }

    .ui-selectmenu-menu {
        /*top: 17.5% !important;
        left: 6.5% !important;*/
    }

    .ui-menu .ui-icon {
        /*height: 58px;
        left: 1%;*/
    }
}
@media (min-width: 1920px) {
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        font-size: 35px;
    }

    .ui-menu-icons .ui-menu-item-wrapper {
        font-size: 35px;
    }

    .ui-widget.ui-widget-content {
        height: 84%;
    }

    .ui-selectmenu-open {
        /*width: 27.8%;*/
    }

    .ui-selectmenu-menu {
        /*top: 17.5% !important;
        left: 5.5% !important;*/
    }

    .ui-menu .ui-icon {
        /*height: 70px;
        left: 1%;*/
    }
}