/*!
 *  version 2025.1.13-0001
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');
body {
    background-color: transparent;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    line-height: 1.5em;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', sans-serif ;
    color: #555;
    font-weight: 700;
}
.tooltip {
    font-family: 'Roboto', sans-serif ;
}
.popover {
    font-family: 'Roboto', sans-serif ;
}
p {
    line-height: inherit; /* 1.4em*/
}
.popover {
    font-size: 15px;
    padding: 3px !important;
}

h1 {
    font-weight: 700;
    margin-bottom: 10px !important;
}

th {
    font-weight: 400!important;
}
.dropdown-menu>li>a {
    color: #353b3c;
}

.alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #356635;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #2d6987;
}
.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.alert-warning hr {
    border-top-color: #f8e5be;
}
.alert-warning .alert-link {
    color: #a47e3c;
}
.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert-danger hr {
    border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
    color: #953b39;
}
.alert-primary {
    background-color: #5D0054;
    border-color: #5D0054;
    color: #fff;
}
.alert-primary hr {
border-top-color: #a6e1ec;
}
.alert-primary strong {
color: #F3B629;
}
.alert-primary a {
    color: #F3B629;
    text-decoration: underline;
}
.alert-primary a:hover {
    text-decoration: none !important;
}



.tooltip-inner {
    color: #000;
    font-size: 13px;
    padding: 4px 10px;
    background: #eee;
    border: solid 1px #ddd;
    white-space: nowrap;
}

.mobile-block {
    display: none;
}

table#domUpr .flat-blockquote {
    padding: 30px;
}

.form-group-calendar {
    position: relative;
}
.form-group-calendar input {
    padding-left: 40px;
}
.form-group-calendar select {
    padding-left: 40px;
}
.form-group-calendar::before {
    font-family: "Font Awesome 5 Free";
    content: "\f073";
    position: absolute;
    font-weight: 400;
    left: 14px;
    top: 8px;
    font-size: 1.3em;
    color: #00a7d0;
}
.form-group-timer {
    position: relative;
}
.form-group-timer input {
    padding-left: 40px;
}
.form-group-timer::before {
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    position: absolute;
    color: #00a7d0;
    left: 14px;
    top: 8px;
    font-size: 1.3em;
}

.form-group-city-birth {
    position: relative;
}
.form-group-city-birth input {
    padding-left: 40px;
}
.form-group-city-birth::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    position: absolute;
    color: #97310e;
    left: 14px;
    top: 8px;
    font-size: 1.3em;
}

.form-group-city-move {
    position: relative;
}
.form-group-city-move input {
    padding-left: 40px;
}
.form-group-city-move::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    position: absolute;
    color: #f6794e;
    left: 14px;
    top: 8px;
    font-size: 1.3em;
}

.form-control-feedback {
    display: none;
}
.has-error .form-control-feedback {
    display: none !important;
}


/* clear button on the input-fields */
.zbz-input-clearable {
    /* ставим инпуту фоновую картинку, но отображаем ее за пределами инпута - 150% в background-position */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQzOEVEQkZFMjRDMTFFM0JDMDVDMjFEMDk4MTc0QTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQzOEVEQzBFMjRDMTFFM0JDMDVDMjFEMDk4MTc0QTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDM4RURCREUyNEMxMUUzQkMwNUMyMUQwOTgxNzRBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDM4RURCRUUyNEMxMUUzQkMwNUMyMUQwOTgxNzRBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqwf5ocAAACpSURBVHjaYvT09GRjYGAQAuIXDISBBBC/3rZt219cCpighq0GYjkChslB1YniU8QEdVk0EC/FY6gcVD6akE+YoPQjPIYiG/aIUJgwIbGxGUqSYegGohtqQ6phIMCCRQykuRKIDwOxLSmGYXMhzJvtUMPaiYh9vAYih9kRImIfr4HYIuARqYYyERGbJBnKBM1OhGIT2VAJQrH8DohDicjLj6DqXuNTBBBgAL/OL+VnHD9pAAAAAElFTkSuQmCC');
    background-position: 150% 50%;
    background-repeat: no-repeat;
    transition: background 0.4s;
    /* добавляем справа небольшой padding, чтоб текст не залазил поверх крестика */
    padding-right: 27px
}
.zbz-input-clearable__x {
    /* когда нужно отобразить крестик, перемещаем в правый конец инпута */
    background-position: 100% 50%;
}
.zbz-input-clearable__x-over {
    /* и подготовим стиль для ховера по крестику */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQzOEVEQkZFMjRDMTFFM0JDMDVDMjFEMDk4MTc0QTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQzOEVEQzBFMjRDMTFFM0JDMDVDMjFEMDk4MTc0QTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDM4RURCREUyNEMxMUUzQkMwNUMyMUQwOTgxNzRBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDM4RURCRUUyNEMxMUUzQkMwNUMyMUQwOTgxNzRBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqwf5ocAAACpSURBVHjaYvT09GRjYGAQAuIXDISBBBC/3rZt219cCpighq0GYjkChslB1YniU8QEdVk0EC/FY6gcVD6akE+YoPQjPIYiG/aIUJgwIbGxGUqSYegGohtqQ6phIMCCRQykuRKIDwOxLSmGYXMhzJvtUMPaiYh9vAYih9kRImIfr4HYIuARqYYyERGbJBnKBM1OhGIT2VAJQrH8DohDicjLj6DqXuNTBBBgAL/OL+VnHD9pAAAAAElFTkSuQmCC');
    cursor: pointer;
}
.zbz-input-clearable::-ms-clear {
    /* убираем родной крестик очистки в IE */
    display: none;
}



