@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Play:400,700');

.documentation .sidebar.is-dark {
    background-color: #333333;
}

.documentation .sidebar > ul > li > h2 {
    color: #fff;
}

.navbar-brand img {
    width: 60px;
    height: auto;
}

.navbar-brand {
    font-family: 'Play', sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    text-transform: none;
}

.img-link img {
    cursor: pointer;
}

.btn {
    text-transform: none;
}

a:hover {
    color: #e1081b;
    text-decoration: none;
}

.btn-primary {
color: #fff !important;
background-color: #3891a6 !important;
border-color: #3891a6 !important;
}

.btn-primary:hover {
color: #fff !important;
background-color: #2e7889 !important;
border-color: #2b7080 !important;
}

.btn-primary:focus,
.btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(86, 162, 179, 0.5) !important;
}

.btn-danger {
color: #fff;
background-color: #e1081b;
border-color: #e1081b;
}

.btn-danger:hover {
color: #fff;
background-color: #bc0717;
border-color: #b00615;
}

.btn-danger:focus,
.btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(230, 45, 61, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ddb049;
  border-color: #ddb049;
}

.btn-warning:hover {
  color: #212529;
  background-color: #d7a229;
  border-color: #cd9a26;
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 155, 68, 0.5);
}

.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}

.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-info {
color: #212529;
background-color: #6cb2eb;
border-color: #6cb2eb;
}

.btn-info:hover {
color: #fff;
background-color: #4aa0e6;
border-color: #3f9ae5;
}

.btn-info:focus,
.btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(97, 157, 206, 0.5);
}