.b { border:solid 1px red !important;}
body {font-family: 'Nunito Sans', sans-serif; font-size:15px;}
.card-no-border .page-wrapper { background:#f0f0f0;}

/* LINKS *******************************************************/
a:link { color:#444;}
a:visited { color:#444;}
a:hover { color:#444; text-decoration:none;} 
a:active { color:#444;}

/* HEADINGS ***************************************************/
h1, h2, h3, h4, h5 { margin:0; font-family: 'Nunito Sans', sans-serif; color:#d82b20; }

/* FONT *******************************************************/
.f1 { font-size:12px;}
.f2 { font-size:17px;}

/* COLOR ******************************************************/
/*testi*/
.text-red { color:#d82b20 !important;}
/*bkg*/
.bg-light { background:#f8f8f8 !important;}

/* BUTTON ******************************************************/
button:focus { outline:none;}
.btn { border-radius:0; text-transform:uppercase; font-weight:600;}
.btn:hover { cursor:pointer}
.btn-primary { background:#d82b20; border:none; color:#fff !important;}
.btn-primary:hover, .btn-primary.disabled:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle { background:#c0261c; border:none; opacity:1; color:#fff;cursor:pointer;}
.btn-default { background:#fff; border:solid 1px #ced4da; color:#54667a !important; line-height:21px;}
.btn-default:hover, .btn-default.active { background:#e6e6e6;}

/* FORM *******************************************************/
form label { font-weight:600;}
.form-control { border-radius:0;}
.form-control:focus {border-color: #d82b20; box-shadow:none;}
.dropify-wrapper { border:solid 1px #ced4da;}
.custom-control-label::before { border-radius:0 !important;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color:#d82b20; border-radius:0;}
.custom-control { display:table; cursor:pointer;}

/* FLOATING LABELS ********************************************/
.floating-labels .bar:before, .floating-labels .bar:after { background:#444;}

/* NAVBAR + TOPBAR ********************************************/
.navbar { background: #fff;}
.topbar .top-navbar { min-height:50px; color:#222;}
.topbar .top-navbar .navbar-header { line-height:50px; border:none;}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link { line-height:36px; font-size:15px;}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link:hover { background:#222; color:#fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/* LEFT SIDEBARNAV ********************************************/
.left-sidebar { padding-top:41px;}
.scroll-sidebar { padding:11px 0 20px;}
.card-no-border .left-sidebar {background:#222;}
.card-no-border .sidebar-nav > ul > li.nav-devider { margin:0; background:#444;}
.card-no-border .sidebar-nav > ul > li.nav-small-cap,
.card-no-border .sidebar-nav > ul > li > a { padding:10px 15px; color:#999; border:none; font-size:12px; text-transform:uppercase; font-weight:700;}
.card-no-border .sidebar-nav > ul > li > a.active { font-weight:300 !important;}
.card-no-border .sidebar-nav > ul > li > a.active,
.card-no-border .sidebar-nav > ul > li > a:hover {background:#d82b20; color:#fff;}
.card-no-border .sidebar-nav > ul > li > a i {color:#fff; font-size:18px;}
.card-no-border .sidebar-nav > ul > li.active { background:#2e2e2e;}
.card-no-border .sidebar-nav,
.mini-sidebar .sidebar-nav,
.mini-sidebar .sidebar-nav > ul > li.active { background:transparent;}
@media (min-width: 768px){
	.mini-sidebar .sidebar-nav #sidebarnav > li > a { padding:14px 18px;}
	.mini-sidebar .sidebar-nav #sidebarnav > li > ul { top: 47px; background: #2e2e2e; padding-left: 0px; }
	.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background:#d82b20;}
}
/*sottomenu*/
.card-no-border .sidebar-nav .has-arrow::after { border-color:#aaa;}
.card-no-border .sidebar-nav > ul > li > ul { background:#2e2e2e; padding-left:0px;}
.card-no-border .sidebar-nav > ul > li > ul > li > a { color:#fff; padding-left:20px; font-size:14px;}
.card-no-border .sidebar-nav > ul > li > ul > li.active,
.card-no-border .sidebar-nav > ul > li > ul > li > a:hover {background:#d82b20; color:#fff;}

/* BOOTSTRAP SELECT ******************************************/
.dropdown-menu { border-radius:0; padding:0;}
.bootstrap-select .dropdown-toggle { text-transform:inherit; font-size:15px; font-weight:400;}
.bootstrap-select .dropdown-toggle:focus { outline:none !important; outline-offset:0 !important; box-shadow:none;}
.bootstrap-select .dropdown-menu li a { padding:7px 12px; font-size:15px;}
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus { color:#d82b20; background:#f0f0f0;}

/* CARD ******************************************************/
.card { border-radius:0; margin-bottom:15px;}
.card a:hover { background:#e6e6e6; cursor:pointer;}
.card-title { color:#444; font-weight:bold; margin-bottom:0;}
.card-footer { background:#fff; border-radius:0;}
/*nome documento*/
.card-title.nome-documento { min-height:50px;}
/*file*/
.card-footer-file { background:#fff;}
.card-footer-file a { margin-top:2px;}
.card-footer-file a, .card-footer-file button { border:none; background:none; color:#20334b !important; font-size:20px; line-height:15px;}
.card-footer-file a:hover, .card-footer-file button:hover { background:none; color:#d82b20 !important; cursor:pointer;}
/*marchi*/
.card-marchio { text-align:center; min-height:80px; line-height:80px; margin-top:10px; }
.card-marchio img { max-height:80px; max-width:120px;  }
/*card flessibili (stessa altezza)*/
.col-flex {display: flex;}
.card-flex {display: flex; width: 100%;}


/* CAROUSEL **********************************************/
.carousel-control-next, .carousel-control-prev { width:40px; height:40px; top:45%; background:#ddd;}

/* LOGIN **********************************************/
.login-register { background:url(../img/bkg.jpg) no-repeat; background-size:cover;}

/* SORTABLEJS ****************************************************/
.dd { width:100%; max-width:none;}
.dd3-content {
	text-align:left;
	padding: 5px;
}