.page, .join {
    pointer-events: none;
}

.folder-open-parent .folder-open {
    height: 20px;
}
/* pop-up */
.pop-up {
    display: none;
    position: absolute;
    padding: 6px;
    background: rgb(255, 255, 255);
    opacity: 1;
    min-width: 350px;
    max-width: 750px;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 72%;
    z-index: 10;
    white-space: pre-wrap;
    
}
.pop-up p {
    width:max-content;
    max-width: 500px;
    white-space: pre-wrap;
    max-height: 600px;
}
.pop-up .img-container {
    /* width: 180px; */
    float: right;
    margin-left: 20px;
    align-self: center;
}
.pop-up img {
    /* border: 0.5px solid #1a1a1a; */
    width: 100%;
}
/* If product has normatives color product red */
.hasNormative {
    color: red !important;
}

.modal {
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}
.modal-title {
    font-size: 16px;
}
.modal-footer button {
    font-size: 15px;
}
    /* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 30% auto; /* 15% from the top and centered */
    margin-top: 150px;
    font-size: 15px;
}
#customNormativePrice {
    font-weight: bold;
}
#customNormativePrice::placeholder {
    color: #8a8888dc;
    font-weight: normal;
}
.modal_product_edit_form .modal-content {
    width: 800px;
}
.modal_adding_form {
    height: 100%;
    overflow: hidden;
}
.modal_adding_form .modal-dialog {
    margin: auto;
    min-width: 45vw;
    display: flex;

}
#page_danger_notif, #page_success_notif {
    display:none;
    position: fixed;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}
#add_normative_button {
    background-color: #c6363c;
    color: white;
    border: 0px;
    font-weight: bold;
    padding-bottom: 3px;
    float: right;
    width: 28px;
}
#add_document_button {
    background-color: #c6363c;
    color: white;
    border: 0px;
    font-weight: bold;
    padding-bottom: 3px;
    float: right;
    width: 28px;
}
.modal_category_desc_view .modal-dialog {
    max-width: 720px;
    margin-top: 12vh;
}
.modal_category_desc_view .modal-content {
    margin: 0px;
    margin-top: 0px;
}
.modal_category_desc_view .modal-body {
    max-height: 65vh;
    overflow-y: auto;
}
#category_form {
    display: none;
}
#document_category_form, #procurement_document_category_form {
    display: none;
}
#product_category_form {
    display: none;
}
.normativePriceLabel {
    font-size: 10px;
    text-align: left;
}
.normative-td {
    margin-top: 10%;
    width: 80px;
}
.normative-td label {
    width: 100px;
    text-align: center;
}
.normative-td button {
    margin-top: 2%;
}
.normativeType_option-1 {
    color: #fda415;
}
.normativeType_option-2 {
    color: #189115;
}
.normativeType_option-3 {
    color: #0A54D0;
}
.chk {
    margin-right: 30px;
}
.add-normative {
	position: absolute;
	top: 0px;
	right: 140px;
	width: 38px;
	height: 38px;
	background-image: url("/themes/inzenjerfs/images/normativi.png");
	background-size: contain;
}
.add-normative:hover {
	background-image: url("/themes/inzenjerfs/images/normativi-hover.png");
	background-size: contain;
}
.add-normative input {
	position: absolute;
	opacity: 1;
	cursor: pointer;
	top: 10px;
	left: 8px;
	height: 17px;
	width: 17px;
}

.edit-td {
    position: relative;
}
.priceInput:read-only {
	background-color: #ddd9d9;
}

td.price .priceInput {width:45%;height:20px;font-size:12px;margin-left:10px;text-align:right;}

td.price .priceCurr {width:30%;font-size:10px;}

td.price .priceLabel {width:95%;margin-left:5px;font-size:10px;}

td.total .priceFullTotal {width:90%;font-size:12px;text-align:right;padding-right:20px;}

td.total .priceTotal {width:45%;font-size:12px;}

td.total .currTotal {width:25%;font-size:10px;}

.measurement-offer-conversion {
    padding: 0px;
    border: 0px;
}
.measurement-offer-conversion:focus {
    outline: none;
}
.modal_offer_to_measurement .modal-dialog {
    max-width: 80%;
}
.modal_offer_to_measurement .modal-content.modal-content  {
    margin: 13vh auto;
}
.modal_offer_to_measurement .modal-content .modal-body  {
    max-height: 65vh;
    overflow-y: auto;
    padding-bottom: 0px;
}