.nav-pills > li.active > a {
    background-color: #ddd !important;
    color: #333 !important;
}

.fixed-table-container {
    border: 0 !important;
}
.table#move-fast-list-table tr:not(:last-child) td,
.table#move-fast-list-table th
{
    vertical-align: middle;
}
#move-fast-list-table .toggle-in-click {
    overflow: auto;
}

.check-city--toggle {
    cursor: pointer;
}

.move-fast-btn {
    text-transform: capitalize !important;
}
.move-fast-btn.active,
.move-fast-btn.active:hover
{
    /*color: #fff;*/
    /*padding: 8px 15px;*/
    /*margin-bottom: 0px !important;*/
    /*margin-top: 0px !important;*/
    background-color: #2c8d3a !important;
    /*font-family: 'Proxima Nova Bold', sans-serif;*/
}

/*.alert-warning {*/
/*    background-color: #ffc847;*/
/*    border-color: #ffb914;*/
/*}*/

a, img { outline: none !important; }
input, textarea {outline: none !important;}
.content {
    min-height: calc(100vh - 180px);
}




.btn-group, .btn-group-vertical {
    padding: 7px 10px;
    /*background: #fff;*/
}

.scroll_top_box {
    bottom: 100px;
    right: 2%;
    position: fixed;
}

h4 {
    font-size: 22px !important;
}
h5 {
    font-size: 20px !important;
    font-weight: 700;
}
h6 {
    font-size: 1.1em !important;
    font-weight: 700;
}
.btn {
    text-transform: uppercase;
    text-decoration: none !important;
}
/*.btn-default {*/
/*    background-color: #5eafb4 !important;*/
/*}*/

.btn-default {
    background-color: #fff!important;
    color: #95a5a6!important;
}

.btn-1-width {
    border-width: 1px!important;
}


nav {
    border-bottom: 0 !important;
}
ul.nav a {
    text-decoration: none;
}

.navbar-nav li a {
    font-size: 14px !important;
}



blockquote {
    font-size: 16px;
    line-height: 1.54em;
}

.flat-blockquote {
    width: 100%;
    margin: 0 0 15px;
    box-sizing: border-box;
    padding: 30px 60px 30px 50px;
    background: #FFEF9F;
    box-shadow: 2px 2px 15px #ccc;
    color: #171717;
    line-height: 1.5em !important;
    white-space: normal !important;
    word-wrap: break-word;
    position: relative;
    text-align: justify;
}

.close {
    opacity: 1;
}

.nav-tabs > li:not(.active) > a {
    color: #999;
}


.page-header {
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    border-bottom: none !important;
}


#articles .box-article-list {
    background: #f6f6f6;
}

#articles .article-header h1 {
    color: #000;
    line-height: 26px;
    font-weight: 700;
    max-width: 720px;
    margin-bottom: 20px;
    padding-right: 25px;
}
#articles.articles-list .article-header h1 {
    font-size: 1.5em;
}
#articles.articles-post .article-header h1 {
    font-size: 1.7em;
}
.article-header h1 a, .article-content h1 a:visited {
    color: #000;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/
    text-decoration: none;
}
/*.article-header h1 a:hover, .article-header h1 a.hover {*/
/*color: #b03000;*/
/*text-decoration: none;*/
/*border-bottom: 1px solid rgba(176, 48, 0, 0.15);*/
/*}*/
.article-content{
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 15px 0;
}
#articles a {
    text-decoration: underline;
}

.navbar-brand {
    padding: 2px 10px 0 !important;
}



.thumbnail.thumb_choise {
    padding: 6px !important;
    margin-bottom: 10px !important;
    border: 1px solid #eee !important;
    border-radius: 0 !important;
}

.tooltip-inner {
    max-width: 300px;
}

.input-group-addon {
    border-radius: 0 !important;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #eee;
    border-width: 5px 5px 0;
}


.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #ddd;
    border-width: 5px 0 5px 5px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #ddd;
    border-width: 5px 5px 5px 0;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #ddd;
    border-width: 0 5px 5px;
}

.label-info {
    background-color: #5bc0de !important;
}
.label-grey {
    background-color: #b8b8b8 !important;
}


.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover
{
    border-bottom: 1px solid #fff !important;
}


.tabs-nav {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 2px solid #DA4422;
}

