/*@font-face {
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Myriad Pro Regular'), url('../../myriad-pro/MYRIADPRO-REGULAR.woff') format('woff');
}*/
@font-face {
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: url('../../font/MyriadPro-Regular.otf');
}
@font-face {
font-family: 'Roboto-Light';
font-style: normal;
font-weight: normal;
src: url('../../myriad-pro/Roboto-Light.ttf')  format('truetype')
}
@font-face {
font-family: 'Roboto-Regular';
font-style: normal;
font-weight: normal;
src: url('../../myriad-pro/Roboto-Regular.ttf')  format('truetype')
}
.text_bawah_logo{
	color: #ffffff;
	font-family:'Myriad Pro Regular';
	font-size: 25px;
}
.tulisan_cpt{
	color: #ffffff; 
	font-size: 25px; 
	font-family: 'Myriad Pro Regular';
	margin-top: 40px;
	margin-bottom: -20px;
}
.bg_login{
	background-image: url('../../image_bg/login_bg.png'); 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-repeat: no-repeat;
       background-size: 90% 100%;
	  
}
.bg_kanan{
	background-image: url(); 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  opacity: 90%;
	  height: 100vh;
	  
}
.login-content{
	height: 100%;
	/*height: 10em;*/
  	display: flex;
  	align-items: center;
	justify-content: center;
	background-color: #955095
}
.text_username{
	margin-bottom: 10px;
}
.text_password{
	margin-bottom: 10px;
}
.btn_login{
	background-color: #58595b !important;
	color: #ffffff;
	width: 200px;
	font-family: 'Roboto-Light';
}
.text_username{
	width: 350px;
	  font-family: 'Roboto-Light';
}

.text_password{
	width: 350px;
	  font-family: 'Roboto-Light';
}
button.btn_login:hover {
  background-color: #58595b !important;
  color: #ffffff;
  font-weight: bold;
  font-family: 'Roboto-Light';
}