/*CUSTOM CSS*/
/*

colore custom#
HEX #534741
rgb 83,71,65

generare filtri per colorare icone
https://dev.to/jsm91/css-filter-generator-to-convert-from-black-to-target-hex-color-188h
hex to rgba
http://hex2rgba.devoth.com/

*/

a{color:#534741;}
a:hover{color:#98918D;}
html, body{color:#534741}

.form-login .form-control:focus { background-color:rgba(234,233,232,.2);}
.form-login input[type="text"] { background-color:rgba(234,233,232,.5);}
.form-login input[type="submit"] { background-color:rgba(152,145,141,1); color: #fff;}
.form-login input[type="submit"]:hover { background-color:rgba(152,145,141,.6);}

.navbar-expand-md .navbar-nav .nav-link .icona img,.stats-icona .icona img {
    filter:invert(24%) sepia(27%) saturate(305%) hue-rotate(335deg) brightness(98%) contrast(84%);
}
.main .inner .top .head { background-color: #BAB5B3; color: #fff;}

.footer{ background-color: rgba(83,71,65,1); color: #fff; }
.footer a { color: #fff;}
.footer a:hover { opacity: .6}


.btn-primary { color: #fff; background-color: rgba(83,71,65,1); border-color: rgba(83,71,65,1);}
.btn-primary:hover,.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: rgba(63,55,51,1); border-color: rgba(63,55,51,1);}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #98918d; border-color: #98918d;}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-light { color:rgba(83,71,65,1);}
.btn-light:hover,.btn-light.focus, .btn-light:focus ,.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{color: rgba(83,71,65,1); background-color: #eee; border-color: #eee;}
 
.btn-secondary { color: #fff; background-color: rgba(167,156,150,1); border-color: rgba(167,156,150,1);}
.btn-secondary:hover,.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: rgba(124,113,108,1); border-color: rgba(124,113,108,1);}
.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: rgba(167,156,150,.6); border-color: rgba(167,156,150,.6);}

.btn-link { color: rgba(83,71,65,1);}
.btn-link:hover{ color: rgba(63,55,51,1);}

.btn-outline-primary { border: 1px solid rgba(83,71,65,1); color: rgba(83,71,65,1); }
.btn-outline-primary:hover { background-color: rgba(83,71,65,1); border: 1px solid rgba(83,71,65,1); color: #fff; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { background-color: transparent; color: rgba(63,55,51,1);}
.btn-outline-secondary { color: #464A4C; background-color: transparent; background-image: none; border-color: #464A4C; }
.btn-outline-secondary:hover { color: #fff; background-color: #464A4C; border-color: #464A4C; }

.btn-app { border-radius: 0px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px }
.btn-app.dropdown-toggle:before { position: absolute; top: 5px; right: 8px; font-size: 10px; font-family: 'themify'; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e648"; }
.btn-app:after { display: none; }
.btn-app>.fa, .btn-app>.fal, .btn-app>.far, .btn-app>.glyphicon, .btn-app>.ion { font-size: 20px; display: block }
.btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa }
.btn-app:active, .btn-app:focus { box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-app>.badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400 }

.text-primary {color: rgba(83,71,65,1) !important;}
.text-primary:hover,a.text-primary:focus, a.text-primary:hover{color: rgba(63,55,51,1) !important;}

/* background - fondi */
.bg-primary {background: rgba(83,71,65,1) !important;}
.badge-primary {background: rgba(83,71,65,1) !important;}
.badge-secondary {background: #98918d !important;}