.send-message {
    border: 0;
    outline: 0;
    display: flex;
    align-items: center;
    height: 100%;
}
.gap-10 {
    gap: 10px;
}
.chat-message--top-user {
    max-width: calc(100% - 40px);
    min-width: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block-inner {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px
}

.block-inner .block-inner-heading {
    font-size: 18px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 10px
}

.block-inner .block-inner-subheading {
    font-size: 15px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 10px
}


.pointer {
    cursor: pointer;
}


.divider {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #e0e0e0
}

.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}



.block-main-title {
    font-size: 22px;

    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #fff;


    padding-top: 5px;
    padding-bottom: 5px;


    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.block-main {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    line-height: 1;
    margin-bottom: 15px;
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.block-main .block-main-heading {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

.block-main .block-sub {
    padding: 20px 15px
}

.block-main .rur:after {
    content: "\20BD";
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px
}

.block-main .title-large {
    font-size: 18px;
    display: block;
    margin-bottom: 5px
}

.block-main .digit-large {
    display: block;
    font-size: 24px;
    font-weight: 500
}

.block-main .digit-extra-large {
    display: block;
    font-size: 36px;
    font-weight: 500
}

.block-main .graph-doughnut {
    margin-bottom: 20px
}

.block-main .graph {
    margin-bottom: 10px
}

.block-main .graph .title {
    display: block;
    margin-bottom: 5px
}

.block-main .graph .value {
    display: block;
    font-size: 18px;
    font-weight: 500
}



.alert {
    z-index: 9999999999;
    position: absolute;
    /*width: 100%;*/
    max-width: 1400px;
	left: 0;
	right: 0;
	margin: 50px auto;
}



.btn-info {
    color: #ffffff;
    background-color: #29b6f6;
    border-color: #11aef5; }
.btn-info:focus, .btn-info.focus {
    color: #ffffff;
    background-color: #0a9fe2;
    border-color: #055a81; }
.btn-info:hover {
    color: #ffffff;
    background-color: #0a9fe2;
    border-color: #0887c0; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #ffffff;
    background-color: #0a9fe2;
    border-color: #0887c0; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
    color: #ffffff;
    background-color: #0887c0;
    border-color: #055a81; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #29b6f6;
    border-color: #11aef5; }
.btn-info .badge {
    color: #29b6f6;
    background-color: #ffffff; }

.btn-success {
    color: #ffffff;
    background-color: #4caf50;
    border-color: #449d48; }
.btn-success:focus, .btn-success.focus {
    color: #ffffff;
    background-color: #3d8b40;
    border-color: #1e441f; }
.btn-success:hover {
    color: #ffffff;
    background-color: #3d8b40;
    border-color: #327334; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #3d8b40;
    border-color: #327334; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
    color: #ffffff;
    background-color: #327334;
    border-color: #1e441f; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #4caf50;
    border-color: #449d48; }
.btn-success .badge {
    color: #4caf50;
    background-color: #ffffff; }



.modal-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}
.modal-frame {
	overflow-y: auto;
}
.modal-frame .modal-header {
    padding: 15px;
    background-color: #fff
}

.modal-frame .modal-header .modal-heading {
    font-size: 24px;
    margin-bottom: 5px;
    text-align: left;
}

.modal-frame .modal-body {
    padding: 15px;
    max-height: 600px;
    overflow-y: auto;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.modal-frame .modal-body .modal-body-heading {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px
}

.modal-frame .modal-body .modal-body-subheading {
    line-height: 1;
    margin-bottom: 15px
}

.modal-frame .modal-body table {
    border: 1px solid #e0e0e0
}

.modal-frame .modal-footer {
    display: block;
    padding: 15px;
    background-color: #fff
}

.form-group {
    margin-bottom: 15px;
}

.btn-danger {
    color: #ffffff;
    background-color: #e51c23;
    border-color: #d0181e; }
.btn-danger:focus, .btn-danger.focus {
    color: #ffffff;
    background-color: #b9151b;
    border-color: #5d0b0e; }
.btn-danger:hover {
    color: #ffffff;
    background-color: #b9151b;
    border-color: #991216; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #b9151b;
    border-color: #991216; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
    color: #ffffff;
    background-color: #991216;
    border-color: #5d0b0e; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #e51c23;
    border-color: #d0181e; }
.btn-danger .badge {
    color: #e51c23;
    background-color: #ffffff; }


.loader {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url('/img/spinner.svg') 50% 50% no-repeat rgb(249,249,249);
    opacity: 0.8;
}

.loader-offcanvas {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url('/img/spinner.svg') 50% 50% no-repeat rgb(249,249,249);
    opacity: 0.8;
}

.tab-offcanvas-card > .col {
    min-height: 45px;
}

.hidden {
    display: none;
}


.order-progress {

}

/*

.order-progress {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    position: fixed;
    top: 125px;
    width: 15%;
    padding: 15px;
    border-radius: 8px;
}

.order-progress .order-progress-heading {
    font-size: 18px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 10px
}

.order-progress .progress {
    margin-top: 5px;
    margin-bottom: 10px
}

.order-progress .progress-item {
    position: relative;
    margin-bottom: 15px
}

.order-progress .progress-item > .check {
    position: absolute;
    display: block;
    top: 5px;
    width: 18px;
    height: 14px;
    margin-right: 5px;
    background-image: url("/img/icons/check_gray.svg")
}

.order-progress .progress-item > .check.complete {
    background-image: url("/img/icons/check_green.svg")
}

.order-progress .progress-item > a {
    color: #212121;
    padding-left: 25px;
    display: block;
    -webkit-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out
}

.order-progress .progress-item > a:hover, .order-progress .progress-item > a:focus {
    color: #e51c23
}

.order-progress p {
    color: #9e9e9e;
    font-style: italic
}
*/


.required {
    color: red;
}

.control-label{
    font-size: 16px;
    margin-bottom: 5px;
}



.view-field {
    overflow: hidden;
    vertical-align: bottom;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    background: url(/img/dot.jpg) repeat-x 0 bottom;
}

.view-field-custom{
    overflow: hidden;
    vertical-align: bottom;
    margin-bottom: 8px;
    color: #000;
    line-height: 22px;
    background: url(/img/dot.jpg) repeat-x 0 bottom;
}

.view-label {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    float: left;
    display: block;
    background: #fff;
}

.view-label-custom {
    color: #000;
    font-size: 110%;
    font-weight: normal;
    float: left;
    display: block;
    background: #fff;
}

.view-value-custom{
    color: #000;
    font-size: 110%;
    float: right;
    display: block;
    background: #fff;
}

.view-value {
    color: #000;
    font-size: 14px;
    float: right;
    display: block;
    background: #fff;
}


.bg-light-danger {
    background-color: #f9bdbb;
}

.avatar{
    width: 32px;
    height: 32px;
    object-fit:cover;
}



.order-chat {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    position: fixed;
    top: 90px;
    width: 46%;
    padding: 15px;
    border-radius: 8px;
}

.digitization-edit-subject {
    cursor: pointer;
    color: #4d38d3;
    font-size: 16px;

}


.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices {
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;

}

.select2-default {
    color: var(--bs-secondary-color) !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    font-weight: 400;
    line-height: 0.8;

}


#messages-alert-mob {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.card {
    /*transition: transform 0.2s linear;*/
}
.card:hover {
    transform: scale(1.01);
}

.dropdown-member-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #E4E7EC;
}
.dropdown-member-avatar > img {
    border-radius: 50%;
}

.uppercase_text {
    text-transform: uppercase;
}

.offcanvas-body::-webkit-scrollbar {
    width: 0;
}

@media (pointer: fine) {
	.container-tabs {
		overflow: hidden !important;
	}
}

@media (max-device-width: 680px) {
	.modal-frame {
		max-height: 320px;
	}
}

.disabled{
    background: #e9ecef;
    border-color: #e9ecef;
    box-shadow: none;
}

@media (min-width: 992px) {
    .my-contract-main-form-doc
    {
        padding: 28px 53px;
    }
}


.my-contract-main-form-doc
{
    cursor: pointer;
    padding: 23px 38px;
    border-radius: 8px;
    border: 1px solid #C8C9CB;
    background: #FFF;
}

.chat-footer-offcanvas{
    margin-top: 5px;
}


.main-chat-forms{
    width: 100%;
}

.offcanvas {
    border-radius: 8px 0px 0px 8px;
}

.footer
{
    padding: 0px;
}

.dropdown-item:focus .color-74777F,
.dropdown-item:hover .color-74777F {
    color: var(--bs-dropdown-link-hover-color);
}

.dropdown-item:focus.text-primary,
.dropdown-item:hover.text-primary {
    color: var(--bs-dropdown-link-hover-color) !important;
}

.contract-img-form .position-absolute .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

.word-spacing {
    word-spacing: 100px;
}

.font-noto-sans {
    font-family: "Noto Sans";
}

.row-previews--img {
    display: block;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-bonus {
    --bs-card-border-color: #F3F4F6;
    --bs-card-bg: #F3F4F6;
    --bs-card-inner-border-radius: 10px;
    height: 100%;
}

.message-outgoing .btn.btn-icon {
    color: #fff;
}

.loading {
    min-height: 0.8rem;
    pointer-events: none;
    position: relative;
	-webkit-animation: loading-btn 1s infinite linear;
    animation: loading-btn 1s infinite linear;
}

@keyframes loading-btn {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.5;
	}
}

.cpointer{
	cursor: pointer;
}
.js-ajax-wrap .notification-list-item:last-child{
	border-bottom: none!important;
}

.sk-phones-example{
	padding: 10px;
	background-color: #eee;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	margin-bottom: 10px;
}
.sk-phones-example i{
	margin-bottom: 10px;
	display: inline-block;
}
.sk-phone-item .btn{
	margin-top: 5px;
}
.dblock{
	display: block;
}

/*.select2-container--default .select2-selection--single{*/
/*	border-color: var(--bs-border-color);*/
/*	padding: 0.425rem 2.25rem 0.425rem 0;*/
/*	height: auto;*/
/*	border-radius: .375rem;*/
/*}*/
.form-control.fs-14 ~ .select2 .select2-selection__rendered{
	font-size: 14px;
	
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: normal;
}
li.select2-results__option{
	font-size: 14px;
}

.select2-selection__rendered{
	min-height: 19px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 4px;
}

i.note{
	display: inline-block;
	color: #9f9f9f;
	font-size: 14px;
	margin-bottom: 10px;
}
.error-group {
    border: 1px solid red;
}
.gap-y-4 {
    gap: 4px 0;
}
.dropdown-menu {
    max-height: 800px;
    overflow: auto;
}

.table-logs,
.table-auto{
	font-size: 14px;
}
.table-logs tbody tr:hover,
.table-auto tbody tr:hover{
	opacity: 0.7;
}
.table-auto .bg-red {
    background-color: #D92020;
}

.table-auto .bg-green {
    background-color: green;
}
.table-auto .r-border{
	border-right: 2px solid #dee2e6;
}
.table-top-pd th{
	padding-top: 50px;
}

.color-red{
	color: #D92020;
}
.color-green{
	color: green;
}

.table-logs tr[data-href]{
	cursor: pointer;
}

.card.expired .prolongation-btn{
	color: white!important;
}

/*partners sort*/
.sortable-list {
	list-style-type: none;
	padding-left: 0;
}
.sortable-list .sortable-list {
	padding-left: 30px;
}
.partner-content {
	display: flex;
	align-items: center;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	
}
.sortable-chosen .partner-content {
	background: #e9e9e9;
}
.sortable-ghost .partner-content {
	background: #e0e0e0;
}
.sortable-drag {
	opacity: 0;
}
.sortable-item{
	margin-top: 5px;
	margin-bottom: 5px;
}

.sortable-list{
	min-height: 5px;
}
.sortable-handle{
	margin-right: 10px;
	cursor: move;
}
.sortable-edit-link{
	margin-right: 0px;
	margin-left: 30px
}
.sortable-delete-link{
	margin-right: 0px;
	margin-left: 30px;
	cursor: pointer;
}
.sortable-partner-type{
	margin-left: auto;
}
.sortable-new-leaf{
	margin-left: auto;
	width: 20px;
}
.sortable-new-leaf-place{
	width: 20px;
}
.partner-items-tree{
	padding-left: 30px;
}
.partner-group_link{
	margin-bottom: 10px;
	display: block;
	color: black;
}
.partner-group_link:hover{
	opacity: 0.5;
	
}
.partner-group > .partner-content{
	background: #eeeeee;
}

.sortable-partner-type ~ .sortable-new-leaf,
.sortable-partner-type ~ .sortable-new-leaf-place{
	margin-left: 30px;
}

.row_header{
	margin-bottom: 20px;
}
/*end partners sort*/