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

.modal-dialog legend {
    border-bottom-color: rgba(238, 238, 238, 0.3);
}

.modal-dialog p {
    color: #bbb
    /*color: rgba(255, 255, 255, 0.9);*/
}


.modal-dialog,
.modal-dialog .modal-content {
    background-color: #2f3e47 !important;
}


/* 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:not(.not-custom) {
    background-color: #188ae2 !important;
    border-color: #188ae2 !important;
    color: #eee !important;
}

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

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

.data-display-box > a,
.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;
}

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

/* colore del placeholder negli input */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bbb !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #bbb !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #bbb !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #bbb !important;
}

::placeholder {
    color: #bbb !important;
}

/* panels inside card-box */
.card-box .panel {
    background-color: #394c57;
}

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

.presentees-multiselect .ms-list {
    height: 100%;
    background-color: #394c57;
}

.presentees-multiselect li.ms-elem-selection.ms-selected {
    color: #fff !important;
}

/* da usare per smorzare le scritte, ad esempio nel box degli assenti da una riunione */
.dimmed {
    color: #ccc !important;
}

/* links inside alert boxes */
div.alert a {
    color: inherit;
}

div.alert a:hover {
    color: inherit;
}

/* FINE project-specific */