﻿
/*  COLORI PRINCIPALI:
       #004775 (blu principale)
       #248ade (azzurro secondario)
       #F08400 (arancio terziario)
    
    */


#imgpreview {
    height: 500px;
}

.colorePrincipale {
    background-color: #004775 !important;
}

.coloreSecondario {
    background-color: #248ade !important;
}


.rassbreve {
	color:#0066FF !important;
  	font-style: Italic !important;
	font-weight: bold !important;
	text-transform:uppercase !important;
}


#loader {
    /*border-top-color: #88CB85 !important;*/
    border-top-color: #004775 !important;
}


#loader:before {
    /*border-top-color: #009C52 !important;*/
    border-top-color: #F08400 !important;

}

#loader:after {
    /*border-top-color: #5FC072 !important;*/
    border-top-color: RED !important;

}

.tabrass.attivo {
    border-bottom: 2px solid #004775 !important; /* COLORE PRINCIPALE (SCURO) */
    background-color: #248ade !important; /* COLORE SECONDOARIO (CHIARO) */
    color: white !important;
}

.tabrass.attivo:hover {
    border-bottom: 2px solid #004775 !important;
    /*background-color: #248ade !important;*/
    color:black !important;
}


#todayDate {
    /*color:#26a69a !important;*/
    color:#004775 !important;
    font-size: 14px;
    font-style:italic;
    text-decoration:underline;
    padding-right:5px;
    padding-top: 5px;
}

#comandi {
    /*background-color: #26a69a !important;*/
    background-color: #004775 !important; /*BLU PRINCIPALE (scuro)*/

}

.btn:not(.btn-flat):not(.disabled) {
    color: white !important;
    background-color: #004775 !important;
}

.btn:not(.btn-flat):hover {
    /*background-color: #2bbbad !important;*/
    background-color: #248ade !important; /*BLU SECONDARIO (chiaro)*/
}

.btn[disabled], .btn-flat.btn-flat[disabled] {
    background-color: lightgray !important;
    color:white !important;
}

.btn-flat:hover {
    background-color:transparent !important; 
}

.chips.focus {
    border-bottom : 1px solid #9e9e9e !important;
    -webkit-box-shadow: 0 1px 0 0 #9e9e9e !important;
          box-shadow: 0 1px 0 0 #9e9e9e !important;
}

#comandi > a.btn {
    color: white !important;
}

#comandi > a.btn:hover {
    background-color: #248ade !important;
}

#viewCommands  {
     background-color: #004775 !important;
}

#viewCommands  > a.btn:hover {
     background-color: #248ade !important;
}

[type="checkbox"]:checked + label:before {
    border-right: 2px solid #248ade;
    border-bottom: 2px solid #248ade;
}


#viewCommands [type="checkbox"]:checked + label:before, #viewCommands [type="checkbox"]:checked + span:not(.lever):before {
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important;
    top: 3px;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #248ade !important;
}

[type="radio"]:checked + label::after, [type="radio"].with-gap:checked + label::before, [type="radio"].with-gap:checked + label::after {
    border: 2px solid #004775 !important;
}
    /*#viewCommands [type="checkbox"]:not(.filled-in)+label:after {
     top:3px;
    left: 5px;
}*/
    #viewCommands [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after,
    #viewCommands [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after
     {
    border: 2px solid white !important;
     top:6px;
    left: 7px;
}

#viewCommands  > a.btn {
     color: white !important;
}


/*table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {

}*/

.in-riordino {
    background-color:  lightgray !important;
    /*border: 2px solid red !important;*/
}

.thisart {
    background-color: lightgray !important ;
    /*border: 2px solid red !important;*/
}

tr.in-riordino > td.sorting_3:not(.posizione) {
    background-color: lightgray !important;
}

.dt-rowReorder-moving {
    background-color:  lightgray !important;
        /*border: 2px solid red !important;*/
}

.dt-rowReorder-moving  > td.sorting_3:not(.posizione) {
    background-color:  lightgray !important;
        /*border: 2px solid red !important;*/
}



.groupOW  [type="checkbox"]:checked+label:before,.groupOW [type="checkbox"]:checked + span:not(.lever):before {
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important;
    padding-top:5px;
    width:7px;
    height:11px;
}

