#turnee-breadcrumbs{display:flex;align-items:center;grid-gap:1em}
div#lista-turnee{margin:5% 0}
.row-list{display:flex;justify-content:space-evenly;align-items:center;margin-block-start: 7%;}
.img-info{position:relative;display: flex;
    align-items: center;}
.minge-tenis{position: absolute;
   right: auto;
    z-index: 1;
    top: 50%;
    left: 7%;
    transform: translate(-50%, -50%);}
.row-list .info{background-color:#f6f6f6;-moz-border-radius:3em;-webkit-border-radius:3em;-khtml-border-radius:3em;border-radius:3em;-moz-box-shadow:0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75);-webkit-box-shadow:0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75);box-shadow:0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75);display:flex;justify-content:space-evenly;align-items:center;padding:.2em 1em;position: relative;
    z-index: 2;
    margin-inline-start: 2.5em;font-size: .9em;
}
.row-list .col1 {
    border-right: 0.1em solid #333;
    padding:0 1em 0 2em;font-weight:bold;color:black;text-align:right;
}
.row-list .col1 span{
        line-height: 1.8em;
    font-size: 1em;
}
.row-list .col2 {text-align:right;padding:0 1.5em 0 1em; min-width: 340px;}
.row-list .col2 span{display:block;line-height: 1.8em;font-size:.7em;text-align:left}

.info-turneu-header{ margin-bottom: 2em; display: flex; align-items: center; background-color: #FFF; color: #000; font-weight: bold; text-align: left; font-size: 1.5em; border:.15em solid #ff7b01; border-radius: 3em; box-shadow: 0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75); padding: 0.35em 1em;}
.info-turneu-header img{ width: 2em; margin-right: 1em;}
.info-turneu-header div:first-child{ flex: 1;}
.info-turneu-header .taxa{ display: flex; font-size: 2rem; flex-direction: column; justify-content: center; align-items: center;}
.info-turneu-header strong{ font-size: 0.9rem; text-transform: uppercase;}

.white-panel{ border-radius: 20px; padding: 30px; background-color: #FFF; text-align: left;}
.white-panel .title{ font-weight: bold; font-size: 1.1rem; padding-bottom: 10px; color: #000;}
.white-panel .fields{ padding-top: 10px; padding-bottom: 10px;}
.white-panel .fields div{ padding-top: 3px; padding-bottom: 3px;}
.white-panel .fields label{ font-weight: bold; color: #000;}
.white-panel .fields div.disabled label{ color: #666;}
.white-panel .fields label span{ color: #F00; font-size: 0.9rem; font-weight: normal;}
.white-panel .buttons{ display: flex; justify-content: space-between; align-items: end;}
.white-panel .buttons button{ font-size: 1.1rem; font-weight: bold; background-color:#ff7b01;color:white; -moz-border-radius:3em;-webkit-border-radius:3em;-khtml-border-radius:3em;border-radius:3em;-moz-box-shadow:0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75);-webkit-box-shadow:0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75);box-shadow:0 1vmin 2vmin -1.2vmin rgba(0,0,0,.75);padding:1em 1.5em;text-transform:uppercase; display:flex;align-items:center;justify-content:space-between;max-height:50px;position:relative}
.white-panel .buttons button b{ min-width: 30%; text-align: right; font-size: 3em; margin-top: -0.2em;}

.error{ display: block; margin-top: 5px; margin-bottom: 5px; text-align: center; font-weight: bold; color: #F00; font-size: 1.2rem; background-color: #CFD41D; border-radius: 40px; padding: 20px;}

.lista-participanti{ text-align: left; color: #000;}
.lista-participanti h3{ font-weight: bold; padding-bottom: 8px;}
.lista-participanti ul{ list-style-type: decimal; padding-left: 30px;}


/* mobile cu rezolutii intre 350px si 375px */
@media only screen and (min-width:350px) and (max-width:375px){
    .btn,.btn-detalii{max-width:160px;font-size:calc(.8em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)));bottom:-2.8em}.row-list .col1{font-size:calc(.75em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)))}
}
/* mobile cu rezolutii intre 375px si 395px */
@media only screen and (min-width:375px) and (max-width:395px){
    .btn,.btn-detalii{max-width:170px}.row-list .col1{width:90%}
}

/* Toate mobilele in portrait pana in rezolutia de 480px */
@media only screen and (max-width:480px){
/*div#lista-turnee{margin:20% 0}*/
	#turnee-breadcrumbs div{font-size:.85em}#turnee-breadcrumbs div:first-of-type{display:none}.btn1,.btn2{width:auto;min-width:inherit}
	.row-list{display:block;position:relative;margin-top:20%}
    .row-list:first-child{margin-top:10%}
    .row-list:last-child{margin-bottom:20%}
	.row-list .info{display:block;margin-inline-start:auto;width:100%;padding-bottom:1.5em}
	.row-list .col1{font-size: calc(.80em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)));border-right: none;
    border-bottom: 0.1em solid #333;
    width: 95%;
    text-align: center;
    word-spacing: 0.3em;padding: 0.5em 0;margin: 0 auto}
	.row-list .col1 br{display:none}
	.minge-tenis{top: 15%;
    left:3%;
    transform: translate(-50%, -50%);
    margin-inline-start: auto;
    z-index: 3;}
	.row-list .col2{font-size: calc(.80em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)));text-align:center;padding:.5em 0}
	.row-list .col2 span{margin-top:.5em;text-align:center}
	.btn{position:absolute;z-index:4;right:0;bottom:-2.8em;font-size:.8em;max-width:180px;max-height:45px}.btn::before{top:-25%;font-size:calc(.9em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)))}.btn-gri,.btn-vrd{line-height:1}.btn-detalii{left:0;bottom:-2.3em;width:180px;max-height:48px;justify-content:space-evenly}.btn-detalii span{font-size:60%}
}