fieldset {
    border: 2px solid #2C4F75;
    margin: 0 2px;
    padding: .35em .625em .75em;
    border-radius: 5px;
    margin-bottom: 15px;
}

legend {
    width: auto;
    border: 1px solid;
    font-size: 17px;
    padding: 2px 15px;
    border-radius: 5px;
    background: #2C4F75;
    border-color: #2C4F75;
    color: #FFCC33;
}

.head-custom {
    background-color: #295288;
    color: rgba(255, 255, 255, 0.87);
    font-size: 14px;
}

.label-align {
    top: 9px;
}

.text-align-right {
    text-align: right;
}

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

.text-align-center {
    text-align: center;
}

.ar{
    direction:rtl;
    text-align:right;
    float:right;
    right:0;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.bootstrap-datetime-picker {
    z-index: 100000 !important;
}

.server-search .searshBtnStyle {
    color: #FFCC33 !important
}

.server-search .form-filter .select2-container {
    top: 5px;
}

.server-search .form-filter .select2-container .select2-selection {
    height: 38px;
}

.server-search .form-filter .select2-container .select2-selection .select2-selection__rendered {
    margin-top: 2px;
}

.footable-header {
    font-weight: 700;
    background: #295288;
    color: rgba(255, 255, 255, 0.87);
    font-size: 14px;
}

.footable-header th {
    text-align: center !important;
}

table.footable tbody td, table.footable tbody th {
    text-align: center !important;
}

td.footable-sortable > span.fooicon, th.footable-sortable > span.fooicon {
    opacity: 0.3;
}

th.footable-sortable.no-sort .fooicon-sort {
    display: none !important;
}

.b-orange {
    color: #e08503 !important;
    border-color: #e08503 !important;
}

.b-orange:hover {
    color: #fff !important;
    background: #e08503;
}

.b-purple {
    color: #7608b5;
    border-color: #7608b5;
}

.b-purple:hover {
    color: #fff;
    background: #7608b5;
}

.styleAlert {
    max-width: 40%;
    width: 100%;
}

th[data-type="html"] .fooicon {
    display: none;
    pointer-events: none;
    cursor: default;
    cursor: not-allowed;
}
th[data-type="html"]{
   
    pointer-events: none;
    cursor: default;
    cursor: not-allowed;
}

#actionTableTh {
    display: none;
    pointer-events: none;
    cursor: default;
    cursor: not-allowed;
}

#actionTableTh .fooicon {
    display: none;
    pointer-events: none;
    cursor: default;
    cursor: not-allowed;
}
.delete-icon {
    color: red !important;
    border-color: red;
}
.delete-icon:hover {
    color: red !important;
    border-color: red !important;
    background-color: red !important;
}
.right{
    float: right;
    border: none;
    border-radius: 0px;
}
.jsCancel {
    top: 8px;
    right: 15px;
}
.typeEnfant{
    position: relative;
    bottom: 3px;
}
.align{
    margin-top: 3px;
}

td.details-control::before {
    content: "\2BC8";
    cursor: pointer;
    width:10px;
}

tr.shown td.details-control::before {
    content: "\2BC6";
    width:10px;
}
#EntityType th,
#EntityType td {
    border: none;
    display: table-cell;
    vertical-align: top;
}

#Entity thead tr {
    background-color: lightgray !important;
}


#Entity th,
#Entity td {
    border: none;
    display: table-cell;
    vertical-align: top;
}
table{
    width:100%;
}
.nested-table {
    padding: 0 !important; /* Set padding to 0 for td elements in child rows */
}
.tablink {
    color: gray;
    border: 1px solid gray;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
}

    .tablink:hover {
        background-color: lightgray;
    }

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: gray;
    display: none;
    padding: 100px 20px;
}
.tabHeader {
    display: inline-flex;
    list-style-type: none;
}
.tabClicked{
    background-color: #fff;
    border-bottom: none;
}
.filter-btn{
    display: contents !important;
}
.margin-filter{
    margin-left:20px;
    margin-right:20px;
}
.orgchart{
    display: contents !important;
    max-width:100%;
    max-height:100%;
    overflow: auto;
}
.center-div{
    top:20%;
    position: fixed;
    right:10%;
}
.js-select {
    width: 100%;
    border: 1px solid gray;
}
.error{
    color: red !important;
}
#objectiveBody{
    display:none;
}
.dataTables_empty {
    display: block !important;
    font-size: 14px !important;
}

