.promo-container {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
	max-height:494px;
}

.promo-card {
    background-color: #571F9C;
    flex-direction: column;
    padding: 20px;
    color: white;
    text-align: center;

    height: 100%;
    width: 400px;

    gap: 20px;
    align-items: center;
    justify-content: center;

}

#partcipate-header {
    background: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-container, .participation-modal-footer {
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.topnav {
    overflow: hidden;
    background-color: #000000;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 10px 20px;
}

.left-topnav, .radio_group {
    gap: 20px;

}

.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    /* background-color: #ddd;
    color: black; */
    text-decoration: underline;
    text-decoration-color: #d40f8c;
}

.left-topnav > a.active {
    text-decoration: underline;
    text-decoration-color: #d40f8c;
    font-weight: bold;
    background: none;
}

#register_club {
    background-color: #d40f8c;
    color: white;
    font-weight: bold;
    border-radius: 10px;
}

#register_club:hover {
    background-color: #a70a6d;
    text-decoration: none;
}

#login_club_modal > div, .modal-body {
    background-color: white;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
}


.login-btn,.register-btn {
    background-color: #d40f8c;
    border: none;
    padding: 0.7rem;
    color: white;
}

.login-btn:hover,.register-btn:hover {
    background-color: #a70a6d;
    border: none;
    padding: 0.7rem;
    color: white;
}

.login_modal {
    border: none;
}

.cancel_login {
    border: none;
    background-color: none;
}

.login-modal-header {
    padding: 0;
    align-items: center;
}

.container_dancers {
    flex-direction: column;
}


.border_table{
    justify-content: start;
}

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

    .promo-section {
        flex-direction: column;
    }
}

  
.blink {
animation: blinker 0.6s linear infinite;
color: #1c87c9;
font-weight: bold;
font-family: sans-serif;
}
@keyframes blinker {
	50% {
	  opacity: 0;
	}
}
.blink-one {
	animation: blinker-one 1s linear infinite;
}
@keyframes blinker-one {
	0% {
	  opacity: 0;
	}
}
.blink-two {
	animation: blinker-two 1.4s linear infinite;
  }
  @keyframes blinker-two {
	100% {
	  opacity: 0;
	}
}

.messages-body{
	background-color:#d40f8c;
	color:#ffffff;
}

.error-msg-fields{
    background: red;
    color: #fff;
    display: none;
    padding: 0 5px;
}

.success-msg-fields{
    background: green;
    color: #fff;
    display: none;
    padding: 0 5px;
}
.disabled{
	opacity:0.5;
	pointer-events:none;	
}

.wrap-text{
	overflow-wrap: break-word;
}
.overflow-div{
	overflow-x:scroll;
	overflow-y:hidden;
}
.hide_icon {
    margin-right: -18px;
    position: absolute;
    width: 40px;
}

.participation th{
	background-color: #990099;
    color: #FFFFFF;
}
.participation tr, #participation_body th{
	background-color: #FF66FF;
    color: #000000;	
}

.upload-butt{
	display:block;
}

.error-field{
	border: 1px solid red;
}	

.navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}