html {
    font-size: 13px;
}

body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
}

.digibite-filters {
    padding: 1rem !important;
    margin-bottom: 1rem;
    background-color: #9ac42742 !important;
    border: 1px solid #f8f9fa !important;
    border-top: 2px solid #9AC427 !important;
}

.digibite-content {
    border: 1px solid #f8f9fa !important;
    border-top: 2px solid #9AC42788 !important;
}

.digibite-commands {
    padding: 1rem !important;
    margin-bottom: 1rem;
    background-color: #9ac42742 !important;
    border: 1px solid #f8f9fa !important;
    border-top: 2px solid #9AC427 !important;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    vertical-align: middle;
    text-align: center;
}

/*table.dataTable.table-striped>tbody>tr.odd>* {*/
/*    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.02)*/
/*}*/

/*table.dataTable.table-striped>tbody>tr.even>* {*/
/*    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.04)*/
/*}*/


/*table.dataTable.table-striped > tbody > tr:hover > * {*/
/*    box-shadow:inset 0 0 0 9999px rgba(154,196,39, 0.2)*/
/*}*/


table.dataTable > thead {
    background-color: #9AC427 !important;
    color:white;
}

/* Personalizzazione per fixedColumns */
table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right, table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right {
    background-color: #9AC427 !important;
    color:white;
}
table.dataTable tr > .dtfc-fixed-left, table.dataTable tr > .dtfc-fixed-right {
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.5) !important;
}

#main-table tbody {
    text-align: center;
}

.tox-promotion, .tox-statusbar__path-item, .tox-statusbar__branding {
    display: none !important;
}

/* Jira Support iframe */
/*iframe#jsd-widget {*/
/*    margin-bottom: 50px;*/
/*}*/

/*.main-header {*/
/*    max-height: 50px !important;*/
/*}*/

/*.brand-link {*/
/*    !*border-bottom: 0 !important;*!*/
/*}*/

/*.brand-link img {*/
/*    height: 40px !important;*/
/*    width: auto !important;*/
/*}*/

/*.main-sidebar .logo img {*/
/*    height: 40px !important;*/
/*    width: auto !important;*/
/*    margin: 5px;*/
/*}*/

/*.main-sidebar {*/
/*    background-color: #f9fafc !important;*/
/*}*/

/*.sidebar {*/
/*    padding-left: 0;*/
/*}*/

.unit-form-error {
    border-color: #dc3545 !important;
    box-shadow: 0px 0px 10px #dc3545 !important;
}

.lang-image {
    height: 20px;
    width: 20px;
}

.lang-image-sm {
    height: 15px;
    width: 15px;
}

/*.sidebar-toggle {*/
/*    color: #335E6B !important;*/
/*}*/

/*.nav-header {*/
/*    background: #335e6b !important;*/
/*    color: white !important;*/
/*    font-size: 16px;*/
/*    text-align: center;*/
/*    font-weight: bold;*/
/*    letter-spacing: 4px;*/
/*    text-transform: uppercase;*/
/*}*/

/*.nav-link {*/
/*    border-left: 5px solid transparent;*/
/*    font-weight: 600;*/
/*    color: #444 !important;*/
/*    margin-bottom: 0 !important;*/
/*}*/

/*.nav-link:hover, .nav-link:active {*/
/*    background: var(--brand-sidebar-hover) !important;*/
/*    color: black !important;*/
/*}*/

/*body > div.wrapper > aside > section > ul > li.treeview > ul > li > a > span {*/
/*    margin-left: 0;*/
/*}*/

/* Imposto la larghezza del menu a tendina quando il menu è chiuso */
/*.sidebar-mini.sidebar-collapse .sidebar > li:hover > a > span {*/
/*    width: 230px !important;*/
/*}*/

/*.sidebar-mini.sidebar-collapse .sidebar > li:hover > a > .pull-right-container {*/
/*    width: auto !important;*/
/*    left: 230px !important;*/
/*}*/

/* Stili custom per i primi tre menu */
.first-menu a, .second-menu a, .third-menu a {
    /*color: white !important;*/
    /*margin-bottom: 0 !important;*/
}

.first-menu a:hover, .first-menu a:active, .second-menu a:hover, .second-menu a:active, .third-menu a:hover, .third-menu a:active {
    /*color: white !important;*/
}

.nav-link {
    /*border-radius: 0 !important;*/
}

/* Bordo per immagine utente */
.user-image {
    display: inline;
    float: inherit !important;
    border: 2px solid #C0C0C0;
    color: #335E6B;
    text-align: center;
    vertical-align: middle;
    width: 35px !important;
    height: 35px !important;
    margin-top: -7px !important;
    padding: 6px !important;
}

.user-image strong {
    margin-left: 2px !important;
}

.tab button {
    background: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: white;
    border-radius: 5px 5px 0 0;
    margin-top: 0.5rem;
    /*margin-left: 0.5rem;*/
}

/* Change background color of buttons on hover */
.tab button:hover {
    color: lightgrey;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: white;
    color: black;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}

.tabcontent .title h1 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 2rem;

}

.inner-box {
    padding-top: 5rem;
}

.inner-box.first-box {
    padding-top: 2rem;
}

hr {
    margin: 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-link {
    cursor: pointer;
}

.highlight {
    background: rgba(0, 255, 0, 0.2);
}

.fade-back {
    background: transparent;
    transition: background-color 1s ease-out;
}

.bg-aqua {
    color: #fff !important;
    background-color: #00c0ef !important;
}

.info-box {
    padding: 0!important;
}

.table tr td {
    padding: .25rem .3rem!important;
}

.w-max {
    min-width: max-content;
}

.form-label.required:after {
    content: "*";
    margin-left: .25rem;
    color: #dc3545;
}

label {
    margin-bottom: 0.25rem!important;
}

.form-group {
    margin-bottom: 0.5rem!important;
}

.content-header {
    padding: 1rem 0!important;
    margin-bottom: 1rem;
}

.content-header h1 {
    font-size: 1.5rem !important;
}

td.green-cell {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

tr.green-row td {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

td.orange-cell {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

tr.orange-row td {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

td.red-cell {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

tr.red-row td {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

td.blue-cell {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

tr.blue-row td {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

td.gray-cell {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

tr.gray-row td {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/* Custom bootstrap select styles */

.bootstrap-select > .dropdown-toggle {
    background: white !important;
    box-shadow: none !important;
    border-color: #d2d6de !important;
}
.bootstrap-select > .dropdown-menu {
    border-color: #999 !important;
}

/* Btn style override */
.bootstrap-select > .btn-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.bootstrap-select > .btn-bitbucket {
    background-color: #205081 !important;
    border-color: #205081 !important;
}
.bootstrap-select > .btn-info {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}
.bootstrap-select > .btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.bootstrap-select > .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.bootstrap-select > .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.toggle-value, .btn-digibite-upload {
    width: 60px;
}

/* Stile custom per boostrap-seelct quando si deve aprire verso sinistra */
.bootstrap-select-wrapper-left .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    transform: translate3d(0px, 31px, 0px) !important;
}

.list-group-item.active {
    color: #495057;
    background-color: rgba(0, 123, 255, 0.25);
}