@import "deals_report.css";
@import "prime-slick.css";
@import "my-prime.css";

#objects-sidebar {
    display: none;
    position: fixed;
    top: 100px;
    right: 100px;
    max-width: 300px;
    max-height: calc(100vh - 100px - 40px);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    z-index: 1000;
}

#objects-sidebar .wrapper {
    background: #fff;
    max-height: calc(100vh - 100px - 40px);
    overflow-y: scroll;
    overflow-x: hidden;
    height: -webkit-fill-available;
    -webkit-overflow-scrolling: touch;
}

#objects-sidebar .closer {
    position: absolute;
    top: 0;
    left: -28px;
    background: #fff;
    text-align: center;
    border-radius: 5px 0 0 5px;
    padding: 10px;
    cursor: pointer;
}

@media print {
    a[href]:after {
        content: "";
    }
    .tooltip-inner,
    .grid-btn,
    .back,
    aside,
    .no-print{
        display: none;
    }
}

body,
html {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    width: 100%;
    min-width: 320px;
    overflow: hidden
}

a {
    color: #01B9EA;
}

.editable-input textarea {
    width: 400px!important;
}

label.two-line {
    top: 7px;
    position: relative;
}

.pseudolink {
    color: #01B9EA;
    border-bottom: 1px dashed #01B9EA;
    cursor: pointer;
}

.pseudolink:hover {
    color: #2a6496;
}

.hidden {
    display: none;

}
.toggle-data {
    display: none;
    clear: both;
}

.tbl {
    display: table;
    width: 100%;
}
.form-control {
    border-radius: 0;
    border: 0;
    background-color: #f5f5f5;
    height: 30px;
    box-shadow: none;
    color: #95989a;
    font-size: 12px;
}
.form-inline {
    display: inline-block;
}
.dropdown-menu {
    border-radius: 0;
    margin: 0;
    font-size: 12px;
}

input [disabled],
select [disabled],
textarea [disabled],
input:disabled,
select:disabled,.desktop-page-12
textarea:disabled{
   color: #ccc !important;
}
.btn-common {
     height: 40px;
     font-size: 14px;
     color: white;
     background-color: #00B9EA;
     border: 0;
     padding: 0 40px;
     line-height: 16px;
 }

.btn-common-mobile {
    height: 40px;
    font-size: 14px;
    color: white;
    background-color: #00B9EA;
    border: 0;
    line-height: 16px;
}

.btn-common.confirm-cancel {
    display: none;
}

.btn-common.confirm-cancel-visible {
    float: left;
    display: inline-block
}

.btn-danger {
    height: 40px;
    font-size: 14px;
    color: white;
    background-color: #E87D66;
    border: 0;
    padding: 0 40px;
    line-height: 16px;
}

.btn-a {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 5px;
    text-align: center;
}
.btn-100 {
    width: 100%
}

.btn-common:hover {
    background-color: #0196BE;
    color: white;
    text-decoration: none;
}

.login {
    width: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -150px;
    padding: 32px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

.login .head {
    clear: both;
}

.login .title {
    font-size: 20px;
    text-transform: uppercase;
    color: #49575E;
    margin: 0 0 10px 0;
    width: 150px;
    float: left;
}

.login .lang {
    width: 64px;
    float: right;
}

.login .lang .dropdown-menu li, .login .lang .dropdown-menu {
    width: 64px;
    min-width: 64px;
}

.login .lang .dropdown-menu li a {
    width: 61px;
}

.login .lang .btn {
    margin-top: -5px;
}

.login .input-group {
    margin-top: 15px;
    height: 40px;
    width: 100%;
    border: 1px solid #e3e3e3;
}

.login .input-group .input-group-addon {
    width: 40px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #99E3F6;
}

.login .input-group .input-group-addon img {
    width: 18px;
}

.login .input-group .form-control {
    background-color: white;
    height: 40px;
}

.login .alert-error {
    margin-top: 15px;
}

.login button {
    width: 100%;
    margin-top: 30px;
}

@media only screen and (max-width: 960px) {
    .login {
        width: 100%;
        position: relative;
        margin: 0;
        top: 0;
        left: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: white;
        border: 0;
    }
}

.upper {
    text-transform: uppercase;
}

.modal-content {
    border-radius: 0;
}

.modal-content .modal-header {
    padding: 30px;
    border: 0;
}

.modal-content .modal-title {
    font-size: 20px;
    color: #49575E;
    margin: 0;
}

.modal-content .modal-body {
    padding: 0 30px 30px 30px;
}

.modal-content .modal-body label {
    font-weight: 400;
    font-size: 12px;
    /*width: 120px;*/
}

.modal-content .modal-body .group-tbl label {
    width: 35%;
    text-align: right;
    padding-right: 20px;
}

.modal-content .modal-body .group-tbl .form-control {
    display: inline-block;
    width: 64%;
}

.modal-content .modal-footer {
    padding: 25px 30px;
    background-color: #f2fcfe;
    border: 0;
}

.modal-content .modal-footer a{
    color: #00B9EA;
    font-size: 14px;
    margin-right: 40px;
}

.modal-content .modal-body:after {
    content:'';
    position:absolute;
    width:100%;
    height:10px;
    background:linear-gradient(to bottom, #e2ecee, #f2fcfe);
    margin-top: 30px;
    left:0;
}

.alert-error {
    color: #a94442;
    background-color: #FEE3E6;
    padding: 10px;
    background-image: none;
}

.alert-success {
    color: #46A257;
    background-color: #dff0d8;
    padding: 10px;
    background-image: none;
}

.bg-red {
    background: #FA5B6C;
    color: #fff
}

.bg-yellow {
    background: #F3F95A;
    color: #859399
}

.bg-black {
    background: #212529;
    color: #D6FF2C;;
}

.bg-green {
    background: #46A257;
    color: #fff
}

.prime-header {
    width: 100%;
    z-index: 0
}

.prime-header .navbar {
    min-height: 80px;
    background: #00B9EA;
    border: 0;
    color: #fff;
    border-radius: 0;
    margin: 0 0 0 104px
}

.prime-header .navbar .prime-navbar__date {
    height: 80px;
    line-height: 80px;
    float: left;
    padding: 0 20px 0 40px;
    font-size: 14px
}

@media (min-width:1270px) {
    .prime-header .navbar .prime-navbar__date .digital-view {
        display: none
    }
}

@media (max-width:1270px) {
    .prime-header .navbar .prime-navbar__date {
        padding: 0 20px;
        height: 70px;
        line-height: 70px
    }
    .prime-header .navbar .prime-navbar__date .text-view {
        display: none
    }
    .prime-header .navbar .prime-navbar__date .digital-view {
        display: inline-block
    }
    .prime-header .navbar {
        min-height: 70px
    }
}

@media (max-width:991px) {
    .prime-header {
        z-index: 100;
        position: relative
    }
    .prime-header .navbar {
        margin-left: 0
    }
    .prime-header .navbar-right {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .prime-header .navbar .prime-navbar__date {
        padding: 0;
        height: 50px;
        line-height: 50px
    }
    .prime-header .navbar {
        min-height: 50px
    }
    .prime-header .navbar-left {
        float: left
    }
    .prime-header .navbar-right {
        float: right
    }
}

.prime-header .prime-logo {
    /*margin: 16px 80px 0 16px;*/
    margin: 16px 45px 0 16px;
    float: left
}

.prime-header .prime-logo img {
    width: 50px
}

@media (max-width:991px) and (min-width:768px) {
    .prime-header .prime-logo {
        margin: 25px 40px 0 16px
    }
}

@media (max-width:379px) {
    .prime-header .navbar .prime-navbar__date {
        font-size: 12px
    }
    .prime-header .prime-logo {
        margin: 16px 50px 0 16px
    }
}

.prime-header .prime-notifier {
    position: relative;
    width: 105px;
    height: 80px;
    float: right;
    margin: 0;
    padding: 0;
    border-radius: 10px 0 0
}

.prime-header .prime-notifier.open>.dropdown-toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    height: 0;
    width: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.prime-header .prime-notifier a {
    display: block;
    position: relative;
    height: 100%;
    padding: 10px;
    font-size: 11px;
    font-weight: 400;
    color: inherit;
    text-decoration: none!important
}

.prime-header .prime-notifier__count {
    font-size: 32px;
    line-height: 22px;
    font-weight: 900;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Roboto, monospace
}

@media (max-width:1270px) {
    .prime-header .prime-notifier.open>.dropdown-toggle:after {
        margin-top: -2px
    }
    .prime-header .prime-notifier__count {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 36px;
        border-radius: 50%;
        text-align: center;
        font-size: 17px
    }
    .prime-header .prime-notifier .visible-lg {
        display: none!important
    }
    .prime-header .prime-notifier .dropdown-menu {
        top: calc(100% + 5px)
    }
}

.prime-header .prime-notifier .dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
    padding: 15px 10px;
    color: #5a666d;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease-in-out;
    min-width: 470px;
    max-height: 300px;
    overflow: auto;
}

.open>.dropdown-menu {
    opacity: 1!important;
    visibility: visible!important
}

.prime-header .prime-login__btn .btn-logout:hover,
.prime-search__form .search-group .search-btn .btn:hover {
    opacity: .8
}

@media (max-width:767px) {
    .prime-header .prime-notifier .dropdown-menu {
        width: 100%;
        left: 0;
        top: calc(100% - 2px);
        min-width: 320px
    }
}

.prime-header .prime-notifier .dropdown-menu li {
    margin-bottom: 10px;
}
.prime-header .prime-notifier .dropdown-menu li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 10px 52px 10px 20px;
    background: #ECEDF0;
    color: #49575E;
    white-space: normal;
}

.prime-header .prime-notifier .dropdown-menu li div {
    background: #ECEDF0;
}
.prime-header .prime-notifier .dropdown-menu li div.marked {
    background: transparent;
}

.prime-header .prime-notifier .dropdown-menu li div a{
    width: calc(100% - 22px);
    display: inline-block;
}

/*
.prime-header .prime-notifier .dropdown-menu li a:after {
    display: block;
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff
}
*/
.prime-header .prime-notifier .dropdown-menu li span.reminder-check {
    display: inline-block;
    float: right;
    width: 22px;
    height: 100%;
    padding: 10px 5px;
    background: #ECEDF0;
}

.prime-header .prime-notifier .dropdown-menu li span.reminder-check i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

/*
.prime-header .prime-notifier .dropdown-menu li a:active,
.prime-header .prime-notifier .dropdown-menu li a:hover {
    color: inherit;
    background: #fff
}
*/
.prime-header .prime-notifier .dropdown-menu li a.reminder {
    padding-left: 35px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left center;
}
.prime-header .prime-notifier .dropdown-menu li a.reminder span {
    color: #00B9EA;
}
.prime-header .prime-notifier .dropdown-menu li a.new {
    background-image: url(../img/reminder/new.svg);
}
.prime-header .prime-notifier .dropdown-menu li a.archive {
    background-image: url(../img/reminder/archive.svg);
}
.prime-header .prime-notifier .dropdown-menu li a.warning {
    background-image: url(../img/reminder/warning.svg);
}
.prime-header .prime-notifier .dropdown-menu li a.up {
    background-image: url(../img/reminder/up.svg);
}
.prime-header .prime-notifier .dropdown-menu li a.down {
    background-image: url(../img/reminder/down.svg);
}
.prime-header .prime-notifier .dropdown-menu li a.marked {
    background-color: transparent;
    color: #86949A;
}

@media (max-width:1270px) {
    .prime-header .prime-notifier {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        margin: 17px 1px 5px
    }
}

@media (max-width:767px) {
    .prime-header .prime-notifier .dropdown-menu li a:active,
    .prime-header .prime-notifier .dropdown-menu li a:hover {
        background: #ECEDF0
    }
    .prime-header .prime-notifier .dropdown-menu li a:active:after,
    .prime-header .prime-notifier .dropdown-menu li a:hover:after {
        background: #95989A
    }
    .prime-header .prime-notifier .dropdown-menu li a {
        font-size: 14px;
        line-height: 16px
    }
    .prime-header .prime-notifier {
        position: static;
        margin: 7px 1px
    }
}

.prime-header .prime-login {
    float: right;
    width: 150px;
    text-align: center;
    padding: 16px 0
}

.prime-header .prime-login__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle;
    color: #0196BE;
    font-size: 20px;
    font-weight: 900;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase
}

.prime-header .prime-login__avatar a:hover {
    text-decoration: none;
}

@media (max-width:1270px) {
    .prime-header .prime-login__avatar {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-right: 10px
    }
}

.prime-header .prime-login__btn {
    display: inline-block;
    vertical-align: middle;
    width: 29px;
    height: 32px
}

