

.cp_wrap {
    min-height:450px;
	text-align:center;
    
	background:none;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
    /* .wrap_feedback { background-image:url('../img/city-wallpaper.jpg'); } */

.cp_wrap label { padding: 0 10px; }


.col_left, .col_right {
    width:47%;
    float:left;
    text-align:left;
}
    .col_left { margin:0 1.5% 0 2.5%; }
    .col_left { margin:0 2.5% 0 1.5%; }



/* _- Helper -_*/

.text-success { font-size:2.5em; padding:10px 10px; background-color:#DFF0D8; }
.text-warning { font-size:2.5em; padding:10px 10px; background-color:#F2DEDE; }

table .text-success, table .text-warning { font-size: 0.8em; }

.ico {
    padding:3px 5px 3px 30px;
    background-position:center left;
    background-size: contain;
    background-repeat: no-repeat;
}
.ico-confirm { background-image:url('../img/ico_done.png'); }
.ico-error { background-image:url('../img/ico_error.png'); }
.ico-contact { background-image:url('../img/ico_message.png'); }
.ico-edit { background-image:url('../img/ico_edit.png'); }
.ico-jump { background-image:url('../img/ico_jump.png'); }
.ico-fountain { background-image:url('../img/ico_fountain-02.png'); width:90px; height: 90px; display:inline-block; }
.ico-trophy { background-image:url('../img/ico_trophy.png'); width:50px; height: 50px; display:inline-block;}

/* _- Login Form -_ */

.cp_loginForm {
    width:inherit;
	margin: 0 0;
	
	border-radius:0px;
	background-color:#fff;
}

.cp-nav a.active { color:#6897e5; }



/* _- Buttons -_ */
.cp_wrap .button, .cp_wrap .button-primary {
    display:inline-block;
}
    .cp_wrap .button { background-color:#aaa; }
    .cp_wrap .button-primary { background-color:#6897e5; }

.cp_wrap a.button {
    width:inherit;
    background-color: #6897e5;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	display: block;
	margin-bottom: 30px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
		-ms-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
    .cp_wrap a.button:hover { background-color:#747474; }




/* _- Passaggi -_ */

.passaggio input { margin:5px 0; }
.sub_menu {
    width:45%;
        min-width:320px;
    text-align: center;
    display: block;
    padding:0 0;
    margin:0 auto 35px auto;
    background-color:#6897E5;
    
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}
    .sub_menu li {
        display:inline-block;
        padding: 1px 10px 1px 10px;
        transition-duration:0.5s;
        
    }
    .sub_menu li:hover,
    .sub_menu li.selected { background-color:#fff; color:#888; }

    .sub_menu li a { color:#fff; }
    .sub_menu li a:hover,
    .sub_menu li.selected a,
    .sub_menu li:hover a { color:#888; }
   

/* _- Tabelle -_ */
.manage-column {text-align:center; }
table thead tr td { 
    text-align:center;
    font-weight:bold;
    vertical-align: middle !important;
}


/* _- login -_ */
.wrap_login {
    width:100%;
    min-height:1024px;
    z-index: -1;
    margin:0 auto;
    /*  background-image:url('../img/zen-fountain.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.login_box {
    width:450px;
    padding:20px 25px;
    margin:30px auto;
    background-color:#efefef;
    border:1px solid #ddd;
    border-radius:5px;
}

.wrap_login input { margin: 5px 0; }


/* _- Dettaglio utenti -_ */
.wrap_info_utenti table {
    width:100%;
    max-width:500px;
    margin:0 auto;   
}

    .wrap_info_utenti table tr td:first-child {
        text-align: right;
        font-weight: bold;
    }




/* _- Home - Dashboard -_ */
.wrap_home .col_left { width:60%; }
.wrap_home .col_right { width:30%; }

.wrap_home table thead tr td { font-weight: bold !important; }

.wrap_home .box {
    color:#999;
    text-align:center;
    letter-spacing: 1px;
    padding:5px 0 15px 0;
    border-top:1px solid #ccc;
}
.wrap_home .box .box_title
{
    text-transform: uppercase;
    background-color:beige;
    padding:3px 0;
    margin:0px 0 20px 0;
    text-shadow:1px 1px 2px #fff;
    border-bottom:1px solid #ccc;
}
    .box .feedback {
        text-align:center;
    }
    .ico-star { 
        width:270px;
        height:150px;
        font-size:5em;
        font-weight: bold;
        text-align: right;
        padding:25px 0 50px 130px;
        margin:10px auto 0 auto;
        background-image:url('../img/star.png'); 
        background-size:contain;
        background-repeat: no-repeat;
        background-position: left center;
    }
    .feedback a.button { width:150px; display: inline-block; margin:0 5px; }
    .feedback progress { width:90%; margin:10px 0 5px 0;}


/* _- Fontana -_ */
.wrap_fontane table.details { width:99.9%; margin:20px auto; }
.wrap_fontane table.details tr td:first-child { 
    width:48%; 
    text-align:right;
    font-weight: bold;
    padding:0 10px 0 0;
}
.wrap_fontante table.details td { vertical-align: top; }

.wrap_fontane a img.info { width:2.8em; }


.gallery {
    text-align:center;
    padding:0 0 10px 0;
    border-bottom:2px solid #ededed;
}
    .gallery img {
        border-radius:3px;
    }


#container_stream, #container_canvas {
    text-align:center;
}


#videoElement {
    width: 640px;
    height: 480px;
    background-color: #666;
}
 