body, html, textarea {
    height: 100%;
    margin: 0;
    font-family: "avant", 'Avant Garde', proxima-nova, sans-serif;
    font-size: 14px;

}

.container {
    display: flex;
    height: 100%;
}

.column {
    flex: 1;
    padding: 20px;
    overflow: auto;
}

::-webkit-scrollbar {
    width: 0px;
}


@media print {
  .no-print {
    display: none !important;
  }


  #center_canvas {
    background-color: white !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    overflow: visible !important;

  }

  td {
     color: black !important;
     padding-bottom: 0.5rem;
     border-bottom: 1px solid black !important;
  }

  body {
    background: white !important
  }

  #table_head {
    margin-top: 2rem !important;
  }


}


/* ------------------- Inputs ------------------- */

input:disabled {
    color: rgba(255, 255, 255, 0.95);
  }

input {
    border: 0;
    cursor: pointer;
    text-align: center;
    outline: 0;
    color: #ff7019;
}

input:focus {
    outline: 0;
}

input[type="submit"]:hover {
    background: transparent;
    border: 2px dashed #7FDBFF;
    color: white;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

input[type="text"] {
    margin-top: 0.5rem;
    padding: 0.2rem;
    padding-left: 0.5rem;
    text-align: left;
}

input[type="number"] {
    width: 90%;
    color: white;
    margin-top: 0.5rem;
    padding: 0.2rem;
}

select, input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


select {
    width: 100%;
    outline: none;
    /*padding: 0.5rem;*/
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input_select {
    margin-top: 0.5rem;
    /*width: 100%;*/
    background: grey;
    color: white;
    padding: 0.2rem;
    border: 0;
}


.input_select[multiple] option:checked {
    background-color: #ffffff !important;
    color: #000000 !important;
}





input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}





/* ------------------- Main menu ------------------- */

.left_menu {
    flex: 1;
    padding: 20px;
    overflow: auto;
}

#center_canvas {
    flex: 7;
    padding: 20px;
    overflow: auto;
    /*background: rgba(0, 0, 0, 0.025);*/
    background: rgba(0, 0, 0, 0.9);
}

.right_menu {
    flex: 1;
    padding: 20px;
    overflow: auto;
}

#main_name {
    position: fixed;
    top:40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.orange_d3 {
    color: #ff7019;
    font-weight: bold;
    letter-spacing: -5px;
}

#login {
    margin-top: 6rem;
    text-align: center;
}

#product_form_language {
    line-height: 2rem;
    padding-left: 0.5rem;
}

#main_table_wrap {
    margin-top: 5rem;
}

label {cursor: pointer;}

#product_form_image_viewer {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 1000px;
    z-index: 1000;
    box-shadow: 5px 10px; z-index: 500; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
    background: rgba(0,0,0,1);
    padding: 2rem;
}

.manufacturer_options, .target_company_options {
    cursor: pointer;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    margin: 0;
}

.manufacturer_options:hover {
    background: rgba(255,255,255,0.15);
}



#product_form_image_viewer_url {
    width: 100%;
}

.super_background {
    background: linear-gradient(147deg, rgba(0,40,69,0.99) 0%, rgba(0,82,138,0.99) 77%);
    color: white;
    border: 0;
    .form_field_name {color: #7FDBFF;}
}

.popup_title {
    line-height: 2rem;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-left: 0.3rem;
}

.super_background_b {
    background: linear-gradient(147deg, rgba(0,0,0,0.99) 0%, rgba(22,22,22,0.99) 77%);
    color: white;
    border: 0;
    .form_field_name { color: #fd6408 };
    #logo_d3text { color: #fd6408 };
}

.delivery_pipeline_column {
    flex: 1;
    padding-left: 1rem;
    padding-right: 1rem;
}


.form_field_name {
    color: #fd6408;
    padding: 0.2rem;
    padding-left: 0;
}


.menu_title {
    padding-top: 1rem;
    padding-bottom: 0.3rem;
}

.menu_item {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    cursor: pointer;
    color: #7FDBFF;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.menu_item:hover {
    background: rgba(250,250,250,0.80);
    color: rgba(0,82,138,0.99);
}

.menu_item_2 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    cursor: pointer;
    color: #7FDBFF;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;

}

.menu_item_2:hover {
    background: rgba(250,250,250,0.80);
    color: rgba(0,82,138,0.99);
}

#table_head, #products_in_op_table_head, #financial_secondary_table_head {
    display: flex;
    cursor: pointer;
    padding: 0.5rem;
    padding-left: 0;
    margin-top: 0.5rem;
    text-align: left;

}