.prime-header .prime-login__btn .btn-logout {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/logout.svg);
    box-shadow: none;
    border: 0;
    outline: 0
}

.prime-header .prime-login__btn .btn-change-user {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/meet.svg);
    box-shadow: none;
    border: 0;
    outline: 0
}

@media (max-width:1270px) {
    .prime-header .prime-login {
        width: 100px;
        padding: 17px 0
    }
    .prime-header .prime-login__avatar {
        font-size: 17px;
        font-weight: 700
    }
    .prime-header .prime-favorites {
        height: 70px;
        line-height: 70px;
    }
}

.alarm-logo img{
    width: 25px;
    display: inline-block;
    height: 23px;
    top: 5px;
    margin-right: 5px;
}

.prime-header .prime-search {
    width: 350px;
    float: left
}

.prime-search+.prime-search {
    margin-top: 15px
}

.prime-header .prime-search__form {
    height: 48px;
    padding: 16px 0
}

.prime-complex-search {
    margin-top: 24px;
    border-radius: 18px;
    height: 32px;
    width: 110px;
    color: #00b9eb;
    background: #f9f9f9;
    border: 2px solid #f9f9f9;
}
.prime-cold-calls-checking {
    margin-top: 24px;
    border-radius: 18px;
    height: 32px;
    width: 190px;
    color: #00b9eb;
    border: 1px solid #f9f9f9;
    background-color: white;
}
.prime-complex-search img {
    width: 18px;
    height: 18px;
    background: url(../img/search.svg) left no-repeat;
}

@media (max-width:1270px) {
    .prime-header .prime-search__form {
        padding: 10px 0;
        height: 70px
    }
}

.feedback-wrap {
    margin: 0 auto;
}
.feedback_block {
    float: left;
    margin-right: 10px;
    text-align: left;
}
.hwrapper {
    position: relative;
    width: 210px;
    height: 80px;
    line-height: 80px;
}
.hbox {
    height: 20px;
    margin: -25px 0 10px 0;
}
.feedback-logo img{
    width: 25px;
    height: 23px;
    top: 5px;
    margin-right: 5px;
}

.prime-search__form .search-group {
    margin: 0;
    padding: 6px 20px;
    display: table;
    width: 100%;
    border-radius: 50px;
    background: #fff;
    border: 2px solid #fff
}

.prime-content .mCSB_scrollTools_horizontal {
    bottom: 12px !important;
}

.prime-content .prime-search__form .search-group {
    border: 1px solid #00B9EA
}

.prime-search__form .search-group .search-label {
    display: table-cell;
    vertical-align: middle;
    color: #00B9EA;
    width: 75px
}

.prime-search__form .search-group .search-label label {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em
}

@media (max-width:767px) {
    .prime-search__form .search-group {
        padding: 8px 15px
    }
    .prime-search__form .search-group .search-label {
        width: 65px
    }
    .prime-search__form .search-group .search-label label {
        font-size: 12px
    }
}

.prime-search__form .search-group .search-input-group {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0
}

.prime-search__form .search-group .search-input-group .search-input {
    display: table-cell;
    margin: 0;
    padding: 0
}

.prime-search__form .search-group .search-input-group .search-input .form-control {
    margin: 0;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 30px;
    border: 1px solid #00B9EA;
    background: #F2FCFE;
    color: #00B9EA
}

.prime-search__form .search-group .search-input-group .search-input+.search-input {
    width: 35%
}

.prime-search__form .search-group .search-input-group .search-input.input-full-width {
    display: block;
    width: 100%
}

.prime-search__form .search-group .search-input-group .search-input:first-child .form-control {
    border-radius: 20px 0 0 20px
}

.prime-search__form .search-group .search-input-group .search-input:last-child .form-control {
    border-radius: 0 20px 20px 0
}

.prime-search__form .search-group .search-input-group .search-input:only-child .form-control {
    border-radius: 20px
}

.prime-search__form .search-group .search-input-group .search-input:not(:first-child) .form-control {
    border-left: 0
}

.prime-search__form .search-group .search-btn {
    margin: 0;
    padding: 0 0 0 15px;
    display: table-cell;
    vertical-align: middle
}

.prime-search__form .search-group .search-btn .btn {
    margin: 0;
    width: 28px;
    height: 28px;
    background: url(../img/search.svg) center no-repeat;
    border: 0;
    outline: 0;
    text-indent: -9999px;
    padding: 0;
    box-shadow: none
}

.prime-actions__icon:after,
.prime-sidebar .prime-menu__item.active:after {
    border-left: 8px solid #0196BE;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    right: -7px
}

@media (max-width:767px) {
    .prime-search__form .search-group .search-btn {
        padding: 0 0 0 5px
    }
    .prime-search__form .search-group .search-btn .btn {
        margin: 0;
        width: 26px;
        height: 26px
    }
}

::-webkit-input-placeholder {
    color: #cccece!important;
    font-size: 12px;
}

::-moz-placeholder {
    color: #cccece!important;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #cccece!important;
    font-size: 12px;
}

:-moz-placeholder {
    color: #cccece!important;
    font-size: 12px;
}

.prime-content {
    position: relative;
    margin-left: 104px;
    padding: 15px 0;
    background: #F6F7FA;
    height: calc(100% - 80px);
    overflow: auto
}

.prime-actions__item,
.prime-actions__item a {
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    position: relative
}

@media (max-width:1270px) {
    .prime-content {
        height: calc(100% - 70px)
    }
}

@media (max-width:991px) {
    .prime-content {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .prime-content {
        height: calc(100% - 50px)
    }
}

.prime-actions__item {
    background: #00B9EA;
    margin: 15px 0
}

.prime-actions__item a {
    display: table;
    height: 75px;
    width: 100%;
    font-size: 20px;
    color: #fff
}

.prime-actions__item a:hover {
    text-decoration: none
}

.prime-actions__item a:hover .prime-actions__title {
    background: rgba(0, 0, 0, .05)
}

.prime-actions__icon {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    height: 100%;
    width: 72px;
    padding: 15px;
    background: #0196BE
}

.prime-actions__icon img {
    display: block;
    max-height: 40px
}

.prime-actions__icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -13px
}

.prime-actions__title {
    display: table-cell;
    white-space: normal;
    vertical-align: middle;
    padding: 15px 15px 15px 30px
}

#menuBtn {
    display: none
}

label[for=menuBtn] {
    display: none;
    width: 24px;
    height: 24px;
    top: 15px;
    left: 22px;
    /*left: 82px;*/
    position: absolute;
    cursor: pointer;
    z-index: 101
}

label[for=menuBtn]:after,
label[for=menuBtn]:before {
    display: block;
    content: "";
    width: 24px;
    height: 2px;
    background: #fff;
    position: absolute;
    margin-top: 5px;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all .2s ease-in-out
}

label[for=menuBtn]:after {
    margin-top: 13px
}

#menuBtn:checked+label[for=menuBtn]:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 9px
}

#menuBtn:checked+label[for=menuBtn]:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 9px
}

@media (max-width:991px) and (min-width:768px) {
    label[for=menuBtn] {
        top: 24px
    }
}

.prime-sidebar {
    position: absolute;
    z-index: 2;
    width: 104px;
    height: 100%;
    overflow: auto;
    top: 0;
    left: 0;
    background: #00B9EA;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .25);
}

.prime-sidebar .prime-logo {
    height: 80px;
    line-height: 80px;
    text-align: center
}

.prime-sidebar .prime-logo img {
    width: 50px
}

@media (max-width:1270px) {
    .prime-sidebar .prime-logo {
        height: 70px;
        line-height: 70px
    }
}

.prime-sidebar .prime-menu {
    margin: 0;
    padding: 0
}

.prime-sidebar .prime-menu__item {
    text-align: center;
    position: relative;
    display: block;
    padding: 15px 8px 15px 6px;
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    opacity: .8
}

.prime-sidebar .exit {
    background-color: #337ab7;
}

.prime-home-mobile {
    padding: 0 15px;
}

.home-mobile .collapser:before,
.prime-sidebar .collapser:before,
.prime-sidebar .prime-menu__item.active:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%
}

.prime-sidebar .prime-menu__item-icon {
    margin-bottom: 5px;
    display: block
}

.prime-sidebar .prime-menu__item-icon img {
    max-width: 35px;
    max-height: 35px
}

.prime-sidebar .prime-menu__item.active {
    background: #0196BE;
    opacity: 1
}

.prime-sidebar .prime-menu__item.active:after {
    width: 0;
    height: 0;
    margin-top: -13px
}

.prime-sidebar .prime-menu__item:hover {
    text-decoration: none;
    background: #0196BE;
    opacity: 1
}

@media (max-width:767px) {
    .prime-sidebar .prime-menu__item {
        height: auto;
        padding: 14px 15px;
        font-size: 16px;
        line-height: 18px;
        text-align: left
    }
}

.prime-sidebar .mCSB_scrollTools {
    width: 8px;
    margin: 0!important
}

.prime-sidebar .mCSB_container,
.prime-sidebar .mCustomScrollBox {
    overflow: visible
}

.home-mobile .collapser:before,
.prime-sidebar .collapser:before {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-right: 0;
    border-bottom: 0;
    -ms-transform: rotate(40deg) skew(-10deg);
    -webkit-transform: rotate(40deg) skew(-10deg);
    transform: rotate(40deg) skew(-10deg);
    right: 15px;
    margin-top: -2px;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all .2s ease-in-out
}

.home-mobile .collapser.collapsed:before,
.prime-sidebar .collapser.collapsed:before {
    -ms-transform: rotate(-40deg) rotateX(180deg) skew(-10deg);
    -webkit-transform: rotate(-40deg) rotateX(180deg) skew(-10deg);
    transform: rotate(-40deg) rotateX(180deg) skew(-10deg);
    margin-top: -9px
}

.home-mobile .collapser.collapsed {
    border-radius: 0 10px 0 0;
}

.home-mobile #obj {
    background-color: white;
    padding: 10px;
}
.home-mobile #obj a {
    height: auto;
    padding: 10px;
    color: #00B9EA;
}

.home-mobile #adv {
    background-color: white;

}
.home-mobile #adv a {
    width: 50%;
    float: left;
    text-align: center;
    background-color: white;
    color: #00B9EA;
    padding: 25px 5px;
    border-radius: 0;
}

.prime-sidebar .collapse .prime-menu__item,
.prime-sidebar .collapsing .prime-menu__item {
    padding: 5px 15px 5px 30px!important
}

@media (max-width:991px) {
    .prime-sidebar {
        position: fixed;
        -ms-transform: translateX(-235px);
        -webkit-transform: translateX(-235px);
        transform: translateX(-235px);
        margin-top: 70px;
        height: calc(100% - 70px);
        width: 235px;
        z-index: 99;
        transition: all .3s ease-in-out;
        box-shadow: none
    }
    .prime-sidebar:after {
        content: "";
        display: block;
        position: absolute;
        width: 200vh;
        height: 200vh;
        background: rgba(0, 0, 0, .15);
        top: 0;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease-in-out
    }
    .prime-sidebar .prime-menu {
        box-shadow: 0 15px 15px -15px rgba(0, 0, 0, .25) inset
    }
    .prime-sidebar .prime-menu__item:after {
        display: none!important
    }
    #menuBtn:checked~.prime-sidebar {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0px);
        transform: translateX(0);
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .25)
    }
    #menuBtn:checked~.prime-sidebar:after {
        visibility: visible;
        opacity: 1
    }
}

@media (max-width:767px) {
    .prime-sidebar {
        margin-top: 50px;
        height: calc(100% - 50px)
    }

    .mobile {
        display: block;
    }

    .desktop,.desktop-inline {
        display: none !important;
    }
}

@media (min-width:768px) {
    .mobile {
        display: none !important;
    }

    .desktop-inline {
        display: inline-block;
    }
    .desktop {
        display: block;
    }
}

.main-content {
    padding: 10px 30px 10px 30px;
}

.prime-tabs {
    display: table;
}

.prime-tabs li {
    float: left;
    display: table-cell;
}

.prime-tabs li a,
.prime-tabs li span {
    border: 1px solid #00B9EA;
    border-right: none;
    font-size: 14px;
    padding: 12px 20px;
    display: table-cell;
    white-space: nowrap;
}

.prime-tabs li.active a {
    background-color: #00B9EA;
    color: white;
}

.prime-tabs li a:hover {
    background-color: #0196BE;
    color: white;
}

.prime-tabs li:first-child a,
.prime-tabs li:first-child span {
    border-radius: 10px 0 0 10px;
}

.prime-tabs li.last a,
.prime-tabs li:last-child a {
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #00B9EA;
}

.prime-tabs li.content {
    padding: 5px 20px;
}

.prime-tabs li.content .grid-btn {
    float: left;
}

