/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 2108px;
    margin: 45px auto;
    padding: 0px;
    
}*/
#openfiledocgpt {
    width: 100% !important;
    background: #132740 !important;
    color: #fff !important;
    border: 1px solid #fff;
}
button.select_tipologia_revisione {
    background: #132740;
    color: #fff;
    border: 1px solid #fff;
    width: 100%;
    padding: 11px;
}
button.revisione_il_testo {
    background: #12ae12 !important;
    color: #030b22 !important;
    width: 100%;
    padding: 11px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #132740 !important;
}
.revisione_il_testo img {
    margin: 0px 0px;
    width: 12%;
    position: relative;
    bottom: -4px;
    left: 0;
}
.leftspace .tooltip-wrap img {
    width: 17px;
    position: relative;
    right: 0;
    top: 5px;
}
.tooltip-wrap img {
    width: 17px;
}
form.translation_form .row {
    margin: 15px 0;
    align-items: center;
}
#image_generate .col-md-2 {
    padding: 0px !important;
}
.inserisci_il_testo_content {
    border: 1px solid #000;
    height: 545px;
    width: 100%;
    padding: 0 10px;
    resize: vertical;
    overflow: auto;
}
form.translation_form .inner_content {
    padding: 0 !important;
}

.inner_content {
    height: 611px;
}
.not-blod {
    display: block;
    margin: 0 auto;
    float: right;
    position: relative;
    left: 0px;
}
.not-blod span {
    font-size: 12px;
}


.outerbox{
    box-shadow: 0 0 10px 2px #ddd;
    margin: 15px 0;
    height: 93vh;
}
.ekit-template-content-header,.ekit-template-content-footer {
    display: none;
}
html, body {
    background: url(/wp-content/uploads/2023/05/pexels-timelockz-4497038-scaled.jpg) !important;
    background-size: cover;
    overflow: hidden;
}
a.hfe-sub-menu-item.searchlogout, a.hfe-sub-menu-item.searchlogout:hover {
    border-radius: 5px;
    background: white;
    width: auto !important;
    color: #000;
}
a.hfe-sub-menu-item.searchlogout {
    right: 57px;
    top: 2px;
    padding: 9px 15px;
}
.content {
    background: url(/wp-content/uploads/2023/05/6.jpeg) !important;
    margin: 0;
    border-top: 1px solid #fff;
    height: calc(100% - 165px);
}
ul.tab-group {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}
ul.tab-group li {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 15px;
    border-radius: 5px;
    margin: 10px;
    position: relative;
    top: 18px;
    width: 165px;
    text-align: center;
}
th {
    background: #071832 !important;
    color: #fff;
    white-space: nowrap;
}
.dataTables_scrollBody {
    min-height: 750px !important;
    background: #fff;
}
.blueloader {
    position: absolute;
    z-index: 1;
    left: 47%;
    width: 125px;
    top: 61%;
}
.leftbtn img {
    position: absolute;
    left: -32px;
    width: 19px;
}
.warning {
    text-align: left;
    font-size: 21px;
    padding: 10px;
    /* font-size: 17px; */
    font-size: 1.25rem;
    position: relative;
    right: 22px;
}
.modal-header {
    background: #132740;
    color: #fff !important;
    font-size: 23px;
    font-weight: 40;
}
button.tipo_modal_close {
    top:0px;
}
.closebtnn {
    background: #fff;
}
.rightbtn img {
    position: absolute;
    right: -32px;
    width: 19px;
}

.centercontent{
    position: relative;
/*    padding: 0 100px;*/
    margin: 0;
}
.right-filed {
    display: block;
    color: #fff;
    justify-content: right;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 40px;
    margin-right: 15px;
}
span.nameonsearch {
    margin-left: 0px;
    margin-right: 78px;
}
form.translation_form{
    padding: 20px;
}
.textbox{
/*    padding: 0 92px;*/
}
.carica_label{
    font-size: 15px;
}
.btngroup {
    /*display: flex;
    flex-wrap: wrap;
    gap: 22px;*/
    margin: 30px 0 5px;
    text-align: center;
}

