body {
}

div#myModalComp {
}

div.myModalComp .modal-dialog {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

    div.myModalComp .modal-dialog .modal-content {
        position: fixed;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        height: max-content !important;
    }

div.myModalComp .modal-header {
    flex-direction: row-reverse;
    align-items: center;
}

    div.myModalComp .modal-header h4 {
        margin: 0px;
        /* Accent S */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        /* or 22px */
        /* Dark */
        color: #2C3537;
        /* Inside auto layout */
    }

        div.myModalComp .modal-header h4 img {
            display: none;
        }

div#hasToBeSignedComp a div { /* Dark */
    background: #2C3537;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    /* White Background */
    color: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 17px 19px;
    grid-gap: 11px;
}



div#signModalTextComp p { /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

div#signModalComp {
}

    div#signModalComp ul li {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        /* or 171% */
        /* Dark */
        color: #2C3537;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        list-style: disc;
    }

div#signModalComp {
}

div#signModalComp {
    padding: 0px 30px !important;
}

div#signModalComp {
    padding: 0px 30px !important;
}

div#myModalComp .modal-header {
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding: 30px !important;
}

div#hasToBeSignedComp {
    padding: 0px 30px 30px 30px !important;
}

div#myModalCompSign .modal-content {
    height: 210px !important;
    width: 640px !important;
}




































div#myModalCompSign {
}

    div#myModalCompSign .modal-content {
        height: 210px !important;
        width: 640px !important;
    }

    div#myModalCompSign h4 {
        text-align: -webkit-center;
    }

    div#myModalCompSign p {
        text-align: -webkit-center;
    }

div#myModalCompSign {
}

    div#myModalCompSign .modal-footer a#CompForSignSms { /* Link text */
        background: #007FF5;
        border-radius: 6px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        padding: 14px 20px;
        opacity: 1;
    }

    div#myModalCompSign .modal-footer a#qrSign { /* Teal */
        background: #008F91;
        border-radius: 6px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        padding: 14px 20px;
    }

div#hasToBeSignedCompNew {
}

div#myModalCompSign .modal-footer {
    place-content: center;
    grid-gap: 20px;
}

.modal-content {
}

div#myModalCompSignSMS .modal-content {
    width: 640px !important;
    height: 492px !important;
}

.CompForInfoUslovie { /* Light blue */
    background: #F5F6F8;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    display: grid;
    padding: 20px;
    grid-gap: 10px;
}

    .CompForInfoUslovie div { /* White Background */
        background: #FFFFFF;
        border-radius: 8px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        display: flex;
        padding: 13px 15px;
        align-items: center;
        grid-gap: 15px;
        opacity: 1;
        cursor: pointer;
    }

div#myModalCompSignSMS .CompForInfoUslovie div p { /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    /* Dark blue */
    color: #0856B1;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    align-self: center;
    margin-bottom: 0px;
}

div#myModalCompSignSMS .CompForInfoUslovie p { /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 0px;
}

div#myModalCompSignSMS div p { /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 15px;
}

p {
}

div#myModalCompSignSMS div {
}

div#myModalCompSignSMS input { /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    width: 100%;
    height: 48px;
    padding: 14px 10px;
}

div#myModalCompSignSMS {
}

    div#myModalCompSignSMS .modal-footer a div { /* Teal */
        background: #008F91;
        border-radius: 6px;
        /* Inside auto layout */
        flex: none;
        order: 0;
        flex-grow: 0;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        padding: 14px 20px;
    }

div#myModalCompSignSMS {
}

div#myModalCompSignSMS {
}

div#myModalCompSignSMS {
}

div#myModalCompSignSMS {
}

div#myModalCompSignSMS {
}

div#myModalCompSignSMS {
}

div#myModalCompSignSMS {
    width: 640px !important;
    height: 492px !important;
}









.CompForSignStates_head { /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */
    text-align: right;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    width: 456px;
    display: flex;
    margin-left: auto;
    margin-bottom: 50px;
}

div#myModalCompSignStates .modal-header {
    padding: 26px !important;
}

.modal-content {
}

div#myModalCompSignStates .modal-content {
    height: 598px !important;
    width: 1200px !important;
}

a#CompForStates div { /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 14px 21px;
}

a#CompForSign div { /* Teal */
    background: #008F91;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    text-align: center;
    /* White Background */
    color: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 14px 21px;
}

div#myModalCompSignStates .modal-footer {
    display: flex;
    grid-gap: 10px;
}

div#myModalCompSignStates h4 { /* Accent S */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

div#myModalCompSignStates p {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.myModalComp {
    z-index: 99999999;
}


div#myModalCompSignSMS div.CompTimer, a.CompButtonTimer div {
    /* Light blue */

    background: #F5F6F8;
    border-radius: 6px;
    /* Inside auto layout */

    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    text-align: center;
    width: 100%;
    padding: 15px;
    margin: 15px 0px 30px 0px;
    display: flex;
    justify-content: center;
}

    div#myModalCompSignSMS div.CompTimer p {
        /* Body M */

        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        /* identical to box height, or 129% */

        display: flex;
        align-items: center;
        text-align: center;
        /* Mid Gray 2 */

        color: #ADB2B3;
        /* Inside auto layout */

        flex: none;
        order: 1;
        flex-grow: 0;
        margin: 0px;
        grid-gap: 7px;
    }

