html,
body {
    height: 100%;
}

a{
    color: #28a745;
    text-decoration: underline;
}

body {

}

.bodycenter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.html-map{
    width: 100%;
    height: 500px;
}

.offer-mini {
    color: red;
    font-size: 12px;
}

.vezunchickButtonSpace {
    display: inline-block;
    padding: 0px 10px 0px 20px;
    color: #fff;
}

.vezunchick {
    width: 100%;
}

.vezunchickH1 {
    width: 100%;
    background:none;
    font-size: 20px;
    color: #23282d;
    padding: 20px;
    box-sizing: border-box;
}

.vezunchickPanel {
    padding: 10px 0px;
    box-sizing: border-box;
    background:#23282d;
}

.vezunchickFilter {
    padding: 10px 0px;
    box-sizing: border-box;
    background:#32373c;
}

.vezunchickButton {
    padding: 10px;
    margin: 0px 0px 0px 10px;
    box-sizing: border-box;
    background-color: #28a745;
    border-color: #1e7e34;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}

.vezunchickButton100 {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    background-color: #28a745;
    border-color: #1e7e34;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.vezunchickButton100:hover {
    color: #fff;
}

.vezunchickButtonAjax {
    width: 100%;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #28a745;
    border-color: #1e7e34;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    border: 0px;
    margin-bottom: 20px;
}

#siteFormFilter {
    width: 100%;
}

#siteFormFilter div{
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 10px;
}

#siteFormFilter div input,
#siteFormFilter div select
{
    height: 28px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    font-size: 13px;
    line-height: 28px;
    border: 1px solid #ddd;
    box-shadow: none;
    background-color: #fff;
    color: #32373c;
}

#siteFormFilter .filter_submit {
    padding: 0px 10px!important;
    margin: 0px 0px 0px 0px!important;
    box-sizing: border-box!important;
    background-color: #28a745;
    border-color: #1e7e34;
    display: inline-block!important;
    color: #fff!important;
    cursor: pointer!important;
    height: 28px!important;
    font-size: 13px!important;
    line-height: 28px!important;
    border: none!important;
}

.enqueue_message {
    padding: 10px 10px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
}

.enqueue_message.green {
    color: #3c763d;
    background-color: #dff0d8;
    border-top: 3px solid #d6e9c6;
    border-bottom: 3px solid #d6e9c6;
}

.enqueue_message.blue {
    background-color: #c3d2e5;
    color: #0055bb;
    border-top: 3px solid #84a7db;
    border-bottom: 3px solid #84a7db;
}

.enqueue_message.yellow {
    background-color: #efe7b8;
    color: #c00;
    border-top: 3px solid #f0dc7e;
    border-bottom: 3px solid #f0dc7e;
}

.enqueue_message.red {
    background-color: #e6c0c0;
    color: #c00;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B;
}



