.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #6e6e6e;
    opacity: 1;
}

.container {
    box-shadow: 0 0 3px 3px #212020;
    margin-top: 20px;
    margin-bottom: 50px;
}

.nav-tabs {
    border-bottom: 1px solid #cccccc;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover  {
    color: #fff;
    cursor: default;
    background-color: #272727;
    border: none;
    border-bottom: 2px solid #b0d200;
}

.nav-tabs>li>a {
    color: #e0e0e0;
}

label {
    color: #fff;
}
.form-control {
    color: #fff;
    background-color: #303030;
    border: 1px solid #ccc;
    border-radius: 0;
}
.form-control:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #fff;
    border-left: 2px solid #b0d200;
}

.tab-content>.active {
    padding-top: 20px;
}


legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #ffffff;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.img-avatar-content  {
    position: relative;
}

.img-avatar-content  #avatarFileInput{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}


.img-avatar-content img  {
    width: calc(100% - 10px);
}




meter {
    --error: 24%;
    --warning: 56%;
    --ok: 100%;
    width: 100%;
}

.meterDanger::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #999 inset;
    background-image: linear-gradient( 90deg, #f44336 100%,#f44336 var(--error),#f44336 var(--warning),#f44336 var(--warning),#f44336 var(--ok));
    background-color: #f44336;
    background-size: 100% 100%;
}
.meterWarning::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #999 inset;
    background-image: linear-gradient( 90deg, #f4c749 var(--error),#f4c749 var(--error),#f4c749 var(--warning),#f4c749 var(--warning),#f4c749 var(--ok));

    background-size: 100% 100%;
}
.meterSuccess::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #999 inset;
    background-image: linear-gradient( 90deg, #69f479 var(--error),#69f479 var(--error),#69f479 var(--warning),#69f479 var(--warning),#69f479 var(--ok));
    background-size: 100% 100%;
}