@import url("https://fonts.googleapis.com/css?family=Montserrat");

/* ----------| Rand bootstrap */

#body-row {
  margin-left: 0;
  /* Marginea din stanga */
  margin-right: 0;
  /* Marginea din dreapta */
}

/* ----------| Container sidebar */

#sidebar-container {
  min-height: 100vh;
  /* Inaltimea minima */
  background-color: #212121;
  /* Culoare fundal */
  padding: 0;
  /* Captusire */
  flex: unset;
  /* Flexibilitatea elementului */
}

/* ----------| Container navbar */

#navbar-container {
  min-height: 4vh;
  background-color: #212121;
  padding: 0;
  flex: unset;
  border-bottom-left-radius: 5px;
  /* Colturi rotunjite */
  border-bottom-right-radius: 5px;
  /* Colturi rotunjite */
}

.navbar-nav {
  float: none;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.navbar-nav > li {
  display: inline-block;
  float: none;
}

/* ----------| Widgeturi */

.card {
  padding-top: 3px;
  /* Captusire */
  padding-bottom: 3px;
  /* Captusire */
  background-color: #151514;
}

.card-body {
  background-color: #212121;
  /* Culoare fundal */
  border-top-left-radius: 5px;
  /* Colturi rotunjite */
  border-top-right-radius: 5px;
  /* Colturi rotunjite */
}

.card-footer,
card-header {
  background-color: #4b4a4a;
  /* Culoare fundal */
  border-bottom-left-radius: 5px;
  /* Colturi rotunjite */
  border-bottom-right-radius: 5px;
  /* Colturi rotunjite */
}

/* Sidebar colapsat*/

.sidebar-collapsed {
  /*width: 60px;*/
  width: 60px;
}

/* ----------| Meniu sidebar*/

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

/* ----------| Submeniu sidebar*/

#sidebar-container .list-group li.list-group-item {
  background-color: #212121;
}

#sidebar-container .list-group .sidebar-submenu a {
  height: 45px;
  padding-left: 40px;
}

.sidebar-submenu {
  font-size: 0.9rem;
}

/* ----------| Separatoare sidebar */

.sidebar-separator-title {
  background-color: #151514;
  /* Culoare fundal */
  height: 35px;
  /* Inaltime */
}

.sidebar-separator {
  background-color: #151514;
  /* Culoare fundal */
  height: 25px;
  /* Inaltime */
}

a.bg-dark {
  background-color: #212121 !important;
  /* Culoare fundal */
}

body {
  background-color: #151514;
  /* Culoare fundal */
  background-repeat: no-repeat;
  /* Nu repeta fundalul */
  background-attachment: fixed;
  /* Fundal fix */
}

.container {
  border-radius: 5px;
  /* Colturi rotunjite */
  background-color: #22221f;
  /* Culoare fundal */
  padding: 20px;
}

.form {
  width: auto;
  /* Latime automata in functie de dimensiunea paginii */
  padding-top: 2px;
  /* Captusirea de sus */
  padding-bottom: 2px;
  /* Captusirea de jos */
}

.form-control {
  width: 100%;
  /* Toata latimea */
  padding-top: 10px;
  /* Captusirea de sus */
}

/* ----------| Tipurile de input */

input[type="text"] {
  width: 100%;
  /* Toata latimea */
  padding: 12px;
  /* Captusire */
  border: 1px solid #ccc;
  /* Bordura gri */
  border-radius: 4px;
  /* Colturi rotunjite */
  box-sizing: border-box;
  /* Pentru a ne asigura ca latimea si captusirea raman la locul lor */
  margin-top: 6px;
  /* Marginea de sus */
  margin-bottom: 16px;
  /* Marginea de jos */
  resize: vertical;
  /* Permite redimensionarea pe verticala, nu pe orizontala */
}

input[type="email"] {
  width: 100%;
  /* Toata latimea */
  padding: 12px;
  /* Captusire */
  border: 1px solid #ccc;
  /* Bordura gri */
  border-radius: 4px;
  /* Colturi rotunjite */
  box-sizing: border-box;
  /* Pentru a ne asigura ca latimea si captusirea raman la locul lor */
  margin-top: 6px;
  /* Marginea de sus */
  margin-bottom: 16px;
  /* Marginea de jos */
  resize: vertical;
  /* Permite redimensionarea pe verticala, nu pe orizontala */
}

input[type="password"] {
  width: 100%;
  /* Toata latimea */
  padding: 12px;
  /* Captusire */
  border: 1px solid #ccc;
  /* Bordura gri */
  border-radius: 4px;
  /* Colturi rotunjite */
  box-sizing: border-box;
  /* Pentru a ne asigura ca latimea si captusirea raman la locul lor */
  margin-top: 6px;
  /* Marginea de sus */
  margin-bottom: 16px;
  /* Marginea de jos */
  resize: vertical;
  /* Permite redimensionarea pe verticala, nu pe orizontala */
}

input[type="number"] {
  width: 100%;
  /* Toata latimea */
  padding: 12px;
  /* Captusire */
  border: 1px solid #ccc;
  /* Bordura gri */
  border-radius: 4px;
  /* Colturi rotunjite */
  box-sizing: border-box;
  /* Pentru a ne asigura ca latimea si captusirea raman la locul lor */
  margin-top: 6px;
  /* Marginea de sus */
  margin-bottom: 16px;
  /* Marginea de jos */
  resize: vertical;
  /* Permite redimensionarea pe verticala, nu pe orizontala */
}

input[type="date"] {
  width: 100%;
  /* Toata latimea */
  padding: 12px;
  /* Captusire */
  border: 1px solid #ccc;
  /* Bordura gri */
  border-radius: 4px;
  /* Colturi rotunjite */
  box-sizing: border-box;
  /* Pentru a ne asigura ca latimea si captusirea raman la locul lor */
  margin-top: 6px;
  /* Marginea de sus */
  margin-bottom: 16px;
  /* Marginea de jos */
  resize: vertical;
  /* Permite redimensionarea pe verticala, nu pe orizontala */
}

input[type="option"] {
  width: 100%;
  /* Toata latimea */
  padding: 12px;
  /* Captusire */
  border: 1px solid #ccc;
  /* Bordura gri */
  border-radius: 4px;
  /* Colturi rotunjite */
  box-sizing: border-box;
  /* Pentru a ne asigura ca latimea si captusirea raman la locul lor */
  margin-top: 6px;
  /* Marginea de sus */
  margin-bottom: 16px;
  /* Marginea de jos */
  resize: vertical;
  /* Permite redimensionarea pe verticala, nu pe orizontala */
}

input[type="submit"] {
  width: 100%;
  /* Toata latimea */
}

/* ----------| Clase de text */

.h1 .h2 .h3 .h4 .h5 . h6 {
  color: white;
  /* Culoare */
}

.text-right {
  color: white;
  /* Culoare */
}

.a {
  text-decoration: none !important;
  /* Elimina decoratiile clasei a */
}

/* ----------| test megameniu */
.hideIfFixed {
  display: none;
}