@keyframes myblink {

    0% {
        opacity: 0;
    }

    50% {
        opacity: 75;
    }

    100% {
        opacity: 1;
    }
}






@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}


.fd-shaking {
    animation: shake 0.3s;
    animation-iteration-count: 1;
}





.fd-viewport {
    box-sizing: border-box;
    position: relative;
    color: #344A5A;
}

.fd-viewport * {
    box-sizing: border-box;
}

.tag-form {
    min-width: 320px;
    min-height: 320px;
}

.tag-form {
    background: white;
}

.tag-field {
    border: 1px solid silver;
}

.tag-form .oe_chatter {
    display: none;
}

.tag-group {
    border: 2px solid #00bcd4;
    margin: 4px;
}

.tag-group .tag-group {
    display: inline-block;
    width: 50%;
    margin: 0;
    vertical-align: top;
}

span.fd-field-label {
    font-weight: bold;
    margin-right: 5px;
}

.fd-arch-form {
    background: white;
    padding: 10px;
    /* border: 1px solid #f1f1f1; */
    border-radius: 5px;
    container-type: inline-size;
    box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1);
    border-radius: 10px;
}

.fd-arch-sheet.o_form_sheet_bg {
    padding: 10px;
    background: #FBFBFB;
    box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1);
    border-radius: 10px;
}

.fd-arch-group {
    /* background: #607d8b; */
    display: flex;
}

.fd-arch-inner-group {
    flex: 0 0 50%;
    /* overflow: hidden; */
    /*overflow-x: hidden; BEWARE: See history*/
}

.fd-editbox-field>input {
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 2px 4px;
    background-color: #e5e5e580;
}

