/* Shrinking the sidebar from 250px to 80px and center aligining its content*/
#sidebar.active {
    min-width: 100px;
    max-width: 100px;
    text-align: right;
}

/* Toggling the sidebar header content, hide the big heading [h3] and showing the small heading [strong] and vice versa*/
#sidebar .sidebar-header strong {
    display: none;
}

#sidebar.active .sidebar-header h4 {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 10px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right:  0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

/* Same dropdown links padding*/
#sidebar.active ul ul a {
    padding: 10px !important;
}

/* Changing the arrow position to bottom center position,
   translateX(50%) works with right: 50%
   to accurately  center the arrow */
#sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {
    top: auto;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
}

/*#sidebar.active [data-toggle="collapse"] span:after{*/
    /*content: "\f146";*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*left: 80%;*/
/*}*/

/*#sidebar.active [data-toggle="collapse"].collapsed span:after{*/
    /*content: "\f0fe";*/
    /*position: absolute;*/
    /*top: 25%;*/
    /*left: 80%;*/
/*}*/


/* Minimum height of the sidebar */
#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100%;
    height: 100%;
    background: var(--noactive-bg-color); /*light blue DMDsolutions*/
    color: #fff;
    /*transition: all 1s;*/
    overflow: auto;
}

#sidebar::-webkit-scrollbar {
    display: none;
}
.sidebar-content{
    position: relative;
    background-size:cover;
    max-width: 250px;
    min-height: 100%;
    max-height: 100%;
}
/* Header of the sidebar */
#sidebar .sidebar-header {
    padding: 20px;
    background: var(--noactive-bg-color);
    text-align: center
}

#sidebar .sidebar-header {
    text-align: center;
    font-size: 2.1em;
    padding: 10px;
}

/* Components of the sidebar */
#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #33698b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    color: var(--bg-color);
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: var(--noactive-bg-color);
    background: #fff;

}


ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background:  var(--noactive-bg-color);
}

#sidebar ul li.active > a {
    color: var(--bg-color);
    background: var(--active-bg-color);
}

/* Arrows for the sidebar */
a[data-toggle="collapse"] {
    position: relative;
}

a[data-toggle="collapse"].collapsed {
    position: relative;
    background: var(--noactive-bg-color);
}


a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    /*content: '\f146';*/
    display: block;
    position: absolute;
    right: 20px;
    /*font-family: 'Glyphicons Halflings';*/
    font-size: 0.6em;
}

/*a[aria-expanded="true"] ::before {
    content: '\f0fe';
}*/


/*[data-toggle="collapse"] span:after{*/
    /*content: "\f146"; !* minus Icon*!*/
    /*position: absolute;*/
    /*top: 40%;*/
    /*left: 90%;*/

/*}*/

/*[data-toggle="collapse"].collapsed span:after{*/
    /*content: "\f0fe"; !* plus icon*!*/
    /*position: absolute;*/
    /*top: 40%;*/
    /*left: 90%;*/
/*}*/

/* Color of the transitions */
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

/* Modules submenu padding*/
/* #homeSubmenu {
    padding-left: 10px;
} */

.btn.btn-outline-dark.coll{
    color: var(--active-bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

#Robin_logo{
    transform: scale(0.5) translate(-45px,0);
}

#Robin_logo_full{
    transform: scale(1.1) translate(45px,30px);
}