/**
Section for multiple login options
 */

.logintype > .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.custom-combobox-toggle .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.custom-combobox-toggle .ui-state-focus{
    border: none !important;
}

.logintype .ui-state-default{
    border: none;
}

.logintype ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.logintype li {
    flex-grow: 1;
    text-align: center;
    border: none;
}

.logintype a{
    display: block;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    border: none;
    color: #999
}

.logintype .ui-tabs-hover a,
.logintype .ui-state-hover a{
    background-color: #000;
    color: white;
    opacity: 0.4;
    border: none;
}
.logintype .ui-tabs-active a,
.logintype .ui-state-active a
{
    background-color: #000;
    color: white;
    opacity: 0.4;
    border: none;
}
.logintype .ui-state-default, .ui-state-focus{
    border: none;
    border-left:1px solid #999 ;
}

.logintype a:nth-child(1) {
    border: none;
}

/**
Ending of homepage css for different login options
 */