html, body {
    height: 100%;
}
body {
    padding-top: 50px;
}
.navbar-fixed-top {
    border: 0;
}
.navbar-brand > sub {
    font-size: 50%;
}

a.navbar-brand {
    display: inline-block;
    min-width: 230px;
    white-space: nowrap;
    transition: all 1s linear;
}
a.navbar-brand span {
    float: left;
    display: inline-block;
}
a.navbar-brand .navbar-brand-label,
a.navbar-brand:hover .navbar-brand-label-inverse {
    color: transparent !important;
    width: 0;
    transition: all 0s linear;
    font-style: normal;
    font-weight: normal;
}
a.navbar-brand:hover .navbar-brand-label,
a.navbar-brand .navbar-brand-label-inverse {
    color: #9D9D9D !important;
    width: auto;
}
a.navbar-brand:hover .navbar-brand-label,
a.navbar-brand .navbar-brand-label-inverse,
a.navbar-brand:hover .navbar-brand-label-inverse
{
    transition: all .5s linear;
}

.sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    padding-left: inherit;
    padding-right: inherit;
    left: 0;
    z-index: 900;
    display: block;
    white-space:nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    transition: all 0.5s ease;
}
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -10px;
}
.nav-sidebar > li > a {
    cursor: pointer;
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > li > a:hover {
    text-shadow: 1px 1px 1px #999;
}
.nav-sidebar > li.active > a:hover {
    text-shadow: 1px 1px 1px #000;
}
/*glyphicon {
    color: #FF9900;
}
*/
.nav-sidebar > li > a:active,
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #FFFFFF;
    background-color: #428bca;
}
@media (max-width: 767px) {
    .sidebar {
        width: 27px;
        box-shadow: 3px 0px 5px #000000;
    }
    .sidebar:hover {
        width: 180px;
        white-space:nowrap;
    }
    .sidebar .nav-sidebar li a {
        padding-left: 14px;
    }
    .sidebar .nav-sidebar li a span:nth-child(2) {
        transition: all 0.5s ease;
        color: transparent;
    }
    .sidebar:hover .nav-sidebar li a span:nth-child(2) {
        color: inherit;
    }
    .main {
        padding-left: 70px;
    }
}
@media (min-width: 768px) {
    .sidebar {
        box-shadow: none;
        border-right: 1px solid #A5A5A5;
    }
    .sidebar .nav-sidebar li a span:nth-child(2) {
        color: inherit;
    }
}
@media (max-height: 285px) and (max-width: 767px) {
    .sidebar {
        width: 40px;
    }
}

.log-dialog .modal-dialog {
    width: 90vw;
}

.modal-body .progress {
  height: 2px;
}
.modal-content {
    overflow: hidden;
}
.modal-header.modal-default {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}
.modal-header.modal-info {
    color: #FFFFFF;
    background-color: #5BC0DE;
    border-color: #46B8DA;
}
.modal-header.modal-primary {
    color: #FFFFFF;
    background-color: #337AB7;
    border-color: #2E6DA4;
}
.modal-header.modal-success {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #4CAE4C;
}
.modal-header.modal-warning {
    color: #FFFFFF;
    background-color: #F0AD4E;
    border-color: #EEA236;
}
.modal-header.modal-danger {
    color: #FFFFFF;
    background-color: #D9534F;
    border-color: #D43F3A;
}