.topbtn {
    background-color: #132740;
      color: white;
      padding: 10px 0px;
      font-weight: 600;
      width: 178px;
}

}
span.nameonsearch1st {
    position: absolute;
    top: 140px;
    color: #fff;
    left: 66px;
    font-size: 20px;
}
select#vai {
    width: 200px;
    position: absolute;
    right: 74px;
    top: 28px;
    padding: 12px;
}
.col-md-6 {
    padding: 0;
}
img.searchpagelogo {
    width: 385px;
    margin: 18px;
}
.topbtn img {
    vertical-align: middle;
    margin-right: 8px;
    width: 18px;
    filter: brightness(0) invert(1);
}
.bg-white{
    background: #fff;
}
#openfiledocgpt {
    width: 100% ;
    background: #132740;
    color: #fff;
    position: relative;
}
button#openfiledocgpt img {
    width: 9%;
    margin: 0 4px;
    top: 3px;
    position: relative;
}
.file_label {
    position: relative;
    top: -5px;
}
.carica_il_file {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#trans_file_btn {
    background: #12ae12;
    font-size: 17px;
    width: 100%;
    padding: 10px 0;
}
#Parametri {
    background: #182a41;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    width: 100%;
    padding: 10px 0;
}
#Parametri:hover {
    background: #12ae12 !important;
    color: #182a41 !important;
}
#trans_file_btn img {
    width: 30px;
}
button.tipo_modal_close, button.tipo_modal_close:hover {
    background: #fff !important;
    color: #182a41 !important;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
    position: relative;
    top: 0px;
    margin-right: 7px;
    border: unset !important;
    border-radius: unset;
}
.trascrizione_btn_label {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #182a41;
    font-weight: 700;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
}
#invia_mail .modal-header {
    background: #132740;
    color: #fff !important;
    font-size: 23px;
    font-weight: 40;
    height: 60px;
}
#mail_conform_modal {
    margin: auto;
}
.btn-delete {
    /* background: red !important; */
    background: red !important;
    color: #000000a3 !important;
}
.image_wrapper {
    border: 1px solid #132740;
    width: 100%;
    border-radius: 4px;
    overflow: auto;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image_wrapper  .immage_inner_wrapper{
    height: 1px;
}

.image_wrapper  .immage_inner_wrapper img{
    margin: 10px;
}

.hide{
    display: none;
}
.privacy_box{
    position: relative;
}
.privacy_box img{
    /*width: 16px;
    margin-left: 5px;*/
}
ul.tab-group li a{
    color: #fff;
}
li.tab.active {
    background: #fff;
}

li.tab.active a {
    color: #132740;
}
.tab-content {
/*    display: none;*/
}

.tab-content.active {
/*    display: block;*/
}
.tab a {
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
}
.btngroup button:hover {
    background: #fff !important;
    color: #000 !important;
}
.btngroup .topbtn:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tab-content .row {
    margin: 0;
    padding: 0;
}
/* media query */

@media (min-width:1920px) and (max-width:2100px){
    .image_wrapper {
/*        height: 511px;*/
    }
    .dataTables_scrollBody {
    min-height: 650px !important;
    }
}
@media (min-width:2134px) and (max-width:2400px){
    .image_wrapper {
/*        height: 740px;*/
    }
        .dataTables_scrollBody {
    min-height: 880px !important;
    }
    select#vai {
    right: 162px;
}
a.hfe-sub-menu-item.searchlogout {
    right: 100px;
}
}
@media (min-width:2401px) and (max-width:2560px){
    .image_wrapper {
/*        height: 820px;*/
    }
        .dataTables_scrollBody {
    min-height: 960px !important;
    }
    select#vai {
    right: 214px;
}
}
@media (min-width:2561px) and (max-width:2880px){
    .image_wrapper {
/*        height: 971px;*/
    }
        .dataTables_scrollBody {
    min-height: 1110px !important;
    }
}
#Parametri_modal #staticBackdropLabel {
    position: relative;
    top: 17px;
    left: 17px;
    font-size: 23px;
    font-weight: 60;
    word-spacing: 5px;
}
#Parametri_modal .modal-header {
    background: #1e1e37;
    color: #fff;
    padding: 7px !important;
}   

.okbtn {
    display: block;
    margin: auto;
    background: #1e1e37;
    color: #fff;
    padding: 4px 22px;
}
#exampleModalLabel {
    font-size: 25px;
    position: relative;
    left: 13px;
}
#Parametri_modal .modal-content {
    max-height: 717px;
}

