@charset "UTF-8";

/* Variables */
:root {

    --full-content-width: 1280px;
    --large-content-width: 1600px;

    --small-spacing: 10px;
    --std-spacing: 20px;
    --double-spacing: 40px;

    /* Colors */
    --primary-color: #438C98;
    --yellow: #FEF48C;
    --red: #B01916;
    --beige: #f7f6f2;
    --blue: #183A6F;
    --watergreen: #10A8A7;
    --azure-f24: #76C3DD;
    --orange: #E9C75E;

    --text-color: #111;
    --link-color: #444;


    /* Font Size */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.85rem;
    --font-size-normal: 1rem;
    --font-size-md: 1.35rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 2rem;

    --input-border-radius: 8px;
}


.my-account-page-columns .wp-block-column h2{
    color: #fff;
    margin: 0 auto;
    padding-top: var(--small-spacing);
}
.my-account-page-columns .wp-block-column h3{
    margin: 0 auto var(--std-spacing) auto;
    color: #fff;
    font-weight: 500;
    font-size: var(--font-size-normal);
    padding-bottom: var(--small-spacing);
}

.my-account-page-columns .wp-block-column:nth-child(1) h2,
.my-account-page-columns .wp-block-column:nth-child(1) h3{
    background-color: var(--azure-f24);    
}

.my-account-page-columns .wp-block-column:nth-child(2) h2,
.my-account-page-columns .wp-block-column:nth-child(2) h3{
    background-color: var(--blue);
}

.my-account-page-columns .wp-block-column:nth-child(3) h2,
.my-account-page-columns .wp-block-column:nth-child(3) h3{
    background-color: #6F184D;
}

.my-account-page-columns .wp-block-column.files-and-folders-column h2,
.my-account-page-columns .wp-block-column.files-and-folders-column h3{
    background-color: var(--orange);
}

.my-account-page-columns .wp-block-column.files-and-folders-column .file-list{
    max-height: 320px;
    overflow-y: scroll;
}


.breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 20px 0;
    font-size: var(--font-size-sm);
}

.breadcrumb::before {
    content: "Sei in:";
    margin-right: 5px;
}

.breadcrumb-item {
    margin-right: 0.5em;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    margin-right: 0.5em;
}

.breadcrumb-item a {
    text-decoration: none;
    margin: 0 3px;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}


.file-list-wrap{
    margin-bottom: 40px;
    color: var(--text-color);
}

.entry-content .file-list-columns h2{
    text-transform: capitalize;
    font-weight: 700;
    font-size: var(--font-size-md);
    color: #fff;
    padding: var(--std-spacing) var(--double-spacing);
    background-color: var(--watergreen);
}

.entry-content .file-list-wrap h2{
    background-color: var(--blue);
}


.entry-content .file-list-columns h2 small,
.entry-content .file-list-wrap h2 small{
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.entry-content .file-list-wrap h3{
    font-weight:600;
    font-size: var(--font-size-normal);
}

#flp-file-viewer ul,
.file-list-wrap ul{
    list-style-type: none;
}

#flp-file-viewer ul li a,
.file-list-wrap ul li a{
    color: var(--link-color);
    font-size: var(--font-size-xs);
}

#flp-file-viewer ul li a:hover,
#flp-file-viewer .folder:hover,
.file-list-wrap ul li a:hover{
    color: var(--red);
    cursor: pointer;
}

#flp-file-viewer .folder{
    background-image: url("../images/folder-icon.png");
    font-weight: 500;
}

#flp-file-viewer .file{ background-image: url("../images/file-icon.png"); }
#flp-file-viewer .doc{ background-image: url("../images/doc-icon.png"); }
#flp-file-viewer .docx{ background-image: url("../images/docx.png"); }
#flp-file-viewer .pdf{ background-image: url("../images/pdf-icon.png"); }
#flp-file-viewer .jpeg{ background-image: url("../images/jpeg-icon.png"); }
#flp-file-viewer .jpg{ background-image: url("../images/jpg-icon.png"); }
#flp-file-viewer .png{ background-image: url("../images/png-icon.png"); }
#flp-file-viewer .png{ background-image: url("../images/png-icon.png"); }

