/* PER LE FORMATTAZIONI IN TINYMCE DEI DECRETI*/
@font-face {
    font-family: 'times';
    src: url('../fonts/timesnewroman.woff2') format('woff2'),
        url('../fonts/timesnewroman.woff') format('woff'),
        url('../fonts/timesnewroman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'palacescriptmt';
    src: url('../fonts/palacescriptmt.woff2') format('woff2'),
        url('../fonts/palacescriptmt.woff') format('woff'),
        url('../fonts/palacescriptmt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff'),
        url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: semibold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: extrabold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


* {margin: 0; padding: 0;}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {--header_height: 80px;}
/* html.file-manager {padding: 0;} */
body {font-family: 'OpenSans'; font-size: 14px; font-weight: normal; color: #111111;}
body.no-scroll {height: 100%; overflow: hidden;}
img, input[type="checkbox"] {border: 0;}
b {font-weight: bold;}
ul {display: block; margin: 0;}
li {display: block;}
table {border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse;}
a {color: #0974C4; text-decoration: none;}
a:hover {text-decoration: underline;}
input, select, textarea {color: #111111;}
fieldset {border: solid 1px #D6D8D7; margin: 10px; padding: 10px;}
legend {padding: 0.2em 0.5em; border: solid 1px #D6D8D7; font-size: 90%; text-align: center;}
button {font-size: 1rem}
input[type=text],input[type=password], input[type=date], input[type=datetime-local], select, textarea {
  border: 1px solid #b0c1d4;
  border-radius: 3px;
  padding: 0 5px;
  outline: 0;
  height: 30px;
  /* width: 100%; */
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: font-size: 1rem;
  font-weight: bold;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* Questo funziona ma vincola, perchè la checkbox non può stare nella label, quindi bisogna usare gli id e i label for, quindi è complicato nelle liste con l'elimina -> id[] -usato questo alla fine */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute; left: -9999px;}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {position: relative; padding-left: 20px; cursor: pointer;   -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 1px solid #b0c1d4; background: #ffffff; border-radius: 3px;}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {content: '\2713\0020'; position: absolute; top: 2px; left: 3px; font-size: 14px; line-height: 14px; color: #09ad7e;}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {opacity: 0;}
[type="checkbox"]:checked + label:after {opacity: 1;}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;}
[type="checkbox"]:disabled:checked + label:after {color: #999;}
[type="checkbox"]:disabled + label {color: #aaa;}

/* 
questo preso spunto da https://www.w3schools.com/howto/howto_css_custom_checkbox.asp parametrizzato, funciona benissimo ma richiede una span per il checkmark, alla fine ho preferito il precedente
es:<label class=\"checkbox_container\">FORZA&nbsp;LOGIN<input type=\"checkbox\" id=\"force_login\" name=\"force_login\" value=\"1\"".(isset($_REQUEST["force_login"]) && $_REQUEST["force_login"] == 1 ? " checked" : "")."><span class=\"checkmark\"></span></label>
*/
/* label.checkbox_container {display: inline-block; position: relative; padding-left: 22px; margin-bottom: 15px; height: 15px; line-height: 15px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} */
/* label.checkbox_container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} */
/* label.checkbox_container .checkmark {position: absolute; top: 0; left: 0; height: 15px; width: 15px; border: 1px solid #b0c1d4; border-radius: 3px; background-color: #ffffff;} */
/* label.checkbox_container .checkmark:after {content: ""; position: absolute; display: none;} */
/* label.checkbox_container input:checked ~ .checkmark:after {display: block;} */
/* label.checkbox_container .checkmark:after {content: '\2713\0020'; position: absolute; top: 1px; left: 2px; font-size: 14px; line-height: 14px; color: #09ad7e;} */


/*DYNAMIC LOADING*/
.loading {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998;}
.loading > .loading_container {position: relative; width: 20%; left: 50%; transform: translateX(-50%)}
.loading > .loading_container > .spin {text-align: center; font-size: 7pt; color: #ffffff;}

.loading > .loading_container > .advancement {display: none; margin-top: 4px;}
.loading > .loading_container > .advancement > .bar {width: 100%; height: 8px;}
.loading > .loading_container > .advancement > .bar > .fill {background-color: #ffffff; height: 100%; width: 0%}
.loading > .loading_container > .advancement > .percent {text-align: center; font-size: 7pt; color: #ffffff;}

/*BOXES*/

#session_timeout {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9999; display: none;} 
#session_timeout > .content {position: absolute; left: 50%; top:50%; width: 600px; height: 300px; background-color: #ffffff; border-radius: 3px 3px 0 0; transform: translateX(-50%) translateY(-50%); padding: 10px;}
#session_timeout > .content > .text_container {margin-left: 100px;}
#session_timeout > .content > .text_container:before {z-index:-1; position:absolute; left:0; top:0; content: url('../images/icon_warning.png'); opacity:0.4; background: url(../images/icon_warning.png) no-repeat left top; background-size: 100px 100px; width: 100px; height: 100px; content: "";
}
#session_timeout > .content > .text_container > .text {color: #333333; font-size: 14px; line-height: 2em;}
#session_timeout > .content > .text_container > .text > .seconds {font-weight: bold;}





/* #status_bar {width: 50%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;} */
/* #status_bar .open_menu {float: left; background: url(../images/icon_menu.png) no-repeat 0px center; background-size: auto 35px; padding-right: 34px; height: 30px;} */
/* #status_bar a {color: #ffffff; text-decoration: none;} */
/* #status_bar a:hover {color: #f2f5f8;} */
/* #user_bar {position: absolute; width: 50%; left: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; text-align: right; padding-right: 120px; padding-left: 20px;} */
/* #user_bar > .content:before {content: ''; background: url(../images/icon_user.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;} */
/* /* #user_bar:hover{overflow: visible; white-space: normal; text-align: left; background-color: #425b76; padding-left: 20px;} */ 
/* #logout_bar {position: absolute; right: 0; width: 110px; text-align: right; border-left: 1px solid #ffffff; z-index: 8888;} */
/* #logout_bar a {color: #ffffff; text-decoration: none; padding-right: 10px;} */
/* #logout_bar a:hover {text-decoration: none;} */
/* #logout_bar a:after {content: ''; background: url(../images/icon_logout.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;} */


/*FILE MANAGER*/
/* div.filemanager_header {position:relative; height: 30px; line-height: 30px; font-weight: normal; text-align: center; background-color: #425b76; color: #ffffff; font-size: 14px;} */
/* div.filemanager_header a.close {position: absolute; right: 4px; cursor: pointer; color: #ffffff; font-weight: bold; font-size: 40px;} */
/* div.filemanager_header a.close:hover {text-decoration: none;} */

/* a.file-manager-button {display: block; cursor: pointer; text-align: center; background-color: #E9EAEC; padding: 10px; margin-bottom: 10px; text-decoration: none;} */
/* a.file-manager-button:hover {background-color: #CDE5AC;} */

/*FK*/
/* div.fk_content {position: relative; display: inline-block; min-height: 20px; border-left: solid 1px #D6D8D7; padding: 3px;} */
div.fk_multi_content {position: relative; display: inline-block; min-height: 20px; max-height: 420px; min-width: 400px; overflow-y: auto; padding: 3px;}
div.fk_multi_content::-webkit-scrollbar{background:transparent;height:8px;width:8px}
div.fk_multi_content::-webkit-scrollbar-thumb{background:transparent;border:none;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
div.fk_multi_content:hover::-webkit-scrollbar-thumb{background-color:rgba(66,91,118,0.38)}
div.fk_multi_content::-webkit-scrollbar-thumb:hover{background-color:rgba(66,91,118,0.541)}
div.fk_content {position: relative; display: inline-block; min-height: 20px; max-width: 200px; border-left: solid 1px #D6D8D7; padding: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: clip;}
.fk_div_record_list, .fk_div_record_list_file {margin-top: 6px;}
.fk_div_record_list_file {width: 100%;}
.fk_div_record_list > tbody > tr > th, .fk_div_record_list_file > tbody > tr > th {padding: 3px;}
.fk_div_record_list > tbody > tr > td, .fk_div_record_list_file > tbody > tr > td {border-top: solid 1px #d6d8d7; padding: 3px;}
/* .fk_div_record_list > tbody > tr > td.file {width: 1px; white-space: nowrap} */
/* .fk_div_record_list > tbody > tr > td.right {text-align: right} */
.fk_div_record_list_file > tbody > tr > td.file {width: 1px; white-space: nowrap}
.fk_div_record_list_file > tbody > tr > td.right {text-align: right}


/*FOOTER*/
/* div.footer {position: fixed; width: 100%; height: 16px; bottom: 0; left: 0; background-color: #EAEAEB; border-top: 1px solid #5C5C5C; text-align: center; color: #000000; font-size: 7pt; background: linear-gradient(#BDBFC2, #FFFFFF); line-height: 15px;} */

/*GENERAL*/
/* .tooltip {cursor: help;} */
/* ul.checked_style {list-style: none; padding: 0px;} */
/* ul.checked_style > li {padding: 4px; margin: 0 15px; position: relative;} */
/* ul.checked_style > li div.checked:before {position: absolute; top: 4px; left: -15px; content: '\2713\0020'; color: green;} */

/*IMPORT*/
div.import_bar {background-color: #829E48; border: solid 1px #618A3B; color: #FFFFFF; padding: 3px; text-align: center;}
div.import {background-color: #FFFFFF; padding: 3px;}
div.import div.import_loading {display: none; height: 20px;}

/*INDEX*/
div.admin_index_category {clear: both; padding-left: 15px; font-size: 10pt; font-weight: bold; color: #000000; background: linear-gradient(#E9E9E9, #FFFFFF); box-shadow: 0px 2px 2px #AAAAAA; margin: 5px 0 5px 0; overflow: hidden;}
div.admin_index_category span.cat_title {box-shadow: 6px 0px 5px -5px #999, -6px 0px 5px -5px #999; padding: 5px; line-height: 2em;}
div.admin_index_module {width: 250px; height: 100px; overflow: hidden; padding: 2px; border: solid 1px #D6D6D6; float: left; margin: 0 10px 5px 5px; border-radius: 2px;}
div.admin_index_module div.image {width: 50px; height: 50px; overflow: hidden; float: left; margin-right: 4px;}
div.admin_index_module a.title {font-weight: bold; margin-bottom: 3px; text-decoration: none; color: #485E51; cursor: pointer;}
div.admin_index_module a.title:hover {text-decoration: underline;}
div.admin_index_module p.ok {clear: both; margin-top: 2px; background-color: #4dbd74; color: #FFFFFF; padding: 1px; font-weight: bold; border-radius: 2px; text-align: center;}
div.admin_index_module p.alert {clear: both; margin-top: 2px; background-color: #bf4a4a; color: #FFFFFF; padding: 1px; font-weight: bold; border-radius: 2px; text-align: center;}

/*INPUTS*/
.inputdisabled {border: none; background-color: transparent; cursor: default;}

/*JS*/
div.js_msg, div.js_var {display: none;}

/*LOGBAR*/
div.log_bar {display: table; width: 100%;}
div.log_bar div.container {display: table-cell; vertical-align: middle; text-align: center; width: 100%;}
div.log_bar div.container div.alert {display: inline-block; color: #FFFFFF; padding: 3px 3px 3px 30px; background-color: #FEF122; background-image: url('../images/icon_alert.png'); background-image: url('../images/icon_alert.png'), linear-gradient(#69612A, #FEF122); background-repeat: no-repeat; font-size: 12pt; font-weight: bold; margin-bottom: 5px;}
div.log_bar div.container div.alert a {color: #D1E920;}
div.log_bar div.container div.ok {color: #ffffff; padding: 10px; background-color: #4dbd74; font-size: 14px; font-weight: normal; margin-bottom: 5px;}
div.log_bar div.container div.ko {color: #ffffff; padding: 10px; background-color: #bf4a4a; font-size: 14px; font-weight: normal; margin-bottom: 5px;}

/*LOGIN*/
div.login_box {width: 400px; margin: 0 auto; background-color: #f2f5f8; border: 1px solid #b0c1d4; border-radius: 0 0 3px 3px; box-sizing: border-box; padding: 20px; color: #333333; font-size: 12px; font-weight: bold;}
div.login_box div.login_box_error {background: #FF0000; padding: 4px; color: #FFFFFF; margin-bottom: 5px; border-radius: 0.5em;}
div.login_disclaimer {width: 400px; height: 30px; line-height: 30px; margin: 150px auto 0; text-align:center; background-color: #425b76; border-radius: 3px 3px 0 0; color: #ffffff; font-size: 14px;}
div.login_disclaimer span:before {content: ''; background: url(../images/icon_login.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;}
div.login_box div {margin-bottom:15px;}


#header {position: fixed; height: var(--header_height); width: 100%; top: 0; left: 0; background-color: #425b76; border-bottom: 1px dotted #f2f5f8; z-index: 9997;}
#header > .logo {position: absolute; top: 0; right: 0; height: var(--header_height); width: 300px; background: transparent url('../images/logo.png') no-repeat right center; margin-right: 15px;}
#header > #status_bar > .open_menu {position: absolute; top: 0; left: 0; height: var(--header_height); width: var(--header_height); background: url(../images/icon_menu.png) no-repeat center center; background-size: auto calc(var(--header_height) - 10%); border-right: 1px dotted #f2f5f8;}
#header > #status_bar {height: var(--header_height); font-size: 2rem; color: #f2f5f8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: calc(var(--header_height) + .1em);
    line-height: var(--header_height); margin-right: 300px;}
#header > #status_bar a {color: #ffffff; text-decoration: none;} 
#header > #status_bar a:hover {color: #f2f5f8;} 

/* #main_content {background-color: #FFFFFF; margin-top:80px; height: var(--header_height)} */
#main_content {position: absolute; top: var(--header_height); height: calc(100vh - var(--header_height)); width: 100%; overflow-y: auto; background-color: #ffffff; z-index: 0;}
#main_content::-webkit-scrollbar{background:rgba(66,91,118,0.38);height:8px;width:8px}
#main_content::-webkit-scrollbar-thumb{background:rgba(66,91,118,0.541);border:none;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
#main_content:hover::-webkit-scrollbar-thumb{background-color:rgba(66,91,118,0.38)}
#main_content::-webkit-scrollbar-thumb:hover{background-color:rgba(66,91,118,0.541)}


#bottom_content {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2; display: none;} 
#bottom_content > .content {position: absolute; bottom: 0; width: 100%; height: calc(100vh - var(--header_height)); overflow-y: auto; background-color: #ffffff; display: none;}
#bottom_content > .content::-webkit-scrollbar{background:transparent;height:8px;width:8px}
#bottom_content > .content::-webkit-scrollbar-thumb{background:transparent;border:none;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
#bottom_content > .content:hover::-webkit-scrollbar-thumb{background-color:rgba(66,91,118,0.38)}
#bottom_content > .content::-webkit-scrollbar-thumb:hover{background-color:rgba(66,91,118,0.541)}

#bottom_content > .content .workspace_header {position: relative; height: 30px; line-height: 30px; font-weight: normal; text-align: left; background-color: #425b76; color: #ffffff; font-size: 14px; padding: 0 20px 0 10px}
#bottom_content > .content .workspace_header > a.close {position: absolute; right: 4px; cursor: pointer; color: rgb(255, 255, 255); font-weight: bold; font-size: 40px;}
#bottom_content > .content .workspace_header > a.close:hover {text-decoration: underline;}

#right_content {z-index: 1;}
#right_content_2 {z-index: 3;}

.right_content {position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100vh - var(--header_height)); background: rgba(0, 0, 0, 0.4); display: none;} 
.right_content > .content {position: absolute; right: 0; width: 50%; height: 100%; overflow-y: auto; background-color: #ffffff; display: none;}
.right_content > .content::-webkit-scrollbar{background:rgba(66,91,118,0.38);height:8px;width:8px}
.right_content > .content::-webkit-scrollbar-thumb{background:rgba(66,91,118,0.541);border:none;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
.right_content > .content:hover::-webkit-scrollbar-thumb{background-color:rgba(66,91,118,0.38)}
.right_content > .content::-webkit-scrollbar-thumb:hover{background-color:rgba(66,91,118,0.541)}

.right_content > .content .workspace_header {position: relative; height: 30px; line-height: 30px; font-weight: normal; text-align: left; background-color: #425b76; color: #ffffff; font-size: 1rem; padding: 0 20px 0 10px}
.right_content > .content .workspace_header > a.close {position: absolute; right: 4px; cursor: pointer; color: rgb(255, 255, 255); font-weight: bold; font-size: 40px;}
.right_content > .content .workspace_header > a.close:hover {text-decoration: underline;}
[data-workspace] {position: absolute; width: 100%; height: 100%; background-color: #ffffff;}

#menu_side_bar {position: absolute; width: 0px; height: calc(100vh); background-color: transparent; vertical-align: top; display: block; z-index: 9997;}
/* #menu_side_bar > .content {background-color: #425b76;} */
#menu_side_bar > .content {width: 350px; height: 100%; margin-left: -350px; background-color: #425b76; overflow-y: scroll; border-right: 1px dotted #f2f5f8}
#menu_side_bar > .content::-webkit-scrollbar{background:transparent;height:8px;width:8px}
#menu_side_bar > .content::-webkit-scrollbar-thumb{background:transparent;border:none;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none}
#menu_side_bar > .content:hover::-webkit-scrollbar-thumb{background-color:rgba(245,245,248,0.38)}
#menu_side_bar > .content::-webkit-scrollbar-thumb:hover{background-color:rgba(245,245,248,0.541)}
#menu_side_bar > .content > .user {
  background: url(../images/icon_user.png) no-repeat center 30px;
  background-size: 120px auto;
  padding: 140px 10px 0px 10px;
  margin-bottom: 40px;
  color: #f2f5f8;
  text-align: center;
  font-size: 1.2rem;
}
#menu_side_bar > .content > .user > .home {color: #ffffff; text-decoration: none; padding-right: 10px;}
#menu_side_bar > .content > .user > .home:hover {text-decoration: none;}
#menu_side_bar > .content > .user > .home:after {content: ''; background: url(../images/icon_home.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;}
#menu_side_bar > .content > .user > .logout {color: #ffffff; text-decoration: none; padding-right: 10px;}
#menu_side_bar > .content > .user > .logout:hover {text-decoration: none;}
#menu_side_bar > .content > .user > .logout:after {content: ''; background: url(../images/icon_logout.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;}
#menu_side_bar > .content > .user > .settings {color: #ffffff; text-decoration: none; padding-right: 10px;}
#menu_side_bar > .content > .user > .settings:hover {text-decoration: none;}
#menu_side_bar > .content > .user > .settings:after {content: ''; background: url(../images/icon_settings.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;}
#menu_side_bar > .content > .user > .file_manager {color: #ffffff; text-decoration: none; padding-right: 10px;}
#menu_side_bar > .content > .user > .file_manager:hover {text-decoration: none;}
#menu_side_bar > .content > .user > .file_manager:after {content: ''; background: url(../images/icon_file_manager.png) no-repeat center center; background-size: auto 25px; padding-right: 25px;}

#menu_side_bar > .content > .accordion, #menu_side_bar > .content > .accordion_menu {
  background-color: transparent;
  color: #f2f5f8;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.4rem;
}

#menu_side_bar > .content > .accordion {
  transition: 0.4s;
}

#menu_side_bar > .content > .active, #menu_side_bar > .content > .accordion:hover {
  /* background-color: rgba(0, 0, 0, 0.4); */
}

#menu_side_bar > .content > .accordion:after {
  content: '\002B';
  color: #f2f5f8;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

#menu_side_bar > .content > .active:after {
  content: "\2212";
}

#menu_side_bar > .content > .panel, #menu_side_bar > .content > .panel_menu {
  margin-left:25px;
  background-color: transparent;/*rgba(0, 0, 0, 0.4);*/
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

#menu_side_bar > .content > .panel{max-height: 0;}

#menu_side_bar > .content > .panel > li, #menu_side_bar > .content > .panel_menu > li {
  /* background-image: url('../images/icon_menu_delete.png'); */
  /* background-repeat: no-repeat; */
  /* background-position:0px center; */
  /* background-size: auto 40px; */
  color: #f2f5f8;
  font-size: 1.2rem;
  padding-left: 40px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  cursor: pointer;
}


/*MENU BAR*/
/*dovrebbe sostituire le searchbar e le newrecordbar*/
.menu_bar, .popup_menu_bar {height: 30px; line-height:30px; position: relative; padding: 5px 10px;}
.menu_bar > a.item, .popup_menu_bar > a.item {float:left; margin-right: 10px; color: #2579d2; font-size: 14px; font-weight: normal; text-decoration: none;}
.menu_bar > a.back_button:before, .popup_menu_bar > a.back_button:before {content: ''; background: url(../images/icon_menu_back.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}
.menu_bar > a.delete_button:before, .popup_menu_bar > a.delete_button:before {content: ''; background: url(../images/icon_menu_delete.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}
.menu_bar > a.select_button:before, .popup_menu_bar > a.select_button:before {content: ''; background: url(../images/icon_menu_select.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}
.menu_bar > a.new_button:before, .popup_menu_bar > a.new_button:before {content: ''; background: url(../images/icon_menu_new.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}
.menu_bar > a.filter_button:before, .popup_menu_bar > a.filter_button:before {content: ''; background: url(../images/icon_menu_filter.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}
.menu_bar > a.export_button:before, .popup_menu_bar > a.export_button:before {content: ''; background: url(../images/icon_menu_export.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}
.menu_bar > a.filter_button_on, .popup_menu_bar > a.filter_button_on {color: #4dbd74;}
.menu_bar > a.filter_button_on:before, .popup_menu_bar > a.filter_button_on:before {content: ''; background: url(../images/icon_menu_filter_on.png) no-repeat center center; background-size: auto 25px; padding-left: 27px;}

/*MENU DEI MODULI*/
.menu_module {float: left; background-color: #ffffff; width: 10%; height: 100%; overflow-y: auto;}
.menu_module button {display: block; background-color: inherit; color: black; padding: 8px 6px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s;}
.menu_module button.active {background-color: #b0c1d4; font-weight: bold;}

/* /*MENU BOX*/ */
/* #main_module_menu {position: fixed; width: 250px; padding: 0 2px 2px 2px; background: white; z-index: 9100; border-bottom-right-radius: 0.5em; top: 83px; left: -264px; box-shadow: 4px 4px 4px #AAAAAA; overflow: auto;} */
/* #main_module_menu a {display: block; color: #000000; padding: 3px;} */
/* #main_module_menu a:hover {text-decoration: none; background-color: #CDE5AC;} */
/* #main_module_menu a.close {display: block; width: 20px; height: 20px; float: right; background: transparent url('../images/btn_mod_menu_close.png') no-repeat center center; cursor: pointer; border: 0;} */
/* #main_module_menu div.menu_category {font-weight: bold; border-bottom: solid 1px #425b76; margin: 2px 0; padding: 3px; background-color: #EFEFEF;} */

/*MODAL*/
.modal {position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9100; display: none;}
.modal > .content {position: absolute; bottom: 0; width: 80%; height: 80%; overflow-y: auto; background-color: #ffffff; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); overscroll-behavior-block: auto;}
.modal > .content > .header {position: relative; height: 30px; line-height: 30px; background-color: #ffffff;}
.modal > .content > .header > .close {position: absolute; right: 4px; cursor: pointer; color: #425b76; font-weight: bold; font-size: 40px;}
.modal > .content > .header > .close:hover {text-decoration: none;}

/*NAVIGATION_BAR*/
/* div.navigation_bar {margin-bottom: 5px; overflow: hidden;} */
/* div.navigation_bar div.current {width: 280px; float: left; overflow: hidden;} */
/* div.navigation_bar div.row_per_page {width: 190px; float: right; overflow: hidden;} */
/* div.navigation_bar div.row_per_page form input[type="text"] {width: 30px; height: 14px; padding: 0; vertical-align: bottom; font-size: 8pt;} */
/* div.navigation_bar div.pages {float: left; text-align: center; min-width: 400px;} */
/* div.navigation_bar div.pages span.selected {font-weight: bold;} */
div.navigation_bar {display:table; box-sizing: border-box; width: 100%; overflow: hidden; font-size: 11px; padding: 10px; color: #415a76}
div.navigation_bar div.current {display: table-cell; width: 20%; text-align: right;}
div.navigation_bar div.row_per_page {display: table-cell; white-space: nowrap; width: 20%; text-align: left;}
div.navigation_bar div.pages {display: table-cell; width: 40%; text-align: center; font-size: 14px;}
div.navigation_bar div.pages span.selected {display: inline-block; height: 30px; width: 30px; line-height: 30px; background-color: #b0c1d4; border: 1px solid #b0c1d4; border-radius: 3px; color: #415a76; font-weight: bold;}
div.navigation_bar div.pages a {display: inline-block; height: 30px; width: 30px; line-height: 30px; background-color: #ffffff; border: 1px solid #b0c1d4; border-radius: 3px; color: #415a76; text-decoration: none;}

div.popup_navigation_bar {display:table; box-sizing: border-box; width: 100%; overflow: hidden; font-size: 11px; padding: 10px; color: #415a76}
div.popup_navigation_bar div.current {display: table-cell; width: 20%; text-align: right;}
div.popup_navigation_bar div.row_per_page {display: table-cell; white-space: nowrap; width: 20%; text-align: left;}
div.popup_navigation_bar div.pages {display: table-cell; width: 40%; text-align: center; font-size: 14px;}
div.popup_navigation_bar div.pages span.selected {display: inline-block; height: 30px; width: 30px; line-height: 30px; background-color: #b0c1d4; border: 1px solid #b0c1d4; border-radius: 3px; color: #415a76; font-weight: bold;}
div.popup_navigation_bar div.pages a {display: inline-block; height: 30px; width: 30px; line-height: 30px; background-color: #ffffff; border: 1px solid #b0c1d4; border-radius: 3px; color: #415a76; text-decoration: none;}

/*PATH BAR*/
div.path {padding-bottom: 3px; border-bottom: solid 1px #CCCCCC; margin-bottom: 10px;}

/*PROGRESS BAR*/
div.main_progress_bar {width: 300px; margin: 5px auto 5px auto; background-color: white; border: solid 1px #D8D8D8; padding: 5px; text-align: center; overflow: hidden;}
div.main_progress_bar div.progress_bar {margin-top: 3px; overflow: hidden;}
div.main_progress_bar div.progress_bar div.bar_container {width: 268px; height: 8px; border: solid 1px #111111; float: left; padding: 1px;}
div.main_progress_bar div.progress_bar div.bar_container div.bar {background-color: #111111; height: 8px; width: 0%;}
div.main_progress_bar div.progress_bar div.percent {text-align: center; font-size: 7pt; color: #111111;}

/*RECORD FORM*/
table.record {width: 100%;}
table.record > tbody > tr {border-top: 1px solid #ffffff;}
table.record > tbody > tr:first-child {border: none;}
table.record > tbody > tr:last-child {border-top: 1px solid #b0c1d4;}
table.record tr td, table.record tr th {padding: 6px; font-size: 9pt; text-align: left;}
table.record tr td.left_column {position: relative; vertical-align: top; width: 250px; background-color: #f2f5f8; font-size: 1rem; color: #333333; font-weight: bold; padding-right: 25px;}
table.record tr td.left_column > .help {position: absolute; right: 0px; top: 0px;}
table.record tr td.right_column {background-color: #f2f5f8; color: #333333;}
table.record tr td.right_column > * {vertical-align : middle;}
table.record tr td.right_column input[type="text"], table.record tr td.right_column select {width: 300px;}
/* table.record tr td.right_column table th {border: solid 1px; padding: 3px;} */
/* table.record tr td.right_column table td {border: solid 1px; padding: 3px;} */
table.record tr td.submit_column {border-top: #b0c1d4; background-color: #FFFFFF; font-weight: bold;}
table.record tr td.title {background-color: #f2f5f8; border-bottom: solid 1px #f2f5f8; border-top: 3px solid #ffffff; font-size: 11pt;}
div.form_err_msg {margin-top: 3px; color: #BF4A4A; display: none;}
table.module_permission {table-layout: fixed;}
table.module_permission > tbody > tr {border: none;}
table.module_permission tr th {width: 50px; padding: 3px; font-size: 8pt; text-align: left; font-weight: bold; overflow: hidden;}
table.module_permission tr td {width: 50px; padding: 3px; font-size: 8pt; text-align: left;}

/*RECORD LIST*/
/* div.new_record_bar {background: #D8D9DB url('../images/insert_new.png') no-repeat top left; width: 79px; padding: 1px 1px 1px 16px; line-height: 1em; margin-bottom: 5px;} */
/* div.new_record_bar a {color: #000000; text-decoration: none; font-size: 8pt;} */
/* div.new_record_bar a:hover {color: #0974C4;} */
.record_list {width: 100%; border-spacing: 1px 1px; border-collapse: separate; padding: 0 10px;}
.record_list tr.row_1 {background-color: #eaf0f6; cursor: pointer;}
.record_list tr.row_1:hover {background-color: #b0c1d4; cursor: pointer;}
.record_list tr.row_2 {background-color: #f2f5f8; cursor: pointer;}
.record_list tr.row_2:hover {background-color: #b0c1d4; cursor: pointer;}
.record_list tr.flat {cursor: auto;}
.record_list tr.flat:hover {cursor: auto;}
.record_list tr th {padding: 4px; color: #425b76; font-size: 1.2rem; font-weight: bold; text-align: left; background-color: #b0c1d4; vertical-align: middle;}
.record_list tr th a {color: #425b76; text-decoration: underline;}
.record_list tr th a.current {color: #ffffff; text-decoration: underline;}
.record_list tr th a.asc:after {content: "\25B2";}/* width: 0; display: inline-block;}*/
.record_list tr th a.desc:after {content: "\25BC";}/* width: 0; display: inline-block;}*/
.record_list tr th a:hover {text-decoration: underline;}
.record_list tr td {padding: 4px; font-size: 1rem;}
.record_list tr td.flat {cursor: auto;}
.record_list tr td.actions {white-space: nowrap;}
.record_list tr td.actions a img.icon_action {height: 25px;}
.record_list tr td span.alert {background-color: #bf4a4a; color: #ffffff; padding: 1px; font-weight: bold; border-radius: 2px;}
.record_list tr td div.lock_free {width: 15px; height: 15px; background-color: #92C64C; border-radius: 8px; border: solid 1px #646263;}
.record_list tr td div.lock_busy {padding: 3px; background-color: #EC0006; border-radius: 2px; color: #ffffff; text-align: center; border: solid 1px #646263;}
.record_list tr td p.ok {background-color: #4dbd74; color: #ffffff; padding: 1px; font-weight: bold; border-radius: 2px; text-align: center;}
.record_list tr td p.alert {background-color: #bf4a4a; color: #ffffff; padding: 1px; font-weight: bold; border-radius: 2px; text-align: center;}
.record_list tr td p.alert_2 {background-color: #FF8428; color: #FFFFFF; padding: 1px; font-weight: bold; border-radius: 2px; text-align: center;}

.record_temp_list {width: 100%; border-spacing: 1px 1px; border-collapse: separate; background-color:#eaf0f6}
.record_temp_list tr {cursor: auto; background-color: #f2f5f8;}
.record_temp_list tr:hover {cursor: auto;}
.record_temp_list tr th {padding: 4px; color: #425b76; font-size: 12px; font-weight: bold; text-align: left; vertical-align: middle; background-color: #f2f5f8;}
.record_temp_list tr th a {color: #425b76; text-decoration: underline;}
.record_temp_list tr th a.current {color: #ffffff; text-decoration: underline;}
.record_temp_list tr th a.asc:after {content: "\25B2";}/* width: 0; display: inline-block;}*/
.record_temp_list tr th a.desc:after {content: "\25BC";}/* width: 0; display: inline-block;}*/
.record_temp_list tr th a:hover {text-decoration: underline;}
.record_temp_list tr td {padding: 4px; font-size: 12px;}
.record_temp_list tr td.flat {cursor: auto;}
.record_temp_list tr td.actions {width: 28px; background-color: #b0c1d4; text-align: center; font-weight: bold; color: #fff; cursor: pointer;}
.record_temp_list tr td.actions_disabled {width: 28px; background-color: #eaf0f6; text-align: center; font-weight: bold; color: #fff; cursor: default;}


.popup_record_list {width: 100%; border-spacing: 1px 1px; border-collapse: separate;}
.popup_record_list tr.row_1 {background-color: #eaf0f6; cursor: pointer;}
.popup_record_list tr.row_1:hover {background-color: #b0c1d4; cursor: pointer;}
.popup_record_list tr.row_2 {background-color: #f2f5f8; cursor: pointer;}
.popup_record_list tr.row_2:hover {background-color: #b0c1d4; cursor: pointer;}
.popup_record_list tr.flat {cursor: auto;}
.popup_record_list tr.flat:hover {cursor: auto;}
.popup_record_list tr td a img.icon_action {height: 25px;}
.popup_record_list tr th {padding: 4px; color: #425b76; font-size: 14px; font-weight: bold; text-align: left; background-color: #b0c1d4;}
.popup_record_list tr th a {color: #425b76; text-decoration: underline;}
.popup_record_list tr th a.current {color: #ffffff; text-decoration: underline;}
.popup_record_list tr th a.asc:after {content: "\25B2";}/* width: 0; display: inline-block;}*/
.popup_record_list tr th a.desc:after {content: "\25BC";}/* width: 0; display: inline-block;}*/
.popup_record_list tr th a:hover {text-decoration: underline;}
.popup_record_list tr td {padding: 4px; font-size: 12px;}
.popup_record_list tr td.nowrap {white-space: nowrap;}

/*SEARCH BAR*/
div.search_bar {background-color: #f2f5f8; padding: 3px; display: none; border-bottom: 1px solid #b0c1d4; font-size: 12px; color: #333333;}
/* div.search_bar form input[type="text"] {width: 150px; height: 14px; padding: 0; vertical-align: bottom; font-size: 8pt;} */
/* div.search_bar form select {height: 18px; vertical-align: bottom; font-size: 8pt;} */
div.search_bar input[type="text"], div.search_bar form select {width: 150px;}
div.search_bar .submit {height: 30px; line-height: 30px; text-align: center; padding-top: 5px; font-size: 12px;}
div.search_bar .row {text-align: center; margin-bottom: 5px;}
div.search_bar .row label {margin-right: 30px; font-weight: bold;}
div.search_bar .row .selectmultiple {position: relative; display: inline-block; margin-right: 30px;}
div.search_bar .row .selectmultiple > label {margin-right: 0px;}/*pezza prima di risolvere mettendo ogno elemento di search in un div*/
div.search_bar .row .selectmultiple > a > img {vertical-align: middle;}
div.search_bar .row .selectmultiple .selectbox {position: relative;}
div.search_bar .row .selectmultiple .selectbox .selectover {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
div.search_bar .row .selectmultiple .selectcheckboxes {display: none; border: 1px solid #b0c1d4; background-color: #ffffff; position: absolute; right: 10px; top: 29px;}
div.search_bar .row .selectmultiple .selectcheckboxes label {display: block; text-align: left; margin: 4px; z-index: 2;}
/* div.search_bar form .row .selectmultiple .checkboxes label:hover {background-color: #1e90ff;} */
}


/*CUSTOM*/
div.ul-browse ul {
  display: block;
  list-style-type: disc;
  margin: 0;
  padding-left: 20px;
}
div.ul-browse ul li {
  display: list-item;
}
div.ul-browse ul li a.disabled {
  color: #111111;
  cursor: default;
}
div.ul-browse ul li a.disabled:hover {
  text-decoration: none;
}

.elenco_header {background-color: #eaf0f6; font-size: 14px; font-weight: bold; text-align: center; padding: 4px;}

.elenco_list1 {width: 100%; border-spacing: 4px; border-collapse: collapse; background-color: #ffffff; color: #111111; margin-bottom: 4px;}
.elenco_list1 > tbody > tr {border-bottom: 1px solid #ffffff; vertical-align:top;}
.elenco_list1 > tbody > tr > td {width: 70%; font-size: 14px; font-weight: normal; text-align: left; padding: 4px; vertical-align:top;}
.elenco_list1 > tbody > tr > td:first-child {width: 30%; font-size: 12px; font-weight: bold; text-align: right; text-transform: uppercase; background-color: #eaf0f6; padding: 6px;}

.elenco_list2 {width: 100%; border-spacing: 1px; border-collapse: collapse; background-color: #ffffff; color: #111111; margin-bottom: 4px;}
.elenco_list2 > tbody > tr > th {font-size: 12px; font-weight: bold; text-align: left; text-transform: lowercase; border-bottom: 1px solid #eaf0f6; padding: 4px;}
.elenco_list2 > tbody > tr > td {font-size: 14px; font-weight: normal; text-align: left; vertical-align:top; padding: 4px;}

.elenco_list3 {width: 100%; border-spacing: 1px; border-collapse: collapse; background-color: #ffffff; color: #111111; margin-bottom: 4px;}
.elenco_list3 > tbody > tr:first-child > td {background-color: #f2f5f8; font-size: 14px; font-weight: normal; text-align: center; padding: 4px;}
.elenco_list3 > tbody > tr:nth-child(n+2) > td:nth-child(odd) {width: 30%; font-size: 12px; font-weight: bold; text-align: right; vertical-align:top; text-transform: lowercase; border-right: 3px solid #f2f5f8; padding: 6px;}
.elenco_list3 > tbody > tr:nth-child(n+2) > td:nth-child(even) {width: 70%; font-size: 14px; font-weight: normal; text-align: left; vertical-align:top; padding: 4px;}

.elenco_attach, .elenco_gallery  {width: 100%; border-spacing: 4px; border-collapse: collapse; background-color: #ffffff; color: #111111;}
.elenco_attach > tbody > tr > td, .elenco_gallery tr td {font-size: 14px; font-weight: normal; text-align: left; vertical-align:top; padding: 4px; background-color: #ffffff;}
.elenco_attach > tbody > tr > td:nth-child(1), .elenco_gallery > tbody > tr > td:nth-child(1), .elenco_gallery > tbody > tr > td:nth-child(2) {width: 1px; white-space: nowrap; background-color: #ffffff;}