.tabs-nav li {
    float: left;
    margin: 0 -15px 0 0;
}

.tabs-nav a {
    float: left;
    position: relative;
    padding: 0 20px;
    height: 0;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #043C54;
    border-bottom-color: #777\9;
    opacity: .8;
    filter: alpha(opacity=80);
}

.tabs-nav li.disabled a {
    opacity: .2;
    filter: alpha(opacity=20);
}

.tabs-nav li.disabled a:hover,
.tabs-nav li.disabled a:focus {
    border-bottom-color: #3D3D3D;
}

.tabs-nav li.active a {
    border-bottom-color: #DA4422;
    opacity: 1;
    z-index:999;
    filter: alpha(opacity=100);
}


.tabs-nav a:hover,
.tabs-nav a:focus {
    border-bottom-color: #DA4422;
    opacity: 1;
    filter: alpha(opacity=100);
}



.tabs-nav a:focus {
    outline: 0;
}

.nav-pills > li > a {
    padding: 5px 15px !important;
    /*border-radius: 0px;*/
}

#perfect--menu.nav-pills > li > a {
    border: 1px solid #f1f1f1;
    padding: 10px 30px !important;
}
label.error {
    font-size: 13px;
    color: #dd4814;
}

/*#left_menu.fixed {*/
/*position:fixed;*/
/*top:70px;*/
/*z-index: 9999 !important;*/
/*}*/

/*#left_menu .nav {*/
/*font-size: 15px*/
/*}*/
#top_menu.navbar-nav > li.box_avatar_link > a {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
    color: #ffffff !important;
}
.box_avatar_link {
    margin-left: 10px;
}
.box_avatar_link.open ul li.active.not_clicked > span {
    background-color: #f5f5f5 !important;
    color: #444 !important;
}
.box_avatar_link.open ul li.active.not_clicked > span {
    font-size: 14px !important;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
}


.form-group .glyphicon:not(.comment .glyphicon) {
    display: none;
}
.form-group.has-success .glyphicon {
    display: block;
}
.help-block {
    font-size: 0.9em;
    color: #668 !important
}
.fs_09em {
    font-size: 0.9em;
}


.template-users a {
    text-decoration: none !important;
}
.template-users .alert {
    padding: 15px;
    font-size: 15px;
}
.template-users .alert a {
    text-decoration: none;
}


.comments-list .comment {
    margin: 0 0 15px 0;
}
.comments .comment-author-avatar {
    width: 64px;
}
.comments .comment-author-avatar img {
    border: 0;
}

.comments .comment-content {
    padding: 10px 20px;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
}

.comments-list .children {
    border-left: 0;
    margin: 20px 0 0 0;
}
.comments-list .children .comment:before {
    content: none;
}
.comments-list .children .comment:after {
    content: none;
}
#comment-form textarea {
    background-color: #f6f6f6;
}

.navbar-toggle .icon-bar {
    background-color: #563d7c;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
}
.navbar {
    margin-bottom: 0 !important;
}
.navbar-default {
    background: transparent !important;
    border: none !important;
}


.form-group {
    margin-bottom: 10px;
}

.content-header > .breadcrumb {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 2px;
    border-radius: 2px;
}
.content-header > .breadcrumb > li > a {
    color: #444;
    text-decoration: underline;
    display: inline-block;
}
.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px;
}
.content-header > .breadcrumb > li + li:before {
    content: '>\00a0';
}


@media (max-width: 1199px) {
    header .container-fluid ul.navbar-nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    header #logo img {
        height: 50px !important;
        padding-top: 5px !important;
        margin-right: 10px !important;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
}
@media (max-width: 990px) {
    header .container-fluid ul.navbar-nav > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }

    header #logo img {
        height: 44px !important;
        padding-top: 5px !important;
        margin-right: 0px !important;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
}


header #header-menu {
    width: 100%;
    /*height: 60px;*/
    /*overflow: hidden;*/
}
header #header-menu #logo img {
    height: 60px;
    padding-top: 5px;
    margin-right: 20px !important;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}


header  #header-menu.smaller {
    background: #ffffff;
    /* top: 0; */
    /* height: 55px; */
    border-bottom: 1px solid #5D0054;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
/*header.smaller .container-fluid {*/
/*    padding-top: 5px;*/
/*    padding-bottom: 5px;*/
/*}*/
header  #header-menu.smaller .container-fluid ul.navbar-nav > li > a:not(.btn) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
header  #header-menu.smaller .container-fluid ul.navbar-nav > li.block--auth > a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/*header.smaller #subscription-button {*/
/*    padding-top: 5px !important;*/
/*}*/
header  #header-menu.smaller #logo img {
    height: 50px;
}




.checkbox input {
    margin-top: 4px;
}
.checkbox label {
    padding-left: 5px;
}
/*.btn {*/
/*    padding-left:30px;*/
/*    padding-right:30px;*/
/*}*/

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

/* extra positioning */
.wall-box {
    /*display: flex !important;*/
    /*flex-direction: column !important;*/
}