.modal_conversion_of_prices {
    z-index: 10000;
}
.modal_conversion_of_prices .modal-content {
    margin-top: 8vh;
    min-width: 50vw;
    max-width: 65vw;
}
.modal_conversion_of_prices .modal-content .modal-body {
    max-height: 70vh;
    overflow-y: auto;
}
.modal_conversion_of_prices .invalid-feedback {
    display: block;
    margin-top: 0rem;
}
#products_conversion_prices_table tr td {
    vertical-align:middle;
}
#products_conversion_prices_table tr th {
    vertical-align: middle;
    text-align: center;
}
.price_projectants-for-conversion {
    padding-left: 1px;
}
.price_projectants-for-conversion:read-only {
    background-color:#e4e4e4;
    border: 1.5px solid rgba(118, 118, 118, 0.3);
    outline: none;
    padding: 2px !important;
}
.alert-danger {
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}
.alert-warning {
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}

.modal_product_models_display .modal-content {
    margin: 13vh auto;
}
.modal_product_models_display .modal-body {
    max-height: 65vh;
    overflow-y: auto;
    max-width: 1080px;
    width: 1080px;
}
.relatedProduct td {
    vertical-align: middle;
}
.checkboxMedium {
    width: 16px;
    height: 16px;
}
/* Add position inside the measurement or offer */
#add_position {
    border: none;
    background-color: #c6363c;
    color: white;
    border-radius: 4px;
    padding: 3px 8px;
}
.new_position {
    height: 200px;
    background-color: #EDEDED;
}
.new_position_saved {
    height: auto;
    background-color: #EDEDED;
}
body .new_position_saved .product_name {
    padding-top: 0px;
}
body .new_position_saved tr {
    height: 78px !important;
}
.new_position tr {
    display: flex;
    align-items: center;
    height: 100% !important;
}
.new_position .product_name {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    font-size: 14px;
}
.new_position .product_name textarea {
    margin-top: 10px;
    height: 140px;
    resize: none;
}
.ui-state-disabled {
    opacity: 1;
}
/*Add position inside the measurement or offer */

/* Css Specific To Measurements */
.measurement_products .add-normative {
    right: 95px;
}
.measurement_products #normative_raising_price {
    position: relative;
    height: 30px;
    width: 70px;
    font-size: 14px;
    margin-top: -5px;
}
.measurement_products #normative_raising_price-li {
    display: flex;
    width: 300px;
    margin-left: -270px;
    font-size: 14px;
    height: fit-content;
    align-items: center;
    margin-top: 10px;
}
.measurement_products #normative_raising_price-li #new-normative_raising_price {
    position: relative;
    height: 25px;
    width: 70px;
    font-size: 14px;
    top: 30px;
    margin-left: -70px;
    border: 0px;
    border-bottom: 1px solid #ced4da;
}
.measurement_products #normative_raising_price-li label {
    margin-bottom: 0px;
    margin-top: -5px;
}
.measurement_products #normative_raising_price-li input {
    top: 0px;
    right: 0px;
}
.measurement_products #edit-percentage {
    border: none;
    background-color: white;
    margin-left: -70px;
    position: relative;
    top: 25px;
}
.measurement_products #edit-percentage:focus {
    outline: 0px;
}
.modal_measurement_to_offer .modal-dialog {
    max-width: 80%;
}
.modal_measurement_to_offer .modal-content.modal-content  {
    margin: 13vh auto;
}
.modal_measurement_to_offer .modal-content .modal-body  {
    max-height: 65vh;
    overflow-y: auto;
    padding-bottom: 0px;
}
#spinner-document {
    display: none;
}
/* /Css Specific To Measurements */