.prime-tab-content {
    margin-top: 20px;
}

.prime-grid-legend {
    padding: 0 0 10px 30px;
}
.prime-grid-legend .item {
    float: left;
    display: inline-block;
    margin-right: 30px;
}
.prime-grid-legend .item span {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.prime-grid-legend .item p {
    float: left;
    margin: 0 0 0 5px;
    padding-top: 7px;
    display: inline-block;
}

.grid-btn {
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: none !important;
    background-color: #ebecef;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center center;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px !important;
    padding: 0 !important;
}

.grid-btn:hover {
    background-color: #dedede !important;
}

#page-action-show .grid-btn {
    opacity: 0.5;
}
.grid-action-btn {
    width: 21px;
    height: 21px;
    border: none !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center center;
    background-color: transparent;
    outline-color: transparent;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 2px !important;
    padding: 0 !important;
    opacity: 0.5;
    filter:alpha(opacity=50);
}

.grid-check-btn {
    width: 18px;
    height: 18px;
    border: none !important;
    background-color: transparent;
    outline-color: transparent;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}
.btn-check {
    width: 16px;
    height: 16px;
    background-image: url(../img/check.svg);
    display: block;
}
.btn-checked {
    width: 16px;
    height: 16px;
    background-image: url(../img/checked.svg);
    display: block;
}
.grid-sort-btn {
    position: absolute;
    width: 6px;
    height: 10px;
    display: inline-block;
    padding: 0 !important;
    opacity: 0.4;
    filter:alpha(opacity=40);
    background-image: url(../img/sort.svg);
    margin-left: -10px;
    top: calc(50% - 6px)
}

.grid-sort-btn:hover,
.grid-action-btn:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}

.sort-up {
    background-image: url(../img/sort-up.svg);
    opacity: 1;
    filter:alpha(opacity=100);
}

.sort-down {
    background-image: url(../img/sort-down.svg);
    opacity: 1;
    filter:alpha(opacity=100);
}

.btn-add {
    background-image: url(../img/add_g.svg);
}

.btn-settings {
    background-image: url(../img/settings.svg);
}

.btn-settings-black {
    background-image: url(../img/settings-black.svg);
}

.btn-xls {
    background-image: url(../img/xls.svg);
}

.btn-xls-by-broker {
    background-image: url(../img/xls-by-broker.svg);
}

.btn-edit {
    background-image: url(../img/edit.svg);
}

.btn-show {
    background-image: url(../img/show.svg);
}

.btn-log {
    background-image: url(../img/log.svg);
}

.btn-call {
    background-image: url(../img/phone1.svg);
}

.btn-call-error-report {
    background-image: url(../img/alert.svg);
}

.btn-copy {
    background-image: url(../img/copy.svg);
}

.btn-change-broker {
    background-image: url(../img/change-broker.svg);
}

.btn-archive {
    background-image: url(../img/archive.svg);
}

.btn-archive1 {
    background-image: url(../img/archive_1.svg);
    background-size: 14px 21px;
}
.btn-archive2 {
    background-image: url(../img/archive_2.svg);
    background-size: 14px 21px;
}

.btn-to_work {
    background-image: url(../img/to_work.svg);
    background-size: 14px 18px;
}

.btn-web {
    background-image: url(../img/web.svg);
    opacity: 1!important;
}

.btn-pdf {
    background-image: url(../img/pdf.svg);
    opacity: 1!important;
}

.btn-presentation {
    background-image: url(../img/present.svg);
    opacity: 0.7!important;
}

.btn-car {
    background-image: url(../img/car.svg);
    opacity: 1!important;
}

.btn-youtube {
    background-image: url(../img/youtube.svg);
    opacity: 1!important;
    background-size: 21px 21px;
}

.btn-delete {
    background-image: url(../img/delete.svg);
    background-size: 12px;
}
.btn-rotate {
    background-image: url(../img/rotate.svg);
    background-size: 16px;
    margin-top: 5px !important;
}

.btn-drag {
    background-image: url(../img/drag.svg);
    background-size: 18px
}

.btn-favorites {
    background-size: 18px;
    opacity: 1 !important;
}
.btn-favorites-add {
    background-image: url(../img/favorites_g.svg);
}

.btn-favorites-del {
    background-image: url(../img/favorites_o.svg);
}
.prime-section-header .btn-favorites {
    background-size: 21px;
}

.btn-favorite-requests {
    background-size: 18px;
    opacity: 1 !important;
}
.btn-favorite-requests-add {
    background-image: url(../img/icon_off.svg);
}

.btn-favorite-requests-del {
    background-image: url(../img/icon_on.svg);
}

.grid-action-btn-r {
    width: 30px;
    height: 30px;
    border: none !important;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
    background-color: #f5f5f5;
    outline-color: transparent;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
}

.btn-no-contacts {
    background-image: url(../img/no_contacts.svg);
}
.btn-actual {
    background-image: url(../img/actual1.svg);
}
.btn-contact {
    background-image: url(../img/new_s.svg);
    background-size: 20px 20px;
}
.btn-no-actual {
    background-image: url(../img/no_actual1.svg);
}
.btn-site {
    background-image: url(../img/site.svg);
}
.btn-not-accepted {
    margin-top: 2px;
    background-image: url(../img/not-accepted.svg);
}
.btn-for-site {
    background-image: url(../img/for-site.svg);
}
.btn-for-site-filled {
    background-image: url(../img/for-site-filled.svg);
}
.btn-request-update-info {
    background-image: url(../img/draft.svg);
}

.btn-google-sheet-link {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    padding: 7px 10px 0 30px !important;
    background-image: url(../img/google-docs.svg);
    color: #95989A;
    opacity: 1!important;
}

