/**
 * @package   Portal - accessibletemplate
 * @version   2.3.1
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   accessibletemplate Terms & Conditions - http://www.accessibletemplate.com/en/terms-and-conditions
 **/
/**
 * This CSS defines the style for the "night mode", both in "default layout" AND in "mobile layout"
 * IMPORTANT: add the class prefix "body.night-mode" to each new rule
 * IMPORTANT: add the " !important" suffix to each new rule
**/
/*==========================================================================
   GENERAL
==========================================================================*/
body.night-mode *{
	text-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	}
body.night-mode,
body.night-mode h1,
body.night-mode h2,
body.night-mode h3,
body.night-mode h4,
body.night-mode h5,
body.night-mode h6,
body.night-mode p,
body.night-mode blockquote,
body.night-mode pre,
body.night-mode abbr,
body.night-mode acronym,
body.night-mode address,
body.night-mode code,
body.night-mode del,
body.night-mode dfn,
body.night-mode em,
body.night-mode q,
body.night-mode dl,
body.night-mode dt,
body.night-mode dd,
body.night-mode ol,
body.night-mode ul,
body.night-mode li,
body.night-mode fieldset,
body.night-mode form,
body.night-mode label,
body.night-mode legend,
body.night-mode table,
body.night-mode caption,
body.night-mode tbody,
body.night-mode tfoot,
body.night-mode thead,
body.night-mode tr,
body.night-mode th,
body.night-mode td,
body.night-mode article,
body.night-mode aside,
body.night-mode dialog,
body.night-mode figure,
body.night-mode footer,
body.night-mode header,
body.night-mode hgroup,
body.night-mode nav,
body.night-mode section{
	background:transparent !important;
	color:#A09A90 !important;
	border-color:#2E2E2E !important;
	outline:0 !important;
	}
