/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}padding:5px 15px;{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transpadding:5px 15px;:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

*,html,button,input,select,textarea 
{
font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
}

body
{
background-color: #e0e0e0;
color:#303030;
}

h1, p
{
clear:both;
}

h1
{
padding: 15px 0 0 0;
margin: 0 0 15px 0;
}

textarea
{
width: 99%;
}

input[type="button"], input[type="submit"]
{
background-color: #333;
color: #fff;
border: 1px solid #333;
padding: 3px 10px;
}

input[type="button"]:hover, input[type="submit"]:hover
{
background-color: #999;
}

input[type="button"]:disabled, input[type="submit"]:disabled
{
background-color: #d0d0d0;
color: f0f0f0;
border: #d0d0d0;
cursor: not-allowed;
}

div#container
{
/* max-width: 1200px; */
padding: 10px;
margin: 0 auto;
}

div.logo
{
width: 250px;
height: 250px;
padding: 0;
margin: 0 10px 10px 0;
float: left;
/* display: table; */
text-align: center;
vertical-align: middle;
}

div.logo a
{
/* display: table-cell; */
vertical-align: middle;
text-align: center;
margin: 0;
padding: 0;
}

div.logo a img, div.logo h1 a img
{
max-width: 250px;
max-height: 250px;
margin: auto;
display: block;
}

div.logo h1
{
padding: 0;
margin: 0;
}

div.box
{
width: 240px;
height: 240px;
padding: 5px;
margin: 0 10px 10px 0;
float: left;
background-color: #fff;
font-size:14px;
font-weight:300;
color:#000;
text-align:center;
}

div.box h2
{
font-size:14px;
font-weight:300;
color:#000;
text-align:center;
margin: 0;
}

div.banner
{
width: 250px;
height: 250px;
padding: 0;
margin: 0 10px 10px 0;
float: left;
}

div.innerbox
{
width:220px;
height:190px;
padding: 10px;
/* background-color:pink; */
display:table;
margin: 0 0 8px 0;
font-size: 22px;
font-weight: 700;
color:#303030;
background-repeat: no-repeat;
background-position: 40px 25px;
}

div.content
{
display: table-cell; 
vertical-align: middle;
}

.browserbox
{
background-color:#ffe5c3;
}

.firefox
{
background-image: url('https://yourbrowseris.com/images/firefox.png');
}

.explorer
{
background-image: url('https://yourbrowseris.com/images/explorer.png');
}

.edge
{
background-image: url('https://yourbrowseris.com/images/edge.png');
}

.edge2
{
background-image: url('https://yourbrowseris.com/images/edge2.png');
}

.chrome
{
background-image: url('https://yourbrowseris.com/images/chrome.png');
}

.opera
{
background-image: url('https://yourbrowseris.com/images/opera.png');
}

.safari
{
background-image: url('https://yourbrowseris.com/images/safari.png');
}

.otherbrowser
{
background-image: url('https://yourbrowseris.com/images/globe.png');
}

.systembox
{
background-color:#c0c0ff;
}

.windows
{
background-image: url('https://yourbrowseris.com/images/windows.png');
}

.linux
{
background-image: url('https://yourbrowseris.com/images/linux.png');
}

.android
{
background-image: url('https://yourbrowseris.com/images/android.png');
}

.ios
{
background-image: url('https://yourbrowseris.com/images/ios.png');
}

.blackberry
{
background-image: url('https://yourbrowseris.com/images/blackberry.png');
}

.othersystem
{
background-image: url('https://yourbrowseris.com/images/system.png');
}

.mobilebox
{
background-color: #ffffc3;
background-image: url('https://yourbrowseris.com/images/smartphone.png');
}

.resolutionbox
{
background-color: #c0ffc0;
background-image: url('https://yourbrowseris.com/images/screen.png');
}

.viewportbox
{
background-color: #c0ffc0;
background-image: url('https://yourbrowseris.com/images/window.png');
}

.pixelratiobox
{
background-color: #c0ffc0;
background-image: url('https://yourbrowseris.com/images/pixelratio.png');
}

.colorbox
{
background-color: #e9c1ff;
background-image: url('https://yourbrowseris.com/images/palette.png');
}

.javascriptbox
{
background-color: #c0ffff;
background-image: url('https://yourbrowseris.com/images/js.png');
}

.flashbox
{
background-color: #ffc0c0;
background-image: url('https://yourbrowseris.com/images/flash.png');
}

.cookiesbox
{
background-color: #e0e0e0;
background-image: url('https://yourbrowseris.com/images/cookie.png');
}

.facebookbox
{
background-color: #cdd7eb;
background-image: url('https://yourbrowseris.com/images/facebook.png');
}

.twitterbox
{
background-color: #b9edff;
background-image: url('https://yourbrowseris.com/images/twitter.png');
}

.googleplusbox
{
background-color: #f2c9c6;
background-image: url('https://yourbrowseris.com/images/googleplus.png');
}

.googlebox
{
background-color: #dcdcdc;
background-image: url('https://yourbrowseris.com/images/google.png');
}

.ipaddressbox
{
background-color: #fff;
border:solid 1px #e0e0e0;
width:218px !important;
height:188px !important;
}

.geolocationbox
{
background-color: #e9ffc1;
background-image: url('https://yourbrowseris.com/images/location.png');
}

.silverlightbox
{
background-color: #addcf2;
background-image: url('https://yourbrowseris.com/images/silverlight.png');
}

.adblockerbox
{
background-color: #ffffc0;
background-image: url('https://yourbrowseris.com/images/adblocker.png');
}

.javabox
{
background-color: #ffdcbd;
background-image: url('https://yourbrowseris.com/images/java.png');
}

.languagebox
{
background-color: #e9ffc1;
background-image: url('https://yourbrowseris.com/images/language.png');
}

.timezonebox
{
background-color: #e9ffc1;
background-image: url('https://yourbrowseris.com/images/timezone.png');
}

.speedbox
{
background-color: #ffc0ff;
background-image: url('https://yourbrowseris.com/images/speed.png');
}

.speedbox .content
{
font-size: 17px;
}

.speedbox input[type=button]
{
margin: 10px 0;
}

.statbox
{
background-color: #f0f0f0;
}

div#menu
{
width: 250px;
height: 250px;
padding: 0;
margin: 0 10px 10px 0;
float: left;
background-color:#fff;
}

div#menu ul
{
list-style-type:none;
margin:0;
padding:0;
height:100%;
width:100%;
display:table;
}

div#menu ul li
{
display:table-row;
vertical-align:middle;
}

div#menu ul li:hover
{
background-color:#f0f0f0;
}

div#menu ul li a
{
padding: 0 10px;
display:table-cell;
vertical-align:middle;
/* padding: 5px; */
font-size: 20px;
border-bottom: 2px solid #e0e0e0;
text-decoration:none;
color:#303030;
}

div#menu ul li a:active
{
padding: 0 10px 0 20px;
}

.current
{
background-color: #e0e0e0;
}

div#menu ul li:nth-last-child(1) a
{
border-bottom:none;
}

div.message
{
display:table;
vertical-align:middle;
width: 240px;
height: 240px;
padding: 5px;
margin: 0 10px 10px 0;
float: left;
font-size:18px;
text-align:center;
font-weight:400;
background-color: #f0f0f0;
}

div.negative
{
background-color: #a00000;
color:#fff;
}

div.login
{
display:table;
vertical-align:middle;
width: 240px;
height: 240px;
padding: 5px;
margin: 0 10px 10px 0;
float: left;
background-color: #fff;
color:#000;
text-align:center;
font-size:16px;
font-weight:400;
background-color:#f0f0f0;
}

/* div.login input
{
width: 150px;
} */

.small
{
font-size: 12px;
font-weight:300;
}

.thin
{
font-weight:300;
}

span.user
{
font-size:13px;
}

/* ol li
{
margin:20px 0;
} */

div.links
{
background-color:#fff;
padding: 20px 10px;
}

div.footer
{
display:table;
vertical-align:middle;
width: 240px;
height: 240px;
padding: 5px;
margin: 0 10px 10px 0;
float: left;
font-size:14px;
color: #909090;
text-align:center;
font-weight:300;
border:1px solid #fff;
}

div.footer a
{
color:#909090;
}

#cookiebar { display: none; position:fixed;bottom:0px;width:100%;text-align:center;vertical-align:middle;min-height:20px;background-color:#d0d0d0;opacity:0.8;filter:alpha(opacity=80);margin:0;padding:4px 0 0;z-index:9; }
#cookiebar, #cookiebar a { color:#606060;font-size:12px; }
#cookiebar a { text-decoration:underline; }

#deployJavaPlugin
 {
   visibility:hidden;
   height:0;
   width:0;
 }    

/* PRO */

table {
color: #333;
max-width: 640px;
width:100%;
border-collapse: collapse; 
border-spacing: 0;
}

td, th {
border: 1px solid transparent; /* No more visible border */
height: 30px;
}

th {
background: #DFDFDF;  /* Darken header a bit */
font-weight: bold;
padding: 5px 15px;
text-align: left;
}

td {
background: #FAFAFA;
text-align: center;
padding: 5px 15px;
text-align: left;
}

/* Cells in even rows (2,4,6...) are one color */
tr:nth-child(even) td { background: #F1F1F1; }  

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
tr:nth-child(odd) td { background: #FEFEFE; } 

td.yes, td.no, td.some
{
text-align: center;
}

.yes
{
color: #00a000;
}

.no
{
color: #a00000;
}

.some
{
color: #0000a0;
}

#sortable1, #sortable2 
{
width: 250px;
min-height: 20px;
list-style-type: none;
margin: 5px 0 0;
padding: 0;
float: left;
}

#sortable1 li, #sortable2 li 
{
margin: 0 0 5px 0;
padding: 5px;
font-size: 1.2em;
width: 240px;
background-color: #fff;
cursor: move;
}

#sortable1 li a, #sortable2 li a
{
font-size:13px;
}

.boxcontent
{
padding: 5px;
}

.boxcontent h1
{
font-size: 1.3em;
margin: 0;
padding: 0;
}

.contentform input[type=text], .contentform textarea, .contentform select
{
width:200px;
}


@media (max-width: 419px)
{
table{
font-size:14px;
}

th {
padding: 5px 5px;
}

td {
padding: 5px 5px;
}
}

/* API */

.create, .create table {color: #4463ac;}

.get_reports, .get_reports table { color: #ac6344;}

.get_report, .get_report table { color: #44ac63;}

.api_url
{
 background: #fff;
 max-width: 640px;
 padding: 10px;
 font-family: "Lucida Console", Monaco, monospace;
 font-size: 12px;
 white-space: pre-wrap;
 word-wrap: break-word;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

.api_url b, .api_url strong
{
 font-family: "Lucida Console", Monaco, monospace;
 font-size: 12px;
 white-space: pre-wrap;
 word-wrap: break-word;
}

.mono
{
 font-family: "Lucida Console", Monaco, monospace;
 font-size: 12px;
}

.api_left
{
float: left;
margin: 0 20px 0 0;
max-width: 640px;
width: 100%;
overflow: hidden;
}

.api_right
{
float: left;
max-width: 640px;
width: 100%;
}

@media (max-width: 1340px)
{
.api_right { max-width: 520px; }
}

@media (max-width: 1220px)
{
.api_right { max-width: 420px; }
}

@media (max-width: 1120px)
{
.api_right { max-width: 640px; }
}

#phbar
{
position:fixed;
top:0px;
width:100%;
text-align:
center;vertical-align:
middle;
min-height:25px;
color:#ffffff;
background-color:#da552f;
opacity:0.9;
filter:alpha(opacity=90);
margin:0;
padding:4px 0 0;
z-index:978;
visibility:hidden;
}

table.comptable
{
max-width:760px;
}

table.comptable tr:nth-child(1)
{
font-weight: bold;
}

table.comptable td:nth-child(2), table.comptable td:nth-child(3)
{
text-align: center;
width:20%;
}

table.comptable td.yes
{
color: green;
}

table.comptable td.no
{
color: red;
}