#flp-file-viewer li{
    background-position: left;
    background-size: 24px 32px;
    background-repeat: no-repeat;
    padding: 5px 12px 5px 40px;
    margin-bottom: 5px;
    transition:0.2s;
    display:flex;
    align-items:center;
    border-radius:5px;
    font-size: var(--font-size-xs);
}

#flp-file-viewer{
    font-style: italic;
    font-size: var(--font-size-xs);
    color: #555;
}

.folder a,
.file a{
    line-height: 32px;
}

#flp-breadcrumb:before{
    content: "Sei in: ";
}

#flp-breadcrumb {
    margin-bottom: 10px;
    color:#333;
    font-size: var(--font-size-xs);
}
.flp-bc-item { cursor:pointer; color:#0073aa; }
.flp-bc-item:hover { text-decoration:underline; }
.flp-file-list li:hover { background:#f0f0f0; }

.flp-file a { text-decoration:none; color:#333; flex:1; }







/*** UPLOAD DEI FILE ***/

.entry-content .login-button{
    display: inline-block;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    min-height: 45px;
    line-height: 45px;
    padding: var(--small-spacing) var(--std-spacing);

    font-size: 15px;
    margin: var(--std-spacing) auto 10px auto;

    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;

    background-color: #22376f;
    border: 1px solid #22376f;
    color: #fff;

    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.entry-content .login-button:hover{
    background-color: transparent;
    border: 1px solid #22376f;
    color: #22376f;
}

.entry-content .user-folder-file-list{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.entry-content .user-folder-file-list li{
   margin-bottom: 7px;
}

.entry-content .user-folder-file-list li img{
   width: 32px;
   height: auto;
   margin-right: 10px;
   vertical-align: middle;
}

.entry-content .user-folder-file-list li a{
   font-size: var(--font-size-xs);
}



.entry-content .user-folder-file-list li form{
   display:inline-block;
   vertical-align: middle;
}

.entry-content .user-folder-file-list li form input[type="submit"]{
   display: block;
   background-image: url("images/delete-icon.png");
   border: 0;
   box-shadow: none;
   background-color: #fff;
   width: 32px;
   height: 32px;
   margin-right: 12px;

   background-position: left;
   background-repeat: no-repeat;
   background-size: 24px 24px;

   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}

.entry-content .user-folder-file-list li form input[type="submit"]:hover{
   -ms-transform: rotate(20deg);
   -webkit-transform: rotate(20deg);
   transform: rotate(20deg);
   cursor: pointer;
}



.update-page-button{
   background-image: url("../images/update-icon.png");
   margin-top: var(--std-spacing);
   border: 0;
   box-shadow: none;
   background-color: #fff;
   height: 48px;

   background-position: 10px 10px;
   background-repeat: no-repeat;
   background-size: 32px 32px;

   display: inline-block;
   padding: 5px 15px 5px 50px;
   font-size: var(--font-size-sm);

   -webkit-transition: background-color 0.3s, color 0.5s 0.1s;
   -moz-transition: background-color 0.3s, color 0.5s 0.1s;
   -ms-transition: background-color 0.3s, color 0.5s 0.1s;
   -o-transition: background-color 0.3s, color 0.5s 0.1s;
   transition: background-color 0.3s, color 0.5s 0.1s;
}

.update-page-button:hover{
   cursor: pointer;
   background-color: var(--primary-blue);
   color: #49be5b;
}

.entry-content  .file-list-columns{
    margin-bottom: 0;
}

.entry-content  .file-list-columns .wp-block-column{
    padding-bottom: 0;
}

.contact-support-button{
    border: 1px solid var(--red);
    padding: var(--small-spacing) var(--double-spacing);
    border-radius: 20px;
    display: inline-block;
    margin-top: var(--std-spacing);
}



.upload-button{
    color: #fff;
    padding: var(--small-spacing) var(--std-spacing);
    text-align: center;
    font-weight: 500;
    font-size: var(--font-size-normal);
    text-transform: uppercase;
    border: 0;
    border-radius: 10px;
    margin-top: var(--small-spacing);

    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

#upload-button{
    background-color: #6F184D;
}

.upload-button:hover{
    cursor: pointer;
}


#upload-button-contratto{
    background-color: #dc965a;
}

#upload-button:hover,
#upload-button-contratto:hover{
    background-color: #549A0C;
}



.loading-wrapper{
    vertical-align: middle;
    margin-left: var(--std-spacing);
}

.loading{
   display: block;
   width: 100px;
   height: auto;
}

.upload-result{
   padding: 10px;
   margin-top: var(--std-spacing);
   box-sizing: border-box;
   background-color: #e4f5ef;
}

.upload-result b{
    font-size: var(--font-size-sm);
}

.upload-result img{
   vertical-align: middle;
   margin-right: 8px;
}

.upload-result small{
    font-size: var(--font-size-xs);
}

.input-importo-totale{
    border: 1px solid #ccc;
    border-radius: var(--input-border-radius);
    padding: 5px var(--small-spacing);
}

.custom-file-upload{
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    margin: 0 0 var(--std-spacing) 0;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: var(--input-border-radius);

    -webkit-transition: background-color 0.3s, color 0.5s 0.1s;
    -moz-transition: background-color 0.3s, color 0.5s 0.1s;
    -ms-transition: background-color 0.3s, color 0.5s 0.1s;
    -o-transition: background-color 0.3s, color 0.5s 0.1s;
    transition: background-color 0.3s, color 0.5s 0.1s;
}

.custom-file-upload:hover{
  background-color: #0099d6;
  cursor: pointer;
  color: #fff;
}


/****** UPLOAD BOX (accordion) *******/

#upload-contratto-columns .wp-block-column{
    background-color: #E4F4DD;
}


.flp-columns{
    margin-bottom: var(--std-spacing) !important;
}

.flp-columns .wp-block-column{
    background-color: #FBF8F5;
    padding: var(--std-spacing);
}

.flp-columns .wp-block-column h2{
    margin-top: 0;
    color: var(--blue);
}

.wp-block-esab-accordion .wp-block-esab-accordion-child .esab__head{
    text-transform: uppercase;
    font-weight: 500;
    padding: var(--std-spacing) !important;
    color: #fff;
}


.wp-block-esab-accordion .wp-block-esab-accordion-child .esab__body{
    color: #fff;
    padding: var(--std-spacing) !important;
}

.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__head .esab__icon svg,
.wp-block-esab-accordion .esab__active_accordion > .esab__head .esab__icon svg{
    fill: #fff;
}

.wp-block-esab-accordion .wp-block-esab-accordion-child > .esab__active.esab__body h2{
    color: #fff;
    margin: 0 auto var(--std-spacing) auto;
    padding: var(--std-spacing);
    text-transform: uppercase;
    font-size: var(--font-size-md);
    font-weight: bold;
    text-transform: uppercase;
    transition: none;
}

.wp-block-esab-accordion-child.esab__active_accordion{
    border: 0 !important;
}


.wp-block-esab-accordion-child.esab__active_accordion h2 small{
    display: block;
    font-weight: normal;
    font-size: var(--font-size-xs);
    margin-top: 5px;
}


#azure-box > .esab__active.esab__body,
#blue-box > .esab__active.esab__body{
    background-color: #DDEEF4;
    color: #111; 
}

.wp-block-esab-accordion .esab__active_accordion .esab__heading_txt > .esab__heading_tag{
    color: #fff !important;
}

/* Box Azzurro F24 */

#azure-box .esab__head,
#azure-box > .esab__active.esab__body h2{
    background-color: #76C3DD;
}