body.night-mode{background:#0C0C0C !important;}
/* Force generic elements' style override */
body.default-layout.night-mode.generic-elements-style-override_night-mode_true div,
body.default-layout.night-mode.generic-elements-style-override_night-mode_true span
{background-color:inherit;color:inherit;border-color:inherit;}
body.default-layout.night-mode.generic-elements-style-override_night-mode_true div[id],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true div[id],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true span[id],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true span[id],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true [id],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true [id],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true div[class],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true div[class],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true span[class],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true span[class],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true [class],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true [class]
{background-color:inherit;border-color:#2E2E2E;color:#A09A90;}
body.default-layout.night-mode.generic-elements-style-override_night-mode_true [style*=background],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true [style*=background],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true [style*=color],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true [style*=color],
body.default-layout.night-mode.generic-elements-style-override_night-mode_true [style*=border],
body.mobile-layout.night-mode.generic-elements-style-override_night-mode_true [style*=border]
{background-color:inherit !important;border-color:#2E2E2E !important;color:#A09A90 !important;}
/* ~~~ Headings ~~~ */
body.night-mode h1,
body.night-mode h2,
body.night-mode h3,
body.night-mode h4,
body.night-mode h5,
body.night-mode h6,
body.night-mode h1 *,
body.night-mode h2 *,
body.night-mode h3 *,
body.night-mode h4 *,
body.night-mode h5 *,
body.night-mode h6 *{color:#7AA363 !important;}
/* ~~~ Links ~~~ */
body.night-mode a{
	color:#B17B57 !important;
	border-color:#999 !important;
	border-bottom-color:#555 !important;
	border-right-color:#555 !important;
	background-color:transparent !important;
	text-decoration:underline;
	}
body.night-mode a:visited{color:#9E636E !important;}
body.night-mode a:focus,
body.night-mode a:hover{background-color:transparent !important;color:#C7AA4D !important;text-decoration:none !important;}
/* ~~~ Focused elements ~~~ */
body.night-mode textarea:focus,
body.night-mode input:focus,
body.night-mode select:focus,
body.night-mode a:focus img{outline:2px solid #BBB !important;outline-offset:-1px !important;}
/* ~~~ Form style ~~~ */
body.night-mode form fieldset{
	background-color:#222 !important;
	}
body.night-mode input,
body.night-mode textarea,
body.night-mode select{
	background-color:#393939 !important;
	border-color:#777 !important;
	border-top-color:#555 !important;
	border-left-color:#555 !important;
	color:#AAA !important;
	}
body.night-mode option{
	background-color:#444 !important;
	color:#AAA !important;
	}
body.night-mode option[selected=selected]{
	background-color:#666 !important;
	color:#CCC !important;
	}
body.night-mode input:hover,
body.night-mode textarea:hover,
body.night-mode select:hover{
	border-color:#999 !important;
	background-color:#444 !important;
	color:#BBB !important;
	}
body.night-mode input:focus,
body.night-mode textarea:focus,
body.night-mode select:focus{border-color:#D3C73D !important}
body.night-mode button,
body.night-mode .button,
body.night-mode .btn,
body.night-mode input[type=button],
body.night-mode input[type=reset],
body.night-mode input[type=submit]{
	border-color:#888 !important;
	border-bottom-color:#555 !important;
	border-right-color:#555 !important;
	background-color:#2E2E2E !important;
	color:#989898 !important;
	border-radius:.2em;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	}
body.night-mode button:hover,
body.night-mode .button:hover,
body.night-mode .btn:hover,
body.night-mode input[type=button]:hover,
body.night-mode input[type=reset]:hover,
body.night-mode input[type=submit]:hover,
body.night-mode button:focus,
body.night-mode .button:focus,
body.night-mode .btn:focus,
body.night-mode input[type=button]:focus,
body.night-mode input[type=reset]:focus,
body.night-mode input[type=submit]:focus{
	border-color:#999 !important;
	background-color:#444 !important;
	color:#BBB !important;
	}
/* ~~~ Tables~~~ */
body.night-mode table td,
body.night-mode table tr,
body.night-mode table th{border:1px solid #555 !important;}
body.night-mode tfoot,
body.night-mode caption{background:#222 !important;}
body.night-mode th{
	background:#2E2E2E !important;
	font-weight:bold !important;
	color:#989898 !important;
	}
body.night-mode thead,
body.night-mode thead tr:hover,
body.night-mode thead tr:hover td,
body.night-mode thead td
	{background:#2E2E2E !important;color:#989898 !important;}
/* ~~~ Other ~~~ */
body.night-mode hr{
	border:0 !important;
	border-top:1px solid #333 !important;
	}
body.night-mode blockquote{background-color:#242424 !important;}
/*==========================================================================
   COMMON ELEMENTS' STYLE
==========================================================================*/
/*----------------------------------------------------------------
-  BACKGROUND
---------------------------------------------------------------- */
/* ~~~ dark BG ~~~ */
body.night-mode #layout-container_prt,
body.night-mode #top-bar,
body.night-mode #top-bar-middle,
body.night-mode #top-bar-inner,
body.night-mode #accessibility-panel-inner,
body.night-mode #accessibility-panel,
body.night-mode #header,
body.night-mode #main-body,
body.night-mode #left-column,
body.night-mode #right-column,
body.night-mode #main-content-container
	{background:#1C1C1C !important;}
/* ~~~ light-dark BG ~~~ */
body.night-mode #footer-wrapper,
body.night-mode #footer-wrapper-inner
	{background:#2E2E2E !important;}
/* ~~~ light-dark/transparent BG ~~~ */
body.night-mode #social-buttons-container-outer,
body.night-mode #social-buttons-activation-button{
	background:#2E2E2E !important;
	background:rgba(46,46,46,.7) !important;
	}
/* ~~~ Transparent BG ~~~ */
body.night-mode #breadcrumbs,
body.night-mode #top-bar-tools-container,
body.night-mode #language-switcher-outer,
body.night-mode #language-switcher-inner,
body.night-mode #left-column,
body.night-mode #left-column-inner,
body.night-mode #right-column,
body.night-mode #right-column-inner,
body.night-mode #main-content-container,
body.night-mode #main-content-container-inner,
body.night-mode #header-top,
body.night-mode #support-menu-inner,
body.night-mode #support-menu-outer,
body.night-mode #search-module-outer,
body.night-mode #search-module-inner,
body.night-mode #main-menu-container,
body.night-mode #footer,
body.night-mode #footer-credits,
body.night-mode #footer-menu,
body.night-mode .custom-modules-container-wrapper,
body.night-mode .custom-modules-container,
body.night-mode .custom-module-outer,
body.night-mode .custom-module-inner
	{background:transparent !important;}
/*----------------------------------------------------------------
-  BORDER
---------------------------------------------------------------- */
/* ~~~ Dark border ~~~ */
body.night-mode #layout-container_prt,
body.night-mode #top-bar,
body.night-mode #top-bar-middle,
body.night-mode #top-bar-inner,
body.night-mode #accessibility-panel,
body.night-mode #accessibility-panel-inner,
body.night-mode #header,
body.night-mode #header-top,
body.night-mode #support-menu-inner,
body.night-mode #main-menu-container,
body.night-mode #main-content-container-inner,
body.night-mode .top-bar-tool,
body.night-mode #goto-top-block,
body.night-mode #footer,
body.night-mode #footer-menu,
body.night-mode #breadcrumbs
	{border-color:#2E2E2E !important;}
/* ~~~ Transparent border ~~~ */
body.night-mode #footer-wrapper,
body.night-mode #footer-wrapper-inner,
body.night-mode #search-module-outer,
body.night-mode #social-buttons-container-outer,
body.night-mode #social-buttons-activation-button
	{border-color:transparent !important}
/*----------------------------------------------------------------
-  TEXT COLOR
---------------------------------------------------------------- */
/* ~~~ Lighter font ~~~ */
body.night-mode .custom-module-style_light,
body.night-mode .marked-block-light,
body.night-mode .custom-module-style_colored,
body.night-mode .custom-module-style_user-custom
	{color:#999689 !important;}
/*==========================================================================
   SNIPPETS
==========================================================================*/
/* ~~~ Highlighted blocks~~~ */
body.night-mode .highlight-grey{background-color:#2E2E2E !important;}
body.night-mode .highlight-green{background-color:#273A22 !important;}
body.night-mode .highlight-red{background-color:#49322E !important;}
body.night-mode .highlight-brown{background-color:#453B2C !important;}
body.night-mode .highlight-yellow{background-color:#353624 !important;}
body.night-mode .highlight-blue{background-color:#1E1F35 !important;}
body.night-mode .highlight-black{background-color:#131313 !important;}
/* ~~~ Alerts~~~ */
body.night-mode .error{background-color:#49322E !important;}
body.night-mode .notice{background-color:#47492E !important;}
body.night-mode .success{background-color:#34492E !important;}
/* ~~~ Styled blocks & modules~~~ */
body.night-mode .custom-module-style_default{
	background-color:transparent !important;
	border-color:#2E2E2E !important;
	}
body.night-mode .custom-module-style_dark,
body.night-mode .marked-block-dark{
	border-color:#393939 !important;
	background-color:#262626 !important;
	}
body.night-mode .custom-module-style_light,
body.night-mode .marked-block-light,
body.night-mode .custom-module-style_colored,
body.night-mode .custom-module-style_user-custom{
	border-color:#444 !important;
	background-color:#303030 !important;
	}
/* ~~~ Button style ~~~ */
body.night-mode [class*="-button-style"],
body.night-mode [class*="-button-style"]:visited{
	text-decoration:none !important;
	background-color:#666 !important;
	color:#222 !important;
	border-color: #999 !important;
	border-bottom-color: #555 !important;
	border-right-color: #555 !important;
	}
body.night-mode [class*="-button-style"]:hover,
body.night-mode [class*="-button-style"]:focus,
body.night-mode [class*="-button-style"]:active{
	text-decoration:none !important;
	background-color:#777 !important;
	color:#222 !important;
	border-color:#999 !important;
	}
/*==========================================================================
   LAYOUT ELEMENTS
==========================================================================*/
/* ~~~ search module ~~~ */
body.night-mode #header #search-module-inner{border:none !important}
/* ~~~ gradient effect ~~~ */
body.night-mode #gradient-effect{display:none !important;visibility:hidden !important;}
/* ~~~ top bar & top bar tools ~~~ */
body.night-mode #top-bar .top-bar-tool a,
body.night-mode #top-bar .top-bar-tool button{
	border:0 !important;
	text-decoration:none !important;
	color:#EEE !important;
	background-color:transparent !important;
	}
body.night-mode.top-bar-buttons_text-style.accessibility-panel-hidden #top-bar #show-accessibility-panel-button:before
	{border-color:#BBB transparent transparent transparent !important;}
body.night-mode.top-bar-buttons_text-style.accessibility-panel-visible #top-bar #show-accessibility-panel-button:before
	{border-color:transparent transparent #E00 transparent !important;}
body.night-mode.top-bar-buttons_icon-style #top-bar #show-accessibility-panel-button{
	background-color:transparent !important;
	border:0 !important;
	}
body.night-mode.top-bar-buttons_icon-style #top-bar .top-bar-tool .zhongframework-icon,
body.night-mode.top-bar-buttons_icon-style #top-bar .top-bar-tool button .top-bar-tool-text
	{color:#989898 !important;}
body.night-mode.top-bar-buttons_icon-style #top-bar .top-bar-tool:hover{}
body.night-mode.top-bar-buttons_icon-style.accessibility-panel-visible #top-bar .zhongframework-icon-accessibility
	{color:#C7AA4D !important;}
/* ~~~ accessibility panel style ~~~ */
body.night-mode #accessibility-panel a{text-decoration:none !important;}
body.night-mode #accessibility-panel .accessibility-module-heading{color:#969283 !important;}
/* ~~~ Breadcrumbs ~~~ */
body.night-mode #breadcrumbs a{}
body.night-mode #breadcrumbs a:focus,
body.night-mode #breadcrumbs a:hover{}
/* ~~~ "top" button ~~~ */
body.night-mode #goto-top-block a{
	color:#989898 !important;
	background:#2E2E2E !important;
	border:0 !important;
	text-decoration:none !important;
	}
body.night-mode #goto-top-block a:focus,
body.night-mode #goto-top-block a:hover{
	color:#C7AA4D !important;
	text-decoration:none !important;
	}
/* ~~~ "jump to" anchor ~~~ */
body.night-mode a#jump-to-content{
	background-color:#2E2E2E !important;
	}
/* ~~~ footer ~~~ */
body.night-mode #footer{}
/* ~~~ remove border-bottom from menu links ~~~ */
body.night-mode #support-menu-outer .menu-container ul a,
body.night-mode #goto-top-block a,
body.night-mode #goto-top-block a:link,
body.night-mode #goto-top-block a:visited,
body.night-mode #footer-menu.menu-container ul a{border-bottom:0 !important;}
/* ~~~ Welcome message ~~~ */
body.night-mode #top-bar-preferences-message p,
body.night-mode #top-bar-preferences-message span{
	color:#000 !important;
	}
/* ~~~ Follow us ~~~ */
body.night-mode #follow-us-outer .follow-us-link,
body.night-mode #follow-us-outer .zhongframework-icon{color:inherit !important;}
/*----------------------------------------------------------------
-  MENUS
---------------------------------------------------------------- */
/* ~~~ General ~~~ */
body.night-mode .menu-container ul,
body.night-mode .menu-container ul ul,
body.night-mode .menu-container ul li{
	border:0 !important;
	background-repeat:no-repeat !important;
	}
body.night-mode .menu-container ul a,
body.night-mode .menu-container ul a:link,
body.night-mode .menu-container ul a:visited{
	text-decoration:none !important;
	background-color:#2E2E2E !important;
	border:0 !important;
	border-bottom:1px dotted #555 !important;
	color:#989898 !important;
	}
body.night-mode .menu-container ul a:link{}
body.night-mode .menu-container ul a:visited{}
body.night-mode .menu-container ul a:focus,
body.night-mode .menu-container ul a:hover,
body.night-mode .menu-container ul li:hover>a,
body.night-mode .menu-container ul li.current>a:focus,
body.night-mode .menu-container ul li.current>a:hover,
body.night-mode .menu-container ul li.active>a:focus,
body.night-mode .menu-container ul li.active>a:hover{
	background-color:#666 !important;
	color:#191919 !important;
	text-decoration:none !important;
	}
body.night-mode .menu-container ul li.current>a,
body.night-mode .menu-container ul li.active>a{
	background-color:#555 !important;
	color:#191919 !important;
	}
/* ~~~ Support menu ~~~ */
body.night-mode #header #support-menu-outer .menu-container ul{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
/* ~~~ top menu ~~~ */
body.night-mode #header #main-menu-container ul a,
body.night-mode #header #main-menu-container ul a:link,
body.night-mode #header #main-menu-container ul a:visited
	{border:0 !important;}
body.night-mode #header #main-menu-container ul ul{
	margin-top:0 !important;
	background-color:#2E2E2E !important;
	}
/* ~~~ top menu - floating ~~~ */
body.night-mode.main-menu-style_horizontal-floating #header #main-menu-container ul ul{
	border:none !important;
	border-bottom:1px solid #666 !important;
	}
body.night-mode.main-menu-style_vertical-floating #header #main-menu-container ul ul
{border:1px solid #666 !important;}
/* ~~~ main menu ( left/right ) ~~~ */
body.night-mode #main-body .menu-container ul,
body.night-mode #main-body .menu-container ul ul,
body.night-mode #main-body .menu-container ul li{margin-bottom:0 !important;}
body.night-mode #main-body .menu-container ul ul{background-color:#2E2E2E !important;}
/* ~~~ main menu - floating */
body.night-mode.side-menu-style_floating #main-body .menu-container ul ul
	{border:1px solid #666 !important;}
/* ~~~ Footer menu ~~~ */
body.night-mode #footer-menu.menu-container ul a{
	text-decoration:underline !important;
	border-bottom:0 !important;
	background:none !important;
	}
body.night-mode #footer-menu.menu-container ul a:focus,
body.night-mode #footer-menu.menu-container ul a:hover{color:#C7AA4D !important;text-decoration:none !important;}
/* ~~~ menus incons - top & side ~~~ */
body.night-mode #header #main-menu-container ul li.parent>a:before,
body.night-mode #main-body .menu-container ul li.parent>a:before
{border-color:#999 transparent transparent transparent !important;}
body.night-mode #header #main-menu-container ul li.parent:hover>a:before,
body.night-mode #header #main-menu-container ul li.parent>a:focus:before,
body.night-mode #header #main-menu-container ul li.parent>a:active:before,
body.night-mode #header #main-menu-container ul li.active>a:before,
body.night-mode #main-body .menu-container ul li.parent:hover>a:before,
body.night-mode #main-body .menu-container ul li.parent>a:focus:before,
body.night-mode #main-body .menu-container ul li.parent>a:active:before,
body.night-mode #main-body .menu-container ul li.active>a:before
{border-color:#191919 transparent transparent transparent !important;}
body.night-mode #header #main-menu-container ul li.current>a:before,
body.night-mode #header #main-menu-container ul li.current:hover>a:before,
body.night-mode #header #main-menu-container ul li.current>a:focus:before,
body.night-mode #header #main-menu-container ul li.current>a:active:before,
body.night-mode #main-body .menu-container ul li.current>a:before,
body.night-mode #main-body .menu-container ul li.current:hover>a:before,
body.night-mode #main-body .menu-container ul li.current>a:focus:before,
body.night-mode #main-body .menu-container ul li.current>a:active:before
{border-color:#191919 !important;}
/* ~~~ De-collapse menu buttons ~~~ */
body.night-mode #mobile-main-menu-container-activation-button{background-color:#666 !important;}
body.night-mode #mobile-main-menu-container-activation-button>div{border-top-color:#111 !important;border-bottom-color:#111 !important;}
body.night-mode #mobile-main-menu-container-activation-button>div:before{border-bottom-color:#111 !important;}
body.night-mode #mobile-main-menu-container-activation-button>div:after{border-top-color:#111 !important;}
body.night-mode #mobile-side-menu-activation-button{background-color:transparent !important;}
body.night-mode #mobile-side-menu-activation-button>div{border-top-color:#666 !important;border-bottom-color:#666 !important;}
body.night-mode #mobile-side-menu-activation-button>div:before{border-bottom-color:#666 !important;}
body.night-mode #mobile-side-menu-activation-button>div:after{border-top-color:#666 !important;}
/*==========================================================================
   OTHER ELEMENTS
==========================================================================*/
/* ~~~ Tooltips ~~~ */
body.night-mode .tooltip-title{
	background-color:#777772 !important;
	border-color:#777772 !important;
	color:#222 !important;
	}
body.night-mode .tooltip-title.with-top-arrow:before{border-bottom-color:#777772 !important;}
body.night-mode .tooltip-title.with-top-arrow:after{border-bottom-color:#777772 !important;}
body.night-mode .tooltip-title.with-bottom-arrow:before{border-top-color:#777772 !important;}
body.night-mode .tooltip-title.with-bottom-arrow:after{border-top-color:#777772 !important;}
/* ~~~ Layout width resize tool ~~~ */
body.night-mode #layout-width-resize-tool-container{background:none !important;}
body.night-mode #layout-width-resize-handle_left:hover,
body.night-mode #layout-width-resize-handle_right:hover{background:#555 !important;}
/*==========================================================================
   MOBILE LAYOUT
==========================================================================*/
body.night-mode.mobile-layout .zhongframework-icon{color:#989898 !important;text-decoration:none !important;}
body.night-mode.mobile-layout .top-bar-module a,
body.night-mode.mobile-layout .top-bar-module button{text-decoration:none !important;}
body.night-mode.mobile-layout .mobile-top-bar-tool-button:hover .zhongframework-icon,
body.night-mode.mobile-layout .mobile-top-bar-tool-button:focus .zhongframework-icon{color:#C7AA4D !important;}
body.night-mode.mobile-layout #top-bar .mobile-top-bar-tool-button.active .zhongframework-icon{color:#C7AA4D !important;}
body.night-mode.mobile-layout .menu-container li,
body.night-mode.mobile-layout .menu-container a,
body.night-mode.mobile-layout #main-menu-container ul li,
body.night-mode.mobile-layout #main-menu-container ul li a,
body.night-mode.mobile-layout #side-menu ul li,
body.night-mode.mobile-layout #side-menu ul li a{background-image:none !important;}
/*==========================================================================
   OTHER
========================================================================= */
html.no-js body.night-mode #font-resizer-module a>span{color:inherit !important;}