body{
	padding-top: 70px;
	background: #191970;
}

/* -------------------------------------  Login page -------------------------------------------*/

.container{
	border:solid 1px #088FE6;
	background-color: white;
	max-width: 650px;
	padding-top: 30px;
	border-top-right-radius: 15%;
	border-bottom-left-radius: 15%;
	padding-bottom: 30px;
}
.container_ {
	border:solid 1px #088FE6;
	border-top-right-radius: 15%;
	border-bottom-left-radius: 15%;
	background-color: white;
	width: 400px;
	margin: auto;
	padding-top: 4%;
	padding-bottom: 2%;
	text-align: center;
	margin-top: 10px;
}
.Name{
	font-weight: bold;
	font-family: Cursive;
	color:#088FE6;
	font-size:26px;
	margin-bottom: 12px;
}
hr { 
    margin: 1em auto 1em auto;
    width: 75%;
    border-color: #088FE6;
}
.title{
	color: #AAA;
	margin-bottom: 18px;
	font-size: 17px;
}
.uploadRebortBtn,.submit,#submitreset{
	border-color:#f0f0f0;
	height: 40px;
	margin-top: 2%;
	margin-bottom: 2%;
	font-weight: bold;
	background-color: #0A92E7;
	color: white;
	width: 67%;
	cursor: pointer;
}
.textbox{
	height: 50px;
	font-size: 18px;
	width: 70%;
	margin:6px auto 12px auto;
}
.uploadRebortBtn:hover,.submit:hover,#submitreset:hover{
	background-color: #144EF6;
}
#gymLogo{
	margin-left: 25%;
	width: 60px;
	height: 60px;
}
.adminLogin{
    position:absolute;
    z-index:5;
    top:0;
    right:0;
    background:rgba(0, 0, 0, 0.2);
    width:100%;
    height:100%;
    display:none;
}
.adminLogin p{
    color:#ccc;
    float:right;
    font-size:23px;
    padding:5px 10px 0 0;
    cursor:pointer;
}
.adminLogin p:hover{
    color:#fff
}
.admin{
    margin-top:108px;
    max-width:620px;
    max-height:350px
}
.adminButton{
    position:absolute;
    right:10px;bottom:10px;
    width:150px;
    font-size:20px;
    cursor:pointer;
    border:1px #ddd solid;
    border-radius:5px;
}

/*------------------------------------- Addmin dashboard ---------------------------------------*/

.Btns{
	font-weight: bold;
	height: 43px;
	border-width: 2px;
	margin-bottom: 23px;
	font-size: 16px;
	cursor: pointer;
}
.searchDiv{
	display: inline-flex;
}
.searchDiv input[type='text']{
	width: 100%;
	height: 40px;
	font-size: 16px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border:0.09em solid #AAA;
	padding: 0.2em 0.5em;
	border-right-width: 0.5px;
}
.searchIcon{
	height: 40px;
	border:0.09em solid #AAA;
	padding: 0 0.75em;
	background-color: #F6F6F6;
	border-left-width: 0.5px;
	font-weight: bold;
	cursor: pointer;
	color: red;
}
.searchIcon a{
	text-decoration-line: none;
}
.searchIcon:hover,.searchIcon:focus{
	background-color: #E0E0E0;
	border-color: blue;
}
.searchDiv input[type='text']:hover,.searchDiv input[type='text']:focus{
	background-color: white;
	border-color: blue;
}

/*------------------------------------- Add Member Page ---------------------------------------*/

input[type="file"]{
	display: none;
}
.memberPic{
	height: 70px;
	width: 70px;
	border-radius: 10%;
	cursor: pointer;
	margin-bottom: 1%;
}
.textBoxAddmember{
	height: 35px;
	margin-bottom: 5px;
}
#cancel{
	font-weight: bold;
	cursor: pointer;
}
#textBoxTall,#textBoxStartDte{
	margin-right: 5px;
}
label{
	color:#707070;
	margin: 0;
}
select{
	font-size: 16px;
	height: 35px;
	margin-top: 6px;
	margin-bottom: 3px;
	color:#707070;
	cursor: pointer;
}
.diseas{
    cursor:pointer;
    color:#555;
    height:35px;
    border:1px #aaa solid;
    margin-top:6px;
    padding:0
}
.diseas:hover{
    border-color:#777
}
.diseasP{
    width:100%;
    height:100%;
}
.diseaseParg{
    float:left;
    padding-left:10px
}
.diseasP i{
    float:right;
    padding:5px 5px 0 0
}
.diseasesSelector{
    color:#555;
    position:absolute;
    z-index:5;width:100%;
    background:#fff;
    border:1px #aaa solid;
    left:0;top:33px;
    display:none
}
.diseasesSelector p{
    margin:0;
    padding:0 0 5px 10px
}
.diseasesSelector p:last-child{
    border-top:1px #aaa solid
}
@media all and (max-width:500px)
{
    .diseaseParg{font-size:8px}  
}
/*------------------------------  Customer Information Page  --------------------------------*/

