/* Import Google font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.logoatas{
	width: 13%; 
	margin-right: 10px;
}
.namasekolah{
	font-size: 18px;
}
.menuatas{
	margin-top: 0.5%
}

.help-block-error {
  color: #a94442;
  background-color : #ffebec;
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 3px;
  /*max-width: 500px;*/
  display: initial !important;
}

.help-block-error:empty{
	padding: 0px;
}

/* General utilities */
.display-none,
.display-hide {
  display: none;
}
/***
Customized Bootstrap Alerts
***/
.alert {
  border-width: 1px;
}
.alert.alert-borderless {
  border: 0;
}

/***
Bootstrap Alerts
***/
.alert-success {
  background-color: #26A69A;
  border-color: #219174;
  color: #d6f5f3;
}
.alert-success hr {
  border-top-color: #1c7d64;
}
.alert-success .alert-link {
  color: #acece6;
}

.alert-info {
  background-color: #89C4F4;
  border-color: #68caf1;
  color: white;
}
.alert-info hr {
  border-top-color: #51c2ef;
}
.alert-info .alert-link {
  color: #d0e8fb;
}

.alert-warning {
  background-color: #ff5722;
  border-color: #ff1b08;
  color: white;
}
.alert-warning hr {
  border-top-color: #ee1100;
}
.alert-warning .alert-link {
  color: #d0e8fb;
}

.alert-danger {
  background-color: #F3565D;
  border-color: #f13e64;
  color: white;
}
.alert-danger hr {
  border-top-color: #f02651;
}
.alert-danger .alert-link {
  color: #fccfd1;
}

.alert {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-width: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.bigheader{
  display: block; 
}
.smallheader{
  display: none; 
}

.textarea_style{
  position: relative;
  height: 350px;
  width: 100%;
  outline: none;
  font-size: 1rem;
  color: #707070;
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0 15px;
}
.textarea_style_small{
  position: relative;
  height: 90px;
  width: 100%;
  outline: none;
  font-size: 1rem;
  color: #707070;
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0 15px;
}
.careerlist{
  justify-content: left ; display: flex; flex-wrap: wrap; padding-left: 15%;
}
.welcome-container{
  width: 85%;
}

@media screen and (max-width: 768px) {
  .welcome-container{
    width: 90%;
  }
  .logoatas{
		/*width: 40% !important; */
    min-height: 60px;
    min-width: 60px;
		margin-right: 10px;
	}
	 .namasekolah{
		display: block;	
	}
  /*.bigheader{
    display: none; 
  }*/
  .bigheader-1{
    width: 100% !important;
    margin-left: -10%;
  }
  .smallheader{
    display: block; 
  }
  .divsmall{
    display: ruby-base-container;
  }
  .welcome{
    text-align : left;
  }
  .videoyutub{
    height: 200px !important;
  }

}

@media screen and (max-width: 566px) {
  .careerlist{
    padding-left: 0px;
  }
  .footer_social{
    width: 100%;
  }
}


.listjenjang{
  min-height: 520px;
}

.card_container{
  overflow-x: auto;
}