:root {
	--bs-root-font-size: 14px;
	--bs-body-font-size: 0.875rem;
}

.modal {
	overflow-y: overlay;
}

.modal-open {
	padding-right: 0px !important;
}

.invalid-tooltip-input-form {
	top: auto !important;
	margin-right: 1.7rem !important;
}

.is-invalid .selectize-input {
	border-color: #d8dde5;
}

.is-invalid .selectize-input.focus {
	background-color: #fff;
	border-color: #81c2e3;
	box-shadow: 0 0 0 .25rem rgba(2,132,199,.25);
	color: #3e444a;outline:0
}

.selectize-input.locked {
	background-color: #e9ecef;
}

.selectize-input.locked.focus.input-active {
	background-color: #e9ecef !important;
	border-color: 1px solid #d8dde5;
}

ul.treejs-nodes:first-child {
	padding-left: 0px;
	margin-bottom: 0px;
}

.treejs .treejs-node.treejs-placeholder {
	padding-left: 0px !important;
}

.treejs .treejs-checkbox {
    width: 18px !important;
    height: 18px !important;
    padding: 1px;
    padding-left: 4px;
}

.treejs .treejs-checkbox:before {
    width: 14px !important;
    height: 14px !important;
}

.treejs-checkbox:hover:before {
	-webkit-box-shadow: 0 0 0 .25rem rgba(2,132,199,.25) !important;
	box-shadow: 0 0 0 .25rem rgba(2,132,199,.25) !important;
}

.treejs .treejs-node__halfchecked > .treejs-checkbox:after {
	top: 8px !important;
	width: 9px !important;
    left: 7px !important;
}

.treejs .treejs-node__checked > .treejs-checkbox:after {
	width: 4px !important;
	height: 8px !important;
    left: 9px !important;
}

.treejs .treejs-label {
    padding-left: 11px;
}

.treejs .treejs-nodes {
    padding-left: 25px !important;
}

.treejs .treejs-nodes:first-child {
    padding-left: 0px !important;
}

.selectize-control {
    width: 70px;
}

.selectize-input {
	max-height: calc(1.5em + 0.75rem + 2px);
	overflow: hidden;
	line-height: 1.58;
}

.selectize-input .item {
    height: auto;
    width: auto;
}

.selectize-control.multi .selectize-input {
    height: auto;
    max-height: max-content;
    padding-left: calc(0.75rem - 5px);
    padding-right: calc(0.75rem - 5px);
}

.selectize-control.plugin-clear_button .clear {
	top: 1px !important;
}

.form-select.selectize-control, .form-control.selectize-control.single {
	height: 33px !important;
}

.form-select.selectize-control, .form-control.selectize-control.multi {
	height: calc(100% - 28px) !important;
}

.swal2-shown {
	padding-right: 0px !important;
}

.drag_disabled {
    pointer-events: none;
}

.drag_enabled {
    pointer-events: all;
}

.dd-handle {
    height: auto;
}

.dd-empty {
    min-height: 35px;
}

.dd3-button {
	position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    margin: 4.5px;
}

.form-check {
    min-height: 0;
    padding-left: 1.8em;
}

.form-check .form-check-label {
	padding-left: 5px;
}

.radio-tree {
	list-style: none;
	padding-left: 20px;
}

.radio-tree-ml-1 {
	margin-left: 10px;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #f0f2f5;
    border-color: #f0f2f5; 
    cursor: not-allowed;
}

.modal-xl {
	max-width: 95%;
}

.modal-lg {
	max-width: 75%;
}

.cursor-pointer {
	cursor: pointer;
}

.fs-7 {
	font-size: 0.875rem !important;
}

.fs-7 th {
	font-size: 0.875rem !important;
}

.fs-8 {
	font-size: 0.75rem !important;
}

.fs-8 th {
    font-size: 0.75rem !important;
}

.fs-9 {
	font-size: 0.625rem !important;
}

.fs-9 th {
    font-size: 0.625rem !important;
}

.fs-10 {
	font-size: 0.5rem !important;
}

.fs-10 th {
    font-size: 0.5rem !important;
}

.row.gutters-tiny {
	margin-right: -5px;
	margin-left: -5px;
}

.row.gutters-tiny > .col,
.row.gutters-tiny > [class*=col-] {
	padding-left: 5px;
	padding-right: 5px;
}

.row.gutters-tiny .push,
.row.gutters-tiny .block {
	margin-bottom: 6px;
}

@media (max-width: 767.98px) {
	.row:not(.gutters-tiny):not(.no-gutters) {
		margin-right: -6px;
		margin-left: -6px;
	}

	.row:not(.gutters-tiny):not(.no-gutters) > .col,
	.row:not(.gutters-tiny):not(.no-gutters) > [class*=col-] {
    	padding-left: 6px;
    	padding-right: 6px;
  	}
}
.msger-chat {
    flex: 1;
    overflow-y: auto;
}
.msger-chat::-webkit-scrollbar {
    width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
    background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}
.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
.msg:last-of-type {
    margin: 0;
}
.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
.msg-bubble {
    max-width: 100%;
    padding: 15px;
    border-radius: 10px;
    background: #ececec;
}
.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}
.msg-info-text {
    margin-right: 10px;
}
.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
    color: black;
}

.left-msg-text .msg-bubble {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}
.right-msg .msg-bubble {
    background: #579ffb;
    color: #fff;
    border-bottom-right-radius: 0;
}
.right-msg-text .msg-bubble {
    background: #579ffb;
    color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.right-msg .msg-img {
    margin: 0 0 0 10px;
}

.form-control.mask-year {
    background-color: #fff;
}

.form-control.mask-date {
    background-color: #fff;
}

.dataTables_processing {
    z-index: 1;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--bs-gray-500);
}

.datepicker table tr td:first-child,
.datepicker table tr td:first-child + td + td + td + td + td + td {
    color: var(--bs-danger) !important;
}

.dark-mode .selectize-input.locked,
.dark-mode .selectize-input.locked.focus.input-active {
    color: #c5cdd8;
    background-color: #1b1f22 !important;
    border-color: #383f45;
}

.block-header.block-header-default.bg-primary.detail_row {
  background-color: #0284c7 !important;
}