/* !Colors */
/* --- >>> PRIMARY STYLES <<< --- */
html, body {
  font: 12px "Helvetica Neue", Helvetica, Arial, serif;
  font-weight: normal;
  background: white;
  color: black;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  font-smooth: always;
  font-smoothing: antialiased;
  height: 100%;
  width: 100%; }

body {
  padding-left: 4%; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

input, textarea {
  font: 1.4rem 'Helvetica Neue', Helvetica, Arial, serif; }

@media screen and (max-width: 1200px) {
  html {
    font-size: 10px; } }
@media screen and (max-width: 992px) {
  html {
    font-size: 9px; } }
@media screen and (max-width: 768px) {
  html {
    font-size: 8px; } }
@media screen and (max-width: 480px) {
  html {
    font-size: 8px; } }
a {
  text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: none; }
  a:visited {
    text-decoration: none; }
  a:active {
    color: #06C;
    text-decoration: none; }

h1 {
  font-size: 3.6rem;
  font-weight: 100;
  color: #666;
  text-shadow: 1px 1px 1px #9AA;
  -webkit-animation: titleAppear 0.2s ease-in backwards;
          animation: titleAppear 0.2s ease-in backwards; }

h2 {
  font-size: 2.4rem;
  font-weight: 300;
  color: #9AA;
  margin-bottom: 10px; }

h3 {
  font-size: 1.8rem;
  font-weight: 300;
  color: #9AA;
  margin-top: 10px; }

/* !ANIMATIONS */
@-webkit-keyframes menuAppear {
  from {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1; } }
@keyframes menuAppear {
  from {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes titleAppear {
  from {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1; } }
@keyframes titleAppear {
  from {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes navHover {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  to {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4); } }
@keyframes navHover {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  to {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4); } }
@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); }
  80% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes bounceIn {
  0% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); }
  80% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