.btn-whatsapp {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/calls.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-whatsapp-m  {
    width: 90px!important;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/calls.svg);
    padding-right: 10px !important;
    color: #000;
}
.btn-chat-whatsapp {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/whatsapp.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-telegram {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/telegram.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-add-recomendation {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/plus_white.svg);
    background-color: #00B9EA;
    padding: 7px 10px 0 35px !important;
    color: white;
    opacity: 1!important;
}
.btn-telegram-m  {
    width: 90px!important;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/telegram.svg);
    padding-right: 10px !important;
    color: #000;
}
.btn-print {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/print.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-client-transfer {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/move.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-big-to_work {
    width: 130px;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/to_work.svg);
    padding: 0 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
    white-space: nowrap !important;
}
.btn-big-to_work-en {
    width: 170px;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/to_work.svg);
    padding: 0 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
    white-space: nowrap !important;
}
.btn-blacklist {
    width: auto;
    border-radius: 30px!important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/ico/main/blacklist.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-shows {
    width: auto;
    border-radius: 30px !important;
    background-position: left 8px center;
    text-align: right;
    background-image: url(../img/shows.svg);
    padding: 7px 10px 0 35px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-print:hover {
    text-decoration: none;
}

.btn-save-to-cabinet {
    width: auto;
    border-radius: 30px !important;
    text-align: right;
    padding: 7px 10px 0 10px !important;
    color: #95989A;
    opacity: 1!important;
}
.btn-save-to-cabinet:hover {
    text-decoration: none;
}

.btn-filter-reset {
    width: auto;
    border-radius: 30px !important;
    padding: 8px !important;
}
.btn-filter-reset:hover {
    color: #00B9EA;
    text-decoration: none;
}

[data-title-alert]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title-alert]:after {
    content: attr(data-title-alert);
    position: absolute;
    left: 68%;
    padding: 14px 14px 14px 18px;
    color: red;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #666;
    -webkit-box-shadow: 0px 0px 4px #666;
    box-shadow: 0px 0px 4px #666;
    background-image: -moz-linear-gradient(top, #f0eded, #bfbdbd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0eded), color-stop(1, #bfbdbd));
    background-image: -webkit-linear-gradient(top, #f0eded, #bfbdbd);
    background-image: -moz-linear-gradient(top, #f0eded, #bfbdbd);
    background-image: -ms-linear-gradient(top, #f0eded, #bfbdbd);
    background-image: -o-linear-gradient(top, #f0eded, #bfbdbd);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}
[data-title-alert] {
    position: relative;
}

.tooltip-inner {
    background-color: white;
    color: #00B9EA;
    padding: 8px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    width: 350px;
    max-width: 350px;
}

.tooltip.in{
    opacity:1;
    filter:alpha(opacity=100)
}

.tooltip.top .tooltip-arrow {
    border-top: 6px solid #fff;
}

.tooltip.left .tooltip-arrow {
    border-left: 6px solid #fff
}

.tooltip.bottom .tooltip-arrow  {
    border-bottom: 6px solid #fff
}

.tooltip.right .tooltip-arrow{
    border-right: 6px solid #fff
}

.prime-table {
    width: 100%;
}

.prime-table th {
    background-color: #ebecef;
    font-weight: 400;
    color: #00B9EA;
    padding: 15px 8px;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

.prime-table th.sort {
    padding-left: 17px;
}

.prime-table th.text-right,
.prime-table td.text-right {
    text-align: right;
}

.prime-table th.sort span.sorted {
    font-weight: 600;
}

.prime-table td {
    background-color: white;
    border-bottom: 1px solid #ebecef;
    padding: 20px 8px;
    color: #37474F;
    vertical-align: top;
}

.prime-table td:first-child {
    padding-left: 15px;
}
.prime-table th:first-child {
    padding-left: 25px;
}

.prime-table th:last-child,
.prime-table td:last-child {
    padding-right: 15px;
}

.prime-table tr.prev td {
    background: linear-gradient(to top, #f5f5f6, #fff);
}

.prime-table tr.next td {
    background: linear-gradient(to bottom, #f8f8f8, #fff);
}

.prime-table tr.highlight td {
    /*background: #f5f5f6;*/
}

.prime-table caption {
    text-align: left;
    margin-bottom: 10px;
}
.prime-table caption .prime-table-caption {
    margin-top: 10px;
}
.mobile-caption {
    margin-bottom: 10px;
    padding: 0 15px;
}

.prime-section-header .title,
.mobile-caption .title,
.prime-table caption .title {
    font-size: 20px;
    float: left;
    margin-right: 20px;
}

.prime-section-header .title a,
.mobile-caption .title a,
.prime-table caption .title a {
    color: #37474F;
}

.prime-table .fast-filter,
.prime-table .search-by-field,
.prime-table .search-by-name,
.prime-table .search-by-id {
    display: inline-block;
    margin-right: 5px;
}

.prime-table .fast-filter {
    padding-top: 7px;
}
.prime-table .fast-filter a {
    margin-right: 10px;
}
.prime-table .search-by-field span,
.prime-table .search-by-name span,
.prime-table .search-by-id span {
    font-size: 14px;
    margin-right: 5px;
}
.prime-table .search-by-field input[type=text],
.prime-table .search-by-name input[type=text],
.prime-table .search-by-id input[type=text] {
    border-radius: 20px;
    margin: 0;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
    width: 100px;
    height: 30px;
    border: 1px solid #00B9EA;
    background: #fff;
    color: #95989A;
    outline: none;
}
.prime-table .search-by-field input[type=text],
.prime-table .search-by-name input[type=text] {
    width: 150px;
}

.prime-section-header {
    margin-bottom: 20px;
}
.prime-section-header span.dates {
    margin-left: 5px;
    color: #FA5B6C
}
.prime-section-header a.back {
    width: 20px;
    height: 18px;
    margin-top: 3px;
    float: left;
    margin-right: 5px;
    background: url(../img/toggle_g.svg) center right no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: 18px;
    opacity: 0.7;
}
.prime-section-header a.back:hover {
    opacity: 1;
}
.prime-section-header:after {
    clear: both;
    display: block;
    content: '';
}

.prime-table td.row-actions {
    white-space: nowrap;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
}

.pad8 {
    padding: 0 8px;
}
.pad15 {
    padding: 15px 8px;
}
.padl8 {
    padding-left: 8px;
}
.padr8 {
    padding-right: 8px;
}
.padl15 {
    padding-left: 15px;
}
.padlr8 {
    padding-left: 8px;
    padding-right: 8px;
}
.mob-row {
    padding-left: 8px;
    padding-right: 8px;
}
.mob-row div.col {
    padding: 15px 8px;
}
.mob-row-inner:after {
    clear: both;
    display: table;
    content: " ";
}
.padtop15 {
    /*padding-top: 15px;*/
}
.inner-pad15 {
    padding: 0 8px;
}
.inner-pad15 div.col {
    padding: 15px 8px;
}

.middle {
    vertical-align: middle;
}

.bg-gray {
    background-color: #EDEFF5;
}
.bg-white {
    background-color: #fff;
}
.bg-light-blue {
    background-color: #f0fafd;
}

.border-fade:after {
    content: '';
    height: 15px;
    background: linear-gradient(to bottom, #E2E3E6, #F6F7FA);
    display: block;
    position: relative;
}
.border-fade-before:before {
    content: '';
    width: 100%;
    height: 15px;
    background: linear-gradient(to bottom, #E2E3E6, #F6F7FA);
    display: block;
    position: relative;
}

.bottom-darkgray {
    border-bottom: 1px solid #95989A;
}

.mobile-row-btn {
    background-color: #00B9EA;
}

.mobile-row-btn a {
    color: #fff;
    position: absolute;
    vertical-align: middle;
    top: calc(50% - 6px);
}

.mobile-paging {
    margin: 20px 0 0 0;
}

.rows-total {
    padding: 12px 10px;
    color: #86949A;
    font-size: 14px;
    margin: 20px 0;
    float: right;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.per-page>li span,
.per-page>li a,
.paging>li span,
.paging>li a,
.mobile-paging>li span,
.mobile-paging>li a {
    border-color: #00B9EA;
    padding: 12px 10px;
    color: #01B9EA;
    background-color: #fff;
}
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    border-color: #00B9EA;
}
/*
.pagination>li span:hover {
    border-right: 1px solid #fff;
}
*/
.pagination>li>a {
    border-left: none;
    border-right: none;
}
.pagination>li span.divider {
    width: 2px;
    height: 42px;
    padding: 0;
    background-color: #00B9EA;
}
.pagination>li>a:focus,
.pagination>li>a:hover {
    background-color: #0196BE;
    color: #fff;
}

.pagination>li.active>a,
.pagination>li.active>a:hover {
    background-color: #00B9EA;
    border-color: #00B9EA;
}

.mobile-paging>li:first-child>a {
    border-left: 1px solid #00B9EA;
}
.mobile-paging>li:last-child>a {
    border-right: 1px solid #00B9EA;
}

@media (max-width:767px) {
    .per-page>li:first-child>a,
    .per-page>li:first-child>span,
    .per-page>li:last-child>a,
    .per-page>li:last-child>span {
        border-radius: 0;
    }
    .per-page>li:last-child>a {
        border-right: 1px solid #00B9EA;
    }
    .per-page {
        margin: 15px 0 0 0;
    }
}
.mobile-paging>li:first-child>a,
.mobile-paging>li:first-child>span,
.mobile-paging>li:last-child>a,
.mobile-paging>li:last-child>span {
    border-radius: 0;
}

.paging {
    margin-bottom: 0;
    float: right;
}

.paging>li:first-child>a,
.paging>li:first-child>span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #00B9EA;
}

.paging>li:last-child>a,
.paging>li:last-child>span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #00B9EA;
}

.grid-top-paging {
    margin-top: 5px;
}
.grid-top-paging .paging {
    float: left;
}

.grid-top-paging .pagination {
    margin: 0;
}

.grid-top-paging .rows-total {
    margin: 0;
    float: left;
}

.prime-dropdown {
    margin: 0;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    color: #5a666d;
}

.prime-search .prime-dropdown {
    max-height: 300px;
    overflow: auto;
}

.prime-search .prime-dropdown:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    margin-top: -7px;
    margin-left: -7px;
    height: 0;
    width: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.prime-search a,
.prime-search .active a {
    font-size: 14px;
    background: #fff !important;
    color: #01B9EA !important;
}
.prime-search .active a:hover{
    text-decoration: underline !important;
}

.search-by-id-msg,
.search-by-phone-msg {
    position: absolute;
    display: none;
    width: 200px;
    color: red;
    top: 39px;
    font-size: 14px;
    padding: 8px 20px;
    background-color: #fff;
    z-index: 1000;
}

.prime-rates{
    float: right;
    height: 80px;
    padding: 13px 0 0 10px;
    font-size: 13px;
}

.prime-rates-m{
    float: right;
    padding: 7px 10px 0 15px;
    font-size: 13px;
}

.prime-favorites {
    float: right;
    height: 80px;
    line-height: 80px;
    padding: 0 20px 0 30px;
    font-size: 13px;
}
.prime-favorites i {
    width: 25px;
    background: url(../img/favorites.svg);
    display: inline-block;
    height: 23px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.prime-favorites a {
    color: #fff;
}
.prime-favorites-m {
    float: left;
}
.prime-favorites-m a {
    display: inline-block;
    width: 20px;
    height: 18px;
    position: relative;
    top: 3px;
    margin: 12px 10px 0 5px;
}

/* Код увеличителя начинается здесь */
.ienlarger {
    float: left;
    clear: none; /* Можно установить left или right по необходимости */
    padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
    padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */
}

.ienlarger a {
    display:block;
    text-decoration: none;
    /* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
    position:relative;
}

.ienlarger span img {
    border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
    margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
    max-height: 300px;
}

.ienlarger a span {  /* Для большого изображения и названия */
    position: absolute;
    display:none;
    background-color: #01B9EA;
    padding: 10px;
}

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
    border-width: 0;
}

.ienlarger a:hover span {
    display:block;
    top: -125px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
    left: 75px; /* Большое изображение выскакивает влево на 90px от миниатюры */
    z-index: 100;
    /* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.resize_thumb {
    width: auto;
    height : 50px;
}

.grid-img {
    display: none;
}
/* Код увеличителя закончен */

.scroll-disable{
  overflow:hidden;
}

#modalPopup .modal-dialog,
#modalRequestOffers .modal-dialog,
#modalLogs .modal-dialog {
    width: 800px;
}
#modalPopup .modal-body,
#modalRequestOffers .modal-body,
#modalLogs .modal-body {
    padding: 0 0 5px 0;
    overflow-y: auto;
    margin: 1px;
}
#modalPopup .modal-content .modal-body:after,
#modalRequestOffers .modal-content .modal-body:after,
#modalLogs .modal-content .modal-body:after {
    content: none;
}
#modalLogs table.logs tr:nth-child(odd) td {
    background:#F6F7FA;
}
#modalLogs table.logs tr:nth-child(even) td {
    background:#fff;
}
#modalLogs table.logs th,
#modalLogs table.logs td {
    padding: 15px 25px;
}
#modalLogs table.logs th{
    color: #86949A;
    background-color: #EDEFF5;
}
#modalLogs table.logs tr.log-info td {
    background:#d1f3fb;
}
#modalLogs table.logs tr.log-info-data td {
    background:#f2fcfe;
}
#modalLogs .info-data label {
    text-align: right;
    color: #86949A;
    width: 180px;
}

.div-error-budget-checking {
    padding: 20px;
    font-size: 14px;
    color: red;
}
.div-loading {
    background: url(../img/loading-big.gif) center no-repeat;
    height: 70px;
}
.span-loading {
    background: url(../img/loading-big.gif) center no-repeat;
    background-size: 18px;
    height: 18px;
    display: block;
}
.action-log-info {
    background: url(../img/toggle.svg) center right no-repeat;
    background-size: 12px;
    padding-right: 20px;
}
.action-log-info-hide{
    padding-right: 20px;
}
.action-log-info-hide:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 18px;
    background: url(../img/toggle.svg) center right no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-size: 12px;
    margin-left: 8px;
}

.for-site:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 18px;
    background: url(../img/web1.svg) center right no-repeat;
    background-size: 12px;
    margin-left: 8px;
}

.info:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 18px;
    background: url(../img/log.svg) center right no-repeat;
    background-size: 12px;
    margin-left: 8px;
    cursor: pointer;
}

#prime-filter-nav {
    position: fixed;
    right: 0;
    top: 105px;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    cursor: pointer;
    background: url(../img/filter.svg) center center no-repeat #00B9EA;
    background-size: 16px;
    z-index: 1050;
}
#prime-filter-nav img {
    width: 16px;
    margin-top: 18px;
    margin-left: 20px;
}
#prime-filter-nav:hover {
    background-color: #0196BE;
}
.prime-filter-nav-opened {
    right: 265px !important;
    background: url(../img/filter_g.svg) center center no-repeat #fff !important;
    background-size: 16px !important;
}
#prime-filter-nav-opened:hover {
    background-color: #00B9EA !important;
}
@media (max-width:1270px) {
    #prime-filter-nav {
        top: 95px;
    }
}

#prime-filter {
    /*position: absolute;
    top: 25px;*/
    position: fixed;
    top: 105px;
    right: 0;
    width: 265px;
    height: calc(100vh - 120px);
    background-color: transparent;
    z-index: 1050;
    /*overflow: hidden;*/
    overflow: auto;
    display:none;
}
#prime-filter-wrapper {
    position: relative;
}
#prime-filter .filter_inner {
    background-color: #fff;
    max-height: calc(100vh - 210px);
}
/*
#prime-filter .filter_inner:after {
    content: '';
    display: block;
    height: 85px;
}
*/
#prime-filter .filter_footer {
    background-color: #fff;
    padding: 10px 15px;
    position: relative;
    bottom: 0;
}
#prime-filter .filter-submit {
}
#prime-filter .filter-submit button {
    background-color: #00B9EA;
    color: #fff;
    width: 100%;
}
#prime-filter .filter-reset {
    padding-top: 10px;
    text-align: center;
}
#prime-filter .mCSB_scrollTools {
    /*left:0!important;
    right:auto!important;*/
}
@media (max-width:1270px) {
    #prime-filter {
        top: 95px;
    }
}

