/*header*/
html{height: 100%;} 
body{display:  -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 59px;min-height: calc(100% - 59px);}
a, a:hover{text-decoration: none;}
img{max-width: 100%; height: auto;}
.site-header{ color: #fff; position: fixed; z-index: 99; width: 100%; margin-bottom: auto; left: 0; right: 0; top: 0; background:#FFF;border-bottom: solid 1px #ddd;}
.navigation-btn{color: #000; background: none; border: none; display:  -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; font-weight: bold; line-height: 60px; }
.navigation-btn span{width: 25px; border-bottom: 2px solid #000; display: inline-block; position: relative; margin: 7px 15px 7px 0;}
.navigation-btn span:before{content: ''; border-bottom: 2px solid #000; position: absolute; top: -7px; left: 0; width: 100%;}
.navigation-btn span:after{content: ''; border-bottom: 2px solid #000; position: absolute; top: 7px; left: 0; width: 100%;}

.navigation-close-btn{color: #000; background: none; border: none; display: none; font-weight: bold; width: 25px; height: 25px; position: absolute; top: 17px; right: 10px; z-index: 99999;  }

.navigation-close-btn span{width: 25px; height: 25px; display: inline-block; position: relative; }
.navigation-close-btn span:before{content: ''; border-bottom: 2px solid #000; position: absolute; top: 10px; left: -6px; width: 100%; transform: rotate(45deg);}
.navigation-close-btn span:after{content: ''; border-bottom: 2px solid #000; position: absolute; top: 10px; left: -6px; width: 100%; transform: rotate(-45deg);}

.cus-btn{padding: 17px 15px;line-height: 20px;display: block;vertical-align: top;border: 1px solid #d0092e;background: #d0092e;color: #fff;text-align: center;font-weight: 600;text-transform: uppercase;letter-spacing: 2px; border-radius:50px; margin-top:15px;}
.cus-btn:hover{border: 1px solid #d0092e; background: #d0092e !important; color: #fff;}

.rent-cus-btn{padding: 17px 15px;line-height: 20px;display: block; vertical-align: top;border: 1px solid #2a318c;background: #2a318c;color: #fff;text-align: center;font-weight: 600;text-transform: uppercase;letter-spacing: 2px; border-radius:50px; margin-top:15px;width:100%;}
.rent-cus-btn:hover{border: 1px solid #2a318c; background: #2a318c !important; color: #fff;}

.addressdiv .margin_top{ margin:15px 0px 32px 0px}

span.unit a.cus-btn {     padding: 0;     margin: 0;}

.opend{
	box-shadow: 7px 10px 17px #ebebeb;
}

.download-app img{display: none;}

.navigation{position: fixed; top: 0; left: 0; bottom: 0; background: #fff; padding-top: 50px; padding-bottom: 30px; width: 50%; z-index: 99998; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); -ms-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; overflow-x: hidden; overflow-y: auto;max-width: 300px;}
.navigation.opend{-ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);}
.navigation ul{padding: 0; margin: 0;}
.navigation a{color: #000; line-height: 40px; padding: 0 5%; position: relative; display: inline-block; width: 100%;}
.navigation a .arrow-icon{border: 7px solid #fff; border-top-width: 12px; border-left-color: transparent; border-right-color: transparent; border-bottom: none; float: right; margin-top: 12px; }
.navigation a:hover{background: #d0092e;color:#fff;}
.navigation ul ul a{padding-left: 10%;}
.navigation ul ul{display: none;}
.navigation ul ul.subchild-show{display: block;}
.navigation ul li{
	display: inline-block;
	width: 100%;
	
	border-bottom: solid 1px #f1f1f1;
}
.other-btns{display: inline-block; width: 100%; vertical-align: bottom; padding: 30px 5% 0;}
.other-btns a{width: 100%;}
.other-btns a + a{margin-top: 10px;}

.footer-copyright{background: #2a318c; color: #fff; font-size: 14px; line-height: 1.5; width: 100%; margin-top: auto;}
.footer-copyright p{margin: 0; padding: 5px 0;}
.footer-copyright a{color: #fff; text-decoration: none;}
.copyright-content{padding: 10px 0;}

.main-content{width: 100%; padding: 15px 0 20px 0; margin-bottom: auto;}
.login-form{width: 100%;display: block; margin: 0 auto;}
.login-form .form-group{margin-bottom: 15px;}
.login-form .form-group label{margin-bottom: 5px;font-size: 14px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px; display:none;}
.login-form .form-group select{margin-bottom: 5px;font-size: 14px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;border-radius: 0px;border: solid 2px #e6eeff;width: 100%;height: 40px;padding: 0 8px;}
.login-form .form-group .form-control{    border-radius: 50px; border: solid 2px #e6e6e6; padding:17px;}
.login-form .form-submit .cus-btn{width: 100%;}
/* .login-form .form-submit .cus-btn:hover{background:#000 !important; } */
 

.mangeunit-block{max-width: 500px;margin: auto;padding: 5px;border-radius: 5px;} 
.mangeunit-block .action{margin-top:15px;text-align: center;}
.mangeunit-block .action .btn-action{background: #d0092e; width: auto; display: inline-block; border-radius: 5px; padding: 12px 25px; color: #fff; margin: 4px 0; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; font-size: 13px;}
/* .mangeunit-block .action .btn-action:hover{background: #333;} */

.mangeunit-block h4{ color: #d0092e;text-align: center; } 
.mangeunit-block h5{ margin-bottom: 23px;margin-top: 23px;text-align: center; } 
.mangeunit-block .unit-row{border: solid 2px #d0092e;margin: 15px 0;display: flex;justify-content: space-between;color: #fff;font-weight: 500;align-items: center;text-align: center;} 
.mangeunit-block .number{color: #000;width: 40%;padding: 6px 0;font-size: 16px; font-weight:900;}
.mangeunit-block .unit{  width: 60%; background: #d0092e; padding: 8px 0; }



.mangeunit-block_second{max-width: 500px;margin: auto;padding: 30px;border-radius: 5px;} 
.mangeunit-block_second .action{margin-top:15px;text-align: center;}
.mangeunit-block_second .action .btn-action{background: #d0092e; width: auto; display: inline-block; border-radius: 5px; padding: 12px 25px; color: #fff; margin: 4px 0; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; font-size: 13px;}
/* .mangeunit-block_second .action .btn-action:hover{background: #333;} */

.mangeunit-block_second h4{ color: #d0092e;text-align: center; } 
.mangeunit-block_second h5{ margin-bottom: 23px;text-align: center; } 
.mangeunit-block_second .unit-row{border: solid 1px #d0092e;margin: -1px 0;display: flex;justify-content: space-between;color: #fff;font-weight: 500;align-items: center;text-align: center;} 
.mangeunit-block_second .number{color: #000;width: 60%;padding: 6px 0;font-size: 16px; font-weight:900;}
.mangeunit-block_second .unit{  width: 40%; background: #d0092e; padding: 8px 0; }





.pay-detail{}
.pay-detail .pay-block{ background: #d0092e; color: #fff; border-radius: 50px; }
.pay-detail .pay-block .bill-pay{ display: flex; justify-content: space-between; padding: 0px 35px 2px 35px; }
.pay-detail .pay-block .bill-pay b{font-size:20px;}
.pay-detail ul{padding: 0;margin: 14px 0 0 0;list-style: none;text-align: center;}
.pay-detail ul li{}

/* .pay-detail ul li a{padding: 17px 15px;line-height: 20px;display: block;vertical-align: top;border: 1px solid #d0092e;background: #d0092e;color: #fff;text-align: center;font-weight: 600;text-transform: uppercase;letter-spacing: 2px; border-radius:50px; margin-top:15px;} */

.pay-detail ul li a:hover{background: #d0092e; color: #FFF;}


.table-work{}
.table-work table{ width: 100%; }
.table-work table th{    background: #f1f5fd; border: solid 2px #e6eeff; padding: 7px 9px; text-align: center; }
.table-work table td{ background: #f1f5fd; border: solid 1px #e6eeff; padding: 9px 9px; text-align: center; font-size: 15px; }
.table-work table tr:nth-child(even) td{ background: #FFF; }
.table-work table td img{max-width:18px;}
.table-work table td img:hover{  filter: grayscale(100%)}

.address-block{max-width: 800px;margin: auto;box-shadow: 0 0 17px #e1d7f1;padding: 30px;border-radius: 5px;}
.address-block h5{    margin: 0 0 25px;}
.table-account{}
.table-account table{ width: 100%; }
.table-account table th{background: #f1f5fd;border: solid 2px #e6eeff;padding: 7px 9px;color: #586f9c;     width: 43%;}
.table-account table td{ background: #FFF; border: solid 1px #e6eeff; padding: 9px 9px;  font-size: 15px; }


@media screen and (max-width:  767px){
	.navigation{width: 100%;max-width: unset;}
	.navigation-btn{font-size: 0;}

	.download-app img{display: block; width: 20px;}
	.download-app{font-size: 0; line-height: 1; border-radius: 2px;}
	
}

.navigation-close-btn{
		left: 17px !important;
	}



/* extra css */
.error-message{
	color:red;
}
.view-btn{
	color:#d0092e;
}