.fd-arch-field {
    margin: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.fd-error {
    color: red;
}

.fd-group__header {
    font-weight: bold;
    margin: 5px;
    font-size: 18px;
}

.fd-arch-field__label {
    min-width: 150px;
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    white-space: nowrap;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fd-editbox-field{
    flex: 1;
    margin: 0 75px 0 0;
}


.fd-editbox-field>input:read-only{
    background: transparent;
}

a.fd-button,button.fd-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 5px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #22BF8E;
    box-sizing: border-box;
    border-radius: 10px;
    color: white !important;
    background-color: #22BF8E;
    border-color: #22BF8E;
}

.fd-form-controls {
    /* border: 1px solid green; */
    padding: 5px 5px 10px 0;
    /* margin-bottom: 5px; */
    background: white;
    margin-bottom: 10px;
    border-bottom: 1px solid #b2b9be3d;
}

.fd-button:hover {
    background: darkgreen;
}

.fd-field-selection select {
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 2px 4px;
    background-color: #e5e5e580;
    padding-block: 5.26px;
}

.fd-field-selection {
    flex: 1;
    margin: 0 75px 0 0;
}

.fd-field-selection select:disabled {
    background: transparent;
    color: black;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.fd-viewport .fd-arch-field:focus-visible {
    border: none;
    outline: 1px solid silver;
}



.fd-arch-notebook__header {
    height: 40px;
    /* background: silver; */
    display: flex;
}


.fd-arch-page {
    display: none;
    padding: 10px;
}


.fd-arch-notebook__header {
    height: 40px;
    /* background: silver; */
    display: flex;
    background: linear-gradient(180deg, rgb(248 248 248) 66.98%, rgba(196, 196, 196, 0.4) 100%);
    padding: 0;
    margin: 0;
}

.fd-arch-notebook {
    /* border: 1px solid #e4e4e4; */
    /* margin: 10px; */
}

.fd-arch-page__header {
    list-style: none;
    background: transparent;
    cursor: pointer;
    padding: 5px;
    min-width: 100px;
    text-align: center;
}

li.fd-arch-page__header>a {
    color: #555;
    /* background-color: white; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /* font-weight: bold; */
    /* box-shadow: 0px -4px 10px rgb(52 74 90 / 5%); */
}

.fd-arch-page.active {
    display: block;
}

li.fd-arch-page__header.active {
    /* border-bottom: 3px solid #28c1a1; */
    border-radius: 10px 10px 0px 0px;
    background: #FFFFFF;
    box-shadow: 0px -4px 10px rgba(52, 74, 90, 0.05);
    border-radius: 10px 10px 0px 0px;
}

.fd-field-text {
    flex: 1;
    margin: 0 75px 0 0;
}

.fd-field-text>textarea {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    padding: 0px 4px;
    background-color: #e5e5e580;
}

.fd-field-text>textarea:read-only {
    background: transparent;
    border: none;
}


.fd-field-date>input , .fd-field-datetime>input {
    border: none;
    padding: 2px 4px;
    border-radius: 10px;
    background-color: #e5e5e580;
    width: 100%;
}

.fd-field-date, .fd-field-datetime {
    margin: 0 75px 0 0;
}

.fd-field-date>input:read-only {
    background: transparent;
}

.fd-field-datetime>input:read-only {
    background: transparent;
}

.fd-form-controls .fd-button {
    margin-right: 5px;
}

.fd-arch-div.oe_chatter {
    /* display: none; */
}

.fd-field-monetary {
    /* display: flex; */
    position: relative;
}

span.fd-field-monetary-currency {
    position: absolute;
    right: 20px;
    font-weight: bold;
    opacity: 0.5;
}

.fd-field-binary input[type='file'] {
    display: none;
}

.fd-field-binary > span {
    display: none;
}

.fd-form-readonly .fd-field-binary > span {
    display: inline;
    cursor: pointer;
}

.fd-arch-tree {
    /* background: red; */
    min-width: 100px;
    min-height: 100px;

}

.fd-x2many .fd-arch-tree {
     max-height: 400px;
    overflow: auto;
}

table.fd-arch-tree-table td, table.fd-arch-tree-table th {
    /* border: 1px solid silver; */
    padding: 5px 10px;
    /* box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1); */
    /* border-radius: 10px; */
    background-color: #ffffff;
}

table.fd-arch-tree-table th {
    position: relative;
    min-width: 35px;
    /* text-align: center; */
}

.fd-arch-tree-table tr {
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgb(52 74 90 / 10%);
}

.fd-arch-tree-table tr.selected td {
    background-color: #22bf8e14;
}


.fd-arch-tree-table tr:hover td{
    background-color: #22bf8e14;
}

tr.fd-row-recently-changed {
    animation: myblink 2000ms 1;
}

.fd-m2o-combo input:read-only {
    border: none;
    background: transparent;
}

.fd-m2o-combo input{
    border: none;
}


th.sorted-asc:after {
    content: "\f0dd";
    font-family: 'FontAwesome';
    font-size: 12px;
    margin-left: 5px;
    right: 7px;
    position: absolute;
}

th.sorted-desc:after {
    content: "\f0de";
    font-family: 'FontAwesome';
    font-size: 12px;
    margin-left: 5px;
    right: 7px;
    position: absolute;
}

.fd-arch-tree-filter {
    /* background: #f1f1f1; */
    display: inline-block;
    padding: 3px 41px 3px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-right: 10px;
    box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1);
}

.fd-arch-tree-filter span {
    font-weight: bold;
    /* position: absolute; */
    /* right: 0; */
    white-space: nowrap;
}

.fd-arch-tree-filter a {
    position: absolute;
    right: 8px;
    /* font-weight: bold; */
    cursor: pointer;
    display: inline-block;
    background: white;
    width: 20px;
    height: 20px;
    border: 1px solid gray;
    top: 6px;
}

.fd-arch-tree-filter.active a:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 14px;
    margin-left: 5px;
    position: absolute;
    top: -4px;
    left: -3px;
}

.fd-field-binary.fd-has-file-data input[type='file'] {
    display: none;
}


.fd-field-binary>div {
    display: inline-block;
}

.fd-field-binary span {
    margin-right: 10px;
}

.fd-form-readonly .fd-field-binary span.fd-field-binary-clear {
    display: none;
}

.fd-form-readonly .fd-field-binary span.fd-field-binary-upload {
    display: none;
}

