@import "assets/css/icons/icomoon/styles.css";
@import "assets/css/bootstrap.css";
@import "assets/css/core.css";
@import "assets/css/components.css";
@import "assets/css/colors.css";

.statistic {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 10px 0 10px;
}

.navbar-brand > img {
    height: 30px;
}

.navbar-brand {
    padding: 8px 20px;
}

.text-size-xlarge {
    font-size: 19px;
}

.main-btns {
    height: 100px;
}

.main-btns > div {
    height: 100%;
}

.main-btns div button {
    height: 100%;
    width: 100%;
    font-size: 1.3vw;
}

.main-btns div button i {
    font-size: 1.3vw;
}

.control-label {
    font-size: 14px;
}

.panel-heading {
    padding: 15px 20px 15px 20px;
}

.bg-yellow {
    background-color: #FFEB3B;
    border-color: #FFEB3B;
    color: #000000;
}

.btn[class*=bg-yellow]:hover, .btn[class*=bg-yellow]:focus, .btn[class*=bg-yellow].focus {
    color: #000000;
}

.btn-xxlg{
    padding: 12px 20px;
    font-weight: 700;
    font-size: 20px;
}

.btn-fill{
    width: 100%
}

.btn-fill label {
    width: 49%;
}

.btn-nav {
    margin: 8px 0 8px 0;
    padding: 6px 11px;
}

.hoverable:hover {
    text-decoration: underline;
    cursor: pointer;
}

.avatar img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

.panel-heading {
    padding: 12px 20px 12px 20px;
}

.nav-tabs {
    margin-bottom: -1px;
}

.bordered-btn:hover {
    border-color: #444;
}

.theme_tail{
    height: 200px;
    width: 200px;
}

.theme_tail .pace_activity {
    border-left-color: #444;
    border-width: 5px;
    height: 200px;
    width: 200px;
}

.floating-label-container{
    padding-top: 5px;
}

.floating-label-container > text {
    position: absolute;
    left: 10px;
    top: 15px ;
    font-size: 13px;
    color: #6e6e6e;
    -webkit-transition: top 0.5s, font-size 0.5s, color 0.5s;
    -moz-transition: top 0.5s, font-size 0.5s, color 0.5s;
    -ms-transition: top 0.5s, font-size 0.5s, color 0.5s;
    -o-transition: top 0.5s, font-size 0.5s, color 0.5s;
    transition: top 0.5s, font-size 0.5s, color 0.5s;
}
.floating-label-container > text.active {
    position: absolute;
    left: 10px;
    top: 2px ;
    font-size: 10px;
    color: #000;
    -webkit-transition: top 0.5s, font-size 0.5s, color 0.5s;
    -moz-transition: top 0.5s, font-size 0.5s, color 0.5s;
    -ms-transition: top 0.5s, font-size 0.5s, color 0.5s;
    -o-transition: top 0.5s, font-size 0.5s, color 0.5s;
    transition: top 0.5s, font-size 0.5s, color 0.5s;
}