@font-face{
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:local("Titillium Web SemiBold"),local("TitilliumWeb-SemiBold"),url('TitilliumWeb-SemiBold-ext.woff2') format("woff2");
    unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}
@font-face{
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:local("Titillium Web SemiBold"),local("TitilliumWeb-SemiBold"),url('TitilliumWeb-SemiBold.woff2') format("woff2");
    unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}
* {-webkit-user-select:none;-ms-user-select:none;user-select:none;}
*, *:before, *:after {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body {
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    background:radial-gradient(circle at center, #ffffff, #c0c0c0);
    font-size:25px;
    height:100%;
}
#congres {
    width:100vw;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
#centru {
    align-items:center;
    width:auto;
    height:auto;
    text-align:center;
    color:#ff0000;
}
#congres .titlu {
    display:block;
    font-size:60px;
}
#congres #centru .numar_votanti {
    display:block;
    font-size:180px;
    color:#ff0000;
}
#congres .data {
    display:block;
    font-weight:normal;
    color:#333333;
}
#congres .ora {
    font-weight:normal;
    color:#999999;font-size:15px;
}
#top {
    position:fixed;
    padding:10px;
    height:80px;
    left:0;
    right:0;
    top:0;
    text-align:center;
    background:#ffffff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);    
}
#container {
    margin:80px 0 150px 0;
    padding:25px 10px;
    text-align:center;
}
#footer {
    padding:20px;
    position:fixed;
    bottom:0;
    width:100%;
    background:#ffffff;
    border-top:1px solid #e0e0e0;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.5);    
}
#footer .info {text-align:center;font-size:15px;padding:0 5px 10px 5px;color:#ff0000}
.flex-grid {
    display:flex;
    flex-direction:row;
}
.flex-grid div {
    flex:1;
    margin:0 15px 15px 0;
    text-align:center;
    padding:0px;
}
.flex-grid div:last-child {
    margin-right:0;
}
.vot_da, .vot_continuare {
    text-transform:uppercase;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);    
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-size:20px;
    font-weight:normal;
    color:#ffffff;
    background: radial-gradient(circle at center, #107c41, #175834);
    border:0;
    width:100%;
    height:100%;
    cursor:pointer;
    line-height:30px;
    padding:10px;
    white-space: normal !important;    
}
.vot_da:hover, .vot_continuare:hover {
    background: radial-gradient(circle at center, #333333, #000000);
}
.vot_optiune {
    text-transform:uppercase;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);    
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-size:40px;
    font-weight:normal;
    color:#ffffff;
    background: radial-gradient(circle at center, #107c41, #175834);
    border:0;
    width:100%;
    height:100%;
    cursor:pointer;
    line-height:30px;
    padding:40px;
    margin:20px 0;    
}
.vot_optiune:hover {
    background: radial-gradient(circle at center, #333333, #000000);
}

.vot_nu {
    text-transform:uppercase;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);    
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-size:20px;
    font-weight:normal;
    color:#ffffff;
/*    background: radial-gradient(circle at center, #ff0000, #be0000);*/
    background: radial-gradient(circle at center, #30acd6, #0f87d3);
    border:0;
    width:100%;
    height:100%;
    cursor:pointer;
    line-height:30px;
    padding:10px;
    }
.vot_nu:hover{
    background: radial-gradient(circle at center, #333333, #000000);
}
.vot_abtin, .vot_reia {
    text-transform:uppercase;
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-size:15px;
    color:#333333;
    background:radial-gradient(circle at center, #e0e0e0, #c0c0c0);
    border:0;
    width:100%;
    height:100%;
    cursor:pointer;
    line-height:20px;
    padding:10px;
    }
.vot_abtin:hover{
    background:radial-gradient(circle at center, #333333, #000000);
    color:#ffffff;
}
.intrebare {
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-size:35px;
    color: #ff0000;
    line-height:40px;
    }
.mesaj {
    font-family:"Titillium Web";
    font-style:normal;
    font-weight:600;
    font-size:25px;
    margin:25px 0;
    color:#000000;
    }
.rezultat {
    font-family:inherit;
    font-size:inherit;
    border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
    margin:15px 0;
    background:#ffffff;
    }
.rezultat tr th {
    padding:30px 25px;
    color:#ff0000;
    font-weight:600;
    font-size:20px;
    background:#f0f0f0;
    }
.rezultat tr td {
    padding:20px 25px;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    font-size:inherit;
    line-height:25px;
    } 
.pas {
    display:none;
    }