/* Generated with Bounce.js. Edit at http://goo.gl/335BE4 */
@-webkit-keyframes showList {
  0% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes showList {
  0% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@-webkit-keyframes showPanel {
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 0; }
  20% {
    -webkit-transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; }
  60% {
    -webkit-transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes showPanel {
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 0; }
  20% {
    -webkit-transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.05585, 0.05693, 0, 0, 0.03793, 1.05585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99705, -0.0076, 0, 0, -0.00507, 0.99705, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; }
  60% {
    -webkit-transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99959, 0.00067, 0, 0, 0.00044, 0.99959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.00015, -0.00004, 0, 0, -0.00002, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-webkit-keyframes showMessage {
  0% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    opacity: 0; }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; } }
@keyframes showMessage {
  0% {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    opacity: 0; }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1; } }
/* MAIN PAGE */
section {
  display: inline-block;
  padding: 0px 10px 60px 0px;
  vertical-align: top;
  position: relative; }
  section.full {
    width: 100%; }
  section.twoThird {
    width: 65%; }
    @media screen and (max-width: 768px) {
      section.twoThird {
        width: 100%; } }
  section.half {
    width: 49%; }
    @media screen and (max-width: 768px) {
      section.half {
        width: 100%; } }
  section.third {
    width: 35%; }
    @media screen and (max-width: 768px) {
      section.third {
        width: 100%; } }

div.box {
  width: 100%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 2px solid #dfe4e4;
  color: black;
  margin-bottom: 10px;
  padding: 10px 10px;
  text-align: left;
  position: relative;
  -webkit-animation: showList 150ms ease-in backwards;
          animation: showList 150ms ease-in backwards; }
  div.box:hover {
    border-color: #9AA;
    -webkit-box-shadow: 0px 0px 10px #9AA;
            box-shadow: 0px 0px 10px #9AA; }
  div.box .icon {
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    right: 12px; }
  div.box svg {
    width: 24px;
    height: 24px;
    float: left;
    padding-right: 5px; }
  div.box .controls {
    display: block;
    float: right;
    width: 150px;
    height: 40px;
    text-align: right; }
    div.box .controls a {
      display: inline-block;
      width: 40px;
      height: 40px;
      float: none;
      padding: 0; }

/* !FORM STYLES */
form {
  width: 100%;
  padding-top: 15px; }
  form fieldset {
    background: #FEFEFE;
    border: 1px solid #AAA;
    padding: 5px; }
  form legend {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    font: 14px Tahoma, Arial, Helvetica, sans-serif bold;
    color: #999;
    border: 1px solid #AAA;
    padding: 5px 10px; }
  form select {
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 2px 0px 0px 0px; }
  form input, form textarea {
    -webkit-border-radius: 3px;
            border-radius: 3px;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    background: #EEE;
    border: 1px solid #AAA;
    padding: 5px 2px;
    line-height: 16px;
    margin-top: 0px;
    outline-color: #09F; }
  form textarea {
    resize: vertical; }
  form input:required:invalid, form input:focus:invalid {
    border: 1px solid red; }
  form label {
    display: inline-block;
    width: 25%;
    margin-bottom: 20px;
    font-size: 13px; }
  form label.full {
    width: 100%;
    margin-bottom: 3px;
    margin-top: 20px; }
  form .txtFull {
    width: 100%; }
  form .txtFullBig {
    width: 100%;
    font-size: 16px;
    font-weight: bold; }
  form .txtHalf {
    width: 50%; }
  form .txtSmall {
    width: 20%; }
  form .txtTiny {
    width: 10%; }
  form .loader {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-bottom: -7px; }

/* !HEADER */
header {
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  background: #222;
  font-size: 12px;
  color: #CCC;
  -webkit-box-shadow: 0px 10px 25px 10px white;
          box-shadow: 0px 10px 25px 10px white; }

header .left {
  width: 40%;
  float: left;
  padding: 15px 0px 0px 5%;
  text-align: left; }

header .right {
  width: 40%;
  float: right;
  padding: 15px 10px 0px 0px;
  text-align: right; }

section.title {
  padding-top: 90px;
  text-align: left; }
  section.title svg {
    width: 64px;
    height: 64px;
    float: left;
    margin: 0px 5px 0px 0px;
    -webkit-animation: bounceIn 0.2s ease-in;
            animation: bounceIn 0.2s ease-in; }
    section.title svg:hover .frame {
      fill: #000; }
  section.title img {
    width: 96px;
    height: 96px;
    float: left;
    margin: 0px 5px 0px 0px;
    -webkit-animation: titleAppear 0.25s ease-in backwards;
            animation: titleAppear 0.25s ease-in backwards; }

/* !FOOTER */
footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 998;
  background: #222;
  color: #666;
  width: 96%;
  height: 40px;
  padding: 15px 10px 15px;
  margin-left: 4%;
  font-size: 0.8rem;
  clear: both;
  -webkit-border-radius: 3px 0px 0px;
          border-radius: 3px 0px 0px;
  -webkit-box-shadow: 0px -10px 25px 10px white;
          box-shadow: 0px -10px 25px 10px white;
  text-align: left; }

/* !Content Styles */
.message {
  display: inline-block;
  width: 30%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #ffee99 none repeat scroll 0 0;
  border: 1px solid #FF9900;
  color: #333333;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 10px 0 0;
  padding: 10px 10px;
  text-align: left;
  -webkit-animation: showMessage 300ms linear backwards;
          animation: showMessage 300ms linear backwards; }
  .message.I {
    background-color: #99e7ff;
    border-color: #00b3ff; }
  .message.D {
    background-color: #ffee99;
    border-color: #FF9900; }
  .message.E {
    background-color: #ff5959;
    border-color: #ff0000; }

.status {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: rgba(0, 153, 255, 0.4) none repeat scroll 0 0;
  color: #0066EE;
  margin: 0px auto;
  padding: 2px 5px;
  text-align: left;
  font-size: 10px !important;
  font-weight: bold;
  line-height: 16px;
  text-decoration: none; }

.alert {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #ff7f00 none repeat scroll 0 0;
  color: #600;
  margin: 0px auto;
  padding: 2px 5px;
  text-align: left;
  font-size: 10px !important;
  font-weight: bold;
  line-height: 16px;
  text-decoration: none; }

.info {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #aad000 none repeat scroll 0 0;
  color: #366d00;
  margin: 0px auto;
  padding: 2px 5px;
  text-align: left;
  font-size: 10px !important;
  font-weight: bold;
  line-height: 16px;
  text-decoration: none; }

/* !Index Widgets */
.listItem {
  display: inline-block;
  width: 100%;
  padding: 10px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 2px solid #DFDFDF;
  margin-bottom: 10px;
  text-align: right;
  direction: rtl; }
  .listItem .project {
    font: 18px Tahoma, Arial, Helvetica, sans-serif;
    color: #999; }
    .listItem .project:hover {
      color: #000; }
  .listItem .task {
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #09F;
    line-height: 20px; }
    .listItem .task:hover {
      color: #000; }
  .listItem .avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 5px; }
  .listItem .mButton {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -6px; }
  .listItem:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #99AAAA;
            box-shadow: 0px 0px 5px 0px #99AAAA;
    border-color: #99AAAA;
    background-color: #fafbfb; }

div.boxItem {
  display: inline-block;
  margin: 0px 10px 10px 0px;
  padding: 10px;
  position: relative;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 2px solid #dfe4e4;
  color: black;
  -webkit-animation: showMessage 150ms linear 450ms backwards;
          animation: showMessage 150ms linear 450ms backwards; }
  div.boxItem:hover > .controls {
    display: block; }
  div.boxItem img {
    width: 100%;
    height: 90%; }
  div.boxItem:hover {
    border-color: #09F;
    -webkit-box-shadow: none;
            box-shadow: none; }
  div.boxItem .controls {
    display: none;
    width: 100%;
    height: 70px;
    padding-top: 10px;
    position: absolute;
    top: 60px;
    left: 0px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: showMessage 150ms linear backwards;
    animation: showMessage 150ms linear backwards; }
    div.boxItem .controls .mButton {
      width: 50px;
      height: 50px;
      display: inline-block;
      cursor: pointer; }
  div.boxItem .confirm {
    display: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding-top: 5px;
    position: absolute;
    top: 130px;
    left: 0px;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    -webkit-animation: showMessage 150ms linear backwards;
    animation: showMessage 150ms linear backwards; }
    div.boxItem .confirm .mButton {
      width: 30px;
      height: 30px;
      display: inline-block;
      margin-bottom: -10px;
      cursor: pointer; }

div.commentItem {
  margin-bottom: 20px;
  padding-left: 35px; }
  div.commentItem p {
    padding-top: 10px;
    font-family: Tahoma, sans-serif; }
  div.commentItem .id {
    padding-top: 5px;
    color: #9AA; }
  div.commentItem .avatar {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: -35px; }
  div.commentItem span.comment {
    font-size: 10px; }
  div.commentItem .alert {
    background-color: #EEE;
    color: #999; }
  div.commentItem .mButton {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -6px; }
  div.commentItem:hover {
    background-color: #fafbfb; }

/* !HISTORY PANEL */
#historyPanel span img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -5px; }

#historyPanel p {
  padding: 3px 0 3px 45px;
  color: #CCC;
  font-style: italic;
  margin-bottom: 0; }

.clearfloat {
  /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px; }

/* BOXES */
.rbox {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 2px solid #DFDFDF;
  color: #333333;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 10px 0 0;
  padding: 10px 10px;
  text-align: left;
  position: relative;
  -webkit-animation: showList 150ms ease-in backwards;
          animation: showList 150ms ease-in backwards; }
  .rbox:hover {
    border-color: #9AA;
    -webkit-box-shadow: 0px 0px 10px #9AA;
            box-shadow: 0px 0px 10px #9AA; }
  .rbox .icon {
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    right: 12px; }
  .rbox svg {
    width: 24px;
    height: 24px;
    float: left;
    padding-right: 5px; }
  .rbox .controls {
    display: block;
    float: right;
    width: 150px;
    height: 40px;
    text-align: right; }
    .rbox .controls a {
      display: inline-block;
      width: 40px;
      height: 40px;
      float: none;
      padding: 0; }

.modPanelListFull {
  float: left;
  width: 90%; }

.modPanelListTwoThird {
  float: left;
  width: 65%; }

.modPanelListHalf {
  float: left;
  width: 45%; }

.modPanelListThird {
  float: left;
  width: 30%; }

.modPanelForm {
  float: left;
  width: 60%;
  -webkit-animation: showPanel 750ms linear backwards;
          animation: showPanel 750ms linear backwards; }

.modPanelSide {
  float: left;
  width: 35%;
  -webkit-animation: showPanel 750ms linear 150ms backwards;
          animation: showPanel 750ms linear 150ms backwards; }

/* !Result Boxes */
.resBox {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px #9AA;
          box-shadow: 0px 0px 10px #9AA;
  background: #ffee99 none repeat scroll 0 0;
  border: 2px solid #FF9900;
  color: #333333;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 10px 0 0;
  padding: 10px 10px;
  text-align: left;
  width: 60%;
  -webkit-animation: showMessage 300ms linear backwards;
  animation: showMessage 300ms linear backwards; }

.alertBox {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px #9AA;
          box-shadow: 0px 0px 10px #9AA;
  background: #ffee99 none repeat scroll 0 0;
  border: 2px solid #FF9900;
  color: #333333;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 10px 0 0;
  padding: 10px 10px;
  text-align: left;
  width: 60%;
  -webkit-animation: showMessage 300ms linear backwards;
  animation: showMessage 300ms linear backwards; }

.loginBox {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px #9AA;
          box-shadow: 0px 0px 20px #9AA;
  background: #FFFFFF none repeat scroll 0 0;
  border: 3px solid #8dbdd8;
  color: #333333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0px 0px -150px;
  padding: 10px 10px;
  text-align: left;
  width: 300px;
  -webkit-animation: showMessage 300ms linear backwards;
  animation: showMessage 300ms linear backwards; }

/* !BUTTONS */
button, .rButton {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: inline-block;
  border: 1px solid #09F;
  color: #009aff;
  cursor: pointer;
  font-size: 12px !important;
  line-height: 14px;
  padding: 5px 10px;
  margin-top: 10px;
  -webkit-transition: all .1s ease-in;
  vertical-align: baseline; }
  button:hover, .rButton:hover {
    color: #fff;
    background-color: #09F; }

.rButtonSubmit {
  background-color: transparent;
  border: 1px solid #ff9900;
  color: #FF9900;
  font-weight: bold; }

.rButtonSubmit:hover {
  color: #000;
  background-color: #FF9900; }

.rButtonMini {
  font-size: 10px !important;
  line-height: 12px;
  padding: 3px 5px;
  margin-top: 7px; }

.rButtonNo {
  background-color: transparent;
  border: 1px solid #ff0000;
  color: #FF0000;
  font-weight: bold; }

.rButtonNo:hover {
  color: #000;
  background-color: #FF0000; }

.mButton {
  display: block;
  width: 28px;
  height: 28px; }

.mButton:hover {
  -webkit-animation: navHover 150ms linear both;
  animation: navHover 150ms linear both; }

.mButtonDelete {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm37.5 100.1c3.9 3.9 3.9 10.2 0 14.1-2 2-4.5 2.9-7.1 2.9-2.6 0-5.1-1-7.1-2.9l-24.3-24.3-24.4 24.4c-2 2-4.5 2.9-7.1 2.9s-5.1-1-7.1-2.9c-3.9-3.9-3.9-10.2 0-14.1l24.4-24.4-25-25.2c-3.9-3.9-3.9-10.2 0-14.1 3.9-3.9 10.2-3.9 14.1 0l25.1 25.1 25.1-25.1c3.9-3.9 10.2-3.9 14.1 0 3.9 3.9 3.9 10.2 0 14.1l-25.1 25.1 24.4 24.4z"/></svg>') center center no-repeat; }

.mButtonDelete:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#F00" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm37.5 100.1c3.9 3.9 3.9 10.2 0 14.1-2 2-4.5 2.9-7.1 2.9-2.6 0-5.1-1-7.1-2.9l-24.3-24.3-24.4 24.4c-2 2-4.5 2.9-7.1 2.9s-5.1-1-7.1-2.9c-3.9-3.9-3.9-10.2 0-14.1l24.4-24.4-25-25.2c-3.9-3.9-3.9-10.2 0-14.1 3.9-3.9 10.2-3.9 14.1 0l25.1 25.1 25.1-25.1c3.9-3.9 10.2-3.9 14.1 0 3.9 3.9 3.9 10.2 0 14.1l-25.1 25.1 24.4 24.4z"/></svg>'); }

.mButtonDownload {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm38.1 87l-31.5 32.2c-1.9 1.9-4.5 3-7.1 3s-5.3-1.1-7.1-3l-31.5-32.2c-3.9-4-3.8-10.3.1-14.1 4-3.9 10.3-3.8 14.1.1l24.4 24.9 24.4-24.9c3.9-3.9 10.2-4 14.1-.1 3.9 3.8 4 10.1.1 14.1zm-5.1-28h-66c-5.5 0-10-4.5-10-10s4.5-10 10-10h66c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>') center center no-repeat; }

.mButtonDownload:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#8CC63F" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm38.1 87l-31.5 32.2c-1.9 1.9-4.5 3-7.1 3s-5.3-1.1-7.1-3l-31.5-32.2c-3.9-4-3.8-10.3.1-14.1 4-3.9 10.3-3.8 14.1.1l24.4 24.9 24.4-24.9c3.9-3.9 10.2-4 14.1-.1 3.9 3.8 4 10.1.1 14.1zm-5.1-28h-66c-5.5 0-10-4.5-10-10s4.5-10 10-10h66c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>'); }

.mButtonOption {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 73.7c-14.5 0-26.3 11.8-26.3 26.3s11.8 26.3 26.3 26.3 26.3-11.8 26.3-26.3-11.8-26.3-26.3-26.3z"/><path d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm0 121.3c-25.5 0-46.3-20.8-46.3-46.3 0-25.5 20.8-46.3 46.3-46.3s46.3 20.8 46.3 46.3c0 25.5-20.8 46.3-46.3 46.3z"/></svg>') center center no-repeat; }

.mButtonOption:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#ED1E79" d="M100 73.7c-14.5 0-26.3 11.8-26.3 26.3s11.8 26.3 26.3 26.3 26.3-11.8 26.3-26.3-11.8-26.3-26.3-26.3z"/><path fill="#ED1E79" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm0 121.3c-25.5 0-46.3-20.8-46.3-46.3 0-25.5 20.8-46.3 46.3-46.3s46.3 20.8 46.3 46.3c0 25.5-20.8 46.3-46.3 46.3z"/></svg>'); }

.mButtonRemove {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm41 86h-85c-5.5 0-10-4.5-10-10s4.5-10 10-10h85c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>') center center no-repeat; }

.mButtonRemove:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#F7931E" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm41 86h-85c-5.5 0-10-4.5-10-10s4.5-10 10-10h85c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>'); }

.mButtonAdd {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm41 86h-32v31c0 5.5-4.5 10-10 10s-10-4.5-10-10v-31h-33c-5.5 0-10-4.5-10-10s4.5-10 10-10h33v-34c0-5.5 4.5-10 10-10s10 4.5 10 10v34h32c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>') center center no-repeat; }

.mButtonAdd:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#662D91" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm41 86h-32v31c0 5.5-4.5 10-10 10s-10-4.5-10-10v-31h-33c-5.5 0-10-4.5-10-10s4.5-10 10-10h33v-34c0-5.5 4.5-10 10-10s10 4.5 10 10v34h32c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>'); }

.mButtonBack {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm41 85h-59.6l24.4 22.7c4 3.8 4.3 10.1.5 14.1-2 2.1-4.6 3.2-7.3 3.2-2.4 0-4.9-.9-6.8-2.7l-43-40-.1-.1c-.1-.1-.2-.2-.3-.4-.1-.1-.2-.2-.3-.4l-.3-.4c-.1-.1-.2-.2-.3-.4l-.3-.5c-.1-.1-.1-.2-.2-.4s-.2-.4-.3-.5l-.2-.3c-.1-.2-.2-.4-.2-.6l-.1-.3-.2-.6c0-.1-.1-.2-.1-.4s-.1-.4-.1-.5l-.1-.5v-2c0-.2 0-.3.1-.5 0-.2 0-.3.1-.5l.1-.6.1-.4.2-.6.1-.3c.1-.2.2-.4.2-.6l.2-.3.3-.5.2-.3.3-.5.3-.3c.1-.1.2-.3.4-.4.1-.1.1-.2.2-.2l43-45c3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1l-26.9 28.2h61.6c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>') center center no-repeat; }

.mButtonBack:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#BDCCD4" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm41 85h-59.6l24.4 22.7c4 3.8 4.3 10.1.5 14.1-2 2.1-4.6 3.2-7.3 3.2-2.4 0-4.9-.9-6.8-2.7l-43-40-.1-.1c-.1-.1-.2-.2-.3-.4-.1-.1-.2-.2-.3-.4l-.3-.4c-.1-.1-.2-.2-.3-.4l-.3-.5c-.1-.1-.1-.2-.2-.4s-.2-.4-.3-.5l-.2-.3c-.1-.2-.2-.4-.2-.6l-.1-.3-.2-.6c0-.1-.1-.2-.1-.4s-.1-.4-.1-.5l-.1-.5v-2c0-.2 0-.3.1-.5 0-.2 0-.3.1-.5l.1-.6.1-.4.2-.6.1-.3c.1-.2.2-.4.2-.6l.2-.3.3-.5.2-.3.3-.5.3-.3c.1-.1.2-.3.4-.4.1-.1.1-.2.2-.2l43-45c3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1l-26.9 28.2h61.6c5.5 0 10 4.5 10 10s-4.5 10-10 10z"/></svg>'); }

.mButtonYes {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#000" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm47.6 56.1l-56 56c-2 2-4.5 2.9-7.1 2.9s-5.1-1-7.1-2.9l-30-30.1c-3.9-3.9-3.9-10.2 0-14.1 3.9-3.9 10.2-3.9 14.1 0l23 23 48.9-48.9c3.9-3.9 10.2-3.9 14.1 0 4 3.8 4 10.2.1 14.1z"/></svg>') center center no-repeat; }

.mButtonYes:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#3FA9F5" d="M100 25c-41.4 0-75 33.6-75 75s33.6 75 75 75 75-33.6 75-75-33.6-75-75-75zm47.6 56.1l-56 56c-2 2-4.5 2.9-7.1 2.9s-5.1-1-7.1-2.9l-30-30.1c-3.9-3.9-3.9-10.2 0-14.1 3.9-3.9 10.2-3.9 14.1 0l23 23 48.9-48.9c3.9-3.9 10.2-3.9 14.1 0 4 3.8 4 10.2.1 14.1z"/></svg>'); }

.mButtonStressA {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#F15A24" d="M100 25c-41.421 0-75 33.579-75 75s33.579 75 75 75 75-33.579 75-75-33.579-75-75-75zm42.644 90.56c-3.538 4.245-9.842 4.814-14.085 1.28l-27.613-23.013-27.616 23.013c-1.869 1.558-4.139 2.317-6.396 2.317-2.866 0-5.71-1.225-7.688-3.599-3.535-4.242-2.962-10.548 1.281-14.084l34.017-28.347c3.707-3.091 9.095-3.089 12.804 0l34.016 28.347c4.241 3.537 4.815 9.842 1.28 14.086z"/></svg>') center center no-repeat; }

.mButtonStressA:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#F15A24" d="M100 25c-41.421 0-75 33.579-75 75s33.579 75 75 75 75-33.579 75-75-33.579-75-75-75zm42.644 90.56c-3.538 4.245-9.842 4.814-14.085 1.28l-27.613-23.013-27.616 23.013c-1.869 1.558-4.139 2.317-6.396 2.317-2.866 0-5.71-1.225-7.688-3.599-3.535-4.242-2.962-10.548 1.281-14.084l34.017-28.347c3.707-3.091 9.095-3.089 12.804 0l34.016 28.347c4.241 3.537 4.815 9.842 1.28 14.086z"/></svg>'); }

.mButtonStressB {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 566.93 566.93" enable-background="new 0 0 566.93 566.93"><path fill="#ED1C24" d="M283.465 70.866c-117.414 0-212.599 95.185-212.599 212.599s95.185 212.599 212.599 212.599 212.599-95.185 212.599-212.599-95.185-212.599-212.599-212.599zm120.881 324.738c-10.029 12.03-27.899 13.646-39.926 3.628l-78.273-65.234-78.282 65.234c-5.298 4.416-11.733 6.568-18.13 6.568-8.124 0-16.186-3.472-21.793-10.202-10.02-12.025-8.396-29.9 3.631-39.923l96.426-80.354c10.511-8.762 25.784-8.756 36.295 0l96.423 80.354c12.022 10.026 13.649 27.898 3.629 39.929zm0-110.552c-10.029 12.027-27.899 13.646-39.926 3.628l-78.273-65.234-78.282 65.234c-5.298 4.416-11.733 6.568-18.13 6.568-8.124 0-16.186-3.472-21.793-10.202-10.02-12.025-8.396-29.9 3.631-39.923l96.426-80.354c10.511-8.759 25.784-8.759 36.295 0l96.423 80.354c12.022 10.027 13.649 27.899 3.629 39.929z"/></svg>') center center no-repeat; }

.mButtonStressB:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 566.93 566.93" enable-background="new 0 0 566.93 566.93"><path fill="#ED1C24" d="M283.465 70.866c-117.414 0-212.599 95.185-212.599 212.599s95.185 212.599 212.599 212.599 212.599-95.185 212.599-212.599-95.185-212.599-212.599-212.599zm120.881 324.738c-10.029 12.03-27.899 13.646-39.926 3.628l-78.273-65.234-78.282 65.234c-5.298 4.416-11.733 6.568-18.13 6.568-8.124 0-16.186-3.472-21.793-10.202-10.02-12.025-8.396-29.9 3.631-39.923l96.426-80.354c10.511-8.762 25.784-8.756 36.295 0l96.423 80.354c12.022 10.026 13.649 27.898 3.629 39.929zm0-110.552c-10.029 12.027-27.899 13.646-39.926 3.628l-78.273-65.234-78.282 65.234c-5.298 4.416-11.733 6.568-18.13 6.568-8.124 0-16.186-3.472-21.793-10.202-10.02-12.025-8.396-29.9 3.631-39.923l96.426-80.354c10.511-8.759 25.784-8.759 36.295 0l96.423 80.354c12.022 10.027 13.649 27.899 3.629 39.929z"/></svg>'); }

.mButtonStressC {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#ED1C24" d="M100 25c-41.421 0-75 33.579-75 75s33.579 75 75 75 75-33.579 75-75-33.579-75-75-75zm43.095 65.733l-18.848 18.372 4.449 25.942c.521 3.04-2.669 5.358-5.399 3.923l-23.297-12.247-23.298 12.248c-2.73 1.435-5.92-.883-5.399-3.923l4.449-25.942-18.847-18.373c-2.208-2.153-.99-5.904 2.062-6.347l26.048-3.785 11.649-23.603c1.365-2.766 5.309-2.766 6.674 0l11.649 23.603 26.048 3.785c3.05.444 4.269 4.195 2.06 6.347z"/></svg>') center center no-repeat; }

.mButtonStressC:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><path fill="#ED1C24" d="M100 25c-41.421 0-75 33.579-75 75s33.579 75 75 75 75-33.579 75-75-33.579-75-75-75zm43.095 65.733l-18.848 18.372 4.449 25.942c.521 3.04-2.669 5.358-5.399 3.923l-23.297-12.247-23.298 12.248c-2.73 1.435-5.92-.883-5.399-3.923l4.449-25.942-18.847-18.373c-2.208-2.153-.99-5.904 2.062-6.347l26.048-3.785 11.649-23.603c1.365-2.766 5.309-2.766 6.674 0l11.649 23.603 26.048 3.785c3.05.444 4.269 4.195 2.06 6.347z"/></svg>'); }

.mButtonFilter {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><circle fill="#999" cx="100" cy="100" r="75"/><path fill="#BDCCD4" d="M128.157 105.979l-19.082 41.204c-3.58 7.73-14.568 7.73-18.148 0l-19.082-41.204c-3.069-6.627 1.771-14.202 9.074-14.202h38.165c7.302 0 12.142 7.575 9.073 14.202z"/><circle fill="#BDCCD4" cx="100" cy="68" r="17.667"/></svg>') center center no-repeat; }

.mButtonFilter:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><circle fill="#444" cx="100" cy="100" r="75"/><path fill="#BDCCD4" d="M128.157 105.979l-19.082 41.204c-3.58 7.73-14.568 7.73-18.148 0l-19.082-41.204c-3.069-6.627 1.771-14.202 9.074-14.202h38.165c7.302 0 12.142 7.575 9.073 14.202z"/><circle fill="#BDCCD4" cx="100" cy="68" r="17.667"/></svg>'); }

/* !CONTENT STYLES */
.link {
  font-size: 11px;
  font-weight: bold;
  color: #09F;
  text-decoration: none; }

.menuLink {
  font-size: 12px;
  font-weight: bold;
  color: #FF6600;
  text-decoration: none; }

.buttonLink {
  font-size: 18px;
  font-weight: bold;
  color: #0066CC;
  text-decoration: none; }

.comment {
  font-size: 12px;
  color: #999; }

.avatar {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
          border-radius: 50%; }

/* !BOXES */
.indexItem {
  width: 140px;
  float: left;
  text-align: center; }

.indexItem img {
  width: 128px;
  height: 128px; }

/* !NAVIGATION */
nav {
  position: fixed;
  display: none;
  z-index: 1001;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #222;
  -webkit-box-shadow: 1px 0px 5px black;
          box-shadow: 1px 0px 5px black;
  overflow: scroll;
  padding: 10px;
  font-size: 10px;
  color: #999;
  -webkit-animation: menuAppear 250ms ease-out both;
  animation: menuAppear 250ms ease-out both; }

nav h5 {
  text-align: left;
  font-size: 15px;
  color: #9AA;
  font-weight: normal;
  padding-top: 20px; }

nav ul {
  text-align: left;
  line-height: 36px; }

nav ul li {
  display: block; }

nav ul li a {
  color: #999;
  font-size: 12px; }

nav ul li a:hover {
  color: #9AA; }

nav ul li a:hover > svg .frame {
  fill: #CCC; }

nav ul li a:hover > svg {
  fill: #CCC;
  -webkit-animation: navHover .25s ease-out both;
  animation: navHover .25s ease-out both; }

nav ul li svg {
  width: 28px;
  height: 28px;
  padding-right: 5px;
  margin-bottom: -10px;
  display: inline; }

#openMenu {
  position: fixed;
  width: 30px;
  height: 30px;
  z-index: 1000;
  top: 7px;
  left: 15px; }

#openMenu:hover {
  cursor: pointer; }

#openMenu:hover path {
  fill: #FFF; }

#openMenu:hover + nav {
  display: block; }

nav:hover {
  display: block; }

/* !REPORT */
.report {
  display: none;
  background: #222;
  color: #666;
  width: 100%;
  height: 200px;
  position: fixed;
  top: 45px;
  left: 0px;
  z-index: 998;
  text-shadow: 0px 0px 1px black;
  font-size: 10px;
  clear: both; }

.report .comment {
  font-size: 10px;
  color: #444; }

.report .logoleft {
  float: left;
  width: 16px;
  padding: 10px 5px 0px 10px;
  height: 150px; }

.report .logoleft svg {
  width: 16px;
  height: 16px; }

.report .logoleft svg .frame {
  fill: #fff; }

.report .left {
  width: 100%;
  float: left;
  padding: 10px 0px;
  text-align: left; }

.report .logoright {
  float: right;
  width: 16px;
  padding: 10px 5px 0px 10px;
  height: 150px; }

.report .logoright svg {
  width: 16px;
  height: 16px; }

.report .logoright svg .frame {
  fill: #fff; }

.report .right {
  width: 250px;
  float: right;
  padding: 10px 0px;
  text-align: left; }

/* !IB Boxes */
.ib-center {
  text-align: center; }

.ib-center svg {
  width: 200px;
  height: 200px;
  margin: 0px auto;
  float: none;
  /* overflow: scroll; */ }

/* !TABLES */
table {
  background: #CCCCCC; }

td {
  font: 13px Tahoma, Arial, Helvetica, sans-serif;
  color: #000000; }

td .link {
  font-size: 13px;
  font-weight: normal; }

tr {
  background-color: #FFFFFF; }

th {
  background-color: #DDEEFF;
  color: #006699;
  font-weight: bold;
  text-decoration: none;
  font-size: 8pt;
  border-left: 1px solid #DDD; }

/* !TABLE SORTER */
table {
  border-collapse: inherit; }

table.tablesorter {
  background-color: #FFF; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #EEE;
  border: 1px solid #FFF;
  font-size: 12px;
  padding: 5px 5px 6px 5px; }

table.tablesorter thead tr .header {
  background-image: url(/images_admin/JSSarrow-none.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  cursor: pointer;
  color: #333333; }

table.tablesorter tbody td {
  font: 13px Tahoma, Arial, Helvetica, sans-serif;
  color: #3D3D3D;
  padding: 4px;
  vertical-align: middle; }

table.tablesorter tbody tr {
  background-color: #FFFFFF; }

table.tablesorter tbody tr.odd {
  background-color: #EFEFEF; }

table.tablesorter thead tr .headerSortUp {
  background-image: url(/images_admin/JSSarrow-down.gif); }

table.tablesorter thead tr .headerSortDown {
  background-image: url(/images_admin/JSSarrow-up.gif); }

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #E6EEEE; }

table.tablesorter tbody tr:hover {
  background-color: #E6EEEE; }

/* !LOADER ANIMATION */
.loader {
  position: relative;
  border-top: 5px solid rgba(0, 0, 0, 0.1);
  border-right: 5px solid rgba(0, 0, 0, 0.1);
  border-bottom: 5px solid rgba(0, 0, 0, 0.1);
  border-left: 5px solid #99AAAA;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader, .loader:after {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 20px;
  height: 20px; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }