/* ENOXIS by byloos mathias*/
/* Fonts */
@font-face {
    font-family: "HelveticaNeueLTStd63MediumExt";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/helveticaneueltstd-mdex-webfont.eot?iefix") format("eot"), url("fonts/helveticaneueltstd-mdex-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd43LightExte";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/helveticaneueltstd-ltex-webfont.eot?iefix") format("eot"), url("fonts/helveticaneueltstd-ltex-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd33ThinExten";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/helveticaneueltstd-thex-webfont.eot?iefix") format("eot"), url("fonts/helveticaneueltstd-thex-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd55Roman";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/helveticaneueltstd-roman-webfont.eot?iefix") format("eot"), url("fonts/helveticaneueltstd-roman-webfont.ttf") format("truetype");
}

/* BODY */

body { background: #d8d6d8 url(/img/bkg-pat.png); min-width: 320px; height:auto; }

/* HEADER */

header { margin:0 3%; padding: 8px 0; position: relative; height: 60px; }
header button, header a { margin:0 0 0 25px !important; transition:all 0.3s !important; }
header button>div, header a>div { width:24px; height:24px; line-height:24px; margin-right:8px; border-radius:4px; color:#fff; font-weight:bold; }
header button>md-icon, header a>md-icon {margin-right:8px; }

/* FOOTER */

footer { margin: 0 3%; padding: 7px 0; position: relative; text-align:center; }
footer>a { padding:0 16px; font-size:16px; color:#292929; cursor:pointer; }
footer>a:not(:first-child) { border-left: 1px solid black; }
footer>hr { margin: 15px 0; }
footer>b { font-size: 13px; font-weight: 600; color: #292929;text-shadow: 0 1px 0 #ededed; }

/* TOP BAR NAVIGATION */

aside { height: 60px; border-top: 1px solid #515151; border-bottom: 1px solid #222; padding: 10px 3%; min-width: 860px; background: url(/img/grad-overlay.png) #292929; }

/* USER PANEL */

#usr_pnl { width: 240px; height: 60px; float: left; position: relative; }

#usr_pnl a.active{ color: #ED1E25; }
#usr_pnl a:hover{ color: #ED1E25; text-shadow: none; }

#usr_avt { width: 46px; height: 46px; margin: 7px 0 0 7px; border-radius: 2px; }
#usr_inf { position: relative; top: -51px; left: 60px; width: 240px; }
#usr_inf p { line-height: 16px; font-size: 10px; color: rgb(204, 204, 204); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:175px; }
#usr_ntf { color: #dfdfdf; font-size: 10px; }
#usr_inf a { margin-right: 13px; }


/* NAVIGATION */

#mnu>li { height: 60px; float: left; margin-left: 8px; cursor:pointer; }
#mnu>li a { display: block; width: 80px; height: 60px; text-align: center; color: #bfbfbf; }
#mnu>li img { width: 30px; height: 30px; padding: 8px 25px 4px; }
#mnu>li md-icon { margin: 6px 0; font-size: 32px; width: 32px; height: 32px; background: linear-gradient(to bottom, white, black); text-shadow: 0px 1px 1px rgba(150,150,150,0.7); -webkit-background-clip: text; background-clip: text; color: transparent; }
#mnu>li p { font-size: 11px; font-weight: 600; }
#mnu>li:hover, #usr_pnl { background: url(/img/nav/nav-hover.png); border-radius: 3px; box-shadow: inset 0px 0px 1px 0px #000; }
#mnu>li:hover ul a { height: 11px; padding-top: 15px; padding-bottom: 15px; }
#mnu>li.sel>a { color:#ED1E25; }
#mnu>li.sel>a md-icon { text-shadow: 0px 1px 1px rgba(255,30,30,0.7); }

/* SUB NAVIGATION */

#mnu { position: relative; }

#mnu ul { position: relative; left: 0; top: 0; background: #343434; border-radius: 2px; z-index: 9; }
#mnu ul a { height: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; font-size: 11px; overflow:hidden; transition:all 0.3s; }
#mnu ul a:hover { color: #ED1E25; background: #3d3d3d; border-radius: 2px; }

/* CONTENT */

#ctn { margin: 20px 3%; min-height: calc(100vh - 270px); transition: margin-right 0.3s; }

#ctn form md-card { margin:0 0 15px; }
/*#ctn form md-card:not(:last-of-type), #ctn .box-content:not(:last-of-type) { margin-right:15px; }*/
sep { display: block; width: 15px; height: 15px; min-width: 15px; min-height: 15px; padding: 0; margin: 0; box-sizing: border-box; }

/* GENERAL ELEMENTS */

.box-content { background: #eee; border: 1px solid #bbb; border-radius: 3px; padding: 10px 10px; font-size: 12px; }
md-toolbar + .box-content, md-tabs .box-content { border-radius: 0 0 3px 3px; border-top: none; }
.box-content p:not(:last-child) { margin-bottom:10px; }
.box-content p, .ui-widget-content p {
	color: #292929;
	line-height: 16px;
	text-shadow: 0 1px 0 #fff;
}

.table { width:100%; max-width:100%; -webkit-user-select:none; user-select:none; }
.table thead select { width:100%; }
.table thead tr { background-image: url(/img/grad-overlay.png); height: 30px; }
.table thead th { border-right: 1px solid #ccc; padding: 3px 10px; font-weight: bold; cursor: pointer; white-space: nowrap; }
.table thead input, .table thead select { border:none; padding:5px; margin:0 !important; border-radius:3px; min-height:28px !important; }
.table tbody { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #fff; }
.table tr { cursor:pointer; }
.table tr:hover { background-color: #ddd; }
.table tr.selected { background-color: #FFD4D4; }
.table td { padding: 8px 10px; border-right: 1px solid #ccc; }
.pagination, .ng-table-pager .btn-group { border: 1px solid #bbb; border-radius: 2px; margin-top: 6px; float: right; text-align: right; background: url(/img/grad-overlay.png) #eee; }
.pagination>li, .ng-table-pager .btn-group .btn { display:inline-block; background:url(/img/grad-overlay-s.png) #ddd; border: 1px solid #d3d3d3; }
.pagination>li:hover, .ng-table-pager .btn-group .btn:hover { background-color:#ccc; }
.pagination>li.active, .ng-table-pager .btn-group .btn.active { background-color:#ccc; pointer-events:none; }
.pagination>li.disabled { opacity:.35; pointer-events:none; }
.pagination>li>a, .ng-table-pager .btn-group .btn { display:inline-block; padding:5px 7px; font-weight:400; font-size:10px; color:#292929; text-shadow:0 1px 0 #eee; }
.ng-table-pager .btn-group { float:left; }
.ng-table-pager { height: 32px; }
.table .lnk { color:#ED1E25; }
.lnk:hover { text-decoration:underline; }

[hov-mor] { position:relative; }
[hov-mor]>div { opacity:0; position:absolute; background:#fff; top:0px; left:0; z-index:1; box-shadow:2px 2px 5px; padding:10px; pointer-events:none; transition:all 0.3s 0.7s; }
[hov-mor]:hover>div { opacity:1; }
.hov_ann>div>div:not(.ann_img) { padding:5px; font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center; position:relative; min-width:180px; }
.hov_ann>div>div:nth-child(1) { background:red; color:#fff; }
.hov_ann>div>div:nth-child(1):after { content:''; position:absolute; border-left:20px solid transparent; border-right:20px solid transparent; border-top:10px solid rgba(255,0,0,0.3); bottom:-10px; left:50%; margin-left:-20px; }
.hov_ann>div>div:nth-child(2) { border:2px solid #000; margin:22px 0 10px; }
.hov_ann>div>div:nth-child(2):after { content:''; position:absolute; width:100%; top:-10px; bottom:-10px; left:0; border:solid #000; border-width:1px 0;  }
.hov_ann>div img { width:100%; }
.hov_ann>div>div:not(.ann_img):nth-of-type(3) { text-align:justify; font-size:12px; text-transform: none; overflow: auto; max-height: 50vh; }
.hov_ann .ann_img { font-size: 0; margin: 8px 0 0; }
.hov_ann .ann_lgd { position: absolute; inset: auto 0 0; padding: 5px 56px 5px 5px; font-size: 12px; background: rgba(0, 0, 0, 0.5); color: white; }
.hov_pub img { max-width:100%; }
.hov_rcu>div { left: auto; right: 0; padding: 8px 10px; white-space: nowrap; pointer-events: all; }
.hov_usr>div { pointer-events:all; padding-right:0; top:-10px; left:-30px; }
.hov_usr>div img { float:left; margin-right:8px; height:40px; }
.hov_usr>div>div { min-width:220px; padding-right:8px; border-right:1px solid #ccc; }
.hov_usr>div>a { margin:-10px 0; }
.hov_usr>div>div>div { margin-top:8px; }
.hov_100>div { right:0; bottom:0; padding:15px 0; text-align:center; }
.hov_agc>div { right:0; }
.hov_opr>div { width:auto; white-space:nowrap; }
.hov_opr>div ul { list-style-type:disc; padding-left:20px; }
.hov_opr>div li { margin-bottom:4px; }

.usr_uid { background:linear-gradient(rgba(34,34,34,0.2),rgb(84,84,84)); color:#fff; float:right; padding:9px 5px 2px; margin:-10px 4px 0; border-radius:0 0 3px 3px; }
.usr_uuz { background:linear-gradient(rgba(226,0,26,0.2),rgb(226,0,26)); color:#fff; float:right; padding:9px 5px 2px; margin-top:-10px; border-radius:0 0 3px 3px; }
.usr_con { height:8px; width:8px; border-radius:50%; border:1px solid #333; display:none; }
.usr_con.con { background:#73ea73; border:1px solid #1bb11b; display:inline-block; }

.zhn { border-radius:4px; padding:1px 4px 1px 1px; background:#fff; border:1px solid #999; position:relative; }
.zhn b { border-radius:4px; padding:0 4px; background:#e2001a; color:#fff; }


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 { font-weight: 600; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; margin: 10px 0;}

#ctn p { font-size: 12px; font-weight: 400; }

.ta_l { text-align:left; }
.ta_c { text-align:center; }
.ta_r { text-align:right; }

.c_roug { color:#e2001a !important; }
.c_grif { color:#444444 !important; }
.c_grim { color:#999 !important; }
.c_gric { color:#ccc !important; }
.c_noir { color:#000 !important; }
.c_blan { color:#fff !important; }
.c_inhe { color: inherit !important; }

.b_roug { background-color:#e2001a !important; }
.b_rouc { background-color:#ff495e !important; }
.b_grif { background-color:#444444 !important; }
.b_grim { background-color:#999 !important; }
.b_gric { background-color:#ccc !important; }
.b_grib { background-color:#fafafa !important; }
.b_noir { background-color:#000 !important; }
.b_blan { background-color:#fff !important; }

.font-thin { font-weight: 300; }
.font-bold, .ftb { font-weight: 600; }
.textsh { text-shadow: 0 1px 0 #fff; }
.textshdk { text-shadow: 1px 1px 1px #000,0px 0px 1px #fff; }
.text-tiny { font-size: 9px !important; }
.text-small { font-size: 10px !important; }
.text-normal { font-size: 12px !important; }
.text-big { font-size: 14px !important; }
.text-huge { font-size: 16px !important; }

ul.circle { list-style-type: circle; font-size: 12px;}
ol.decimal { list-style-type: decimal; font-size: 12px;}

ul.circle li, ol.decimal li { margin: 0 0 4px 20px;}

/* Material */

[ng-click] { cursor: pointer; }

md-toolbar { min-height:0; }
.md-toolbar-tools { height:52px; }
.md-headline { font-size:18px; color:#DDD; font-weight:600; text-shadow:0 1px 0 #222; }

md-card .md-subheader { background-color:inherit; }

md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line>.md-no-style, md-list.md-dense md-list-item.md-3-line:before, md-list.md-dense md-list-item.md-3-line>.md-no-style:before { min-height:56px; }
md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child, md-list.md-dense md-list-item md-icon:first-child { line-height:20px; font-size:20px; min-width:20px; min-height:20px; }
md-list-item.md-with-secondary>div.md-button:first-child .md-list-item-inner { max-width:calc(100% - 48px); }

md-toast { position:fixed; }
.md-toast-animating { overflow:auto !important; }
.md-toast-content md-icon { margin-left:0; margin-right:10px; color:inherit; }
.md-toast-content.error { background:rgb(226,0,26); }
.md-toast-content.mes, .md-toast-content.chat { background:#3f3; color:#fff; }
.md-toast-content.mes>div, .md-toast-content.chat>div { max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar { color:red !important; background-color:red !important; }
.md-warn.md-raised>* { color:#fff !important; text-shadow:none; }

.md-dialog-is-showing { overflow:visible !important; }

.md-sidenav-right { width:380px; background:linear-gradient(#eee,#fff 20%); position:fixed; }
.md-sidenav-right md-tabs-canvas, .md-sidenav-right md-pagination-wrapper { height:82px; }
.md-sidenav-right md-tabs-content-wrapper { top:82px; }
.md-sidenav-right md-tab-item { display:flex; flex-direction:column; }
.md-sidenav-right .md-nav-bar { margin-top:4px; }
.md-sidenav-right ._md-nav-button-text b { display: inline-block; line-height: 20px; min-width: 20px; padding: 2px; margin-left: 5px; background: #e2001a; color: #fff; border-radius: 4px; }
.md-sidenav-right ._md-nav-button-text b:before { content: attr(mnv); }
.md-sidenav-right ._md-nav-button-text b[mnv='0'] { display: none; }
.md-sidenav-right .ctn_scr { position:absolute; top:62px; bottom:0; width:100%; }
.md-sidenav-right .ctn_scr md-list { padding:0; }
.md-sidenav-right .fnd_txt { border:none; outline:none; padding:25px 15px; margin-bottom:-8px; width:100%; box-sizing:border-box; }
.md-sidenav-right md-list-item.md-2-line .md-list-item-text p, .md-sidenav-right md-list-item.md-3-line .md-list-item-text p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.md-sidenav-right md-list-item.md-2-line .md-list-item-text p:last-child, .md-sidenav-right md-list-item.md-3-line .md-list-item-text p:last-child { font-size:11px; line-height:11px; }
.md-sidenav-right .cnv_mnv .md-list-item-inner>span { min-width:20px; line-height:21px; border-radius:4px; color:#e2001a; font-weight:bold; text-align:center; border:2px solid #e2001a; margin-left:15px; }
.md-sidenav-right .cnv_mes { position:absolute; top:0; bottom:0; width:100%; }
.md-sidenav-right .cnv_mes>div { padding:0; }
.md-sidenav-right .mes_lst { overflow:auto; }
.md-sidenav-right .mes_lst>div>b { align-self:center; color:#ccc; font-size:12px; padding:8px; }
.md-sidenav-right .mes_lst>div>div { margin-bottom:8px; max-width:84%; border-radius:5px; position:relative; }
.md-sidenav-right .mes_lst>div>div.ty0 { background:#eee; align-self:flex-start; padding:8px; }
.md-sidenav-right .mes_lst>div>div.ty0.me { background:#ff6678; align-self:flex-end; color:#fff; }
.md-sidenav-right .mes_lst>div>div.ty1 { align-self:flex-end; }
.md-sidenav-right .mes_lst>div>div.ty9 { align-self:center; padding:8px; font-style:italic; color:#ff6678; }
.md-sidenav-right .mes_lst>div>div.ty9>p:after { content:"a cloturé cette requête"; font-weight:normal; }
.md-sidenav-right .mes_lst>div>div>p { font-size:10px; font-weight:bold; margin-bottom:4px; }
.md-sidenav-right .mes_lst>div>div>div { white-space:pre-line; word-wrap:break-word; }
.md-sidenav-right .mes_lst>div>div>div a { color:inherit; text-decoration:underline; }
.md-sidenav-right .mes_lst>div>div>div:after { content:attr(tim); color:#bbb; font-size:10px; float:right; margin:5px 0 0 5px; }
.md-sidenav-right .mes_txt { border:none; border-top:1px solid #ddd; outline:none; min-height:50px; resize:none; padding-top:8px; }

.frm_min md-input-container { margin:8px 0 4px; }
.frm_min md-input-container.md-has-icon { padding-left:26px; }
.frm_min md-input-container>label { font-size:14px; line-height:20px; }
.frm_min md-input-container.md-has-icon>label { left:26px; }
.frm_min md-input-container.md-input-focused label, .frm_min md-input-container.md-input-has-value label { -webkit-transform: translate3d(0,12px,0) scale(.75) !important; transform: translate3d(0,12px,0) scale(.75) !important; }
.frm_min md-input-container md-icon { height:20px; width:20px; font-size:20px !important; top:7px; left:2px; }
.frm_min md-input-container .md-input, .frm_min md-input-container md-select { font-size:14px; line-height:26px; height:29px; }
.frm_min md-input-container [ng-message] { font-size:11px; line-height:13px; }
/*.frm_min .md-datepicker-input { font-size:14px; min-width:85px; }
.frm_min .md-datepicker-input-container { margin-left:0; }
.frm_min .md-datepicker-button { margin:0 !important; }
.frm_min .md-datepicker-button md-icon { width:20px; height:20px; }*/
.frm_min .md-select-value { min-height:25px; }
md-input-container.md-input-invalid md-icon { color:#e2051e; }
md-input-container.md-input-invalid .md-input { border-color:#e2051e; color:#e2051e; }
md-input-container.hide-details .md-errors-spacer { display: none; }
md-select-header { box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); padding-left:15px; height:48px; cursor:pointer; position:relative; display:flex; align-items:center; width:auto; }
md-select-header input { border:none; outline:none; height:100%; width:100%; padding:0; }
md-option .md-text { display: flex; flex-direction: row; align-items: center; flex: 1; }
md-option .md-text md-icon { color: inherit; }
md-option .md-text md-icon+span { flex: 1; margin-left: 8px; }
md-select-value md-icon { margin-bottom:5px; margin-right:4px; }
md-grid-tile>figure { overflow:hidden; }

.aci_2ln md-autocomplete-parent-scope { display:flex; }
.aci_2ln li { padding-top:8px; line-height:20px; }
.aci_2ln li span { flex:1; margin-left:8px; }

.dateSelect { border-bottom:1px solid rgba(0,0,0,0.12); margin-top:-2px; padding-bottom:3px; background:#fff; position:relative; font-family:monospace; font-size:15px; }
.dateSelect input { width:20px; text-align:center; border:none; padding:0; font-family:inherit; font-size:inherit; }
.dateSelect input:last-of-type { width:40px; }
.dateSelect input.invalid { color:red; }
.dateSelect>span { display:inline-block; font-family:inherit; font-size:inherit; }
.dateSelect ul { position:absolute; z-index:1; margin-top:2px; background:#fff; font-size:12px; box-shadow:0 2px 8px -2px; opacity:0; transform-origin:top; transform:scaleY(0); transition:all 0.2s; }
.dateSelect input:focus ~ ul, .dateSelect:hover ul { opacity:1; transform:scaleY(1); }
.dateSelect li { border-bottom:1px solid #ccc; display:flex; overflow:hidden; }
.dateSelect li * { white-space:nowrap; padding:2px; text-align:center; flex:1; }
.dateSelect li span { flex:9; color:#999; }
.dateSelect li a { cursor:pointer; color:red; }
.dateSelect li a:not(:only-child) { font-size:30px; line-height:12px; }

[med-picker] { display:inline-block; border:1px solid #e2001a; border-radius:3px; box-sizing:border-box; background-color:rgba(255,0,0,0.1); margin:8px 8px 0 0; min-width:80px; height:80px; position:relative; overflow:hidden; }
[med-picker]:hover { background-color:rgba(255,0,0,0.2); }
[med-picker] img { height:80px; width: auto !important; }
[med-picker] button { position:absolute; top:0; left:0; margin:0 !important; padding:20px 20px !important; height:100% !important; width:100% !important; }
[med-picker] button md-icon { text-shadow:0 0 10px #fff; }


/* USEFUL CLASSES */

.grad-ov { background-image: url(../../img/Admin/grad-overlay.png); }
.grad-ov-s { background-image: url(../../img/Admin/grad-overlay-s.png); }
.mg { margin-bottom: 20px; }
.no-pad { padding: 0 !important; }
.no-mg { margin: 0; }
.no-display { display: none; }
.float-left, .fl_l{float: left !important;}
.float-right, .fl_r{float: right !important;}
.clear, .fl_c { clear: both !important; }

/* ADAPTIVE LAYOUT CSS */

/* For screens smaller than 490px (including iPhone/smartphone screens) */

@media only screen and (min-width: 0px) and (max-width: 500px){
	.top-bar {
		height: 44px !important;
	}
	#user-panel {
		box-shadow: none;
		background: none;
		padding: 0;
		margin: 0;
		border-radius: 0;
		position: absolute;
	}
	#usr-notif { position: absolute; top: 1px !important; left: 4px !important; }
	#usr-notif + p { position: absolute; left: 168px !important; }
	#usr-notif + p a { margin-right: 10px; }
	#usr-info { position: absolute; top: 1px !important; left: 4px !important; width: 320px; }
	#usr-info p { line-height: 1; }
	#usr-name, #usr-avatar { display: none; }
	#nav { margin: 0 1%; min-width: 320px; }
	.nav-item { margin-top: 14px !important; }
}

/* For screens smaller than 600px (tablets or very small PC screens) */

@media only screen and (min-width: 0px) and (max-width: 600px){
	.top-bar {
		height: 30px;
	}
	#user-panel {
		box-shadow: none;
		background: none;
		padding: 1px;
		margin: 0;
		border-radius: 0;
		width: 170px;
		height: 28px;
	}
	#usr-info { top: 4px; left: 4px; }
	#usr-info p { line-height: 1; }
	#usr-name { display: none; }
	#usr-avatar {
	    display: none;
    }
	#nav { margin: 0 1%; padding: 0; min-width: 320px; }
	.nav-item, .nav-item-big {
	    margin: 1px 1px 0 0;
	    height: 28px;
		width: 28px;
	}
  
  .nav-item-title {margin-top: 0; width: 70px;}
  .nav-item-title p{font-size: 12px; margin-top: 10px;} 
	.nav-item a, .nav-item-big a {
		height: 28px;
		width: 28px;
	}
	.top-bar a p {
		display: none;
		max-height: 0px;
	}
	.nav-item img, .nav-item-big img {
		width: 24px;
		height: 24px;
		padding: 2px;
	}
	.sub-nav { width: 60px; }
    .sub-nav a { width: 60px; height: 16px; }
    .ad-notif-error.no-display { display: block !important; }
    .box, .ad-notif-error, .ad-notif-info, .ad-notif-warn, .ad-notif-success {
		margin-bottom: 10px;
	}
	.content { padding: 10px 0; }
}

/* For screens smaller than 1000px */

@media only screen and (min-width: 600px) and (max-width: 1000px){
	.clients-selector {position: absolute; left: -300px !important; top: 55px;}
  
  .no-display-when-small{left: -80px !important;}
  .empty-block{margin-left: 0 !important;}
  
  .top-bar {
		float: left;
		width: 80px;
		background: url(../../img/Admin/grad-overlay-hz.png) 0 0 repeat-y #292929;
		border: none;
		border-right: 1px solid #515151;
		position: absolute;
		top: 0;
	}
	#nav {
		margin: 0;
		display: block;
		min-width: 0;
	}
	.nav-item {
		float: none;
		margin-top: 6px;
		margin-left: 0;
	}
	.nav-item-big {
		float: none;
		margin-top: 6px;
		margin-left: 0;
		height: 80px;
	}
  .nav-item-title {height: 20px; margin-top: 0;}
  .nav-item-title p{font-size: 14px;} 
	.nav-item a {
		display: list-item;
	}
	.nav-item-big a {
    width: 80px;
		display: list-item;
	}
	.nav-item-big img {
    padding: 8px 25px 4px;
	}
	.nav-item:hover { border-radius: 0; }
    #user-panel {
    	position: absolute !important;
    	top: 2px;
    	left: 80px;
    	clear: left;
    	background: url(../../img/Admin/grad-overlay.png) #eee;
    	height: 46px;
    	width: 200px;
    	border-radius: 0 2px 2px 0;
    }
    #usr-avatar { display: none; }
    #usr-info {
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	top: 2px;
    	left: 10px;
    }
    #usr-notif { color: #292929; }
    #usr-info a { color: #323232; }
    #usr-info p { line-height: 1.2em; }
    #usr-name, #usr-notif, #usr-info a { font-weight: 600; text-shadow: 0 1px 0 #eee; }
    .styler {
    	position: absolute;
    	left: -160px !important;
    }
	.content, .footer {
		width: auto !important;
		margin-left: 82px;
		margin-right: 2px !important;
	}
	.header {
		position: absolute;
		top: 18px;
		right: 20px;
	}
	.content {
		margin-top: 40px;
	}
}

.printUnique{
    visibility: hidden;
}

@media only screen and (min-width: 950px){
	body { overflow-x: hidden !important; }
}

@media only screen and (min-width: 1500px){
	.sid_opn header, .sid_opn #ctn { margin-right: calc(3% + 380px); }
	.sid_opn aside { margin-right: 380px; }
}

.blink { 
    -webkit-animation-name: blink;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: blink;
    animation-duration: 3s;
    animation-timing-function: linear; 
    animation-iteration-count: infinite; color: red; 
}
@-webkit-keyframes blink { 
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; } 
} 
@keyframes blink { 
    0% { opacity: 1.0; } 
    50% { opacity: 0.3; } 
    100% { opacity: 1.0; } 
}