/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; display:inline-block; }
strong, em { display: inline; }
ul { list-style: none outside; }

@font-face {
    font-family: 'RobotoCn';
    src: url('fonts/Roboto-Condensed.woff2') format('woff2'),
        url('fonts/Roboto-Condensed.woff') format('woff'),
        url('fonts/Roboto-Condensed.ttf') format('truetype'),
        url('fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Condensed.svg#Roboto-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCn';
    src: url('fonts/Roboto-BoldCondensed.woff2') format('woff2'),
        url('fonts/Roboto-BoldCondensed.woff') format('woff'),
        url('fonts/Roboto-BoldCondensed.ttf') format('truetype'),
        url('fonts/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
    font-weight: bold;
}

body { text-align:center; background: #fff; padding-bottom: 30px; font-family: RobotoCn,arial; }
#container {width:100%;margin:auto;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header{background:#495965;width:100%;margin-bottom:20px;}
#main,#header-content,#header ul.menu{width:1240px;margin:auto;}
#header .logo{background:#fff;padding:15px 0 10px 0;}
.logo img{max-height:100px;}
#header ul.menu{background:#495965;width:auto;}
#header ul.menu li{padding:10px 12px;display:inline-block;}
#header ul.menu li a{color:#fff;font-weight:normal}
#header ul.menu h6{display:none;}

#content{width:980px;text-align:left;float:right;padding:20px;}
.content,.files{width:calc(100% - 190px);float:right;}
h1,h2,h3,h6,h4{display:block;font-size:30px;font-weight:bold;margin-bottom:30px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;margin-bottom:10px;}
h6{font-size:14px;margin-bottom:3px;padding-left:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.add-user li{width:49%;float:left;margin-bottom:10px;}
ul.add-user li:nth-of-type(2n),ul.lista-aderenti-ul li .bottom-li .open-to:nth-of-type(2n){float:right;}
ul.add-user li textarea{min-height:300px;}
ul.list li{padding:10px 8px;border-bottom:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.list li .name{width:50%;float:left;}
ul.list li .role{width:30%;float:left;}
ul.list li .functions{width:20%;float:left;text-align:right;font-size:14px;}
ul.list li:hover{background:#fff;}
#lista-utenti span{display:block;float:left;margin-right:8px;}
ul.note{margin-bottom:20px;}
.list-view{position:relative;}
.duties-list{position:relative;}
.duties-list .grid-title{display: block;}
.duties-list .list-title{display: none;}
.duties-list.list-view .list-title{display: inline-block;}
.duties-list.list-view .grid-title{display: none;}
ul.duties-list li,ul.note li,.utenti li{background:#ffffff;width:100%;border:1px solid #eeeeee;margin-bottom:20px;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.duties-list li{position:relative;}
ul.note li{margin-bottom:5px;position:relative;}
ul.note li #elimina-nota, ul.note li #modifica-nota{position:absolute;top:10px;right:10px;}
ul.note li #modifica-nota{right:35px;}
ul.note li #elimina-nota img,ul.note li #modifica-nota img{max-width:15px;}
ul.duties-list li h3{margin-bottom:15px;}
ul.lista-aderenti-ul li h3{margin-bottom:10px;font-size:20px;}
ul.lista-aderenti-ul li h2{font-size:16px;font-weight:normal;margin-bottom:5px;}
ul.duties-list li .header-li,ul.note li .header-li{display:block;font-size:14px;margin-bottom:15px;padding-bottom:6px;border-bottom:1px solid #f8f8f8;}
ul.duties-list.list-view li .urgenza{display: none;}
ul.duties-list.list-view li .status{display: none;}
ul.duties-list.list-view li .data-apertura{display: none;}
ul.duties-list li .header-li span,ul.informations li{width:calc(100% / 4 - 6px);margin-right:8px;float:left;}
ul.duties-list li .header-li span:last-of-type,ul.informations li:last-of-type{margin-right:0;}
ul.duties-list li .header-li span:last-of-type{text-align:right;}
ul.duties-list li .header-li span:nth-of-type(1){width:calc(35% - 6px);}
ul.duties-list li .header-li span:nth-of-type(3),ul.duties-list li .header-li span:nth-of-type(4){width:calc(20% - 6px);}
ul.duties-list.list-view li .aperto-da{margin-top: 4px;} 
ul.lista-aderenti-ul li .header-li span,ul.lista-aderenti-ul li .header-li span.data-apertura{width:100%;text-align:right;float:none;display:block;}
ul.duties-list li .bottom-li{font-size:14px;padding-top:6px;border-top:1px solid #f8f8f8;}
ul.duties-list.list-view li .bottom-li{font-size:14px;padding-top:6px;border-top:0px solid #f8f8f8;}
ul.duties-list li .bottom-li .open-to{width:50%;margin-bottom:10px;float:left;}
ul.duties-list.list-view li .bottom-li .open-to{width:33%;margin-bottom:10px;float:left;}
ul.lista-aderenti-ul li .bottom-li .open-to{width:48%;}
ul.duties-list li .bottom-li .functions{width:100%;}
ul.duties-list li .bottom-li .functions a,ul.note li .functions a.view{background:#196bb5;width:47%;margin-left:6%;padding:3px 5px;display:inline-block;float:right;color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul.duties-list li .bottom-li .functions a{width:auto;padding:3px 35px;}
ul.note li .functions a.view{width:auto;}
ul.duties-list li .bottom-li .functions a:last-of-type{margin-left:0;}
ul.duties-list li .bottom-li .functions a.modify{background:#000;}
ul.duties-list li .date-end,.deadline{background:#bb1838;color:#fff;font-size:12px;font-weight:bold;margin-bottom:10px;padding:6px 9px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;float:right;}
ul.duties-list.list-view li .date-end{display: none;}
ul.duties-list.list-view li .date-end-list-view{display: block;background:#bb1838;color:#fff;font-size:12px;font-weight:bold;padding:6px 9px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;float:right;}
ul.duties-list li .date-end-list-view{display: none;}
.created-by,ul.informations{font-size:14px;margin-bottom:15px;}
ul.informations{margin-top:-15px;padding-bottom:5px;border-bottom:1px solid #dddddd;}
ul.functions-attivita li{float:left;margin-right:10px;font-size:14px;font-weight:normal;}
ul.functions-attivita li a{background:#bb1838;color:#fff;padding:6px 9px;font-weight:normal;}
ul.functions-attivita li a#aggiungi-nota{background:#196bb5;}
ul.functions-attivita li a.modify{background:#000;}
ul.functions-attivita li a#riapri-attivita{background:#326a0f;}
.descrizione{background:#fff;font-size:18px;padding:15px;line-height:24px;margin-bottom:25px;border: 1px solid #eeeeee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.descrizione p{margin-bottom:15px;}
.descrizione-view{background:#fff;font-size:18px;padding:15px;margin-bottom:30px;border: 1px solid #eeeeee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.descrizione-view p{font-size:18px;margin-bottom:15px;}
.descrizione-view p:last-of-type{margin-bottom:0;}
.descrizione-view ul,.descrizione-view ol{margin-bottom:15px;font-size:18px;}
.descrizione-view ul li,.descrizione-view ol li{margin-bottom:5px;margin-left:30px;}
.descrizione-view ul li{list-style:disc;}
.form-note,.form-modifica-note,.form-richiedente{background:#fff;width:650px;position:fixed;top:50%!important;left:50%;margin:-100px 0 0 -337px;padding:20px 20px 5px 20px;z-index:10;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form-note{transform: translate(-50%,-50%);margin:auto;}
.form-modifica-note{position:static;margin:0;padding:20px 0 0 0;display:block;text-align:left;}
.form-richiedente{margin-top:-196px;}
#overlay{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9;filter: alpha(opacity=50);opacity: 0.5;}
ul.confirm li{background:#196bb5;width:48%;margin-top:5px;padding:5px 0;font-size:20px;color:#fff;margin-right:4%;;float:left;}
ul.confirm li:last-of-type{background:#bb1838;margin-right:0;}
ul.confirm li a{width:100%;height:100%;display:block;color:#fff;}
ul#filtra-attivita{background:#495965;color:#fff;padding:10px;font-size:14px;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul#filtra-attivita li{width:calc(100% / 4 - 15px);margin-right:20px;float:left;}
ul#filtra-attivita li:last-of-type,ul#filtra-attivita li:nth-of-type(4n+4){margin-right:0;}
ul#filtra-attivita li span{display:block;margin-bottom:3px;}
ul#filtra-attivita input[type="text"],ul#filtra-attivita select{font-size:16px;padding:8px 5px;}
ul#filtra-attivita select{padding:8px 35px 8px 5px;}
ul.visualizzato-da{border-top:1px solid #f8f8f8;margin-top:10px;padding-top:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list-view ul.visualizzato-da{display: none;}
ul.visualizzato-da li{width:auto;border:none;padding:0;font-size:13px;font-weight:bold;list-style:disc;margin:5px 0 5px 10px;float:left;}
ul.visualizzato-da li.title{font-size:15px;font-weight:normal;margin:0 0 5px 0;display:block;float:none;}
ul.visualizzato-da li:nth-of-type(2){margin-left:25px;}
a#close{font-size:13px;background:#bb1838;color:#fff;text-align:center;display:block;padding:12px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;}
.user{font-size:19px;font-weight:bold;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;}
.user img{vertical-align:middle;margin-right:10px;}
ul.riepilogo-attivita{margin-left:20px;}
ul.riepilogo-attivita li{list-style:disc;margin-bottom:20px;}
ul.riepilogo-attivita li h6{margin-bottom:15px;font-size:17px;}
ul.riepilogo-attivita li ul{margin-left:40px;}
ul.riepilogo-attivita li ul li{list-style:disc;margin:0 0 4px 0;}
ul.riepilogo-attivita li ul li ul{margin-top:5px;}
#response-anagrafiche{background:#fff;width:100%;max-height:150px;margin-top:-12px;padding:20px 15px 0 15px;display:none;overflow:scroll;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#response-anagrafiche li{width:100%;display:block;padding:5px;float:none!important;}
#response-anagrafiche li:nth-of-type(2n){float:none;}
#response-anagrafiche li:hover{background:#f2f2f2;}
.allegati{margin-bottom:5px;}
.allegati li{width:calc(49% - 20px)!important;list-style:disc;margin:0 0 5px 20px;}
.allegati li img{vertical-align:middle;margin-left:10px;max-width:15px;}
.note .allegati h4{font-size:15px;margin:10px 0 0 0;}
.note .allegati li{width:auto;border:none;font-size:14px;padding:5px;display:inline-block;margin-left:10px;}
.allegati li:last-of-type{margin-bottom:0;}
.lista-aderenti,.lista-aderenti-singolo{width:100%;border-collapse:collapse;}
.lista-aderenti tr,.lista-aderenti thead tr,.lista-aderenti thead tr:last-of-type{border-bottom:1px solid #ececec;}
.lista-aderenti tr.border-thick{border-bottom:2px solid #454545;}
.lista-aderenti tr:last-of-type{border-bottom:none;}
.lista-aderenti thead tr td,.lista-aderenti-singolo thead tr td{font-weight:bold;text-transform:uppercase;}
.lista-aderenti tr td,.lista-aderenti-singolo tr td{padding: 7px 3px;}
.lista-aderenti tr td span,.lista-aderenti-singolo tr td span{font-weight:bold;font-size:14px;}
.lista-aderenti-singolo tr{background:#fff;}
.lista-aderenti-singolo tr.higher td,.lista-aderenti-singolo thead tr td{border-bottom:20px solid #f9f9f9;}
.form-modifica-note #aggiungi-allegato{font-size:14px;}
.submit-nota li{width:49%;float:left;clear:left;}
.submit-nota  li:nth-of-type(2n){float:right;clear:none;}
.utenti li{width:calc(100% / 5 - 20px);margin-right:25px;padding:10px;text-align:center;float:left;}
.utenti li:nth-of-type(5),.utenti li:nth-of-type(10),.utenti li:nth-of-type(15){margin-right:0;}
.utenti li img{margin-bottom:10px;}
.utenti li h2{font-size:17px;margin-bottom:10px;text-align:left;}
.utenti li ul li{background:none;padding:0;width:100%;float:none;margin:0 0 5px 0;text-align:left;font-size:15px;border:none;}
.confirmation{background:#fcf3f6;color:#bb1838;margin-bottom:20px;padding:40px 20px;text-align:center;border:2px solid #e7adb9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.confirmation.correct{background:#e4f9d0;color:#221f1f;border:2px solid #83b86a;}
.confirmation p{text-align:center;font-size:18px;margin-bottom:50px;}
h6.field-info{margin-bottom:0;}
.field-info span{background:#ffffff;display:inline-block;padding:2px 6px;font-size:11px;border:1px solid #aeaeae;margin-left:5px;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;}
.roles{width:100%;border-collapse: collapse;}
.roles tr:hover td{background:#fff;}
.roles tr td{padding: 8px 0;border-bottom:1px solid #ececec;}
.roles tr.header-table td{background:#495965;color:#fff;}
.remarks-container{width:100%;}
.remarks-table-container{width:calc(50% - 10px);margin-right: 20px; float: left;}
.remarks-container .remarks-table-container:nth-of-type(2n){margin-right:0;}
.remarks-table-container h2{margin-bottom: 3px;}
.remarks{width:100%;border-collapse: collapse;margin-top: 5px;}
.remarks tr:hover td{background:#fff;}
.remarks tr td{padding: 8px 0;border-bottom:1px solid #ececec;text-align: center;}
.remarks tr.header-table td{background:#495965;color:#fff;}
.remarks tr.header-remarks-table td{background:#495965;color:#fff;text-align: center;}
.deadline{display:inline-block;float:none;margin-left:30px;}
/*.order-by{position:absolute;top:0;right:0;}*/
.list-type{position:absolute;top:0;right:0;display: inline-flex;} 
/*.list-type img{height: 18px;border-style: solid;border-color: #5C6871;padding: 3px;border-width: thin;}*/
.list-type img{height: 27px;}
.order-by{position:absolute;top:0;right:0;}
.order-by span{font-size:17px;}
.order-by select{width:auto;padding:5px 30px 5px 6px;background-size:12px;font-size:13px;margin-left:10px;}
.order-by-midhun span{font-size:17px;}
.order-by-midhun select{width:auto;padding:5px 30px 5px 6px;background-size:12px;font-size:13px;margin-left:10px;margin-right: 10px;}
#list-view{margin-left: 5px;}
#grid-view-icon img{margin-right: 5px;}
.last-remark{background:#f9f9f9;padding:5px;border:1px solid #eeeeee;position:absolute;top:15px;right:15px;font-size:14px;}
#content,#navigation{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#navigation{width:230px;float:left;text-align:left;}
#navigation ul li,#navigation ol li{padding:15px 15px;border-bottom:1px solid #f0f0f0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#navigation ul li a{font-weight:normal;}
.nav-user,.nav-files{width:170px;font-size:15px;text-align:center;float:left;}
.user-image{max-width:100%;}
#user-name{margin-bottom:0;}

#bg-overlay,#bg-overlay-2{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;opacity:.65;filter:alpha(opacity=75);filter:"alpha(opacity=65)";z-index:9;display:none;}
#menu-bg{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;opacity:.65;filter:alpha(opacity=75);filter:"alpha(opacity=65)";z-index:9;}
#message-div{background:#fff;padding:10px 40px;font-weight:bold;font-size:24px;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);z-index:10;}
#message-div-2,.login-div{background:#fff;width:550px;padding:25px 25px;text-align:left;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;display:none;}
#bg-overlay-2{z-index:7;}
#message-div-2{z-index:8;max-height:85%;overflow-x:scroll;}
.login-div{background:none;padding:0;width:800px;display:block;}
.submit-cancel,.conferma-elimina{background:#495965;color:#fff;font-size:17px;font-weight:bold;display:block;text-align:center;border:none;text-transform:uppercase;}
.submit-cancel{background:#bb1838;}
.login-logo,.login{text-align:center;width:46%;float:left;}
.login-logo{position:absolute;top:50%;transform:translateY(-50%);}
.login-logo img{max-width:100%;margin-bottom:10px;}
.login-logo p{width:80%;margin:auto;}
.login{background:#fff;padding:25px;text-align:left;border:1px solid #f0f0f0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.login h1{width:100%;padding:0;}
.login ul li{margin-bottom:15px;}
.login ul li input[type="text"],.login ul li input[type="password"]{margin-top:5px;}
.login ul li input[type="submit"]{width:100%;}

input[type="text"],input[type="password"],textarea,select,input[type="submit"],input[type="date"]{width:100%;background-color: #fff;padding:12px 10px;vertical-align: top;border:none;border-radius:2px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;outline: 0 none;margin-bottom:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="date"]{padding:9px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="submit"]{background:#495965;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select{background-image:url("arrow-select.png");background-repeat:no-repeat;background-position:96% center;padding-right:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea{min-height:280px;}
input[type="file"]{margin-bottom:8px;}
input[type="submit"].white-submit{background:#fff;color:#196bb5;}
input[type="text"].red,input[type="password"].red,select.red,input[type="radio"].red,input[type="date"].red,textarea.red{background:#f9dfe4;border:1px solid #bb1838;}

a{text-decoration:none;color:#1EA8E0;font-weight:bold;}
strong{font-weight:bold;}

#message-div{background:#fff;padding:20px;font-weight:bold;font-size:24px;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);z-index:10;}

.login-bg{background:#f5f5f5;}
.clear { display: block; clear: both; }
.list-view-hidden{display: none!important}
.hidden { display:none; }
.width-100{width:100%!important;float:none!important;clear:both;display:block;}
.border-bottom-solid{border-bottom:1px solid #ececec;}
.font-normal{font-weight:normal;}
.font-bold{font-weight:bold;}
.font-size-16{font-size:16px;}
.font-size-14{font-size:14px;}
.padding-5{padding:5px;}
.color-white{color:#fff;}
.color-red{color:#bb1838;}
.background-red{background:#bb1838;}
.margin-top-5{margin-top:5px;}
.margin-bottom-20{margin-bottom:20px;}
.text-align-right{text-align:right;}
.display-none,#show-menu{display:none!important;}

.spacer-5 { display: block; height: 5px !important; }
.spacer-10 { display: block; height: 10px !important; }
.spacer-15 { display: block; height: 15px !important; }
.spacer-20 { display: block; height: 20px !important; }
.spacer-25 { display: block; height: 25px !important; }
.spacer-30 { display: block; height: 30px !important; }
.spacer-35 { display: block; height: 35px !important; }
.spacer-40 { display: block; height: 40px !important; }
.spacer-50 { display: block; height: 50px !important; }
.spacer-60 { display: block; height: 60px !important; }
.spacer-70 { display: block; height: 70px !important; }
.spacer-80 { display: block; height: 80px !important; }
.spacer-90 { display: block; height: 90px !important; }
.spacer-100 { display: block; height: 100px !important; }