body {
    background: @white-dirty;
}

.header {
    background: @blue-light;
    .brand a {
        display: inline-block;
      width: 100%;
      height: 56px;
        padding-left: 140px;
        
        span {
            font-size: 35px;
            font-weight: 300;
            color: @blue-dark;
            line-height: 1.8
        }
        &:hover {
            text-decoration: none
        }
    }
    .nav-side.nav {
        &.open>a, &.open>a:hover, &.open>a:focus {
            background: @blue-light;
        }
        .dropdown-toggle {
            color: @blue-dark;
            background: @blue-light;
            &:hover {
                color: @blue;
                background: @blue-light;
            }
            .glyphicon {
                font-size: 30px;
                line-height: 1.3;
            }
        }
    }
}
.navbar {
    color: #fff;
    background: @blue;
    border: none;
    border-radius: 0;
    min-height: 40px;
    @media (max-width: @screen-sm){
        background-color: @blue-dark;
    }
    a {
        color: #fff;
    }
    .nav-tabs {
        li {
            a {
                border: none;
                border-radius: 0;
                &:hover {
                    border: none;
                }
            }
            &.active a, &.active a:hover, & a:hover, & a:focus {
                border: none;
                color: #fff;
                background: @blue-dark;
            }
        }

    }
}
.footer {
    background: @blue-pale;
    .navbar-text {
        color: #fff!important;
    }
}
.hand {
    cursor: pointer;
}

.message {
    position: fixed;
    top: 68%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    z-index: 9999;

}

.message-inner {
  box-shadow: 0px 0px 8px @box-shadow-light-grey;
  -webkit-box-shadow: 0px 0px 8px @box-shadow-light-grey;
  -moz-box-shadow: 0px 0px 8px @box-shadow-light-grey;
 /* opacity: 0.7;*/
}

.content {
    margin: 60px 0;
}

.tab-pane {
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom: 20px;
}

.ng-invalid.ng-dirty {
    border-color: rgb(221, 0, 0);
}

.panel-sm {
margin-bottom: 5px;
}

.panel-sm .panel-body {
padding: 3px 0;
}

.panel-sm .table {
margin-bottom: 5px;
}

.payment {
    .mask-panel("\20ac");
}

.history {
    .mask-panel("\e003");
}
