/* GENERAL */
body.general {
  height: 90vh;
  font-family: 'Tahoma';
}

.error-msg {
  padding: 0;
  margin-top: -0.5em;
  color: red;
}

.menu-accordion,
.admin-dashboard,
.user-dashboard,
.super-admin {
  display: none;
}

.logout {
  display: block;
}
/* GENERAL */

/* SECTION:LOGIN */
.login {
  display: grid;
  place-items: center;
  height: 100%;
}

.login .container {
  width: 850px;
  display: flex;
}

.login .container > div {
  padding: 10px;
  flex-grow: 1;
}

.login .container > div:first-child {
  width: 60%;
}

.login .container > div:last-child {
  width: 40%;
}

.login .sub-title {
  margin-bottom: -0.6em;
}

.login .form-control,
.login button {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid black;
  padding: 10px;
}

.login .form-group {
  margin-bottom: 10px;
  text-align: center;
}
/* SECTION:LOGIN */

/* SECTION: SETTINGS::WIDGETS LIST */
.widget-container {
  display: flex;
  flex-wrap: wrap;
}

.widget-container .widget-item {
  border: 1px solid black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 5px;
  width: 20%;
  flex-grow: 1;
}

.widget-container .widget-item > .title {
  background-color: #fff4d2;
  width: 100;
  text-transform: uppercase;
  padding: 10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0.5em;
}

.widget-container .widget-item .body {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.widget-container .widget-item .body > .title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0.3em;
}

.widget-container .widget-item .body > .description {
  margin-bottom: 0.5em;
}

.widget-container .widget-item .body > .checkbox-option {
  background-color: #fff4d2;
  padding: 10px;
  margin-bottom: 0.3em;
}

.widget-container .widget-item .body > .btn {
  width: 100%;
  text-align: center;
}

.widget-container .widget-item .body > .btn button {
  border: 0;
  background-color: deepskyblue;
  color: white;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.widget-container .widget-item .body > .btn button.activated {
  background-color: crimson;
}
/* SECTION: SETTINGS::WIDGETS LIST */