/*
    SIDEBAR RIGHT
*/
.navbar { padding: 15px 10px; border: none; border-radius: 0; margin-bottom: 40px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
.navbar-btn { box-shadow: none; outline: none !important; border: none; }
.line { width: 100%; height: 1px; border-bottom: 1px dashed rgb(243, 211, 64); margin: 40px 0; }


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
/* DISMISS */
#dismiss { width: 35px; height: 35px; line-height: 35px; text-align: center; background: rgb(37, 35, 36); position: absolute; top: 20px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: rgb(243, 211, 64); }
#dismiss:hover { font-size: 28px;}


#sidebar { width: 250px; position: fixed; top: 0; right: -250px; height: 100vh; z-index: 999; background: #f7f7f7; color: rgb(37, 35, 36); transition: all 0.3s; overflow-y: scroll; box-shadow: -10px 6px 9px 0px rgba(255, 199, 14, 0.068); }
#sidebar.active { right: 0; }

#sidebar .sidebar-header { padding: 20px; background: rgb(243, 211, 64); }

#sidebar ul.components { padding: 20px 0; border-bottom: 1px solid rgb(243, 211, 64); }
#sidebar ul h4 { color: rgb(37, 35, 36); padding: 10px; text-align: center; font-weight: 700; }
#sidebar ul li a { padding: 10px; font-size: 1.1em; display: block; font-weight: 700; color: rgb(37, 35, 36); }
#sidebar ul li a:hover { color: rgb(37, 35, 36); background: rgb(243, 211, 64); }

#sidebar ul li.active>a,
a[aria-expanded="true"] { color: rgb(37, 35, 36); background: rgb(243, 211, 64); }


/* SUBMENU 
        DROPDOWN */
#sidebar ul li .collapse li a { color: rgb(243, 211, 64); }

a[data-toggle="collapse"] { position: relative; }
.dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
ul ul a { font-size: 0.9em !important; padding-left: 30px !important; background: #333333; }


/* SIDEBAR
        FOOTER */
ul.side-footer { padding: 20px; }
ul.side-footer a { text-align: center; display: block; border-radius: 5px; }
ul.side-footer li { color: rgb(37, 35, 36); font-weight: 700; } 
#sidebar .side-footer li a { padding: 0; }
#sidebar .side-footer li a:hover { background: transparent; transform: scale(1.02); }
#sidebar .side-footer .social a { color: rgb(37, 35, 36); width: 45px; height: 45px; line-height: 45px; text-align: center; display: inline-block; border-radius: 50%; font-size: 18px; box-shadow: 2px 1px 3px 2px rgba(26, 25, 25, 0.09); margin-right: 3px; }


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */


/* BG 
    OVERLAY */
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s ease-in-out; }
.overlay.active { display: block; opacity: 1;}

#content { width: 100%; /* padding: 20px; */ min-height: 100vh; transition: all 0.3s; position: absolute; top: 0; right: 0; }