/**
2020-05-13
Главная, слайдер, дать возможность нажимать на кнопки (owl-dots), что-то вроде вот этого, http://joxi.ru/DrlldVjH0695lr
 */
.main-statistics .events .slider.owl-carousel .owl-dots {
    top: 0;
    right: 0;
    padding: 20px 24px;
    z-index: 100;
}

/**
2020-05-15
http://192.168.0.186/public/investinregionsru/issues/21#comment_6098
10) Строка "Поиск по новостям" — при фокусе хорошо бы уже убирать подсказку из поля
 */
.news-wrapper .search label input:focus::placeholder, .analytics-wrapper .search label input:focus::placeholder {
    color: transparent;
}

/**
2020-05-15
http://192.168.0.186/public/investinregionsru/issues/21#comment_6098
15) http://joxi.ru/Y2Lx6J0tQ4bNB2 При клике сюда экран прыгает на карту. Верно. Но можно это делать плавно? Чтобы он туда прокручивался? :)
 */
/*
html {
    scroll-behavior: smooth;
}
*/

/**
http://192.168.0.186/public/investinregionsru/issues/26#comment_6099
5) http://joxi.ru/BA0w9PvhPkden2 и http://joxi.ru/MAjk34lcx9webr Шрифт основного текста очень разный... Странно, откуда?
 */
.analytics-page-wrapper .content .MsoNormal, .news-page-wrapper .content .MsoNormal {
    margin: 27px 0 !important;
    line-height: 27px !important;
}

.analytics-page-wrapper .content p:first-child, .news-page-wrapper .content p:first-child {
    margin-top: 0 !important;
}

/**
http://192.168.0.186/public/investinregionsru/issues/21#comment_6120
http://joxi.ru/5mdRdJMTe7YDpA
Нам сейчас эти два блока некуда направлять.
Может быть сделаем пока что один "Регионы России", а второй "Аналитические материалы"?
 */
.main-statistics .regions .image::after {
    background: rgba(0,0,0,0.3);
}

.main-statistics .analytics .image::after {
    background: rgba(0,0,0,0.4);
}

/**
 * инфографика в статьях
 * https://www.investinregions.ru/analytics/a/materials-66707/
 */
.news-page-wrapper .content .text iframe,
.analytics-page-wrapper .content .text iframe {
    width: 100%;
}

/**
 * картнки в статьях, особенно мобильных
 * https://www.investinregions.ru/analytics/a/materials-66497/
 */
.news-page-wrapper .content .text img,
.analytics-page-wrapper .content .text img {
    max-width: 100%;
    height: auto;
}


.rating-tooltip {
    z-index:1;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
/*    -webkit-box-shadow:0 0 48px rgba(108,137,141,0.32);
    box-shadow:0 0 48px rgba(108,137,141,0.32);*/
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start;
    white-space:normal;
    width:320px;
}
.rating-tooltip .close {
    z-index:2;
    position:absolute;
    top:0;
    right:0;
    width:48px;
    height:48px;
    background:url("../img/icon-close.svg") center center no-repeat;
    -webkit-background-size:12px 12px;
    background-size:12px 12px;
    cursor:pointer;
}
.rating-tooltip .content {
    z-index:1;
    position:relative;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    padding:16px;
}
.rating-tooltip .title {
    text-transform: uppercase;
    font-weight: bold;
    color:#0D47A1;
}
.rating-tooltip .text {
    margin: 10px 0;
}
.rating-tooltip a.detail {
    text-decoration:underline;
    color:#0D47A1;
}
.rating-tooltip a.detail:hover {
    text-decoration:none;
}
.rating-tooltip a.detail:active {
    color:#000843;
}

/*.popup-members .list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-align-content:stretch;
    -ms-flex-line-pack:stretch;
    align-content:stretch;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.popup-members .content {
    margin: 10px;
}*/
.popup-members.favourites-add {
    max-width:250px;
}
/*
.popup-members .list>.item {
    margin-top:8px;
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start;
    margin-left:21px;
    position:relative
}
.popup-members .list>.item:before {
    content:'';
    position:absolute;
    top:8px;
    left:-21px;
    width:13px;
    height:10px;
    background:url("../img/icon-check.svg") 0 0 no-repeat;
    -webkit-background-size:contain;
    background-size:contain
}*/

/**
 * @link http://192.168.0.186/public/investinregionsru/issues/84
 * 4) На мобильном страница всех логотипов разъезжается от одного лого.
 * Может в файле проблема (но я не увидел где). А может еще что https://prnt.sc/u4w5vm
 */
.partners-wrapper .partners .partner .icon img {
    max-width: 100%;
}

/**
 * @link http://192.168.0.186/public/investinregionsru/issues/84
 * 1) А почему они разного цвета? Так задумано? https://prnt.sc/u4vple
 */
.partners-page-wrapper > .container .description .item .email {
    color: #0D47A1;
}

/**

 */
.select2-selection__choice.locked .select2-selection__choice__remove {
    display: none;
}

/**
 */
.ck.ck-editor {
    flex: 1 1 auto;
}

/**
 */
.actions, .submit {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s ease-in-out;
}

.actions.pending, .submit.pending {
    opacity: 0;
    pointer-events: none;
}

.submit.success {
    animation: successBackground 1s ease-in-out;
}

.submit.error {
    animation: errorBackground 1s ease-in-out;
}

@keyframes successBackground {
    0% {
        background-color: green;
    }
    70% {
        background-color: #0D47A1;
    }
    100% {
        background-color: #0D47A1;
    }
}

@keyframes errorBackground {
    0% {
        background-color: red;
    }
    70% {
        background-color: #0D47A1;
    }
    100% {
        background-color: #0D47A1;
    }
}

/**
 */
/*.dz-image-preview div.panel div.checkbox {*/
/*    padding: 10px;*/
/*}*/
.dz-image-preview div.panel input[type="checkbox"] {
    opacity: 1;
    z-index: auto;
    position: relative;
}

/**
 * @link http://192.168.0.186/public/investinregionsru/issues/154
 */
.project-page-wrapper > .container > .description > .content > .left .text ol {
    margin-left: 19px;
}

.project-page-wrapper > .container > .description > .content > .left .text ol li {
    position: relative;
    padding-left: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2B2B2B;
}