body, h1, p, form, ul ,input ,textarea{
      margin:0px;
      padding:0px;
    }
    
    .nav-bar {
      width:99.7%;
      height:50px;
      
      background-color:gray;
      border: 2px solid black;
    }


    .nav-bar ul{
      text-align:right;
      padding-right:50px;
      background-color:gray;
      padding:15px
    }
    .nav-bar li {
      display:inline;
      padding:20px;

    }

    .all-body {
      width:100%;
      height: 100%;
      margin-top:200px;
      /*--background-image:url(./img/img-4753-2000x1500.jpg);*/
    }

    .main-title{
      text-align:center;
      margin-top:0px;
      margin-bottom:50px;

    }
    .main-title h1{
      text-align:center;

    }
    
    .second-frame{
      text-align:center;
    }

    /*untuk form reg pop-up klu tekan button*/
    .form-popup { 
  
    display: none;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.9);
    z-index:5;
    width:100%;
    height:100%;
    }

.form-popup2 { 
  
    display: none;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.9);
    z-index:5;
    width:100%;
    height:100%;
    }
    /* actual form dalam <div popup Add styles to the form container */
    .form-container {

		width: 500px;
      padding: 50px;
      margin-left:35%;
      margin-top:200px;
      background-color: white;
      border: 4px solid black;
    }

    .form-container label{
      text-align:left;
      padding-top: 20px;
	  //margin-right: 45%;
	  margin-left: 10px;
	  //float: left;
	  box-sizing: border-box;
	  float:left;

    }
	
    .form-container textarea{
      position: static;
      padding: 5px;
      background: #f1f1f1;
      margin-right: 0px;
      margin-left: 90px;
      border: 1px solid black;
	  float: left;
    }
/*.form-container input[type=button]{
	background-color:#4CAF50;
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		  margin: 0px 0px;
		  //margin-top:1px;
		  cursor: pointer;
		  visibility: visible;
		  display: inline-block;
}*/

/*.form-container input[type=submit],input[type=button]{
	background-color:#4CAF50;
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		  margin: 0px 0px;
		  //margin-top:1px;
		  cursor: pointer;
		  visibility: visible;
		  display:inline-block
}*/
	.form-container select{
			width: 10px;
			border: none;
			padding: 12px 20px;
			text-decoration: none;
			margin: 0px 0px;
			cursor: pointer;
			visibility: visible; 
		//display: inline-block;
		//border-radius: 4px;
		//box-sizing: border-box;
		//float: right;
		}
		
	.form-container input[type=text], input[type=password]{
		width: 70%;
		padding: 12px 10px;
		margin: 8px 0px;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		//float:right;
	}
	
	.form-container select{
		width: 70%;
		padding: 12px 10px;
		margin: 8px 0px;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		//float:right;
	}
	
	/*.form-container input[type=submit]{
		background-color:#4CAF50;
		//background-color: #af4c7a;
		display:inline-block
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		 // margin: 0px 2px;
		  cursor: pointer;
		  //visibility: visible;
		  box-sizing: border-box;
		  //float:center;
		  margin-top:40px;
	}*/
	
	
	/*.btn_cancel {
		  background-color:#4CAF50;
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		  margin: 4px 2px;
		  //margin-top:1px;
		  cursor: pointer;
		  visibility: visible;
	  }*/
	
	.form-container input[type=submit]{
		background-color:#4CAF50;
		//background-color: #af4c7a;
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		  margin: 4px 2px;
		  cursor: pointer;
		  visibility: visible;
	  }
			
			/*.form-container button{
			background-color: #af4c7a;
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		  margin: 4px 2px;
		  cursor: pointer;
		  visibility: visible;
	  }*/
	  
	  .btn_cancel{
		  background-color:#4CAF50;
		  border: none;
		  color: white;
		  padding: 5px 20px;
		  text-decoration: none;
		  margin: 4px 2px;
		  cursor: pointer;
		  visibility: visible;
	  }
	  
    /* style utk button, Button used to open the contact form - fixed at the bottom of the page */
    .open-button {
      margin:20px;
      color: black; 
      font-size: 16px; 
      line-height: 16px; 
      padding: 12px; 
      border-radius: 17px; 
      font-family: Georgia, serif; 
      font-weight: normal; 
      text-decoration: none; 
      font-style: normal; font-variant: normal; 
      text-transform: none; 
      background-color: orange; 
      box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px; 
      border: 2px solid black; 
      display: inline-block;}
	  
      .myButton:hover {
      background: #1C6EA4; }
      .myButton:active {
      background: #144E75; }

    }