.pointer  { cursor: pointer;}
.disabled { color: #DEDEDE; }
.default  { color: #333333; }
.info     { color: #5BC0DE; }
.primary  { color: #337AB7; }
.success  { color: #5CB85C; }
.warning  { color: #F0AD4E; }
.danger   { color: #D9534F; }
.disabled-bg { background-color: #DEDEDE; }
.default-bg  { background-color: #333333; }
.info-bg     { background-color: #5BC0DE; }
.primary-bg  { background-color: #337AB7; }
.success-bg  { background-color: #5CB85C; }
.warning-bg  { background-color: #F0AD4E; }
.danger-bg   { background-color: #D9534F; }

.main {
    padding: 20px;
}
.main .headline, .main .sub-headline {
    font-size: 1.3em;
    font-weight: bold;
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #EEEEEE;
    text-shadow: 1px 1px 1px #000000;
    text-align: center;
}
.main .sub-headline {
    font-size: 1.1em;
    color: #337AB7;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 5px;
    text-shadow: 1px 1px 1px #BBBBBB;
    text-align: left;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}

div.list-action {
    white-space:nowrap;
}
.modal-body .dl-horizontal {
    margin-bottom: 0px;
}
#ng-view div.row {
    line-height: 1.8em;
}

.row.head {
    background-color: #DEDEDE;
    font-weight: bold;
    text-overflow: ellipsis;
}
.row.odd {
    background-color: #FEFEFE;
}
.row.even {
    background-color: #EFEFEF;
}
.row {
  vertical-align: middle;
}
.row .form-control {
    height: 1.6em;
    padding: 0.2em;
    margin: 0.1em;
}
.row .form-control.bootstrap-default {
    height: 34px;
    padding: 6px 12px;
    margin: 0px;
}
.row .btn.bootstrap-default {
    padding: 6px 12px;
}
.row span {
    margin: 0.1em;
}
.row .btn {
    padding: 0px 12px;
}
.row .dropdown-menu a {
    cursor: pointer;
}
.row .label-inverse .glyphicon {
    color: #999;
}
.v-spacer {
    display: inline;
    margin: 0.2em;
    margin-right: 0em;
    padding: 0px;
    padding-right:0.4em;
    line-height: 0.6em;
    font-size: 0.6em;
    border-left: 2px dotted #CCC;
}
.row.footer {
    border-top: 2px dotted #DEDEDE;
    margin-top: 0.3em;
}
.alert {
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom: 2px;
}



/**
 * http://stephanwagner.me/only-css-loading-spinner
 */
@keyframes spinner {
    to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}
body > div.http-status.spinner {
    min-width: 80px;
    min-height: 24px;
    z-index: 1031;
    position: absolute;
    text-align: left;
    text-overflow: visible;
    padding: 3px 5px 3px 27px;
    top: 10px;
    left: 30%;
    color:#FFFFFF;
    background-color: transparent;
    font-size: 0.8em;
}
body > div.http-status.spinner:before {
    position: absolute;
    z-index: 1031;
    color: #000000;
    top: 16px;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -13px;
    margin-left: -53%;
    overflow: visible;
}
body > div.http-status.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
    border: 2px solid rgba(255, 255, 255, .3);
    border-top-color: rgba(255, 255, 255, .6);
}
body > div.http-status.spinner {
    opacity: 0;
}
body.request > div.http-status.spinner {
    opacity: 1;
    color: rgba(91, 192, 222, .6); /*#5BC0DE*/
}
body.request > div.http-status.spinner:not(:required):before {
    border: 2px solid rgba(91, 192, 222, .3);
    border-top-color: rgba(91, 192, 222, .6);
}
body.response > div.http-status.spinner {
    opacity: 1;
    color: rgba(92, 184, 92, .6); /*#5CB85C*/
}
body.response > div.http-status.spinner:not(:required):before {
    border: 2px solid rgba(92, 184, 92, .3);
    border-top-color: rgba(92, 184, 92, .6);
}
body.request-error > div.http-status.spinner,
body.response-error > div.http-status.spinner {
    opacity: 1;
    color: rgba(217, 83, 79, .6); /*#D9534F*/
}
body.request-error > div.http-status.spinner:not(:required):before,
body.response-error > div.http-status.spinner:not(:required):before {
    border: 2px solid rgba(217, 83, 79, .3);
    border-top-color: rgba(217, 83, 79, .6);
}
body.success, body.error, body.request, body.response {
    color: inherit;
}



/* unused, but defined in the admin-template of bootstrap */
.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}