/* Start:/local/templates/main/template_styles.css?17637613085050*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

*:not(.menu-arrow), body, p, a, span:not(.menu-arrow), div, ul, li, h1, h2, h3, h4, h5, h6, nav, table, tr, td {
    font-family: 'Nunito', sans-serif!important;
}
.navbar-custom {
    background-color: #3c4752;
}
.footer {
    padding-bottom: 13px;
    left: 284px;
}
.left-side-menu, .logo-box {
    width: 284px;
}
.content-page {
    margin-left: 284px;
}
#sidebar-menu .badge {
    padding: 5px;
    line-height: 14px;
    width: 22px;
    height: 22px;
    font-size: 11px;
    margin-top: 1px;
}
.avatar-topbar {
    width: 36px;
    height: 36px;
    display: inline-block;
    top: 4px;
    position: relative;
    line-height: 38px;
    background-color: #ecf2f5;
    color: #3c4752;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 3px;
    height: 5px;
}
.tooltip-graph {
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 10%);
    padding: 5px;
}
.cursor-pointer {
    cursor: pointer;
}

/*
.custom_filter label {
    font-size: 11px;
    position: relative;
    top: -11px;
    margin-bottom: 0;
}
.custom_filter input {
    margin-top: -20px;
}
.custom_filter button {
    margin-top: 8px;
}
*/

@media (min-width: 768px) {
    .custom_filter .cm-col {
        padding-right: 0px;
    }
}

button, input, select {
    line-height: 22px!important;
}

.form-group-animate {
	position: relative;
}
.form-group-animate input{
	width: 100%;
}
/*
.form-group-animate label{
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: 100;
	transition: all .3s;
    cursor: text;
}
.form-group-animate.active label{
	font-size: 11px;
	background: #fff;
	margin-top: -7px;
	margin-left: 10px;
	padding: 0px 5px;
}
*/
.form-group-animate label{
	position: absolute;
	font-size: 11px;
	background: #fff;
	margin-top: -7px;
	margin-left: 10px;
	padding: 0px 5px;
    cursor: text;
}

.dropdown-cnt .dropdown-menu {
    transform: none!important;
    inset: 0px 0px auto auto!important;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 5px;
}

.select2-container .select2-selection--single {
    border-color: #ced4da;
    height: 38px;
    border-radius: 4px;
}

.select2 {
    max-width: 100%;
    width: 100%!important; 
}

#qr-reader {
    width: 100%!important;
    position: relative!important;
    padding: 5px 12px!important;
    border: 1px solid #ced4da!important;
    border-radius: 4px!important;
    margin-bottom: 26px!important;
}

.scanner_init {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 17px;
    color: #adb5bd;
    text-align: center;
    cursor: pointer;
}

.scanner_init:hover {
    color: #348cd4;
}

.dd {
    max-width: 100%;
}
.dd-item {
    cursor: move;
}

.erease {
    transition: background-color 1.5s ease-in-out;
}
.erease.active {
    background-color: #f2f8fb!important;
    transition: background-color 1.5s ease-in-out;
}

.erease-table {
    transition: background-color 1.5s ease-in-out;
}
.erease-table.active {
    background-color: inherit!important;
    transition: background-color 1.5s ease-in-out;
}

.nav-tabs a.nav-link {
    font-weight: bold!important;
}

@media (max-width: 585px) {
    /*.nav-tabs a.nav-link {
        border: none!important;
        padding-left: 0px;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #348cd4!important;
    }
    .nav-bordered {
        border: none!important;
    }*/
}

.btn-cst {
    height: 39px;
    line-height: 25px;
}
.air-datepicker-body--day-name, .air-datepicker-cell.-current- {
    color: #348cd4;
}
.air-datepicker-cell.-selected-, .air-datepicker-cell.-focus- {
    background: #348cd4!important;
    color: #fff;
}
div#bx-panel {
    z-index: 8!important;
}
.jq-toast-wrap {
    width: 300px;
}
.close-jq-toast-single {
    top: 0px;
    right: 0px;
    background-color: transparent;
}
.jq-toast-single a {
    text-decoration: underline;
    border-bottom: 0px;
    padding-bottom: 0px;
}
.jq-toast-single {
    opacity: 0.9;
}

.modal-title {
	font-weight: 700;
	color: #6c757d;
}

@media (min-width: 1200px) {
	#check-info .modal-xl {
		max-width: 85%;
	}
}

#check-info .modal-body {
	overflow: auto;
}


.space_dots{
	list-style: none;
	padding-left: 0;
	display: flex;
}
.space_dots li{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	border-radius: 3px;
}

[data-sort]{
	cursor: pointer;
}
[data-sort]:before{
	content: "↓";
	opacity: 0;
	transition: all .3s
}
[data-sort]:hover:before{
	opacity: 1;
}
/* End */
/* /local/templates/main/template_styles.css?17637613085050 */