.wall-box {
    height: 100% !important;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    position: relative;
}
.wall-box-btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.wall-box-icon {
    background-color: #f6f6f6;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.wall-box-icon img {
    /*color: #fff;*/
    /*display: table-cell;*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
    margin-top: 14px;
}

.wall-info h4 {
    font-size: 1.3em !important;
}
.wall-info > p {
    padding-top: 10px;
    text-align: left;
}
.wall-info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.wall-info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.post-title a {
    text-decoration: none !important;
}

#tabsHoro a {
    color: #444 !important;
}
#tabsHoro li.disabled a {
    color: #aea79f !important;
}

#main-table--planets a {
    text-decoration: none !important;
    color: #333 !important;
}
.modal-content {
    border-radius: 3px !important;
}

.dropdown-menu {
    font-size: 16px;
    padding: 5px !important;
}
.dropdown-menu a {
    text-decoration: none !important;
}
.jumbotron_custom .dropdown-menu {
    overflow-y: scroll;
    max-height: 500px;
}
.alert-default {
    background-color: #f6f6f6;
    border-color: #e5e5e5;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #333;
}
.alert-lightgrey {
    background-color: #f2dede;
    border-color: #e5e5e5;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #333;
}
.alert-lightinfo {
    background-color: #ffe6e6;
    border-color: #e5e5e5;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #333;
}
/*.alert-info {*/
/*    background-color: #e5e5e5 !important;*/
/*    border-color: #e5e5e5!important;*/
/*    box-shadow: none!important;*/
/*    color: #333!important;*/
/*}*/

.table > thead > tr > td.info {
    background-color: #f5f5f5 !important;
}

.navbar-nav.nav > li > a:hover,
.navbar-nav.nav > li > a:focus {
    background-color: transparent !important;
}



.isHide {
    display: none;
}
.isShow {
    display: block;
}

.text-danger {
    color: #8e0917;
}

.btn-grey {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
}
.btn-grey:focus,
.btn-grey.focus {
    color: #333;
    background-color: #f8f8f8;
    border-color: #ccc;
}
.btn-grey:hover {
    color: #333;
    background-color: #f6f6f6;
    border-color: #ccc;
}


.btn-capitalize {
    text-transform: capitalize !important;
}
.btn-lowercase {
    text-transform: lowercase !important;
}
.btn-case-none {
    text-transform: none !important;
}


.m0_auto {
    margin: 0 auto !important;
}


.popover, .popover-title {
    border-radius: 0 !important;
}

.float_none {
    float:none !important;
}

.cursor_p {
    cursor: pointer !important;
}
.cursor_none-p {
    cursor: default !important;
}

.text-lc {
    text-transform: lowercase !important;
}

.va__m {
    vertical-align: middle !important;
}

td.va__m_td {
    vertical-align: middle !important;
}

.d__tc {
    display: table-cell !important;
}
.d_none {
    display: none;
}

.opacity_09 {
    opacity:0.9 !important;
}
.opacity_08 {
    opacity:0.8 !important;
}
.opacity_07 {
    opacity:0.7 !important;
}
.opacity_06 {
    opacity:0.6 !important;
}
.opacity_05 {
    opacity:0.5 !important;
}
.opacity_04 {
    opacity:0.4 !important;
}
.opacity_03 {
    opacity:0.3 !important;
}

.hgt__30 {
    height: 30px !important;
}


/*.f__thin {
    font-family: 'Helveticaneuecyr-thin', sans-serif !important;
}
.f__ultralight {
    font-family: 'Helveticaneuecyr-ultralight', sans-serif !important;
}
.f__medium {
    font-family: 'Helveticaneuecyr-medium', sans-serif !important;
}
.f__roman {
    font-family: 'Helveticaneuecyr-roman', sans-serif !important;
}*/
p.f__light {
    font-weight: 400;
}
label.f__light {
    font-weight: 700;
}
.f__bold {
    font-weight: 700;
}
.icon__bold {
    font-weight: bold !important;
}
.f__normal {
    font-weight: 400;
}


.pb_0 {
    padding-bottom:0px !important;
}
.pb_5 {
    padding-bottom:5px !important;
}
.pb_10 {
    padding-bottom: 10px !important;
}
.pb_12 {
    padding-bottom: 12px !important;
}
.pb_15 {
    padding-bottom: 15px !important;
}
.pb_20 {
    padding-bottom: 20px !important;
}
.pb_30 {
    padding-bottom: 30px !important;
}
.pr_0 {
    padding-right:0px !important;
}
.pr_5 {
    padding-right:5px !important;
}
.pr_10 {
    padding-right:10px !important;
}
.pr_15 {
    padding-right:15px !important;
}
.pr_20 {
    padding-right:20px !important;
}
.pr_30 {
    padding-right:30px !important;
}
.pr_40 {
    padding-right:40px !important;
}
.pr_50 {
    padding-right:50px !important;
}
.pt_0 {
    padding-top:0px !important;
}
.pt_30 {
    padding-top:30px !important;
}
.pt_60 {
    padding-top:60px !important;
}
.pt_70 {
    padding-top:70px !important;
}
.pt_80 {
    padding-top:80px !important;
}
.pt_100 {
    padding-top:100px !important;
}
.pt_5 {
    padding-top:5px !important;
}

.pl_0 {
    padding-left:0px !important;
}
.pl_5 {
    padding-left:5px !important;
}
.pl_10 {
    padding-left:10px !important;
}
.pl_15 {
    padding-left:15px !important;
}
.pl_20 {
    padding-left:20px !important;
}
.pl_30 {
    padding-left:30px !important;
}
.pl_40 {
    padding-left:40px !important;
}
.pl_50 {
    padding-left:50px !important;
}

.pt_8 {
    padding-top: 8px !important;
}
.pt_10 {
    padding-top: 10px !important;
}
.pt_12 {
    padding-top: 12px !important;
}
.pt_15 {
    padding-top: 15px !important;
}

.pt_20 {
    padding-top: 20px !important;
}

.mb_0 {
    margin-bottom: 0px !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}
.mb_40 {
    margin-bottom: 40px !important;
}
.mb_50 {
    margin-bottom: 50px !important;
}

.ml_0 {
    margin-left: 0px !important;
}
.ml_2 {
    margin-left: 2px !important;
}
.ml_5 {
    margin-left: 5px !important;
}
.ml_10 {
    margin-left: 10px !important;
}
.ml_15 {
    margin-left: 15px !important;
}
.ml_20 {
    margin-left: 20px !important;
}
.ml_30 {
    margin-left: 30px !important;
}
.ml_40 {
    margin-left: 40px !important;
}
.ml_50 {
    margin-left: 50px !important;
}
.ml_60 {
    margin-left: 60px !important;
}
.ml_70 {
    margin-left: 70px !important;
}
.ml_90 {
    margin-left: 90px !important;
}

.mr_40 {
    margin-right: 40px !important;
}
.mr_30 {
    margin-right: 30px !important;
}
.mr_20 {
    margin-right: 20px !important;
}
.mr_10 {
    margin-right: 10px !important;
}
.mr_5 {
    margin-right: 5px !important;
}
.mr_2 {
    margin-right: 2px !important;
}
.mr_0 {
    margin-right: 0px !important;
}

.mt_100 {
    margin-top: 100px !important;
}
.mt_80 {
    margin-top: 80px !important;
}
.mt_60 {
    margin-top: 60px !important;
}
.mt_50 {
    margin-top: 50px !important;
}
.mt_40 {
    margin-top: 40px !important;
}

.mt_30 {
    margin-top: 30px !important;
}
.mt_20 {
    margin-top: 20px !important;
}
.mt_15 {
    margin-top: 15px !important;
}
.mt_8 {
    margin-top: 8px !important;
}
.mt_10 {
    margin-top: 10px !important;
}
.mt_5 {
    margin-top: 5px !important;
}
.mt_4 {
    margin-top: 4px !important;
}
.mt_3 {
    margin-top: 3px !important;
}
.mt_0 {
    margin-top: 0px !important;
}

.fs__60 {
    font-size: 60px !important;
}
.fs__50 {
    font-size: 50px !important;
}
.fs__40 {
    font-size: 40px !important;
}
.fs__30 {
    font-size: 30px !important;
}
.fs__25 {
    font-size: 25px !important;
}
.fs__24 {
    font-size: 24px !important;
}
.fs__20 {
    font-size: 20px !important;
}
.fs__18 {
    font-size: 18px !important;
}
.fs__17 {
    font-size: 17px !important;
}
.fs__16 {
    font-size: 16px !important;
}
.fs__15 {
    font-size: 15px !important;
}
.fs__14 {
    font-size: 14px !important;
}
.fs__13 {
    font-size: 13px !important;
}
.fs__12 {
    font-size: 12px !important;
}
.fs__11 {
    font-size: 11px !important;
}
.fs__10 {
    font-size: 10px !important;
}

.br__50 {
    border-radius: 50% !important;
}
.lh__07 {
    line-height: 0.7 !important;
}

.br__25em,
.br__25em_li > li > a
{
    border-radius: .25em;
}
.height__100 {
    height: 100px !important;
}

.clr_043C54, .clr_043C54:hover {
    color: #043C54 !important;
}

.clr-aspect--minus {
    color: #bf3e11 !important;
}
.clr-aspect--plus {
    color: #008000 !important;
}
.clr-aspect--neutral {
    color: #6c6c6c !important;
}

/*зеленый*/
.clr_green {
    color: #5cb85c !important;
}
.clr_darkgreen {
    /*color: #29a197 !important;*/
    color: #008000 !important;
}
.clr_blue {
    color: #525ebd !important;
}
.clr_pink {
    color: #ef98aa !important;
}
.clr_gray {
    color: #6c6c6c !important;
}
.clr_darkgray {
    color: #4c4c4c !important;
}
.clr_softgray {
    color: #9c9c9c !important;
}
.clr_lightgray {
    color: lightgray !important;
}
.clr_red {
    color: #bf3e11 !important;
}
.clr_darkred {
    color: #ce5a57 !important;
}
.clr_333 {
    color: #333 !important;
}
.clr_333.f_link a {
    color: #333 !important;
}
.clr_333.f_link a:hover {
    color: #999 !important;
}
.clr_333.f_link a.text-muted {
    color: #aea79f !important;
}

.clr_333.f_link_menu a {
    color: #333 !important;
}
.clr_333.f_link_menu a:hover {
    color: #fff !important;
}
.clr_333.f_link_menu a.text-muted {
    color: #aea79f !important;
}

.clr_444 {
    color: #444 !important;
}
.clr_fff {
    color: #fff !important;
}
.clr_000 {
    color: #000 !important;
}
.clr_888 {
    color: #888 !important;
}
.clr_aaa {
    color: #aaa !important;
}
.clr_D40000 {
    color: #D40000 !important;
}
.clr_white {
    color: #fff!important;
}
a.clr_white, a.clr_white:hover, a.clr_white:visited, a.clr_white:active {
    color: #fff !important;
}

.text-muted {
    color: #777;
}

/*зеленый*/
.color__5cb85c {
    color: #5cb85c !important;
}

/*красный*/
.color__d9534f {
    color: #d9534f !important;
}

.text-info, .text-info:hover {
    color: #005e96!important;
}

/*серый*/
.color__999 {
    color: #999 !important;
}
.color__6f6f6f {
    color: #6f6f6f !important;
}

.color__777 {
    color: #777 !important;
}


.tshw__0_1_1_f6f6f6 {
    text-shadow: 0px 1px 1px #f6f6f6 !important;
}
.tshw__0_1_1_444 {
    text-shadow: 0px 1px 1px #444 !important;
}


.bb__1_dotted {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px !important;
    border-style: dotted !important;
}
.bb__1_dotted:hover {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
}

.bb__1_dashed {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px !important;
    border-style: dashed !important;
}

.bb__1_solid {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px !important;
    border-style: solid !important;
}
a.bb__1_solid:hover {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
}

.bl__5_solid {
    border-top: 0px !important;
    border-left: 5px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-style: solid !important;
}


.bc__a2a1a1 {
    border-color: #a2a1a1 !important;
}
.bc__23527c {
    border-color: #23527c !important;
}
.bc__444 {
    border-color: #444 !important;
}
.bc__ccc {
    border-color: #ccc !important;
}
.bc__eee {
    border-color: #eee !important;
}
.bc__DC143C {
    border-color: #DC143C !important;
}
.bc__DC143C:hover {
    border-color: #DC143C!important;
}
.bc__008000 {
    border-color: #008000 !important;
}
.bc__888888 {
    border-color: #888 !important;
}

.td__u {
    text-decoration: underline !important;
}
.td__u:hover {
    text-decoration: none !important;
}


.td__none {
    text-decoration: none !important;
}
.td__none:hover {
    text-decoration: none !important;
}

.td__default {
    text-decoration: none !important;
}
.td__default:hover {
    text-decoration: underline !important;
}



/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
  width: 1em;
  height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #4691f6;
}

