body {
    padding-bottom: 50px;
}
header {
    padding-top: 10px;
    padding-bottom: 10px;
}
footer .navbar {
    text-align: right;
    padding: 10px;
    color: #BBB;
    background: #222;
    border-top: 1px solid #111;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
h5 {
    font-weight: bold;
}
legend {
    margin-bottom: .4em;
    line-height: 40px;
    color: #f90;
}
input[type=number] {
    text-align: right;
}
.btn {
    border-radius: 3px;
}
.stacked:after, .stacked:before {
    bottom: -3px;
    height: 2px;
}
.stacked:before {
    bottom: -5px;
}
.hide-alt {
    display: none;
}
.errorContainer ul {
    margin: 5px;
    padding: 0px;
}
.errorContainer li {
    list-style: none;
}

#manage-btn {
    margin-right: 3px;
}

.margin-top{
   margin-top:  2px;
}
fieldset {
    margin-bottom: 10px;
}
input::-webkit-input-placeholder {
    color: #999 !important;
}
input::-moz-placeholder
    color: #999 !important;
}
input:-moz-placeholder {   /* Older versions of Firefox */
    color: #999 !important;
}
input:-ms-input-placeholder {
    color: #999 !important;
}
form p.text-info {
    font-size: 12px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
    position: absolute;
    margin-top: 10px;
    margin-left: 5px;
}

