*{
    margin: 0;
    padding: 0;
}
body{
    margin: 0;
    padding: 0;
}
.login{
    background-image: url(../images/login-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
.hihellolog img{
    width: 250px;
    margin-top: 40px;
    margin-left: 50px;
}
.form-group i {
	color: #EB9D6A;
	position: absolute;
	left: 20px;
	bottom: 14px;
	font-size: 16px;
}
.input-cls {
	border:1px solid #166AB4;
    border-radius: 1.5rem;
    padding-left: 51px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-group {
	position: relative;
	margin-bottom: 1.75rem;
}
a.text-info { 
	color: #000 !important; 
	text-decoration: underline; 
	width: 100%; 
	text-align: right; 
    font-size: 16px;
}


.back-btn {	
	border-radius: 1.5rem;	
	border-color: #236CAC; 
	color: #236CAC; 
}
.back-btn:hover { 
	background-color: #236CAC; 
}
.keep-me-signed { 
	color: #000 !important; 
	letter-spacing: 0 !important; 
	font-size: 1rem; 
}
.hihellohr-body { 
	background-image: url('./assets/images/login-background.png'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%; 
}
a.text-info { 
	color: #000 !important; 
	text-decoration: underline; 
	width: 100%; 
	text-align: right; 
}
a.text-info:hover {	
	color: #236CAC !important; 
}

input::placeholder {
	color: #D8D8D8 !important;
}
.login-form{
    background-color: #fff;
    padding: 50px;
    border-radius: 20px;
}
.form-login{
   width: 50%;
   
}

.form-heading h2{
    color: #236CAC;
    padding-left: 16px;
    font-weight: 600;
padding: 0;
}
.form-control:focus {
    border-color: #166AB4;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%);
}
.btn-check:focus+.btn-info, .btn-info:focus {
    box-shadow: 0 0 0 0 rgb(11 172 204 / 50%);
    border-color: #166AB4;
    box-shadow: rgb(51 109 174) 0px 0px 0px 0px !important; 
}
.client{
    position: relative;
    top: 34%;
}
.custom-btn {
	font-weight: 500;
	display: inline;
	width: auto !important;
	text-align: center;
	height: 40px;
    padding: 0 20px !important;
}
@media(max-width:991px){
    .form-login{
        width: 100%;
        margin-top: 20px;
     }
     .client{
        top: 28%;
    }
    .login-form{
        padding: 30px;
    }
}
@media(max-width:575px){
    .login-form{
        padding: 10px;
    }
    .hihellolog img {
        width: 170px;
        margin-top: 30px;
        margin-left: 30px;
    }
}
.headerAddBtn{
    position: absolute;
    top: 15px;
    right: 35px;
    z-index: 111;
    border-radius: 50%;
    border: 4px solid #146ab4;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #146ab4;
}
.cancelBtn{
    color: #fff !important;
    border-color: red !important;
    background-color: red !important;
    margin-left: 10px;
    padding: 8px 20px !important;
}
.cancelBtn:hover {
    color: #fff !important;
    border-color: red !important;
    background-color: red !important;
    text-decoration: none;
}
li.showMenu {
    background: #1b1b31;
}
.headerBox {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 10px;
    border-radius: 3px;
}
.view-btn {
    color: #fff !important;
    border-color: #336dae !important;
    background-color: #236CAC !important;
    font-size: 12px !important;
    margin-left: 5px;
    padding: 0 5px !important;
}
.headerChangePassBtn {
    position: absolute;
    top: 15px;
    right: 35px;
    z-index: 111;
    text-align: center;
    color: #146ab4;
}
.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.small-box>.inner {
    padding: 10px;
}
.small-box .icon {
    color: rgba(0,0,0,.15);
    z-index: 0;
}
.small-box .icon>i.ion {
    font-size: 70px;
    top: 20px;
}
.small-box .icon>i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .3s linear;
}
.text-info.line-height-reset {
    color: #000 !important;
    text-decoration: underline;
    width: 100%;
    text-align: right;
    cursor: pointer;
}
.text-info.line-height-reset:hover {	
	color: #236CAC !important; 
}
.form-control.input-cls.form-control.input-cls.rs-picker.rs-picker-date.rs-picker-default.rs-picker-toggle-wrapper.rs-picker-cleanable {
    padding: 0px !important;
}