.svg-icon.white path,
.svg-icon.white polygon,
.svg-icon.white rect {
  fill: #fff;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}


.table.bb__fff td {
    border-bottom: 1px solid #fff !important;
}

.ct-label {
    font-size: 1em !important;
    color: rgba(0,0,0,.6) !important;
}

.color-swatch {
    float: left;
    width: 100%;
    height: 108px;
    margin: 0;
    border-radius: 3px;
}

.color-swatches {
    margin: 0 -5px;
    overflow: hidden;
}


.brand-primary {
    background-color: #337ab7;
}
.brand-success {
    background-color: #5cb85c;
}
.brand-info {
    background-color: #5bc0de;
}
.brand-warning {
    background-color: #f0ad4e;
}
.brand-danger {
    background-color: #d9534f;
}
.gray-lighter {
    background-color: #eee;
}
.gray-light {
    background-color: #999;
}

.lh__16 {
    line-height: 16px !important;
}

.padding__0 {
    padding: 0 !important;
}

table.padding__0 td {
    padding: 0 !important;
}

.ct-chart-implement .ct-series-b .ct-bar, 
.ct-chart-implement .ct-series-b .ct-line, 
.ct-chart-implement .ct-series-b .ct-point, 
.ct-chart-implement .ct-series-b .ct-slice-donut {
    stroke: #043C54 !important;
}

.ct-chart-implement .ct-series-a .ct-bar, 
.ct-chart-implement .ct-series-a .ct-line, 
.ct-chart-implement .ct-series-a .ct-point, 
.ct-chart-implement .ct-series-a .ct-slice-donut {
    stroke: green !important;
}


.autoload {
    background: url('../../images/320.gif');
    width: 100px;
    height: 100px;
    left: 50%;
    top: 40%;
    position: fixed;
    z-index: 9999;
}
.autoload-row {
    background: url('../../images/30.gif');
    width: 100px;
    height: 13px;
}
.width_100 {
    width: 100% !important;
}
.w_15 .ct-bar {
    stroke-width: 15px !important;
}
.w_20 .ct-bar {
    stroke-width: 20px !important;
}
.w_25 .ct-bar {
    stroke-width: 25px !important;
}

#ct-chart-relation {
    width: 100% !important;
}

