@charset "utf-8";

/************************************************************
	LAYOUT
************************************************************/
.body-full-height { overflow:hidden; }
.container-fixed { width:1170px !important; margin:0 auto; }
.content { width:100%; margin:0 auto; }

.content:before, .content:after,
#navContainer:before, #navContainer:after,.nav-header:before, .nav-header:after,.nav-content:before, .nav-content:after,
#headerContainer:before, #headerContainer:after,.header-header:before, .header-header:after,.header-content:before, .header-content:after,
#mainContainer:before, #mainContainer:after,.main-header:before, .main-header:after,.main-content:before, .main-content:after,
.section-container:before, .section-container:after,.section-header:before, .section-header:after,.section-content:before, .section-content:after,
.panel-container:before, .panel-container:after,.panel-header:before, .panel-header:after,.panel-content:before, .panel-content:after { content:""; display:table; }
.content:after,
#navContainer:after,.nav-header:after,.nav-content:after,
#headerContainer:after,.header-header:after,.header-content:after,
#mainContainer:after,.main-header:after.main-content:after,
.section-container:after,.section-header:after,.section-content:after,
.panel-container:after,.panel-header:after,.panel-content:after { clear:both; }

#pageContainer { width:100%; min-width:320px; min-height:100%; margin:0 auto; background-color:#e5e9ec; }
#navContainer { }
#asideContainer { }
#headerContainer { max-width:100%; min-width:320px; min-height:60px; margin:0 auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow-x:visible; }
#mainContainer { }
#footerContainer { }

.section-container,
.section-content,
.panel-container,
.panel-content { margin:0; padding:0; position:relative; }

/************************************************************
	NAVIGATION
************************************************************/
.nav-header { margin:0 auto; overflow:visible; }
.nav-header h1 { line-height:0; }
.nav-header h1 a { padding:2px; display:inline-block; position:relative; }
.nav-header h1 a span { width:226px; height:56px; display:block; background-image:url(/Content/images/bg_logo_sprite.png); background-repeat:no-repeat; background-size:640px auto; background-position:-2px -2px; text-indent:-9999px; white-space:nowrap; overflow:hidden; }
/*** retina-specific ***/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .nav-header h1 a span { background-image:url(/Content/images/bg_logo_sprite@2x.png); }
}