th {
    font-weight: normal;
}

#table_body, #products_in_op_table_body {
    padding: 0.5rem;
}

#emailInputSignin, #passwordInputSignin {
    padding: 0.5rem;
}




#signInButton {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 2rem;
    color: white;
    background: transparent;
    cursor: pointer;
    border: 2px dashed white;
}

#signInButton:hover {
    border: 2px solid white;
}

.table_row {
    display: flex;
    cursor: pointer;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    border-left: 1px dashed rgba(255,255,255,0.15);
    border-right: 1px dashed rgba(255,255,255,0.15);
    border-top: 1px dashed transparent;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
    color: white;
}

.table_row:hover, .media_file_document:hover {
    background: rgba(255,255,255,0.15);
}

.table_column {
    flex: 1;
    padding-left: 10px;
}

#main_table, #products_in_op_table {
    width: 100%;
}

.table_currency {
    padding-left: 10px;
}

.table_actions {
    border: 0;
    font-size: 1rem;
    padding: 0.5rem;
    cursor: pointer;
    /*margin-top: 5rem;*/
    background: rgba(255,255,255,0.85);
    color: black;
}

.table_actions:hover {
    background: rgb(127, 219, 255,0.9);
    color: white;
}

#horizontal_button {
    border: 1px dashed rgb(253, 100, 8);
    width: 100%;
    background: transparent;
    color: white;
    font-size: 3rem;
    cursor: pointer;
}


#horizontal_button:hover {
    background: rgba(127, 219, 255, 0.9);
}

.modebar {
    display: none;
}

.add_product_menu_button {
    border: 0;
    font-size: 1rem;
    padding: 0.5rem;
    cursor: pointer;
    /*margin-top: 5rem;*/
    background: rgba(255,255,255,0.85);
    color: black;
    width: 100%;
    margin-bottom: 0.5rem;
}

#operation_load_products_form {
    flex: 0.3;
}

.main_orange_button {
    border: 0;
    font-size: 1rem;
    padding: 0.5rem;
    cursor: pointer;
    /*margin-top: 5rem;*/
    background: #fd6408;
    color: white;
}

.main_orange_button:hover {
    color: black;
    background: rgb(127, 219, 255,0.9);
}

.product_line_cell {
    flex: 1;
    text-align: right;
    width: 100%;
    margin: 0;
}

#searchFilterTable {
    background: rgba(0,0,0,0.05);
    height: 1rem;
    color: white;
}

#searchFilterTable:hover {
    background: grey;
    color: white;
}

.product_line_comment {
    color: #7FDBFF;
}

.product_line_comment:focus {
    color: #fd6408;
}

/* Product in operations detail zoom popup */

#zoom_popup {
    position: fixed;
    border: 3px ridge lightgrey;
    top: 60%;
    width: 400px;
    height: 200px;
    background: linear-gradient(147deg, rgba(0,0,0,0.99) 0%, rgba(22,22,22,0.99) 77%);
    color: white;
    padding: 1rem;
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}





#user_profile_popup {
    display: flex;
    position: fixed;
    border: 3px ridge lightgrey;
    right: 25%;
    top: 15%;
    height: 500px;
    width: 750px;
    margin: 1rem;
    z-index: 1500;
    padding: 1rem;
    background: linear-gradient(147deg, rgba(0,0,0,0.99) 0%, rgba(22,22,22,0.99) 77%);
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}



.maplibregl-ctrl-bottom-right {display: none;}