#ct-chart-relation .ct-series-a .ct-bar {
    stroke: #3a87ad !important;
}

#ct-chart-relation .ct-series-b .ct-bar {
    stroke: #b94a48 !important;
}

/** Сила планеты по дому и знаку */
#ct-chart__strengths_planet_by_house .ct-series-a .ct-bar {
    stroke: #d8b4a7 !important;
}

#ct-chart__strengths_planet_by_house .ct-series-b .ct-bar {
    stroke: #58595b !important;
}

#ct-chart__strengths_planet_by_house .ct-label.ct-horizontal span {
    min-height: 90px !important;
}
#ct-chart__strengths_planet_by_house .ct-label.ct-horizontal {
    justify-content: flex-start;
    /*padding-top: 14px;*/
    padding-right: 40px;
    font-size: 0.7em !important;
    transform: rotate(-90deg) !important;
    /* Safari */
    -webkit-transform: rotate(-90deg) !important;

    /* Firefox */
    -moz-transform: rotate(-90deg) !important;

    /* IE */
    -ms-transform: rotate(-90deg) !important;

    /* Opera */
    -o-transform: rotate(-90deg) !important;

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
}
.chartist-tooltip .chartist-tooltip-value {
    display: none !important;
}


.progress {
    height: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* date, calendar */
.js-date::-webkit-inner-spin-button,
.js-date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.unvisible {
    visibility: hidden !important;
}

.jumbotron_custom {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #f5f5f5;
    border: 1px solid #e9e9e9;
}
.box--grade-text a, .box--grade-text a:hover {
    text-decoration: none !important;
}
.h_40 {
    height: 40px;
}

.br_ra_6 {
    border-radius: 6px !important;
}

.alert-white {
    background-color: #fff;
    border-color: #ccc;
}
.alert-secondary {
    color: #137f5e;
    background-color: #fff;
    border-color: #137f5e;
 }

.alert-secondary a {
    color: #137f5e;
}

.auth-clients {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.table--view-widget td {
    padding: 12px !important;
}


table#domUpr td {
    padding: 12px !important;
}

.faq-heading {
/*    font-weight: 400;*/
/*    font-size: 19px;*/
/*    -webkit-transition: text-indent 0.2s;*/
    text-indent: 20px;
/*    color: #333;*/
}

.faq-text {
    /*font-weight: 400;*/
    /*color: #919191;*/
    /*width:95%;*/
    /*padding-left:20px;*/
    /*margin-bottom:30px;*/
}

.faq {
    background: white;
    position: relative;
    border: 1px solid #E1E1E1;
}
.faq label {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 56px;
    padding-top:1px;

    background-color: #FAFAFA;
    border-bottom: 1px solid #E1E1E1;
}

.faq input[type="checkbox"] {
    display: none;
}

.faq .faq-arrow {
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    float: right;
    position: relative;
    top: -30px;
    right: 27px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.faq input[type="checkbox"]:checked + label > .faq-arrow {
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.faq input[type="checkbox"]:checked + label {
    display: block;
    background: rgba(255,255,255,255) !important;
    color: #4f7351;
    height: 225px;
    transition: height 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.faq input[type='checkbox']:not(:checked) + label {
    display: block;
    transition: height 0.8s;
    height: 60px;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.position--relative {
    position: relative !important;
}
.widget--not-access {
    top: 10px;
    height: calc(100% - 10px);
    width: 100%;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.6);*/
    left: 0;
    overflow: hidden;
}

.blur-on, .blur-element {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);

    -webkit-transition: all 5s linear;
    transition        : all 5s linear;
    -moz-transition   : all 5s linear;
    -webkit-transition: all 5s linear;
    -o-transition     : all 5s linear;
}

#gender--male-female label {
    padding-left: 0px !important;
}

#gender--male-female .gender--item {
    position: relative !important;
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-right: 14px !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #333!important;;
}


table {
    background-color: transparent;
}
table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #aea79f;
    text-align: left;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table .table {
    background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}
table .success, .table .success, table .warning, .table .warning, table .danger, .table .danger, table .info, .table .info {
    color: #444;
}

#slidebox .close i {
    color: #555;
}
.div-icon-map-danger {
    width: 16px!important;
    height: 16px!important;
    border-radius: 50%!important;
    background: red!important;
    /*border: 1px solid #777!important;*/
}
.div-icon-map-success {
    width: 16px!important;
    height: 16px!important;
    border-radius: 50%!important;
    background: forestgreen!important;
    /*border: 1px solid #777!important;*/
}
table.tbl_0 {
    border: 0!important;
}
table.tbl_0 > tr {
    border: 0!important;
}
table.tbl_0 > tr > td {
    border: 0!important;
}
.leaflet-popup-content-wrapper {
    border-radius: 5px!important;
}