.filter-item-header {
    padding: 15px;
    cursor: pointer;
    background: linear-gradient(to bottom, #fff, #f8f8f8);
    position: relative;
}
.filter-item-header:hover{
    /*background: linear-gradient(to top, #fff, #f8f8f8);*/
    background: none;
}
.filter-item-header-no-content {
    padding: 15px;
    position: relative;
}
.filter-item-header-no-content div,
.filter-item-header div {
    font-size: 14px;
    color: #4D5A61;
}
.filter-item-header-no-content div.inline {
    display: inline-block;
    float: right;
    margin-top: -5px;
}
.filter-item-header-no-content div.inline input[type=text] {
    border-radius: 20px;
    margin: 0;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    border: 1px solid #00B9EA;
    background: #fff;
    color: #95989A;
    outline: none;
}
.filter-item-header div.content {
    background: url(../img/toggle_g.svg) center right no-repeat;
    background-size: 12px;
}
.filter-item-header-opened,
.filter-item-header-opened div.content {
    background: none;
}
.filter-item-header-opened:hover {
    background: linear-gradient(to bottom, #fff, #f8f8f8);
}
.filter-item-header-opened:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 18px;
    background: url(../img/toggle_g.svg) center right no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-size: 12px;
    right: 15px;
    top: 15px;
}
.filter-item-header-selected {
    background: #00B9EA !important;
}
.filter-item-header-selected .filter-item-title {
    color: #fff;
}
.filter-item-content {
    display: none;
}
.filter-item-content .filter-item-title,
.filter-item-content .prime-control {
    padding: 0 15px;
}
.filter-item-content div.first {
    height: 15px;
    background: linear-gradient(to top, #fff, #ebebeb);
}
.filter-item-content div.last {
    height: 15px;
    background: linear-gradient(to bottom, #fff, #ebebeb);
}
.filter-item-content .prime-checklist-filter {
    background-color: #F2FCFE !important;
    border: none;
    border-bottom: 1px solid #00B9EA !important;
    height: 40px;
    width: 100%;
    outline: none;
    padding: 15px;
    margin-bottom: 10px;
}
.filter-item-content .multiselect-native-select button,
.filter-item-content .bootstrap-select button,
.filter-item-content .prime-control-text input[type="text"],
.filter-item-content .prime-control-text select {
    border: 1px solid #95989A;
    background-color: #fff;
    font-size: 12px;
    height: 30px;
    padding: 8px 15px;
    color: #4D5A61;
}
.filter-item-content .prime-control button:focus,
.filter-item-content .prime-control .open button,
.filter-item-content input:focus {
    border: 1px solid #00B9EA;
    color: #00B9EA;
    background-color: #F2FCFE;
}
.filter-item-content .prime-control input {
    width: 100%;
}
.prime-form-wrapper .prime-control-interval:after,
.filter-item-content .prime-control-interval:after {
    content: "";
    clear: both;
    display: table;
}
.prime-form-wrapper .prime-control-interval input,
.filter-item-content .prime-control-interval input {
    width: calc(50% - 8px);
    float: left;
}

.filter-item.quick-filter {
    margin-bottom: 5px;
}

.quick-filter .filter-item-content .prime-control-interval input,
.quick-filter .filter-item-content .prime-control-interval span.to {
    float: none;
    background: #fff;
}

.quick-filter .filter-item-content .input-price {
    padding: 0;
    height: 28px;
    box-shadow: none !important;
    border: 0 !important;
}

.quick-filter .filter-item-content .input-currency,
.quick-filter .filter-item-content .input-currency span {
    height: 28px;
    font-size: 12px;
}

.quick-filter.filter-rooms ,
.quick-filter.filter-rooms .filter-item-content .select-rooms-type span,
.quick-filter.filter-rooms .filter-item-content .select-rooms-count span {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.select-rooms-count, .select-rooms-type {
    float: none;
    display: inline-block;
}

.select-rooms-count span, .select-rooms-type span {
    padding: 6px 5px 5px;
    display: inline-block;
}

.quick-filter .inputmask-int {
    box-shadow: none !important;
    border: 0 !important;
    height: 28px;
}

.prime-form-wrapper .prime-control-interval span.to{
    width: 16px;
    height: 40px;
    float: left;
    display: inline-block;
    padding-top: 12px;
    padding-left: 6px;
    overflow: hidden;
    color: #95989A;
}
.prime-form-wrapper .input-price {
    width: calc(100% - 70px);
    display: inline-block;
}
.prime-form-wrapper .prime-control-interval .input-price {
    width: calc(50% - 8px - 35px);
}
.filter-item-content .input-currency,
.prime-form-wrapper .input-currency {
    margin-left: 3px;
    height: 40px;
    background-color: #F5F5F5;
    color: #00B9EA;
    display: inline-block;
    float: right;
}
.filter-item-content .input-price {
    padding: 6px;
}
.filter-item-content .input-currency {
    height: 30px;
}

.filter-item-content .input-currency span,
.prime-form-wrapper .input-currency span {
    height: 40px;
    padding: 7px 0 0 5px;
    width: 22px;
    overflow: hidden;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
}

.filter-item-content .input-currency span {
    height: 30px;
    padding: 4px 0 0 3px;
    font-size: 18px;
    width: 18px;
}

.filter-item-content .input-currency span.selected,
.prime-form-wrapper .input-currency span.selected,
.filter-item-content .select-rooms-type span.selected,
.filter-item-content .select-rooms-count span.selected {
    background-color: #00B9EA;
    color: #fff;
}

.prime-form-wrapper .prime-control-interval span.postfix{
    color: #95989A;
}

.filter-item-content .prime-control-interval span.to {
    width: 16px;
    height: 16px;
    float: left;
    display: inline-block;
    padding-top: 5px;
    padding-left: 6px;
    overflow: hidden;
    color: #95989A;
}
.filter-item-content .bootstrap-select button {
    background-image: none;
    border-radius: 0;
}
.filter-item-content .bootstrap-select {
    font-size: 12px;
}
.filter-item-content .multiselect-native-select .btn-group,
.filter-item-content .multiselect-native-select .btn-group button {
    width: 100%;
}
.filter-item-content .multiselect-native-select .btn-group button span {
    float: left;
}

.prime-radio,
.prime-checkbox {
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin: 0 3px 0 0;
}
.prime-radio + label,
.prime-checkbox + label {
	cursor: pointer;
    font-weight: 100;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    height: 20px;
}
.prime-radio:not(checked),
.prime-checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.prime-radio:not(checked) + label,
.prime-checkbox:not(checked) + label {
	position: relative;
	padding: 0 0 0 26px;
}
.prime-checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #fff;
    border: 1px solid #00B9EA;
}
.prime-checkbox:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 3px;
	width: 10px;
	height: 10px;
	background: #00B9EA;
	border-radius: 2px;
    display:none;
}
.prime-radio:not(checked) + label:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	background: #fff;
    border: 1px solid #00B9EA;
}
.prime-radio:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 3px;
	width: 10px;
	height: 10px;
	background: #00B9EA;
	border-radius: 10px;
    display:none;
}
.prime-radio:checked + label:before,
.prime-checkbox:checked + label:before {
}
.prime-radio:checked + label:after,
.prime-checkbox:checked + label:after {
    display:block;
}
.prime-form-wrapper .prime-radio + label {
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}

.prime-radiolist,
.prime-checklist {
    max-height: 33vh;
    overflow: auto;
}
.prime-radiolist li,
.prime-checklist li {
    list-style-type: none;
    height: 25px;
    margin-top: 2px;
    position: relative;
}
.prime-radiolist li:before,
.prime-checklist li:before {
    content: '';
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    background: linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0));
    display: block;
    z-index: 1;
}

#page-action-show  {
    padding: 10px 30px;
}

#page-form-edit {
    padding: 10px 30px 60px 30px;
}
#page-form-edit-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 15px 30px 15px 134px;
    width: 100%;
    background-color: #fff;
    z-index: 1;
}
#page-form-edit-fixed:before{
    content: '';
    width: 100%;
    height: 10px;
    background: linear-gradient(to top, #E2E3E6, #F6F7FA);
    display: block;
    position: fixed;
    bottom: 70px;
}
#page-form-edit-fixed a {
    font-size: 14px;
    margin-left: 30px;
}

.prime-show-content .prime-show-wrapper {
    float: left;
}
.prime-show-content .linked {
    margin-left: -30px;
}
@media print {.prime-show-content .linked {margin-left: 0}}

.prime-show-wrapper,
.prime-form-wrapper {
    width: 470px;
    background-color: #fff;
    padding: 30px 0 20px 0;
    -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.1);
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
    margin: 0 30px 30px 0;
}

.prime-show-wrapper .row {
    padding: 0 30px;
    min-height: 20px;
    margin-bottom: 10px;
}
.prime-form-wrapper .row-header,
.prime-show-wrapper .row-header {
    padding: 0 0px 15px 15px;
    font-size: 14px;
    text-transform: uppercase;
    color: #49575E;
    font-weight: 600;
}
.prime-form-wrapper .block-header,
.prime-show-wrapper .block-header {
    margin-top: -15px;
}
.prime-show-wrapper #comments-add {
    padding: 20px;
    background-color: #F2FCFE;
    border-bottom: 1px solid #EDEFF5;
}
.prime-show-wrapper #comments-add:after {
    display: block;
    content: '';
    clear: both;
}
.prime-show-wrapper #comments-add form {
    width: 100%;
}
.prime-show-wrapper #comments-add input[type=text] {
    height: 40px;
    width: 50%;
    background-color: #fff;
    border: 1px solid #00B9EA;
    color: #49575E;
    float: left;
}
.prime-show-wrapper #comments-add button[type=submit] {
    float: right;
    width: 45%;
    padding: 0;
}

.prime-show-wrapper #comments-text .comments-row {
    min-height: 40px;
    border-bottom: 1px solid #EDEFF5;
    padding: 10px 20px;
    color: #49575E;
    display: table;
    width: 100%;
}
.prime-show-wrapper #comments-text .comments-row span.date {
    width: 65px;
    display: table-cell;
}
.prime-show-wrapper #comments-text .comments-row span.user {
    padding: 0 20px;
    width: 155px;
    display: table-cell;
}
.prime-show-wrapper #comments-text .comments-row span.text {
    width: calc(100% - 220px);
    display: table-cell;
}

.prime-show-wrapper .thumbnail {
    border: none;
    padding: 0;
    margin: 0;
}


.prime-form-wrapper .row {
    padding: 0 30px;
    min-height: 40px;
    margin-bottom: 8px;
}
.prime-show-wrapper .row .control-label {
    text-align: right;
    font-size: 12px;
    color: #95989A;
    font-weight: 400;
    vertical-align: middle;
    margin-bottom: 0;
    display: table;
    padding-left: 0;
    padding-right: 5px;
}
.prime-form-wrapper .row .control-label {
    text-align: right;
    font-size: 12px;
    color: #95989A;
    font-weight: 400;
    height: 40px;
    vertical-align: middle;
    margin-bottom: 0;
    display: table;
    padding-left: 0;
}
.prime-form-wrapper .row .control-label span {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
}
.prime-form-wrapper .row .control-label span.required {
    color: #0196be;
}
.prime-form-wrapper .row .control-label span.align-left {
    text-align: left;
}
.prime-form-wrapper input[type="text"] {
    border-bottom: 1px solid #cacbcc;
    background-color: #f5f5f5;
    color: #a7adb1;
    height: 40px;
}

.prime-form-wrapper .row .bootstrap-select {
    height: 40px;
}
.prime-form-wrapper .row .bootstrap-select .dropdown-toggle {
    border-radius: 3px;
    border: none;
    background-image: none;
    background-color: #f5f5f5;
    color: #95989A;
    font-size: 12px;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
}
.prime-form-wrapper .row .bootstrap-select div.dropdown-menu {
    margin-top: 10px;
    padding: 0;
    max-width: 1000px;
}
.prime-form-wrapper .row .dropdown-menu ul{
    margin: 0;
    padding: 0;
}
.prime-form-wrapper .row .dropdown-menu a {
    outline-color: transparent;
    color: #95989A;
    padding: 8px 30px 8px 20px;
}
.prime-form-wrapper .row .multiselect-container>li>a {
    padding-left: 5px;
}
.prime-form-wrapper .row .multiselect-container>li>a>label {
    padding-left: 30px;
}
.multiselect-container > li > a > label > input[type="checkbox"] {
    vertical-align: middle;
    position: relative;
}
.prime-form-wrapper .row .dropdown-menu li.active a,
.prime-form-wrapper .row .dropdown-menu li.active a:hover,
.prime-form-wrapper .row .dropdown-menu li.active a:focus,
.prime-form-wrapper .row .dropdown-menu li>a:hover,
.prime-form-wrapper .row .dropdown-menu li>a:focus {
    background-color: #00B9EA;
    background-image: none;
    color: #fff
}
.prime-form-wrapper .row .bootstrap-select .bs-placeholder {
    color: #bbb;
}
.prime-form-wrapper .row-required label span {
   color: #fb7785 !important;
}
.prime-form-wrapper .row-required .prime-control input[type="text"] {
    background-color: #fee3e6 !important;
    border-bottom: 1px solid #fb7785 !important;
}
.prime-form-wrapper .row-required .prime-control textarea {
    background-color: #fee3e6 !important;
    border: 1px solid #fb7785 !important;
}
.prime-form-wrapper .row-required .dropdown-toggle {
    background-color: #fee3e6 !important;
}

.prime-form-wrapper .row .multiselect-native-select .btn .caret {
    margin-top: 8px;
    float: right;
}
.prime-form-wrapper .row .multiselect-native-select .btn-group {
    width: 100%;
}
.prime-form-wrapper .row .multiselect-native-select .dropdown-toggle {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: none;
    background-image: none;
    background-color: #f5f5f5;
    color: #95989A;
    font-size: 12px;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.prime-form-wrapper .row .multiselect-native-select .multiselect-selected-text {
    float: left;
    width: 90%;
    text-align: left;
    overflow: hidden;
}
.prime-form-wrapper .row .multiselect-native-select .multiselect-search {
    background-color: #F2FCFE !important;
    border-bottom: 1px solid #00B9EA !important;
}

/* multiselect */



/* end multiselect */

.prime-switch-wrapper {
    position: relative;
}
.prime-switch {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.prime-switch:not(checked) {
	position: absolute;
	opacity: 0;
}
.prime-switch:not(checked) + label:before {
	cursor: pointer;
	content: '';
	position: absolute;
    top: 5px;
	left: 0;
	width: 50px;
	height: 26px;
	border-radius: 13px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.prime-switch:not(checked) + label:after {
	cursor: pointer;
	content: '';
	position: absolute;
	top: 9px;
	left: 4px;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: all .2s;
}
.prime-switch:checked + label:before {
	background: #00B9EA;
}
.prime-switch:checked + label:after {
	left: 28px;
}
.prime-switch:focus + label:before {
	box-shadow: 0 0 0 3px rgba(220,220,220,.5);
}

#page-form-edit .control-validation {
    margin-top: 2px;
    background-color: #fee3e6;
    padding: 5px 10px;
    color: #fb7785;
    display: none;
}

.input-currency,
.select-rooms-count {
    width: auto;
    display: inline;
    margin-left: 3px;
}

.map__my-location {
    margin-top: 25px;
    margin-bottom: 10px;
}

.map__my-location .btn-common {
    padding: 12px;
    text-align: center;
    width: 100%;
    display: block;
}

.map__my-location .btn-common span {
    display: none;
}

/* Модальное окно  */
#modal-loading .arcticmodal-loading {
    display: inline-block;
}

#modal-loading .content {
    width: 400px;
}

#modal-loading .content .alert {
    margin-bottom: 0;
}
/* end Модальное окно  */

/* Uploader */
.uploader-controls {
}
.uploader-controls button {
    width: calc(50% - 5px);
    float: left;
    padding: 0 5px;
    margin: 0;
    font-size: 12px;
}
.uploader-controls .uploader-drop {
    width: calc(50%);
    float: right;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    background-color: #F2FCFE;
    color: #00B9EA;
    border: dashed 1px #00B9EA;
    border-radius: 0;
    padding: 0 5px;
}
.uploader-controls .uploader-drop span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.uploader .loading {
    margin-top: 5px;
}