/* Define a CSS class for selected rows */
.selected-row {
    background-color: #2196f3;
    color: white;
    cursor: pointer;
}
.marginLeft{
    margin-left:10px;
}
.print-icon {
    color: black !important;
    border-color: black !important;
}

.print-icon:hover {
    color: black !important;
    border-color: black !important;
    background-color: black !important;
}
.no-padding{
  padding: 0 !important;
}
.margin-left{
    margin-left:5px;
}
.numberInput {
    width: 10%;
}
.marginTop {
    margin-top: 10px !important;
}
#formula{
    display: inline-flex;
}
.fa-calculator {
    margin-top: 10px;
    font-size: 25px;
    color: #295288;
    margin-left: 5px;
    cursor: pointer;
}
.marginRight{
    margin-right:5px;
}
.fonctions{
    margin-top: 35px;
}
.fonctionNames span{
    cursor:pointer;
    display:grid;
}
.fonctions span {
    padding: 5px 5px 5px 5px;
    border: 1px solid lightgray;
    background-color: gainsboro;
    cursor: pointer;
}
.borderDiv {
    border: 1px solid lightgray;
    height: 15vh;
    padding-top: 5px;
    overflow: auto;
}
.borderDiv div{
    cursor: pointer;
}
.clickedFolder {
    background: lightblue;
}
#indicatorsGroup table{
    margin-top: 10px;
    border: 1px solid lightgray;
}
#indicatorsGroup table thead {
    background: lightgray;
}
#indicatorsGroup{
    padding:4px !important;
}
.hide{
    display:none;
}
.pointer{
    cursor: pointer;
}
.content{
    display: contents !important;
}
.paddingTop {
    padding-top: 15px;
    padding-right: 5px;
}

.collect-title {
    font-weight: bold;
    font-size: 15px;
}
.marginBottom {
    margin-bottom: 25px !important;
}

.alignItem{
    display: block;
    margin-bottom: 5px;
}
.flex{
    display:inline-flex;
}
.clearFormula {
    margin-top: 5px;
    margin-left: 5px;
    border: 1px solid;
    text-align: center;
    color: red;
    padding: 5px 5px 5px 5px;
    height: 25px;
    cursor: pointer;
}
.verticalAlign{
    vertical-align: middle;
}
.tree-view , .tree-view-forecast{
    border: 1px solid lightgray;
    height: 50vh;
    overflow: auto;
}
#collectEntities, #collectEntities-forecast {
    border: 1px solid lightgray;
    height: 50vh;
}
#collectEntities select{
    top: 0;
}
.center-vertical {
    top: 160px;
}
.margin {
    margin: 10px 10px 5px 5px;
}
.overfow-auto{
    overflow: auto;
    height: 60vh;
}
.select2{
    width:100% !important;
}
.jsReOrderAxis{
    border: 1px solid;
}
.indicator-name {
    border: none !important;
    font-weight: bold;
    text-transform: uppercase;
    color: darkgoldenrod;
}
.responsible {
   top: 0;
}
.twoLines {
    text-overflow: ellipsis;
    width: 20%;
    height: 80px;
    overflow: hidden;
    white-space: normal;
    padding: 7px 10px;
    display: block;
    margin: 0 auto;
}
.blueBtn {
    color: white !important;
    background-color: #295288;
}
#forecastedIndicatorValues, realizedIndicatorValues {
    width: 100% !important;
}
.contents{
    display: contents;
}
.b-orange:has(:hover) {
    color: orange !important;
    border-color: orange !important;
    background-color: orange !important;
}
.no-top{
    top: 0!important;
}
.progress-bar {
    cursor: pointer;
}
.custom-button {
    background: #295288;
    border-radius: 0;
    font-size: 15px;
    padding: 12px 15px 12px 15px;
}
.marginBtn{
    margin-bottom:15px;
}
.return-message{
    text-align:center;
    margin:15px;
}
.disabled{
    pointer-events: none;
}