/*http://tristen.ca/tablesort/demo/*/
th[role=columnheader]:not(.no-sort) {
    cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
    content: '';
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #404040 transparent;
    visibility: hidden;
    opacity: 0;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
    border-bottom: none;
    border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 1;
}
.label-black {
    background-color: #222;
}

.fof{
    display: table-cell;
    vertical-align: middle;
}

.fof h1{
    font-size: 50px;
    display: inline-block;
    padding-right: 12px;
    animation: type .5s alternate infinite;
}

@keyframes type{
    from{box-shadow: inset -3px 0px 0px #888;}
    to{box-shadow: inset -3px 0px 0px transparent;}
}
.well-sm {
    padding: 15px !important;
}

.gsc-control-cse {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tariff-center {
    padding: 1px;
    margin: 6px;
    /* background-color: #18bc9c; */
    background-color: #2ECC71;
    box-shadow: none;
}

.video-block {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 20vh;
    width: 80vw;
}

/* Адаптивная таблица */
@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}

#formPageLost .has-error .help-block {
    color: #b94a48 !important;
}
.elemebtDisable {
    pointer-events: none;
    opacity: 0.5; /* необязательно, для визуального эффекта */
    user-select: none;
}
.elemebtDisable span.auth-icon {
    margin: 0 !important;
}
#pdf-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden;
}