.upload-error {
    margin-left: 10px;
    color: red;
    font-weight: bold;
}

.uploader .files li {
    margin: 0 20px 20px 0;
    background-color: #fff;
    width: 100%;
    max-width: 225px;
    height: 150px;
    padding: 10px;
    border: 1px solid #cacbcc;
    border-radius: 0;
    color: #95989A;
}

/*
.uploader-multi .files li {
    width: 225px;
    height: 150px;
}
*/

.uploader .thumbnail {
    border: none;
    padding: 0;
    width: 70%;
    margin: 0 5px 5px 0;
}
.uploader .thumbnail>img {
    max-width: 100%;
    max-height: 95px;
}

.uploader .files li img {
    margin-right: 5px !important;
}

.uploader .files li div.img {
    width: calc(100% - 35px);
}

.uploader .files .bottom {
    margin-top: 100px;
}

.uploader .files li.placeholder {
}

.uploader-rotate,
.uploader-drag,
.uploader-delete {
    margin: 0;
    background-color: #ebecef;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
}

.uploader-rotate3 {
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}
.uploader-rotate2 {
    transform:          rotate(180deg);
    -ms-transform:      rotate(180deg);
    -moz-transform:     rotate(180deg);
    -webkit-transform:  rotate(180deg);
    -o-transform:       rotate(180deg);
}
.uploader-rotate1 {
    transform:          rotate(270deg);
    -ms-transform:      rotate(270deg);
    -moz-transform:     rotate(270deg);
    -webkit-transform:  rotate(270deg);
    -o-transform:       rotate(270deg);
}


.uploader .original i {
    margin: 5px 0 0 5px;
    font-size: 1.5em;
}

.uploader .file-title {
    width: calc(100% - 35px);
}

.uploader .file-drag {
    cursor: pointer;
    padding: 3px 0;
}

.uploader input[type="text"] {
    height: 30px;
    border: none;
}
.show-image {
    width: 100%;
    max-width: 250px;
}
.multi-files .show-image {
    width: 250px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 175px;
    overflow: hidden;
}
.multi-files-2col .show-image {
    width: calc(50% - 5px);
    height: auto;
}
.multi-files-2col .show-image:nth-child(even) {
    margin-right: 0;
}


/* end Uploader */

/* Перетаскивание */
/*
body.dragging, body.dragging * {
    cursor: move !important;
}
ul.sortable li {
    cursor: move;
}
*/

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}
/* end Перетаскивание */

.prime-multi-columns:after {
    clear: both;
    display: block;
    content: '';
}
.prime-multi-columns .prime-multi-columns-col {
    display: inline-block;
    float: left;
}
#page-form-edit .prime-multi-columns .prime-multi-columns-col {
    /*margin-bottom: 60px;*/
}
#page-action-show .prime-multi-columns .prime-multi-columns-col {
    margin-bottom: 0;
}
.prime-multi-columns .prime-multi-columns-col .prime-form-wrapper {
    width: calc(100% - 30px);
}
.prime-multi-columns .prime-multi-columns-col .prime-show-wrapper {
    width: calc(100% - 30px);
}
.prime-multi-columns .prime-multi-columns-col:last-child .prime-form-wrapper {
    width: 100%;
}
.prime-multi-columns .prime-multi-columns-col:last-child .prime-show-wrapper {
    width: 100%;
}

/* работа с клиентом */
@media (min-width:780px) {
    .prime-tab-content #request .prime-form-wrapper {
        width: 550px;
    }
}

.requests-work {
    margin: -15px -30px;
}
.add-request-work, .add-tag, .add-feedback, .add-signal, .add-recomendation {
    margin-left: 20px;
    font-size: 12px;
    text-transform: none;
    background-position: left center;
    background-image: url(../img/plus.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.add-tag {
    margin-left: 0;
    display: inline-block;
}

.tag {
    display: flex;
    width: fit-content;
    float: left;
    padding: 0 5px;
    margin: 5px;
    background: #ccc;
    color: #0f0f0f;
    border-radius: 5px;
    cursor: pointer;
}

.tag.active {
    background: #00B9EA;
    color: #fff;
}

.work-tp-label {
    margin-right: 5px;
    margin-left: 10px
}
.work-dt-label {
    margin-right: 5px;
}
.work-tp-input {
    width: 175px;
    display: inline-block
}
.requests-comm-row {
    margin: 0 -30px;
}

#request_work_tbl .actions {
    width: 21px;
}
/* end работа с клиентом */

/* дашборд руководителя */
.prime-home-boss {
    min-width: 1190px;
}
.prime-home-boss .filter div.item {
    width: calc(50% - 10px);
    display: inline-block;
}
.prime-home-boss .filter .dt {
    float: left
}
.prime-home-boss .filter .segment {
    float: right
}
.prime-home-boss .nav li a {
    padding: 12px 15px;
    height: 48px;
}
.prime-home-boss .nav li.two-line a {
    line-height: 14px;
    padding-top: 8px;
    padding-bottom: 9px;
}

.prime-home-boss .filter .ttl {
    font-size: 20px;
    height: 45px;
    margin: 0;
}
.prime-home-boss .filter .dt span.txt {
    float: left;
    margin-right: 20px;
}
.prime-home-boss .filter .dt span.separator {
    float: left;
    margin: 5px 0 0 0;
    font-size: 12px;
    width: 20px !important;
    text-align: center;
}

.prime-home-boss .filter .form-prime-control {
    width: 100px;
    height: 30px;
    float: left;
    margin: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.prime-home-boss .filter .dt .form-prime-control input {
    background-color: #fff;
}
.prime-home-boss .filter::after{
    display: block;
    clear: both;
    content: '';
}
.prime-home-boss .ttl {
    font-size: 20px;
    margin: 20px 0;
    font-weight: bold;
}

.prime-home-boss .shadow .total {
    height: 125px;
    font-size: 80px;
    text-align: center;
}
.prime-home-boss .shadow .total a {
    color: #36464e;
    white-space: nowrap;
}

.prime-home-boss .shadow .total a span {
    color: #FA5B6C;
    font-size: 40px;
}
.prime-home-boss .shadow .total a:hover {
    text-decoration: none;
}
.prime-home-boss .shadow .total img {
    height: 60px;
    margin-top: -5px;
}

.prime-home-boss .shadow .list {
    display: none;
    height: 125px;
    overflow: auto;
    color: #999;
}

.prime-home-boss .shadow .list .red {
    color: #FA5B6C;
}

.prime-home-boss .divider {
    content: '';
    height: 30px;
    clear: both;
}
.prime-home-boss #calls, .prime-home-boss #requests,
.prime-home-boss #shows, .prime-home-boss #offers,
.prime-home-boss #calls1, .prime-home-boss #presentation,
.prime-home-boss #meet, .prime-home-boss #no-contact, .prime-home-boss #shows-online {
    width: calc(25% - 23px);
    margin: 0 15px;
    float: left;
}

.prime-home-boss .p20 {
    width: calc(20% - 24px) !important;
    height: 192px;
    margin-bottom: 0!important;
}
.prime-home-boss #deals {
    margin-left: 25px;
    margin-right: 0;
    float: left;
}
.prime-home-boss #calls,
.prime-home-boss #calls1 {
    margin-left: 0;
}
.prime-home-boss #offers,
.prime-home-boss #no-contact {
    margin-right: 0;
}

.prime-home-boss #work_requests {
    width: calc(50% - 15px);
    margin-right: 15px;
    float: left;
}

.prime-home-boss #work_objects {
    width: calc(50% - 15px);
    margin-left: 15px;
    float: left;
}

.prime-home-boss .fixed-grid {
    max-height: 400px;
    overflow: auto;
}

.prime-home-boss .triple .item {
    width: calc(33% - 14px);
    margin: 0 7px;
    float: left;
    text-align: center;
}

.prime-home-boss .triple .item .inner {
    height: 150px;
    width: 150px;
    border: 15px solid #00B9EA;
    color: #00B9EA;
    margin: auto;
    border-radius: 50%;
    padding: 0 20px;
    line-height: 14px;
}

.prime-home-boss .triple .item .yellow {
    border: 15px solid #F3F95A;
    color: #86949A;
}

.prime-home-boss .triple .item .green {
    border: 15px solid #46A257;
    color: #46A257;
}

.prime-home-boss .triple .item .red {
    border: 15px solid #FA5B6C;
    color: #FA5B6C;
}

.prime-home-boss .triple .item .inner .online {
    font-size: 11px;
    color: #26923A;
    text-transform: lowercase;
    margin: 15px;
    font-weight: bold;
}
.prime-home-boss .triple .item .inner .val {
    font-size: 30px;
    margin-bottom: 15px;
}

.prime-home-boss #marketing .total {
    text-align: left;
    font-size: 14px;
    height: auto;
}
.popup-table .desktop {
    display: table-cell;
}
/* end дашборд руководителя */

/* отчеты */
.prime-report {
    /*min-width: 1190px;*/
}
.prime-report .filter .dt,
.prime-report .filter .nav,
.prime-report .filter .ttl,
.prime-report .filter .control {
    float: left;
    padding-right: 20px;
}
.prime-report .nav li a {
    padding: 12px 15px;
    height: 48px;
}
.prime-report .nav li.two-line a {
    line-height: 14px;
    padding-top: 8px;
    padding-bottom: 9px;
}

.prime-report .filter .ttl {
    font-size: 20px;
    height: 45px;
    margin: 0;
}
.prime-report .dt span.separator {
    float: left;
    margin: 5px 0 0 0;
    font-size: 12px;
    width: 20px !important;
    text-align: center;
}

