@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 */
}