.zoom_popup_lines {
    padding: 0.3rem;
    color: white;
}

.zoom_popup_lines:hover {
    background: rgba(255, 255, 255, 1);
    color: black;
}

/* Product in operations manual batch picker popup */

#batch_picker_popup {
    position: fixed;
    border: 3px ridge lightgrey;
    top: 60%;
    width: 1000px;
    min-height: 200px;
    background: linear-gradient(147deg, rgba(0,0,0,0.99) 0%, rgba(22,22,22,0.99) 77%);
    color: white;
    padding: 1rem;
    padding-bottom: 10rem;
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}

.batch_popup_lines {
    padding: 0.3rem;
    color: #7FDBFF;
}

.batch_popup_lines:hover {
    background: rgba(255, 255, 255, 1);
    color: black;
}


#address_search_result_list {
    margin-top: 2rem;
    padding-right: 1rem;
}

.address_search_result {
    width: 100%;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    padding: 0.5rem;
    margin-top: 1rem;
    cursor: pointer;
}

.address_search_result:hover {
    background: rgba(255, 255, 255, 0.5);
}




.mill_popup_lines {
    padding: 0.3rem;
    color: white;
    border: 1px solid transparent;
}

.mill_popup_lines:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px dashed white;
}

#mill_ops_popup {
    position: fixed;
    line-height: 2rem;
    top: 15%;
    left: 20%;
    width: 1100px;
    height: 500px;
    background: linear-gradient(147deg, rgba(0,0,0,0.99) 0%, rgba(22,22,22,0.99) 77%);
    color: white;
    padding: 2rem;
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}





.right_menu_elements {
    width: 100%;
    background: grey;
    color: white;
    font-size: 1rem;
    line-height: 1rem;
}


#minValue {
    width: 90%;
    background: grey;
    color: white;
}







.doc_generator_list {
    border: 1px dashed rgb(127, 219, 255);
    background: transparent;
    font-size: 0.75rem;
    cursor: pointer;
    color: rgb(127, 219, 255);
    width: 60px;
    height: 60px;
    margin-top: 0.3rem;
    text-align: center;
}

.doc_generator_list:hover {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.cerrar_modal {
    padding: 1rem;
    position: absolute;
    background: transparent;
    border: 2px dashed white;
    margin-top: 1rem;
    cursor: pointer;
    color: white;
    white-space: nowrap;
}

.cerrar_modal:hover {
    border: 2px solid white;
}

.cerrar_zoom_popup {
    padding: 1rem;
    position: absolute;
    background: transparent;
    border: 2px dashed white;
    cursor: pointer;
    color: white;
    white-space: nowrap;
}

.cerrar_zoom_popup:hover {
    border: 2px solid white;
}

#save_close_popup {
    z-index: 1500;
    position: fixed;
    top: 0;
    right: 0;
    margin-right: 2.2rem;
}

.save_button {

    background: #fd6408;
    color: white;
    cursor: pointer;
    box-shadow: 5px 10px; z-index: 500; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
    border: 2px dashed #fd6408;
}

.save_button:hover {
    background: transparent;
    border: 2px dashed #fd6408;

}






/* L-------------------- Loader */

#loader_text {
    background: #ff7019;
    text-align: center;
    line-height: 1rem;
    padding: 0.5rem;
    color: white;
}

#loader, #loader_2 {
  display: inline-block;
  position: relative;
  width: 75%;
  height: 0.75rem;
  margin-left: 10px;

}
#loader div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ff7019;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#loader div:nth-child(1) {
  left: 8px;
  animation: loader1 0.6s infinite;
}
#loader div:nth-child(2) {
  left: 8px;
  animation: loader2 0.6s infinite;
}
#loader div:nth-child(3) {
  left: 32px;
  animation: loader2 0.6s infinite;
}
#loader div:nth-child(4) {
  left: 56px;
  animation: loader3 0.6s infinite;
}
@keyframes loader1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loader3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes loader2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


