/**
 * Spectra is software designed to build a website.
 * PHP version 8+
 *
 * @category  OpenSource
 * @package   Spectra
 * @author    Mike Boyles <admin@papamikescreations.org>
 * @copyright 2024 Papa Mike's Creations
 * @license   GNU General Public License <http://www.gnu.org/licenses/>.
 * @link      https://www.papamikescreations.org
 */

.scrollbar {height: 90%;width: 100%;overflow-y: hidden;overflow-x: hidden;}.scrollbar:hover {height: 90%;width: 100%;overflow-y: scroll;overflow-x: hidden;}#style-1::-webkit-scrollbar-track {border-radius: 2px;}#style-1::-webkit-scrollbar {width: 5px;background-color: #F7F7F7;}#style-1::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #BFBFBF;}.icon-lg {font-size: 1em;}.icon {position: relative;display: table-cell;width: 55px;height: 36px;text-align: center;top: 12px;font-size: 20px;}.main-menu:hover, nav.main-menu.expanded {width: 250px;overflow: hidden;opacity: 1;z-index: 999;}.main-menu>ul {margin: 7px 0;}.main-menu li {position: relative;display: block;width: 250px;}.main-menu li>a {position: relative;width: 255px;display: table;border-collapse: collapse;border-spacing: 0;font-size: 13px;text-decoration: none;-webkit-transform: translateZ(0) scale(1, 1);transform: translateZ(0) scale(1, 1);-webkit-transition: all .14s linear;transition: all .14s linear;font-family: 'Strait', sans-serif;}.main-menu .nav-icon {position: relative;display: table-cell;width: 55px;height: 36px;text-align: center;vertical-align: middle;font-size: 18px;}.main-menu .nav-text {position: relative;display: table-cell;vertical-align: middle;width: 190px;font-family: sans-serif;}.main-menu .fb-like {left: 180px;position: absolute;top: 15px;}.main-menu>ul.logout {position: absolute;left: 0;bottom: 0;}.no-touch .scrollable.hover {overflow-y: hidden;}.no-touch .scrollable.hover:hover {overflow-y: auto;overflow: visible;}.settings:hover, settings:focus {-webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;}.settings:active, settings:focus {-webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;-moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;-o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;}a:hover, a:focus {text-decoration: none;border-left: 0px solid #F7F7F7;}nav {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}nav ul, nav li {outline: 0;margin: 0;padding: 0;}.darkerli {background-color: #ededed;text-transform: capitalize;}.darkerlishadow {background-color: #ededed;text-transform: capitalize;-webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);-moz-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);}.darkerlishadowdown {background-color: #ededed;text-transform: capitalize;-webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);-moz-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);}.main-menu li:hover>a, nav.main-menu li.active>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a {color: #fff;background-color: #00bbbb;text-shadow: 0px 0px 0px;}.area {float: left;background: #e2e2e2;width: 100%;height: 100%;}