#page_title{text-align: center;font-size: 1.5em;font-weight: bold;margin: 10px;}
#container_modulo{display: flex;justify-content: center;}
#modulo{display: flex;flex-wrap: wrap;max-width: 700px;padding: 20px 0;margin: 20px;border-radius: 15px;background: #eeeeee;}
#modulo_left,#modulo_right{width: 50%;}
.info_lcn{width: 100%;padding: 0 20px;font-style: italic;}
.field{box-sizing: border-box;width: calc(100% - 40px);margin: 20px;padding: 15px 10px;border-radius: 11px;border: none;background: #fff;}
label[for="ckmemo"]{display:inline-block;margin-top:5px;cursor: pointer;}

#txtinfo{resize: none;height: calc(100% - 125px);}
#modulo_upload{display: flex;flex-wrap: wrap;margin: 0 20px;justify-content: center;width: calc(100% - 40px);}
#modulo_upload::before{display: block;width: 100%;padding:5px;color:#000;text-align: center;font-size: 1.1em;font-style:italic;content:"CARICA";}
.box_action{width: 50%;}
.box_action[align="left"]{text-align: left;}
.box_action[align="rigth"]{text-align: right;}
.box_action .btn_action{width: 90%;}
.btn_action{padding: 10px 15px;min-width: 100px;border: none;border-radius: 15px;background: #de1215;color: #fff;cursor: pointer;}
.btn_action:disabled{background: #c0c0c0;}
.btn_action[selected]{padding-left:20px;background: #de1215 url('../../panel/grafica/iconsmall/visto.png') no-repeat left 4px center;}
#modulo_invia{text-align: center;width: 100%;margin: 15px 20px;padding-top: 15px;border-top: 2px groove #fff;}


#quickmessage{position: absolute;z-index: 1000;cursor: pointer;width:calc(100% -20px);max-width: 380px;padding:10px;text-align:center;border-radius: 10px;color:#800000;background: #b7df2e;box-shadow: 0 0 5px #000;}
#quickmessage b{color:#003e80;}
.info_fine{padding: 10px;text-align: center;line-height: 20px;background: url('../../panel/grafica/icons/visto_corsivo.png') no-repeat left 10px top;}

#boxupload{position: absolute;top: 110px;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.5);}
#upload_wnd{position: inherit;top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 130px);background: #fff;border-radius: 10px;overflow: hidden;}
#upload_boxtitle{padding: 10px;color: #fff;background: #8e0002;}
#upload_tools{position: inherit;bottom: 0;width: 100%;background: #414141;padding: 5px;text-align: center;}
#upload_boxfile{position: inherit;top: 40px;left: 5px;width: calc(100% - 10px);bottom: 50px;box-shadow: 0 0 5px #000 inset;display: flex;justify-content: center;align-items: center;transform: scale(1);transform-origin: left center;transition: transform 0.2s linear;}
#upload_file{position: inherit;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
#upload_boxfile::before{display: inline-block;color:#535353;font-size:18px;text-align: center;white-space: pre;}
#upload_boxfile[viewmode="empty_cv"]::before{content:"Clicca quì per selezionare il file dal tuo PC. \AOppure trascina qui sopra il tuo Curriculum (PDF). \A \A N.B.: i file non possono superare i 125 MB."}
#upload_boxfile[viewmode="empty_pf"]::before{content:"Clicca quì per selezionare il file dal tuo PC. \AOppure trascina qui sopra il tuo Portfolio (PDF). \A \A N.B.: i file non possono superare i 125 MB."}

.upload_preview{position: inherit;top: 40px;left: 5px;width: calc(100% - 14px);height: calc(100% - 95px);border: none;transform: scale(0);transform-origin: right center;transition: transform 0.2s linear;}
#upload_wnd:not([viewmode="upload"]) #upload_boxfile{transform: scale(0);}
#upload_wnd[viewmode="preview_cv"] #upload_preview_cv{transform: scale(1);}
#upload_wnd[viewmode="preview_pf"] #upload_preview_pf{transform: scale(1);}

#boxprivacy{display: flex;justify-content: center;}
#privacy_wnd{display: flex;flex-flow: column;position: relative;width: 100%;max-width: 700px;margin: 10px;height: calc(100% - 30px);background: #fff;border-radius: 10px;overflow: hidden;}
#privacy_tools{display: flex;justify-content: center;flex-wrap: wrap;padding: 5px;background: #414141;}
#privacy_tools .btn_action{margin:5px 10px;}
#privacy_title{padding: 10px;color: #fff;background: #8e0002;text-align: center;font-weight: bold;}
#privacy_info{position: relative;left: 5px;width: calc(100% - 15px);padding: 5px;text-align: center;color: #009fff;}
#privacy_pdf{position: relative;margin: 5px;height: 98%;border: 1px solid #c0c0c0;}


@media(max-width:600px){
  #modulo_left,#modulo_right{width: 100%;}
  #txtinfo{height: 200px;}
  #modulo_upload{margin-bottom: 20px;}
}