#pdf-loader.active {
    visibility: visible;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
button[disabled], a[disabled] {
    pointer-events: none; /* Блокирует все события мыши */
    opacity: 0.6; /* Визуально показывает, что кнопка неактивна */
}
/* Разделитель — или — */
.divider-or{
    display:flex;
    align-items:center;
    width:100%;
    margin:14px 0;          /* необязательно, просто отступ */
    gap:12px;               /* расстояние между линией и текстом */
}

.divider-line{
    flex:1;
    height:1px;
    background:#d9e1ea;     /* тонкая серая линия */
}

.divider-text{
    white-space:nowrap;
    color:#9aa7b0;          /* серый как в макете */
    font-weight:600;
    letter-spacing:.02em;
}

/* По умолчанию — обычная кнопка */
.adapt-btn {
    display: inline-block;
}

/* На экранах до 768px — растягиваем */
@media (max-width: 767px) {
    .adapt-btn {
        display: block;
        width: 100%;
    }
}


/*******************/
/* тёмная кнопка для Face ID */
.btn-primary-dark{
    background:#2e3c4a; border-color:#2e3c4a; color:#fff;
}
.btn-primary-dark:hover,.btn-primary-dark:focus{
    background:#24313d; border-color:#24313d; color:#fff;
}

/* Контейнер соцкнопок */
.social-oauth {
    display: flex;
    gap: 10px;              /* расстояние между кнопками */
    margin: 10px 0;
}

/* Кнопки делят ширину поровну */
.social-oauth .btn {
    flex: 1 1 0;            /* каждая занимает равную долю */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 12px 16px;
    border-radius: 6px;
    white-space: nowrap;
}

/* Общий стиль прозрачных кнопок */
.btn-brand {
    background-color: transparent; /* прозрачный фон */
    border: 1px solid #ddd;        /* лёгкая серая рамка */
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Иконки делаем чёрными */
.btn-brand .brand-badge {
    color: #000 !important; /* чёрная иконка */
    margin-right: 8px;
    font-size: 18px;
}

/* Яндекс */
.btn-ya {
    color: #FC3F1D;
    border-color: #ccc;
    background-color: transparent;
}
.btn-ya:hover {
    background-color: rgba(252, 63, 29, 0.1);
    color: #000 !important;          /* черный текст при клике */
}
.btn-ya:active,
.btn-ya:focus {
    color: #000 !important;          /* черный текст при клике */
    background-color: rgba(252, 63, 29, 0.2) !important; /* чуть темнее подсветка */
    border-color: #FC3F1D !important;
}

/* ВКонтакте */
.btn-vk {
    color: #0077FF;
    border-color: #ccc;
    background-color: transparent;
}
.btn-vk:hover {
    background-color: rgba(0, 119, 255, 0.1);
    color: #000 !important;          /* черный текст при клике */
}
.btn-vk:active,
.btn-vk:focus {
    color: #000 !important;          /* черный текст при клике */
    background-color: rgba(0, 119, 255, 0.2) !important;
    border-color: #0077FF !important;
}

/* Мобильные — в столбик */
@media (max-width: 767px) {
    .social-oauth {
        flex-direction: column;
    }
    .social-oauth .btn {
        width: 100%;
    }
}
/* Мобильные — в столбик */
@media (max-width: 767px) {
    .d-flex {display:flex}
}