@CHARSET "UTF-8";

body{min-width:1000px;}
body:before{content: ""; float:left; width:15%; min-width: 180px; height:100vh; min-height:600px;}
body > div {overflow:hidden;}

.hidden{display:none;}

#admin_menu{position:fixed; left:0; top:0; bottom:0; width:15%; min-width:180px; background-color:#393939; display:inline-block;}

#admin_menu ul{list-style: none; width:100%; border:0; margin:0; padding:0; display:block; overflow:hidden;}
#admin_menu ul li{width:100%; height:50px; display:inline-block;}
#admin_menu ul li.selected{background-color:#7E97D6; }
#admin_menu ul li a{width:100%; line-height:50px; display:inline-block; text-decoration:none; color:white; font-weight:bold; padding-left:15px; }
#admin_menu ul li a:hover{background-color:rgba(255,255,255,0.2);}
#admin_menu ul ul li a{padding-left:25px; }
#admin_menu ul ul{height:0px;}


.admin_head{margin-left:300px; text-align:center;}
.admin_head + div{padding: 20px; position:relative;min-height:500px;}




table.dataTable th{text-align:left; }
table.dataTable tr .lastVisible{text-align:right; }
table.dataTable tr.odd td{background-color:rgba(126, 151, 214, 0.3); }
table.dataTable tr.even td{background-color:rgba(126, 151, 214, 0.4); }
.dataTables_wrapper .toolbar{float:right;}
.dataTables_wrapper .toolbar > *{vertical-align:middle;}

