/* Main Content Box*/
.mainBox {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    /*background-image: url(../images/bg_default.jpg);*/ 
}

.sideBox {
    float: right;
    width: 300px;
}

.pubBox {
    background-color: white;
    padding: 5px 0 5px 0;
}


/* Pool Cx */
.poolCx {
    margin: 50px 0.8em 0 0.8em;
    /*border-top: 2px solid #5e0a0e;*/
    height: 150px;
}

.listX {
    padding: 0;
    margin: 0;
    margin: 8px 0 8px 0;
    /* flex: 0 80%;*/
    list-style: none;
}

.listX__item {
    position: relative;
}

    .listX__item:hover labelX {
        color: #ff5252;
    }

    .listX__item:hover .labelX::before {
        border: 7px solid #ff5252;
        margin-right: 20px;
    }

.radio-btnX {
    position: absolute;
    visibility: hidden;
}

    .radio-btnX:checked ~ .labelX {
        color: #ef343c;
        font-weight: 500;
    }

        .radio-btnX:checked ~ .labelX::before {
            margin-right: 30px;
            border: 7px solid #ff5252;
            background: #F8F7FF;
        }

.labelX {
    display: flex;
    align-items: center;
    padding: 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s linear;
}

.labelX::before {
	display: block;
	content: '';
	border: 3px solid #ff5252;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	margin-right: 10px;
	transition: all .25s linear;
}




/* But Styling */

.btnInscreve-te, .btnInscreve-te:focus, .btnInscreve-te:active, .btnInscreve-te.active {
    color: #fff;
    /*background-color: transparent;*/
    font-weight: 500;
    outline: 0;
	border: none;
	background:url(https://cdnimages01.azureedge.net/rfmsite/images/Tu-es-RFM_bg_but_registo.gif) no-repeat top center;
/*    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #fff;*/
    font-size: 26px;
    line-height: 30px;
    /*padding: 0 0.5em 0 0.5em;*/
    text-transform: uppercase;
    /*margin-top: 6px;*/
}

.btnInscreve-te:hover {
	/*border: 2px solid #ff5252;*/
	color: #3a3a3a;
}

.btnPoolVota, .btnPoolVota:focus, .btnPoolVota:active, .btnPoolVota.active {
    color: #fff;
	width:106px;
	height:47px;
    /*background-color: transparent;*/
	background:url(https://cdnimages01.azureedge.net/rfmsite/images/Tu-es-RFM_bg_but_vota.gif) no-repeat top center;
    font-weight: 500;
    outline: 0;
	border: none;
/*    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #fff;*/
    font-size: 30px;
    line-height: 34px;
    /*padding: 0 0.5em 0 0.5em;*/
    text-transform: uppercase;
    /*margin-top: 6px;*/
}

.btnPoolVota:hover {
/*	border: 2px solid #ff5252;*/
	color: #3a3a3a;
}

.btnPoolOuve, .btnPoolOuve:focus, .btnPoolOuve:active, .btnPoolOuve.active {
	width:75px; 
	height:58px;
    color: #000;
	background:url(https://cdnimages01.azureedge.net/rfmsite/images/Tu-es-RFM_bg_but_ouvir.gif) no-repeat top center;
    font-weight: 500;
    outline: 0;
/*    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border: none;
    font-size: 0.8em;
    text-transform: uppercase;
}

    .btnPoolOuve:hover {
        color: #ff5252;
    }
.btnPoolOuve i.fa {
    display: inline-block;
    color: #ef343c;
    font-size: 1em;
}
.siderbarCx {
    padding: 5px 0 5px 0;
    background-image: url(https://cdnimages01.azureedge.net/rfmsite/images/Joana-Cruz-Tu-Es-RFM_01.jpg);
    background-repeat:no-repeat;
    width: 300px;
    height: 750px;
    position: relative;
}

.whiteBoard {
    position: absolute;
    right: 0;
    top: 180px;
    width: 240px;
    height: 330px;
}

.musicNameCx {
	font-family: bebas_neuebold,Arial,Helvetica,sans-serif;
    font-size: 32px;
	font-weight:500;
    line-height: 33px;
    width: 230px;
    height: 130px;
    display: table-cell;
    vertical-align: middle;
    padding: 0.25em 0.45em 0 0.45em;
    color: #ec1b24;
	text-transform:uppercase;
}

.butsCx {
    width: 230px;
    height: 55px;
	margin-top:10px;
}

.listenCx {
    float: left;
    width: 50%;
    padding-left: 10px;
}

.voteCx {
    float: right;
    width: 50%;
    text-align: right;
}

#thanksMsg {
	display:none;
}

.thxCx {
    width: 230px;
    display: table-cell;
    vertical-align: middle;
    padding: .7em 0.45em 0 0.45em;
    color: black;
}

.thxThx {
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ec1b24;
}

.thxTuEs {
    font-size: 22px;
	line-height: 26px;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
}

.thxQueres {
    font-size: 20px;
    line-height: 28px;
    position: relative;
    top: 65px;
	font-weight:300;
}

.thxSignIn {
    position: relative;
    top: 105px;
}



/*extra small - max width */
@media (max-width: 767px) {
    .hidden-xs{display: none !important;}

}

/* small */
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {display: none !important;}
}

/* medium */
@media (min-width: 992px) and (max-width: 1199px) {
    .mainContent {margin-right: 300px; background-color: white;}
    .hidden-md {display: none !important;}
}

/* large */
@media (min-width: 1200px) {
    .mainContent {margin-right: 300px; background-color: white;}
    .hidden-lg {display: none !important;}
}