/*--------------------------------------------------
BOM THEME BLUE
www.websolute.it
website by websolute
--------------------------------------------------*/


/*--------------------------------------------------
BODY E ALTRO
--------------------------------------------------*/
html, body { height: 100%; }
body { background: #ecedf0; color: #777; }
body.modal-open {overflow:visible;}
#mainTable { background: #fff; }
.wrapper { overflow: hidden; }
.wrapper > .container-fluid { margin-top: 0; position: relative; }
#mainTable > .TabbedPanelsContentGroup.loading:before { background-color: rgba(0, 136, 204,.3); }


/*--------------------------------------------------
HEADER
--------------------------------------------------*/
#header { background: #fff; padding: 15px 0 5px; position: fixed; z-index: 20; top: 0; box-shadow: 0 4px 0 rgba(0,0,0,.2); height: 60px; overflow: hidden; }
#header a.logo { display: inline-block; background: url(../img/logo_bom.png) no-repeat left top; width: 111px; height: 42px; float: left; background-size: 110px; text-indent: -9999px; font-size: 0; position: relative; top: -5px; }
#header .col-sm-3 > a > img { display: none; }
/* XS */
@media (max-width:767px) {
    #header .btn-toolbar { text-align: right; float: right; }
    #header .infologin { display: none; }
    #header a.btn { padding: 0; border: none; color: #0088cc; background: none; margin-right: 8px; margin-top: 20px; }
}


/*--------------------------------------------------
MENU
--------------------------------------------------*/
.nav { border-radius: 0; }
.main-menu { margin: 0 -15px; border: none; border-radius: 0; }
.main-menu a { color: #abb4be; white-space: nowrap; text-overflow: ellipsis; border-radius: 0; }
.main-menu li.active a:first-child { box-shadow: 2px 0 0 #0088cc inset; }
.main-menu li a:hover { color: #abb4be; background: #21262d; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #21262d; }
.main-menu .nav-side a > i { border: none; }
.main-menu .nav-side > li > ul > li > a > span { margin-left: 30px; }
ul.nav-main li .nav-children li.nav-active > a { color: ##0088cc; }
.main-menu .nav-side .nav-pills > li > a { background: #191c21; }
.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: #191c21; color: #0088cc; }
.main-menu .nav-side li.active > ul { background: #191c21; padding: 15px 0; }
.main-menu .nav-side li.active > ul li a { box-shadow: none; min-height: 0; padding: 5px 13px; }
.main-menu .nav-side li.active > ul li a:hover { background: #191c21; color: #fff; }


/*--------------------------------------------------
LEFT
--------------------------------------------------*/
#left { background: #1d2127; position: fixed; overflow-x: hidden; overflow-y: scroll; height: 100%; top: 0; padding-top: 60px; padding-bottom: 20px; padding-right: 0; width: 250px; /*z-index: 1;*/ padding-right: 30px; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
#left h2.menu { color: #465162; margin: 0; padding: 10px 10px 0 0; margin-bottom: 14px; font-size: 20px; line-height: 1.4; white-space: nowrap; cursor: pointer; }
#left h2.menu:before { content: ' '; width: 17px; height: 2px; background: #465162; display: inline-block; position: relative; top: -6px; left: -4px; margin-right: 10px; box-shadow: 0 -5px 0, 0 5px 0; }


/*--------------------------------------------------
MENU CLOSED
--------------------------------------------------*/
.menu-closed #right { margin-left: 40px; width: 100%; padding-right: 40px; }
.menu-closed #right .top { padding-right: 70px; }
.menu-closed #left { width: 60px; display: block; }
.menu-closed #left ul ul { height: 0; overflow: hidden; padding: 0; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.menu-closed #left:hover { width: 220px; z-index: 11; }
.menu-closed #left:hover ul ul { height: auto; overflow: visible; padding: 15px 0; }


/*--------------------------------------------------
RIGHT
--------------------------------------------------*/
#right { background: none repeat scroll 0 0 #ecedf0; margin-top: 60px; position: relative; /*z-index: 2;*/ padding-bottom: 30px; margin-left: 220px; width: 100%; display: inline-block; padding-right: 220px; padding-top: 70px; }
#right > h2:first-child { background: #1d2127; box-shadow: 0 4px 0 rgba(0,0,0,.2); color: #fff; margin: 0; padding: 10px 10px 12px 20px; margin-bottom: 10px; margin-left: -15px; font-size: 20px; line-height: 1.4; border-left: 1px solid #3a3a3a; position: fixed; width: 100%; z-index: 10; top: 60px; }
#right .top { background: #1d2127; box-shadow: 0 4px 0 rgba(0,0,0,.2); color: #fff; margin: 0; padding: 10px 10px 12px 20px; margin-bottom: 10px; margin-left: -15px; border-left: 1px solid #3a3a3a; position: fixed; width: 100%; top: 60px; z-index: 11; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box; box-sizing: padding-box; padding-right: 250px; }
#right .top h2 { font-size: 20px; line-height: 1.4; margin: 0; padding: 0; float: left; max-height: 26px; width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#right .top .action { float: right; }
#right .top .action .save-action { display: inline-block; }
#right .top .action .btn { padding: 4px 6px; font-size: 12px; }
#right .top .action a.btn { padding: 4px 6px 5px; border: none; }
#right .top .action a.btn i { position: relative; top: 1.5px; }
#right .panel-default { margin-right: 15px; }
#right #TabbedPanels { margin-right: 15px; }
#right > #TabbedPanels { margin-top: -20px; }
#sectiontitle + #TabbedPanels { margin-top: -20px; }


/* SM */
@media (max-width:991px) {
    #right { margin-left: 40px; width: 100%; padding-right: 40px; }
    #left { width: 60px; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
    #left ul ul { height: 0; overflow: hidden; padding: 0; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    #left:hover { width: 220px; z-index: 11; }
    #left:hover ul ul { height: auto; overflow: visible; padding: 15px 0; }
}


/*--------------------------------------------------
FOOTER
--------------------------------------------------*/
#footer { display: none; }


/*--------------------------------------------------
LOGIN PANEL
--------------------------------------------------*/
.login-panel .page-header { margin-top: 0; }
.login-panel .page-header img { display: none; }


/*--------------------------------------------------
mediaquery
--------------------------------------------------*/
/* LG */
@media (min-width:1200px) {
}
/* MD */
@media (min-width:992px) and (max-width:1199px) {
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
}
/* XS */
@media (max-width:767px) {
}