#ui_comments {
    background: #ff7019;
    position: fixed;
    padding: 2rem;
    border: 3px ridge lightgrey;
    box-shadow: 5px 10px; z-index: 500; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}

.top_data_bar_title {
    color: #a9b6bb;
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
}

.top_data_bar_value {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: normal;
}


#top_board, #companies_sidebar_bar {
    margin-top: 10em;
}

.actions_button {
    color: white;
    background: grey;
    padding: 0.5rem;
    border: 0;
    cursor: pointer;
}

.client_operations_row {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    display: flex;
}


#main_popup, #product_popup, #operation_popup, #delivery_pipeline_popup, #company_popup, #batch_popup {
    position: fixed;
    width: 97vw;
    margin: 1rem;
    z-index: 150;
    padding: 1rem;
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}

#address_search_popup {
    border: 2px solid white;
    position: fixed;
    top: 10%;
    width: 75vw;
    height: 50vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    padding: 1rem;
    box-shadow: 5px 10px;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
    -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
}



#clear_background {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 50;
}

#xero_profile_link {
    cursor: pointer;
}

.delivery_operation_block_red {
    padding: 0.5rem;
    background: #fd6408;
    cursor: pointer;
    color: white;
    display: flex;
    margin-top: 0.5rem;
}

.operations_column {
    margin-top: 4rem;
}

.delivery_operation_block {
    padding: 0.5rem;
    background: #2ECC40;
    cursor: pointer;
    color: black;
    display: flex;
    margin-top: 0.5rem;
    border: 1px solid transparent;
}

.delivery_operation_block:hover {
    border: 1px solid white;
}

.delivery_operation_block_left_part {
    flex: 4;

}

.delivery_operation_block_right_part {
    flex: 1.5;
    background: white;
    text-align: center;
    padding: 0.5rem;
    line-height: 2rem;
    font-size: 1.5rem;
    height: 2rem;

}



.ThefileInput {
    padding: 0.5rem;
    background: #ff7019;
    cursor: pointer;
    width: 100%;
}

.board_column_title {
    color: #fafafa;
    font-weight: normal;
    font-size: 1.5rem;
    padding-left: 0.5rem;
    margin-top: 0;
}


#operation_detail_board {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
    margin-top: 1rem;
    display: flex;
    padding: 1rem;
}


.operation_board_row {
    display: flex;
    cursor: pointer;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    line-height: 1rem;
}

.operation_board_row:hover, .hover_action:hover, .product_form_line:hover, .operation_form_line:hover {
    background: rgba(255, 255, 255, 0.2);
}

.product_form_line, .operation_form_line {
    display: flex;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.5rem;
    /*position: relative;*/
    line-height: 1rem;
}

.operation_products_table_line, .operation_products_table_header, .client_operations_row {
    display: flex;
    cursor: pointer;
    padding: 0.3rem;
    line-height: 1.5rem;
}

.operation_products_table_line:hover {
    background: rgba(255, 255, 255, 0.2);
}

.client_operations_row:hover {
    background: rgba(255, 255, 255, 0.2);
}


#main_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3500;
    width: 8rem;
    line-height: 4rem;
    text-align: center;
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
    border: 3px ridge lightgrey;
    cursor: wait;
}


.fade_out {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}



#all_login_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}


.product_form_gallery_thumb {
    cursor: pointer;
    margin-right: 0.5rem;
    height: 50px;
    border: 5px solid transparent;
}


.form_field_value {
    background: transparent;
    color: rgba(255, 255, 255, 0.95);
    text-align: left;
    font-size: 14px;
    width: 100%;
}

.form_field_value:focus {
    background: white;
    color: #fd6408;
}

.not_dave_form_field_value {
    background: transparent;
    color: rgba(255, 255, 255, 0.95);
    text-align: left;
    font-size: 14px;
}

.not_dave_form_field_value:focus {
    background: white;
    color: #fd6408;
}



textarea {
    border: 0;
    outline: 0;
    padding: 0.5rem;
    padding-top: 0.2rem;
    cursor: pointer;
}