.prime-report .filter .form-prime-control {
    width: 100px;
    height: 30px;
    float: left;
    margin: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.prime-report .filter .dt .form-prime-control input {
    background-color: #fff;
}
.prime-report .filter::after{
    display: block;
    clear: both;
    content: '';
}

.prime-report .filter .control .form-prime-control {
    width: 200px;
}
.prime-report .filter .control .form-prime-control .dropdown-toggle {
    height: 30px;
    background-color: #fff;
}
.prime-report .filter .control-label {
    float: left;
    margin-right: 10px;
    padding-top: 8px;
}
.prime-report .filter .control input {
    background-color: #fff;
}

.prime-report .ttl {
    font-size: 20px;
    margin: 20px 0;
    font-weight: bold;
}

.brokers-charts {
    margin: 20px 0;
}

.brokers-charts:after {
    display: block;
    clear: both;
    content: '';
}

.brokers-charts .chart {
    width: calc(50% - 15px);
    float: left;
    padding: 0;
}
.brokers-charts .chart:nth-child(even) {
    margin-left: 15px;
}
.brokers-charts .chart:nth-child(odd) {
    margin-right: 15px;
}
.brokers-charts .chart .head {
    padding: 20px;
}
.brokers-charts .chart .head .btns {
    float: right
}
.brokers-charts .chart .head .ttl {
    font-size: 16px;
}
.brokers-charts .chart .head .btns i {
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: none !important;
    background-size: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ebecef;
    display: inline-block;
    position: relative;
    margin-left: 10px;
}
.brokers-charts .chart .head .btns i.pie {
    background-image: url(../img/chart-pie_b.svg);
}
.brokers-charts .chart .head .btns i.pie-link {
    background-image: url(../img/chart-pie_g.svg);
    cursor: pointer;
}
.brokers-charts .chart .head .btns i.pie-link:hover {
    background-image: url(../img/chart-pie_b.svg);
}

.brokers-charts .chart .head .btns i.line {
    background-image: url(../img/chart-line_b.svg);
}
.brokers-charts .chart .head .btns i.line-link {
    background-image: url(../img/chart-line_g.svg);
    cursor: pointer;
}
.brokers-charts .chart .footer {
    background-color: #f2fcfe;
    padding: 10px 20px;
}

.brokers-charts .chart .footer a.add,
.brokers-charts .chart .footer a.add-d{
    float: right;
}
.brokers-charts .chart .footer a.del,
.brokers-charts .chart .footer a.del-d{
    float: left;
}

.brokers-charts .chart .footer a.add::before,
.brokers-charts .chart .footer a.add-d::before{
    width: 10px;
    height: 12px;
    background-size: 10px;
    background-position: center 2px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    background-image: url(../img/plus.svg);
    content: '';
}

.brokers-charts .chart .footer a.del::before,
.brokers-charts .chart .footer a.del-d::before{
    width: 10px;
    height: 12px;
    background-size: 10px;
    background-position: center 2px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    margin-left: 2px;
    background-image: url(../img/minus.svg);
    content: '';
}

.brokers-charts .chart .footer:after {
    display: block;
    content: '';
    clear: both;
}

.prime-report .multiselect-native-select .dropdown-toggle {
    width: 100%;
    height: 40px;
    border: none;
    background-image: none;
    background-color: #f5f5f5;
    color: #95989A;
    font-size: 12px;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.prime-report .multiselect-native-select .multiselect-selected-text {
    float: left;
    width: 90%;
    text-align: left;
    overflow: hidden;
}

.prime-report .bootstrap-select .dropdown-toggle {
    border: none;
    background-image: none;
    background-color: #f5f5f5;
    color: #95989A;
    font-size: 12px;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
}
.prime-report .dropdown-menu a {
    outline-color: transparent;
    color: #95989A;
    padding: 8px 15px 8px 15px;
}
.prime-report .dropdown-menu li.active a,
.prime-report .dropdown-menu li.active a:hover,
.prime-report .dropdown-menu li.active a:focus,
.prime-report .dropdown-menu li>a:hover,
.prime-report .dropdown-menu li>a:focus {
    background-color: #00B9EA;
    background-image: none;
    color: #fff
}

.prime-report .controls {
    padding: 0 20px;
}
.prime-report .controls:after {
    display: block;
    content: '';
    clear: both;
}

.prime-report .controls .prime-control {
    margin-left: 20px;
}

.prime-report .controls .prime-control:first-child {
    margin-left: 0;
}

.prime-report .controls .set {
    width: 40px;
    padding: 5px;
    margin-left: 20px;
    margin-top: 2px;
}

.prime-report button {
    border-radius: 0;
}

.prime-report .data {
    margin: 20px;
    height: 300px;
}
/* end отчеты */

/* Окна для отчетов*/
.shadow {
    -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.1);
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
    background-color: #fff;
    padding: 25px;
    margin-bottom: 30px;
}

.shadow .ttl {
    font-size: 16px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.shadow .compare {
    height: 35px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

.shadow .ttl sup {
    font-size: 11px;
    color: #26923A;
    text-transform: lowercase;
    margin-left: 10px;
    top: -10px;
}

.shadow100 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.shadow100 .ttl {
    padding-left: 25px;
    font-weight: bold;
}

.shadow100 table caption {
    padding: 0;
}

.shadow100 .prime-table td:first-child {
    padding-left: 25px;
}

.shadow .triple {
    margin-top: 20px;
}

.shadow .triple .item {
    width: calc(33.33% - 17px);
    float: left;
    margin-bottom: 5px;
    margin-right: 25px;
}

.shadow .triple .item:last-child {
    margin-right: 0;
}

.shadow .triple .item .online {
    font-size: 11px;
    color: #26923A;
    text-transform: lowercase;
    font-weight: bold;
}

.shadow .triple .item a.item-60-40 {
    color: #4D5A61;
    width: 100%
}
.shadow .triple .item a.item-60-40 .txt {
    width: 60%;
    float: left;
    padding-right: 10px;
    font-size: 16px;
    height: 115px;
    display: table;
    text-align: right;
}
.shadow .triple .item a.item-60-40 .wrap {
    display: table-cell;
    vertical-align: middle;
}

.shadow .triple .item a.item-60-40 .val {
    width: 40%;
    float: left;
    padding-left: 10px;
    font-size: 80px;
    height: 115px;
    display: table;
}

.shadow .triple .item a.item-60-40:after {
    content: '';
    display: block;
    clear: both;
}

.shadow .triple:after {
    content: '';
    display: block;
    clear: both;
}

/* end Окна для отчетов*/

/* Досье брокеров */
#report_brokers .controls .prime-control {
    width: calc(50% - 45px);
    display: inline-block;
}

#report_brokers .controls .prime-control .btn-group {
    width: 100%;
}

#report_brokers .controls .form-control {
    height: 40px;
}

/* end Досье брокеров */

/* add event modal */
#ModalAddEvent .prime-form-wrapper {
    width: auto;
    padding: 0;
    margin: 0;
    box-shadow: none;
}
.event-modal__value-column {
    display: inline-block;
    width: 64%;
}
#ModalAddEvent .multiselect-filter .form-control {
    width: 100%;
}
#ModalAddEvent .dropdown-menu label {
    width: auto;
    text-align: left;
    padding-right: 0;
}
/* /add event modal */

#ModalYouTube .modal-content {
    width:640px
}

#ModalYouTube .modal-content .modal-body:after {
    content: none;
}

/* technical support modal */
#ModalTechnicalSupport .modal-content  {
    width: 620px;
    border-radius: 10px
}
#ModalTechnicalSupport .modal-content .modal-body p {
    /*text-indent: 20px;*/
    text-align: justify;
}
#ModalTechnicalSupport .modal-footer  {
    text-align: center;
    border-radius: 10px;
    padding: 15px 15px;
}
/* /technical support modal */

.show-form-btn {
    padding: 10px 15px;
}

.circle {
    width: 15px;
    height: 15px;
    display: inline-block;
    float: left;
    margin-left: -19px;
    border-radius: 50%;
}

.docs__preview-link {
    margin-left: 15px;
}
.docs__download-link {
    margin-left: 15px;
}

.prime-column-header__toggler {
    display: none;
}

.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }

.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }

.mobile-sort__header {
    white-space: nowrap;
    font-size: 14px;
}

#mobile-sort-direction {
    float: left;
    width: 80%;
    margin-right: 5%;
}

.mobile-sort__ok-button {
    float: left;
    width: 15%;
}

.mobile-sort__row .col-xs-6,
.mobile-sort__row .col-xs-5 {
    padding-right: 0px;
}

.short-info {
    color: #37474F;
    padding: 7px;
    border: 1px solid #00b9ea;
    border-radius: 20px;
    display: inline-block;
}

