/* verde claro         #80C41C */
/* verde oscuro        #65a22a */
/* azul claro          #039be5 */
/* azul oscuro         #1e88e5 */
/* azul info claro     #5ad0ff */
/* azul info oscuro    #36a9e1 */
/* amarillo claro      #ffaf22 */
/* amarillo oscuro     #f39200 */
/* rojo claro          #e64e6c */
/* rojo oscuro         #e24362 */


html, body {
    min-height: 100%;
    height: inherit;
}
body {
    /*background-image: url('../img/menu_back.png');*/
    background-color: #eee;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 15% auto;
    /*background-attachment: fixed;*/
    font-size: 12px;
}

/*!* menu *!*/
#my-nav-menu .nav>li {
    /*background: white;*/
}
#my-nav-menu .nav>li>a {
    color: #777;
    font-size: 13px;
    padding: 14px 13px 6px 14px;
    font-weight: normal;
}
#my-nav-menu .nav>li.active {
    border-left: 4px solid #80C41C;
    background-color: white;
}
#my-nav-menu.navbar-default .nav>li>a:hover,
#my-nav-menu.navbar-default .nav>li>a:focus {
    background-color: #eee;
    /*color: white;*/
}

#my-nav-menu {
    /*position: fixed;*/
}

#my-nav-menu .nav-header {
    padding: 30px 0;
    padding-bottom: 75px;
    background: white;
    text-align: center;
    border-bottom: 1px solid #e7eaec;
}

#my-nav-menu .nav-header figure {
    /*margin: 1em 0;*/
}
#my-nav-menu .nav-header figure img{
    margin-left: -10px;
}

#my-nav-menu .nav-header .user-name {
    color: #80C41C;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
}

#my-nav-menu .nav-header .user-name i{
    margin-right: 5px;
}

.mini-navbar .nav-second-level {
    min-width: 250px !important;
}
.mini-navbar .nav-second-level li a span {
    display: inline-block !important;
    font-size: 11px !important;
}

#my-nav-menu .nav-second-level li a {
    padding: 7px 10px 7px 10px;
    padding-left: 30px;
}

#my-nav-menu .nav-header .text-muted {
    color: #65a22a;
}

@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 2001;
        position: absolute;
        width: 250px;
    }
}

@media (min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        min-height: 1200px;
    }
}


/* helpers */
.btn-primary {
    background: #80C41C;
    border-color: #80C41C;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
    background-color: #65a22a;
    border-color: #65a22a;
    color: #fff;
}

.label-primary,
.badge-primary {
    background-color: #80C41C;
    color: #fff;
}

.panel-primary>.panel-heading {
    background-color: #80C41C;
    border-color: #80C41C;
}

.panel-primary {
    border-color: #80C41C;
}

.gray-bg {
    background-color: #f6f6f6;
}

.btn-success {
    background-color: #039be5;
    border-color: #039be5;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.active:focus {
    background-color: #1e88e5;
    border-color: #1e88e5;
    color: #fff;
}

.label-success, .badge-success {
    background-color: #039be5;
    color: #fff;
}

.btn-info {
    background-color: #5ad0ff;
    border-color: #5ad0ff;
    color: #fff;
}


.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info.active:focus {
    background-color: #36a9e1;
    border-color: #36a9e1;
    color: #fff;
}

.label-info, .badge-info {
    background-color: #5ad0ff;
    color: #fff;
}


.btn-warning {
    background-color: #ffaf22;
    border-color: #ffaf22;
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.active:focus {
    background-color: #f39200;
    border-color: #f39200;
    color: #fff;
}

.label-warning, .badge-warning {
    background-color: #ffaf22;
    color: #fff;
}

.btn-danger {
    background-color: #e64e6c;
    border-color: #e64e6c;
    color: #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger.active:focus {
    background-color: #e24362;
    border-color: #e24362;
    color: #fff;
}

.label-danger, .badge-danger {
    background-color: #e64e6c;
    color: #fff;
}

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

.progress-bar {
    background-color: #039be5;
}

/****************helpers*******************/
.mar-t-20{
    margin-top: 20px;
}