.deletionConfirm > div{text-align: center;background-color: #FF7E7E;display: block;width: 60%;margin: auto;padding: 20px 10px;border: 3px solid #B64141;border-radius: 10px;}
.deletionConfirm a {text-decoration: none;color: #36F;font-weight: bold;margin-right: 5px;padding: 5px;display: inline-block;}
.deletionConfirm a:hover{background-color: #FFABAB;}

.mediaContent{overflow:hidden;}
.mediaContent *{max-height:100%;max-width:100%;}
.mediaContent > a{height:100%; width:100%;display:inline-block;}

/*
 _                _         ____                  
| |    ___   __ _(_)_ __   |  _ \ __ _  __ _  ___ 
| |   / _ \ / _` | | '_ \  | |_) / _` |/ _` |/ _ \
| |__| (_) | (_| | | | | | |  __/ (_| | (_| |  __/
|_____\___/ \__, |_|_| |_| |_|   \__,_|\__, |\___|
            |___/                      |___/      
*/
#login_page .pageHead{text-align:center;}
#login_page .formRow input{padding:9px 6px;}

/*
 _____                    
|  ___|__  _ __ _ __ ___  
| |_ / _ \| '__| '_ ` _ \ 
|  _| (_) | |  | | | | | |
|_|  \___/|_|  |_| |_| |_|
                          
*/
span.label{display:inline-block; width:210px; text-align:right; padding:5px;}
div.formBtns{padding:15px 165px;}
div.formBtns a{text-decoration:none; color:rgb(51, 102, 255); font-weight:bold; margin-right:5px; padding:5px;}
div.formBtns a:hover{background-color:rgb(204, 217, 255);}
form input[type="text"], form input[type="password"], form textarea{padding:6px 5px;}
form > div{margin:5px 0;}


/*
 _   _       _   _     _      
| \ | | ___ | |_(_)___(_) ___ 
|  \| |/ _ \| __| |_  / |/ _ \
| |\  | (_) | |_| |/ /| |  __/
|_| \_|\___/ \__|_/___|_|\___|
                              
*/

.notiziaContainer{margin-right:280px;background-color:#f2f2f2;overflow:auto;}
.notiziaContainer h1,.notiziaContainer h2,.notiziaContainer h3{padding:10px;}
.notiziaMenu{background-color:#CCC;position:absolute; width:250px;right:20px;top:0px; padding: 10px 0 15px; border-radius:10px;border: 1px solid #A5A5A5;}
.notiziaMenu a{text-decoration:none;color:#5656C3;cursor:pointer;}
.notiziaMenu a:hover{color:#8484F1;}
.notiziaMenu ul {list-style:none; display:inline-block; padding:0 20px;}
.notiziaMenu ul li{margin: 10px 0px;display: block; clear:both;}

div.notiziaAcceptance{text-align: center; background-color: #ffd677; padding: 20px; border: 1px solid grey; border-radius: 10px;margin-bottom:10px;}
div.notiziaAcceptance > .buttons a{text-decoration:none; color:rgb(51, 102, 255); font-weight:bold; margin-right:5px; padding:5px; display:inline-block;}
div.notiziaAcceptance > .buttons a.green:hover{background-color:#7EFF83;}
div.notiziaAcceptance > .buttons a.red:hover{background-color:#FF8DA6;}

div.notiziaStat{background-color: rgb(221, 221, 221);border: 1px solid rgb(190, 190, 190);border-radius: 15px;padding: 10px; box-shadow:3px 5px 9px -2px; margin-bottom:15px;}
div.notiziaStat > div{display: inline-block;width: 33%;}
div.notiziaStat >div > div {text-align:center;}

.notiziaMainMedia{float:left;padding:10px 20px;}
.notiziaTitle{font-family:"Arial Bold";font-weight:bold;font-size:18px;}

/*
 __  __          _ _       
|  \/  | ___  __| (_) __ _ 
| |\/| |/ _ \/ _` | |/ _` |
| |  | |  __/ (_| | | (_| |
|_|  |_|\___|\__,_|_|\__,_|

*/
.mediaElement.mainElement{background-color:yellow;margin:15px;}
.mediaElement{display:inline-block; padding:15px; max-width:160px;}    
.mediaElement.selected {opacity:0.4;background-color:orange;}

.notiziaContainer video.localVideo{max-width:100%;}
.notiziaContainer .videoContainerForImageAppend img.poster{max-width:100%;max-height:100%;background-color:black;position:absolute;top:0;left:0;z-index:1000;} 

/*
  ____                                     _   _ 
 / ___|___  _ __ ___  _ __ ___   ___ _ __ | |_(_)
| |   / _ \| '_ ` _ \| '_ ` _ \ / _ \ '_ \| __| |
| |__| (_) | | | | | | | | | | |  __/ | | | |_| |
 \____\___/|_| |_| |_|_| |_| |_|\___|_| |_|\__|_|
                                                 
*/

.commentoContainer{border:2px solid black; border-left:0px; border-right:0px; border-top:0px; padding: 5px; margin: 15px 5px}

div.commentoAcceptance{text-align: left; background-color: #ffd677; padding: 20px 50px; border: 1px solid grey; border-radius: 10px; margin-bottom:20px;}

div.commentoAcceptance .commentoTitolo{font-size:18px;font-weight:bold;}
div.commentoAcceptance .commentoTesto{margin-left:15px;} 
div.commentoAcceptance .commentoUser{display:inline-block; font-style:italic; font-size:12px; margin-top:15px;margin-left:15px;}
div.commentoAcceptance .commentoDate{display:inline-block; font-style:italic; font-size:12px;}

div.commentoAcceptance > .buttons {text-align:center;}
div.commentoAcceptance > .buttons a{text-decoration:none; color:rgb(51, 102, 255); font-weight:bold; margin-right:5px; padding:5px; display:inline-block;}
div.commentoAcceptance > .buttons a.green:hover{background-color:#7EFF83;}
div.commentoAcceptance > .buttons a.red:hover{background-color:#FF8DA6;}
div.commentoAcceptance > .buttons a.yellow:hover{background-color:#FF8DA6;}

div.commentoBlock{border: 4px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #E6E6E6;}
.commentiBlock ul {list-style: none;}
/*
 ____    _    _   _ _   _ _____ ____  
| __ )  / \  | \ | | \ | | ____|  _ \ 
|  _ \ / _ \ |  \| |  \| |  _| | |_) |
| |_) / ___ \| |\  | |\  | |___|  _ < 
|____/_/   \_\_| \_|_| \_|_____|_| \_\
                                      
*/
.bannerHomeContainer{margin-right:280px;}

.bannerMenuContainer{background-color:#CCC;position:absolute; width:250px;right:20px;top:20px; padding: 10px 0 15px; border-radius:10px;border: 1px solid #A5A5A5;}
.bannerMenuContainer a{text-decoration:none;color:#5656C3;cursor:pointer;}
.bannerMenuContainer a:hover{color:#8484F1;}
.bannerMenuContainer ul {list-style:none; display:inline-block; padding:0 20px;}
.bannerMenuContainer ul li{margin: 10px 0px;display: block; clear:both;}

div.bannerStat{background-color: rgb(221, 221, 221);border: 1px solid rgb(190, 190, 190);border-radius: 15px;padding: 10px; box-shadow:3px 5px 9px -2px; margin-bottom:15px;}
div.bannerStat > div{display: inline-block;width: 33%;}
div.bannerStat > div > div{text-align:center;}




/* Sondaggio */
.sondaggioContainer .rmOption, .sondaggioContainer #addOption {
    margin-left: 10px;
    text-decoration: none;
    color: #36F;
    font-weight: bold;
    margin-right: 5px;
    padding: 5px;
    text-transform: capitalize;
}
.sondaggioContainer .rmOption:hover, .sondaggioContainer #addOption:hover{background-color:rgb(204, 217, 255);}

/**
	DISABILITAZIONE TASTO DOWNLOAD DAL PLAYER VIDEO
*/

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video.loading{background:black url(../images/loading.gif) center center no-repeat;}