.btncls {
    background: #fff;
    padding: 1px 9px;
    margin: -;
    margin-right: 8px;
}

.wpaicg-form-label {
    margin-bottom: 15px;
    margin-top: 9px;
}
#warning_modal .abilitabtn {
  position: relative;
  bottom: 10px;
  /* padding: ; */
}
#warning_modal {
    z-index: 99999 !important;
}
.warning_closebtn {
  width: 17%;
  background: #132740;
  position: relative;
  top: 10px;
  color: #fff;
}
#warning_modal .modal-footer{
  height: 53px;
  padding: unset !important;
}
#traduzioni_table_wrapper {
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
td {
    white-space: nowrap;
    color: #000 !important;
}
.actions button {
    background: #071832;
    color: #fff;
}
#traduzioni_table_wrapper {
/*    width: 1145px;*/
}
#settings {
    /* text-align: center; */
    /*position: relative;
    left: 78px;
    display: none;*/
}
.actions {
    width: ;
    text-align: center;
}
#showimage_modal .modal-content {
    height: 645px;
    position: relative;
    top: 45px;
}   
.image-table-row {
    margin-bottom: 15px;
    /* text-align: center; */
    display: inline-block;
    /* text-align: center; */
}
.image-cell {
    position: relative;
    display: inline-block;
}

.image-preview {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    transition: opacity 0.3s ease;
    opacity: 1;
}

.rightbtn {
            cursor: pointer; /* Change cursor to pointer to indicate it is interactive */
        }
.download-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: white;
    /* background: rgba(0, 0, 0, 0.5); */
    padding: 10px;
    border-radius: 50%;
    text-decoration: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: 150px;
    height: 150px;
    display: grid;
    align-items: center;
    background: #fff;
}

.image-cell:hover .image-preview {
    filter: blur(5px);
}
.image-cell:hover .download-overlay {
    opacity: 1;
}

.image-cell a {
    color: #06162d;
}
.closebtnn, .closebtnn:hover {
    background: #fff !important;
    color: #000 !important;
}
.fa-cloud-arrow-down::before, .fa-cloud-download-alt::before, .fa-cloud-download::before {
    content: "\f0ed";
    color: #fff;
    font-size: 70px;
    color: #11233a;
}

#showimage_modal .modal-body {
    overflow-y: hidden;
    text-align: center;
}
.image-table-row {
    height: 470px;
    overflow: scroll;
}
.selected_download, .all_download ,.zip_download{
    background: #132740;
    color: #fff;
    padding: 6px 16px;
    /* border: solid; */
    border-radius: 7px;
    margin: 4px;
}

.fa.fa-check-circle {
    color: green;
    fo': 45;
    font-size: 47px;
}   

.image_inner_wrapper {
    max-height: 615px;
}
.username {
    color: #fff;
    font-size: 17px;
    display: block;
}
.nameonsearch1st.username {
    margin-left: 0px;
    position: relative;
    top: 5px;
}
#invia_mail label {
    margin-bottom: 14px;
}
.tipo_modal_close {
    background: #fff;
}



#mail_conform_modal {
    background: #071a32;
    color: #fff;
}

.my-tooltip {
    display: none;
    position: absolute; /* Adjust the position based on your needs */
    background-color: #fff;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 9999;
}

.my-tooltip-active {
    display: block;
}
@media print {
    /* Remove margins */
    @page {
        margin: 0;
    }
    #printableArea {
        display: block; /* Show only the printable area */
        text-align: center; /* Center the content */
    }
    .image-container {
        display: inline-block; /* Allow images to be centered */
        margin: 10px; /* Add margin around images */
        margin-bottom:1px
     }
    #printableArea img {
        max-width: 100%; /* Ensure images do not overflow */
        height: auto; /* Maintain aspect ratio */
    }
}



#trans_file_btn:hover {
    background-color: blue; /* Change background to blue on hover */
    color: white; /* Change text color to white on hover */
}

#trans_file_btn:hover .trascrizione_btn_label img {
    filter: brightness(0) invert(1); /* Change the icon to white on hover */
}
#trans_file_btn:hover .trascrizione_btn_label {
    color: #fff;
}