/*
Copyright 2025 Afliant srl

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 */

:root {
    --gray-basic-text: #b1b5bb;
    --white-text: #ffffff;
    --accent-text: #333;
    --accent-color: #666;
    --primary-color: #bbb;
    --secondary-color: #111;
    --hover-color: #999;
    --nav-text-color: #2d3f3f;
    /* tags colors */
    --color-azure: #6fa8dc;
    --color-green: #93c47d;
    --color-yellow: #f9c119;
    --color-grey: #cccccc;
    --color-red: #e06666;
}


/* ---------------------------------- data_box_container --------------------------------- */
div.data_box_container{
    grid-template-columns: repeat(auto-fill, 32%);
    justify-content: space-between;
    display: grid;
}

div.data_box_container > div{margin-bottom: 20px;}

div.data_box_container div.data_box_header{
    justify-content: space-between;
    align-items: center;
    display: flex;
}

div.data_box_container div.data_box_header h3{
    padding-right: 10px;
    margin-bottom: 0px;
}

div.data_box_container div.data_box_header div.data_box_actions{min-width: max-content;}

div.data_box_container div.data_box_content{
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px;
}

div.data_box_container div.data_box_content div.logo_container{
    margin-bottom: 20px;
    display: flex;
    width: 100px;
}

div.data_box_container div.data_box_content div.logo_container img{width: 100%;}
div.data_box_container div.data_box_content p{color: var(--accent-text);}

span.tag{
    text-transform: uppercase;
    display: inline-block;
    border-radius: 3px;
    font-weight: 500;
    padding: 3px 6px;
    font-size: 10px;
}
span.tag.active,
span.tag.green{
    background-color:var(--color-green);
    color: var(--white-text);
}



/* select2 */
span.select2{
    margin-bottom: 20px;
}

span.select2-results {
    color: var(--accent-text);
}

.select2-container--default .select2-selection{
    border: 1px solid #e7e7e7 !important;
    background-color: #fff !important;
    border-radius: 5px !important;
    min-height: 40px !important;
    font-size: 13px;
    width: 100%;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #333;
}

span.select2-selection__clear{
    font-size: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(0,0,0,0.03) !important;
    border-color: #ddd !important;
    padding: 3px 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(100% - 4px) !important; }
.select2-container--default .select2-selection--single .select2-selection__clear{ height: 100% !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 5px 10px; }