/* ecm-table */

.ecm-table {
	border-collapse: collapse !important;
	/* border-style: hidden !important; */
	table-layout: fixed !important;
	width: 100% !important;
}

.ecm-table thead tr th {
	vertical-align: top !important;
	color: #000;
	background-color: #dfeffc;
	border-color: #C5DBEC;
	border-bottom: 1px solid #C5DBEC;
	font-weight: 600;
}

.ecm-table thead tr th div {
	color: #0088CC;
}

.ecm-table thead tr.ecm-columns-search td {
	vertical-align: top !important;
	color: #000;
	background-color: #CCCCCC;
	border-color: #CCCCCC;
}

.ecm-table td {
	vertical-align: middle !important;
}

.ecm-table tr.selected td {
	/* background-color: rgba(0,0,0,0.075);
	font-weight: bold; */
	/* font-weight: 600; */
	background-color: LightYellow;
	/* color: #0088CC; */
}

/* ecm-highlight-row */

table.ecm-table tbody tr.ecm-highlight-row td {
	cursor:pointer;
	background-image: url(/images/back_top_blue.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #4297D7;
}

table.ecm-table tbody tr.ecm-highlight-row td:first-child {
	border-left: 1px solid #4297D7;
	background-image: url(/images/back_top_left_blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

table.ecm-table tbody tr.ecm-highlight-row td:last-child {
	border-right: 1px solid #4297D7;
	background-image: url(/images/back_top_right_blue.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

/* table.ecm-table tbody tr:hover {
	background-color: #E5F3FB;
	outline: 1px solid #70C0E7;
} */

table.ecm-table.ecm-highlight-row-no-pointer tbody tr.ecm-highlight-row td {
	cursor: default;
}

.ecm-table-vertical {
	border-collapse: collapse !important;
	table-layout: fixed !important;
	width: 100% !important;
}

.ecm-table-vertical tr th {
	background-color: #dfeffc;
	font-weight: 600;
	vertical-align: middle;
}

.ecm-table p,  .ecm-table-vertical p   {
	color: #000;
}

/* ecm card */

.ecm-card {
	font-size: 13px;
}

.ecm-card-header {
	font-weight: 600;
	color: #000;
	background-color: rgba(0, 0, 0, 0.075);
}

/* .ecm-card-body button {
	background-color: #dfeffc;
} */

.ecm-circle {
	border-radius: 50%;
	width: 10px;
	height: 10px;
}

/* .module-content-admin-top-menu ul li a {
	font-weight: normal;
	color: #000;
} */

.disabled-link {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.6;
}

.ecm-tooltip {
	width: fit-content;
	max-width: fit-content;
}

.ecm-modal {
	z-index: 9999 !important;
}

/* .modal-content {
	max-width: fit-content;
	width: fit-content;
	margin: auto;
	overflow: auto;
} */

.modal-body {
	overflow: auto;
}

div.bootstrap-select.error > button.btn.dropdown-toggle {
	border-color: rgb(169, 68, 66);
}

.ecm-error {
	color: red;
	font-size: 8px !important;
	font-style: italic !important;
}

.ecm-not-focusable {
	cursor: default;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	/* pointer-events: none; */
}

.ecm-small-btn {
	cursor: pointer;
	font-size: 15px;
}

.ecm-item-saved {
	background-color: lightgreen !important;
}

.ecm-item-choosed {
	background-color: moccasin !important;
}

/* btn-toggle */
.btn-toggle {
	/* top: 50%; */
	/* transform: translateY(-50%); */
	vertical-align: middle;
	/* margin: 0 4rem;
	padding: 0; */
	position: relative;
	border: none;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
	color: #6b7381;
	background: #bdc1c8;
}
.btn-toggle:focus, .btn-toggle:focus.active, .btn-toggle.focus, .btn-toggle.focus.active {
	outline: none;
}
.btn-toggle:before, .btn-toggle:after {
	line-height: 1.5rem;
	width: 4rem;
	text-align: center;
	font-weight: 600;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity .25s;
}
/* .btn-toggle:before {
	content: 'Off';
	left: -4rem;
}
.btn-toggle:after {
	content: 'On';
	right: -4rem;
	opacity: .5;
} */
.btn-toggle > .handle {
	position: absolute;
	top: 0.1875rem;
	left: 0.1875rem;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 1.125rem;
	background: #fff;
	transition: left .25s;
}
.btn-toggle.active {
	transition: background-color .25s;
}
.btn-toggle.active > .handle {
	left: 1.6875rem;
	transition: left .25s;
}
.btn-toggle.active:before {
	opacity: .5;
}
.btn-toggle.active:after {
	opacity: 1;
}

.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
	line-height: -0.5rem;
	color: #fff;
	letter-spacing: .75px;
	left: 0.4125rem;
	width: 2.325rem;
}
.btn-toggle.btn-sm:before {
	text-align: right;
}
.btn-toggle.btn-sm:after {
	text-align: left;
	opacity: 0;
}
.btn-toggle.btn-sm.active:before {
	opacity: 0;
}
.btn-toggle.btn-sm.active:after {
	opacity: 1;
}

.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
	display: none;
}

.btn-toggle:before, .btn-toggle:after {
	color: #6b7381;
}
.btn-toggle.active {
	background-color: #007bff;
}

.btn-toggle.btn-lg {
	margin: 0 5rem;
	padding: 0;
	position: relative;
	border: none;
	height: 2.5rem;
	width: 5rem;
	border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg.focus.active {
	outline: none;
}
.btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {
	line-height: 2.5rem;
	width: 5rem;
	text-align: center;
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity .25s;
}
/* .btn-toggle.btn-lg:before {
	content: 'Off';
	left: -5rem;
}
.btn-toggle.btn-lg:after {
	content: 'On';
	right: -5rem;
	opacity: .5;
} */
.btn-toggle.btn-lg > .handle {
	position: absolute;
	top: 0.3125rem;
	left: 0.3125rem;
	width: 1.875rem;
	height: 1.875rem;
	border-radius: 1.875rem;
	background: #fff;
	transition: left .25s;
}
.btn-toggle.btn-lg.active {
	transition: background-color .25s;
}
.btn-toggle.btn-lg.active > .handle {
	left: 2.8125rem;
	transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
	opacity: .5;
}
.btn-toggle.btn-lg.active:after {
	opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after {
	line-height: 0.5rem;
	color: #fff;
	letter-spacing: .75px;
	left: 0.6875rem;
	width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
	text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
	text-align: left;
	opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
	opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
	opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after {
	display: none;
}

.btn-toggle.btn-sm {
	margin: 0 .5rem;
	padding: 0;
	position: relative;
	border: none;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm.focus.active {
	outline: none;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
	line-height: 1.5rem;
	width: .5rem;
	text-align: center;
	font-weight: 600;
	font-size: .55rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity .25s;
}
/* .btn-toggle.btn-sm:before {
	content: 'Off';
	left: -0.5rem;
}
.btn-toggle.btn-sm:after {
	content: 'On';
	right: -0.5rem;
	opacity: .5;
} */
.btn-toggle.btn-sm > .handle {
	position: absolute;
	top: 0.1875rem;
	left: 0.1875rem;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 1.125rem;
	background: #fff;
	transition: left .25s;
}
.btn-toggle.btn-sm.active {
	transition: background-color .25s;
}
.btn-toggle.btn-sm.active > .handle {
	left: 1.6875rem;
	transition: left .25s;
}
.btn-toggle.btn-sm.active:before {
	opacity: .5;
}
.btn-toggle.btn-sm.active:after {
	opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
	line-height: -0.5rem;
	color: #fff;
	letter-spacing: .75px;
	left: 0.4125rem;
	width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
	text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
	text-align: left;
	opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
	opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
	opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after {
	display: none;
}

.btn-toggle.btn-xs {
	margin: 0 0;
	padding: 0;
	position: relative;
	border: none;
	height: 1rem;
	width: 2rem;
	border-radius: 1rem;
}
.btn-toggle.btn-xs:focus, .btn-toggle.btn-xs:focus.active, .btn-toggle.btn-xs.focus, .btn-toggle.btn-xs.focus.active {
	outline: none;
}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
	line-height: 1rem;
	width: 0;
	text-align: center;
	font-weight: 600;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity .25s;
}
/* .btn-toggle.btn-xs:before {
	content: 'Off';
	left: 0;
}
.btn-toggle.btn-xs:after {
	content: 'On';
	right: 0;
	opacity: .5;
} */
.btn-toggle.btn-xs > .handle {
	position: absolute;
	top: 0.125rem;
	left: 0.125rem;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 0.75rem;
	background: #fff;
	transition: left .25s;
}
.btn-toggle.btn-xs.active {
	transition: background-color .25s;
}
.btn-toggle.btn-xs.active > .handle {
	left: 1.125rem;
	transition: left .25s;
}
.btn-toggle.btn-xs.active:before {
	opacity: .5;
}
.btn-toggle.btn-xs.active:after {
	opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before, .btn-toggle.btn-xs.btn-sm:after {
	line-height: -1rem;
	color: #fff;
	letter-spacing: .75px;
	left: 0.275rem;
	width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
	text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
	text-align: left;
	opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
	opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
	opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before, .btn-toggle.btn-xs.btn-xs:after {
	display: none;
}

.btn-toggle:not(.active) {
	color: #6b7381 !important;
	background: #bdc1c8 !important;
}
.btn-toggle.btn-success:before, .btn-toggle.btn-success:after {
	color: #6b7381;
}
.btn-toggle.btn-success.active {
	background-color: #28a745;
}

.btn-toggle.btn-primary.active {
	background-color: #007bff;
	box-shadow: none !important;
}

/* /btn-toggle */

div.form-control, span.form-control {
	min-height: 0 !important;
	height: calc(1.5em + 0.75rem + 2px) !important;
	padding: 4px 8px !important;
	font-size: 13px !important;
}

.ecm-disabled, .ecm-readonly {
	background-color: #e9ecef;
	opacity: 1;
}

.tooltip {
	position: absolute;
	z-index: 9999;
}
.tooltip-inner {
	padding: 3px 8px;
	text-align: center;
	border: 1px solid #c5c5c5;
	background-color: #ffffff;
	color: #333333;
	width: fit-content;
	max-width: fit-content;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.tooltip-arrow {
	display: none !important;
}