/* CUSTOM */
html, body {
	overscroll-behavior-x: none;
}

body{
	color:#555;
}

body::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 14px;
}

body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 4px solid transparent;
	background-clip: content-box;
	background-color: #5897bb;
}

label{
	margin-bottom: .2rem;
}

.btn.focus, .btn:focus{
	box-shadow: none !important;
}

*:focus {
    outline: 0 !important;
}

input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent !important; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent !important; } /* IE 10+ */

input::-webkit-input-placeholder { color:#bbb !important; font-style: italic;}
input:-moz-placeholder { color:#bbb !important; font-style: italic;} /* FF 4-18 */
input::-moz-placeholder { color:#bbb !important; font-style: italic;} /* FF 19+ */
input:-ms-input-placeholder { color:#bbb !important; font-style: italic;} /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent !important; }
textarea:focus:-moz-placeholder { color:transparent !important; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent !important; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent !important; } /* IE 10+ */

textarea::-webkit-input-placeholder { color:#bbb !important; font-style: italic;}
textarea:-moz-placeholder { color:#bbb !important; font-style: italic;} /* FF 4-18 */
textarea::-moz-placeholder { color:#bbb !important; font-style: italic;} /* FF 19+ */
textarea:-ms-input-placeholder { color:#bbb !important; font-style: italic;} /* IE 10+ */

.dm_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nounderline{text-decoration: none !important}

#wrapper #content-wrapper {
	min-height: 100vh;
}

#wrapper, #wrapper #content-wrapper{
    background-color: #f2f2f2;
}

.bg-gradient-primary{
	background-color: #367fa9;/*#2488c2 #4e73df #2488c2*/
  	background-image: linear-gradient(180deg, #367fa9 10%, #172082 100%);
}
.navbar-nav{
	letter-spacing: 1px;
}
.navbar-nav.sidebar{
	font-size: 14px;
}
.sidebar.toggled .nav-item .nav-link span{
	font-size: 0.85rem !important;
}
.sidebar.toggled .nav-item .nav-link i{
	font-size: 1.2rem !important;
}
.sidebar-dark .nav-item .nav-link i{
	color: rgba(255, 255, 255, 0.5);
}

.sidebar .nav-item .nav-link{
	padding: .6rem 1rem;
}

#sidebar-end{
	margin-bottom: 0;
}

.topbar .nav-item .nav-link .img-profile{
	height: 3rem;
	width: 3rem;
	margin-bottom: 3px;
}

.dropdown-menu-right > .dropdown-item{
	padding: .4rem 1rem;
	font-size: 1rem;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #eee;
}

.dropdown-item.active:hover, .dropdown-item:active:hover{
	background-color: #3371c3;
}

.overflow-left{
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	overflow:hidden;
	white-space: nowrap;
}

.overflow-left > span.overflow-text{
	float:right;
}

#dm_lang_select{
	display:inline-flex;
	-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	margin-bottom: .5rem;
}

#dm_lang_select .nav-link{
	border-bottom: 3px solid #dfdfdf;
	font-weight: 600;
	color:#777;
	text-decoration: none;
	margin:0px 2px;
	font-size: 0.8rem;
}

#dm_lang_select .nav-link:hover{
    border-color: #7eb8e7;
    color: #004b77;
}

#dm_lang_select .nav-link.active{
	color: #0078d2;
    border-color: #0078d2;
}

footer.sticky-footer {
    padding: 0 0 0.2rem 0;
    color: #ccc;
    background-color: #f2f2f2;
}

.scroll-to-top {
    bottom: 3rem;
}

div.card-header{
	font-size:1.1rem;
	font-weight:bold;
}

div.card-body{
	overflow: auto;
	position: relative;
}

.btn.btn-default {
    color: #6e707e;
    background-color: #fff;
    border-color: #d1d3e2;
}

.btn.btn-default:hover {
    background-color: #eee;
}

.btn.dm_success{
	height:40px;
	white-space:nowrap;
	background-color: #e3fdd8;
    color: #3e8e3e;
    border-color: #5cb85c;
}

.btn.dm_success:hover,
.btn.dm_success.dm_success_active{
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.btn.dm_success.dm_success_active:hover{
	background-color: #48a648;
    border-color: #449d44;
}

.btn.dm_danger{
	height:40px;
	white-space:nowrap;
	background-color: #fdd8d8;
	color: #e74a3b;
	border-color: #e74a3b;
}

.btn.dm_danger:hover,
.btn.dm_danger.dm_danger_active{
	color: #fff;
	background-color: #e74a3b;
	border-color: #e74a3b;
}

.btn.dm_danger.dm_danger_active:hover{
	background-color: #e74a3b;
	border-color: #e74a3b;
}

.dropdown-toggle::after {
	margin-left: .5em;
	vertical-align: .155em;
}

.badge{
	padding: .5em .7em;
	cursor:pointer;
}

/* VEX */
.vex.vex-theme-flat-attack div.vex-content{
	border-radius: 4px !important;
	font-weight:400;
    padding: 1.2em 2.4em 2.4em 2em;
}

.vex.vex-theme-flat-attack .vex-close:before{
	background-image: none !important;
    /*display: inline-block;*/
    font-family: "Font Awesome 5 Free" !important;
   	font-weight: 900 !important;
    text-rendering: auto !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
	content: "\f00d" !important;



	background: #367fa9 !important;
	border-top-right-radius: 4px !important;
	/*content: "✕" !important;*/
	margin-top: -1px !important;
	margin-right: -1px !important;

	height: auto !important;
	width: auto !important;
	display: flex !important;
	/*line-height: normal !important;*/
	align-items: center !important;
	justify-content: center !important;
	font-size: 1.5em !important;
	padding: 0.1em 0.4em !important;
}

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary{
	color: #fff !important;
    background-color: #e74a3b !important;
}

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary {
	background: #fff;
	color: #ccc;
}

.vex.vex-theme-flat-attack.dm_vex_success div.vex-content{
	background-color: #dff0d8;
    border: 1px solid #5cb85c;
    color: #3c763d;
}

.vex.vex-theme-flat-attack.dm_vex_error div.vex-content{
	background-color: #f0d8d8;
    border: 1px solid #b85c5c;
    color: #763c3c;
}

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons{
	margin-right: -2.4em !important;
    padding-bottom: 0.6em !important;
}

/* animate */

.dm_animate_fast{
	transition: box-shadow 0.20s ease-in-out;
	/*-webkit-transition: box-shadow 0.20s ease-in-out;
	-moz-transition: box-shadow 0.20s ease-in-out;
	-ms-transition: box-shadow 0.20s ease-in-out;
	-o-transition: box-shadow 0.20s ease-in-out;*/
}

.dm_animate_slow{
	transition: box-shadow 0.60s ease-in-out;
	/*-webkit-transition: box-shadow 0.60s ease-in-out;
	-moz-transition: box-shadow 0.60s ease-in-out;
	-ms-transition: box-shadow 0.60s ease-in-out;
	-o-transition: box-shadow 0.60s ease-in-out;*/
}

.dm_animate_extraslow{
	transition: box-shadow 2.0s ease-in-out;
}

.dm_animate_max_red{
	box-shadow: 0px 0px 10px 1px red !important;
}

.dm_animate_min_red{
	box-shadow: 0px 0px 0px 0px red;
}

.dm_animate_max_green{
	box-shadow: 0px 0px 10px 1px #5cb85c !important;
}

.dm_animate_min_green{
	box-shadow: 0px 0px 0px 0px #5cb85c;
}

.dm_animate{
	/*-webkit-box-shadow: 0px 0px 20px 4px rgba(218, 240, 23, 1);
	-moz-box-shadow: 0px 0px 20px 4px rgba(218, 240, 23, 1);*/
	box-shadow: 0px 0px 20px 4px rgba(218, 240, 23, 1);
}

.dm_bg_animate_slow{
	transition: background-color 0.60s ease-in-out;
}

/* Table */

.dm_table_simple{
	color: #333;
	font-size: .9em;
	text-align: left;
	line-height: 40px;
	border: 1px solid #ccc;
	width:100%;
	white-space: nowrap;
	background: #fff;
	border-collapse: collapse;
}

div.card-body.dm_card_table{
	padding:0px;
}

div.card-body.dm_card_table > table.dm_table_simple{
	border:0px;
}

.dm_table_short{
	overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0px;
    text-align: left;
}

.dm_dropdown_short{
	max-width: 0px;
}

.dm_dropdown_short button{
	width: 100%;
}

.dm_dropdown_short button > span{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: left;
}

.dm_table_simple > thead > tr{
	color:#3371C3;
}

.dm_table_simple > thead > th{
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

.dm_table_simple > thead > tr.dm_sticky_header{
	position: fixed;
	top: 0;
	z-index:350;
}

.dm_table_simple > thead > tr.dm_sticky_header th{
	background-color:#fff;
	border-bottom: 1px solid #ccc;
}

.dm_table_simple > tbody > tr{
	cursor: pointer;
}


.dm_table_simple > tbody > tr:hover{
	background-color:rgb(191, 232, 167);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

.dm_table_simple > tbody > tr .dm_table_simple > tbody > tr:hover{
	border: 0px;
}
.dm_table_simple > tbody > tr .dm_table_simple tr.expand-child{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.dm_table_simple > tbody > tr .hiddenRow{
	padding: 0 !important;
    vertical-align: top;
}

.dm_table_simple > tbody > tr > td,
.dm_table_simple > thead > tr > th{
	border-bottom: 1px dotted #ddd;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	vertical-align: middle;
}
.dm_table_simple > tbody > tr:last-child > td{
	border-bottom: 1px solid #ddd;
}
.dm_table_simple > tfoot > tr > td{
	padding: 6px 5px;
	line-height: 150%;
	vertical-align: middle;
}

.dm_table_simple > tbody > tr > td:first-child,
.dm_table_simple > tfoot > tr > td:first-child,
.dm_table_simple > thead > tr > th:first-child {
	padding-left:10px;
}

.dm_table_simple > tbody > tr > td:last-child,
.dm_table_simple > tfoot > tr > td:last-child,
.dm_table_simple > thead > tr > th:last-child {
	padding-right:10px;
}

.dm_table_simple > tfoot > tr:hover{
	background-color:#BBE2AE;
}

.dm_table_simple > tbody > .dm_row_highlight{
	background-color: #3D85AB !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border-top:1px solid #3D85AB;
    border-bottom:1px solid #3D85AB;
}

.dm_table_simple > tbody > .dm_row_highlight a{
	color: #fff;
}

.dm_table_simple .dm_row_mark{
	border-top: 1px solid rgba(60, 141, 188, 0.64) !important;
	border-bottom: 1px solid rgba(60, 141, 188, 0.64) !important;
    background-color: rgba(60, 141, 188, 0.14);
}

.dm_table_simple > tfoot > tr > td input{
	padding: 6px 8px;
}

.dm_table_simple i.tablesorter-icon {
	width: 9px;
	height: 9px;
	padding: 0 10px 0 4px;
	display: none;
	background-position: center right;
	background-repeat: no-repeat;
	content: "";
	margin-right:0px;
}

.dm_table_simple .tablesorter-headerSortUp i.tablesorter-icon,
.dm_table_simple .tablesorter-headerAsc i.tablesorter-icon,
.dm_table_simple .headerSortUp i.tablesorter-icon,
.dm_table_simple .headerAsc i.tablesorter-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALhJREFUeNpi/P//PwMhwILMiexYx8bIxNTy/9+/muUVQb9g4kzIitg4edI4+YRLQTSyOCPMupjerUI8whK3OXgEhH58+fDuy9sXqkuKvd+hmMTOxdvCxS8sxMUvxACiQXwU6+Im7DDg5BNKY+fiY2BmYWMA0SA+SByuiJ2bbzIHrwAzMxsb0AGMDCAaxAeJg+SZ7wtaqfAISfQAdTIwMUM8ywhUyMTEzPD/71+5FXvPLWUkJpwAAgwAZqYvvHStbD4AAAAASUVORK5CYII=');
	display: inline-block;
}
.dm_table_simple .tablesorter-headerSortUp:hover i.tablesorter-icon,
.dm_table_simple .tablesorter-headerAsc:hover i.tablesorter-icon,
.dm_table_simple .headerSortUp:hover i.tablesorter-icon,
.dm_table_simple .headerAsc:hover i.tablesorter-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwMhwILMCc+qZGNkYmr5/+9fzcpp7b9g4kzIitjYOdM4uXlLQTSyOCPMuqi8OiEefsHbHFzcQj++fX335eN71WWTmt6hmMTOwdXCycMnBDSJAUSD+CjWxRQ0GHBw86Sxc3AyMDOzMIBoEB8kDlfEzsk1mYOLByjPCnQAIwOIBvFB4iB55rsfmVS4+QV7QNYwMTNDHApUyMTExPDv/z+5Feu3L2UkJpwAAgwA244u+I9CleAAAAAASUVORK5CYII=');
	display: inline-block;
}
.dm_table_simple .tablesorter-headerSortDown i.tablesorter-icon,
.dm_table_simple .tablesorter-headerDesc i.tablesorter-icon,
.dm_table_simple .headerSortDown i.tablesorter-icon,
.dm_table_simple .headerDesc i.tablesorter-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi/P//PwMhwBLdtVGFhZ3zNhMzC4bkv79/GP78/K7KCDIpZ9mVw+xcfDaMTExwBf///WP4+e3TkSlROrZg7UxMLLns3HxnmFnZmGGK/v7+9ff3j2+5YHkQMSlC48Kv719m/f//D2IKkAbxQeJwRSDw4/OHmr+/fr0DqmAA0SA+TA6uaEq0zjugG+r//vkFcks9iA/3HbJvvn18O+vf379yP758mMXAoAAXZyQmnAACDADX316BiTFbMQAAAABJRU5ErkJggg==');
	display: inline-block;
}
.dm_table_simple .tablesorter-headerSortDown:hover i.tablesorter-icon,
.dm_table_simple .tablesorter-headerDesc:hover i.tablesorter-icon,
.dm_table_simple .headerSortDown:hover i.tablesorter-icon,
.dm_table_simple .headerDesc:hover i.tablesorter-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALNJREFUeNpi/P//PwMhwBJf3uP879e3PUzMzBiS//7+ZWBi43JhBJmU2z7nIzMzEx8jIyNcAUj8799/nyZXpvCzgARYuXjTWBkZVjCzIEz7++cvw+//DGkgNiPMTWVT1l5hZvynDTINbMp/pqtdOcE6IDkmmM5fv3/5//v37z9QBQOIBvFhcnBFEwoj7/5jZFnz9+8fBhAN4sN9h+ybH9++JrGxscr/+vE1CVmckZhwAggwANvlUyq5Dd1wAAAAAElFTkSuQmCC');
	display: inline-block;
}

.pagination span {
  padding: 5px;
}

.dm_pager_disabled {
	background-color: #F0F0F0;
	opacity:0.5;
}

/* Table end */