.bglogin{
    position: fixed;
    background-image: url('/online/assets/images/bk.jpg');
    background-size: cover;
}
.panel{
    direction: rtl;
    width: 350px;
}
p-panel .ui-panel{
	margin-right: 0px !important;
}
@media only screen and (max-width:500px) {
	.panel{
		width: 300px !important;
	}
}
.login .ui-panel.ui-widget .ui-panel-titlebar{
	background:none  !important;
	border-bottom: unset;
	box-shadow:unset;
}
.login *{
	font-size: 12px;
}
.login .ui-widget-content{
    background-color: rgba(0,0,0,.2);
}
.login .ui-panel .ui-panel-titlebar{
	border:none !important;
}
.login .ui-panel,.login .ui-panel-content-wrapper .ui-panel-content{
	background:none;
	background-color: rgba(0,0,0,.5);

	border:none !important;
	border-radius: 5px  !important;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.25);
}
.login .ui-panel *{
	color:#fff ;
}
.loginheader2 a{
    color:#ffffff !important;
    font-size: 16px;  
}

.login .ui-panel-titlebar{
	text-align: center;
}
.login .ui-panel-titlebar *{
	font-size:30px !important;
	font-weight:unset;
}
.login .ui-panel-footer{
	background:none  !important;
	border:none  !important;
	border-top: unset;
	padding: 1.25em .5em !important;
    text-align: left !important;
}
.login .ui-inputtext{
	width: 100%;
	margin: 0px;
}
.login .ui-inputgroup-addon{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.login .ui-button.ui-button-secondary{
background: #209e91 !important;
border-color: #088679 !important;
}
.login  .ui-button:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.login  .ui-button:active {
    transform: translateY(4px);
}

.login  .ui-button:disabled{
    transform: translateY(4px);
}


.login  .ui-inputtext{
	background-color: rgba(0,0,0,.5) !important;
	border: none !important;
	line-height: 2;
	font-size: 14px !important;
}


.login  .ui-inputgroup .ui-inputgroup-addon{
	background:none !important;
		padding-top: 8px !important;
		border: 1px solid #4db1a6 !important;
		border-top-left-radius:0px !important;
		border-bottom-left-radius:0px !important;
		border-top-right-radius:3px !important;
		border-bottom-right-radius:3px !important;
}
.login  .ui-inputgroup  .ui-inputtext{
	border-radius:3px !important;
}
.login p-checkbox label{
	color:#ffffff !important;
	margin-right: 4px;
	font-size: 12px;
}
.login .ui-widget-header .ui-button:enabled:hover,.login  .ui-widget-header .ui-button:focus,.login  .ui-widget-content .ui-button:enabled:hover,.login  .ui-widget-content .ui-button:focus,.login  .ui-widget.ui-button:enabled:hover,.login  .ui-widget.ui-button:focus,.login  .ui-button:enabled:hover,.login  .ui-button:focus{
    background: unset !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
}
.login .ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active{
	border: 1px solid #088679  !important;
    background: #088679  !important;
}
.login p-checkbox *{
	font-size:14px;
}