@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
 * 	Theme Name: AA
 *	Theme URI: 
 *	Description: 
 *	Author: 
 *	Version: 1.0
 *	License: 2015-06
 *	License URI: 
 *	Tags:
**
**/
/* RESET
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:inherit}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{font-size:100%}


/* BASE
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}body{margin:2em}address,article,aside,audio,blockquote,canvas,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,main,nav,noscript,ol,output,p,pre,section,select,td,textarea,th,ul,video{line-height:inherit}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}fieldset,h1,h2,h3,p,pre,table{margin:1em 0}caption,dt,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}optgroup{font-weight:400}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through;color:red}blockquote,dl,ol,ul{margin:1em}dl,ol,ul{margin-left:2em}ol li{list-style:decimal}ul li{list-style:disc}td,th{border:0;padding:0}th{text-align:center}caption{margin-bottom:.5em;text-align:left}sup{vertical-align:super}sub{vertical-align:sub}button,input[type=checkbox],input[type=radio],input[type=reset],input[type=submit]{padding:1px}table{border-collapse:collapse}.align-left,td[align=left],th[align=left]{text-align:left!important}.align-center,td[align=center],th[align=center]{text-align:center!important}.align-right,td[align=right],th[align=right]{text-align:right!important}.valign-top,td[valign=top],th[valign=top]{vertical-align:top!important}.valign-middle,td[valign=middle],th[valign=middle]{vertical-align:middle!important}.valign-bottom,td[valign=bottom],th[valign=bottom]{vertical-align:bottom!important}.clear,.clearfix{display:block;clear:both;visibility:hidden;line-height:0;height:0}span.u,sup,u{text-decoration:underline}ins{color:green}small{font-size:.8em}big{font-size:1.2em}sub,sup{font-size:.7em;line-height:1em}div>:first-child{margin-top:0}div>:last-child{margin-bottom:0}

/* INPUTS */
input[type=checkbox],input[type=radio]{background:0 0;border:none;cursor:pointer;font-size:1em;height:auto;padding:0;position:relative;top:0}input[type=file]{line-height:normal}input[type=range]{background:0 0;border:none}.input-button,button,input[type=button],input[type=color],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}

/* COLUMNS */
.columns{display:table;table-layout:fixed;width:100%}.columns-col{display:table-cell;text-align:left;vertical-align:top}.cols12-12 .c0,.cols12-12 .c1{width:50%}.cols13-13-13 .c0,.cols13-13-13 .c1,.cols13-13-13 .c2,.cols13-23 .c0{width:33.3333333333333333%}.cols13-23 .c1,.cols23-13 .c0{width:66.6666666666666666%}.cols23-13 .c1{width:33.3333333333333333%}.cols14-14-14-14 .c0,.cols14-14-14-14 .c1,.cols14-14-14-14 .c2,.cols14-14-14-14 .c3,.cols14-14-24 .c0,.cols14-14-24 .c1{width:25%}.cols14-14-24 .c2{width:50%}.cols14-24-14 .c0{width:25%}.cols14-24-14 .c1{width:50%}.cols14-24-14 .c2,.cols14-34 .c0{width:25%}.cols14-34 .c1{width:75%}.cols24-14-14 .c0{width:50%}.cols24-14-14 .c1,.cols24-14-14 .c2{width:25%}.cols34-14 .c0{width:75%}.cols34-14 .c1{width:25%}