#add_product_button, #add_product_button_main, .add_items_button {
    background-color: #c6363c;
    color: white;
    border: 0px;
    font-weight: bold;
    padding-bottom: 3px;
    float: right;
    width: 28px;
}
.modal_adding_product_form, .modal_adding_product_form_main  {
    display: none;
}
.modal_adding_product_form .modal-dialog, .modal_adding_product_form_main .modal-dialog {
    max-width: 80%;
    margin: 10% auto;
}
.modal_adding_product_form .modal-content, .modal_adding_product_form_main .modal-content {
    margin: 0px;
    width: 60vw;
}
#fk_category_id-product {
    text-overflow: ellipsis;
}
#category_desc {
    white-space: pre-wrap;
    line-height: 1.5;   
    font-size: 14px;
}
#category_images {
    display: flex;
    justify-content: center;   
    flex-direction: column-reverse;
}
#category_images div {
    display: flex;
    justify-content: center;  
}
#category_images img {
    max-height: 300px;
    margin: 10px 0px;
}
#category_documents li {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
.tree {
    display: none;
}
.userCategory {
    display: block;
}
.treeTypeButton {
    width: 24%; 
    padding: 4px;
    background-color: #C4D5E6;
    color: #21231e;
    border: 0;
    border-bottom: 3px solid #0C4076;
    /* border-top-right-radius: 10px;
    border-top-left-radius: 10px; */
    margin-right: 5px;
    padding-top: 7px;
}
.treeTypeButton:focus, .treeViewTypeButton:focus {
    outline: none;
}
.treeTypeButton:hover {
    background-color: #0C4076;
    color: #fff;
}
.active-treeTypeButton {
    background-color: #0C4076;
    color: #fff;
    border-bottom: 3px solid #0C4076;
    
}
.active-treeTypeButton:hover {
    background-color: #0C4076;
    color: #fff;
}

.treeViewTypeButtonsContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
.treeViewTypeButton {
    font-size: 14.5px;
    width: 49%;
    padding: 3px;
    padding-top: 4px;
    background-color: #ffffff;
    color: #21231e;
    border: 0;
    border-bottom: 2px solid #21231e;
}
.treeViewTypeButton:hover {
    background-color: #EEEEEE;
    font-weight: 500;
}
.active-treeViewTypeButton {
    background-color: #EEEEEE;
    font-weight: 500;
    border-bottom: 2px solid #21231e;
    
}
.active-treeViewTypeButton:hover {
    background-color: #EEEEEE;
}

.searchView {
    display: none;
    width:100%;
    margin-top: 15px
}

.searchView .resultDiv {
    overflow-y: auto; 
    height:62.5vh; 
    width: 100%;
    margin-top: 10px;
}
.resultDiv li {
    width: 35%;
    height: 43px;
    list-style: none;
    background: url(../../images/icons/blank.gif) no-repeat 0px 5px;
    padding-left: 17px;
    vertical-align: top;
    line-height: 20px;
    float: left;
    white-space: nowrap;
}
#list-1 .product-name {
    display: table-cell !important;
}
#list-1 .product-name>span {
    display: none;
}

.keywordSearch {
    border: 0;
    border-bottom: 1.5px solid #afafaf;
    padding: 0px 10px;
    font-size: 14.5px;
}
.keywordSearch:focus {
    outline: none;
}
#fk_manufacturer_id-product_flexselect {
    width: 100%;
    font-size: 14.5px;
    border: 1.5px solid #afafaf;
    padding: 3px 5px;
}
/* MY PRODUCTS */
#my_categories {
    margin-top: 50px !important;
    min-height: 500px;
    border-bottom: 2px solid #0C4076;
}
#my_categories .row {
    margin: 0px !important;
}
#my_categories span.btn-block {
    /* background-color: #0C4076; */
}
.h3_my_products {
    border-bottom: 1px solid #0C4076;
    padding-bottom: 10px;
}
#my_categories .table td {
    padding: 0.2rem;
    align-content: center;
    text-align: center;
}
#my_categories button:not(.btn) {
    background: none;
    border: 0px;
    outline: 0px;
    color: #007bff; 
}   
#my_categories button:not(.btn):hover {
    color: #0056b3;
    text-decoration: underline;
}
.modal_adding_category {
    display: none;
}
.modal-dialog {
    max-width: fit-content;
}
.modal_adding_category .modal-content {
    width: 50vw;
    max-width: 600px;
}
.modal_custom_normative_price .modal-dialog {
    max-width: 500px;
}
/* /MY PRODUCTS */


/* GENERAL */
.modal_confirmation .modal-content {
    margin-top: 40vh !important;
}

.buttonFoundation {
    margin-top: 10px;
    border: none;
    color: white;
    border-radius: 4px;
    padding: 3px 8px;
    min-width: 80px;
}
.redButton {
    background-color: #c6363c;
}
.blueButton {
    background-color: #0C4076;
}