.sys_dev_tools {    background: #f8f9fa; position: fixed; bottom: 0px; color: #fff; padding: 9px 4px; cursor: pointer; z-index: 999999; transition: all 0.3s; left: 0;}
.sys_dev_tools .dev_button{ width: 100%; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.sys_dev_tools .open_dev_area{color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}
.sys_dev_tools .action_buttons{margin-top: 5px}
.sys_dev_tools .action_buttons.on{color: #fff; background-color: #343a40; border-color: #343a40;}
.sys_dev_tools .action_buttons.off{color: #fff; background-color: #bd2130; border-color: #b21f2d;}
.sys_dev_tools .area_tools{display: none;color: black; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05) 0px 13px 42px 11px; width: 350px; padding: 35px 25px;}
.sys_dev_tools .close_area{position: absolute; top: 3px; font-size: 27px; right: 28px; font-weight: bold; cursor: pointer}
.sys_dev_tools .blue_button{color: #fff; background-color: #0062cc; border-color: #005cbf;}
.sys_dev_tools .green_button{color: #fff; background-color: #28a745; border-color: #28a745;}
.soulcore_themes { right: 0px; position: fixed; top: 5px; z-index: 99999999999999999999}
.soulcore_themes button { border-radius: 0px !important; }
.color_scheme_option { padding: 5px; background-color: #E2E2E2; border: 1px 0px 1px 1px solid #ccc; font-size: 30px; }

.soulcore_themes .dropdown_colors .dropdown-menu { background-color: #E2E2E2; }
.soulcore_themes .dropdown_colors .dropdown-item { display: inline-block; width: auto; padding: 5px 8px; }
.soulcore_themes .dropdown_colors .dropdown-item i { font-size: 30px; border-radius: 60%; --fa-secondary-opacity: 1.0;transition: all 0.3s;}
.soulcore_themes .dropdown_colors .dropdown-item i { transform: rotate(45deg); }

.soulcore_themes .dropdown-item:hover i { box-shadow: 2px 0px 8px 0px;}
.soulcore_themes .dropdown-item:hover { background-color: unset; opacity: 1; }
.soulcore_themes .dropdown-item:focus { outline-color: #5a5a5a; background-color: #e2e2e2; }

@media screen and (max-width:770px){ .soulcore_themes { left: 0px; position: fixed; top: 5px; } }