.logo {
    background-image: url('logo.png');
}
.logocen {
    max-width: 100%;
    max-height: 20vh;
}

nav {
    background-color: #283744;
}
nav a, nav a:hover {
    color: #ffffff;
    text-shadow: 1px 1px 0px #283744;
}
nav a:hover, nav a:active {
  background-color: #8c99a4;
}
nav #brand {
  color: #ffffff;
}
nav #pull {
  color: #ffffff;
}

.button-success {
  background: #1cb841;
  /* this is a green */
}
.button-error {
  background: #ca3c3c;
  /* this is a maroon */
}
.button-warning {
  background: #df7514;
  /* this is an orange */
}
.button-secondary {
  background: #42b8dd;
  /* this is a light blue */
}

::selection {
  color: #fff;
  background: #444;
}
::-moz-selection {
  color: #fff;
  background: #444;
}

html,
body {

  font-family: "Merriweather", Helvetica, sans-serif;
  color: #444444;
  background: #ffffff;
}
.error {
  font-family: Arial;
  background-color: #fff9f2;
  color: #d30000;
}

#container {
    background: #fff;
}

.csstable table {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    box-shadow: 10px 10px 5px #888888;
}

.pure-table tbody tr.facture:hover, .pure-table tbody tr.sel:hover {
    background-color: #CCC !important;
  }
.csstable tr:nth-child(odd) {
    background-color: #DFEFFF;
}
.csstable tr:nth-child(even) {
    background-color: #ffffff;
}
.csstable td, .csstable th {
    border: 1px solid #000000;
    color: #000000;
}
.csstable th {
    background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f));
    background: -moz-linear-gradient(center top, #005fbf 5%, #003f7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
    background: -o-linear-gradient(top, #005fbf, 3f 7f);
    background-color: #005fbf;
    border: 0px solid #000000;
    color: #ffffff;
}
.csstable tr:first-child:hover th {
    background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f));
    background: -moz-linear-gradient(center top, #005fbf 5%, #003f7f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");
    background: -o-linear-gradient(top, #005fbf, 3f 7f);
    background-color: #005fbf;
}
.document a:hover {
    color: #2b2b2b;
}
label {
    font-size: 14px;
}
.formlogin label {
   color: #555;
}
p a {
    color: #aaa;
 }
 p a:hover {
    color: #555;
}
#btn_logout {
    color: white;
    background: #e0465f;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a82239), color-stop(1, #e14760));
    background-image: -moz-linear-gradient(center bottom, #a82239 0%, #e14760 100%);
    border: 1px solid #767676;
    color: #fff;
    text-shadow: 0 -1px #314866;
}
#btn_logout:hover {
    background: #a9233a;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7d192a), color-stop(1, #af3c4f));
    background-image: -moz-linear-gradient(center bottom, #7d192a 0%, #af3c4f 100%);
    color: #ffffff;
}
input {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}
input[type=text],
input[type=password] {
    color: #777;
    border: 1px solid #c7d0d2;
}
.formlogin input[type=text], .formlogin input[type=password] {
   box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.4), 0 0 0 5px #f5f7f8;
}
.formlogin input[type=text]:hover, .formlogin input[type=password]:hover {
    border: 1px solid #b6bfc0;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.7), 0 0 0 5px #f5f7f8;
}
.formlogin input[type=text]:focus,
.formlogin input[type=password]:focus {
    border: 1px solid #a8c9e4;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.4), 0 0 0 5px #e6f2f9;
}
#lower {
    background: #ecf2f5;
    box-shadow: inset 0 1px 1px #fff;
    border-top: 1px solid #ccc;
}
.check {
    color: #444;
    text-shadow: 0 1px 0 #fff;
}
input[type=submit] {
    color: #fff;
    background-color: #acd6ef;
    /*IE fallback*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    border-radius: 30px;
    border: 1px solid #66add6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
input[type=submit]:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}
input[type=submit]:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
    background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
    background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}
  /* ADD-on DESIGN -------------------------------------------------------------*/
.factdetails{
    background-color: #fff !important;
}
  
/* Table head */
.csstables thead, table thead, .pure-table thead{
    background-color: #283744!important;
}
  
table td:hover.document {
    background-color: #badef9!important;
}
table td:hover.del {
    background-color: #df7514 !important;
    color: #fff !important;
}
.custom-brand {
}
.rlogo {
    background-image: url('logo.png');
}
.rlogo, .client {
    margin-top: 50px;
}
.csstables{
    text-align: center;
}
.shadow {
    -webkit-box-shadow: 0 10px 6px -6px #777777;
    -moz-box-shadow: 0 10px 6px -6px #777777;
    box-shadow: 0 10px 6px -6px #777777;
}
a {
    color: #0d67af;
    text-decoration: none;
}
a:hover {
    color: #2b2b2b;
}

footer {
    background: none repeat scroll 0 0 #ECECEC;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #ececec));
}
footer a {
    color: black;
}