/* Default styles  */
/*base.html.erb begin*/

#top-menu {background: #3E5B76; color: #fff; height:3.6em; z-index:5001; font-size: 0.8em; padding: 2px 10px 0px 12px;}
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
#account {float:right; margin-top: unset;}
fieldset#filters td.values select {min-width:130px; max-width:300px;}
#admin-menu a,
#admin-menu a.selected {
    line-height: 24px;
    padding: 0 0 0 22px;
    background-position: 0px 50% !important;
}

#admin-menu a:has(svg),
#admin-menu a.selected:has(svg) {
    padding-left: 0px !important;
}

d {
    margin-right: 3px;
}
dd {
    color: #808080;
    margin-right: 3px;
}
@media screen and (max-width: 899px) {
    #main {
        padding: 118px 0 0;
    }
    .tabular p:has(>input[type=checkbox]) label {
        width: auto;
    }
}

.ui-tooltip.ui-widget-shadow.ui-widget.ui-widget-content {
    z-index: 10000000;
}

table .buttons {margin-block: 0}

.ui-tooltip {z-index: 9999999}

legend {font-size: x-large}

h3 {font-size: x-large}

h4 {font-size: large}

.menu-item a {display: inline-table}

#mySidenav {
    top: 55px;
    overflow: unset;
}

#mySidenav .menu-tabs {
    overflow: hidden;
    display: inline-flex;
    width: 100%;
    border-bottom: 2px solid;
    color: aliceblue;
}

#mySidenav .menu-tab {
    color: gray;
    font-weight: bold;
    padding: 10px;
    border: 2px solid;
    margin: 8px 4px;
    border-radius: 5px;
    cursor: pointer;
}

#mySidenav .menu-tab:hover {
    color: aliceblue;
    border-color: yellow;
    box-shadow: 0px 0px 6px antiquewhite;
    text-shadow: 0px 0px 6px antiquewhite;
}

#mySidenav .menu-tab.selected {
    color: white;
    border-color: yellow;
}

#mySidenav .pane:not(.selected):not(.side_help) {
    display: none;
}

#mySidenav .menu-tab-title:not(.selected) {
    display: none;
}

#mySidenav .menu-tab-title {
    font-weight: bold;
    font-size: 1.5rem;
    padding-block: 5px;
    text-align: center;
    color: aliceblue;
}

.menu-item {
    display: inline-flex;
    min-width: 90%;
    cursor: pointer;
    padding-inline: 8px;
    margin: 0px 4px 2px 0px;
    color: aliceblue;
}

.menu-item.menu-selected {
    background: #00dbff25;
    border-radius: 15px;
}

.menu-item i {
    margin-block: auto;
    margin-right: 5px;
}

div#mySidenav ul {
    margin-block: 2px;
    padding: 0px;
    font-size: 0.9em;
    line-height: 2.5em;
}

div#mySidenav ul.menu-children {
    border-top: 1px solid;
    /*border-left: 1px solid aliceblue;*/
    border-bottom-left-radius: 15px;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.3s ease-in-out;
}

div#mySidenav .open ul.menu-children {
    border-left: 1px solid aliceblue;
    max-height: 10000px;
    transition: max-height 0.3s ease-in;
}

div#mySidenav .pane {
    overflow-y: auto;
    height: 100%;
    padding: 0px;
}

div#mySidenav .fa-chevron-right {
    transition: transform 0.3s ease-in-out;
}

div#mySidenav .menu-node.open .fa-chevron-right {
    transform: rotate(90deg);
}

.menu-item.menu-selected .fa-circle {
    opacity: 0.5 !important;
    color: gold !important;
}

div#mySidenav .menu-node {
    border-bottom-left-radius: 15px;
}

div#mySidenav .menu-node.open {
    border-top: 1px solid;
    border-left: 1px solid;
    border-top-left-radius: 15px;
}

#top-menu {
    position: fixed;
    width: 100%;
}

#top-menu > * {
    margin-block: 0px !important;
}

#header {
    margin-top: 15px;
}

#mySidenav .side_help {
    text-align: justify;
}

#mySidenav .side_help #title_sidemenu {
    padding-left: 8px;
}

#loggedas {
    text-shadow: 0px 0px 2px gold;
}

/*base.html.erb end*/

.project-logo {
    vertical-align: bottom;
    max-height: 55px;
    padding: 0px 15px 0px 10px;
}

.main-logo {
    max-height: 55px;
    padding: 0px 15px 0px 10px;
}

#main-menu li a:hover {
    background: #759FCF;
    color: #fff;
}

#main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {
    display: block;
}

#main-menu li a.selected, #main-menu li a.selected:hover {
    background: #fff;
    color: #555;
}

#main-menu li a.new-object {
    background-color: #759FCF;
}

#main-menu .menu-children {
    display: none;
    position: absolute;
    width: inherit;
    min-width: 200px;
    z-index: 45;
    background-color: #fff;
    border-right: 1px solid #759FCF;
    border-bottom: 1px solid #759FCF;
    border-left: 1px solid #759FCF;
}

#main-menu .menu-children li {
    float: left;
    clear: both;
    width: 100%;
}

#main-menu .menu-children li a {
    color: #555;
    background-color: #fff;
    font-weight: normal;
}

#main-menu .menu-children li a:hover {
    color: #fff;
    background-color: #759FCF;
}

/*#top-menu li a:hover {background:#759FCF; color:#fff;}*/
#top-menu li:hover ul.menu-children, #top-menu li ul.menu-children.visible {
    display: block;
}

#top-menu li a.selected, #top-menu li a.selected:hover {
    background: #fff;
    color: #555;
}

#top-menu li a.new-object {
    background-color: #759FCF;
}

#top-menu .menu-children {
    display: none;
    position: absolute;
    width: inherit;
    min-width: 200px;
    z-index: 45;
    background: #3e5b76 none repeat scroll 0 0;
}

#top-menu .menu-children li {
    float: left;
    clear: both;
    width: 100%;
    margin: 5px;
}

#top-menu .menu-children li a {
    color: #fff;
    background: #3e5b76 none repeat scroll 0 0;
    font-weight: normal;
}

/* FIX COMPANY'S AVATAR*/
.avatar {
    text-align: center;
}

.left-avatar {
    text-align: left;
}

/*FIX FILTERS INPUTS*/
fieldset#filters td.values input {
    height: inherit;
}

/* GENERAL FIXES LGHP */
.icon.rotate90 svg, .icon.rotate90:before {
    transform: rotate(90deg);
}
.icon.rotate180 svg, .icon.rotate180:before {
    transform: rotate(180deg);
}
.icon.rotate270 svg, .icon.rotate270:before {
    transform: rotate(-90deg);
}
.icon-bullet-key-blue {
    position: relative;
}
.icon-bullet-key {
    position: relative;
}
.icon-bullet-key-blue.icon-user svg.icon-svg {
    stroke-width: 2;
}
.icon-bullet-key.icon-user svg.icon-svg {
    stroke: goldenrod;
    stroke-width: 2;
}
.icon-bullet-key::before {
    position: absolute;
    content: "";
    background-image: url("/assets/plugin_assets/labpro_init/bullet_key-0a977acf.png");
    top: 12px;
    left: 10px;
    transform: translate(-50%, -50%);
    padding: 8px;
}
.icon-bullet-key-blue::before {
    position: absolute;
    content: "";
    background-image: url("/assets/plugin_assets/labpro_init/bullet_key_blue-7be99147.png");
    top: 12px;
    left: 10px;
    transform: translate(-50%, -50%);
    padding: 8px;
}

.icon-bullet-diamond {
    background-image: url("/assets/bullet_diamond-5434b81f.png");
}
.icon-contract_suplement {
    background-image: url("/assets/plugin_assets/labpro_init/contract_suplement-e04c376b.png");
    background-size: 16px;
}
.icon-return_investment {
    background-image: url("/assets/plugin_assets/labpro_init/return_investment-1cf9d28a.png");
    background-size: 16px;
}
.icon-payment_day {
    background-image: url("/assets/plugin_assets/labpro_init/payment_day-4adbf58d.png");
    background-size: 16px;
}
.icon-flag {
    background-image: url("/assets/plugin_assets/labpro_init/flag-b0d692ef.png");
}
.icon-appraisal {
    background-image: url("/assets/plugin_assets/labpro_init/appraisal-c7d2c9fc.png");
    background-size: 16px;
}
.icon-payment_certification {
    background-image: url("/assets/plugin_assets/labpro_init/payment_certification-21ce4adc.png");
    background-size: 16px;
}
.icon-contract-provider{
    background-image: url("/assets/plugin_assets/labpro_init/contract_provider-b91e6035.png")
}
.icon-contract-client{
    background-image: url("/assets/plugin_assets/labpro_init/contract_client-fccb3a26.png")
}
.icon-stakeholder-provider{
    background-image: url("/assets/plugin_assets/labpro_init/stakeholder_provider-9f0f602b.png");
    background-size: 16px;
}
.icon-stakeholder-client{
    background-image: url("/assets/plugin_assets/labpro_init/stakeholder_client-89a6b5aa.png");
    background-size: 16px;
}
.icon-query{
    background-image: url("/assets/plugin_assets/labpro_init/query-d909ecbc.png")
}

.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected] {
    background-color: inherit;
    color: inherit;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected]:hover {
    background-color: #0080ff80;
    color: white;
}

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

.select2-indicators > *:not(:first-child) {
    margin-left: 5px;
}

.icon {

}

.select2-selection__clear {
    height: 21px;
}

.select2-indicators:not(:empty)::before {
    content: ' (';
}

.select2-indicators:not(:empty)::after {
    content: ')';
}

.select2-indicators {
    opacity: 0.8;
}

.ui-tooltip.ui-widget.ui-widget-content {
    pointer-events: none;
}

code {
    padding: 0px 5px;
    border-radius: 8px;
    background: #ffc17140;
    cursor: pointer;
    border: 1px solid #ffc17180;
    text-shadow: 0 0 0px #008;
}

code:hover {
    text-decoration: underline;
    text-decoration-color: #aaa;
}

.select2-selection__placeholder .icon {
    display: none;
}

fieldset.box.collapsible {
    border-width: 1px;
}
fieldset.collapsed legend {
    margin-bottom: 4px;
    height: 24px;
}

fieldset.legend {
    min-height: 24px;
    margin-bottom: 4px;
}

#ajax-indicator {
    pointer-events: none;
    z-index: 99999999;
}

.view_head {
    position: relative;
}
.view_head a {
    position: absolute;
    opacity: 0.5;
}
.view_head:hover a {
    opacity: 1.0;
}

input:disabled, select:disabled, textarea:disabled {
    background-color: #ebebe4 !important;
    color: #888 !important;
    cursor: not-allowed;
}
tr.user td { width: auto; }

div.flash.error {
    white-space: preserve;
}

.select_display_type {
    color: #001D37;
}

.select_display_type.selected {
    background: #0a53be;
    background-clip: padding-box;
    color: white;
}

.select_display_type:not(.selected):hover {
    box-shadow: 0px 0px 4px yellow;
    background: antiquewhite;
    background-clip: padding-box;
    color: grey;
}




/* for jstoolbar begin */
#ajax-modal .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
#ajax-modal .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; min-width: 2000px; width: 100%;  border-bottom: 1px solid #bbbbbb;}
#ajax-modal .tabs ul li {
    float:left;
    list-style-type:none;
    white-space:nowrap;
    margin-right:4px;
    position:relative;
    margin-bottom:-1px;
}
#ajax-modal .tabs ul li a{
    display:block;
    font-size: 0.9em;
    text-decoration:none;
    line-height:1.3em;
    padding:4px 6px 4px 6px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbbbbb;
    color:#999;
    font-weight:bold;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

#ajax-modal .tabs ul li a:hover {
    color:#777;
    text-decoration:none;
}

#ajax-modal .tabs ul li a.selected {
    background-color: #fff;
    border: 1px solid #bbbbbb;
    border-bottom: 1px solid #fff;
    color:#444;
}

#ajax-modal .tabs ul li a.selected:hover {background-color: #fff;}

