/* - - - - - - - - - - - - - - - - - - - - 
M B E
B A C K   O F F I C E   M A N A G E R
http://www.websolute.it
website by websolute
- - - - - - - - - - - - - - - - - - - - */
body { background-color: #353535; font-family: Roboto, sans-serif; font-weight: 400; font-size: 14px; }
.rosso { color: #ee2c24; }
.wrapper { max-width: 1600px; margin: 0 auto; }
#header { max-width: 1600px; margin: 0 auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #353535; height: 100px; padding: 24px 0 5px; }
#header a.logo { background: url(/img/logo-white.png) no-repeat left top; width: 180px; height: 53px; background-size: 180px; top: 0px; }
.infologin { text-transform: uppercase; margin-top: 10px; }
.infologin .rosso { padding-right: 20px; }
.infologin a { text-decoration: underline; }
.btn-toolbar .btn-group {display:none;}
.btn-toolbar .infologin {display:inline-block}
.save-action .btn { font-family: 'Roboto Slab', serif; color: rgb(255, 255, 255) !important; font-size: 15px; text-transform: uppercase; border: none; background: #ee2c24; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 10px 18px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-weight: 700; }
.save-action .btn.black { background-color:#353535;}
.save-action .btn:hover { background: #ee2c24; }
.save-action .btn-primary:hover, .save-action .btn-primary:focus, .save-action .btn-primary.focus, .save-action .btn-primary:active, .save-action .btn-primary.active, .save-action .open > .dropdown-toggle.btn-primary { background: #ee2c24; border-color: none; color: #fff; }
.no-border { border: none; }
.f-20 { font-size: 20px; }
.m-t-40 {margin-top:40px;}
.m-t-0 {margin-top:0;}
.m-b-10 {margin-bottom:10px!important;}
a { color: #777; text-decoration: none; }
.btn.btn-success.disabled { opacity: 1; }

@media (max-width: 768px) {
	.f-20 { font-size: 14px; }
}


/*--------------------------------------------------
SIDEBAR MENU
--------------------------------------------------*/
#left { background-color: #ee2c24; padding-top: 120px; }
#left h2.menu { color: #fccecd; font-size: 19px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; }
#left h2.menu:before { background-color: #fccecd; }
.main-menu .nav-side li > a { color: #fff; white-space: normal; font-size: 15px; font-weight: 500; padding: 8px 20px 8px 40px; line-height: 1.1; }
.main-menu .nav-side a > i { font-size: 14px; left: 2px; line-height: 36px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .main-menu li a:hover, .nav > li > a:hover, .nav > li > a:focus { background: #d3271f; color: #fff; }
.main-menu .nav-side li > a > span { font-weight: 400; white-space: normal; margin-left: 0; }
.main-menu li.active a:first-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.main-menu .nav-side li.active > ul { background: #b21f18; padding: 10px 0; }
.main-menu .nav-side .nav-pills > li > a { background: #b21f18; }
.main-menu .nav-side > li > ul > li > a > span { margin-left: 0px; }
.main-menu .nav-side li.active > ul li a { padding: 8px 20px 8px 40px; line-height: 1.1; }
.main-menu .nav-side li.active > ul li a:hover, .main-menu .nav-side .nav-pills > li.active > a, .main-menu .nav-side .nav-pills > li.active > a:hover, .main-menu .nav-side .nav-pills > li.active > a:focus { background: #b21f18 none repeat scroll 0 0; color: #fff; }
.menu-closed .nav-side li > a, .menu-closed .nav-side li > a > span { white-space: nowrap; }
.menu-closed #left:hover .nav-side li > a, .menu-closed #left:hover .nav-side li > a > span { white-space: normal; }

@media (max-width: 991px) {
	#left .main-menu .nav-side a > i { display: none; }
	#left:hover .main-menu .nav-side a > i { display: inline-block; }
}

#scambio-servizi h4 { font-weight:600; color:#ee2c24;}
#scambio-servizi .item { margin-bottom:40px;}

/*--------------------------------------------------
MAIN
--------------------------------------------------*/
#right { margin-top: 100px; background-color: #edebeb; padding-top: 10px; }
#right > #TabbedPanels { margin-top: 0px; }
#right .titolo h2 { margin-bottom: 20px; margin-right:15px; }
#right .panel-default { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.TabbedPanelsContentGroup { border: none; }
label { font-size: 15px; font-weight: 400; }
.save-action { margin-bottom: 30px; }
.filtra .btn { background-color: #353535; border: none; }
.table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; }
.cerca input { width:50%; display:inline-block; float:left; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; border-radius:3px 0px 0px 3px;}
.cerca .btn { float: left; -moz-border-radius: 0px 3px 3px 0; -webkit-border-radius: 0px 3px 3px 0; border-radius: 0px 3px 3px 0; background-color: #353535; color: #fff; border-color: #353535; padding-left: 30px; padding-right: 30px; }

/* center */
#center { margin-top: 100px; background-color: #edebeb; padding-top: 10px; } 

@media (max-width: 768px) {
	.form-group h3 { text-align: left; }
	#right .titolo h2 { font-size: 22px; }
	#header { height: 80px; padding-top: 20px; }
	#header a.logo { width: 138px; height: 38px; background-size: 130px; }
	#right { margin-top: 80px; }
	#left { padding-top: 95px; }
}