.selectInputForm {
    flex: 1;
    margin: 0;
    background: transparent;
    border: 0;
    color: white;
    padding: 0;
    padding-left: 0.5rem;
}

.selectInputForm:focus {
    color: orange;
}

.xeroSelectInputForm {
    flex: 1;
    margin: 0;
    background: transparent;
    border: 0;
    color: rgb(127, 219, 255);
    padding: 0;
    padding-left: 0.5rem;
}

.xeroSelectInputForm:focus {
    color: orange;
}



.media_file_icon {
    line-height: 2rem;
    cursor: pointer;
    color: #7FDBFF;
    text-align: center;
}

.media_file_icon:hover {
    background: rgba(127, 219, 255, 0.7);
    color: rgba(0,40,69,0.99);
}

.media_file_document {
    line-height: 2rem;
    text-decoration: none;
    color: white;
    padding: 0.3rem;
}



.highlight_list_element {
    padding: 0.2rem;
}

a:link { text-decoration: none; }


.delete_button {
    background: #FF4136;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 1500;
    padding: 1rem;
}



.duplicate_button {
    background: rgb(253, 100, 8);
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    cursor: pointer;
    z-index: 1500;
    padding: 1rem;
}




#table_container {
    position: fixed;
    display: flex;
    top: 0;
    border: 2px solid #fcfcfc;
    margin: 1rem;
    width: calc(100vw - 2vw);
    height: 98vh;
    background-opacity: 0.6;
    z-index: 5000;
}


#right_panel {
    flex: 1;

}

#left_panel {
    flex: 5;
}

#top_header_bar {
    height: 10rem;
    display: flex;
    align-items: center;
    text-align: center;
    overflow: auto;
    font-size: 2rem;
}


.content_line {
    height: 3rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 1rem;
}

.areas {
    flex: 1;
}



#top_aggregates_dashboard, #top_values_dashboard {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    text-align: left;
    padding: 0.5rem;
    padding-left: 0rem;
}



.sku_category_selector {
    font-size: 1rem;
    color: white;
}


#product_table_header {
    top: 1rem;
}

#amount_to_change, #exchange_result {

}

#operations_column_3 {
    flex: 2;
}

#operations_column_2 {
    flex: 0.75;
}

.utilities_input {
    width: 10rem;
    color: white;
    background: transparent;
    font-size: 2rem;
    text-align: left;
    padding-left: 0.5rem;
}

.utilities_select {
    color: white;
    background: grey;
    padding: 0.5rem;
    border-right: 0;
}


.select_option_background {
    background: transparent;
}

#reverse_exchange_currencies:hover {
    background: rgba(255, 255, 255,0.5);
}

.academy_menu {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    cursor: pointer;
    color: #7FDBFF;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.academy_menu:hover {
    background: rgba(250,250,250,0.80);
    color: rgba(0,82,138,0.99);
}


#user_profile {
    display: flex;
}


#customContext {
    display: none;
    position: absolute;
    background: linear-gradient(147deg, rgba(0,0,0,0.99) 0%, rgba(22,22,22,0.99) 77%);
    z-index: 1000;
    width: 12rem;
    box-shadow: 5px 10px; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41); box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.41);
    border: 3px ridge lightgrey;
    padding: 1rem;
}

#collapseOperationView {
    position: absolute;
    top: 0;
    left: -31px;
    padding: 0.5rem;
    opacity: 0.8;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1.5rem;
    border: 1px dashed grey;
    border-right: 0;
}

#collapseOperationView:hover {
    color: black;
    background: rgb(127, 219, 255,0.9);
}

.menuItem {
    padding: 8px 16px;
    cursor: pointer;
}

.menuItem:hover {
    background-color: #f0f0f0;
    color: black;
}

.confirm_operation {
    cursor: pointer;
    padding: 0.2rem;
    padding-left: 0.5rem;
    background: #fd6408;
    line-height: 1.5rem;
    user-select: none;
}

.confirm_operation:hover {
    color: black;
    background: rgb(127, 219, 255,0.9);
}