html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/*------------------------------------

           meWork - Hacks

------------------------------------*/

a, th > a, td > a {color: #376a9b; !important}

td {vertical-align: middle !important;}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20276.7%20153%22%20enable-background%3D%22new%200%200%20276.7%20153%22%3E%3Cstyle%3E.arrow%7Bfill%3A%23909090%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M276.7%200H0l138.2%20153z%22%20%2F%3E%3C%2Fsvg%3E) !important;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 20%;
}

option { padding:5px; }

.success {background-color: #8ce986;}
.danger {background-color: #dd6977;}
/* .info {background-color: #29efdd;} */
.default {background-color: #376a9b;}
.primary {background-color: #e0e0e0;}
.secondary {background-color: #909090;}
.tertiary {background-color: #3db9d4;}

.navbar, .main-header, .logo, .main-sidebar, .header, .skin-blue .left-side, .skin-blue .main-sidebar, .skin-blue {
     background-color: #2c467a !important;
}

.skin-blue .wrapper {
    background-color: rgba(255,255,255,0) !important;
}

.header {
    color: #b8c7ce !important;
    font-size: 1.5em;
}

.skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #376a9b !important;
    border-left-color: #376a9b !important;
    border-bottom: 2px solid #8ce986 !important;
}
.content-wrapper {
    padding: 0 15px 15px 15px !important;
    background: linear-gradient(#5a73d0, #29efdd) !important; /* Standard syntax */
    height:100%;
    border-top-left-radius: 3px;
}
.content-box {
    background:#fff !important;
    border-radius: 3px;
    padding:15px;
    margin-bottom: 15px;
}

.date {
    color:#fff;
    line-height:1em;
}
.lg {
    font-size:2em;
}
.img-circle {
    -webkit-transition: height 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, width 0.3s ease-in-out;
    border: 2px solid #8ce986 !important;
}
.img-small > img {
    height:50px !important;
    width:50px !important;
    border-radius: 50%;
    border: solid 2px #DD4B39;
}
.is-online > img {
    border: solid 2px #00A65A;
}
.is-ill > img {
    border: solid 2px #ffce56;
}
.is-holiday > img {
    border: solid 2px #39CCCC;
}.at-home > img {
    border: solid 2px #00C0EF;
}
.img-small-no-status > img {
    height:50px !important;
    width:50px !important;
    border-radius: 50%;
    border: solid 2px #909090;
}

.company-logo {
    width: 200px;
    /* border: 4px solid #376a9b;
    border-radius:50%; */
}

.username {
    font-size:1.2em;
    color: #fff;
    line-height:1.8em;
    vertical-align: middle;
}

.form-control {
    background-color: #F4F4F4;
    color: #909090;
    border-radius: 3px !important;
}
.form-control:active, .form-control:focus {
    background-color: #FFF;
}

/*#w0-filters {
    !*
    position:absolute;
    top:50px;
    left:0;
    *!
    width:100%;
    background-color:#fff;
}*/

#filter-bar {
    display:none;
    width:100%;
    height: 60px;
    background-color:#fff !important;
    margin-left:230px;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
    transition-property: transform, margin;
    transition-duration: 0.3s, 0.3s;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
}
.btn {
    border-radius:2px !important;
}
.sidebar-toggle, a.sidebar-toggle:visited {
    float:left !important;
    color:white !important;
    position: absolute;
    top:0; left:0;
}
.logo, .logo-lg {
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s !important;
}

.glyphicons.mw-logout:before {
    content:url('../img/logout.png')
}

.login-page {
    height:100%;
    width:100%;
    background:url('../img/hintergrund.jpg') no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.login-box-body {
    color: #ffffff !important;
    background: none !important;
    border-radius: 15px !important;
}

.login-sublinks {
    text-align: center;
}

.login-sublinks a {
    color: #29EFDD;
}

.login-sublinks a:hover {
    color: #BBB;
}

.h160px {
    heigth:160px !important;
}
.user-image {
    width: 150px;
    border: 5px solid;
    border-radius:50%;
}

.overtime {
    font-weight: bold;
}
#start-stop {
    margin:3px 0;
    display: inline-block;
}

h1, h2, h3, h4 {
    color: black !important;
}
.calendar-today {
    background-color: rgba(90, 116, 208, 0.1) !important;
}

#copy-modal {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.select2-selection__rendered {
    padding-top:4px !important;
}

.select2-search__field {
    width:100% !important;
}

.faq-question {
    display:block;
    padding:3px;
}
.more {
    color:#999;
}
.faq-sub-search { margin-top: 1.3em;font-size:1.5em;}

.logo-lg img {
    height:32px;
    width:32px;
}

.sick-translucent {
    border: 2px solid #ffce56;
    width: 150px;
    margin-right: 10px;
}

.btn-circle {
    font-size: 18px;
    border-radius: 50px;
}

.small-text-header {
    font-weight:normal;
    font-size:0.7em !important;
    display: block;
}

/*

*/

.invisible {
    display:none;
}

.price-tag {
    font-weight: bold;
}

.price-title {
}
.active-gray {
    background-color: rgba(245,245,245,0.6);
}

.active-g {
    background-color: rgba(0,141,76,0.3);
    color: #fff;
}

.active-b {
    background-color: rgba(0,192,239,0.3);
    color: #fff;
}