@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400);

body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300 !important;
    background-color: #F4F5F0 !important;
    font-size: 14px !important;
    color: #333332 !important;
}

.navbar-fixed {
    background-color: #1f897f;
}

.navbar-fixed a {
    color: #ffffff;
}

.navbar-fixed {
    background-color: #1f897f;
}

.side-nav li {
    border-bottom: 1px solid #dedede;
}

.side-nav a {
    color: #000000;
}



h1 {
    font-size: 30px;
    font-weight: 200;
}

h2 {
    font-size: 22px;
    font-weight: 400;
}

h3 {
    font-size: 18px;
    font-weight: 400;
}

h2.inactive {
    font-size: 40px;
    font-weight: 100;
    color: #d3d4d0;
    text-align: center;
    text-shadow: 1px 1px 1px #fdfdfd;
    margin: 6rem 0;
}

code {
    padding: 5px 10px;
    line-height: 2em;
    border-radius: 3px;
    font-size: 11px;
    color: #333333;
    background-color: #f0f2f1;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
    word-spacing: 5px;
}

a:hover code {
    color: #ffffff;
    background-color: #1F897F;
    box-shadow: 0 1px 1px #0c5951;
}
@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 993px) {
    .container {
        width: 85%;
    }
}

main {
    padding-top: 20px;
}

/* NAVI */
/* Profilbild in Navigation */
nav li img {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: relative;
    top: 6px;
}

.netzkasse {
    color: #009688 !important;
}

/*** CARDS ***/
.card {
    border-radius: 2px !important;
    border: 1px solid #d8d8d8;
    border-bottom-width: 2px;
    box-shadow: 0 0 0 0 !important;
}

.card .card-content {
    padding: 20px 20px 10px 20px;


}

.card .card-title {
    font-size: 1rem !important;
    line-height: 1 !important;
    font-weight: 400;
}

.card .card-action {
    background-color: #f5f5f5;
}

.card .card-stats {
    padding: 5px 20px;
    text-align: right;
    color: #777777;
}

.card .card-action > a {
    font-weight: 400;
}

.card .card-action > a > i {
    padding-right: 0.5rem;
}

.card-action span {
    padding-left: 10px;
}

.card-action span > i{
    color: #d8d8d8;
}


.card .card-content p {
    padding-top: 10px;
}

.card > .collection {
    margin: 0;
}


/*** CHIPS ***/
.chip {
    height: 24px !important;
    line-height: 24px !important;
    font-size: 0.9rem;
    margin-right: 10px;
}

.chip img {
    height: 24px !important;
    width: 24px !important;
}

/*** BUTTONS ***/
.btn-icon {
    width: 36px !important;
    padding: 0 0.5rem !important;
    background-color: #eeeeee !important;
    border: 1px solid #cccccc !important;
    color: #999999 !important;
    box-shadow: 0 0 0 0 !important;
    margin-right: 2px;

}

.btn-icon i {
    font-size: 1.2rem !important;
}

.btn-icon:hover {
    background-color: #26a69a !important;
    border: 1px solid #00796b !important;
    color: #ffffff !important;
}

.btn-icon-distance {
    margin-right: 25px;
}

/*** HR ***/
hr {
    margin: 10px 0;
    height: 1px;
    border: 0;
}

/*** RIBBON ***/
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#26a69a 0%, #26a69a 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #26a69a;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #26a69a;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #26a69a;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #26a69a;
}

/*** COLLECTION ***/
.collection {
    border: 0 !important;
}

.collection a.collection-item:not(.active):hover {
    background-color: #efefef !important;
}

.collection a.collection-item {
    color: #000000;
}

.collection .avatar {
    min-height: 0 !important;
}

/*** TOAST ***/
.alert-danger {
    background-color: #ffcdd2;
    color: #b71c1c;
}

.alert-info {
    background-color: #cfd8dc;
    color: #263238;
}

.alert-success {
    background-color: #c8e6c9;
    color: #1b5e20;
}

/*** STATISIK PANELS ***/
.stat-card .card-action {
    padding: 3px;
    text-align: center;
}

/*** STATISIK PANELS ***/
.stat-card .card-action > a {
    margin: 0 !important;
    font-weight: 300;
    font-size: 0.8rem;
}

.stat-card .card-action > a > i {
    padding-left: 5px;
}

.stat-card .row {
    margin-bottom: 0;
    padding: 5px 10px;
}

.stat-value {
    font-size: 1.5rem;
}

.stat-icon {
    font-size: 1.5rem;
    opacity: 0.3;
}

.hover-item {
    transition: background-color .5s;
}

.hover-item:hover {
    background-color: #efefef;
    transition: background-color .5s;
}

/** footer **/
footer.page-footer {
    margin-top: 20%;
}

/** TABS **/
.tabs {
    width: 100% !important;
    margin: 0.5rem 0 1rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.tab {
    line-height: 42px;
    max-height: 42px !important;
}

.tabs .indicator {
    background-color: #009688 !important;
}

.tabs .tab a {
    color: #009688;
}

.tabs .tab a:hover {
    color: #80cbc4;
}

/** Multiple Select**/

ul.multiple-select-dropdown > li.disabled {
    display: none;
}

.dropdown-content li>span {
    color: #000000;
}



.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.card h2 {
    font-size: 22px;
    font-weight: 300;
    padding: 0 0.75rem;
    margin: 0 0 1.424rem 0;
}

.card-list {
    margin: 0.5rem 0 !important;

}

.card-list .card-content{
    padding: 10px !important;
}

.card-list .card-content .card-amount{
    font-size: 1.2rem;
    padding-top: 2px;
    font-weight: 300;

}

.card-list .card-action{
    padding: 2px 21px !important;
    font-size: 13px;
    color: #555555;
    word-spacing: 3px;
}

.card-list .card-action > .spacer {
    padding: 0 15px;
}

.card-avatar {
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    border-bottom-width: 2px;
    max-width: 100%;
}

.card-list .row {
    margin: 0;
}

.card-list a {
    color: #1F897F;
    padding-top: 10px;
}

.card-list a > i {
    padding-top: 5px;
}
span.tag {
    padding: 3px 5px 1px 5px;
    margin: 0 5px;
    border-radius: 3px;
    font-size: 11px;
    color: #333333;
    font-weight: 100;
    background-color: #f0f2f1;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

[type="checkbox"]+label {
    font-size: 15px;
    color: #333333;
    font-weight: 300;
}

.modal {
    width: 40%;
}

@media only screen and (max-width: 600px) {
    .modal {
        width: 80%;
    }
}
.modal > p {
    color: rgb(51, 51, 50);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

input.valid {
    border-bottom: 1px solid #1f897f !important;
    box-shadow: 0 1px 0 0 #1f897f !important;
}

.test {
    padding: 10px;
}

hr.light {
    background-color: #dedede;
}

.footer-copyright img {
    top: 8px;
    height: 20px;
    position: relative;
    margin: 3px;
}