.groupOW [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after, 
.groupOW [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 2px solid white !important;
    margin-left:3px;
    width:0.9rem;
    height:0.9rem;
}
.chips .chip.selected {
    background-color: #248ade !important;
    color: #fff;
}
/*table.dataTable:not(#tableArts) th.select-checkbox [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
       border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important;
    top:3px;
}*/

/*table.dataTable:not(#tableArts) [type="checkbox"]+label:before {
     height: 0.9rem;
    width:  0.9rem;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 5px;
    z-index: 0;
    left: 5px;
}*/



[type="checkbox"].filled-in:checked+label:after, [type="checkbox"].filled-in:checked + span:not(.lever):after

 {
    /*top: 0 !important;*/
    height: 1rem !important;
    width:  1rem !important;
    border: 2px solid #5a5a5a !important; 
    background-color: transparent !important;
     top: 5px;
     left: 5px;
    z-index: 0 ;
}

[type="checkbox"].filled-in:not(:checked)+label:after, [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 1rem;
    width:  1rem;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 5px;
    z-index: 0;
    left: 5px;
}

[type="checkbox"].filled-in:checked+label:before, [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 3px;
    left: 6px;
    width: 6px;
    height: 11px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #004775;
    border-bottom: 2px solid #004775;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}


#panelAnteprima {
    background-color: #004775 !important;
}

#panelAnteprima  [type="checkbox"]:checked+label:before, #panelAnteprima [type="checkbox"]:checked + span:not(.lever):before {
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid white !important;
    border-bottom: 2px solid white !important;
    /*padding-top:5px;*/
    width:10px;
    height:18px;
}

#panelAnteprima [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after,
#panelAnteprima [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 2px solid white !important;
    margin-left:3px;
    margin-top:3px;
    width:1.2rem;
    height:1.2rem;
}


.groupOW {
    background-color: #248ade !important;
    color:white !important;

}
.groupOW td {
    background-color: #248ade !important;
    color:white !important;
    padding:5px !important;
}


.badge {
    background-color: #248ade !important;
    color:white !important;
}

.tabsOW li a.inactive{
      color:white !important;
  background-color:#004775 !important;
}

.tabsOW li a:hover, #tabs li a.inactive:hover {
     background-color:#248ade !important;
}

.tabsOW li a {
      background-color:#248ade !important;
            color:white !important;

}

.dropdown-content li>a, .dropdown-content li>span {
    color: #004775 !important; /*colore principale*/
}


/*.mlistName {
        color:white !important;
    background-color: #248ade !important;

}*/




.pubblicato {
    border-right: solid 2px #026eb7 !important;
    border-left: solid 2px #026eb7 !important;
}

.pubblicatobis {
    border-right: solid 2px #026eb7 !important;
    border-left: solid 2px #026eb7 !important;
     background-color: 	#66b2ff !important;
}

/*.visto {

}*/

.nonvisto {

    background-color: #fdfcb4 !important;
   border-right: solid 2px yellow !important;
    border-left: solid 2px yellow !important;

}

.approvato {
    background-color: #99d7c6 !important;
    /*opacity: 0.8 !important;
    filter: alpha(opacity=80) !important;*/
        border-right: solid 2px green !important;
    border-left: solid 2px green !important;

}

.rifiutato {
    background-color: #ef8e96 !important;
        /*opacity: 0.8 !important;
    filter: alpha(opacity=80) !important;*/
        border-right: solid 2px red !important;
    border-left: solid 2px red !important;

}

.cestinato {
      background-color: #a6a6a6 !important;
       border-right: solid 2px #5f5f5f !important;
    border-left: solid 2px #5f5f5f !important;
}

/*.recuperato {}*/

.preview{
  color: Highlight;
}

.neutro {
    /*color: #ccc502;*/
    background: #f6ee1a;
    color: #000000;
    border-radius: 20px;
}

.positivo {
    /*color: green;*/
    background: #67f667;
    color: #000000;
    border-radius: 20px;
}
.molto_positivo {
    /*color: darkgreen;*/
    background: #0f9b20;
    color: #000000;
    border-radius: 20px;
}
.molto_negativo {
    background: #ff3737;
    color: #000000;
    border-radius: 20px;
}

.negativo {
    /*color: orange; red*/
    background: orange;
    color: #000000;
    border-radius: 20px;
}


#viewArt input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, 
input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], 
input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], 
input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], 
input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, 
input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, 
input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, 
textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0,0,0,0.86) !important;
    border-bottom: 1px solid rgba(0,0,0,0.36) !important;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom:1px solid #004775 !important;
}

/*DATEPICKER COLOR*/
.picker__date-display {
    background-color:  #248ade !important;
    padding-bottom:0 !important;

}

.picker__weekday-display, .picker__day--selected {
    background-color: #004775 !important;
    color:white !important;
}

.picker__day.picker__day--today {
   color: #004775 ;
   
}

.select2-results__option {
    color: #004775 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee !important;
    color: #004775 !important;
}

input:not([type]):focus:not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]),
input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #248ade !important;
    box-shadow: 0 1px 0 0 #248ade !important;
}

