/* change the background color */
.navbar-custom {
    /*background-color: #5AC37C;*/
    /*background-color: #1890d9;*/
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fff;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #eee;
}

/* for dropdowns only */
.navbar-custom .navbar-nav .dropdown-menu {
    background-color: #83D29D;
}

/* dropdown item text color */
.navbar-custom .navbar-nav .dropdown-item {
    color: #000000;
}

/* dropdown item hover or focus */
.navbar-custom .navbar-nav .dropdown-item:hover,
.navbar-custom .navbar-nav .dropdown-item:focus {
    color: #eeeeee;
    background-color: #5AC37C;
}


.navbar-brand {
    padding-bottom: 0px;
    padding-top: 0px;
}

.box {
position: relative;
padding: 0;
}

#presetFrame {
		position: absolute;
		/*position: relative;*/
		/*top: 56px;
		left: 44px;*/
		/*width: calc(100% - 44px);
		height: calc(100% - 56px);*/
		width: 100%;
		height: 100%;
		--bs-gutter-x: 0;
        --bs-gutter-y: 0;
	}

.side-button.dropdown-toggle::after {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.dropdown-item,.dropdown-item.active,.dropdown-item:active {
  background-color: #83D29D;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: #5AC37C;
}

.dropdown-menu {
  background-color: #83D29D;
}

#navbarMainButton:focus {
  outline: 0px;
}

#presetsList {
  overflow-y: auto;
  /*max-height: calc(100vh - 56px);*/
  /*max-height: calc(100vh - 56px - 46px - 18px);*/
  max-height: calc(100vh - 56px - 52px);
}

/* LOGIN FORM start*/

.form-control {
    line-height: 2;
}

.bg-custom {
    background-color: #fff;
}

.btn-custom {
    background-color: #0078C1;
    color: #fff;
}

.btn-custom:hover {
    background-color: #0f5c8b;
    color: #fff;
}

label {
    color: #000;
}

a,
a:hover {
    color: #000;
    text-decoration: none;
}

a,
a:hover {
    text-decoration: none;
}

@media(max-width: 932px) {
    .display-none {
        display: none !important;
    }
}

.form-control:focus {
    /*border-color: #377a6c;*/
    box-shadow: 0 0 0 0.2rem rgba(55, 122, 108, 0.25);
}

.form-check-input {
    box-shadow: 0 0 0 0.2rem rgba(55, 122, 108, 0.25);
}

.form-check-input:checked {
    background-color: #377a6c;
    border-color: #377a6c;
}

.list-group-item-custom {
    background-color: #83D29D;
    border-color: #83D29D;
    padding-bottom: 4px;
    padding-top: 4px;
}

.list-group-item-custom.active, .list-group-item-custom:hover, .list-group-item-custom:focus {
    background-color: #5AC37C;
}

/* LOGIN FORM end */

/* SIDEBAR started */
/* TODO: remove non-using code */

body {
    /*padding-top: 96px;*/
}

.sticky-offset {
    top: 56px;
}

#body-row {
    margin-left:0;
    margin-right:0;
}
#sidebar-container {
    /*min-height: calc(100vh - 96px);*/
    min-height: 100vh;
    background-color: #1890d9;
    padding: 0;
    width: 23px;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    /*width: 230px;*/
    width: 23;
}
.sidebar-collapsed {
    /*width: 60px;*/
    width: 23;
}

/* Menu item*/
#sidebar-container .list-group a {
    /*height: 50px;*/
    color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}
.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}
.sidebar-separator {
    background-color: #333;
    height: 25px;
}
.logo-separator {
    background-color: #333;
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

.side-button {
    border-right-color: #55BB55;
    border-bottom-color: #55BB55;
    padding-left: 10px;
    padding-right: 3px;
    border-radius: 0px;
}

/* SIDEBAR finished */

/* search bar - start */

.searchbar {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-color: #5AC37C;
    border-width: 1px;
    border-style: solid;
    margin-top:8px;
    margin-bottom:8px;
    margin-right:4px;
    margin-left: 4px;
}

.search-input {
    background-color: #83D29D;
    border-style: none;
    color: white;
    outline: none;
}

.search-input:active,
.search-input:focus,
.search-input:hover,
 {
    background-color: #83D29D;
    border-style: none;
    color: white;
    outline: none;
}

#presetsList::-webkit-scrollbar {
    width: 12px;
}

#presetsList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#presetsList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#presetsList {
    scrollbar-color: #5AC37C #83D29D;
}

/* search bar - end */