.entityInfo{
	display: inline-flex;
	margin-bottom: 4%;
}
.labelUserInfo{
	margin-bottom: 1%;
}
.profPic{
	height: 65px;
	width: 65px;
	margin-left: 2%;
	cursor: pointer;
}
.textBoxUserInfo{
	height: 26px;
	margin: 0 0 1% 0;
}
#addMemberLink{
	display: none;
}
@media(max-width: 768px){
	.padding-left-right-xs{
		padding-right: 10px;
		padding-left: 10px;
		font-size: 14px;
	}
	.Btns{
		font-size: 15px;
		margin-bottom: 20px;
		height: 40px;
	}
}
#logOut{
	margin-left: 40%;
}
#logOut, #editProfile{
	font-weight: bold;
	color: #088FE6;
}
.backArrow{
	margin-left: 30%;
	margin-top: 5px;
	font-weight: bold;
	font-size: 16px;
	width: 41%;
	cursor: pointer;
}
.diseas{
    cursor:pointer;
    color:#555;
    height:35px;
    border:1px #aaa solid;
    margin-top:6px;
    padding:0
}
.diseas:hover{
    border-color:#777
}
.diseasP{
    width:100%;
    height:100%;
}
.diseaseParg{
    float:left;
    padding-left:10px
}
.diseasP i{
    float:right;
    padding:5px 5px 0 0
}
.diseasesSelector{
    color:#555;
    position:absolute;
    z-index:5;width:100%;
    background:#fff;
    border:1px #aaa solid;
    left:0;top:33px;
    display:none
}
.diseasesSelector p{
    margin:0;
    padding:0 0 5px 10px
}
.diseases p:last-child{
    border-top:1px #aaa solid
}
.update{
    margin-left:20%;
	font-weight: bold;
	font-size: 16px;
	width: 20%;
	cursor: pointer;
}
.delete{
	font-weight: bold;
	font-size: 16px;
	width: 20%;
	cursor: pointer;
}
/*--------------------------------------  result page --------------------------------------*/
.entity{
	display: inline-flex;
	background-color: #D0D0D0;
	width: 100%;
	padding: 3% 5%;
	margin-bottom: 2%; 
	cursor: pointer;
}

.profPicSearch{
	margin-left: 5%;
	height: 50px;
	width: 50px;
}
.customerName{
	margin: 10px 10px;
}
.internalContainer{
	/*min-height: 500px;*/
	background-color: #E0E0E0;
	/*max-width: 450px;
	max-height: 300px;*/
	margin: auto;
	border: solid 1px #999;
	border-bottom-left-radius: 5%;
	padding-top: 0%;
	overflow-y: auto;
}
.liHr{
	margin:0;
	border-color: #F0F0F0;
	border-width: 2px;
	width: 100%;
}
.tab{
		max-height: 470px;
		overflow-y: auto;
}
input[type='date']{
	border:1px solid #AAA;
}
.gender{
	margin-top:0px;
}



#maleradio, #femaleradio, #filterSelectBtn{
	margin-left: 9.5%;
	margin-top: 10px;
	cursor: pointer;
}

.filterSelect{
	height: 35px;
	font-size: 15;
}



@media(max-width: 1400px){
	#gymLogo{
		margin-left: 32%;
	}
	#filterSelectBtn{
			padding-top: 6px;
		}
}

@media(max-width: 630px){
		.Name{
			font-size: 24px;
		}
		.table th, .gender, .filterSelect{
			font-size: 11px;
		}
		.table td{
			font-size: 10px;
		}
		.table th, .table td{
			padding: 0.75rem 0.3rem;
		}
		#gymLogo{
			margin-left: 22%;
			width: 55px;
			height: 55px;
		}
		#logOut{
			margin-left: 37%;
		}
		#maleradio,#femaleradio, #filterSelectBtn{
			margin-left: 4%;
		}
		input[type='radio']{
			width : 11px;
			height: 11px;
		}
		.filterSelect {
			height: 29px;
		}
		.gender{
			margin-top:3px;
		}
		#filterSelectBtn{
			width: 45px;
			padding-left: 8px;
			padding-top: 7px;
		}
	}
