/* Стилі анкети додавання компанії */

.container.application-page .message {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.container.application-page .message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.container.application-page .message.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.container.application-page .buttons {
    display: flex;
    gap: 50px;
    margin-top: 30px;
}

.container.application-page .row-buttons {
    display: flex;
    gap: 20px;
    margin: 0;
}

.container.application-page form .form-group {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    /*row-gap: 20px;*/
    margin-bottom: 20px;
}

.container.application-page form.register .form-group > label {
    width: 40%;
}
.container.application-page form.record .form-group > label {
    width: 100%;
}

.container.application-page form .form-group .screens {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 20px;
    width: 100%;
    padding: 20px 0;
}

.container.application-page .screens img {
    border: 1px #6689f7 solid;
}

.container.application-page .screens .delete-btn {
    background-color: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: -75px;
    margin-top: 5px;
    text-align: center;
    cursor: pointer;
}
.container.application-page .screens .delete-btn:hover {
    background-color: darkred;
}

.container.application-page .title {
    color: #1d2022;
    margin-bottom: 18px;
    text-align: center;
    font: 600 24px/1.2em var(--r)
}

.container.application-page p {
    margin-bottom: 15px;
    position: relative;
    font: 400 24px/1.2em var(--r)
}

.container.application-page p .container.application-page-not-valid-tip {
    position: absolute;
    top: calc(100% + 10px);
    font-size: 12px
}

.container.application-page p [data-name=usermessage] .container.application-page-not-valid-tip {
    /*top: calc(100% - 1px)*/
    top: calc(100% + 72px)
}

.container.application-page .container.application-page-spinner {
    position: absolute;
    top: 8px;
    left: calc(50% - 36px)
}

.container.application-page .container.application-page-response-output {
    margin: 0;
    padding: 0;
    position: relative;
    top: -8px;
    text-align: center;
    max-width: 100%;
    border: none;
    color: #dc3232;
    font: 400 12px/1.2em var(--m)
}

.container.application-page label {
    color: #4e4e4e;
    font: 600 14px/1.2em var(--r)
}

.container.application-page input {
    height: 40px;
    border: 1px solid #d6dcdf;
    border-radius: 4px;
    padding: 0 16px;
    color: #4e4e4e;
    transition: all .3s linear;
    width: 100%;
    font-size: 14px;
}

.container.application-page input[type=file] {
    padding: 0;
    line-height: 32px;
}

.container.application-page input[type=checkbox],
.container.application-page input[type=radio] {
    height: initial;
    width: auto;
}

.container.application-page input[type=checkbox]+label,
.container.application-page ul label{
    font: 400 14px / 1.2em var(--m);
}

.container.application-page ul.columns {
    display: flex;
    flex-wrap: wrap;
}

.container.application-page ul.columns li {
    width:50%;
}

.container.application-page ul li {
    padding: 5px;
}

.container.application-page ul > li > ul > li:has(> input[type=checkbox]) {
    margin-left: 20px;
    width: 100%;
}

.container.application-page input:active,
.container.application-page input:focus {
    border-color: #6798f8
}

.container.application-page input.error {
    border-color: #fc3838
}

.container.application-page input[type=submit],
.container.application-page .button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    line-height: 38px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background: #3171ee;
    border: 1px solid #3171ee;
    border-radius: 4px;
    text-decoration: none;
    transition: all .3s linear;
    width: 226px;
    text-align: center;
    cursor: pointer;
}
.container.application-page .button.row-button{
    width: auto;
}

.container.application-page input[type=submit]:hover,
.container.application-page .button:hover {
    background: #6798f8;
    border-color: #6798f8
}

.container.application-page input[type=submit]:active {
    background: #0f52d5;
    border-color: #0f52d5
}

.container.application-page input[type=submit][disabled] {
    background: #d6dcdf;
    border-color: #d6dcdf
}

.container.application-page .button.return {

    color: #000;
    background: #d4dadd;
    border: 1px solid #d4dadd;
}

.container.application-page textarea {
    border: 1px solid #d6dcdf;
    border-radius: 4px;
    padding: 16px;
    color: #4e4e4e;
    transition: all .3s linear;
    width: 100%;
    max-width: 100%;
    font: 400 14px / 1.2em var(--m);
}

.container.application-page textarea:active,
.container.application-page textarea:focus {
    border-color: #6798f8
}

.container.application-page textarea.error {
    border-color: #fc3838
}

.container.application-page .select2-container {
    width: 100%!important;
}

.container.application-page label .select2-container .select2-selection--single {
    height: 42px;
    border-color: #d6dcdf;
    font: 400 14px / 1.2em var(--m);
}

.container.application-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.container.application-page .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

.container.application-page .agree p {
    font-family: var(--m);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 15px;
}

.container.application-page .agree p a {
    color: #4E76F4;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    body.service_application.admin-bar .popup_service_application {
        top: 46px;
        height: calc(100vh - 46px)
    }

    .container.application-page {
        width: 100%;
        height: 100vh !important;
        top: 0;
        left: 0;
        border-radius: 0
    }
}

@media screen and (max-width: 782px) {
    body.service_application.admin-bar .popup_service_application,
    body.investor.admin-bar .popup_get_investor {
        top: calc(50% - 334px)
    }
}

.container.application-page .btn.add-row {
    background: #fff;
    color: #000;
    margin: 20px 5px;
}

body.upload .popup_bg {
    opacity: 1;
    visibility: visible;
}

/* START TABLE ------------------------------------------------------------------------------------------------------ */
.container.application-page table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

.container.application-page th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    text-align: center;
}

.container.application-page td {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.container.application-page td.center {
    text-align: center;
}

.container.application-page td svg {
    height: 24px;
}

.container.application-page div.programs {
    display: none;
}

/* END TABLE */