.mobile												{ display: block !important; }
span.mobile											{ display: inline-block !important; }
/*====================================================================================================================================================== */
/*-----| LOGGER       			            |------------------------------------------------------------------------------------------------------------- */
#band nav ul li ul								{ padding: 0 8px 5px 8px; }
#band nav ul li ul li							{ padding: 10px 2px; }
#band nav ul li ul li .switch					{ padding: 5px; font-size: 14px; }

#logger_lst table thead tr td					{ display: none; }
#logger_lst table thead tr td:after			{ display: block; content: ""; clear: both; }
#logger_lst thead tr td:last-of-type div	{ float: none; max-width: 100%; }

#logger_lst table,
#logger_lst table thead,
#logger_lst table thead tr,
#logger_lst table thead tr td:last-of-type,
#logger_lst table tbody,
#logger_lst table tbody tr,
#logger_lst table tbody tr td					{ display: block; }

#logger_lst table tbody tr						{ position: relative; min-height: 82px; padding: 0 0 0 25%; border-bottom: 2px solid #757780; }
#logger_lst table tbody tr:first-of-type	{ border-top: 2px solid #757780; }
#logger_lst table tbody tr td					{ border: none !important; line-height: 20px; }
#logger_lst table tbody tr td:nth-of-type(1)	{ position: absolute; left: 0; top:    0; height: 30px; width: 25%; overflow: hidden; background: #F0F1F2; }
#logger_lst table tbody tr td:nth-of-type(4)	{ position: absolute; left: 0; top: 25px; height: 30px; width: 25%; overflow: hidden; background: #F0F1F2; }
#logger_lst table tbody tr td:nth-of-type(3)	{ position: absolute; left: 0; top: 50px; bottom: 0;    width: 25%; background: #F0F1F2; }
#logger_lst table tbody tr td:nth-of-type(2)	{ background: #ffffff; }

#logger_lst tbody tr td:nth-of-type(3) > div:before	{ left: 100%; right: auto; top: -15px; border-width: 5px 10px 5px 0; border-color: transparent rgba( 0,0,0,0.85 ) transparent transparent; }
#logger_lst tbody tr td:nth-of-type(3) > div > div	{ left: 100%; right: auto; padding: 0 0 0 10px; }


#message .flex_box:nth-of-type(1)			{ order: 2; flex-grow: 1; }
#message .flex_box:nth-of-type(2)			{ order: 1; width: 100%; }
#message .flex_box:nth-of-type(3)			{ order: 3; }
#message .flex_box:nth-of-type(4)			{ order: 4; }
/*-----| END LOGGER       			         |------------------------------------------------------------------------------------------------------------- */
/*====================================================================================================================================================== */
/*-----| SIDEBAR       			            |------------------------------------------------------------------------------------------------------------- */
#sidebar_toggler									{ top: 87px; }
body.sidebar.logger #sidebar					{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; padding: 0 0 0 35px; background: rgba( 0,0,0,0.5 ); }
body.sidebar.logger #sidebar > div			{ min-width: 100% !important; max-width: 100% !important; }
/*-----| END SIDEBAR       			      |------------------------------------------------------------------------------------------------------------- */
/*====================================================================================================================================================== */