@media(max-width: 395px){
	.Name{
		font-size: 22px;
	}
	.table th, .gender, .filterSelect{
		font-size: 9px;
	}
	.table td{
		font-size: 8px;
	}
	.table th, .table td{
		padding: 0.75rem 0.2rem;
	}
	a, #editProfile{
		font-size: 11px;
	}
	#logOut{
		margin-left: 28%;
	}
	.backArrow, .delete, .update, .showCard{
		font-size: 10px;
	}
	.title, .textbox,.submit, .cancel, select, .textBoxUserInfo, .searchIcon{
		font-size: 15px;
	}
	.per{
		font-size:12px;
	}
	#gymLogo{
		margin-left: 17%;
		width: 50px;
		height: 50px;
	}
	.submit{
		height: 37px;
	}
	#maleradio,#femaleradio,#filterSelectBtn{
		margin-left: 2.5%;
	}
	input[type='radio']{
		width : 8px;
		height: 8px;
	}
	.filterSelect {
		height: 25px;
	}
	.gender{
		margin-top:4px;
	}
	#filterSelectBtn{
		width: 40px;
		padding-left: 8px;
		padding-top: 7px;
	}
}
@media(max-width: 342px){
	.Name{
		font-size: 18px;
	}
	.table th, .gender, .filterSelect{
		font-size: 8px;
	}
	.table td{
		font-size: 6px;
	}
	.table th, .table td{
		padding: 0.75rem 0.1rem;
	}
	a, #editProfile{
		font-size: 9px;
	}
	#logOut{
		margin-left: 21%;
	}
	.backArrow, .delete, .update, .showCard{
		font-size: 8px;
	}
	.title, .textbox, .submit, .cancel, select, .textBoxUserInfo{
		font-size: 13px;
	}
	.Btns{
		font-size: 12px;
	}
	.labelUserInfo{
		font-size: 11px;
	}
	.per{
		font-size:9px;
	}
	.textBoxUserInfo{
		height: 25px;
	}
	#gymLogo{
		margin-left: 12%;
		width: 45px;
		height: 45px;
	}
	.submit{
		height: 34px;
	}
	#maleradio,#femaleradio,#filterSelectBtn{
		margin-left: 0.05%;
	}
	input[type='radio']{
		width : 5px;
		height: 5px;
	}
	.filterSelect {
		height: 23px;
	}
	.gender{
		margin-top:5px;
	}
	#filterSelectBtn{
		width: 28px;
		padding-left: 3px;
		padding-top: 5px;
	}
}
@media(max-width: 272px){
	.Name{
		font-size: 16px;
	}
	.table th, .gender, .filterSelect{
		font-size: 7px;
	}
	.table td{
		font-size: 4px;
	}
	.table th, .table td{
		padding: 0.75rem 0.1rem;
	}
	a, #editProfile{
		font-size: 8px;
	}
	#logOut{
		margin-left: 20%;
	}
	.backArrow, .delete, .update, .showCard{
		font-size: 6px;
	}
	.title, .textbox, .submit, .cancel, select, .textBoxUserInfo, .searchIcon{
		font-size: 11px;
	}
	.Btns{
		height: 35px;
	}
	.searchDiv input[type='text'];{
		font-size: 12px;
	}
	.searchDiv input[type='text'], .searchIcon{
		height: 35px;
	}
	.labelUserInfo{
		font-size: 9px;
	}
	.textBoxUserInfo{
		height: 25px;
	}
	.per{
		font-size:8px;
	}
	#gymLogo{
		margin-left: 7%;
		width: 40px;
		height: 40px;
	}
	input[type='radio']{
		width : 5px;
		height: 5px;
	}
	#filterSelectBtn{
		width: 38px;
		padding-left: 5px;
		padding-top: 6px;
	}
}
/*--------------------------------------Home Page Editing-------------------------------------------*/
.homaEditNav{background:#eee;margin-bottom:10px}
.homaEditNav ul{text-align:center;margin:0}
.homaEditNav ul li{list-style:none;display:inline-block;color:#333;cursor:pointer;padding-top:5px}
.homaEditNav ul li:hover{background:#ddd}
.homaEditNav ul li span{padding:0 5px 0}
.goodsNav{width:120px;position:absolute;z-index:3;padding:0;background:#ddd;display:none}
.goodsNav li:hover{font-weight:bold}

.homeRow1, .homeRow2{background:#eee}
.imgGood{height:110px;background:#fff;border:1px #ccc solid;margin-bottom:10px;border-radius:3px;overflow:hidden;padding:3px}
.imgFrame{border:1px #ccc dashed;width:40%;height:100%;position:relative}
.imgFrame img{width:100%;height:100%;cursor:pointer}
.goodImgExit{position:absolute;top:0;right:0;margin-right:5px;display:none}
.goodDesc{height:100px;resize:none;margin-bottom:30px}

.homeRow1 table, .homeRow2{display:none}
.homeRow1 table thead{background:#333;color:#fff}
.homeRow1 table td,.homeRow1 table th{text-align:center}
.homeRow1 table tr td:last-child{padding:0}

.videoLink{margin:0 0 30px;height:100px;resize:none}
/*--------------------------------------Home Page Editing-------------------------------------------*/

/*-------------------------------------- More option page ------------------------------------------*/
.container{height:auto;border-radius:0 70px 0 70px}
.row1,.row2,.row3,.row4,.row5{height:auto;background:#eee;display:none}
.row1{display:block}
i{color:#666;margin-top:5px;cursor:pointer}i:hover{color:#000}
.saveArrow{height:45px;margin-bottom:10px}
.searchRecord{max-height:150px;position:absolute;z-index:2;left:33.33%;top:26px;width:33.33%;background:#fff;padding:0 5px 0;
    overflow-y:scroll}
.searchRecord p{white-space:nowrap}
.searchTwo{width:78%;top:40px;left:15px}
/*----Start Design Navbar----*/
.nav{background:#eee;margin-bottom:10px}
.nav ul{text-align:center;margin:0}
.nav ul li{list-style:none;display:inline-block;color:#333;cursor:pointer;padding-top:5px}
.nav ul li:hover{background:#ddd}
.nav ul li span{padding:0 5px 0}
li ul li{display:block;width:100%}
.salaryNav, .storeNav, .gameNav, .historyNav{position:absolute;z-index:3;padding:0;background:#ddd;display:none}
.salaryNav li:hover,.storeNav li:hover,.gameNav li:hover, .historyNav li:hover{font-weight:500}
.gameNav{width:109px}
.salaryNav, .historyNav{width:120px}
.storeNav{width:110px}
/*----Start Design Tringle----*/
.tringle1,.tringle2,.tringle3,.tringle4,.tringle5{width:0;height:0;border-right:7px solid transparent;
    border-left:7px solid transparent;border-bottom:7px #fff solid;margin:auto}
.tringle2,.tringle3,.tringle4,.tringle5{visibility:hidden}
/*----End Design Navbar----*/

/*----Start Design Row1----*/
.gameEdit{display:none}
/*----End Design Row1----*/

/*----Start Design Row2----*/
/*Start Player Table*/
.playerTable{text-align:center}
.playerTable td{border-bottom:1px solid #000;padding:10px}
.playerTable .editing{width:100%;margin:auto;display:none}
.playerTable .editing input[type="button"]{padding:0 5px}
.playerTable textarea{width:100%;border:none}
.add-schadual, .edit-schadual{padding:10px 0;margin-bottom:10px}
/*----End Design Row2----*/

/*----Start Design Row3----*/
.trainerAddtion{padding:10px 0;display:none}
.showSalary, .editTrainer{display:none}
.editTrainer{padding-bottom:20px}
.trainerEdit{margin-bottom:30px}
.trainerForm{margin-bottom:20px}
.trainerTable td{border-bottom:1px solid #000}
.trainerTable .bTable{border-right:1px #000 solid}
.trainerTable .bTable:last-child{border-right:0}
/*----End Design Row3----*/

/*----Start Design Row4----*/
.row4 input[type='submit']{width:200px;height:40px}
/*Start Product Table*/
.part-add{border:1px #aaa solid;display:none}
.part-add .row{padding-bottom:10px}
.part-add div{padding:0 5px 0}
.part-add label{width:100%;text-align:center}
.part-add div input{padding:0 10px 0}

/*----Design The Department SelectBox ----*/
.part-add .select-box{width:100%;height:28px;border:1px #aaa solid;background:#fff;padding:0}
/*----Design TopThing----*/
.part-add .select-box .topThing{padding:0;cursor:pointer}
.part-add .select-box .showing{width:85%;height:auto;display:inline-block}
.part-add .select-box .slide-down{width:10%;text-align:center;height:100%}
/*----Design downThing----*/
.part-add .select-box .downThing{border:1px #aaa solid;position:absolute;z-index:2;height:auto;width:100%;background:#fff;padding:0;
    display:none}
.downThing .add{padding:5px 0;border-top:1px #aaa solid;cursor:pointer}
.downThing .add .addDepert{padding:0 0 0 2px}
.downThing .add .plus{border:1px #333 dashed;border-radius:50%;text-align:center;display:inline-block;padding:0;width:20px;
    height:20px;line-height:15px}
.downThing .add p{display:inline;margin:0;padding:0}
.downThing .add:hover p, .downThing .add:hover .plus{font-weight:bold;border-color:#000}
.downThing .add input[type="text"]{width:85%;height:20px}
.downThing .add .addText{display:none}
.part-add .addProduct{font-size:20px}
.part-table{display:none}
.part-table table td{padding:10px 0}
.part-sales{display:none}
.proName{background:#333;color:#fff}
.total{background:#ccc;}
#products td{border-bottom:1px solid #000;}
/*----End Design Row4----*/

/*----Start Design Row5----*/
.subscriptionPart, .historyPart{display:none}
.dateTable td{border-bottom:1px solid #000}
.nextBtn, .previousBtn{background:#0e7ded;color:#fff;text-decoration:none;width:100px;padding:10px 0;text-align:center;
    border-radius:5px;margin-bottom:10px}
.nextBtn:hover, .previousBtn:hover{background:#0069d9;color:#fff;text-decoration:none}
/*----End Design Row5----*/
.back-btn{margin:10px 0;cursor:pointer}
.back-btn i{color:#fff}
/*--------------------------------------card page ---------------------------------*/
.backgroundCard{width:100%;height:100%;background:#00f;padding-top:20px;position:fixed;z-index:2;left:1;top:-30;display:none}
.exit{color:#ddd;position:absolute;top:11px;right:20px;font-size:20px;cursor:pointer}
.exit:hover{color:#fff}
.printCard{position:absolute;bottom:22px;right:20px;font-size:17px}
.cardContainer{width:960px;height:621px;background:#00f;margin:auto;padding:40px 30px}
.gymCard{width:900px;height:541px;background:#fff;margin:auto;overflow:hidden;font-family:sans-serif; 
    border-radius:70px 0 70px 0}
.cardBackground{width:80%;height:130%;margin:30px 0 0 112px}
.cardContain{background:rgba(255,255,255,0.8);width:inherit;height:inherit;position:absolute;margin:-732px 0 0;border-radius:70px 0 70px 0}
/*--Start partLeft Design--*/
.part-left{float:left}
.cardImage{border:5px #ce1118 double;width:160px;height:210px;margin:55px 0 0 30px;float:left;border-radius:3px}
.cardImage img{width:100%;height:100%}
.cardSign{direction:rtl;float:left;margin:70px 0 0 30px;color:#ce1118;font-weight:bold;font-size:40px}
.cardSign .sign1{width:200px;text-align:right;margin:0}.cardSign .sign2{text-align:left;margin:0}
.cardSign .sign1 img{width:95px;height:80px;margin:-10px 0 0}
/*--End partLeft Design--*/
 
/*--Start partRight Design--*/
.part-right{float:right}
.cardLogo{width:185px;height:160px;float:right;margin:10px 0 0;overflow:hidden;}
.cardLogo img{width:100%;height:120%;top:-50;}
.cardInfo{direction:rtl;font-weight:bold;float:right;margin-right:30px;font-size:50px;padding-top:25px}
.cardInfo p{margin-bottom:10px}
.cardInfo .infoName{float:right;color:#ce1118}
.cardInfo .infoWrite{float:right;margin-right:20px}
.cardInfo .infoWrite p{text-align:right}
/*--End partRight Design--*/

/*--Start bottomInfo Design--*/
.bottomInfo{color:#ce1118;font-weight:bolder;text-align:center;margin:auto}
.bottomInfo p{margin:0}
.bottomInfo .bp1{font-size:25px}.bottomInfo .bp2{font-size:25px}
/*--End bottomInfo Design--*/
.showCard{font-weight: bold;font-size: 16px;width: 20%;cursor: pointer}
/*-------------------------------------- all users page ---------------------------------*/



.custom-popup {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	border-radius: 10px;
	color: white;
}