@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    font-family: Inter !important;
}



#page h1 {
    margin: 0 0 20px 0;
    font-weight: 800;
    font-size: 32px;
}

select {
    padding: 0 35px 0 15px;
    border: none;
    /* margin: 0; */
    background: #f2f2f2 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 10px !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 7px) !important;
    background-position-y: 50% !important;
    height: 50px;
    color: #000;
    font-weight: 400;
    border: none !important;
    }

* {outline: none !important;}
.btn {padding: 10px 15px !important; border-radius: 5px !important; border: none !important; font-size: 14px !important; }
.btn.btn-primary {background: #000; }
.btn.btn-secondary {background: #999; }
#poststuff {}
/*#translations-table { width:100%;}*/



#page {max-width: 1600px; margin: 0 auto 60px; }

#masthead {display: flex; align-items: center; margin: 30px 0; }
#masthead .logo {margin: 0 auto 0 0; white-space: nowrap; font-weight: 800; color: #000; display: flex; align-items: center; font-size: 26px; text-decoration: none; }
body:not(.logged-in) #masthead .logo { margin: 50px auto 0 auto; }
#masthead .logo i {font-size: 56px; margin: 0 15px 0 0; }
#site-navigation {width: auto; }
#site-navigation #primary-menu {}
#site-navigation #primary-menu ul {margin: 0; padding: 0; list-style: none; } #site-navigation #primary-menu ul li {margin: 0 0 0 30px; display: inline-block; } #site-navigation #primary-menu ul li a {color: #000; text-decoration: none; }
#site-navigation #primary-menu ul li.current_page_item a {font-weight: 800; }


#poststuff .postbox  {font-family: "Inter"; font-weight: 400; box-shadow: 0 0 20px rgb(0 0 0 / 10%); border: none; }
#poststuff .postbox .postbox-header {border-bottom: 2px solid #eee; }
#poststuff .postbox .postbox-header h2 {padding: 12px 20px; }
#poststuff .postbox #major-publishing-actions {background: #fff; }

#poststuff .acf-postbox > .inside {}
#poststuff .acf-postbox > .inside .acf-tab-wrap {background: none;border-bottom: solid 2px #000;margin: 0 20px 0px;}
#poststuff .acf-postbox > .inside .acf-tab-wrap .acf-tab-group {padding: 20px 0 0;border: none;margin: 0 0px;}
#poststuff .acf-postbox > .inside .acf-tab-wrap .acf-tab-group li {}
#poststuff .acf-postbox > .inside .acf-tab-wrap .acf-tab-group li a {border: none;padding: 10px 20px;border-radius: 10px 10px 0 0;background: none;}
#poststuff .acf-postbox > .inside .acf-tab-wrap .acf-tab-group li.active {}
#poststuff .acf-postbox > .inside .acf-tab-wrap .acf-tab-group li.active a {background: #000; color: #fff; }

#poststuff .acf-postbox > .inside .acf-field {padding: 20px 20px 20px 20px;border: none;}
#poststuff .acf-postbox > .inside .acf-field .acf-label {margin: 0 0 5px 0; }
#poststuff .acf-postbox > .inside .acf-field .acf-label label {margin: 0; }
#poststuff .acf-postbox > .inside .acf-field#translations-table-placeholder {padding:20px;border: none;}

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {background: #f2f2f2;border: none;height: 40px;padding: 0 10px !important;box-shadow: none;min-width: 120px;}


.auto-translate-tick {display: inline-block;border-radius: 50%;height: 8px;width: 8px;background-color: green;}
.auto-translate-tick.auto{background-color: orange;}
.auto-translate-tick.not-translated{background-color: red;}

.data-tables {display: inline; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 50px; max-width: 1400px; margin: 0 auto 70px; }

.dataTables_wrapper {margin: 0 0 40px 0; }
.dataTables_wrapper .dataTables_length {}
.dataTables_wrapper .dataTables_length label {white-space: nowrap; }
.dataTables_wrapper .dataTables_length label select {margin:0 5px;}

#poststuff select {padding: 0 10px;border: none;/* margin: 0; */background: #f2f2f2;-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 5px;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;height: 40px;color: #000;font-weight: 400;}
#poststuff select:focus {border:none;outline: none !important;box-shadow: none;}
.dataTables_wrapper .dataTables_filter {}
.dataTables_wrapper .dataTables_filter label {/* font-size:0; */}
.dataTables_wrapper .dataTables_filter label input {font-size:14px;padding: 0 10px;background: #f2f2f2;border: none;border-radius: 0;box-shadow: none;height: 40px;display: inline-block;width: auto;margin: 0 0 0 10px;border-radius: 5px;}


.dataTables_wrapper .dataTables_info {font-size: 12px; }
.dataTables_wrapper .dataTables_paginate  {}
.dataTables_wrapper .dataTables_paginate .previous {padding: 0 0 0 0 !important; margin: 0 15px 0 0; }
.dataTables_wrapper .dataTables_paginate .next {padding: 0 !important; margin: 0 0 0 15px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button {}
#poststuff .dataTables_wrapper .dataTables_paginate .paginate_button.current {border: none !important; background: #000 !important; color: #fff !important; }
.dataTables_wrapper .dataTable {margin: 20px 0 30px;border: none !important;width: 100% !important;clear: both;float: left;}
.dataTables_wrapper .dataTable thead {}
.dataTables_wrapper .dataTable thead tr {}
.dataTables_wrapper .dataTable thead tr th {border-bottom: solid 2px #eee;white-space: nowrap;padding: 10px 20px;font-size: 14px;}
.dataTables_wrapper .dataTable thead tr th.original-text {}
.dataTables_wrapper .dataTable thead tr th input {font-weight: 400; background: #f2f2f2; border: none; padding: 0 10px; height: 40px; border-radius: 5px; outline: none; box-shadow: none; }

.dataTables_wrapper .dataTable tbody {}
.dataTables_wrapper .dataTable tbody tr {}
.dataTables_wrapper .dataTable tbody tr.even {background: #f2f2f2; }
.dataTables_wrapper .dataTable tbody tr td {padding: 10px 20px;position: relative;vertical-align: top;}
.dataTables_wrapper .dataTable tbody tr td.actions { white-space: nowrap; }
.dataTables_wrapper .dataTable tbody tr td.actions button { display: inline-flex; margin: 0 15px 0 0; vertical-align: middle; cursor: pointer; }
.dataTables_wrapper .dataTable tbody tr td.actions button:last-child { margin: 0; }
.dataTables_wrapper .dataTable tbody tr td.actions .edit-row {border: none; background: #000; color: #fff; border-radius: 5px; font-size: 12px; padding: 6px 12px; }
.dataTables_wrapper .dataTable tbody tr td.actions .delete-row {border: none;background: none;border-radius: 5px;font-size: 20px;padding: 0;}
.dataTables_wrapper .dataTable tbody tr td .text-content {}
.dataTables_wrapper .dataTable tbody tr td .auto-translate-tick {/*! position: absolute; */ /*! right: 20px; */ /*! top: 15px; */ }
.dataTables_wrapper .dataTable tbody tr td .auto-translate-tick.auto {}
.dataTables_wrapper .dataTable tbody tr td .auto-translate-tick.not-auto {}


#page .dataTables_info {font-size: 14px;margin: 20px 0 0 0;}
#page .dataTables_paginate {font-size: 14px;display: flex;align-items: center;margin: 20px 0 0 0;}
#page .dataTables_paginate .paginate_button {border-radius: 50%;border: none;width: 35px;height: 35px;background: none;color: var(--c-black) !important;padding: 0;line-height: 35px;margin: 0 7px;outline: none;}
#page .dataTables_paginate .paginate_button.previous {width: auto;font-size: 0;margin: 0 10px 0 0;outline: none;box-shadow: none;border: none;}
#page .dataTables_paginate .paginate_button.previous::before {content:"\e912";font-family: icomoon;font-size: 21px;}
#page .dataTables_paginate .paginate_button.next {width: auto;padding: 0;font-size: 0;margin: 0 0 0 10px;box-shadow: none !important;border: none !important;outline: none;}
#page .dataTables_paginate .paginate_button.next::before {content:"\e911";font-family: icomoon;font-size: 21px;}
#page .dataTables_paginate .paginate_button.current {background: #000;color: #fff !important;}
#page .dataTables_length {font-size: 14px; margin: 0 0 20px 0; }
#page .dataTables_length label {}
#page .dataTables_length label select {width: 70px;margin: 0 7px;/* border: none; *//* border-radius: 5px !important; *//* background-color: #fff !important; */padding: 0 10px;height: 40px;font-size: 14px;/* border: solid 2px #f2f2f2; */}
#page .dataTables_filter {font-size: 14px; }
#page .dataTables_filter label {}
#page .dataTables_filter label input {background: #fff;border: none;border-radius: 10px;padding: 0 10px;height: 40px;margin: 0 0 0 10px;background: #f2f2f2;color: var(--c-black);}

table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_asc_disabled:after, 
table.dataTable thead>tr>th.sorting_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_asc_disabled:after, 
table.dataTable thead>tr>td.sorting_desc_disabled:after { top: 53% !important; }


div.modal {z-index: 100006;}
div.modal#ceModal {z-index: 100007;}
div.modal .modal-dialog {}
div.modal .modal-dialog .modal-content {border: none;box-shadow: 0 0 15px rgba(0 0 0 / 10%);border-radius: 0;position: relative;border-radius: 10px;background-color: #fff;}
div.modal .modal-dialog .modal-content .modal-header {padding: 0;border: none;z-index: 11;position: relative;padding: 20px 30px 0;}
div.modal .modal-dialog .modal-content .modal-header .modal-title {font-weight: 800; font-family: "Inter";}
div.modal .modal-dialog .modal-content .close {position: absolute;top: -20px;right: -20px;width: 50px;height: 50px;color: #fff;background: #000;opacity: 1;text-shadow: none;font-weight: 300;font-size: 19px;line-height: 50px;padding: 0;margin: 0;border: none;border-radius: 50%;}
div.modal .modal-dialog .modal-content .close i {}
div.modal .modal-dialog .modal-content .modal-body {min-height: 100px;padding: 30px;z-index: 9;border-radius: 10px;overflow: hidden;}
div.modal .modal-dialog .modal-content .modal-footer {border: none;padding: 20px 30px;border-top: solid 5px #eee;justify-content: center;}
div.modal .modal-dialog .modal-content .modal-footer .btn {margin: 0 5px;}


div.modal.no-padding .modal-dialog .modal-content .modal-body {padding:0}
div.modal.no-padding .modal-dialog .modal-content .close {background:#000}


div.modal#edit-modal {}
div.modal#edit-modal .modal-dialog {max-height: 100%; height: 100%; margin: 0 auto; padding: 70px 0; }
div.modal#edit-modal .modal-dialog .modal-content {height: 100%; }
div.modal#edit-modal .modal-dialog .modal-content .modal-body {overflow-y: auto; }

div.modal .modal-dialog .modal-content .modal-body .original-text {width: 100%; background: #f2f2f2; border: none; height: 80px; padding: 10px; vertical-align: top; box-shadow: none; font-family: inter; font-size: 14px; color: #777; border-radius: 5px; }
div.modal .modal-dialog .modal-content .modal-body #context-form {width: 100%; border: none; margin: 15px 0 0 0; height: 40px; padding: 0 10px; border-radius: 5px; font-weight: 400; background: #f2f2f2; outline: none; }
.default-form {margin: 20px 0 0; }
.default-form .row {display: block;margin: 0 0 15px 0;}
.default-form .row label {display: block;font-size: 14px;font-weight: 600;}
.default-form .row textarea {width: 100%;background: #f2f2f2;border: none;height: 80px;padding: 10px;vertical-align: top;box-shadow: none;font-family: inter;font-size: 14px;color: #000;border-radius: 5px;}

.text-content {display: none;}

#table-legend {display: flex;align-items: center;margin: 0 0 40px 0;color: #999;font-size: 14px;font-weight: 300;}
#table-legend .legend-item {margin: 0 30px 0 0;display: inline-flex;align-items: center;}
#table-legend .legend-item span {margin: 0 9px 0 0;}
#table-legend button {padding: 0; border: none; margin: 0 0 0 auto; background: #000; color: #fff; border-radius: 50%; font-size: 16px; }
#table-legend button i {display: block; line-height: 1; width: 40px; height: 40px; line-height: 40px; }
#table-legend button .count {font-size: 11px; padding: 5px 7px;	line-height: 1;	border-radius: 3px;	display: inline-block; background: rgba(255, 255, 255, 30%);	margin: 0 0 0 10px;}


#poststuff .select2 {}
#poststuff .select2 .selection {}
#poststuff .select2 .selection .select2-selection {background: #f2f2f2; border: none; padding: 10px; border-radius: 5px; display: flex; }
#poststuff .select2 .selection .select2-selection .select2-selection__rendered {}
#poststuff .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice {margin-right: 6px; background: #ddd; font-size: 12px; display: flex; align-items: center; padding: 3px 7px; border: none; }
#poststuff .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {order: 2; line-height: 1; color: #000; }
#poststuff .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {}
#poststuff .select2 .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display .acf-selection {}
#poststuff .select2 .selection .select2-selection .select2-search--inline {}

body .select2-container--open .select2-dropdown--below {border: none; background: #f2f2f2; }
body .select2-container--open .select2-dropdown--below .select2-results {}
body .select2-container--open .select2-dropdown--below .select2-results .select2-results__options {}
body .select2-container--open .select2-dropdown--below .select2-results .select2-results__options li {padding: 5px 10px; font-size: 14px; background: none; }
body .select2-container--open .select2-dropdown--below .select2-results .select2-results__options li.select2-results__option--highlighted {background: #000;}
body .select2-container--open .select2-dropdown--below .select2-results .select2-results__options li[aria-selected="true"] {}




.acf-form {}
.acf-form .acf-fields {}
.acf-form .acf-form-submit {}
.acf-form .acf-form-submit input {background: #000; color: #fff; border-radius: 10px; padding: 10px 20px; font-weight: 600; border: none; }

#login-form {max-width: 500px; margin: 40px auto 40px; box-shadow: 0 0 40px rgb(0 0 0 / 20%); padding: 30px; border-radius: 20px; }
#login-form .acf-fields {}
#login-form .acf-fields .acf-field {border: none; padding: 0; margin: 0 0 20px 0; }
#login-form .acf-fields .acf-field .acf-label {margin: 0 0 6px 0; }
#login-form .acf-fields .acf-field.acf-no-label .acf-label {display: none; }
#login-form .acf-fields .acf-field .acf-label label {line-height: 1; font-size: 12px; margin: 0; }
#login-form .acf-fields .acf-field .acf-input {}
#login-form .acf-fields .acf-field .acf-input .acf-input-wrap {}
#login-form .acf-fields .acf-field .acf-input .acf-input-wrap input {border-radius: 10px; border: none; box-shadow: none; outline: none; }
#login-form .acf-fields .acf-field.acf-field-checkbox {}
#login-form .acf-fields .acf-field.acf-field-checkbox .acf-label {}
#login-form .acf-fields .acf-field.acf-field-checkbox .acf-label label {font-weight: 400; font-size: 13px; }
#login-form .acf-fields .acf-field.acf-field-checkbox .acf-label label::before {content:"";}
#login-form .acf-fields .acf-field.acf-field-checkbox .acf-label label::after {content:"";}
#login-form .acf-fields .acf-field.acf-field-checkbox .acf-input {}
#login-form .acf-fields .acf-field .acf-input .acf-true-false {}
#login-form .acf-fields .acf-field .acf-input .acf-true-false label {}
#login-form .acf-fields .acf-field .acf-input .acf-true-false label input {display: none;}
#login-form .acf-fields .acf-field .acf-input .acf-true-false label .message {font-weight: 300;font-size: 14px;position: relative;padding: 0 0 0 30px;}
#login-form .acf-fields .acf-field .acf-input .acf-true-false label .message::before {content:"";background: #eee;width: 20px;height: 20px;display: block;position: absolute;left: 0;top: -2px;border-radius: 3px;}
#login-form .acf-fields .acf-field .acf-input .acf-true-false label input:checked + .message::before {background:#000}
#login-form .acf-fields .acf-field .acf-input .acf-true-false label input:checked + .message::after {content: "\f00c";font-family: "Font Awesome 6 Pro";font-weight: 900;width: 20px;height: 20px;line-height: 20px;position: absolute;left: 0;color: #fff;text-align: center;top: -2px;}

#login-form .acf-form-submit {}
#login-form .acf-form-submit input {background: #000; color: #fff; border-radius: 10px; border: none; padding: 15px 20px; font-weight: 700; font-size: 14px; }


.website-selector {margin: 0; }
.website-selector label {margin: 0 10px 0 0; }
.website-selector select {padding: 0 35px 0 15px; border: none; /* margin: 0; */ background: #f2f2f2; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 10px; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 7px) !important; background-position-y: 50% !important; height: 50px; color: #000; font-weight: 400; min-width: 260px; }
.website-selector select option {}