.login-wrapper {
margin-top:50px;
}
.btn {
  border:none;
  border-radius: 2px;
  color: white;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /font-size: 16px;
  font-size: 100%
  margin: 4px 2px;
}
.btn-blue {
  background-color: #008CBA; /* blue */
}
.btn-green {
  background-color: #4CAF50; /* Green */
}
.btn-yellow {
  background-color: #ffb810; /* brown */
}
.btn-w-16 {
  width:16.66%;
  float:right;
}
.btn-w-20 {
  width:20%;
  float:right;
}
.btn-w-25 {
  width:25%;
  float:right;
}
.btn-w-33 {
  width:33.33%;
  float:right;
}
.btn-w-50 {
  width:50%;
  float:right;
}
.btn-w-66 {
  width:66.66%;
  float:right;
}
.btn-w-75 {
  width:75%;
  float:right;
}
.btn-w-80 {
  width:80%;
  float:right;
}
.btn-w-84 {
  width:83.33%;
  float:right;
}
.btn-w-100 {
  width:100%;
}
.btn-radio, .btn-label {
  font-size:11px;
  margin: 0px;
  padding: 8px 10px;
}
.btn-label {
  text-align:justify;
  padding: 0px 10px;
}
.btn-radio {
  background-color: #ccc;
  border:1px solid gray;
}
.btn-selected {
  background-color: #008CBA; /* blue */;
}

.title-bar {
	font-family: BYekan;
	font-size: 16px;
	color: #006;
	padding-bottom: 10px;
}
.title-bar.custom {
	padding: 7px 15px;
	border-bottom: 2px solid #FFB810;
}
.title-bar {
	padding: 7px 15px;
}
.txt-title {
  text-shadow: 2px 2px 5px #ffb810;
  font-size:20px;
}
.text-service {
  font-size:12px;
  color:black;
}
.alertInfo {
    color: #0c5460;
    background-color: #d1ecf1;
    border:2px solid #bee5eb;
    border-radius:5px;
    font-size:100%;
    padding:10px 15px;
}
.alertSuccess {
    color: #155724;
    background-color: #d4edda;
    border:2px solid #c3e6cb;
    border-radius:5px;
    font-size:100%;
    padding:10px 15px;
}
.alertDanger {
    color: #721c24;
    background-color: #f8d7da;
    border:2px solid #f5c6cb;
    border-radius:5px;
    font-size:100%;
    padding:10px 15px;
}
hr.new {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (max-width:1599px) and (min-width:1400px){

}

@media screen and (max-width:1399px){

}

@media screen and (max-width:1399px) and (min-width:992px){

}

@media screen and (min-width:992px){

}

@media screen and (max-width:1199px){

}

@media screen and (max-width:991px){

}

@media screen and (max-width:991px) and (min-width:768px){

}

@media screen and (min-width:768px){

}

@media screen and (max-width:767px){

}

@media screen and (max-width:640px){

}

@media screen and (max-width:420px){
.btn-radio, .btn-label {
  font-size:10px;
  margin: 0px;
  padding: 8px 10px;
}
.btn-label {
  text-align:justify;
  padding: 0px 10px;
}
}