#ajax-modal .jstTabs.tabs {
    margin-bottom: -1px;
}
#ajax-modal .jstTabs.tabs ul {border-bottom:0;}
#ajax-modal .jstTabs.tabs li {
    height: 42px;
}
#ajax-modal .jstTabs.tabs li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#ajax-modal .jstTabs.tabs li a {
    display: inline-block;
    vertical-align: bottom;
    line-height: 19px;
    border-bottom: 1px solid transparent;
}
/* for jstoolbar end */

table.labpro_responsive tr td, table.labpro_responsive tr th, table.list tr td, table.list tr th {
    white-space: wrap;
}

.false-load-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    max-width: 100%;
    height: 30px;
    border: 2px solid #6c6c6c;
    border-radius: 4px;
    position: relative;
    text-shadow: black 1px 1px 2px;
    color: #ffffff;
    margin: 0 auto;
}

.false-load-container .loading {
    z-index: 2;
}

.false-load-bar::after {
    content: '';
    width: 0%;
    height: 100%;
    background-color: #0e84b5;
    position: absolute;
    top: 0;
    left: 0;
    animation: false-fill-load 15s cubic-bezier(0.1, 0.8, 0.2, 1);
    animation-fill-mode: forwards;
    opacity: 40%;
}

@keyframes false-fill-load {
    0% {width: 0%;}
    50% {width: 90%;}
    100% {width: 99.5%;}
}

.ui-dialog .ui-dialog-content {
    overscroll-behavior: none;
}

#ajax-modal .jstTabs.tabs ul {
    display: inline-flex;
    min-width: unset;
}
#ajax-modal .jstTabs.tabs li.tab-elements {
    overflow: auto;
}

.jstBlock .wiki-preview * {
    all: unset;
}

.icon-letter {
    margin-right: 2px;
    font-family: 'Noto Sans', 'IBM Plex Sans', Archia, Go Fonts, sans-serif;
}
html body .icon-letter {
    box-sizing: border-box;
    color: white;
    text-shadow: 1px 1px 2px #000000a0;
    border: 1px solid transparent;
    background: #ffaa6c;
    min-width: 32px;
    min-height: 32px;
    padding: 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    font-weight: bolder;
}
html body a .icon-letter:hover {
    border: 1px solid black;
    text-shadow: 1px 1px 2px black;
}

img.img-preview {
    margin-right: 2px;
}

table.list {
    overflow: auto;
}
tr.project td.name a {
    white-space: unset;
}
.tabular p > label + span:not(:has(textarea)) {
    padding-top: 3px;
}
#ajax-modal .tabular p > label + span:not(:has(textarea)) {
    display: inline-block;
}

