cse112-sp20/Team-Potato

html,
body {
  height: 100%;
}

.maxHeight {
  height: 100%;
}

.leftSideBar {
  background-color: aliceblue;
  border-right: 1px solid grey;
  width: 220px;
}

.content {
  background-color: white;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.addGroup {
  padding: 0;
  border: none;
  background: none;
  font-size: 45px;
  margin-left: 5px;
  color: green;
}

@media screen and (max-width: 671px) {
  .addGroup {
    right: -82%;
  }
}

h5 strong {
  font-family: 'Ubuntu', Arial, sans-serif;
}

.tabGroupsHeader h2 {
  color: green;
  font-size: 38px;
}

.activeTabsHeader strong {
  color: green;
  margin-left: 23%;
}

.savedTabsHeader strong {
  color: green;
  margin-left: 23%;
}

.activeTabsContainer {
  height: 45%;
  margin-top: 10px;
}

.activeTabs {
  overflow-y: hidden;
  height: 80%;
  margin-left: 10px;
}

.activeTabs:hover {
  overflow-y: auto;
}

.savedTabsContainer {
  height: 45%;
}

.savedTabs {
  overflow-y: hidden;
  height: 80%;
  margin-left: 10px;
}

.savedTabs:hover {
  overflow-y: auto;
}

.tabGroupsContainer {
  height: 85%;
  margin-top: 10px;
}

.tabGroupsHeader {
  margin-left: 21px;
  font-family: sans-serif;
}

.tabGroups {
  overflow-y: hidden;
  height: 90%;
}

.tabGroups:hover {
  overflow-y: auto;
}

.createTabGroupButton {
  height: 50px;
  width: 100%;
  background-color: mediumseagreen !important;
  color: white !important;
  border: none !important;
}

.createTabGroupButton:hover {
  background-color: limegreen !important;
}

.savedTabsDeleteButton {
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 12px;
  color: green !important;
  border-color: green !important;
}

.savedTabsDeleteButton:hover {
  background-color: green !important;
  color: white !important;
}

.savedTabsOpenButton {
  margin-bottom: 5px;
  color: green !important;
  border-color: green !important;
}

.savedTabsOpenButton:hover {
  background-color: green !important;
  color: white !important;
}

.modal-title {
  color: green;
  font-family: sans-serif;
  font-size: 30px;
}

.verticalAlignMiddle {
  vertical-align: middle;
}

.emptyTabGroup {
  text-align: center;
  border: 4px dotted mediumseagreen;
  color: mediumseagreen;
  opacity: 0.6;
}

.noTabGroups {
  text-align: center;
  border: 4px dotted mediumseagreen;
  color: mediumseagreen;
  opacity: 0.6;
  background: aliceblue;
  margin: 10px;
}

.noTabGroupsText {
  margin-top: 20%;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}