div#myModalCompSignSMS a.CompButtonTimer div {
    /* Tangerine */

    background: #F05E22;
    border-radius: 6px;
    /* Inside auto layout */

    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    /* Body L */

    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */

    display: flex;
    align-items: center;
    text-align: center;
    /* White Background */

    color: #FFFFFF;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}

div#TextFileTemplate {
    height: 90%;
    overflow: scroll;
}

    div#TextFileTemplate a {
        text-decoration: revert;
        color: blue;
    }

div#signModalTextComp {
    width: 890px;
    height: 638px !important;
}

div.myModalComp .modal-dialog .modal-content {
    height: max-content !important;
    width: max-content;
}

div#CompCountsForClients .modal-content {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

div#CompCountsForClients div#signModalTextComp {
    display: none;
}

div#CompCountsForClients .CompClass_block--c-items div {
    flex-direction: inherit;
}

.Comp_buts div {
    display: flex;
    grid-gap: 20px;
}

    .Comp_buts div a.CompCountsForClients div { /* White Background */
        background: #FFFFFF;
        /* Mid Gray */
        border: 1px solid #D2D4D4;
        border-radius: 6px;
        /* White Background */
        background: #FFFFFF;
        /* Mid Gray */
        border: 1px solid #D2D4D4;
        border-radius: 6px;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* Dark */
        color: #2C3537;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        cursor: pointer;
    }

::-webkit-scrollbar-thumb {
    background: #ADB2B3 !important;
    background-color: #ADB2B3 !important;
}

::-webkit-scrollbar {
    width: 6px !important;
    height: 100% !important;
}

.modal-header {
}

div#CompCountsForClients .modal-header {
    padding: 30px;
    padding-bottom: 0px;
}

div#CompCountsForClients {
}

    div#CompCountsForClients .modal-body {
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 30px;
        padding: 22px 30px 30px 30px;
    }






@media(max-width:1200px) {
    div#CompCountsForClients .modal-content {
        width: 100% !important;
        margin-bottom: 0px !important;
        /* White Background */
        background: #FFFFFF;
        border-radius: 8px 8px 0px 0px;
    }

    div#CompCountsForClients .modal-body {
        width: 100% !important;
    }

    div#CompCountsForClients .CompClass_block--c-items {
        width: 100% !important;
    }

    a.but {
        width: 100% !important;
        display: grid !important;
    }

    div#CompCountsForClients a.but div { /* Teal */
        background: #008F91;
        border-radius: 6px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        width: 100% !important;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    div#CompId div.Comp_buts div {
        width: 100% !important;
        display: grid !important;
    }

    div#CompCountsForClients a.but div {
        height: 48px;
        justify-content: center;
        margin: 20px 0px 0px 0px;
    }

    div#calculateDepositDatas { /* White Background */
        background: #FFFFFF !important;
        /* Mid Gray */
        border: 1px solid #D2D4D4 !important;
        border-radius: 6px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        box-shadow: none !important;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center !important;
        text-align: center !important;
        /* Dark */
        color: #2C3537 !important;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        place-content: center;
    }





    div#myModalCompSignStates .modal-content, div.myModalComp .modal-dialog .modal-content {
        margin-bottom: 0px !important;
        width: 100% !important;
        /* height: 100% !important; */
        /* White Background */
        background: #FFFFFF;
        border-radius: 8px 8px 0px 0px;
    }

    a#CompForStates div, div#hasToBeSignedComp a div {
        width: 100% !important;
        justify-content: center;
        /* Dark */
        background: #2C3537;
        border-radius: 6px;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    div#hasToBeSignedComp, div#myModalCompSignStates .modal-footer {
        width: 100% !important;
        display: inline-block;
    }










    div#TextFileTemplate {
        width: 100% !important;
    }

    div#signModalTextComp {
        width: 100% !important;
    }

    div.wrap div#CompId div.modal-body div.Comp_buts div {
        width: 100% !important;
        display: inline-block !important;
        margin: 0px !important;
        height: max-content !important;
    }

    .wrap {
    }

    div.wrap div#CompId div.modal-body div.Comp_buts {
        padding: 0px;
        padding: 0px;
        margin: 20px 0px 0px 0px;
    }

    div#myModalCompSignStates .modal-dialog .modal-content .modal-footer a#CompForStates {
        position: relative;
    }

    div#myModalCompSignStates .modal-content, div.myModalComp .modal-dialog .modal-content {
        height: 100% !important;
        height: 81% !important;
    }

        div#myModalCompSignStates .modal-content, div.myModalComp .modal-dialog .modal-content div {
            font-family: 'Ubuntu';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            /* or 129% */
            /* Dark */
            color: #2C3537;
        }

    .SingModal {
        /*height: 100% !important;*/
        margin-bottom: 130px;
        margin-bottom: 214px;
        margin-bottom: 276px;
    }

    div#TextFileTemplate {
        height: 84%;
        margin-bottom: 214px;
    }

    div#signModalTextComp div span {
        font-family: 'Ubuntu' !important;
        font-style: normal !important;
    }

    div#signModalComp {
        overflow: unset !important;
    }

    div#myModalComp .modal-content {
        grid-gap: 13px;
    }

    div#signModalTextComp div#TextFileTemplate div:last-child {
        margin-bottom: 66px;
        height: max-content !important;
    }

    div#myModalCompSignStates .modal-footer {
        position: unset !important;
    }
}