.fd-field-binary span{
    cursor: pointer;
}

.fd-field-binary span.fd-field-binary-download {
    display: none;
}

.fd-field-binary span.fd-field-binary-clear {
    display: none;
}

.fd-has-file-data.fd-field-binary span {
    display: inline-block;
}

select.fd-arch-tree-group-by {
    height: 33px;
    min-width: 150px;
    margin: 0 10px;
    /* position: absolute; */
    bottom: 0px;
    right: 0;
    vertical-align: top;
    border: none;
    border-right: 1px solid silver;
    padding-right: 5px;
}

.fd-arch-tree-control-header {
    position: relative;
    padding-bottom: 2px;
}

span.fd-groupby-row-count {}

span.fd-groupby-row {
    margin-right: 10px;
}

tr.fd-arch-tree-groupby-row {
    font-weight: bold;
}

tr.fd-arch-tree-groupby-row:before {
}

span.fd-groupby-row:before {
    content: "\f0da";
    font-family: "FontAwesome";
    margin-right: 5px;
    display: inline-block;
}

tr.fd-arch-tree-groupby-row.expanded span.fd-groupby-row:before {transform: rotate(90deg);}

input.fd-arch-tree-search-box {
    border: none;
    border-radius: 10px;
    min-width: 200px;
    height: 33px;
    /* flex-grow: 1; */
}

.fd-x2many {
    width: 100%;
    min-height: 100px;
    /* background: white; */
}

.fd-x2many>.fd-x2many-list>.fd-arch-tree>.fd-arch-tree-table {
    /* background: white; */
    width: 100%;
}

.fd-x2many>.fd-x2many-list>.fd-arch-tree>.fd-arch-tree-control-header {
    display: none;
}

a.fd-x2many-add {
    color: #23bf8f !important;
    /* font-weight: bold; */
    font-size: 13px;
    cursor: pointer;
}

td.fd-x2many-select>input {
    cursor: pointer;
}

.fd-x2many-dialog-footer {
    padding: 15px 0px;
}

.fd-x2many-dialog-footer>button {
    min-width: 120px;
    cursor: pointer;
}

.fd-form-readonly .fd-x2many-header {
    /* background: red; */
    display: none;
}

.fd-has-error {
    /* outline: 1px double red; */
    box-shadow: 0px 1px 3px 0px red;
}

.fd-required-field:not(.fd-has-error) {
    border-bottom: 2px solid #959595;
}
.fd-form-readonly .fd-required-field:not(.fd-has-error) {
    border-bottom: none;
}


.fd-field-dummy {
    /* background: repeating-linear-gradient(    45deg,    transparent,    transparent 10px,    #ccc 10px,    #ccc 20px  ); */
    color: black;
}

.fd-invisible-item {
    display: none !important;
}



.fd-m2o-combo:after {
    content: "\f078";
    font-family: 'FontAwesome';
    width: 10px;
    height: 10px;
    display: inline-block;
    right: 5px;
    top: 0;
    position: absolute;
    cursor: pointer;
    margin-left: 5px;
}

.fd-m2o-combo {
    position: relative;
}


.fd-x2many-dialog-cont {
    min-width: 50vw;
}

.fd-x2many-dialog .fd-form-controls {
    display: none;
}


.fd-field-statusbar {
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    counter-reset: flag;
    font-weight: bold;
}

.fd-field-statusbar > a {
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 45px;
    padding: 0 20px 0 30px;
    position: relative;
    cursor: pointer;
}
.fd-field-statusbar > a:first-child {
    padding-left: 30px;
    border-radius: 5px 0 0 5px;
}
.fd-field-statusbar > a:first-child:before {
    left: 14px;
}
.fd-field-statusbar > a:last-child {
    border-radius: 0 5px 5px 0;
    padding-right: 20px;
}
.fd-field-statusbar > a.active, .fd-field-statusbar > a:hover{
    background: #333;
    background: linear-gradient(#333, #000);
}
.fd-field-statusbar > a.active:after,.fd-field-statusbar > a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
}
.fd-field-statusbar > a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    width: 45px;
    height: 45px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    box-shadow: 2px -2px 0 1px rgb(0 0 0 / 8%), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
}
.fd-field-statusbar > a:last-child:after {
    content: none;
}


