.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: var(--bs-gray);
}
.form-control-dark:focus {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.text-small {
    font-size: 85%;
}

.dropdown-toggle {
    outline: 0;
}


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

html *
{
    /*font-size: 1em !important;*/
    color: #000 !important;
    font-family: Open Sans Condensed !important;
}
.elevation-4{
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;
}
.title-header {
    background-color: lightcoral ;
}
.subtitle-header {
    background-color: #d3d3d375;
}
.disabled {
    pointer-events:none ; 
    opacity:0.6;         
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative; 	}
    .nav-item .submenu{ 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .nav-item .submenu-left{ 
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}	
/* ============ small devices .end// ============ */

* /* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
html, body { background-color: #dedede; } */
.folder-tree-wrapper { background-color: #fff; width: 220px; min-height: 260px; padding: 20px; margin: 35px auto; border-radius: 3px; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.11); }
.folder-tree { list-style: none; cursor: pointer; padding-left: 20px; }
.folder-tree li { margin-bottom: 10px; font-size: 14px; transition: all .4s ease; position: relative; }
.folder-tree li:hover {  }
.folder-tree li i { color: rgb(242, 176, 53); }
.folder-tree li ul { padding-left: 10px; padding-top: 8px; }
.folder-tree ul { display: none; position: relative; }
.folder-tree ul:before { position: absolute; content: ''; left: -10px; top: 0; width: 2px; height: 100%; background-color: transparent; border-left: dashed 1px #c2c2c2; border-bottom: dashed 1px #c2c2c2; }
.folder-tree li ul li { display: block; margin-bottom: 8px; }
.folder-tree .arrow { position: absolute; top: 5px; left: -14px; width: 8px; height: 8px; transition: all .4s ease; transform: rotate(-90deg); }
.folder-tree .arrow i { color: #fff; transition: all .4s ease; }
.folder-tree .arrow:hover i { color: #fff; }
.folder-tree li.expanded > ul { display: block; }
.folder-tree li.expanded > .arrow { transform: rotate(0deg); top: 0px; left: -17px; }
.folder-tree li.active { background-color : #d3d3d375;}


  .selected {
        background-color: #b0bed9;
    }
.highlight_row {
        background-color: #b0bed9;
    }

    .hidden {
        display:none;
    }