body
{
    background-color:#f1f1f1;
    margin:0px;
    padding:0px;
    border:0px;
    
    font-family: monospace;
    font-size: 14px;
    color: #565656;
    letter-spacing: 2px;
}

body.bianco
{
    background-color:#ffffff;
}

a
{
    color: #565656;
    font-weight:bold;
}

li
{
    text-align: left;
}

iframe
{
    border:0px !important;
}

select
{
    border-radius: 3px;
    border: solid 1px gainsboro;
    padding: 4px;
    font-family: monospace;
    font-size: 16px;
    color: #565656;
}

#__cms_report, #__cms_div_wait
{
    position: absolute;
    top: -150px;
}

#header
{
    background-color: transparent;
    
    border-bottom: 0;
    box-shadow: none;
    
    height: 47px;
    right: 0px;
    left: 0px;
}

#login_box
{
    background-color: white;
    text-align:center;
    
    width: fit-content;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    
    border-radius:5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#login_box div
{
    text-align: left;
}

#login_box input
{
    width: 250px;
    border: 1px solid #e7e7e7;
    padding: 4px;
    margin: 4px auto;
    
    font-family: monospace;
    font-size: 14px;
    color: #565656;
}

#logout_box
{
    float: right;
    padding: 14px;
    position: relative;
    z-index: 10;
}

.titolo
{
    
}

#content
{
    width: 1124px;
    min-height: 500px;
    margin: 10px auto;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #e3e3e3; 
    height:fit-content;
}

#content.articoli, #content.documenti, #content.cantieri, #content.movimenti
{
    min-height: 590px;
    min-width: 97%;
    width:fit-content;
}

#access_denied
{
    width: 800px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
    color: red;
    font-weight: bold;
}

#wait_overlay, #popup_overlay, #csv_overlay, #nuovo_articolo_overlay, #aggiorna_relation_overlay
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgb(255 255 255 / 70%);
}

#popup_overlay
{
    z-index: 11;
}

#csv_overlay, #nuovo_articolo_overlay, aggiorna_relation_#overlay
{
    z-index: 12;
}

#wait_overlay
{
    z-index: 15;
}

#popup_container
{
    background-color: white;
    text-align:center;
    
    width: auto;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    
    position: fixed;
    top: 60px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    
    border-radius:5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#wait_container, #csv_container, #nuovo_articolo_container, #aggiorna_relation_container
{
    position: fixed;
    top: 15px;
    left: 0px;
    right: 0px;
    bottom: 15px;
    
    background-color: white;
    text-align:center;
    
    width: fit-content;
    padding: 60px 30px;
    margin-left: auto;
    margin-right: auto;
    
    border-radius:5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#csv_container
{
    height: 255px;
    width: 895px;
    padding: 30px;
}

#nuovo_articolo_container
{
    height: 355px;
    width: 1040px;
    padding: 30px;
    text-align:left;
}

#aggiorna_relation_container
{
    height: 140px;
    width: 670px;
    padding: 30px;
    text-align:left;
}

#csv_notes
{
    width: 630px;
    display: inline-block;
    padding-right: 10px;
    text-align: left;
}

#popup_content, #wait_content, #csv_content
{
    overflow: auto;
    height: 100%;
}

#csv_overlay, #csv_container, #csv_content
{
    display:none;
}

#csv_content
{
    display: inline-block;
    position: relative;
    top: 0px;
}

#wait_close
{
    width:15px;
    height:15px;
    position:absolute;
    top:5px;
    right:5px;
    
    background-image:url('/m2/app_83/cms/media_template/close.png');
    background-size:contain;
    
    cursor:pointer;
}

#wait_save, #wait_undo
{
    position: absolute;
    bottom: 20px;
    right: 15px;
    
    width: 120px;
    padding: 5px;
    border: 1px solid whitesmoke;
    border-radius: 5px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    
    cursor: pointer;
}

#wait_undo
{
    right: 165px;
}

.right_align
{
    text-align:right !important;
}

.left_align
{
    text-align:left !important;
}

.center_align
{
    text-align:center !important;
}

.readonly
{
    background-color:#eeeeee;
}

.ui-datepicker 
{
    width:auto !important;
}

.ui-datepicker td, .ui-datepicker-calendar th
{
    border-width:0px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
    width:40%;
}

.ui-datepicker-calendar td a, .ui-datepicker-calendar td span
{
    padding: 0.3em;
}

.icon_repair, .icon_reload
{
    width:20px;
    height:20px;
    
    background-image:url('/m2/app_83/cms/media_template/repair.png');
    background-size:contain;
    
    cursor:pointer;
    display: inline-block;
}

.dynamic_theme_fixed .td_field_list 
{
    white-space: inherit;
}

.icona 
{
    opacity: 0.6;
    cursor: pointer;
}

.trash_icon, .detail_icon, .warning_icon, .error_icon, .create_icon
{
    width:20px;
    height:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.create_icon
{
    background-image: url(/m2/app/common/plugin_media/dynamic_icon_new.png);
}

.trash_icon
{
    background-image: url(/m2/app/common/plugin_media/dynamic_icon_delete_inline_small.png);
}

.detail_icon
{
    background-image: url(/m2/app/common/plugin_media/dynamic_icon_edit_inline.png);
}

.warning_icon
{
    background-image: url(/m2/app_83/cms/media_template/warning.png);
}

.error_icon
{
    background-image: url(/m2/app_83/cms/media_template/error.png);
}

.icon_reload
{
    background-image:url('/m2/app_83/cms/media_template/reload.png');
}

.icon_csv
{
    
}