/* SLICK SLIDER */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/**
 *  THEME font-base : 16px/26px
 *	STYLE DE BASE
 *	Couverture des elements XHTML
01px	0.0625000000em	6.3%	01pt
02px	0.1250000000em	12.5%	02pt
03px	0.1875000000em	18.8%	02pt
04px	0.2500000000em	25.0%	03pt
05px	0.3125000000em	31.3%	04pt
06px	0.3750000000em	37.5%	05pt
07px	0.4375000000em	43.8%	05pt
08px	0.5000000000em	50.0%	06pt
09px	0.5625000000em	56.3%	07pt
10px	0.6250000000em	62.5%	08pt
11px	0.6875000000em	68.8%	08pt
12px	0.7500000000em	75.0%	09pt
13px	0.8125000000em	81.3%	10pt
14px	0.8750000000em	87.5%	11pt
15px	0.9375000000em	93.8%	11pt
16px	1.0000000000em	100.0%	12pt
17px	1.0625000000em	106.3%	13pt
18px	1.1250000000em	112.5%	14pt
19px	1.1875000000em	118.8%	14pt
20px	1.2500000000em	125.0%	15pt
21px	1.3125000000em	131.3%	16pt
22px	1.3750000000em	137.5%	17pt
23px	1.4375000000em	143.8%	17pt
24px	1.5000000000em	150.0%	18pt
/**/
html{}
body{ font-family: arial, sans-serif; font-size: 81.3%; line-height: 1.2307692308; margin: 0 auto; padding: 1.538em; }

a{ color: #ed1c24; }
a:hover{ color: inherit; }
a[rel^="external"]::after{ content: "\2197"; }	

abbr{}
acronym{}
address{}
blockquote{}
bdo{}
cite{}
code{}	
dfn{}

h1, .h1{ font-size: 	1.9230769231em; margin: 0; padding: 0; }
h2, .h2{}	
h3, .h3{}	
h4, .h4{}
h5, .h5{}
h6, .h6{}

hr{}

i, em{}
img{}
figure{}
figcaption{}
kbd{}
p{ margin: 1.5em 0;}
pre{}	
q{}
samp{}
b{}
big{}
small{}
strike{}
strong{}
sup{}
sub{}

/* 
	Listes 
*/
ol{}
ol ol{}
ol ul{}
ol li{}
ul{}	
ul ul{}
ul ol{}
dl{}
dl dt{}
dl dd{}

/**
 * Formulaires 
**/
form{}
fieldset{}
label{ cursor: pointer; font-weight: normal; }
legend{}

/* Inputs */
input, textarea{ border: 2px solid #ccc;  padding: 8px 10px; }
input, textarea{}
input:focus{}
input:hover{}
input:active{}
textarea{}
textarea:focus{}
textarea:hover{}
textarea:active{}

input[type=checkbox], input[type=radio], input[type=range], input[type=submit], input[type=reset], input[type=button], input[type=color], button{}
input[type=checkbox], input[type=radio]{}
input[type=file]{ border: 0; }



input[type=submit], input[type=reset], input[type=button], input[type=color], button, .input-button{
 background: none; border: 2px solid #1c90eb; color: #1c90eb; cursor: pointer; display: inline-block; line-height: 1; padding: 8px 24px; position: relative; text-decoration: none;
 border-radius: 18px;
 transition: all 0.5s;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=color]:hover, button:hover, .input-button:hover{
	background-color: #1c90eb; border-color: #1c90eb; color: #fff;
}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, .input-button:active{
	background-color: #000; border-color: #000;	
}
input[type=submit][disabled=disabled], input[type=reset][disabled=disabled], input[type=button][disabled=disabled], button[disabled=disabled], .input-button[disabled=disabled]{}
input[readonly]{ background-color: #eee; color: #777; }
input[name="save"]{}
input[name="apply"]{}
input[name="delete"]{ border-color: red; color: red; }
input[name="delete"]:hover{ background-color: red; border-color: red; }
.export:before{ color: #fff; font-family: 'FontAwesome'; margin-left: -10px; }
.export[disabled]{ opacity: 0.25; }
.export[data-id]{ background-color: green; border-color: green; color: #fff; }
.export[data-id]:before{ content: '\f058'; }
.export[data-status="error"]{ background-color: red; border-color: red; color: #fff; }
.export[data-status="error"]:before{ content: '\f071'; }
.export[data-status="loading"]{ background-color: #999; border-color: #999; color: #fff; }
.export[data-status="loading"]:before{ content: '\f021'; }
select{ border: 2px solid #ccc;  padding: 8px 10px; }
select:focus{}
select:hover{}
select{}
optgroup{}
option{}

.field{ margin-bottom: 12px; }
.field .label{ margin-bottom: 6px; }
.field .url{ padding-top: 6px; }
.field .msg[role="alert"]{ color: red; font-size: 0.9em; margin-left: 10px; padding-top: 4px; }
.input-range{ height: 36px; width: 220px; }
.input-range input[type="range"]{ float: left; margin-right: 5px; width: 130px; }
.input-range input[type="text"]{ float: left; text-align: right; width: 40px; }
.remove{ border: 0; border-radius: 0; font-family: 'FontAwesome'; font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; padding: 0;  text-align: center; width: 24px; }

#errors{ background-color: #ffe7e2; border: 1px solid red; border-color: #EE0022; color: #EE0022; margin-top: 20px; padding: 1em 0.8em; }
#errors h2{ font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
#errors ul{ margin-top: 0; margin-bottom: 0; }
#errors a{ color: inherit; }

/** Extension URL **/
.input-button:before{ font-family: FontAwesome; font-size: 1.125em; line-height: 1; margin-right: 0.75em; }
.input-button[href$=pdf]{ padding-right: 50px; position: relative; }
.input-button[href$=pdf]:before{ content: '\f1c1'; }



/**
 * Errors
**/
input:not(:empty):invalid, select:not(:empty):invalid, textarea:not(:empty):invalid{ background-color: #F9E6E2; border-color: red; }
input[required], select[required], textarea[required], input:required, select:required, textarea:required{}
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"], input:focus:required:invalid, select:focus:required:invalid, textarea:focus:required:invalid{ background-color: #F9E6E2; border-color: red; }
input[required][aria-valid="true"], select[required][aria-valid="true"], textarea[required][aria-valid="true"], input:required:valid, select:required:valid, textarea:required:valid{ background-color: #E2F9E7; border-color: green; }
div[role="alert"]{}
div.error[role="alert"]{}
div.warning[role="alert"]{}

	
/**
 * Tableaux 
**/
caption{ margin: 0; }
col{}
colgroup{}
table{}
tr{}
td{ vertical-align: top; }
th{}

/**
 * PAGING
**/
.pagination{ border-top: 1px dashed #eee; height: 30px; margin: 0; padding: 40px 0; }
.pagination .limit{ float: left; line-height: 30px; margin: 0 12px 0 6px; }
.pagination .limit select{ margin: 0 12px 0 6px; }
.pagination ul{ color: #333; font-weight: bold; margin: 0; padding: 0; text-align: center; }
.pagination ul li{ display: inline; font-size: 1em; line-height: 2.25em; list-style: none; margin: 0; padding: 0; }
.pagination ul li a{ display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1); }
.pagination ul li a[href]:focus,
.pagination ul li a[href]:hover{
	background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.pagination ul li a.active,
.pagination ul li a.active:focus,
.pagination ul li a.active:hover{
	border-color: #ed1c24;
    background: #ed1c24;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .25), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .25);
}
.pagination ul li a.disabled{ opacity: 0.25; }

.pagination .pages-count{ float: right; line-height: 30px; margin: 0 12px; }
.pagination .items-count{ display: none; }
/**
 * WORDPRESS
 * Override tinyMCE content.css 
**/
.alignleft{ float: left; }
img.alignleft{ margin: 0 30px 30px 0; }
.alignright{ float: right; }
img.alignright{ margin: 0 0 30px 30px; }
#tinymce{ margin: 0 auto; padding: 1.538em !important; z-index: 333; }
#tinymce div{ outline: 1px dashed #ccc; }
#tinymce table,
#tinymce table th,
#tinymce table td{ font-family: inherit;  font-size: 1em; line-height: 1.154em; }
#tinymce table td{ color: inherit; margin: inherit; }

/**
 * Print 
 * Gabarit pour l'impression de la page
**/
@media print{
	html, body{ background: #fff; color: #000; }
	#top{ display: none; }
}


/**
 * FIXES
**
/* MOZ *
@-moz-document url-prefix() {
	
}
/* WEBKIT *
@media all and (-webkit-min-device-pixel-ratio:0) {
	body{}
}
/* OPERA *
x:-o-prefocus, legend{
	margin-top: -21px;
}
/**/

html{ background-color: #efefef; color: rgb(51,51,51); margin: 0; padding: 0; }
body{ margin: 0; padding: 0; }
.inner{ margin: 0 auto; position: relative; width: 990px; }

#header{}
#header .inner{ padding: 20px 0; }
#nav{}
	#nav-button { display: none; }
	#nav-content { position: absolute; left: 270px; top: 52px; }
	#nav ul{ display: inline; margin: 0; }
	#nav li{ display: inline; margin: 0; padding: 0; }
	#nav a{ background-color: #ed1c24; border: 1px solid #ed1c24;  color: #fff; display: inline-block; margin: 1px 0; padding: 5px 8px; position: relative; text-decoration: none; }
	#nav a{
		border-radius: 5px;
	}
	#nav .home a[data-count-articles]{ margin-right: 10px; }
	#nav .home a[data-count-articles]:after{ background-color: #000; border-radius: 6px; color: #fff; content: attr(data-count-articles); display: block; font-size: 10px; line-height: 16px; padding: 0 4px; position: absolute; right: -10px; top: -10px; text-align: center; min-width: 16px; z-index: 2; }

	#nav .logout a{ background-color: #000; border-color: #000; }
	#tpl-home #nav .home a,
	#tpl-links #nav .links a,
	#tpl-links-edit #nav .links a,
	#tpl-feeds #nav .feeds a,
	#tpl-feeds-edit #nav .feeds a,
	#tpl-keywords #nav .keywords a,
	#tpl-keywords-edit #nav .keywords a,
	#tpl-settings #nav .settings a{ background-color: #fff; color: #ed1c24; }

#controls{ background-color: #2b2b2b; border-top: 4px solid #ed1c24; color: #fff; padding: 20px; }
#controls h1{}
	#controls .parents{ padding-top: 20px; }
	#controls .parents ul{ margin: 0; padding: 0; }
	#controls .parents li{ border-right: 1px solid #fff; display: block; float: left; margin: 0 5px 5px 0; padding: 0 5px 0 0; position: relative; }
	#controls .parents li:first-child{ margin-left: 0; padding-left: 0; }
	#controls .parents li:last-child{ border-right: 0; }
	#controls .parents .title{ color: #fff; display: inline-block; padding: 5px 8px; text-decoration: none; }
	#controls .parents .edit{ display: none; }
	#controls .parents .active .title{ background-color: #fff; color: #2b2b2b; position: relative; }
	#controls .parents .active .title:after{ color: #fff; content: '▼'; position: absolute; bottom: -10px; left: 50%; margin-left: -25px; text-align: center; width: 50px; }
	#controls .parents .active .title{ padding-right: 28px; }
	#controls .parents .active .title.all{ padding-right: 8px; }
	#controls .parents .active .edit{ display: block; font-family: 'FontAwesome'; height: 20px; line-height: 20px; overflow: hidden; padding: 0; margin-top: -10px; position: absolute; right: 8px; top: 50%; text-align: center; width: 20px; }
	#controls .parents .active .edit:hover{ background-color: #ed1c24; color: #fff; }
	#controls .parents .active .edit:after{ display: none; }
	#controls .children{ padding-top: 20px; }
	#controls .children ul{ display: inline; margin: 0; }
	#controls .children li{ display: block; float: left; margin: 0 3px 3px 0; padding: 0; }
	#controls .children .title{ background-color: #ed1c24; color: #fff; display: block; margin: 0; padding: 5px 8px; text-decoration: none; }
	#controls .children .title{
		border-radius: 5px;
	}
	
#system{ background: #999; border-radius: 5px; color: #fff; font-size: 10px; padding: 8px 10px; opacity: 1; position: fixed; right: 20px; top: 20px; }
#system{ transition: all 0.5s; }
#system:before{ color: #fff; font-family: 'FontAwesome'; margin-right: 5px;}
#system[data-status="loading"]{ background-color: #999; }
#system[data-status="error"]{ background-color: #ed1c24; }
#system[data-status="success"]{ background-color: #28C617; }
#system[data-status="error"]:before{ content: '\f071'; }
#system[data-status="success"]{ opacity: 0; transition: opacity 0.5s 3s; }
#system[data-status="idle"]{ opacity: 0; transition: opacity 0.25s; }

/* COMMONS */
#articles .article{ border-bottom: 1px solid #d8d8d8; padding: 20px 20px 20px 156px; position: relative; }
#articles .image{ left: 0; position: absolute; top: 20px; }
#articles .image img{ background-color: #fff; border: 1px solid #d8d8d8; display: block; padding: 2px; }
#articles .title{ margin: 0; }
#articles .date_created{ margin: 0 0 10px 0; }
#articles .url a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#articles .stats{ padding-top: 20px; } 
#articles .score{ background-color: #2b2b2b; color: #fff; display: inline-block; padding: 5px 8px; text-align: center; width: 180px; } 
#articles .score{
	border-radius: 5px;
}
#articles .keywords{ display: inline; }
#articles .keywords ul{ display: inline; margin: 0; }
#articles .keywords li{ display: inline; margin: 0; padding: 0; }
#articles .keywords a{ display: inline-block; margin: 1px 0; padding: 5px 8px; }
#articles .keywords a{
	border-radius: 5px;
}
#articles .article .exact a{ background-color: #28C617; color: #fff; }
#articles .article .match a{ background-color: #999; color: #fff; }

#image .label{ position: relative; max-width: 630px; }
#image .label img{ max-width: 100%; }
#image .label .remove{ background-color: #ed1c24; color: #fff; right: 5px; position: absolute; top: 5px; z-index: 1; }
#image .label .remove:hover{ background-color: #000; }

/* LYT */
#lyt-edit #main .inner{}
#lyt-edit #main .row{ border-bottom: 1px solid #ccc; padding: 20px 0; }
#lyt-edit #main .left{ float: left; width: 470px; }
#lyt-edit #main .right{ float: right; width: 470px; }
#lyt-edit #main .submit{ padding: 20px 0; text-align: center; }
#lyt-edit #main .submit a, #lyt-edit #main .submit input{ margin: 0 0 6px 0; }

/* TPL */
#tpl-feeds #articles .article{ padding-left: 70px; }
#tpl-feeds #articles .image{ top: 10px; width: 50px; }

#tpl-feeds-edit #image .label{ width: 125px; }

#tpl-keywords-edit #globals{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 0 0 20px 0; }
#tpl-keywords-edit #keywords table{ width: 100%; }
#tpl-keywords-edit #keywords th{ background-color: #999; color: #fff; padding: 5px; }
#tpl-keywords-edit #keywords td{ border-bottom: 1px solid #ccc; padding: 5px; }
#tpl-keywords-edit #keywords .add td{ background-color: #ddd; border-bottom: 0; }
#tpl-keywords-edit #keywords .kwds{ text-align: left; }
#tpl-keywords-edit #keywords .score{ width: 300px; }
#tpl-keywords-edit #keywords .cta{ vertical-align: middle; width: 24px; }

#tpl-links-edit{}
#tpl-links-edit #keywords{ margin-bottom: 40px; }
#tpl-links-edit #keywords label{ cursor: pointer; display: block; margin-bottom: 1px; position: relative; }
#tpl-links-edit #keywords input{ position: absolute; left: -9999em; }
#tpl-links-edit #keywords .label-text{ background: #ccc; display: block; line-height: 16px; padding: 10px 10px 10px 36px; }
#tpl-links-edit #keywords .label-text:before{ color: #999; content: '\f10c'; font-family: 'FontAwesome'; font-size: 16px; left: 10px; position: absolute; top: 10px; }
#tpl-links-edit #keywords input:checked + .label-text{ background-color: #ed1c24; color: #fff; }
#tpl-links-edit #keywords input:checked + .label-text:before{ content: '\f058'; color: #fff; }
#tpl-links-edit #images label{ cursor: pointer; display: block; float: left; height: 90px; margin: 0 6px 6px 0; overflow: hidden; position: relative; width: 132px; }
#tpl-links-edit #images input{ left: -9999em; position: absolute; }
#tpl-links-edit #images .label-text{ background: #333; border: 1px solid #ccc; display: block; height: 88px; line-height: 88px; overflow: hidden; width: 130px;  }
#tpl-links-edit #images .label-text img{ height: auto; max-height: 88px; max-width: 130px; vertical-align: middle; }
#tpl-links-edit #images input:checked + .label-text{ border-color: red; }

#tpl-home #main table{ table-layout: fixed; margin: 0; min-height: 400px; width: 100%; }
#tpl-home #main .status{ border: 1px solid #ccc; border-width: 0 1px; margin-bottom: 20px; padding: 0 10px; }
#tpl-home #main .status-title{ color: #fff; margin: 0; padding: 5px; text-align: center; }
#tpl-home #main .approved{ border-left-width: 0; padding-left: 0; float: left; width: 484px; }
#tpl-home #main .approved .status-title{ background-color: green; }
#tpl-home #main .pending{ border-right-width: 0; padding-right: 0; float: right; margin-left: -1px; width: 485px; }
#tpl-home #main .pending .status-title{ background-color: #777; }
#tpl-home #main .rejected{ border-left-width: 0; border-right-width: 0; padding-left: 0; padding-right:0; clear: both; margin-left: -1px; }
#tpl-home #main .rejected .status-title{ background-color: red; }
#tpl-home #main .empty{ padding: 20px; text-align: center; }


/** 
 * ULTRA
**/
@media only screen and (min-width: 1824px), only screen and (device-min-width: 1824px){
	.inner{ width: 1824px; }
	.input-range{ height: 36px; width: 420px; }
	.input-range input[type="range"]{ width: 290px; }
	.input-range input[type="text"]{ width: 80px; }
	#lyt-edit #main .left{ width: 900px; }
	#lyt-edit #main .right{ width: 900px; }
	#tpl-keywords-edit #keywords .kwds input{ width: 400px; }
	#tpl-keywords-edit #keywords .score{ width: 430px; }
	#tpl-home #main .approved{ float: left; width: 594px; }
	#tpl-home #main .pending{ border-right-width: 1px; padding-right: 10px; float: left; width: 594px; }
	#tpl-home #main .rejected{ border-left-width: 1px; clear: none; float: left; padding-left: 10px; width: 594px; }
}

/** 
 * LARGE
**/
@media only screen and (min-width: 1224px) and (max-width: 1823px), only screen and (device-min-width: 1224px) and (device-max-width: 1823px){
	.inner{ width: 1224px; }
	.input-range{ height: 36px; width: 260px; }
	.input-range input[type="range"]{ width: 150px; }
	.input-range input[type="text"]{ width: 60px; }
	#lyt-edit #main .left{ width: 600px; }
	#lyt-edit #main .right{ width: 600px; }
	#tpl-keywords-edit #keywords .kwds input{ width: 260px; }
	#tpl-keywords-edit #keywords .score{ width: 260px; }
	#tpl-home #main .approved{ float: left; width: 394px; }
	#tpl-home #main .pending{ border-right-width: 1px; padding-right: 10px; float: left; width: 394px; }
	#tpl-home #main .rejected{ border-left-width: 1px; clear: none; float: left; padding-left: 10px; width: 394px; }
}

/** 
 * DESKTOP 
 * LTIE8
**/
@media only screen and (min-width: 990px) and (max-width: 1223px), only screen and (device-min-width: 990px) and (device-max-width: 1223px){
	.inner{ width: 990px; }
}

/**
 * TABLET
**/
@media only screen and (min-width: 728px) and (max-width: 989px), only screen and (device-min-width: 728px) and (device-max-width: 989px){
	.inner{ width: 728px; }
	.pagination .pages-count,
	.pagination .items-count,
	.pagination .start,
	.pagination .prev,
	.pagination .next,
	.pagination .end{ display: none; }
	.pagination ul li a{ padding: 5px 15px; }
	.input-range{ height: 36px; width: 420px; }
	.input-range input[type="range"]{ width: 290px; }
	.input-range input[type="text"]{ width: 80px; }
	#lyt-edit #main .left{ float: none; width: auto; }
	#lyt-edit #main .right{ float: none; width: auto; }
	#lyt-edit #globals{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }
	#tpl-keywords-edit #settings{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }
	#tpl-keywords-edit #keywords .kwds input{ width: 220px; }
	#tpl-keywords-edit #keywords .score{ width: 260px; }
	#tpl-home #main .approved{ border: 0; float: none; padding: 0; width: auto; }
	#tpl-home #main .pending{ border: 0; float: none; padding: 0; width: auto; }
	#tpl-home #main .rejected{ border: 0; float: none; padding: 0; width: auto; }
}
/**
 * MOBILE
**/
@media only screen and (max-width: 727px), only screen and (device-max-width: 727px){
	.inner{ width: 300px; }
	.pagination .limit,
	.pagination .pages-count,
	.pagination .items-count,
	.pagination .start,
	.pagination .end,
	.pagination .page{ display: none; }
	.pagination .page-active{ display: inline; }
	.pagination ul li a{ padding: 5px 15px; }
	/**/
	#nav-button{ background-color: #ed1c24; border: 0; border-radius: 0; color: #fff; display: block; font-family: 'FontAwesome'; font-size: 18px; height: 40px; line-height: 40px; padding: 0; right: 0; position: absolute; top: 38px; text-align: center; width: 40px; }
	#nav-content{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); display: none; left: 0; padding: 10px; top: 90px; z-index: 2; width: 280px; }
	#nav-content li{ display: block; }
	#nav-content a{ display: block; padding: 10px 15px; }
	#nav .home a[data-count-articles]{ margin-right: 0; }
	.nav-active #nav-content{ display: block; }
	
	#controls .parents li{ border-right: 0; float: none; margin-right: 0; }
	#controls .parents .title{ display: block; padding: 10px 15px; }
	#articles .article{ padding: 20px 0; }
	#articles .image{ left: 0; position: static; top: 0; }
	#articles .image img{ height: auto; margin: 0 auto 20px auto; width: 294px; }
	#lyt-edit #main input{ max-width: 260px; }
	#lyt-edit #main textarea{ max-width: 260px; }
	#lyt-edit #main .left{ float: none; width: auto; }
	#lyt-edit #main .right{ float: none; width: auto; }
	#lyt-edit #globals{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }
	#tpl-feeds #articles .article{ padding-left: 70px; }
	#tpl-feeds #articles .image{ top: 10px; position: absolute; width: 50px; }
	#tpl-feeds #articles .image img{ width: 50px; }
	#tpl-home #main .approved{ border: 0; float: none; padding: 0; width: auto; }
	#tpl-home #main .pending{ border: 0; float: none; padding: 0; width: auto; }
	#tpl-home #main .rejected{ border: 0; float: none; padding: 0; width: auto; }	
	#tpl-keywords-edit #settings{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }
	#tpl-keywords-edit #keywords table{ display: block; }
	#tpl-keywords-edit #keywords thead{ display: none; }
	#tpl-keywords-edit #keywords tbody{ display: block; }
	#tpl-keywords-edit #keywords tr{ border-bottom: 1px solid #ccc; display: block; padding: 10px 0; position: relative; }
	#tpl-keywords-edit #keywords tr:last-child{ border: 0; }
	#tpl-keywords-edit #keywords td{ border-bottom: 0; display: block; }
	#tpl-keywords-edit #keywords .kwds{ width: auto; }
	#tpl-keywords-edit #keywords .kwds input{ width: 260px; }
	#tpl-keywords-edit #keywords .score{ width: auto; }
	#tpl-keywords-edit #keywords .cta{ position: absolute; right: 15px; bottom: 15px; }
}