body{
	color:#C5F6EF;
	background-color: #59BBAD;
}

.pixed{
	z-index: 500;
	width: 100%;
	height: auto;
	position: fixed;
}

.static{
	top:0;
	position: static;
	background-color: red;
}

.box-shadow{
		box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}


.wrapper{
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

h3{
	line-height: 10px;
	color:#C5F6EF;
	font-weight: bold;
	font-size: 2vw;
}

.body-section{
	padding-top:170px;
	padding-bottom:50px;
}

.colum1{
	display: flex;
	flex-direction: column;
}

.colum2{
	display: flex;
	flex-direction: row;
}

.header-x{
	background-color: white;
	padding:10px;
	height: 70px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header-x .logo-x{
	width: 20%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
}

.header-x .title-x{
	color: #59BBAD;
	width: 80%;
	font-size: 16px ;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.header-x .title-left{
	color: #59BBAD;
	width: 80%;
	font-size: 16px ;
	text-align: left;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}
.header-x .title-right{
	color: #59BBAD;
	width: 80%;
	font-size: 16px ;
	text-align: right;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.body-image{
	margin:40px 20px 20px 20px;
}

.body-image .title-x-center{
	color:#C5F6EF;
	text-align: center;
	font-size: 5vw;
}

.body-image .title-x-center img{
	width: 50%;
}

.body-image .title-x-center h3{
	line-height: 0px;
	font-size: 2.5vw;
}

.body-image .btn-member{
	padding-top:15px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.btn-dokter{
	border-radius: 2.5rem;
	background-color: rgba(255, 255, 255, 0.402);
	color:#C5F6EF;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	width: 150px;
	font-size: 18px;
	padding:5px;
	font-weight: bold;
	margin-right: 5px;
}

.forget{
	text-align: center;
	color:#C5F6EF;
	font-size: 4vw;
}

.btn-forget{
	border-radius: 2.5rem;
	background-color: rgba(255, 65, 96, 0.402);
	color:#C5F6EF;
	border-width: 2px;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	left: 1125px;
	width: 30vw;
	font-size: ;
	padding:5px;
	font-weight: bold;
	margin-bottom: 5px;
}

.btn-xy{
	border-radius: 2.5rem;
	background-color: rgba(255, 255, 255, 0.402);
	color:#C5F6EF;
	width: 70%;
	border-width: 1px;
	border-color: rgb(255, 255, 255, 0.8);
	border-style: solid;
	padding:10px;
	font-weight: bold;
	margin-right: 10px;
}


.footer-x{
	bottom: 0px;
	height: 50px;
	width: 100%;
	position: fixed;
	background-color: rgba(40, 140, 145, 0.9);
	text-align: center;
	padding:10px;
}

.footer-x a{
	text-decoration: none;
	color:#C5F6EF;
	font-size: 19px;

}

/* Text Customer */
.input-d{
  border: none;
  border-radius: 2.5rem;
  padding: 2%;
  background: #f8f9fa;
  font-weight: bold;
  color: #383d41;
  height:40px;
}


.input-m{
  border: none;
  border-radius: 2.5rem;
  padding: 2%;
  background: #f8f9fa;
  font-weight: bold;
  color: #383d41;
  height:4.5vh;
}

.notif-payment{
	width: 100%;
	padding:10px;

	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	background-color: #00a591;;
	color:white;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	font-weight: bold;
	text-transform: uppercase;

}

.alert-customer{
	background-color: rgb(37,0,0,0.96);
}

.alert-info{
	background-color: rgb(0,0,0,0.8);
}

.border-img{
	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	border-radius: 50%;
}

/* Checkbox & Radio*/
.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: .25em;
  width: 1.5em;
  height: 1.5em;
  float: left;
  margin-right: .5em;
  margin-left:-20px;
}

.radio .cr {
  border-radius: 50%;
  color:#fff;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5;
}

/* Nav */
nav{
	background-color: #00a591;
	width:100%;
	height: :50px;
	padding:10px;
	display: flex;
	justify-content: start;
	align-items: center;
	color:#C5F6EF;
	font-weight: bold;
	font-size: 14px;
  	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);

}

.time{
	width: 50%;
}

.acount {
	text-align: right;
	width: 50%;
}


.acount  a{
	color:#C5F6EF;
	text-decoration: none;
	text-align: right;
}


.acount .dropdown-m{
	display: none;
	position: absolute;
	width:35%;
	margin-top:20px;
	margin-left: 200px;
	background-color: rgba(255, 255, 255, 0.202);
	padding: 10px;
	border-radius: 10px;
  	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.acount .dropdown-m .show{
		display: block;
		transform: translateX(100%);
		transition: all 3s;
}

.acount .dropdown-m ul{
	list-style: none;
}

.acount .dropdown-m li .profile{
 	text-align: left;
 	display: flex;
 	flex-direction: row;
}

.acount .dropdown-m li .profile .photo{
	width: 20%;
}

.acount .dropdown-m li .profile .photo img{
	width: 100%;
}

.acount .dropdown-m li .profile .data-profile{
 	width: 80%;
 	padding-left:10px;
}

.dashboard-m{
	margin-top:20px;
	display: flex;
	flex-direction:row;
	justify-content: center;
	flex-wrap: wrap;
}


.dashboard-m .menu-x{

	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding:10px;
	box-sizing: border-box;

}

.dashboard-m .menu-x a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-decoration: none;
}

.dashboard-m .menu-x a:hover{
	box-shadow: 0px 5px 13px -9px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.dashboard-m .menu-x .menu-logo{
	width: 80%;
	border-radius: 50%;
	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.dashboard-m .menu-x .menu-logo-caption{
	padding-top:10px;
	font-weight: bold;
	color:#C5F6EF;
}

.dashboard-m .menu-x .menu-logo img{
	width:100%;
	border-radius: 50%;
}

.lading-page{
	margin-top:20px;
	padding:10px;
	text-align: center;
}

.img{
	margin-top:20px;
}

/*Modal*/

.modal-fullscreen {
	/*background: transparent;*/
}
.modal-fullscreen .modal-content {
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
	/*background: #ffffff;*/
}
.modal-backdrop.modal-backdrop-fullscreen.in {
            /*opacity: .97;
            filter: alpha(opacity=97);*/
}


.modal-fullscreen .modal-dialog {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

/* TBAS */
.nav-tabs {
	/*display: inline-flex;
	width: 100%;
	overflow-x: auto;
	border-bottom: 2px solid #DDD;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;*/

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: rgb(0,0,0,0.6);
	border-radius: 2.5rem;
	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border-width: 0;
	background-color: transparent;
	cursor: pointer;
	color:white;
}

.nav-tabs>li.active>a:focus{
	background-color: transparent;
	color:white;

}
.nav-tabs>li>a {
	border: none;
	color:white;
	font-weight: bold;
}
.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
	border: 0;
	border-radius: 2.5rem;
	color: white !important;
	background: transparent;
}
.nav-tabs>li>a::after {
	content: "";
	background: #59BBAD;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
	transform: scale(1);
}



.nav-tabs .active{
	background-color: transparent;
}
.tab-nav>li>a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}
.tab-pane {
	padding: 15px 0;
}
.tab-content {
	padding-top: 10px
}

.nav-tabs::-webkit-scrollbar {
	display: none; /*Safari and Chrome*/
}
.card {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
}

.loading{
		width:100%;
		margin:0 auto;
		height:2px;
		margin-top:-10px;
		background-color:transparent;
		position:relative;
		transition: all 300ms ease-in-out;
}

.loading:hover{
		height:20px;
}

.loading:before, .loading:after{
		content:"";
		display:block;
		height:100%;
		position:absolute;
		background-color:blue;
		animation:motion 2s infinite ease;
		border-radius:3px;
}

.loading:after{
		animation-delay:1ms;
}

@keyframes motion{
		0% {left:0; width:0;}
		50% {left:0%; width:50%;}
		100% {left:100%; width:0%;}
		/* 60% {left:60%; width:10%;}
		80% {left:70%; width:30%;}
		100% {left:100%; width:0;} */
}





@media (min-width: 578px) {
	.modal-fullscreen .modal-dialog {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.modal-fullscreen .modal-dialog {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.modal-fullscreen .modal-dialog {
		width: 1170px;
	}
}

@media (min-width: 320px) {
	h3{
		font-size: 6vw;
	}
	.konfirmasi-login{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		text-align: center;
	}
	.header-x{
		background-color: white;
		padding:10px;
		height: auto;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}

	.header-x .logo-x{
		width: 20%;
		text-align: center;
		display: flex;
		width: 100%;
		justify-content: center;
		align-content: center;
	}

	.header-x .title-x{
		color: #59BBAD;
		width: 100%;
		font-size: 4vw;
		text-align:right;
	}

	.body-image{
		margin:40px 20px 20px 20px;
	}

	.body-image .title-x-center{
		color:#C5F6EF;
		text-align: center;
		font-size: 4.5vw;
	}

	.body-image .title-x-center img{
		width: 70%;
	}

	.body-image .btn-member{
		margin-top:-15px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
	}

	.btn-dokter{
		border-radius: 2.5rem;
		background-color: rgba(255, 255, 255, 0.402);
		color:#C5F6EF;
		border-width: 2px;
		border-color: rgb(255, 255, 255);
		border-style: solid;
		left: 1125px;
		width: 75vw;
		font-size: 3.5vh;
		padding:5px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.forget{
		text-align: center;
		color:#C5F6EF;
		font-size: 4vw;
	}

	.btn-forget{
		border-radius: 2.5rem;
		background-color: rgba(255, 65, 96, 0.402);
		color:#C5F6EF;
		border-width: 2px;
		border-color: rgb(255, 255, 255);
		border-style: solid;
		left: 1125px;
		width: 30vw;
		font-size: ;
		padding:5px;
		font-weight: bold;
		margin-bottom: 5px;
	}


	.footer-x{
		bottom: 0px;
		height: 50px;
		width: 100%;
		position: fixed;
		background-color: rgba(40, 140, 145, 0.9);
		text-align: center;
		padding:10px;
	}

	.footer-x a{
		text-decoration: none;
		color:#C5F6EF;
		font-size: 19px;

	}


	.acount .dropdown-m{
		width:100%;
		margin-top:10px;
		margin-left:-50%;
		z-index: 5000;
		background-color: #59BBAD;
  		box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
		border-bottom: 0.8px solid #ddd;
	}

	.dashboard-m .menu-x{

		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding:10px;
		box-sizing: border-box;

	}


	.dashboard-m .menu-x .menu-logo{
		width: 80%;
		border-radius: 50%;
		box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
		box-sizing: border-box;
	}

	.dashboard-m .menu-x .menu-logo-caption{
		padding-top:10px;
		font-weight: bold;
		font-size: 4vw;
		color:#C5F6EF;
	}

	.dashboard-m .menu-x .menu-logo img{
		width:100%;
		border-radius: 50%;
	}

	.title-img{
		font-size: 5vw;
	}

	.logo-x img{
		width: 40%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.modal-fullscreen .modal-dialog {
		top:-200px;
	}

	.img img{
		padding:10px;
		width:90%;
	}

	.poli{
		text-align: center;
		font-size: 7vw;
	}

	.poli img{
		width: 128px;
	}

	/*Form-Login*/
	.login{
		margin:50px auto;
		padding:10px;
		border:1px solid #ddd;
		background-color: transparent;color:rgba(54,62,69,1);border-radius:10px;
	}

	.login h2{
		font-weight: 400px;
		color:#fff;
	}

	.login .btn{
		border-radius:2.5rem;
	}

	.login-footer{
		padding-top:10px;
		display: flex;
		justify-content: space-between;
		align-content: flex-end ;
	}

	.box-shadow{
			box-shadow: 0px;
	}


}

@media (min-width: 481px) {
	.body-section{
		padding-top:250px;
		padding-bottom:100px;
	}

	.konfirmasi-login{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		text-align: center;
	}

	h3{
		line-height: 15px;
		font-size: 6vw;
	}

	nav{
		font-size: 24px;
	}

	.account .profile .data-profile{
		font-size: 32px;
	}

	.dashboard-m .menu-x .menu-logo{
		width: 70%;
		box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	}

	.dashboard-m .menu-x .menu-logo img{
		width:100%;
	}

	i{
		font-size: 32px;
	}

	.lading-page{

		padding-bottom:100px;
	}

	.lading-page label{
		font-size: 4vw;
	}

	.modal-fullscreen .modal-dialog {
		top:-200px;
	}

	.footer-x{
		bottom: 0px;
		height: 80px;
		width: 100%;
		position: fixed;
		background-color: rgba(40, 140, 145, 0.9);
		text-align: center;
		padding:10px;
	}

	.footer-x a{
		text-decoration: none;
		color:#C5F6EF;
		font-size: 32px;

	}

	.btn-xy{
		font-size: 24px;
	}

	.data-profile h4{
		font-size: 32px;
	}

	.nav-tabs{
		font-size: 32px;
	}

	.tab-pane{
		font-size: 32px;
	}

	.column1{
		font-size: 32px;
	}

	.fsx{
		font-size: 32px;
	}

	.btn{
		font-size: 24px;
	}

	h4{
		font-size: 32px;
	}

	.profile{
		padding-bottom: 100px;
		font-size: 24px;
	}

	input{
		font-size: 24px;
	}


	.img img{

		width: 90%;
	}

	.poli{
		text-align: center;
		font-size: 7vw;
	}

	.poli img{
		width: 30%;
	}
}

@media (min-width: 769px) {
	.wrapper{
		margin: 0;
		padding: 0;
		overflow-y: hidden;
	}

	h3{
		line-height: 10px;
		color:#C5F6EF;
		font-weight: bold;
		font-size: 2vw;
	}

	.title-x-center h3{
		padding-bottom: 10px;
	}

	.body-section{
		padding-top:150px;
		padding-bottom:100px;
	}

	.header-x{
		background-color: white;
		padding:10px;
		height: 70px;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.header-x .logo-x{
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-content: center;
	}

	.header-x .title-x{
		color: #59BBAD;
		width: 80%;
		font-size: 16px ;
		font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	}

	.header-x .title-left{
		color: #59BBAD;
		width: 80%;
		font-size: 16px ;
		text-align: left;
		font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	}
	.header-x .title-right{
		color: #59BBAD;
		width: 80%;
		font-size: 16px ;
		text-align: right;
		font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	}


	.body-image{
		margin:40px 20px 20px 20px;
	}

	.body-image .title-x-center{
		color:#C5F6EF;
		text-align: center;
		font-size: 5vw;
	}

	.body-image .title-x-center img{
		width: 49%;
	}

	.body-image .title-x-center h3{
		line-height: 0px;
		font-size: 2.5vw;
	}

	.body-image .btn-member{
		padding-top:15px;
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-content: center;
		align-items: center;
	}

	.btn-dokter{
		border-radius: 2.5rem;
		background-color: rgba(255, 255, 255, 0.402);
		color:#C5F6EF;
		border-width: 2px;
		border-color: rgb(255, 255, 255);
		border-style: solid;
		width: 150px;
		font-size: 18px;
		padding:5px;
		font-weight: bold;
		margin-right: 5px;
	}

	.forget{
		text-align: center;
		color:#C5F6EF;
		font-size: 4vw;
	}

	.btn-forget{
		border-radius: 2.5rem;
		background-color: rgba(255, 65, 96, 0.402);
		color:#C5F6EF;
		border-width: 2px;
		border-color: rgb(255, 255, 255);
		border-style: solid;
		left: 1125px;
		width: 30vw;
		font-size: ;
		padding:5px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.btn-xy{
		border-radius: 2.5rem;
		background-color: rgba(255, 255, 255, 0.402);
		color:#C5F6EF;
		width: 20%;
		border-width: 1px;
		border-color: rgb(255, 255, 255, 0.8);
		border-style: solid;
		padding:10px;
		font-weight: bold;
		margin-right: 10px;
	}


	.footer-x{
		bottom: 0px;
		height: 50px;
		width: 100%;
		position: fixed;
		background-color: rgba(40, 140, 145, 0.9);
		text-align: center;
		padding:10px;
	}

	.footer-x a{
		text-decoration: none;
		color:#C5F6EF;
		font-size: 19px;

	}

	.konfirmasi-login{
		margin:50px auto;
		width: 400px;

	}

	.konfirmasi-login .clogin .title-img{
		font-size: 14px;
	}

	.dashboard-m .menu-x{

		width: 30%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding:10px;
		box-sizing: border-box;

	}


	.dashboard-m .menu-x .menu-logo{
		width: 80%;
		border-radius: 50%;
		box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
		box-sizing: border-box;
	}

	.dashboard-m .menu-x .menu-logo-caption{
		padding-top:10px;
		font-weight: bold;
		font-size:14px;
		color:#C5F6EF;
	}

	.dashboard-m .menu-x .menu-logo img{
		width:100%;
		border-radius: 50%;
	}

	.title-img{
		font-size: 5vw;
	}

	.logo-x img{
		width: 40%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	nav{
		background-color: #00a591;
		width:100%;
		height: :50px;
		padding:10px;
		display: flex;
		justify-content: start;
		align-items: center;
		color:#C5F6EF;
		font-weight: bold;
		font-size: 14px;
	  	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);

	}

	.acount .dropdown-m{
		display: none;
		position: absolute;
		width:25%;
		margin-top:13px;
		margin-left: 330px;
		background-color: rgba(255, 255, 255, 0.202);
		padding: 10px;
		border-radius: 10px;
	  	box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	  	height: 150px;
	}

	.dashboard-m{
		margin-top:0px;
		display: flex;
		flex-direction:row;
		justify-content: center;
		flex-wrap: wrap;
	}

	.account .profile .data-profile{
		font-size: 32px;
	}

	.dashboard-m .menu-x .menu-logo{
		width: 70%;
		box-shadow: 0px 5px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	}

	.dashboard-m .menu-x .menu-logo img{
		width:100%;
	}

	i{
		font-size: 14px;
	}

	.lading-page{

		padding-bottom:100px;
	}

	.lading-page label{
		font-size: 4vw;
	}

	.modal-fullscreen .modal-dialog {
		top:-200px;
	}

	.footer-x{
		bottom: 0px;
		height: 80px;
		width: 100%;
		position: fixed;
		background-color: rgba(40, 140, 145, 0.9);
		text-align: center;
		padding:10px;
	}

	.footer-x a{
		text-decoration: none;
		color:#C5F6EF;
		font-size: 32px;

	}

	.btn-xy{
		width: 100px;
		font-size: 14px;
	}

	.data-profile h4{
		font-size: 14px;
	}

	.nav-tabs{
		font-size: 14px;
	}

	.tab-pane{
		font-size: 14px;
	}

	.column1{
		font-size: 14px;
	}

	.fsx{
		font-size: 14px;
	}

	.btn{
		font-size: 12px;
	}

	h4{
		font-size: 32px;
	}

	.profile{
		padding-bottom: 100px;
		font-size: 14px;
	}

	input{
		font-size: 24px;
	}


	.img img{

		width: 128px;
	}

	.lading-page label{
		font-size: 18px;
	}

	.poli{
		text-align: center;
		font-size: 18px;
	}

	.poli img{
		width: 200px;
	}

	.btn-member img{
		width:10%;
	}

	/*Form-Login*/
	.login{
		margin:40px auto;
		padding:10px;
		width:400px;
		border:1px solid #ddd;
		background-color: #fff;color:rgba(54,62,69,1);border-radius:10px;
		color:#bbb;
	}

	.login .btn{
		border-radius:2.5rem;
	}

	.login-footer{
		padding-top:10px;
		display: flex;
		justify-content: space-between;
		align-content: flex-end ;
	}

	.login h2{
		font-weight: 400;
		color:#bbb;
	}



}