.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"],
.form-signin input[type="text"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.iconNewMessage {
    display: inline-block;
    font-size: 12px;
    position: relative;
    top:-8px;
    left: 3px;

}

.iconNewMessage i {
    color: #fff;
    -webkit-animation: iconNewMessage 1s linear infinite;
    animation: iconNewMessage 1s linear infinite;
}

.signal {
    color: #fff;
    -webkit-animation: iconNewMessage2 1s linear infinite;
    animation: iconNewMessage2 1s linear infinite;
}

@-webkit-keyframes iconNewMessage2 {
    100% { color: #fcff00; }
}
@keyframes iconNewMessage2 {
    100% { color: #fcff00; }
}

@-webkit-keyframes iconNewMessage {
    100% { color: #f00; }
}
@keyframes iconNewMessage {
    100% { color: #f00; }
}


.formSite .container {
    padding: 0px;
}

.formSite h3 {
    color: #fff;
    background: #343a40;
    padding: 10px;
    box-sizing: border-box;
}

#nav-1-tab, #nav-2-tab, #nav-3-tab, #nav-4-tab, #nav-1-2-tab, #nav-2-2-tab, #nav-3-2-tab, #nav-4-2-tab {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.message-user {
    font-size: 14px;
    line-height: 18px;
    color: #828aa3;
    font-weight: bold;
}

.message-content {
    padding: 25px;
    position: relative;
    border-radius: 5px;
    margin-top: 10px;
    background: #f2f3f8;
}

.message-content.client {
    background: #e6effc;
}

.message-date {
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #828aa3;
    margin-top: 10px;
    margin-bottom: 20px;
}

.message-edit, .message-save, .message-cancel {
    padding-left: 10px;
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #828aa3;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    font-weight: bold;
}

.message-edit:hover, .message-save:hover, .message-cancel:hover {
    color:#000;
}

.message-save {
    color: #28a745;
    display: none;
}

.message-cancel {
    color: red;
    display: none;
}

.message-textarea {
    display: none;
}

.message-files a{
    padding: 0px 5px;
}

.hide-files {
    display: none;
}

.upload-files {
    display: inline-block;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #28a745;
    border-color: #1e7e34;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    border: 0px;
}

.upload-list-files {
    margin-bottom: 5px;
}



.upload-list-input {
    display: none;
}

.upload-remove {
    color: red;
    cursor: pointer;
}

.entity_individual div, .payers_individual div{
    font-size: 16px;
}

.d-none {
    display: none;
}

.amxAjaxLoad {
    text-align: center;
    display: none;
}

.inputs label span{
    color: #f00;
}

.payer-links-info a{
    text-decoration: none;
}

#filter_search {
    width: 315px;
}

.siteFormFilterDiv {
    color: #fff;
}

.payer-and-status span{
    display: block;
    font-size:12px;
}

.green {
    color: green;
}

.red {
    color: red;
}

.mini-button-files {
    font-size: 12px;
    padding: 3px;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.dropdown-menu a{
    text-decoration: none;
}

.info_mini_entity, .info_mini_individual, .invoice-nds .alert-success, .des-mini-req {
    font-size: 12px;
}

.address span{
    font-size: 12px;
    display: block;
}

.my-manager {
    padding: 7px 14px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #fff;
    font-size: 14px;
}

.send-message-manager {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    background-color: #28a745;
    border-color: #1e7e34;
    display: block;
    color: #fff;
    text-decoration: none;
}

.send-message-manager:hover {
    background: #fff;
    color: #28a745;
    text-decoration: none;
}

.give-my-manager {
    padding: 7px 14px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #fff;
}

.give-my-manager a{
    color: #fff;
    text-decoration: none;
}

.give-my-manager a:hover{
    text-decoration: underline;
}

.give-my-manager .vezunchickButton{
    margin: 0px;
    text-decoration: none;
}

.give-my-manager .vezunchickButton:hover{
    text-decoration: none;
}

.no-border {
    border: none;
}

/* Tooltip container */
.tooltips {
    position: relative;
    display: block;
}

.tooltips a{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    overflow: hidden;
    padding: 5px;
    margin: 1px 0px;
}

/* Tooltip text */
.tooltips .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext {
    visibility: visible;
}

.dropdown-menu {
    min-width: 100px;
}

.dropdown-item,  .dropdown-item:hover, .dropdown-item:focus{
    padding: 5px 10px;
}

#navbarsExampleDefault {
    font-size: 14px!important;
}

.home {
    counter-reset: items;
}

.home ul{
    list-style-type: circle;
}

.home-block {
    display: flex;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #343a40;
}

.home-block:nth-child(2n) {
    flex-direction: row-reverse;
}

.home-block::before {
    color: #343a40;
    font-size: 200px;
    font-weight: 600;
    line-height: 150px;
    content: counter(items)'';
    counter-increment: items;
    flex: 2;
    text-align: center;
}

.home-block div{
    flex: 9;
}

.home-block img{
    width: 100%;
    margin: 10px 0px;
}


.vezunchick-base-menu {
    display: block;
    width: auto;
    flex: 5;
    text-align: left;
}

.vezunchick-base-menu a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin: 0px;
    padding: 10px;
}

.vezunchick-base-menu a:hover{
    text-decoration: underline;
}

.vezunchick-base-menu-add {
    display: block;
    width: auto;
    flex: 5;
    text-align: right;
}

.vezunchick-base-menu-add > div{
    vertical-align: middle;
}

.table {
    margin-bottom: 0px;
}



.table-striped tbody tr:nth-of-type(2n+1) th{
    border-bottom: 1px solid #e6e6e6;
}

.ajax_place {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.ajax_place div {
    cursor: pointer;
    padding: 0 0 0 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 35px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 14px;
    color: #000;
    background-size: auto;
    background-size: 10px 15px !important;
    position: relative;
}

.ajax_place div:hover {
    background: #e6e6e6;
}


.ajax_place div::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3c5";
    color: #28a745;
    padding-left: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    z-index: 1;
    text-align: center;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 35px;
}

.give-my-manager.signal {
    text-align: center;
}

.give-my-manager.signal a {
    display: block;
    text-decoration: underline;
    cursor: pointer;
}

.manager-list {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: space-between;
}

.manager-list-item {
    text-align: center;
    padding: 10px;
    margin: 10px;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
}

.manager-list-item-avatar {
    width: 200px;
    margin: 0px auto;
}

.manager-list-item-avatar img {
    width: 100%;
}

.manager-list-item-info div {
    margin: 10px 0px;
}

.manager-list-item-info a{
    display: block;
    background: #28a745;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

.eye-button {
    background: #28a745;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 5px 0px;
    text-align: center;
}

.eye-button:hover {
    background: #218838;
    user-select: none;
}

.small-payer {
    position: absolute;
    font-size: 9px;
    top: 17px;
    left: 14px;
    color: #f00;
}

.change-inputs-4 {
    position: relative;
}


@media (max-width: 1500px) {

}

@media (max-width: 1390px) {
    body {
        padding-top: 6rem;
    }
}

@media (max-width: 990px) {

    #siteFormFilter > div {
        margin: 5px 0px 5px 10px;
    }

    #siteFormFilter {
        text-align: center;
    }

    .table-vezunchik,
    .table-vezunchik thead,
    .table-vezunchik tbody,
    .table-vezunchik th,
    .table-vezunchik td,
    .table-vezunchik tr
    {
        display: block;
    }

    .table-vezunchik thead, .table-vezunchik tfoot {
        display: none;
    }

    .table-vezunchik th:nth-of-type(1) {
        display: none;
    }

    .table-vezunchik th a{
        width: 100%;
    }

    .table-vezunchik th {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 5px 0px 5px 50%!important;
        text-align: left!important;
        min-height: 35px;
        text-overflow: ellipsis;
        min-width: 300px;
        overflow:hidden;
    }

    .table-vezunchik th.visible {
        overflow:visible;
    }

    .table-vezunchik th:before {
        position: absolute;
        top: 5px;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .table-order th:nth-of-type(2):before { content: "Номер"; }
    .table-order th:nth-of-type(3):before { content: "Откуда"; }
    .table-order th:nth-of-type(4):before { content: "Куда"; }
    .table-order th:nth-of-type(5):before { content: "Дата"; }
    .table-order th:nth-of-type(6):before { content: "Клиент"; }
    .table-order th:nth-of-type(7):before { content: "Цена"; }
    .table-order th:nth-of-type(8):before { content: "Оплата"; }
    .table-order th:nth-of-type(9):before { content: "Статус"; }
    .table-order th:nth-of-type(10):before { content: "Документы"; }
    .table-order th:nth-of-type(11):before { content: "Действие"; }

    .table-contacts th:nth-of-type(1){ display: block; }
    .table-contacts th:nth-of-type(1):before { content: "Выбрать"; }
    .table-contacts th:nth-of-type(2):before { content: "Номер"; }
    .table-contacts th:nth-of-type(3):before { content: "Наименование"; }
    .table-contacts th:nth-of-type(4):before { content: "Емайл"; }
    .table-contacts th:nth-of-type(5):before { content: "Телефон"; }
    .table-contacts th:nth-of-type(6):before { content: "ИНН"; }
    .table-contacts th:nth-of-type(7):before { content: "Тип"; }

    .table-payer th:nth-of-type(1){ display: block; }
    .table-payer th:nth-of-type(1):before { content: "Выбрать"; }
    .table-payer th:nth-of-type(2):before { content: "Номер"; }
    .table-payer th:nth-of-type(3):before { content: "Наименование"; }
    .table-payer th:nth-of-type(4):before { content: "Емайл"; }
    .table-payer th:nth-of-type(5):before { content: "Телефон"; }
    .table-payer th:nth-of-type(6):before { content: "ИНН"; }
    .table-payer th:nth-of-type(7):before { content: "Тип"; }
    .table-payer th:nth-of-type(8):before { content: "Документы"; }

    .table-tickets th:nth-of-type(1){ display: block; }
    .table-tickets th:nth-of-type(1):before { content: "Выбрать"; }
    .table-tickets th:nth-of-type(2):before { content: "Номер"; }
    .table-tickets th:nth-of-type(3):before { content: "Откуда"; }
    .table-tickets th:nth-of-type(4):before { content: "Куда"; }
    .table-tickets th:nth-of-type(5):before { content: "Дата"; }

}

@media (max-width: 950px) {

    body {
        padding-top: 9rem;
    }

}

@media (max-width: 767px) {

    .vezunchick-base-menu-add {
        text-align: left;
    }

    body {
        padding-top: 5rem;
    }


    .home-block img{
        display: none;
    }


    .home-block::before {
        flex: 1;
        font-size: 100px;
    }

    .vezunchickPanel > div {
        margin: 5px 0px 5px 10px;
    }

    .vezunchickPanel .vezunchickButtonSpace{
        display: none;
    }

    .hide-mobile {
        display: none;
    }
}

@media (max-width: 600px) {

    .vezunchick-base-menu-add {
        border-top: 1px dashed #fff;
        text-align: center;
    }

    .vezunchick-base-menu-add .give-my-manager {
        text-align: center;
    }

    .vezunchick-base-menu-add > div{
        display: block;
    }

    .vezunchick-base-menu a{
        display: block;
    }

    .vezunchick-base-menu-add {
        text-align: left;
    }

    .manager-list {
        justify-content: center;
    }

}

@media (max-width: 400px) {

    #siteFormFilter > div > input[type="text"] {
       width: 280px;
    }

    .home-block::before {
        flex: 1;
        font-size: 50px;
    }

}