.fd-field-statusbar > a, .fd-field-statusbar > a:after {
    transition: all 0.5s;
    background: #FBFBFB;
}
.fd-field-statusbar > a:before {
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}
.fd-field-statusbar > a:hover, .fd-field-statusbar > a.active,
.fd-field-statusbar > a:hover:after, .fd-field-statusbar > a.active:after{
    background: rgb(214 242 232);
}








.fd-form-readonly .fd-m2o-combo:after , .fd-m2o-combo:has(input:read-only):after {
    display: none;
}


@container (width < 800px){


    .fd-arch-group {
        display: block;
    }
    .fd-arch-group {
        display: block;
    }
}



.fd-arch-field.fd-arch-field-statusbar>.fd-arch-field__label {
    display: none;
}

.fd-arch-header {
    padding: 0;
}

.fd-arch-header .fd-arch-field {
    margin: 10px 5px 5px 0px;
}

.fd-arch-header .fd-arch-button {
    margin-right: 5px;
}




span.fd-form-wait {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1000;
    background-color: #00000054;
    display: block;
    top: 0;
    background-repeat: no-repeat;
    left: 0;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg height='200px' preserveAspectRatio='xMidYMid' style='margin:auto;background:transparent;display:block;' viewBox='0 0 100 100' width='200px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='-1.948051948051948s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(51.42857142857143 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='-1.6233766233766234s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(102.85714285714286 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='-1.2987012987012987s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(154.28571428571428 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='-0.974025974025974s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(205.71428571428572 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='-0.6493506493506493s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(257.14285714285717 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='-0.3246753246753247s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(308.57142857142856 50 50)'%3E%3Crect fill='%23000000' height='12' rx='6' ry='6' width='12' x='44' y='24'%3E%3Canimate attributeName='opacity' begin='0s' dur='2.272727272727273s' keyTimes='0;1' repeatCount='indefinite' values='1;0'/%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
}

.fd-arch-tree-control-buttons>a {
    margin-right: 10px;
}

.fd-arch-tree-control-buttons {
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
}

dialog.st-confirm-dialog {
    background: white;
    border-radius: 10px;
    border: 1px solid silver;
}

.st-confirm-dialog-m {
    font-size: 16px;
    /* font-weight: bold; */
    padding: 20px 0px;
    min-width: 400px;
}

.st-confirm-dialog-f>button {
    height: 30px;
    min-width: 100px;
    background: #ffffff;
    border: none;
    color: #26ac8f;
    border-radius: 10px;
    font-weight: bold;
    border: 1px solid #26ac8f;
}

dialog.st-confirm-dialog::backdrop {
    background: #00000082;
}

.st-confirm-dialog-f>button:first-child {
    background: #25ab8f;
    color: white;
}

.st-dialog.st-create-new-app-dialog  label.st-labeled.st-additional-data {
    margin-bottom: 5px;
}

.st-dialog.st-create-new-app-dialog  a.st-additional-data-link {
    margin-bottom: 1px;
}

a.fd-arch-tree-delete-button.fd-button {
    background: white;
    color: #E0562B !important;
    border-color: #E0562B;
}

a.fd-arch-tree-delete-button.fd-button:hover {
    background: #e5e5e5;
}

dialog.fd-editor-dialog, dialog.fd-x2many-dialog {
    width: 100vw;
    /* height: 100vh; */
    border: 1px solid silver;
    border-radius: 10px;
    max-width: 1024px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


.fd-editor-dialog-close:after{
    display: inline-block;
    content: "\00d7";
    font-size: 33px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.fd-editor-dialog-header {
    /* background: silver; */
    margin: 0;
    position: relative;
    height: 40px;
}

a.fd-editor-dialog-close {
    position: absolute;
    right: 0px;
    top: -22px;
    display: inline-block;
    height: 36px;
}

.fd-editor-dialog-body {
    overflow: auto;
}



table.fd-arch-tree-table input[type='checkbox'] {
    cursor: pointer;
}

a.fd-arch-tree-delete-button.fd-button i {
    margin-right: 5px;
}

.fd-arch-checkbox input[type='checkbox'] {
    position: relative;
    opacity: 0;
}

.fd-arch-checkbox input[type=checkbox] + span {
    font-size: 13px;
    padding-left: 3px;
    height: 16px;
    position: absolute;
    left: 0;
}

.fd-arch-checkbox input[type=checkbox] + span:before {
    display: inline-block;
    height: 18px;
    width: 18px;
    content: " ";
    position: absolute;
    top: 4px;
    left: -3px;
    font-size: 11px;
    background-color: transparent;
    border-radius: 6px;
    color: white;
    padding: 0px;
    font-family: "FontAwesome";
    border: 1px solid #C4C4C4;
    padding-left: 3px;
    cursor: pointer;
}

.fd-arch-checkbox input[type=checkbox]:checked + span:before {
    content: "\2714";
    background-color: #21bf8e;
    border: 1px solid #21BF8E;
}


label.fd-arch-checkbox {
    position: relative;
    width: 20px;
    margin-left: 5px;
}

table.fd-arch-tree-table {
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100%;
}




table.fd-arch-tree-table td:last-child, table.fd-arch-tree-table th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


table.fd-arch-tree-table td:first-child, table.fd-arch-tree-table th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.fd-arch-tree-sg-box {
    box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1);
    display: inline-block;
    padding: 0px;
    border-radius: 10px;
    float: right;
    white-space: nowrap;
    margin-bottom: 5px;
}


.fd-arch-tree-sg-box input:focus-visible {
    border: none;
    outline: none;
}

a.fd-button i {
    margin-right: 5px;
}

.fd-arch-field.fd-arch-field-statusbar {
    background: #FBFBFB;
    box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.05);
    border-radius: 10px;
}

.fd-arch-tree-delete-button{
    visibility: hidden;
}

.fd-arch-tree:has(.fd-arch-tree-table tr input:checked) .fd-arch-tree-delete-button{
 visibility: visible;
}

.fd-arch-tree-filter-cont {
    display: inline-block;
    float: right;
    white-space: nowrap;
}


/*This brakes datetime styles on safari input[type="date"]:in-range::-webkit-datetime-edit-year-field,*/
/*input[type="date"]:in-range::-webkit-datetime-edit-month-field,*/
/*input[type="date"]:in-range::-webkit-datetime-edit-day-field,*/
/*input[type="date"]:in-range::-webkit-datetime-edit-text,*/
/*input[type="datetime-local"]:in-range::-webkit-datetime-edit-year-field,*/
/*input[type="datetime-local"]:in-range::-webkit-datetime-edit-month-field,*/
/*input[type="datetime-local"]:in-range::-webkit-datetime-edit-day-field,*/
/*input[type="datetime-local"]:in-range::-webkit-datetime-edit-text,*/
/*input:in-range::-webkit-datetime-edit-hour-field,*/
/*input:in-range::-webkit-datetime-edit-minute-field{*/
/*    color: transparent;*/
/*}*/

.fd-folded-container {
    position: absolute;
    right: 13px;
    font-size: 13px;
    height: 36px;
    padding-top: 5px;
    color: #9ea7ae;
    cursor: pointer;
    z-index: 5;
}

.fd-folded-items {
    box-shadow: 4px 3px 4px 1px black;
    display: none;
    position: absolute;
    right: 0;
    /* padding: 10px; */
    background: white;
    border: 1px solid silver;
}


.fd-folded-items > a {
    display: block;
    /* width: 200px; */
    text-align: center;
    /* background: #e8e8e8; */
    margin: 5px;
    padding: 0px 10px;
}


.fd-folded-container:after {
    content: " ";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-left: 2px;
    vertical-align: middle;
    border: none;
    position: relative;
    top: -1px;
    color: rgb(0 0 0);
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.5 5L8 1' stroke='%23344A5A' stroke-opacity='0.5' stroke-miterlimit='16'/%3E%3C/svg%3E");
    background-position: 0px 2px;
    background-repeat: no-repeat;
}

.fd-folded-container:hover{
    color: #344A5A;
}

.fd-folded-container.fd-folded-container-open .fd-folded-items {
    display: block;
}


.fd-folded-container a:hover{
    background: rgb(211, 242, 230);
}


.fd-arch-field-mail_followers {
    display: none;
}

.fd-arch-field-mail_activity {
    display: none;
}

.fd-arch-fchatter__message-meta {
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.fd-arch-fchatter__message {
    background: #efefef;
    margin: 10px 0px;
    /* box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1); */
    padding: 10px;
    border-radius: 10px;
}

.fd-arch-fchatter__messages {
    /* border: 1px solid silver; */
    border-radius: 10px;
    margin-top: 10px;
    /* box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1); */
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.fd-arch-fchatter__message-box {
    display: flex;
    align-items: center;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0px;
    position: relative;
    padding-bottom: 20px;
}

textarea.fd-arch-fchatter__message-input {
    border: none;
    width: 100%;
    border-radius: 10px;
    resize: none;
    /* margin-right: 10px; */
    font-size: 14px;
    line-height: 140%;
    padding: 10px;
    overflow: hidden;
    background-color: #e5e5e580;
}

textarea.fd-arch-fchatter__message-input:focus-visible {
    outline: 1px solid #22bf8e;
}

button.fd-arch-fchatter__send-btn:after {
    content: "\f1d9";
    font-family: 'FontAwesome';
    font-size: 30px;
    position: absolute;
    bottom: 0;
}

button.fd-arch-fchatter__send-btn {
    border: none;
    color: #22bf8e;
    position: relative;
    font-size: 56px;
    align-self: flex-end;
    width: auto;
    margin-right: 24px;
    padding: 0;
    padding-right: 5px;
}

button.fd-add-attachment {
    background: transparent;
    border: none;
    color: #22bf8e;
    position: relative;
    font-size: 30px;
    align-self: flex-end;
    width: 40px;
    margin-right: 10px;
    margin-left: 10px;
}

button.fd-add-attachment:hover {
    color: #22bf8e;
}

.fd-arch-fchatter__attachments {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 5px;
    white-space: nowrap;
}

.fd-arch-fchatter__message-box.fd-has-attachments {
    padding-bottom: 32px;
}

.fd-arch-fchatter__attachment i {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.fd-arch-fchatter__attachment {
    display: inline-block;
    margin-right: 25px;
}

input.fd-arch-fchatter__attach-input {
    display: none;
}

.fd-attachment {
    max-width: 100px;
}

.fd-o_image_box img {
    width: 70px;
}

dialog.fd-editor-dialog:focus-visible {
    outline: none;
}

dialog.fd-x2many-dialog div.fd-x2many-dialog-cont {
    overflow: auto;
    min-width: 25%;
}

dialog.fd-x2many-dialog div.fd-x2many-dialog-cont .fd-arch-tree{
    width: calc(100% - 40px);
}

.fd-arch-inner-group[data-colspan='8'] {
    width: 100%;
    flex: 1 1 100%;
}

.fd-viewport input:focus-visible, .fd-viewport textarea:focus-visible {
    outline: 1px solid #a1cdbf;
}


th.fd-arch-tree-checkbox {
    width: 50px;
}

.fd-attachment-caption {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    display: block;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

button.fd-button.fd-arch-button.oe_stat_button {
    background: white;
    border: 1px solid #fbfbfb;
    width: 100px;
    color: black !important;
    overflow: hidden;
    padding: 0;
    box-shadow: 0px 3px 10px rgb(52 74 90 / 10%);
    height: 70px;
    position: relative;
}

.fd-arch-field.fd-arch-field-statinfo {
    margin: 0;
    text-align: center;
    display: block;
    /* padding: 10px; */
}

.fd-arch-field.fd-arch-field-statinfo .fd-arch-field__label {
    min-width: auto;
    width: 100%;
    margin: 0;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 6px;
}

button.fd-button.fd-arch-button.oe_stat_button:hover {
    color: #22bf8e !important;
}

.fd-arch-field.fd-arch-field-statinfo .fd-field-dummy {color: inherit;text-decoration: underline;font-weight: bold;height: 20px;}

button.fd-button.fd-arch-button.oe_stat_button i {
    margin: 0;
    font-size: 20px;
    position: absolute;
    left: 20px;
    bottom: 12px;
}

button.fd-button.fd-arch-button.oe_stat_button div.fd-statinfo-field {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

input.fd-field-datetime-treecell {
    border: none;
    padding: 0;
    text-align: center;
    background: transparent;
    pointer-events: none;
}

.ui-menu .ui-menu-item.fd-m2o-combo-action-item {
    padding-left: 30px;
}

.fd-x2many.fd-readonly a.fd-x2many-add {
    display: none;
}

.fd-x2many.fd-readonly td.fd-x2many-delete a {
    visibility: hidden;
}

ul.fd-arch-notebook__header {
    display: none;
}

ul.fd-arch-notebook__header:has(li:not(.fd-invisible-item)) {
    display: flex;
}


span.fd-checkbox.fd-checkbox--checked {color: #23bf8f;display: block;text-align: center;font-weight: bold;}


.fd-m2m-attachment {
    background-size: contain;
    min-width: 100px;
    height: 110px;
    display: inline-block;
    background-position: center 21px;
    background-repeat: no-repeat;
    background-image: url("/cloudoffix_livechat_backend/static/src/img/mimetypes/binary.svg");
    vertical-align: top;
    border: 1px solid silver;
    border-radius: 5px;
    margin: 5px;
    background-size: 100px 80px;
    overflow: hidden;
    position: relative;
    padding: 1px 5px;
}

a.fd-field-binary-download {
    color: black;
    background: white;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 12px;
    vertical-align: top;
    padding-right: 20px;
}

a.fd-field-binary-delete {
    position: absolute;
    right: 2px;
    top: -2px;
    font-size: 12px;
    z-index: 11;
    color: #22bf8e;
    background: white;
    width: 20px;
    text-align: right;
}

button.fd-field-binary-upload.fa.fa-upload {border: none;background: transparent;}



.fd-m2m-attachment[data-mimetype$='archive'],
.fd-m2m-attachment[data-mimetype$='compressed'],
.fd-m2m-attachment[data-mimetype*='zip'],
.fd-m2m-attachment[data-mimetype$='tar'],
.fd-m2m-attachment[data-mimetype*='package'] {
    background-image: url('/cloudoffix_livechat_backend/static/src/img/mimetypes/archive.svg');
}
.fd-m2m-attachment[data-mimetype='application/pdf'] {
    background-image: url('/cloudoffix_livechat_backend/static/src/img/mimetypes/pdf.svg');
}
.fd-m2m-attachment[data-mimetype^='text-master'],
.fd-m2m-attachment[data-mimetype*='document'],
.fd-m2m-attachment[data-mimetype*='msword'],
.fd-m2m-attachment[data-mimetype*='wordprocessing'] {
    background-image: url('/cloudoffix_livechat_backend/static/src/img/mimetypes/document.svg');
}

.fd-print-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 100%;
    right: -1px;
    padding-top: 1px;
    box-shadow: 0px 4px 10px rgba(52, 74, 90, 0.1);
    background: white;
}

.fd-button--active .fd-print-menu {
    display: block;
}
.fd-button.fd-button--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fd-print-button{
    transition: none !important;
    position: relative;
}

.fd-print-menu .fd-button {
    min-width: 100px;
    border-radius: 0;
    text-align: left;
    display: block;
    background: white;
    border: none;
    color: black !important;
    margin-right: 0px;
}



a.fd-button.fd-print-button {
    float: right;
    background-color: transparent;
    border: none;
    color: black !important;
}

.fd-print-menu .fd-button:hover {
    background-color: #f2f2f2;
}