@charset "UTF-8";

/******************************* checkbox styles ******************************/

.ui-chkbox .ui-chkbox-box
{
    width: 18px !important;
    height: 18px !important;
}

.ui-chkbox-mr-8px
{	
	.ui-chkbox
	{
		margin-right: 8px !important;
	}
		
	.ui-chkbox-box
	{
		margin-right: 8px !important;
	}
}

.ui-chkbox .ui-chkbox-box
{
    border: none !important;
    background-color: transparent !important;
    outline-style: none !important;
}

.ui-chkbox-icon
{
    width: 18px !important;
    height: 18px !important;
}

.ui-chkbox-icon.ui-icon-check
{
    background-image: url(/auth-portal/resources/easy-login/images/icons/checkbox-on@3x.png) !important;
    background-size: 18px !important;
}

.ui-chkbox-icon.ui-icon-blank
{
    background-image: url(/auth-portal/resources/easy-login/images/icons/checkbox-off@3x.png) !important;
    background-size: 18px !important;
    background-position: 0px 0px;
}

.ui-chkbox-icon.ui-icon-check::before
{
    content: "" !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-focus
{
    box-shadow: none !important;
}

.ui-chkbox-label
{
    font-size: 16px;
    vertical-align: 3px !important;
}

/***************************** radio button styles ****************************/

.ui-selectoneradio label
{
    font-size: 18px !important;
    font-weight: 300 !important;
}

.radio-bold label
{
    font-weight: bold !important;
}

/*************************** fake radio button styles *************************/

.first-fake-radio
{
    padding-left: 15px;
}

.first-fake-radio,
.fake-radio
{
    display: inline-block !important;
}

.first-fake-radio label,
.fake-radio label
{
    line-height: 27px !important;
}

.first-fake-radio label
{
    margin-right: 0px !important;
}

.fake-radio label
{
    margin: 0px !important;
}

.fake-radio .ui-radiobutton-box
{
    display: none !important;
}

.fake-radio-bold label
{
    font-weight: bold !important;
}

.fake-radio-italic label
{
    font-style: italic !important;
}

.second-line-fake-radio
{
    margin-top: -14px !important;
}

.second-line-fake-radio label
{
    padding-top: 7px !important;
    margin-bottom: 7px !important;
}

/******************************** label styles ********************************/

.ui-outputlabel
{
    color: var(--black);
    margin-bottom: -5px !important;
}

.ui-outputlabel.ui-state-error
{
    color: var(--cherry-red);
}

.ui-outputlabel .ui-outputlabel-rfi
{
    margin-left: 2px !important;
}

/******************************** input styles ********************************/

.ui-inputfield,
.ui-selectonemenu
{
    color: var(--black) !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    width: 100% !important;
    height: 44px;
    background-color: white !important;
    border-width: 1px !important;
    border-color: var(--greyish) !important;
    border-radius: 6px !important;
}

.ui-selectonemenu
{
    padding-right: 0px !important;
}

.ui-selectonemenu .ui-selectonemenu-label
{
    padding-top: 6px !important;
    padding-left: 12px !important;
}

.ui-inputfield.ui-state-error,
.ui-selectonemenu.ui-state-error
{
    border-width: 2px !important;
    border-color: var(--cherry-red) !important;
    background-color: rgba(237, 2, 40, 0.08) !important;
}

.ui-inputfield.ui-state-disabled,
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label
{
    border-color: var(--greyish) !important;
    background-color: var(--white) !important;
}

.ui-inputfield.ui-state-focus,
.ui-selectonemenu.ui-state-focus
{
    border-width: 2px !important;
    border-color: var(--black) !important;
    box-shadow: none !important;
    background-color: rgba(39, 128, 186, 0.08) !important;
}


.ui-inputfield.focus-dummy-input,
.ui-inputfield.ui-state-focus.focus-dummy-input
{
    border: 0px solid black !important;
    box-shadow: none !important;
    background-color: rgba(128, 186, 39, 0.08) !important;
    color: transparent !important;
    width: 20px !important;
    height: 0px !important;
    padding: 0px !important;
}

.ui-selectonemenu-label
{
    height: 100% !important;
    background-color: transparent !important;
    /*vertical-align: -10px !important;*/
}

ul li.ui-selectonemenu-list-item::before
{
    content: "" !important;
}


.ui-tooltip
{
    /*z-index: 11111 !important;*/
}