.title-hidden {
    display: none;
}
/* blocks for project*/
.block_content > .shadow {
    box-shadow: 1px 1px 3px #aaa;
    border-radius: 0.375rem;
}
.block_content > .box.card {
    padding: 0;
    border: 1px solid #ddd;
}
.block_content > .card {
    margin-bottom: 10px;
    border-radius: 0.375rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.block_content > .card > :first-child {
    color: #2A0062;
    background: #E7F3EB;
    border-radius: 0.375rem;
    align-items: center;
    display: block;
    padding: 1.0rem 1.5rem;
    font-weight: bold;
    font-size: 22px;
    font-family: Arial, sans-serif;
    border: unset;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.block_content > .card > :not(:first-child) {
    padding-inline: 18px 10px;
}
.block_content > .card > :first-child + * {
    padding-top: 12px;
}
.block_content > .card > :last-child {
    padding-bottom: 12px;
}
.wizard-links a.selected, a.wizard-link.selected {
    font-weight: bold;
    color: #2A0062;
    text-shadow: 0 0 1px #444;
}
.salary {
    font-family: Arial Narrow;
    white-space: nowrap;
}
table tr.totals td {
    border-top: 2px solid #ccc;
    background-color: #eee;
}
#ajax-modal .buttons {
    background-color: #ffffffa0;
}

/* plugin icon extensions */

.icon-stakeholders {
    background-image: url("/assets/plugin_assets/labpro_stakeholders/stakeholders_icon-5b41931e.png")
}

.icon-help_configurations {
    background-image: url("/assets/plugin_assets/labpro_menu/help_configurations-2258fea6.png")
}
.icon-labpro_error_admin_setting {
    background-image: url("/assets/plugin_assets/labpro_errors/labpro_error_admin_setting-4fe40857.png")
}
.icon-labpro_settings {
    background-image: url("/assets/plugin_assets/labpro_settings/labpro_settings-279424e1.png")
}
.icon-front_icon {
    background-image: url("/assets/plugin_assets/labpro_front/front_icon-edae7f20.png")
}
.icon-labpro_indicators {
    background-image: url("/assets/plugin_assets/labpro_indicators/labpro_indicators-a7099fc2.png")
}
.icon-kanban_icon {
    background-image: url("/assets/plugin_assets/labpro_agile/kanban_icon-7aeb0ef2.png")
}
.icon-labpro_sync_logo {
    background-image: url("/assets/plugin_assets/labpro_replicator_manager/labpro_sync_logo-5e8c3979.png")
}
.icon-human_resources {
    background-image: url("/assets/plugin_assets/labpro_human_resources/human_resources-e6aca563.png")
}
.icon-pevaliuation_icon {
    background-image: url("/assets/plugin_assets/labpro_pevaluations/pevaliuation_icon-7e706a67.png")
}
.icon-labpro_contract {
    background-image: url("/assets/plugin_assets/labpro_init/contract_client-fccb3a26.png")
}
.icon-finance_icon2 {
    background-image: url("/assets/plugin_assets/labpro_finances/finance_icon2-ee0b9028.png")
}
.icon-feasibility_icon {
    background-image: url("/assets/plugin_assets/labpro_feasibilities/feasibility_icon-85a5bec7.png")
}
.icon-labpro_wizard_items {
    background-image: url("/assets/plugin_assets/labpro_dip/labpro_wizard_items-6371f17d.png")
}
.icon-analysis_icon {
    background-image: url("/assets/plugin_assets/labpro_init/analysis_icon-2865e6b2.png")
}
.icon-support {
    background-image: url("/assets/plugin_assets/labpro_chatbot/support-f1288fb4.png")
}
.icon-sport_icon {
    background-image: url("/plugin_assets/labpro_sports/sport_icon.png")
}
.icon-psicology_icon {
    background-image: url("/assets/plugin_assets/labpro_psicology/psicology_icon-e6228740.png")
}
.icon-bulk-add:not(:has(svg)) {
    background-image: url("/assets/plugin_assets/labpro_init/bulk-add-ca167a6e.png")
}

html body .loading-gif {
    background-image: url("/assets/loading-5fb375e6.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    animation: loadingGifTimeOut 15s steps(1) forwards;
}

@keyframes loadingGifTimeOut {
    100% {
        background-image: url("/assets/exclamation-be65640f.png");
    }
}

.icon:not(:has(svg)) {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 16px;
}
div.scroll-contain {
    overscroll-behavior: contain;
}
label.error ~ * .select2-selection {
    border-color: #bb0000;
}
#content > p > a.selected {
    font-weight: bold;
    color: #2A0062;
    text-shadow: 0 0 1px #444;
}
#errorExplanation, div.flash, .nodata, .warning, .conflict {
    padding-inline: 18px;
}
html #errorExplanation {
    background: #ff8000;
}
.gravatar + .icon-bullet-key::before, .gravatar + .icon-bullet-key-blue::before  {left: -8px; top: 11px}
html .gravatar { box-sizing: content-box; }

.draggable{touch-action: none}

* > .info.collapsible {
    overflow: auto;
    max-height: 0;
    transition: max-height 1.0s;
    transition-delay: 0.5s;
}
*:hover > .info.collapsible, * >*:focus ~ .info.collapsible {
    max-height: 120px;
}

div.flash svg.icon-svg, #errorExplanation:has(svg) svg.icon-svg, .conflict svg.icon-svg {
    margin-left: unset;
    stroke: #fff !important;
    stroke-width: 2.5;
}
html .select2-dropdown {
    z-index: 10000000;
}
[id] {
    scroll-margin-top: 76px;
}