#azure-box .upload-button{
    background-color: #76C3DD;
}


/* Box Blue */

#blue-box .esab__head,
#blue-box > .esab__active.esab__body h2{
    background-color: var(--blue);
}

#blue-box .upload-button{
    background-color: var(--blue);
}


/* Box Viola - Documenti */

#violet-box .esab__head,
#violet-box > .esab__active.esab__body h2{
    background-color: #6F184D;   
}

#violet-box > .esab__active.esab__body{
    background-color: #f7f6f2;
    color: #111; 
}

#violet-box > .esab__active.esab__body h2{
    background-color: #6F184D;
}

#violet-box .upload-button{
    background-color: #6F184D;
}


#azure-box .upload-button:hover,
#blue-box .upload-button:hover,
#violet-box .upload-button:hover{
    background-color: #549A0C;
}

.upload-image-wrapper{
    margin-top: var(--std-spacing);
}

.istruzioni-caricamento{
    font-size: var(--font-size-xs);
    margin-bottom: var(--small-spacing);
    border-bottom: 1px dashed #aaa;
    padding-bottom: var(--small-spacing);
    color: var(--blue);
}

.input-upload-description{
    text-transform: uppercase;
    font-size: var(--font-size-xs);
    color: var(--blue);
    font-weight: 600;
}