h5.oblique {
    font-style: oblique;
}
.form-actions {
    padding-top: 1.25em;
    margin-bottom: 1.25em;
}
.dropdown-header {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #eee;
}
.navbar-navigation {
    background-color: #0063a8 !important;
    background-image: -moz-linear-gradient(top, #0063a8, #033457) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0063a8), to(#033457)) !important;
    /* background-image: -webkit-linear-gradient(top, #0063a8, #033457); */
    background-image: -o-linear-gradient(top, #0063a8, #033457) !important;
    /* background-image: linear-gradient(to bottom, #0063a8, #033457); */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0063a8', endColorstr='#ff033457', GradientType=0) !important;
    border-bottom: 1px solid #000 !important;
}
.navbar-collapse {
    padding-left: 0px;
}
.navbar .navbar-nav {
    border-right: 1px solid #033457;
}
.navbar .navbar-nav li {
    min-width: 90px;
    border-left: 1px solid #033457;
    border-right: 1px solid #0063a8;
}
.navbar .navbar-nav > .active > a {
    background: #0063a8;
    color: #fcf8e3;
}
.navbar .navbar-nav > li > a {
    height: 105px;
    max-width: 105px;
    color: #fcf8e3;
    padding: 0px;
    padding-bottom: 0px;
    padding-top: 15px;
    font-size: 12px;
    font-weight: bold;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    background: #0063a8 !important;
}
.fa-2x {
    font-size: 30px;
    width: 100%;
}
.fa-4x {
    width: 100%;
}
.alert h4 {
    font-weight: bold;
}
.error-signup {
    z-index: 9999;
    display: none;
}
.dropdown .caret {
    margin: 0px;
    margin-top: -15px;
}
.dropdown-menu > li {
    border-left: none !important;
    border-right: none !important;
}
.navbar-user > li > a {
    padding: 0px;
    padding-right: 10px;
}
.navbar-user.navbar-right:last-child {
    margin-right: 20px;
}
.user-postbit {
    padding-top: 10px;
}
.user-postbit h4 {
    font-size: 15px;
    font-weight: 600;
    max-width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.row-eq-height-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
}
@media (min-width:768px) {
    .row-eq-height-sm {
        flex-direction: row;
    }
}
.user-postbit img {
    vertical-align: baseline;
}
.user-menu {
    font-weight: bold;
}

.breadcrumb {
    margin-top: 1em;
    margin-bottom: 0.1em;
    border: 1px solid rgba(0, 99, 168, 0.5);
    border-radius: 0px;
}
.main {
    padding-top: 1em;
}
.panel-heading {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    line-height: 18px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background-color: white;
    height: 85%;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.panel-footer {
    background-color: #fdfdfd;
}
.panel-heading span.fa {
    padding-right: 10px;
}
.alert-info.stacked:after,
.alert-info.stacked:before,
.panel-info.stacked:after,
.panel-info.stacked:before {
    border-color: #bce8f1;
}
.alert-warning.stacked:after,
.alert-warning.stacked:before,
.panel-warning.stacked:after,
.panel-warning.stacked:before {
    border-color: #faebcc;
}
.panel-success.stacked:after,
.panel-success.stacked:before {
    border-color: #d6e9c6;
}
.alert-danger.stacked:after,
.alert-danger.stacked:before,
.panel-danger.stacked:after,
.panel-danger.stacked:before {
    border-color: #ebccd1;
}
.panel-warning .shortcuts a,
.shortcuts .shortcut-label.text-warning {
    color: #8a6d3b;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}
.panel-success .shortcuts a,
.shortcuts .shortcut-label.text-success {
    color: #3c763d;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}
.panel-danger .shortcuts a,
.shortcuts .shortcut-label.text-danger {
    color: #a94442;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
.panel-warning .shortcuts a .shortcut-label {
    color: #8a6d3b;
}
.panel-success .shortcuts a .shortcut-label {
    color: #3c763d;
}
.panel-danger .shortcuts a .shortcut-label {
    color: #a94442;
}
.panel-warning .shortcut.active {
    border: 1px solid #eea236;
}
.panel-success .shortcut.active,
.game-o {
    border: 1px solid #4cae4c !important;
}
.panel-danger .shortcut.active,
.game-x {
    border: 1px solid #d43f3a !important;
}
.shortcuts .btn .fa {
    margin-top: 15px;
}
.shortcuts .btn .no-margin {
    margin-top: 0px;
}
.shortcuts .shortcut {
    width: auto;
    min-width: 98px;
    max-width: 98px;
}
.fa-skype {
    color: #12A5F4;
}
.shortcuts .btn {
    margin-bottom: 10px;
}
.table thead tr {
    background-image: none;
    background-color: #F4F4F4;
}
.table-bordered thead tr th {
    border-bottom-width: 1px;
}
.table-manual input[type=date] {
    width: 165px
}
.table-manual input[type=checkbox] {
    margin-left: 40%;
}
.note-editor .note-editable {
    min-height: 150px;
}
.shortcut-alt {
    text-decoration: none !important;
}
.faq-list h4 {
    font-weight: bold;
}
.faq-list .text-info {
    font-size: 18px;
}
.faq-list .form-group {
    margin-bottom: 0px;
}
.btn-game {
    height: 88px;
}
.makeordo-sentence {
    padding: 20px;
    padding-top: 40px;
}
.makeordo-sentence h4 {
    font-weight: bold;
}
.form-horizontal .form-group {
    margin-left: 0px;
}
.file-input-wrapper span {
    line-height: 1.8em;
}
.text-lead {
    font-size: 14px;
}
.panel>.table-bordered {
    border-top: 1px solid #ddd !important;
}
ul.pagination li.active a {
    box-shadow: none !important;
}
ul.pagination li a {
    padding: 6px 12px;
    margin: 0px;
    border-radius: 0px;
    font-size: 14px;
}
.group-span-filestyle .btn {
    line-height: 1.8;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #CCC;
}
.dropdown-menu-list {
    padding: 0px;
    font-size: 12px;
}
.dropdown-menu-list .list-group {
    margin-bottom: 0px;
}
.dropdown-menu-list .list-group .list-group-item {
    padding: 5px 10px;
    white-space: nowrap;
}
.list-group-item-heading {
    margin-bottom: 10px;
    margin-top: 5px;
}
.panel-title a {
    text-decoration: none;
}
.btn {
    background-image: none !important;
}
.table-laboratory h4,
.table-laboratory .form-group {
    padding-top: 10px;
    margin-bottom: 10px;
}
.table-miscelaneus hr,
.table-questions hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top-color: #CCC;
}
.table-media .label {
    font-size: 100% !important;
}
.table-media p {
    margin-top: 5px;
}
.table-miscelaneus hr:last-child,
.table-questions hr:last-child {
    border-top: none !important;
}
.input-group-addon {
    width: 39px;
    height: 39px;
}
.form-group {
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}
.form-control,
.selectpicker {
    min-height: 39px;
}
ul.fa-ul {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.dataTables_filter {
    text-align: left;
    padding: 15px;
}
.dataTables_paginate {
    padding-top: 10px;
}
.dataTables_empty {
    text-align: center;
    color: #A94442;
}
.dataTables_info {
    text-align: center;
    white-space: normal !important;
}
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}
.has-error .btn-group label,
.has-error .btn-group-vertical label,
.has-error .note-editor,
.has-error .bootstrap-select button {
    border: 1px solid #a94442;
}
.select2-container .select2-choice .select2-arrow {
    border-left-color: #CCC;
    background: none;
}
.select2-container .select2-choice {
    background-image: none;
    line-height: 37px;
    height: 37px;
}
.select2-container .select2-choice .select2-arrow {
    border-left-color: #CCC;
    background: none;
}
.select2-container .select2-choice .select2-arrow b {
    background-position: 0 6px;
}
.shortcut .shortcut-label {
    top: 5px;
    position: relative;
}
.thumbnail {
    margin-bottom: 0px;
    border: none;
}
.thumbnail img {
    opacity: 0.65;
}
.carousel-caption {
    padding-bottom: 0px;
    right: 0px;
    left: 0px;
    position: relative;
}
img + .carousel-caption {
    position: absolute;
    right: 20px;
}

@media (max-width: 700px) {
    .navbar {
       margin: 0px;
    }
    .navbar-header {
       padding-bottom: 7.5px;
    }
    .navbar-user {
        margin: 7.5px 15px;
    }
    .navbar-user img.img-thumbnail {
        float: left;
        margin-right: 10px;
    }
    .navbar .navbar-nav {
       border-right: none !important;
    }
    .navbar .navbar-nav li {
       border-left: none !important;
       border-right: none !important;
    }
}

.gauge-container {
    padding-bottom: 25px;
}

.timer-container {
    padding-bottom: 34px;
}
.table-search {
    position: absolute;
    margin-left: 5px;
}

.in-table {
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 34px;
    margin-top: 15px;
}

.panel-spaced {
    padding-left: 15px;
}

.panel-head {
    margin-left: -15px;
}

#recorder{
    margin-left: 15px;
}