diff options
| -rw-r--r-- | README.md | 6 | ||||
| -rw-r--r-- | conf/esm.config.json | 1 | ||||
| -rw-r--r-- | index.php | 4 | ||||
| -rw-r--r-- | js/esm.js | 2 | ||||
| -rw-r--r-- | web/css/_src/_config.frontend.scss | 39 | ||||
| -rw-r--r-- | web/css/_src/frontend.scss | 98 | ||||
| -rw-r--r-- | web/css/frontend.css | 2 | ||||
| -rw-r--r-- | web/css/libs/_classic-box.scss | 36 | ||||
| -rw-r--r-- | web/css/utilities.css | 2 |
9 files changed, 146 insertions, 44 deletions
@@ -9,7 +9,7 @@ In its [Web](http://www.ezservermonitor.com/esm-web/features) version eSM is a P - **System** : hostname, OS, kernel version, uptime, last boot date, number of current user(s), server datetime - **Load average** : gauges showing the CPU load with the percentage (1 minute, 5 minutes et 15 minutes) - **Network usage** : displaying the IP address of each network interface with the data transmitted and received -- **CPU** : model, frequency, cores number, cache L2, bogomips +- **CPU** : model, frequency, cores number, cache L2, bogomips, temperature - **Disk usage** : table of each mount point with the space available, used and total - **Memory** : table containing the available used and total of RAM - **Swap** : table containing the available used and total of Swap @@ -17,6 +17,10 @@ In its [Web](http://www.ezservermonitor.com/esm-web/features) version eSM is a P - **Ping** : ping the hosts defined in the configuration file - **Services** : displays the status (up or down) services defined in the configuration file +Several themes are available ! + + + Each block can be reloaded manually. You can download the last version [here](http://www.ezservermonitor.com/esm-web/downloads). The [requirements](http://www.ezservermonitor.com/esm-web/documentation) are simple : a Linux environment, a web server (Apache2, Lighttpd, Nginx, ...) and PHP. diff --git a/conf/esm.config.json b/conf/esm.config.json index c4bab8c..bf65386 100644 --- a/conf/esm.config.json +++ b/conf/esm.config.json @@ -4,6 +4,7 @@ "website": "http://www.ezservermonitor.com", "check_updates": true, "auto_refresh": 0, + "theme": "blue", "custom_title": "" }, "cpu": { @@ -38,8 +38,8 @@ $update = $Config->checkUpdate(); }); </script> </head> -<body> +<body class="theme-<?php echo $Config->get('esm:theme'); ?>"> <nav role="main"> <div id="appname"> @@ -227,7 +227,7 @@ $update = $Config->checkUpdate(); <thead> <tr> <?php if ($Config->get('disk:show_filesystem')): ?> - <th class="w10p">Filesystem</th> + <th class="w10p filesystem">Filesystem</th> <?php endif; ?> <th class="w20p">Mount</th> <th>Use</th> @@ -154,7 +154,7 @@ esm.getDisk = function() { html += '<tr>'; if (typeof data[line].filesystem != 'undefined') - html += '<td>'+data[line].filesystem+'</td>'; + html += '<td class="filesystem">'+data[line].filesystem+'</td>'; html += '<td>'+data[line].mount+'</td>'; html += '<td><div class="progressbar-wrap"><div class="progressbar '+bar_class+'" style="width: '+data[line].percent_used+'%;">'+data[line].percent_used+'%</div></div></td>'; diff --git a/web/css/_src/_config.frontend.scss b/web/css/_src/_config.frontend.scss index 4c9a5fb..f02bc37 100644 --- a/web/css/_src/_config.frontend.scss +++ b/web/css/_src/_config.frontend.scss @@ -6,6 +6,43 @@ $navbar-height: 60px; /* Layout */ $layout-bg-color: #fff; -/* Basic colors */ +/* Default colors */ $main-color: #99AEC4; $text-color: #4D5157; + +/* Themes ! */ +$themes: ( + blue: ( + main-color: #99AEC4 + ), + aqua: ( + main-color: #75C8C7 + ), + green: ( + main-color: #9DC499 + ), + light-green: ( + main-color: #ADD8C7 + ), + orange: ( + main-color: #E8B184 + ), + red: ( + main-color: #B36973 + ), + light-red: ( + main-color: #E89D9D + ), + purple: ( + main-color: #AA8ECC + ), + slate: ( + main-color: #707E8E + ), + light: ( + main-color: #C4C4C4 + ), + dark: ( + main-color: #747474 + ) +);
\ No newline at end of file diff --git a/web/css/_src/frontend.scss b/web/css/_src/frontend.scss index 2369695..9a146b6 100644 --- a/web/css/_src/frontend.scss +++ b/web/css/_src/frontend.scss @@ -7,10 +7,10 @@ html { } body { - font-size: 14px; - font-family: OpenSans-Light, Verdana, sans-serif, Arial; - margin: 0 auto; - color: $text-color; + font-size: 14px; + font-family: OpenSans-Light, Verdana, sans-serif, Arial; + margin: 0 auto; + color: $text-color; background-color: $layout-bg-color; } @@ -35,7 +35,6 @@ a { /* --------------------- */ /* == NAVBAR */ /* --------------------- */ - nav[role="main"] { position: fixed; top: 0; @@ -105,11 +104,9 @@ nav[role="main"] { padding: (($navbar-height / 2) - 17px) 15px; color: #fff; text-decoration: none; - @include transition(background 300ms ease-in-out); &:hover { - background: lighten($main-color, 6%); - @include transition(background 300ms ease-in-out); + background: lighten($main-color, 20%); } > span[class^="icon-"] { @@ -125,7 +122,6 @@ nav[role="main"] { /* ------------------- */ /* == MAIN */ /* ------------------- */ - #main-container { overflow: auto; margin-top: $navbar-height; @@ -135,31 +131,6 @@ nav[role="main"] { -/* ---------------------- */ -/* == Listing */ -/* ---------------------- */ -ul.list { - margin-left: 20px; - list-style-type: none; - - li { - position: relative; - padding-left: 12px; - - &:before { - content: ''; - width: 5px; - height: 5px; - background-color: $main-color; - position: absolute; - left: 0; - top: 9px; - } - } -} - - - /* --------------------- */ /* == Tables */ /* --------------------- */ @@ -209,14 +180,13 @@ table:not(.no-style) { table.firstBold tbody tr td:first-child { font-weight: bold; - color: lighten($text-color, 20%); + color: #7e848c; } /* --------------------------- */ /* == Progress bar */ /* --------------------------- */ - .progressbar-wrap { width: 100%; background-color: rgba($main-color, 0.2); @@ -273,6 +243,53 @@ table.firstBold tbody tr td:first-child { /* ------------------------- */ +/* == ! THEMES ! */ +/* ------------------------- */ +@each $name, $datas in $themes { + body.theme-#{""+$name+""} { + a { + color: map-get($datas, main-color); + + &:hover { + color: lighten(map-get($datas, main-color), 5%); + text-decoration: none; + } + } + + ::-moz-selection { + background-color: darken(map-get($datas, main-color), 10%); + color: lighten(map-get($datas, main-color), 30%); + } + ::selection { + background-color: darken(map-get($datas, main-color), 10%); + color: lighten(map-get($datas, main-color), 30%); + } + + nav[role="main"] { + background-color: map-get($datas, main-color); + + > ul > li > a { + &:hover { + background: lighten(map-get($datas, main-color), 15%); + } + } + } + + table:not(.no-style) { + tbody tr:hover { + background: lighten(map-get($datas, main-color), 25%); + } + } + + .progressbar-wrap { + background-color: rgba(map-get($datas, main-color), 0.2); + } + } +} + + + +/* ------------------------- */ /* == Responsive */ /* ------------------------- */ @media only screen and (max-width: 1024px) { @@ -319,4 +336,11 @@ table.firstBold tbody tr td:first-child { float: none; } } -}
\ No newline at end of file + + .box#esm-disk { + .filesystem { + display: none; + } + } +} + diff --git a/web/css/frontend.css b/web/css/frontend.css index fc5d8b3..5d96f3c 100644 --- a/web/css/frontend.css +++ b/web/css/frontend.css @@ -1 +1 @@ -html{height:100%}body{font-size:14px;font-family:OpenSans-Light, Verdana, sans-serif, Arial;margin:0 auto;color:#4D5157;background-color:#fff}a{color:#99AEC4}a:hover{color:#a9bbcd;text-decoration:none}::-moz-selection{background-color:#7994b1;color:#fafbfc}::selection{background-color:#7994b1;color:#fafbfc}nav[role="main"]{position:fixed;top:0;left:0;right:0;background-color:#99AEC4;height:60px;width:100%;padding-left:5px;color:#fff;font-size:16px;text-align:center;z-index:2}nav[role="main"] #appname{float:left;width:150px;text-align:left}nav[role="main"] #appname a{color:#fff;text-decoration:none}nav[role="main"] #appname a:first-child{font-size:24px}nav[role="main"] #appname a:first-child span[class^="icon-"]{font-size:30px;margin-right:10px}nav[role="main"] #appname a:last-child{display:block;font-size:11px;font-style:italic}nav[role="main"] #hostname{float:left;margin-left:110px;line-height:60px}nav[role="main"] #update{float:left;margin-left:100px;line-height:60px;font-size:13px}nav[role="main"] #update a{color:#fff}nav[role="main"]>ul{text-align:right;list-style-type:none}nav[role="main"]>ul>li{display:inline-block}nav[role="main"]>ul>li>a{display:inline-block;padding:13px 15px;color:#fff;text-decoration:none;-moz-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out}nav[role="main"]>ul>li>a:hover{background:#acbdcf;-moz-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out}nav[role="main"]>ul>li>a>span[class^="icon-"]{font-size:30px}#main-container{overflow:auto;margin-top:60px;background-color:#fff;padding:20px 25px}ul.list{margin-left:20px;list-style-type:none}ul.list li{position:relative;padding-left:12px}ul.list li:before{content:'';width:5px;height:5px;background-color:#99AEC4;position:absolute;left:0;top:9px}table:not(.no-style){width:100%;border-collapse:collapse;border-spacing:0;font-size:13px}table:not(.no-style) tr{border-bottom:1px solid #ebebeb;border-top:1px solid #fff}table:not(.no-style) thead tr{border-top:none}table:not(.no-style) tbody tr:last-child{border-bottom:none}table:not(.no-style) tbody tr:nth-child(odd){background:#f2f2f2}table:not(.no-style) tbody tr td,table:not(.no-style) thead tr th{padding:6px 8px;position:relative;text-align:left}table:not(.no-style) tbody tr td:last-child,table:not(.no-style) thead tr th:last-child{border-right:none}table:not(.no-style) tbody tr td:first-child,table:not(.no-style) thead tr th:first-child{border-left:none}table:not(.no-style) thead{color:#898989;font-size:13px;font-weight:bold}table:not(.no-style) thead tr th{text-align:center}table:not(.no-style) tbody tr:hover{background:#eaeef3}table.firstBold tbody tr td:first-child{font-weight:bold;color:#7e848c}.progressbar-wrap{width:100%;background-color:rgba(153,174,196,0.2)}.progressbar-wrap .progressbar{text-indent:5px}.progressbar-wrap .progressbar.green{background-color:#7BCE6C}.progressbar-wrap .progressbar.orange{background-color:#E3BB80}.progressbar-wrap .progressbar.red{background-color:#CF6B6B}.reload.spin{-moz-animation:spin 2000ms infinite linear;-webkit-animation:spin 2000ms infinite linear;animation:spin 2000ms infinite linear}@-ms-keyframes spin{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.box#esm-load_average h3{font-weight:normal}@media only screen and (max-width: 1024px){.column-left,.column-right{float:none;width:100%}.box{width:100%;margin-right:0 !important;margin-left:0 !important}}@media only screen and (max-width: 550px){nav[role="main"] #appname{width:135px}nav[role="main"] #hostname{margin-left:0;font-size:12px}nav[role="main"] #update{margin-left:0;font-size:9px;position:absolute;top:47px;line-height:inherit}nav[role="main"] ul>li>a{padding:12px 0}.box#esm-load_average div{width:100%;float:none}} +html{height:100%}body{font-size:14px;font-family:OpenSans-Light, Verdana, sans-serif, Arial;margin:0 auto;color:#4D5157;background-color:#fff}a{color:#99AEC4}a:hover{color:#a9bbcd;text-decoration:none}::-moz-selection{background-color:#7994b1;color:#fafbfc}::selection{background-color:#7994b1;color:#fafbfc}nav[role="main"]{position:fixed;top:0;left:0;right:0;background-color:#99AEC4;height:60px;width:100%;padding-left:5px;color:#fff;font-size:16px;text-align:center;z-index:2}nav[role="main"] #appname{float:left;width:150px;text-align:left}nav[role="main"] #appname a{color:#fff;text-decoration:none}nav[role="main"] #appname a:first-child{font-size:24px}nav[role="main"] #appname a:first-child span[class^="icon-"]{font-size:30px;margin-right:10px}nav[role="main"] #appname a:last-child{display:block;font-size:11px;font-style:italic}nav[role="main"] #hostname{float:left;margin-left:110px;line-height:60px}nav[role="main"] #update{float:left;margin-left:100px;line-height:60px;font-size:13px}nav[role="main"] #update a{color:#fff}nav[role="main"]>ul{text-align:right;list-style-type:none}nav[role="main"]>ul>li{display:inline-block}nav[role="main"]>ul>li>a{display:inline-block;padding:13px 15px;color:#fff;text-decoration:none}nav[role="main"]>ul>li>a:hover{background:#dae1e9}nav[role="main"]>ul>li>a>span[class^="icon-"]{font-size:30px}#main-container{overflow:auto;margin-top:60px;background-color:#fff;padding:20px 25px}table:not(.no-style){width:100%;border-collapse:collapse;border-spacing:0;font-size:13px}table:not(.no-style) tr{border-bottom:1px solid #ebebeb;border-top:1px solid #fff}table:not(.no-style) thead tr{border-top:none}table:not(.no-style) tbody tr:last-child{border-bottom:none}table:not(.no-style) tbody tr:nth-child(odd){background:#f2f2f2}table:not(.no-style) tbody tr td,table:not(.no-style) thead tr th{padding:6px 8px;position:relative;text-align:left}table:not(.no-style) tbody tr td:last-child,table:not(.no-style) thead tr th:last-child{border-right:none}table:not(.no-style) tbody tr td:first-child,table:not(.no-style) thead tr th:first-child{border-left:none}table:not(.no-style) thead{color:#898989;font-size:13px;font-weight:bold}table:not(.no-style) thead tr th{text-align:center}table:not(.no-style) tbody tr:hover{background:#eaeef3}table.firstBold tbody tr td:first-child{font-weight:bold;color:#7e848c}.progressbar-wrap{width:100%;background-color:rgba(153,174,196,0.2)}.progressbar-wrap .progressbar{text-indent:5px}.progressbar-wrap .progressbar.green{background-color:#7BCE6C}.progressbar-wrap .progressbar.orange{background-color:#E3BB80}.progressbar-wrap .progressbar.red{background-color:#CF6B6B}.reload.spin{-moz-animation:spin 2000ms infinite linear;-webkit-animation:spin 2000ms infinite linear;animation:spin 2000ms infinite linear}@-ms-keyframes spin{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.box#esm-load_average h3{font-weight:normal}body.theme-blue a{color:#99AEC4}body.theme-blue a:hover{color:#a9bbcd;text-decoration:none}body.theme-blue ::-moz-selection{background-color:#7994b1;color:#fafbfc}body.theme-blue ::selection{background-color:#7994b1;color:#fafbfc}body.theme-blue nav[role="main"]{background-color:#99AEC4}body.theme-blue nav[role="main"]>ul>li>a:hover{background:#c9d4e0}body.theme-blue table:not(.no-style) tbody tr:hover{background:#eaeef3}body.theme-blue .progressbar-wrap{background-color:rgba(153,174,196,0.2)}body.theme-aqua a{color:#75C8C7}body.theme-aqua a:hover{color:#87cfce;text-decoration:none}body.theme-aqua ::-moz-selection{background-color:#51b9b8;color:#e2f4f3}body.theme-aqua ::selection{background-color:#51b9b8;color:#e2f4f3}body.theme-aqua nav[role="main"]{background-color:#75C8C7}body.theme-aqua nav[role="main"]>ul>li>a:hover{background:#acdedd}body.theme-aqua table:not(.no-style) tbody tr:hover{background:#d0ecec}body.theme-aqua .progressbar-wrap{background-color:rgba(117,200,199,0.2)}body.theme-green a{color:#9DC499}body.theme-green a:hover{color:#adcda9;text-decoration:none}body.theme-green ::-moz-selection{background-color:#7eb179;color:#fafcfa}body.theme-green ::selection{background-color:#7eb179;color:#fafcfa}body.theme-green nav[role="main"]{background-color:#9DC499}body.theme-green nav[role="main"]>ul>li>a:hover{background:#cce0c9}body.theme-green table:not(.no-style) tbody tr:hover{background:#ebf3ea}body.theme-green .progressbar-wrap{background-color:rgba(157,196,153,0.2)}body.theme-light-green a{color:#ADD8C7}body.theme-light-green a:hover{color:#bee0d3;text-decoration:none}body.theme-light-green ::-moz-selection{background-color:#8ac8af;color:#fff}body.theme-light-green ::selection{background-color:#8ac8af;color:#fff}body.theme-light-green nav[role="main"]{background-color:#ADD8C7}body.theme-light-green nav[role="main"]>ul>li>a:hover{background:#e1f1ea}body.theme-light-green table:not(.no-style) tbody tr:hover{background:#fff}body.theme-light-green .progressbar-wrap{background-color:rgba(173,216,199,0.2)}body.theme-orange a{color:#E8B184}body.theme-orange a:hover{color:#ecbf99;text-decoration:none}body.theme-orange ::-moz-selection{background-color:#e09659;color:#fff}body.theme-orange ::selection{background-color:#e09659;color:#fff}body.theme-orange nav[role="main"]{background-color:#E8B184}body.theme-orange nav[role="main"]>ul>li>a:hover{background:#f4dac4}body.theme-orange table:not(.no-style) tbody tr:hover{background:#fcf5ef}body.theme-orange .progressbar-wrap{background-color:rgba(232,177,132,0.2)}body.theme-red a{color:#B36973}body.theme-red a:hover{color:#bc7a83;text-decoration:none}body.theme-red ::-moz-selection{background-color:#9b4e59;color:#e6cfd2}body.theme-red ::selection{background-color:#9b4e59;color:#e6cfd2}body.theme-red nav[role="main"]{background-color:#B36973}body.theme-red nav[role="main"]>ul>li>a:hover{background:#cd9ca2}body.theme-red table:not(.no-style) tbody tr:hover{background:#debec2}body.theme-red .progressbar-wrap{background-color:rgba(179,105,115,0.2)}body.theme-light-red a{color:#E89D9D}body.theme-light-red a:hover{color:#edb2b2;text-decoration:none}body.theme-light-red ::-moz-selection{background-color:#de7474;color:#fff}body.theme-light-red ::selection{background-color:#de7474;color:#fff}body.theme-light-red nav[role="main"]{background-color:#E89D9D}body.theme-light-red nav[role="main"]>ul>li>a:hover{background:#f7dbdb}body.theme-light-red table:not(.no-style) tbody tr:hover{background:#fff}body.theme-light-red .progressbar-wrap{background-color:rgba(232,157,157,0.2)}body.theme-purple a{color:#AA8ECC}body.theme-purple a:hover{color:#b7a0d4;text-decoration:none}body.theme-purple ::-moz-selection{background-color:#906bbc;color:#f9f7fc}body.theme-purple ::selection{background-color:#906bbc;color:#f9f7fc}body.theme-purple nav[role="main"]{background-color:#AA8ECC}body.theme-purple nav[role="main"]>ul>li>a:hover{background:#d2c3e4}body.theme-purple table:not(.no-style) tbody tr:hover{background:#ece6f4}body.theme-purple .progressbar-wrap{background-color:rgba(170,142,204,0.2)}body.theme-slate a{color:#707E8E}body.theme-slate a:hover{color:#7e8b99;text-decoration:none}body.theme-slate ::-moz-selection{background-color:#5a6571;color:#c5cbd2}body.theme-slate ::selection{background-color:#5a6571;color:#c5cbd2}body.theme-slate nav[role="main"]{background-color:#707E8E}body.theme-slate nav[role="main"]>ul>li>a:hover{background:#9ba5b0}body.theme-slate table:not(.no-style) tbody tr:hover{background:#b7bec6}body.theme-slate .progressbar-wrap{background-color:rgba(112,126,142,0.2)}body.theme-light a{color:#C4C4C4}body.theme-light a:hover{color:#d1d1d1;text-decoration:none}body.theme-light ::-moz-selection{background-color:#ababab;color:#fff}body.theme-light ::selection{background-color:#ababab;color:#fff}body.theme-light nav[role="main"]{background-color:#C4C4C4}body.theme-light nav[role="main"]>ul>li>a:hover{background:#eaeaea}body.theme-light table:not(.no-style) tbody tr:hover{background:#fff}body.theme-light .progressbar-wrap{background-color:rgba(196,196,196,0.2)}body.theme-dark a{color:#747474}body.theme-dark a:hover{color:#818181;text-decoration:none}body.theme-dark ::-moz-selection{background-color:#5b5b5b;color:#c1c1c1}body.theme-dark ::selection{background-color:#5b5b5b;color:#c1c1c1}body.theme-dark nav[role="main"]{background-color:#747474}body.theme-dark nav[role="main"]>ul>li>a:hover{background:#9a9a9a}body.theme-dark table:not(.no-style) tbody tr:hover{background:#b4b4b4}body.theme-dark .progressbar-wrap{background-color:rgba(116,116,116,0.2)}@media only screen and (max-width: 1024px){.column-left,.column-right{float:none;width:100%}.box{width:100%;margin-right:0 !important;margin-left:0 !important}}@media only screen and (max-width: 550px){nav[role="main"] #appname{width:135px}nav[role="main"] #hostname{margin-left:0;font-size:12px}nav[role="main"] #update{margin-left:0;font-size:9px;position:absolute;top:47px;line-height:inherit}nav[role="main"] ul>li>a{padding:12px 0}.box#esm-load_average div{width:100%;float:none}.box#esm-disk .filesystem{display:none}} diff --git a/web/css/libs/_classic-box.scss b/web/css/libs/_classic-box.scss index 80cdadc..dca208f 100644 --- a/web/css/libs/_classic-box.scss +++ b/web/css/libs/_classic-box.scss @@ -71,6 +71,7 @@ .box-content { padding: 6px; + overflow: auto; table a { text-decoration: none; @@ -95,4 +96,39 @@ margin-right: 5px; } } +} + + + +/* --------------------- */ +/* == THEMES */ +/* --------------------- */ +@each $name, $datas in $themes { + body.theme-#{""+$name+""} { + + .box { + box-shadow: 3px 3px 0 rgba(lighten(map-get($datas, main-color), 16%), .6); + border-color: lighten(map-get($datas, main-color), 16%); + + .box-header { + background-color: darken(map-get($datas, main-color), 7%); + + ul li a { + &:hover:not(.disabled) { + background: lighten(darken(map-get($datas, main-color), 7%), 20%); + color: darken(map-get($datas, main-color), 7%) !important; + } + } + } + .box-content { + table a { + color: darken(map-get($datas, main-color), 7%); + + &:hover { + color: lighten(darken(map-get($datas, main-color), 7%), 20%); + } + } + } + } + } }
\ No newline at end of file diff --git a/web/css/utilities.css b/web/css/utilities.css index ffb787f..2a6f185 100644 --- a/web/css/utilities.css +++ b/web/css/utilities.css @@ -1 +1 @@ -@font-face{font-family:"OpenSans-Light";src:url('fonts/OpenSans-Light.eot');src:url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light.ttf') format('truetype'),url('fonts/OpenSans-Light.svg') format('svg'),url('fonts/OpenSans-Light.woff') format('woff')}@font-face{font-family:"Entypo";src:url('fonts/entypo.ttf') format('truetype'),url('fonts/entypo.eot') format('embedded-opentype'),url('fonts/entypo.svg') format('svg'),url('fonts/entypo.woff') format('woff')}[class*="icon-"]{font-family:'Entypo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:"\e600"}.icon-mobile:before{content:"\e601"}.icon-mouse:before{content:"\e602"}.icon-directions:before{content:"\e603"}.icon-mail:before{content:"\e604"}.icon-paperplane:before{content:"\e605"}.icon-pencil:before{content:"\e606"}.icon-paperclip:before{content:"\e608"}.icon-drawer:before{content:"\e609"}.icon-reply:before{content:"\e60a"}.icon-reply-all:before{content:"\e60b"}.icon-forward:before{content:"\e60c"}.icon-user:before{content:"\e60d"}.icon-users:before{content:"\e60e"}.icon-user-add:before{content:"\e60f"}.icon-vcard:before{content:"\e610"}.icon-export:before{content:"\e611"}.icon-location:before{content:"\e612"}.icon-map:before{content:"\e613"}.icon-compass:before{content:"\e614"}.icon-location2:before{content:"\e615"}.icon-target:before{content:"\e616"}.icon-share:before{content:"\e617"}.icon-sharable:before{content:"\e618"}.icon-heart:before{content:"\e619"}.icon-heart2:before{content:"\e61a"}.icon-star:before{content:"\e61b"}.icon-star2:before{content:"\e61c"}.icon-thumbs-up:before{content:"\e61d"}.icon-thumbs-down:before{content:"\e61e"}.icon-chat:before{content:"\e61f"}.icon-comment:before{content:"\e620"}.icon-quote:before{content:"\e621"}.icon-house:before{content:"\e622"}.icon-popup:before{content:"\e623"}.icon-search:before{content:"\e624"}.icon-flashlight:before{content:"\e625"}.icon-printer:before{content:"\e626"}.icon-bell:before{content:"\e627"}.icon-link:before{content:"\e628"}.icon-flag:before{content:"\e629"}.icon-cog:before{content:"\e62a"}.icon-tools:before{content:"\e62b"}.icon-trophy:before{content:"\e62c"}.icon-tag:before{content:"\e62d"}.icon-camera:before{content:"\e62e"}.icon-megaphone:before{content:"\e62f"}.icon-palette:before{content:"\e631"}.icon-music:before{content:"\e633"}.icon-music2:before{content:"\e634"}.icon-new:before{content:"\e635"}.icon-graduation:before{content:"\e636"}.icon-book:before{content:"\e637"}.icon-newspaper:before{content:"\e638"}.icon-bag:before{content:"\e639"}.icon-airplane:before{content:"\e63a"}.icon-lifebuoy:before{content:"\e63b"}.icon-eye:before{content:"\e63c"}.icon-clock:before{content:"\e63d"}.icon-microphone:before{content:"\e63e"}.icon-calendar:before{content:"\e63f"}.icon-bolt:before{content:"\e640"}.icon-thunder:before{content:"\e641"}.icon-droplet:before{content:"\e642"}.icon-briefcase:before{content:"\e644"}.icon-air:before{content:"\e645"}.icon-hourglass:before{content:"\e646"}.icon-gauge:before{content:"\e647"}.icon-network:before{content:"\e649"}.icon-key:before{content:"\e64a"}.icon-battery:before{content:"\e64b"}.icon-bucket:before{content:"\e64c"}.icon-magnet:before{content:"\e64d"}.icon-drive:before{content:"\e64e"}.icon-cup:before{content:"\e64f"}.icon-rocket:before{content:"\e650"}.icon-brush:before{content:"\e651"}.icon-suitcase:before{content:"\e652"}.icon-cone:before{content:"\e653"}.icon-earth:before{content:"\e654"}.icon-keyboard:before{content:"\e655"}.icon-browser:before{content:"\e656"}.icon-publish:before{content:"\e657"}.icon-progress-3:before{content:"\e658"}.icon-progress-2:before{content:"\e659"}.icon-brogress-1:before{content:"\e65a"}.icon-progress-0:before{content:"\e65b"}.icon-sun:before{content:"\e65d"}.icon-code:before{content:"\e65f"}.icon-screen:before{content:"\e660"}.icon-infinity:before{content:"\e661"}.icon-light-bulb:before{content:"\e662"}.icon-credit-card:before{content:"\e663"}.icon-database:before{content:"\e664"}.icon-clipboard:before{content:"\e666"}.icon-cart:before{content:"\e667"}.icon-box:before{content:"\e668"}.icon-ticket:before{content:"\e669"}.icon-rss:before{content:"\e66a"}.icon-signal:before{content:"\e66b"}.icon-thermometer:before{content:"\e66c"}.icon-droplets:before{content:"\e66d"}.icon-uniE66E:before{content:"\e66e"}.icon-statistics:before{content:"\e66f"}.icon-pie:before{content:"\e670"}.icon-bars:before{content:"\e671"}.icon-graph:before{content:"\e672"}.icon-lock:before{content:"\e673"}.icon-lock-open:before{content:"\e674"}.icon-logout:before{content:"\e675"}.icon-login:before{content:"\e676"}.icon-checkmark:before{content:"\e677"}.icon-cross:before{content:"\e678"}.icon-minus:before{content:"\e679"}.icon-plus:before{content:"\e67a"}.icon-cross2:before{content:"\e67b"}.icon-minus2:before{content:"\e67c"}.icon-plus2:before{content:"\e67d"}.icon-cross3:before{content:"\e67e"}.icon-minus3:before{content:"\e67f"}.icon-plus3:before{content:"\e680"}.icon-erase:before{content:"\e681"}.icon-blocked:before{content:"\e682"}.icon-info:before{content:"\e683"}.icon-info2:before{content:"\e684"}.icon-question:before{content:"\e685"}.icon-help:before{content:"\e686"}.icon-warning:before{content:"\e687"}.icon-cycle:before{content:"\e688"}.icon-cw:before{content:"\e689"}.icon-ccw:before{content:"\e68a"}.icon-shuffle:before{content:"\e68b"}.icon-arrow:before{content:"\e68c"}.icon-arrow2:before{content:"\e68d"}.icon-retweet:before{content:"\e68e"}.icon-loop:before{content:"\e68f"}.icon-history:before{content:"\e690"}.icon-back:before{content:"\e691"}.icon-switch:before{content:"\e692"}.icon-list:before{content:"\e693"}.icon-add-to-list:before{content:"\e694"}.icon-layout:before{content:"\e695"}.icon-list2:before{content:"\e696"}.icon-text:before{content:"\e697"}.icon-text2:before{content:"\e698"}.icon-document:before{content:"\e699"}.icon-docs:before{content:"\e69a"}.icon-landscape:before{content:"\e69b"}.icon-pictures:before{content:"\e69c"}.icon-video:before{content:"\e69d"}.icon-music3:before{content:"\e69e"}.icon-folder:before{content:"\e69f"}.icon-archive:before{content:"\e6a0"}.icon-trash:before{content:"\e6a1"}.icon-upload:before{content:"\e6a2"}.icon-download:before{content:"\e6a3"}.icon-disk:before{content:"\e6a4"}.icon-install:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-upload2:before{content:"\e6a7"}.icon-bookmark:before{content:"\e6a8"}.icon-bookmarks:before{content:"\e6a9"}.icon-book2:before{content:"\e6aa"}.icon-play:before{content:"\e6ab"}.icon-pause:before{content:"\e6ac"}.icon-record:before{content:"\e6ad"}.icon-stop:before{content:"\e6ae"}.icon-next:before{content:"\e6af"}.icon-previous:before{content:"\e6b0"}.icon-first:before{content:"\e6b1"}.icon-last:before{content:"\e6b2"}.icon-resize-enlarge:before{content:"\e6b3"}.icon-resize-shrink:before{content:"\e6b4"}.icon-volume:before{content:"\e6b5"}.icon-sound:before{content:"\e6b6"}.icon-mute:before{content:"\e6b7"}.icon-flow-cascade:before{content:"\e6b8"}.icon-flow-branch:before{content:"\e6b9"}.icon-flow-tree:before{content:"\e6ba"}.icon-flow-line:before{content:"\e6bb"}.icon-flow-parallel:before{content:"\e6bc"}.icon-arrow-left:before{content:"\e6bd"}.icon-arrow-down:before{content:"\e6be"}.icon-arrow-up--upload:before{content:"\e6bf"}.icon-arrow-right:before{content:"\e6c0"}.icon-arrow-left2:before{content:"\e6c1"}.icon-arrow-down2:before{content:"\e6c2"}.icon-arrow-up:before{content:"\e6c3"}.icon-arrow-right2:before{content:"\e6c4"}.icon-arrow-left3:before{content:"\e6c5"}.icon-arrow-down3:before{content:"\e6c6"}.icon-arrow-up2:before{content:"\e6c7"}.icon-arrow-right3:before{content:"\e6c8"}.icon-arrow-left4:before{content:"\e6c9"}.icon-arrow-down4:before{content:"\e6ca"}.icon-arrow-up3:before{content:"\e6cb"}.icon-arrow-right4:before{content:"\e6cc"}.icon-arrow-left5:before{content:"\e6cd"}.icon-arrow-down5:before{content:"\e6ce"}.icon-arrow-up4:before{content:"\e6cf"}.icon-arrow-right5:before{content:"\e6d0"}.icon-arrow-left6:before{content:"\e6d1"}.icon-arrow-down6:before{content:"\e6d2"}.icon-arrow-up5:before{content:"\e6d3"}.icon-arrow-right6:before{content:"\e6d4"}.icon-arrow-left7:before{content:"\e6d5"}.icon-arrow-down7:before{content:"\e6d6"}.icon-arrow-up6:before{content:"\e6d7"}.icon-uniE6D8:before{content:"\e6d8"}.icon-arrow-left8:before{content:"\e6d9"}.icon-arrow-down8:before{content:"\e6da"}.icon-arrow-up7:before{content:"\e6db"}.icon-arrow-right7:before{content:"\e6dc"}.icon-menu:before{content:"\e6dd"}.icon-ellipsis:before{content:"\e6de"}.icon-dots:before{content:"\e6df"}.icon-dot:before{content:"\e6e0"}.icon-daniel-bruce2:before{content:"\e6ed"}.icon-github:before{content:"\e6ee"}.icon-github2:before{content:"\e6ef"}.icon-flickr:before{content:"\e6f0"}.icon-flickr2:before{content:"\e6f1"}.icon-vimeo:before{content:"\e6f2"}.icon-vimeo2:before{content:"\e6f3"}.icon-twitter:before{content:"\e6f4"}.icon-twitter2:before{content:"\e6f5"}.icon-facebook:before{content:"\e6f6"}.icon-facebook2:before{content:"\e6f7"}.icon-facebook3:before{content:"\e6f8"}.icon-googleplus:before{content:"\e6f9"}.icon-googleplus2:before{content:"\e6fa"}.icon-pinterest:before{content:"\e6fb"}.icon-pinterest2:before{content:"\e6fc"}.icon-tumblr:before{content:"\e6fd"}.icon-tumblr2:before{content:"\e6fe"}.icon-linkedin:before{content:"\e6ff"}.icon-linkedin2:before{content:"\e700"}.icon-dribbble:before{content:"\e701"}.icon-dribbble2:before{content:"\e702"}.icon-stumbleupon:before{content:"\e703"}.icon-stumbleupon2:before{content:"\e704"}.icon-spotify:before{content:"\e709"}.icon-spotify2:before{content:"\e70a"}.icon-instagram:before{content:"\e70c"}.icon-dropbox:before{content:"\e70d"}.icon-evernote:before{content:"\e70e"}.icon-flattr:before{content:"\e70f"}.icon-skype:before{content:"\e710"}.icon-skype2:before{content:"\e711"}.icon-paypal:before{content:"\e714"}.icon-picasa:before{content:"\e715"}.icon-circles:before{content:"\e719"}*{padding:0;margin:0}*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden}img{border:0}.debug{border:1px solid red}.text_left,.t-left{text-align:left !important}.text_right,.t-right{text-align:right !important}.text_center,.t-center{text-align:center !important}.pfixed{position:fixed !important}.f-left{float:left}.f-right{float:right}.column-left{float:left;width:49%}.column-right{float:right;width:49%}.column-33{width:32%}.column-66{width:66%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w33p{width:33%}.w35p{width:35%}.w50p{width:50%}.w100p{width:100%}::-webkit-scrollbar-track{box-shadow:inset 1px 0px 3px rgba(0,0,0,0.2);background-color:#F5F5F5}::-webkit-scrollbar-track:hover{background-color:#EFEFEF}::-webkit-scrollbar{width:8px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{background-color:#959595}::-webkit-scrollbar-thumb:hover{background-color:#6B6B6B}::-webkit-scrollbar-thumb:active{background-color:#555}span.label{padding:1px 3px 2px;font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}span.label.default{background-color:#bfbfbf}span.label.success{background-color:#46a546}span.label.warning{background-color:#f89406}span.label.important{background-color:#c43c35}span.label.error{background-color:#c43c35}span.label.notice{background-color:#62cffc}.box{background:#fff;box-shadow:3px 3px 0 rgba(205,215,226,0.6);margin-bottom:15px;border:1px solid #cdd7e2;padding:2px}.box .box-header{background-color:#829cb7;height:35px}.box .box-header h1{color:#fff;float:left;font-size:14px;font-weight:bold;line-height:33px;padding-left:10px;text-transform:uppercase}.box .box-header h1:first-letter{font-size:20px}.box .box-header ul{float:right;list-style-type:none}.box .box-header ul li{display:inline;margin-left:-3px}.box .box-header ul li a{color:#fff;font-size:20px;line-height:35px;padding:4px 10px;text-decoration:none}.box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}.box .box-header ul li a.disabled:hover{cursor:default}.box .box-header ul li:first-child{margin-left:0}.box .box-header ul li:last-child a{border-right:none}.box .box-header ul li.active a{background:#fafafa;cursor:default}.box .box-content{padding:6px}.box .box-content table a{text-decoration:none;color:#829cb7}.box .box-content table a:hover{color:#c3cfdc}.box .box-content.faded{opacity:.4}.box .box-footer{background:#e8e8e8;padding:7px}.box .box-footer span[class^="icon-"]{font-size:14px;margin-right:5px} +@font-face{font-family:"OpenSans-Light";src:url('fonts/OpenSans-Light.eot');src:url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light.ttf') format('truetype'),url('fonts/OpenSans-Light.svg') format('svg'),url('fonts/OpenSans-Light.woff') format('woff')}@font-face{font-family:"Entypo";src:url('fonts/entypo.ttf') format('truetype'),url('fonts/entypo.eot') format('embedded-opentype'),url('fonts/entypo.svg') format('svg'),url('fonts/entypo.woff') format('woff')}[class*="icon-"]{font-family:'Entypo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:"\e600"}.icon-mobile:before{content:"\e601"}.icon-mouse:before{content:"\e602"}.icon-directions:before{content:"\e603"}.icon-mail:before{content:"\e604"}.icon-paperplane:before{content:"\e605"}.icon-pencil:before{content:"\e606"}.icon-paperclip:before{content:"\e608"}.icon-drawer:before{content:"\e609"}.icon-reply:before{content:"\e60a"}.icon-reply-all:before{content:"\e60b"}.icon-forward:before{content:"\e60c"}.icon-user:before{content:"\e60d"}.icon-users:before{content:"\e60e"}.icon-user-add:before{content:"\e60f"}.icon-vcard:before{content:"\e610"}.icon-export:before{content:"\e611"}.icon-location:before{content:"\e612"}.icon-map:before{content:"\e613"}.icon-compass:before{content:"\e614"}.icon-location2:before{content:"\e615"}.icon-target:before{content:"\e616"}.icon-share:before{content:"\e617"}.icon-sharable:before{content:"\e618"}.icon-heart:before{content:"\e619"}.icon-heart2:before{content:"\e61a"}.icon-star:before{content:"\e61b"}.icon-star2:before{content:"\e61c"}.icon-thumbs-up:before{content:"\e61d"}.icon-thumbs-down:before{content:"\e61e"}.icon-chat:before{content:"\e61f"}.icon-comment:before{content:"\e620"}.icon-quote:before{content:"\e621"}.icon-house:before{content:"\e622"}.icon-popup:before{content:"\e623"}.icon-search:before{content:"\e624"}.icon-flashlight:before{content:"\e625"}.icon-printer:before{content:"\e626"}.icon-bell:before{content:"\e627"}.icon-link:before{content:"\e628"}.icon-flag:before{content:"\e629"}.icon-cog:before{content:"\e62a"}.icon-tools:before{content:"\e62b"}.icon-trophy:before{content:"\e62c"}.icon-tag:before{content:"\e62d"}.icon-camera:before{content:"\e62e"}.icon-megaphone:before{content:"\e62f"}.icon-palette:before{content:"\e631"}.icon-music:before{content:"\e633"}.icon-music2:before{content:"\e634"}.icon-new:before{content:"\e635"}.icon-graduation:before{content:"\e636"}.icon-book:before{content:"\e637"}.icon-newspaper:before{content:"\e638"}.icon-bag:before{content:"\e639"}.icon-airplane:before{content:"\e63a"}.icon-lifebuoy:before{content:"\e63b"}.icon-eye:before{content:"\e63c"}.icon-clock:before{content:"\e63d"}.icon-microphone:before{content:"\e63e"}.icon-calendar:before{content:"\e63f"}.icon-bolt:before{content:"\e640"}.icon-thunder:before{content:"\e641"}.icon-droplet:before{content:"\e642"}.icon-briefcase:before{content:"\e644"}.icon-air:before{content:"\e645"}.icon-hourglass:before{content:"\e646"}.icon-gauge:before{content:"\e647"}.icon-network:before{content:"\e649"}.icon-key:before{content:"\e64a"}.icon-battery:before{content:"\e64b"}.icon-bucket:before{content:"\e64c"}.icon-magnet:before{content:"\e64d"}.icon-drive:before{content:"\e64e"}.icon-cup:before{content:"\e64f"}.icon-rocket:before{content:"\e650"}.icon-brush:before{content:"\e651"}.icon-suitcase:before{content:"\e652"}.icon-cone:before{content:"\e653"}.icon-earth:before{content:"\e654"}.icon-keyboard:before{content:"\e655"}.icon-browser:before{content:"\e656"}.icon-publish:before{content:"\e657"}.icon-progress-3:before{content:"\e658"}.icon-progress-2:before{content:"\e659"}.icon-brogress-1:before{content:"\e65a"}.icon-progress-0:before{content:"\e65b"}.icon-sun:before{content:"\e65d"}.icon-code:before{content:"\e65f"}.icon-screen:before{content:"\e660"}.icon-infinity:before{content:"\e661"}.icon-light-bulb:before{content:"\e662"}.icon-credit-card:before{content:"\e663"}.icon-database:before{content:"\e664"}.icon-clipboard:before{content:"\e666"}.icon-cart:before{content:"\e667"}.icon-box:before{content:"\e668"}.icon-ticket:before{content:"\e669"}.icon-rss:before{content:"\e66a"}.icon-signal:before{content:"\e66b"}.icon-thermometer:before{content:"\e66c"}.icon-droplets:before{content:"\e66d"}.icon-uniE66E:before{content:"\e66e"}.icon-statistics:before{content:"\e66f"}.icon-pie:before{content:"\e670"}.icon-bars:before{content:"\e671"}.icon-graph:before{content:"\e672"}.icon-lock:before{content:"\e673"}.icon-lock-open:before{content:"\e674"}.icon-logout:before{content:"\e675"}.icon-login:before{content:"\e676"}.icon-checkmark:before{content:"\e677"}.icon-cross:before{content:"\e678"}.icon-minus:before{content:"\e679"}.icon-plus:before{content:"\e67a"}.icon-cross2:before{content:"\e67b"}.icon-minus2:before{content:"\e67c"}.icon-plus2:before{content:"\e67d"}.icon-cross3:before{content:"\e67e"}.icon-minus3:before{content:"\e67f"}.icon-plus3:before{content:"\e680"}.icon-erase:before{content:"\e681"}.icon-blocked:before{content:"\e682"}.icon-info:before{content:"\e683"}.icon-info2:before{content:"\e684"}.icon-question:before{content:"\e685"}.icon-help:before{content:"\e686"}.icon-warning:before{content:"\e687"}.icon-cycle:before{content:"\e688"}.icon-cw:before{content:"\e689"}.icon-ccw:before{content:"\e68a"}.icon-shuffle:before{content:"\e68b"}.icon-arrow:before{content:"\e68c"}.icon-arrow2:before{content:"\e68d"}.icon-retweet:before{content:"\e68e"}.icon-loop:before{content:"\e68f"}.icon-history:before{content:"\e690"}.icon-back:before{content:"\e691"}.icon-switch:before{content:"\e692"}.icon-list:before{content:"\e693"}.icon-add-to-list:before{content:"\e694"}.icon-layout:before{content:"\e695"}.icon-list2:before{content:"\e696"}.icon-text:before{content:"\e697"}.icon-text2:before{content:"\e698"}.icon-document:before{content:"\e699"}.icon-docs:before{content:"\e69a"}.icon-landscape:before{content:"\e69b"}.icon-pictures:before{content:"\e69c"}.icon-video:before{content:"\e69d"}.icon-music3:before{content:"\e69e"}.icon-folder:before{content:"\e69f"}.icon-archive:before{content:"\e6a0"}.icon-trash:before{content:"\e6a1"}.icon-upload:before{content:"\e6a2"}.icon-download:before{content:"\e6a3"}.icon-disk:before{content:"\e6a4"}.icon-install:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-upload2:before{content:"\e6a7"}.icon-bookmark:before{content:"\e6a8"}.icon-bookmarks:before{content:"\e6a9"}.icon-book2:before{content:"\e6aa"}.icon-play:before{content:"\e6ab"}.icon-pause:before{content:"\e6ac"}.icon-record:before{content:"\e6ad"}.icon-stop:before{content:"\e6ae"}.icon-next:before{content:"\e6af"}.icon-previous:before{content:"\e6b0"}.icon-first:before{content:"\e6b1"}.icon-last:before{content:"\e6b2"}.icon-resize-enlarge:before{content:"\e6b3"}.icon-resize-shrink:before{content:"\e6b4"}.icon-volume:before{content:"\e6b5"}.icon-sound:before{content:"\e6b6"}.icon-mute:before{content:"\e6b7"}.icon-flow-cascade:before{content:"\e6b8"}.icon-flow-branch:before{content:"\e6b9"}.icon-flow-tree:before{content:"\e6ba"}.icon-flow-line:before{content:"\e6bb"}.icon-flow-parallel:before{content:"\e6bc"}.icon-arrow-left:before{content:"\e6bd"}.icon-arrow-down:before{content:"\e6be"}.icon-arrow-up--upload:before{content:"\e6bf"}.icon-arrow-right:before{content:"\e6c0"}.icon-arrow-left2:before{content:"\e6c1"}.icon-arrow-down2:before{content:"\e6c2"}.icon-arrow-up:before{content:"\e6c3"}.icon-arrow-right2:before{content:"\e6c4"}.icon-arrow-left3:before{content:"\e6c5"}.icon-arrow-down3:before{content:"\e6c6"}.icon-arrow-up2:before{content:"\e6c7"}.icon-arrow-right3:before{content:"\e6c8"}.icon-arrow-left4:before{content:"\e6c9"}.icon-arrow-down4:before{content:"\e6ca"}.icon-arrow-up3:before{content:"\e6cb"}.icon-arrow-right4:before{content:"\e6cc"}.icon-arrow-left5:before{content:"\e6cd"}.icon-arrow-down5:before{content:"\e6ce"}.icon-arrow-up4:before{content:"\e6cf"}.icon-arrow-right5:before{content:"\e6d0"}.icon-arrow-left6:before{content:"\e6d1"}.icon-arrow-down6:before{content:"\e6d2"}.icon-arrow-up5:before{content:"\e6d3"}.icon-arrow-right6:before{content:"\e6d4"}.icon-arrow-left7:before{content:"\e6d5"}.icon-arrow-down7:before{content:"\e6d6"}.icon-arrow-up6:before{content:"\e6d7"}.icon-uniE6D8:before{content:"\e6d8"}.icon-arrow-left8:before{content:"\e6d9"}.icon-arrow-down8:before{content:"\e6da"}.icon-arrow-up7:before{content:"\e6db"}.icon-arrow-right7:before{content:"\e6dc"}.icon-menu:before{content:"\e6dd"}.icon-ellipsis:before{content:"\e6de"}.icon-dots:before{content:"\e6df"}.icon-dot:before{content:"\e6e0"}.icon-daniel-bruce2:before{content:"\e6ed"}.icon-github:before{content:"\e6ee"}.icon-github2:before{content:"\e6ef"}.icon-flickr:before{content:"\e6f0"}.icon-flickr2:before{content:"\e6f1"}.icon-vimeo:before{content:"\e6f2"}.icon-vimeo2:before{content:"\e6f3"}.icon-twitter:before{content:"\e6f4"}.icon-twitter2:before{content:"\e6f5"}.icon-facebook:before{content:"\e6f6"}.icon-facebook2:before{content:"\e6f7"}.icon-facebook3:before{content:"\e6f8"}.icon-googleplus:before{content:"\e6f9"}.icon-googleplus2:before{content:"\e6fa"}.icon-pinterest:before{content:"\e6fb"}.icon-pinterest2:before{content:"\e6fc"}.icon-tumblr:before{content:"\e6fd"}.icon-tumblr2:before{content:"\e6fe"}.icon-linkedin:before{content:"\e6ff"}.icon-linkedin2:before{content:"\e700"}.icon-dribbble:before{content:"\e701"}.icon-dribbble2:before{content:"\e702"}.icon-stumbleupon:before{content:"\e703"}.icon-stumbleupon2:before{content:"\e704"}.icon-spotify:before{content:"\e709"}.icon-spotify2:before{content:"\e70a"}.icon-instagram:before{content:"\e70c"}.icon-dropbox:before{content:"\e70d"}.icon-evernote:before{content:"\e70e"}.icon-flattr:before{content:"\e70f"}.icon-skype:before{content:"\e710"}.icon-skype2:before{content:"\e711"}.icon-paypal:before{content:"\e714"}.icon-picasa:before{content:"\e715"}.icon-circles:before{content:"\e719"}*{padding:0;margin:0}*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden}img{border:0}.debug{border:1px solid red}.text_left,.t-left{text-align:left !important}.text_right,.t-right{text-align:right !important}.text_center,.t-center{text-align:center !important}.pfixed{position:fixed !important}.f-left{float:left}.f-right{float:right}.column-left{float:left;width:49%}.column-right{float:right;width:49%}.column-33{width:32%}.column-66{width:66%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w33p{width:33%}.w35p{width:35%}.w50p{width:50%}.w100p{width:100%}::-webkit-scrollbar-track{box-shadow:inset 1px 0px 3px rgba(0,0,0,0.2);background-color:#F5F5F5}::-webkit-scrollbar-track:hover{background-color:#EFEFEF}::-webkit-scrollbar{width:8px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{background-color:#959595}::-webkit-scrollbar-thumb:hover{background-color:#6B6B6B}::-webkit-scrollbar-thumb:active{background-color:#555}span.label{padding:1px 3px 2px;font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}span.label.default{background-color:#bfbfbf}span.label.success{background-color:#46a546}span.label.warning{background-color:#f89406}span.label.important{background-color:#c43c35}span.label.error{background-color:#c43c35}span.label.notice{background-color:#62cffc}.box{background:#fff;box-shadow:3px 3px 0 rgba(205,215,226,0.6);margin-bottom:15px;border:1px solid #cdd7e2;padding:2px}.box .box-header{background-color:#829cb7;height:35px}.box .box-header h1{color:#fff;float:left;font-size:14px;font-weight:bold;line-height:33px;padding-left:10px;text-transform:uppercase}.box .box-header h1:first-letter{font-size:20px}.box .box-header ul{float:right;list-style-type:none}.box .box-header ul li{display:inline;margin-left:-3px}.box .box-header ul li a{color:#fff;font-size:20px;line-height:35px;padding:4px 10px;text-decoration:none}.box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}.box .box-header ul li a.disabled:hover{cursor:default}.box .box-header ul li:first-child{margin-left:0}.box .box-header ul li:last-child a{border-right:none}.box .box-header ul li.active a{background:#fafafa;cursor:default}.box .box-content{padding:6px;overflow:auto}.box .box-content table a{text-decoration:none;color:#829cb7}.box .box-content table a:hover{color:#c3cfdc}.box .box-content.faded{opacity:.4}.box .box-footer{background:#e8e8e8;padding:7px}.box .box-footer span[class^="icon-"]{font-size:14px;margin-right:5px}body.theme-blue .box{box-shadow:3px 3px 0 rgba(205,215,226,0.6);border-color:#cdd7e2}body.theme-blue .box .box-header{background-color:#829cb7}body.theme-blue .box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}body.theme-blue .box .box-content table a{color:#829cb7}body.theme-blue .box .box-content table a:hover{color:#c3cfdc}body.theme-aqua .box{box-shadow:3px 3px 0 rgba(175,223,223,0.6);border-color:#afdfdf}body.theme-aqua .box .box-header{background-color:#5bbebd}body.theme-aqua .box .box-header ul li a:hover:not(.disabled){background:#a4dbda;color:#5bbebd !important}body.theme-aqua .box .box-content table a{color:#5bbebd}body.theme-aqua .box .box-content table a:hover{color:#a4dbda}body.theme-green .box{box-shadow:3px 3px 0 rgba(207,226,205,0.6);border-color:#cfe2cd}body.theme-green .box .box-header{background-color:#87b782}body.theme-green .box .box-header ul li a:hover:not(.disabled){background:#c5dcc3;color:#87b782 !important}body.theme-green .box .box-content table a{color:#87b782}body.theme-green .box .box-content table a:hover{color:#c5dcc3}body.theme-light-green .box{box-shadow:3px 3px 0 rgba(228,242,237,0.6);border-color:#e4f2ed}body.theme-light-green .box .box-header{background-color:#95ccb6}body.theme-light-green .box .box-header ul li a:hover:not(.disabled){background:#daede6;color:#95ccb6 !important}body.theme-light-green .box .box-content table a{color:#95ccb6}body.theme-light-green .box .box-content table a:hover{color:#daede6}body.theme-orange .box{box-shadow:3px 3px 0 rgba(245,221,201,0.6);border-color:#f5ddc9}body.theme-orange .box .box-header{background-color:#e29e66}body.theme-orange .box .box-header ul li a:hover:not(.disabled){background:#f2d4bc;color:#e29e66 !important}body.theme-orange .box .box-content table a{color:#e29e66}body.theme-orange .box .box-content table a:hover{color:#f2d4bc}body.theme-red .box{box-shadow:3px 3px 0 rgba(206,159,166,0.6);border-color:#ce9fa6}body.theme-red .box .box-header{background-color:#a5535e}body.theme-red .box .box-header ul li a:hover:not(.disabled){background:#c9959c;color:#a5535e !important}body.theme-red .box .box-content table a{color:#a5535e}body.theme-red .box .box-content table a:hover{color:#c9959c}body.theme-light-red .box{box-shadow:3px 3px 0 rgba(248,223,223,0.6);border-color:#f8dfdf}body.theme-light-red .box .box-header{background-color:#e18080}body.theme-light-red .box .box-header ul li a:hover:not(.disabled){background:#f5d3d3;color:#e18080 !important}body.theme-light-red .box .box-content table a{color:#e18080}body.theme-light-red .box .box-content table a:hover{color:#f5d3d3}body.theme-purple .box{box-shadow:3px 3px 0 rgba(212,198,229,0.6);border-color:#d4c6e5}body.theme-purple .box .box-header{background-color:#9775c1}body.theme-purple .box .box-header ul li a:hover:not(.disabled){background:#ccbce1;color:#9775c1 !important}body.theme-purple .box .box-content table a{color:#9775c1}body.theme-purple .box .box-content table a:hover{color:#ccbce1}body.theme-slate .box{box-shadow:3px 3px 0 rgba(158,167,178,0.6);border-color:#9ea7b2}body.theme-slate .box .box-header{background-color:#606c7a}body.theme-slate .box .box-header ul li a:hover:not(.disabled){background:#959fab;color:#606c7a !important}body.theme-slate .box .box-content table a{color:#606c7a}body.theme-slate .box .box-content table a:hover{color:#959fab}body.theme-light .box{box-shadow:3px 3px 0 rgba(237,237,237,0.6);border-color:#ededed}body.theme-light .box .box-header{background-color:#b2b2b2}body.theme-light .box .box-header ul li a:hover:not(.disabled){background:#e5e5e5;color:#b2b2b2 !important}body.theme-light .box .box-content table a{color:#b2b2b2}body.theme-light .box .box-content table a:hover{color:#e5e5e5}body.theme-dark .box{box-shadow:3px 3px 0 rgba(157,157,157,0.6);border-color:#9d9d9d}body.theme-dark .box .box-header{background-color:#626262}body.theme-dark .box .box-header ul li a:hover:not(.disabled){background:#959595;color:#626262 !important}body.theme-dark .box .box-content table a{color:#626262}body.theme-dark .box .box-content table a:hover{color:#959595} |