/**
 * POPUP
 */
.popup-mask{
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   box-sizing: border-box;
   padding: 5%;
   z-index: 10000;
   /*
   background-color:#000;
   background: rgb(0, 0, 85) transparent;
   background: rgba(0, 0, 0, 0.85);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
   */
   background-color:#fff;
   background: rgb(255, 255, 255) transparent;
   background: rgba(255, 255, 255, 0.75);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff)";
   color: #fff;
}

.popup-content{
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);

   width: 90%;
   max-width: 480px;
   min-height: 200px;
   max-height: 100%;

   overflow: visible;
   text-align:left;
   font-size: 15px;
   background-color: #006094;

   -webkit-border-radius:25px;
   -moz-border-radius:25px;
   border-radius:25px;

   -moz-box-shadow: 0px 1px 5px #555;
   -webkit-box-shadow: 0px 1px 5px #555;
   box-shadow: 0px 1px 5px #555;

   padding: 10px 15px 20px 15px;
   box-sizing: border-box;
   text-align: center;
}

.popup-content h3{
   text-align: center;
   font-size: 15px;
   color: #fff;
   margin: 5px auto 10px auto;
   text-decoration: underline;
   font-size: 24px;
   text-transform: uppercase;
}

.popup-content .popupCloseButton{
   background-color: #fff;
   border: 3px solid #999;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;

   position: absolute;
   top: -17px;
   right: -17px;
   font-size: 16px;
   line-height: 32px;
   width: 35px;
   height: 35px;
   text-align: center;
   color: #232335;
   z-index: 1000;

   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

.popupCloseButton:hover {
    color: #ccc;
    background-color: #0e588b;
    cursor: pointer;

    -webkit-border-radius: 0%;
   -moz-border-radius: 0%;
   border-radius: 0%;
}

.popup-content .popup-logo{
   width: 80%;
   max-width: 120px;
   margin: 10px auto 10px auto;
   display: block;
}


/* TABELLA FILE F24 CARICATI */

.uploaded-documents-table{
    text-align: left;
    font-size: var(--font-size-xs);
}

.uploaded-documents-table thead{
    background-color: #76C3DD;
}

.uploaded-documents-table thead th{
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.uploaded-documents-table tbody tr{
    border-bottom: 2px solid #f5e5d5;
}

.uploaded-documents-table thead tr th,
.uploaded-documents-table tbody tr td{
    padding: 5px 10px;
}

.uploaded-documents-table tbody tr:nth-child(odd){
    background-color: #DCF0F8;
}
.uploaded-documents-table tbody tr:nth-child(even){
    background-color: #EEF7F9;
}

.uploaded-documents-table span{
    width: 24px;
    height: 24px;
    border-radius: 24px;
    margin: 0 auto;
    font-weight: 500;
}

.uploaded-documents-table .orange{
    color: #f69f00;
}

.uploaded-documents-table .yellow{
    color: #A5A61A;
}

.uploaded-documents-table .green{
    color: #17A719;
}