.quick-filter {
    display: inline-block;
    padding: 5px;
    border: 2px solid #00b9ea;
    border-radius: 5px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.quick-filter.active {
    border-radius: 5px;
    background: #00b9ea;
    color: #fff;
}

.quick-filter.btn-submit,
.quick-filter.btn-reset{
    border: 0;
    font-weight: bold;
}

.quick-filter.btn-reset {
    color: #86949A;
}

.quick-filter.btn-random {
    margin-right: 20px;
    font-weight: bold;
}

.quick-filter.btn-group-last-elem {
    margin-right: 12px;
}

.quick-filter.input {
    border-radius: 5px;
    margin: 0;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
    width: 100px;
    height: 30px;
    border: 1px solid #00B9EA;
    background: #fff;
    color: #95989A;
    outline: none;
}

.filter-item.quick-filter {
    padding: 0;
    border-width: 1px;
}

.quick-filter .filter-item-header {
    padding: 6px 5px 5px 5px;
    cursor: pointer;
    background: none;
    position: relative;
    background: #fff;
    border-radius: 4px;
}

.quick-filter .filter-item-header:hover {
    background: #fff;
}

.quick-filter .filter-item-header div.content {
    padding-right: 20px;
}

.quick-filter .filter-item-header-opened:hover {
    background: none;
}

.quick-filter .filter-item-header-opened:after {
    right: 4px;
    top: 3px;
}

.quick-filter .filter-item-content {
    display: none;
    position: absolute;
    border: 1px solid #00b9ea;
    background: #fff;
    z-index: 1000;
}

.quick-filter.filter-rooms .filter-item-content,
.quick-filter.filter-range .filter-item-content {
    display: inline-block;
    position: relative;
    border: 0;
}

.quick-filter.filter-rooms,
.quick-filter.filter-range {
    padding: 0 5px;
    background: #fff;
}

.quick-filter.filter-rooms > span,
.quick-filter.filter-range > span {
    display: inline-block;
}

.quick-filter .filter-item-content .filter-item-title,
.quick-filter .filter-item-content .prime-control {
    padding: 0;
}

.quick-filter .prime-checklist {
    padding: 0 15px;
}

.quick-filter .filter-item-header div {
    font-size: 12px;
}

.spoiler {
    float: right;
    height: 20px;
}

.modal-ag-docs {
    padding-top: 10px;
    text-align: left;
}

/* мобильная версия */
@media (max-width: 767px) {
    .prime-tabs {
        margin-left: 15px;
    }

    .prime-tabs li a, .prime-tabs li span {
        padding: 8px 10px;
    }

    .prime-favorite-tabs {
        width: 100%;
    }
    .prime-favorite-tabs li {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 4px;
    }
    .prime-favorite-tabs li a {
        border: 1px solid;
        border-radius: 10px;
    }
    .prime-favorite-tabs li:first-child a, .prime-favorite-tabs li:first-child span {
        border-radius: 10px;
    }
    .prime-favorite-tabs li.last a, .prime-favorite-tabs li:last-child a {
        border-radius: 10px;
    }

    #modalLogs .modal-dialog {
        width: auto;
    }

    #modal-loading .content {
        width: 100%
    }

    #prime-filter {
        top: 5px;
    }

    #prime-filter-nav {
        position: fixed;
        right: 0;
        top: 55px;
        width: 40px;
        height: 40px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-size: 14px;
    }

    #page-action-show,
    #page-form-edit {
        padding: 0 0 60px 0;
        position: relative;
    }

    #page-action-show {
        padding: 0;
    }

    #page-form-edit-fixed:before {
        display: none;
    }

    #page-form-edit-fixed {
        border-top: 1px solid #cacbcc;
        padding-left: 20px;
    }

    .prime-section-header {
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .prime-section-header a.back {
        width: 18px;
        height: 16px;
    }

    .prime-section-header .title {
        font-size: 16px;
        margin-right: 10px;
    }

    .prime-section-header .grid-btn {
        width: 24px;
        height: 24px;
        background-color: #CDD1DA;
        background-size: 14px 14px;
    }

    .btn-add-recomendation {
        width: auto !important;
        height: 30px !important;
        background-color: #00B9EA !important;
        color: white;
    }

    .prime-section-header .btn-print {
        display: none;
    }

    .prime-show-content .linked {
        margin-left: 0;
    }

    .prime-show-wrapper,
    .prime-form-wrapper {
        width: 100%;
        padding: 10px 0;
        position: relative;
        margin: 0 0 20px 0;
    }

    .prime-show-wrapper .row,
    .prime-form-wrapper .row {
        padding: 0;
        margin: 0 0 8px 0;
        position: relative;
    }

    .prime-form-wrapper .row .control-label {
        padding-left: 10px;
        /*padding-right: 0;*/
    }

    .prime-form-wrapper .row .control-input {
        padding-left: 10px;
        padding-right: 10px;
    }

    .prime-show-wrapper .row .control-label {
        padding-left: 10px;
        padding-right: 0;
    }

    .prime-show-wrapper .row-header {
        padding: 0 15px 15px 15px;
        margin-top: 5px;
    }

    .btn-action-edit {
        width: 100%;
        display: block;
        padding: 10px;
        text-align: center;
        color: #fff;
        background-color: #00B9EA;
        font-size: 14px;
        position: relative;
    }

    .common-info {
        width: 100%;
        padding: 15px 10px 5px 10px;
    }

    .common-info .row {
        margin-bottom: 8px;
    }

    .common-info .row-label {
        text-align: right;
        color: #95989A;
        padding-right: 0;
    }

    .common-info .control-label {
        color: #95989A;
        font-weight: 400;
        padding-right: 0;
        padding-left: 0;
        text-align: right;
    }

    .common-info .thumbnail {
        border: none;
        padding: 0;
        margin: 0;
    }

    .uploader-controls button {
        width: 100%;
    }

    .uploader-controls .uploader-drop {
        display: none;
    }

    .uploader .files li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .prime-multi-columns .prime-multi-columns-col .prime-form-wrapper {
        width: 100%;
    }

    .prime-multi-columns-col {
        width: 100% !important;
        display: block;
    }

    .prime-multi-columns .prime-multi-columns-col .prime-show-wrapper {
        width: 100%;
    }

    #page-form-edit .prime-multi-columns .prime-multi-columns-col {
        margin-bottom: 0;
    }

    #page-form-edit .prime-multi-columns .prime-multi-columns-col:last-child {
        margin-bottom: 60px;
    }

    /* Записная книжка */
    .contacts-row .contacts-data {
        display: table-cell;
        width: calc(100% - 80px);
        padding: 10px 15px;
        height: 80px;
    }

    .contacts-row .contacts-tel {
        display: table-cell;
        width: 80px;
        height: 80px;
    }

    .contacts-row .contacts-tel a {
        width: 80px;
        height: 80px;
        background-position: center center;
        background-image: url(../img/phone.svg);
        background-size: 20px;
        background-repeat: no-repeat;
        background-color: #00B9EA;
        display: inline-block;
        position: absolute;
    }

    .contacts-row .contacts-name {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .contacts-row .contacts-comment {
        height: 30px;
        overflow: hidden;
        color: #979A9B;
    }

    /* end Записная книжка */
    /* Заявки */
    .requests-work-block .prime-show-wrapper .row {
        margin: 0;
    }

    .requests-work-block .row-header {
        margin: 5px 0 0 0;
        padding-left: 15px
    }

    .requests-work-block .col-xs-12 {
        margin: 0;
        padding: 0;
    }

    .work-tp-label {
        margin-top: 25px;
        margin-left: 0;
        margin-right: 0;
        width: 80px;
        text-align: right;
        padding-right: 10px;
    }

    .work-dt-label {
        width: 80px;
        margin-right: 0;
        text-align: right;
        padding-right: 10px;
    }

    .work-obj-tp-label {
        display: inline-block;
        width: 80px;
        text-align: right;
        padding-right: 10px;
    }

    #work_dt,
    .work-tp-input,
    .work-obj-tp-input {
        width: calc(100% - 83px) !important;
        display: inline-block;
    }

    .requests-comm-row {
        margin: 0 -10px;
    }

    .request-row .request-data {
        display: table-cell;
        width: calc(100% - 80px);
        padding: 0;
        height: 80px;
    }

    .request-row .request-data .request-inner-row {
        height: 40px;
        overflow: hidden;
        padding-top: 12px;
    }

    .request-row .request-tel {
        display: table-cell;
        width: 80px;
        height: 80px;
    }

    .request-row .request-tel a {
        width: 80px;
        height: 80px;
        background-position: center center;
        background-image: url(../img/phone.svg);
        background-size: 20px;
        background-repeat: no-repeat;
        background-color: #00B9EA;
        display: inline-block;
        position: absolute;
    }

    #request_work_mob .row {
        margin: 0;
        min-height: 0;
    }

    #request_work_mob .row div {
        padding: 10px;
    }

    #request_work_mob .row-label {
        text-align: right;
        color: #95989A;
    }

    #request_work_mob .row-data {
        border-left: 1px solid #ccc;
    }

    #marketer_feedback_mob .row {
        margin: 0;
        min-height: 0;
    }

    #marketer_feedback_mob .row div {
        padding: 10px;
    }

    #marketer_feedback_mob .row-label {
        text-align: right;
        color: #95989A;
    }

    #marketer_feedback_mob .row-data {
        border-left: 1px solid #ccc;
    }

    #ModalRequestWork .modal-content .modal-header {
        padding: 15px;
    }

    #ModalRequestWork .modal-content .modal-body {
        padding: 0 15px 5px 15px;
    }

    #ModalRequestWork .modal-content .modal-body:after {
        margin-top: 5px;
    }

    #ModalRequestWork .modal-content .modal-footer {
        padding: 15px;
    }

    /* end Заявки */
    /* Наружка */
    .adv-row .row1 {
    }

    .adv-row .col {
        padding-top: 15px;
        border-bottom: 1px solid #ccc;
        height: 48px;
        overflow: hidden;
    }

    /* end Наружка */
    .mob-img-empty {
        height: 60px;
        display: block;
        background-color: #fff;
    }

    .img-obj-id {
        margin-left: -15px;
        padding: 10px 15px;
        color: #FFF;
        background-color: #00B9EA;
        font-size: 16px;
        display: inline-block;
        position: absolute;
        top: 30px;
    }

    .img-obj-draft {
        margin-left: 85px;
        padding: 10px 15px;
        color: #FFF;
        background-color: #fd8889;
        font-size: 16px;
        display: inline-block;
        position: absolute;
        top: 30px;
    }

    .img-obj-status {
        padding: 20px 146px;
        opacity: 0.7;
        color: #FFF;
        background-color: #fd8889;
        font-size: 15px;
        display: inline-block;
        position: absolute;
        top: calc(50% - 65px);
    }

    .obj-price {
        padding-top: 10px;
        font-weight: 600;
        font-size: 14px;
        color: #000;
    }

    .obj-price button {
        float: left;
    }

    .obj-price span {
        float: right;
    }

    .obj-price:after {
        content: '';
        display: block;
        clear: both;
    }

    .obj-text {
        padding-top: 10px;
    }

    .multi-files .show-image {
        width: calc(50% - 5px);
        height: auto;
    }

    .multi-files .show-image:nth-child(even) {
        margin-right: 0;
    }

    /*дашборд и отчеты*/
    .prime-home-boss,
    .prime-report {
        min-width: 100%;
        padding: 0;
    }

    .prime-report .filter {
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .prime-report .shadow {
        padding: 15px;
        margin-bottom: 15px;
    }

    .prime-report .filter .control {
        display: block;
        margin-top: 15px;
        width: 100%;
        padding: 0;
    }

    .prime-report .filter .control .form-prime-control {
        width: 100%;
    }

    .prime-home-boss .filter .ttl {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .prime-home-boss .filter .ttl span.txt {
        padding-top: 10px;
        width: 70px;
        margin-right: 10px;
    }

    .prime-home-boss .filter .segment span.txt {
        float: left;
    }

    .prime-home-boss .filter div.item {
        width: 100%;
        display: block;
    }

    .prime-home-boss .filter .segment-select {
        display: inline-block;
    }

    .prime-home-boss .filter .form-prime-control input {
        height: 40px;
    }

    .prime-home-boss .ttl {
        padding: 0 15px;
    }

    .prime-home-boss .main-props {
        margin-top: 0;
    }

    .prime-home-boss #calls,
    .prime-home-boss #requests,
    .prime-home-boss #shows,
    .prime-home-boss #offers,
    .prime-home-boss #calls1,
    .prime-home-boss #presentation,
    .prime-home-boss #meet,
    .prime-home-boss #no-contact    {
        width: calc(50% - 23px);
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .prime-home-boss #calls,
    .prime-home-boss #calls1,
    .prime-home-boss #shows,
    .prime-home-boss #meet    {
        margin-left: 15px;
    }

    .prime-home-boss #requests,
    .prime-home-boss #offers,
    .prime-home-boss #presentation,
    .prime-home-boss #no-contact {
        margin-left: 0;
    }

    .prime-home-boss .shadow {
        padding: 15px;
    }

    .prime-home-boss .shadow .ttl {
        text-align: center;
    }

    .prime-home-boss .shadow .total {
        height: 90px;
        font-size: 60px;
    }

    .prime-home-boss .shadow .list {
        height: 90px;
    }

    .prime-home-boss .shadow .total img {
        display: none;
    }

    #modalPopup .modal-dialog {
        width: calc(100% - 20px);
    }

    #modalPopup .modal-content .modal-header {
        padding: 15px;
    }

    .prime-home-boss #work_requests,
    .prime-home-boss #work_objects {
        margin: 0 0 15px 0;
        float: none;
        width: 100%;

    }
    .prime-home-boss #work_requests::after,
    .prime-home-boss #work_objects::after {
        content: '';
        display: block;
        clear: both;
    }

    .prime-home-boss .triple .item .inner {
        height: 100px;
        width: 100px;
        border-width: 5px;
        padding: 7px;
    }
    .prime-home-boss .triple .item .inner .online {
        margin: 0 0 10px 0;
    }

    .prime-home-boss .triple .item .inner .val {
        margin-bottom: 10px;
    }

    #marketing .prime-tabs {
        margin: 0;
    }

    .prime-home-boss .nav li a {
        padding: 8px 8px;
        height: 35px;
        font-size: 13px;
    }

    .prime-home-boss .divider {
        height: 0;
    }

    .prime-home-boss .prime-form-wrapper {
        /*width: calc(100% - 80px);*/
        width: 220px;
        padding: 0;
        margin: 0;
        display: inline-block;
        height: 40px;
        float: left;
    }

    .prime-home-boss .dropdown-menu {
        width: 220px;
    }

    .prime-home-boss .bootstrap-select,
    .prime-home-boss .bootstrap-select .dropdown-toggle {
        background-color: #fff !important;
    }

    .prime-home-boss .prime-form-wrapper .dropdown-toggle {
        width: 220px;
    }

    .search-by-field-mob .item {
        display: table-row;
    }
    .search-by-field-mob .item span {
        display: table-cell;
        white-space: nowrap;
        padding: 5px 10px 5px 0;
        font-size: 14px;
    }
    .search-by-field-mob .item input {
        display: table-cell;
        width: 100%;
        border-radius: 20px;
        padding: 4px 10px;
        font-size: 12px;
        border: 1px solid #00B9EA;
    }
    .search-by-field-mob .filter-submit {
        margin-top: 10px;
    }
    .search-by-field-mob .filter-submit .btn-common {
        height: 35px;
        padding: 0 20px
    }

    .shadowslider {
        padding: 20px !important;
        border-left: 30px solid #F6F7FA;
        border-right: 30px solid #F6F7FA;
    }

    .slider .item {
        background-color: #fff;
    }

    .slider .item .item-row {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }

    .slider .item .item-row::after {
        display: block;
        content: ' ';
        clear: both;
    }

    .slider .item .item-row dd,
    .slider .item .item-row dt {
        position: relative;
        width: 50%;
        float: left;
        font-size: 14px;
    }

    .slider .item .item-row dd {
        text-align: right;
        padding-right: 15px;
        color: #95989A;
    }
    .slider .item .item-row dt {
        text-align: left;
        color: #37474F;
        font-weight: normal;
    }

    .slider .slick-prev,
    .slider .slick-next {
        height: 100%;
    }

    .slider .slick-prev {
        left: -45px;
    }

    .slider .slick-next {
        right: -45px;
    }
    .slider .slick-prev:before,
    .slider .slick-next:before {
        content: '';
        background-image: url(../img/nav.svg);
        background-position: 5px;
        width: 20px;
        height: 30px;
        display: block;
        background-repeat: no-repeat;
    }
    .slider .slick-next:before {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    /* Моя статистика */
    #report_stats .filter .control-label {
        display: none;
    }

    #report_stats .filter .control-message .form-prime-control{
        width: calc(100% - 50px);
    }

    #report_stats .mobile-triple {
        float: none;
        width: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #report_stats .mobile-triple a.item-60-40 .txt {
        width: 80%;
        height: 60px;
    }
    #report_stats .mobile-triple a.item-60-40 .val {
        width: 20%;
        font-size: 40px;
        height: 60px;
        white-space: nowrap;
    }

    #report_stats .compare {
        height: auto;
    }
    .prime-home-boss .main-props {
        margin-top: 10px;
    }
    /* end Моя статистика */

    .map__my-location .btn-common i {
        float: left;
    }
    .map__my-location .btn-common span {
        display: block;
    }

    /* Сворачивание блоков на мобильной версии */
    .prime-column-content__wrapper {
        display: none;
    }

    .prime-column-header__toggler {
        display: block;
        float: right;
    }
    .prime-column-header {
        cursor: pointer;
    }

    .prime-column-header__toggler .glyphicon-chevron-down {
        display: none;
    }

    .prime-column-content__closed .glyphicon-chevron-down {
        display: inline;
    }
    .prime-column-content__closed .glyphicon-chevron-up {
        display: none;
    }
    /* /Сворачивание блоков на мобильной версии */

    #ModalYouTube .modal-content {
        width:100%;
    }
}

/* Подборки в избранном */
.group-list {
    text-align: left;
    padding-left: 0;
}

.group-item {
    margin-top: 0 !important;
}

.del-group {
    background-image: url(../img/delete.svg);
    background-size: 12px;
    width: 21px;
    height: 21px;
    border: none !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    outline-color: transparent;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 2px !important;
    padding: 0 !important;
    opacity: 0.5;
    cursor: pointer;
}

.confirm-tooltip {
    position: relative;
    padding: 1rem;
    background: rgba(255, 255, 255, .95);
    border-radius: 5px;
    border:1px solid #00B9EA;
    width: 300px;
    left: 40px;
    top: -20px;
    z-index: 1;
    cursor: auto;
}

.confirm-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -10px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #00b9ea transparent transparent;
}
/* /Подборки в избранном */

.mobile-actions-control {
    background-color: #F2FCFE !important;
    border: 1px solid #00B9EA !important;
    height: 40px;
    width: 100%;
    outline: none;
    margin-bottom: 10px;
}

.other-agency {
    padding: 0 5px;
    text-align: center;
    color: black;
    border-radius: 5px !important;
    background-color: #ffd497 !important;
    font-size: 9px;
    font-weight: normal;
}
.expiration-date-block {
    padding-top: 6px;
    display: flex;
    position: relative;
    align-items: center;
    word-break: break-word;
    min-width: 100px;
}
.expiration-date-icon {
    color: #C9372C;
}

/* local color scheme */
/*
.prime-header .navbar, .prime-sidebar {
    background: #14bc22;
}*/