/*
 * PERSONALIZZAZIONI TEMA DARK
 * comprendono tutte le trasformazioni che agiscono sul colore:
 * le altre sono nel custom.css generale.
 */

/* titolo principale pagina */
.page-title {
    color: #505458;
    letter-spacing: -0.02em;
}

/* Titolo delle sezioni delle pagine */
legend {
    color: rgba(255, 255, 255, 0.9);
    border-bottom: 2px solid rgb(57, 76, 87);
    letter-spacing: -0.02em;
    font-weight: 300;
}

/* Titolo delle sottosezioni */
h4.header-title {
    letter-spacing: -0.02em;
}

/* spessore font nelle label */
label {
    font-weight: 500;
}

/* tabelle */
/* colore testo nelle celle */
td {
    color: #c9c9c9;
}

/* colore link */
td > a, td > a:visited, h1 > a, h1 > a:visited, h2 > a, h2 > a:visited, h3 > a, h3 > a:visited, h4 > a, h4 > a:visited, h5 > a, h5 > a:visited {
    color: #c9c9c9;
}

/* colore hover link */
td > a:hover, td > a:active, h1 > a:hover, h1 > a:active, h2 > a:hover, h2 > a:active, h3 > a:hover, h3 > a:active, h4 > a:hover, h4 > a:active, h5 > a:hover, h5 > a:active {
    color: #fff;
}

/* personalizzazione bootstrap-tagsinput */
.bootstrap-tagsinput {
    border: 1px solid #e3e3e3 !important;
}

.bootstrap-tagsinput.focus {
    border-color: #aaaaaa !important;
}

.bootstrap-tagsinput .tag {
    font-size: 100% !important;
    font-weight: 400 !important;
    /*inserire colore tag*/
}

/* personalizzazione casella di input a tag disabilitata
usata nelle view di show: colori casella e tag */
.bootstrap-tagsinput.inactive {
    background-color: #394c57;
    border-color: #394c57 !important;
}

.tag.label.label-info.inactive {
    color: #565656 !important;
    background-color: #dadada !important;
}

/* .input-group-addon */
.input-group-addon {
    background-color: #188ae2 !important;
    border-color: #188ae2 !important;
    color: #eee !important;
}

p.data-display-box + .input-group-addon,
input:disabled + .input-group-addon {
    border-color: #516c7b !important;
    background-color: #516c7b !important;
    color: #ddd !important;
}

/* stile caselle di show e input readonly/disabled */
p.data-display-box {
    background-color: #394c57;
    border-color: #394c57;
    color: #fff;
}

p.data-display-box > a,
p.data-display-box > a:visited {
    color: #fff;
}

input:read-only,
input:disabled.form-control,
select:disabled.form-control,
textarea:disabled.form-control {
    background-color: #394c57 !important;
    border-color: #394c57 !important;
    color: #fff !important;
}

/* option group e option */
optgroup {
    color: #eeeeee;
    font-weight: 300;
}

option {
    color: #ffffff;
}

option:disabled {
    color: #c0c0c0;
}

/* bottoni categorie patente */
/* bottoni */
.license-category a.btn {
    background-color: #eeeeee !important;
    border-color: #e3e3e3 !important;
    color: #565656;
}

.license-category a.btn.btn-primary {
    background-color: #188ae2 !important;
    border-color: #188ae2 !important;
}

.license-category a.btn:hover {
    background-color: #e3e3e3 !important;
    border-color: #e3e3e3 !important;
    color: #565656;
}

.license-category a.btn.btn-primary:hover {
    background-color: #167ccb !important;
    border-color: #167ccb !important;
    /*
    * alternative, dal più chiaro al più scuro:
    * #71B6F9
    * #59a9f8
    * #167ccb
    */
}

/* visualizzazione, se si sceglie di usarla */
.license-category div.btn,
.license-category div.btn:hover {
    background-color: #eeeeee !important;
    border-color: #e3e3e3 !important;
    color: #565656;
}

.license-category div.btn:active,
.license-category div.btn:focus {
    background-color: #eeeeee !important;
    border-color: #e3e3e3 !important;
    color: #565656;
}

.license-category div.btn.btn-primary:hover {
    background-color: #188ae2 !important;
    border-color: #188ae2 !important;
}

.license-category div.btn.btn-primary:active,
.license-category div.btn-primary:focus {
    background-color: #188ae2 !important;
    border-color: #188ae2 !important;
}

/* switchery */
.switchery > small:not(.sw-on):after {
    color: #435966;
}

.sw-on:after {
    color: #435966;
}

/* bootstrap-datepicker */
.datepicker td.old, .datepicker td.new {
    color: rgba(255, 255, 255, 0.2) !important;
}

.datepicker,
.datepicker table {
    background-color: #435966 !important;
}

.datepicker .day:hover:not(.active) {
    color: #435966 !important;
}

/* project-specific */
/* casella caricamento file */
.dropzone {
    border: 2px dashed rgb(37, 49, 56);
    background: #2f3e47;
}

/* td contenente input voto */
td.grade-input-container input {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 0px;
    height: 30px;
    padding: 5px;
}

/* input group addon anno accademico */
#academic_year + .input-group-addon {
    border-color: #516c7b !important;
    background-color: #516c7b !important;
    color: #ddd !important;
}

/* FINE project-specific */