:root {
    --primary: #00b2a9;
    --primary-hover: #007f79;
    --secondary: #ff585f;
    --secondary-hover: #ff252e;
    --blue: #48a9e7;
    --blue-hover: #48a9e7;
}

.btn {
    border-radius: 2px;
    margin-bottom: 5px;
    border: solid 2px var(--primary);
}

.btn-default {
    color: #51555E;
    background-color: #ffffff;
    border: 1px solid #B2BDBF;
}

.btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default:active {
    background-color: #dae4e6;
    border-color: #96a5a8;
}

.btn-success, .uf-button-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn.btn-fill {
    background-color: var(--primary);
    color: #fff;
}
.btn:hover {
    border: solid 2px var(--primary);
}

.btn-success:hover, .btn-success:focus, .btn-success.active, .btn-success:active {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.uf-button-primary:hover, .uf-button-primary:focus, .uf-button-primary.active, .uf-button-primary:active {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-danger {
    color: #ffffff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.active, .btn-danger:active {
    background-color: var(--secondary-hover);
    border-color: var(--secondary-hover);
}

.btn-info {
    color: #ffffff;
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info:active {
    background-color: var(--blue-hover);
    border-color: var(--blue-hover);
}

.function-btn{
    background-color: #FFF;
    border: solid 1px var(--primary) !important;
    color: var(--primary) !important;
    font-weight: bold;
}

.function-btn:hover, .function-btn:active, .function-btn:target, .function-btn:focus {
    background-color: var(--primary) !important;
    border: solid 1px var(--primary) !important;
    color: #FFF !important;
}

.function-btn i {
    color: var(--primary) !important;
}

.function-btn:hover i, .function-btn:active i, .function-btn:target i, .function-btn:focus i {
    color: #FFF !important;
}

.btn-outline-danger {
    color: var(--secondary);
    border-color: var(--secondary);
    background-color: #FFFFFF;
}

.form-wizard .nav-pills>li>a.complete .step{
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}

.form-wizard .nav-pills>li>a.active .step{
    background-color: var(--blue);
    border-color: var(--blue);
    color: #ffffff;
}


.text-success{
    color: var(--primary) !important;
}

.border-success{
    border: solid 3px var(--primary) !important;
}

.text-info{
    color: var(--blue) !important;
}

.form-control:focus{
    outline: 0 none;
    box-shadow: none;
    border-color: var(--primary);
}

.progress-info .progress-bar{
    background-color: var(--blue);
}

.function-btn-switch,.function-btn-switch:hover, .function-btn-switch:target, .function-btn-switch:focus{
    background-color: #FFFFFF;
    border: solid 1px var(--primary) !important;
    color: var(--primary);
    font-weight: bold;
}

.function-btn-switch, .function-btn-switch:hover, .function-btn-switch:target, .function-btn-switch:focus{
    background-color: #FFFFFF;
    border: solid 1px var(--primary) !important;
    color: var(--primary);
    font-weight: bold;
}

.academy-hero__wrapper::before {
    background-color: var(--primary);
}

.academy-hero__text h1 {
    color: var(--primary);
    font-size: 80px;
}

.article a {
    color: var(--primary);
}

.article a:hover {
    color: var(--primary-hover);
}

.course-item__content-count a {
    color: var(--primary);
    font-weight: 700;
    line-height: 1.6;
}


.course-content__item-list-row.completed {
    color: silver;
}
.course-content__item-list-row.completed .control {
    background-color: var(--primary);
}

.documents-list__item {
    margin-bottom: 20px;
    width: 100%;
    max-width: 160px;
    padding: 15px;
    background-color: var(--primary);
    border-radius: 5px;
    margin-right: 10px;
}

.academy-catalog__pagination a:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.academy-catalog__pagination a:hover svg path {
    stroke:var(--primary-hover);
}

.academy-catalog__pagination span {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    border-radius: 2px;
}

.academy-catalog__pagination span.current {
    color: var(--primary);
    border: 1px solid var(--primary);
}

.cover-details__contain-title a {
    font-weight: 400;
    color: var(--primary);
}

.courses-similar__title a {
    font-weight: 700;
    color: var(--primary);
}