/************ [SidebarType] ************/
.nav-sidebar { padding-left:300px; }
.nav-sidebar.nav-sidebar-hide { padding-left:0px; }
.nav-sidebar #navContainer { width:300px; background-color:#384247; position:fixed; top:0; bottom:0; left:0; overflow:hidden; z-index:1032; }
.nav-sidebar-hide #navContainer { left:-230px; transition:all .28s ease-out; }
.nav-sidebar #mainContainer { padding:60px 20px 20px 20px; }
/****** Header ******/
.nav-sidebar .nav-header { min-height:60px; /*background-color:rgba(255,255,255,0.075);*/ background-color:#2d363b; }
/****** Body ******/
.nav-sidebar .nav-content { max-width:100%; margin:0 auto; padding:10px 20px; overflow-x:hidden; }
.nav-sidebar .nav-content-inner { margin:0 -20px; padding:0; }
.nav-sidebar .nav-content-inner .nav-menu-heading { padding:20px 20px 5px 20px; color:rgba(255,255,255,0.6); font-size:12px; font-weight:600; text-transform:uppercase; }
.nav-sidebar .nav-content-inner a { padding:10px 20px; display:block; position:relative; color:rgba(255,255,255,0.4); transition:color .12s ease-out;  }
.nav-sidebar .nav-content-inner a:hover,
.nav-sidebar .nav-content-inner a:focus { background-color:rgba(0,0,0,0.2); color:rgba(255,255,255,1); }
.nav-sidebar .nav-content-inner a:hover > i,
.nav-sidebar .nav-content-inner a:focus > i,
.nav-sidebar .nav-content-inner a.active,
.nav-sidebar .nav-content-inner a.active:hover,
.nav-sidebar .nav-content-inner a.active > i,
.nav-sidebar .nav-content-inner a.active:hover > i { color:#fff; }
.nav-sidebar .nav-content-inner a > i { min-width:16px; line-height:1; margin-right:15px; top:13px; left:22px; speak:none; color:rgba(255,255,255,0.4); -webkit-font-smoothing:antialiased; }
.nav-sidebar .nav-content-inner a.nav-menu { padding-right:30px; }
.nav-sidebar .nav-content-inner a.nav-menu:before { display:inline-block; position:absolute; top:50%; right:15px; content:"\f104"; color:rgba(255,255,255,0.25); font-family:'FontAwesome'; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.nav-sidebar .nav-content-inner > li > a span { text-transform:uppercase; }
.nav-sidebar .nav-content-inner ul { height:0; margin:0; padding:0 0 0 52px; background-color:rgba(0,0,0,0.15); overflow:hidden; }
.nav-sidebar .nav-content-inner ul > li { opacity:0; transition:all .25s ease-out; -webkit-transform:translateX(-15px); -ms-transform:translateX(-15px); transform:translateX(-15px); }
.nav-sidebar .nav-content-inner ul > li a { padding:8px 8px 8px 0; font-size:13px; color:rgba(255,255,255,0.4); }
.nav-sidebar .nav-content-inner ul > li a:hover,
.nav-sidebar .nav-content-inner ul > li a:focus { color:#fff; background-color:transparent; }
.nav-sidebar .nav-content-inner ul ul { padding-left:10px; }
.nav-sidebar .nav-content-inner li.active > a { color:#fff; }
.nav-sidebar .nav-content-inner li.active > a > i { color:#fff; }
.nav-sidebar .nav-content-inner li.active > a.nav-menu:before { content:"\f107"; }
.nav-sidebar .nav-content-inner li.active > .nav-submenu { display:block; }
.nav-sidebar .nav-content-inner li > .nav-submenu { display:none; }
.nav-sidebar .nav-content-inner li > .nav-submenu.open { height:auto; }
.nav-sidebar .nav-content-inner li > .nav-submenu.open > li { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }

/************ [Horizontal Type] ************/
.nav-horizontal #navContainer { width:100%; display:table; background-color:#f4f5f7; border-bottom:4px solid #2c343f; z-index:50; }
.nav-horizontal.nav-fixed #navContainer { position:fixed; }
.nav-horizontal.nav-fixed #mainContainer { padding-top:112px; }
.nav-horizontal .nav-content { width:100%; display:table-cell; }
.nav-horizontal .nav-header { height:60px; background-color:rgba(255,255,255,0.5); }
.nav-horizontal .nav-header h1 a span { background-position:-136px -2px; }
.nav-horizontal .nav-content-inner .nav-menu-heading { display:none; }
.nav-horizontal .nav-content-inner { margin:0; padding:0; }
.nav-horizontal .nav-content-inner > li { display:inline-block; vertical-align:middle; }
.nav-horizontal .nav-content-inner > li a { display:inline-block; position:relative; color:#1b1e24; font-weight:600; }
.nav-horizontal .nav-content-inner > li > a { padding:14px 26px; }
.nav-horizontal .nav-content-inner > li a:hover { color:#2c343f; }
.nav-horizontal .nav-content-inner > li.open > a,
.nav-horizontal .nav-content-inner > li.open > a:hover { background-color:#2c343f; color:#fff; }
.nav-horizontal .nav-content-inner > li a i.si { display:none; }
.nav-horizontal .nav-content-inner > li.open > div { display:block; }
.nav-horizontal .nav-content-inner > li > div { display:none; position:absolute; top:112px; left:0; right:0; background-color:#2c343f; }
.nav-horizontal .nav-content-inner > li > div > ul > li { float:left; margin-bottom:4px; padding:10px 10px; color:#fff; }
.nav-horizontal .nav-content-inner > li > div > ul > li:first-child { padding-left:20px; }
.nav-horizontal .nav-content-inner > li > div > ul > li a { padding:14px 10px; color:#fff; font-weight:300; }
.nav-horizontal .nav-content-inner > li > div > ul > li a:hover { color:#fff; }
.nav-horizontal .nav-content-inner > li > div > ul .nav-menu { padding:14px 26px 10px; font-size:16px; opacity:.7; }
.nav-horizontal .nav-content-inner > li > div > ul .nav-menu + div ul li a { padding:10px 26px; }
.nav-horizontal .container-fixed .nav-content-inner > li > div > .nav-submenu-inner { width:1170px; margin:0 auto; }


/************************************************************
	ASIDE
************************************************************/
/************ [Right Type] ************/
.aside-r { height:100%; padding-right:300px; }
.aside-r #asideContainer { width:300px; position:fixed; top:61px; right:0; bottom:0; background-color:#282f35; overflow:hidden; z-index:1032; }
.aside-r #mainContainer { padding:60px 0 30px; }
.aside-r #asideContainer .content,
.aside-r #mainContainer,
.aside-r #mainContainer .content,
.aside-r #mainContainer .section-container,
.aside-r #mainContainer .section-content,
.aside-r #mainContainer .panel-container,
.aside-r #mainContainer .panel-content { height:100%; }

.aside-r #mainContainer .main-content { height:100%; }
.aside-r #mainContainer .secondary-content { height:98px; }

.aside-r #asideContainer .content { overflow-x:hidden; overflow-y:scroll; }
.aside-r #mainContainer .main-content { overflow:scroll; }
.aside-r #mainContainer .secondary-content { overflow-x:scroll; overflow-y:hidden; }


/************************************************************
	HEADER CONTAINER
************************************************************/
#headerContainer { background-color:#fff; border-bottom:1px solid #e5e9ec; }

.nav-sidebar.header-fixed #headerContainer { position:fixed; top:0; left:230px; right:0; z-index:1030; }
.nav-sidebar.nav-sidebar-hide #headerContainer { left:0; }
.aside-r.header-fixed #headerContainer { position:fixed; top:0; left:0; right:0; z-index:1030; }

.header-header { max-width:300px; min-height:60px; }
.header-header h1 { line-height:0; }
.header-header h1 a { padding:2px; display:inline-block; position:relative; }
.header-header h1 a span { width:300px; height:56px; display:block; background-image:url(/Content/images/bg_logo_sprite.png); background-repeat:no-repeat; background-size:640px auto; background-position:-2px -2px; text-indent:-9999px; white-space:nowrap; overflow:hidden; }

.header-content-inner.text-menu { margin:6px 15px 0; }
.header-content-inner.text-menu > li { display:inline-block; }
.header-content-inner.text-menu > li a { padding:13px 8px; display:inline-block; color:#fff; font-size:16px; }
.header-content-inner.text-menu > li a:hover { color:#24bff3; }
.header-content-inner.text-menu > li+li:before { content:""; width:1px; height:8px; margin-left:12px; margin-right:15px; padding:0; display:inline-block; position:relative; top:-3px; background:rgba(255,255,255,0.3); }

.header-content-inner.text-menu.icon { margin:6px 20px 0; }
.header-content-inner.text-menu.icon > li+li:before { margin-left:2px; margin-right:5px; background:rgba(255,255,255,0); }
.header-content-inner.text-menu.icon > li.pull:before { margin-left:20px; margin-right:23px; background:rgba(255,255,255,0.3); }
.header-content-inner.text-menu.icon > li a i.dicon { top:1px; }

.header-content-inner.icon-menu { margin-left:50px; }
.header-content-inner.icon-menu > li > a { width:30px; height:20px; color:#333; font-size:18px; }
.header-content-inner.icon-menu > li > a:hover { color:#333; }

/************ Elements ************/
/****** Elements > trigger button ******/
.btn-menu-trigger { margin-top:5px; }
.btn-menu-trigger,
.btn-menu-trigger span { display:inline-block; transition:all .4s; }
.btn-menu-trigger { width:30px; height:24px; position:relative; }
.btn-menu-trigger span { width:100%; height:2px; position:absolute; left:0; background-color:#2d363b; border-radius:4px; }
.btn-menu-trigger span:nth-of-type(1) { top:0; }
.btn-menu-trigger span:nth-of-type(2) { top:11px; }
.btn-menu-trigger span:nth-of-type(3) { bottom:0; }

/****** Elements > dropdown menu ******/
.header-content-inner > li.open { position:relative; }
.header-content-inner > li.open > .dropdown-menu { display:block; }
.header-content-inner > li.dropdown-menu { float:right; min-width:160px; margin:7px -3px 0 0; padding:0px; display:none; position:absolute; top:100%; left:auto; right:0; background-color:#fff; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.1); box-shadow:1px 1px 5px rgba(0,0,0,0.1); border:1px solid #ddd; border-radius:3px; font-size:13px; z-index:1000; }
.header-content-inner > li.dropdown-menu:before { display:inline-block; position:absolute; top:-7px; right:9px; border-right:7px solid transparent; border-bottom:7px solid #ddd; border-left:7px solid transparent; border-bottom-color:#ccc; content:""; }
.header-content-inner > li.dropdown-menu:after { display:inline-block; position:absolute; top:-6px; right:10px; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left:6px solid transparent; content:""; }
.header-content-inner > li.dropdown-menu > li > a { line-height:1.42857143; margin:2px 4px; padding:7px 20px; display:block; border-radius:3px; color:#2a2e36; font-weight:400; text-align:left; white-space:nowrap; clear:both; }
.header-content-inner > li.dropdown-menu > li:first-child a { margin-top:4px; }
.header-content-inner > li.dropdown-menu > li:last-child a { margin-bottom:4px; }
.header-content-inner > li.dropdown-menu > li > a:hover,
.header-content-inner > li.dropdown-menu > li > a:focus { color:#1b1e24; text-decoration:none; background-color:#eff2f3; background-image:none; }
.header-content-inner > li.dropdown-menu > .active > a,
.header-content-inner > li.dropdown-menu > .active > a:hover,
.header-content-inner > li.dropdown-menu > .active > a:focus { color:#1b1e24; text-decoration:none; background-color:#eff2f3; background-image:none; }
.header-content-inner > li.dropdown-menu > .disabled > a,
.header-content-inner > li.dropdown-menu > .disabled > a:hover,
.header-content-inner > li.dropdown-menu > .disabled > a:focus { color:#999; }
.header-content-inner > li.dropdown-menu > .disabled > a:hover,
.header-content-inner > li.dropdown-menu > .disabled > a:focus { text-decoration:none; cursor:default; background-color:transparent; background-image:none; }
.header-content-inner > li.dropdown-menu > li > a i { margin-right:5px; display:inline-block; position:relative; font-size:14px; color:#656565; }
.header-content-inner > li.dropdown-menu > li > a .badge { position:relative; top:-1.5px; background-color:#f44967; color:#fff; }
.header-content-inner > li.dropdown-menu .divider { background-color:#eaedf0; height:1px; margin:4px 0; border-bottom:0px; overflow:hidden; }
/*** retina-specific ***/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.header-header h1 a span { background-image:url(/Content/images/bg_logo_sprite@2x.png); }
}


/************************************************************
	MAIN CONTAINER
************************************************************/
#mainContainer { background-color:#e5e9ec;}
#mainContainer .main-content { margin:0; padding:20px; position:relative; background-color:#fff; }
#mainContainer .section-container { margin-bottom:20px; }
#mainContainer .section-container:last-child { margin-bottom:0; }
#mainContainer .section-content { padding:20px; background-color:#fff; }