﻿
/*Wizard related CSS*/

.k-wizard-buttons-right {
	margin-right: 4px;
	margin-bottom: 4px;
}

.k-wizard .k-wizard-buttons .k-button {
	margin-right: 3px;
}

.settings ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.settings ul li {
		padding: 5px 0px 10px 0px;
	}

.settings {
}

.float-right {
	float: right;
}

.settings-title {
	height: 66px;
	background: url('./images/switch/settings-title.png') no-repeat 20px 50% #2db245;
}
/*Wizard related CSS End*/




.report-design-parameter-tile-layout .k-card-header {
	border-width: 0px;
}

.report-design-parameter-tile-layout .k-tilelayout-item-body {
	display: none;
}

.k-wizard {
	padding: 5px;
}

.k-wizard-horizontal .k-wizard-steps {
	margin-top: 10px;
}

.k-wizard .k-wizard-step {
	padding: 0px;
}

.k-multiselect .k-multiselect-wrap {
	border: unset !important;
	border-radius: unset;
}

.k-multiselect-wrap .k-searchbar {
	padding: 3px;
}

	.k-multiselect-wrap .k-searchbar .k-input {
		padding: 0px;
		height: unset;
	}

.k-level-1 {
	padding-left: 10px;
}

.k-level-2 {
	padding-left: 20px;
}

.k-level-3 {
	padding-left: 30px;
}

.k-drawer-content {
	font-size: unset;
	display: flex;
}

.k-drawer .k-drawer-item {
	white-space: nowrap;
	overflow: hidden;
}

.k-drawer-container {
	width: -webkit-fill-available;
	width: 100%;
}

.k-tilelayout-item-header.k-card-header {
	padding: 4px;
}

.k-textbox.form-control {
	height: calc(1em + .75rem + 2px);
	padding: 0px;
}

.form-control {
	color: #000000;
	border-radius: 0px;
	font-size: 14px;
}

.k-combobox > .k-state-focused {
	border-color: #958bef;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(50 31 219 / 25%);
}

.k-combobox .k-dropdown-wrap {
	border-radius: 0px;
	border-color: rgba(0, 0, 0, 0.16);
}

.form-control:focus {
	color: #000000;
}

.report-config-tile-layout {
	gap: 5px !important;
	padding-top: 0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-bottom: 0px !important;
}

	/*    .report-config-tile-layout .k-button.k-button-icon {
        height: 20px !important;
        width: 20px !important;
    }*/

	.report-config-tile-layout .k-card-body {
		padding: 5px;
	}



.k-tilelayout {
	grid-auto-rows: auto !important;
	gap: 4px !important;
	padding: 4px !important;
	background: none;
}

	.k-tilelayout .k-card {
		height: fit-content;
	}

.k-combobox {
	font-size: 13px;
}

.k-tooltip {
	padding: 4px 4px;
	max-width: 300px;
}
/*.k-animation-container {
    background: black;
}*/

/*.k-widget {
    background: transparent;
}*/

.k-card {
	border-color: #d8dbe0;
	border-radius: 0rem;
}

.k-card-header {
	padding: 0.5rem 0.5rem;
}

.k-card-title {
	font-size: 14px;
	font-weight: bolder;
}

.k-drawer-mini .k-drawer-wrapper {
	width: 40px;
}

#NavMenu .k-drawer-item .k-item-text {
	display: unset;
}

.btn-module {
	background: transparent;
	width: 100%;
	justify-content: left;
	border: 0px;
	/*padding: 5px;*/
	height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	border-radius: 0px;
}

	.btn-module .k-button-text {
		background: #ffffffdd;
		width: 100%;
		text-align: initial;
		color: #ffffff;
	}

		.btn-module .k-button-text svg {
			margin-left: 10px;
			/*margin-top: 14px;*/
			margin-right: 10px;
		}

		.btn-module .k-button-text .text-value {
			padding: 0px !important;
			/*height: 48px;*/
			vertical-align: middle;
			line-height: 40px;
		}

	.btn-module:hover {
		background: #36ace2 !important;
		border: 0px;
	}

	.btn-module:focus {
		background: transparent;
		border: 0px;
		box-shadow: unset;
	}

	.btn-module:active {
		background: transparent;
		border: 0px;
	}


	.btn-module .svg-inline--fa {
		/*max-width: 22px;
		max-height: 22px;*/
		min-width: 22px;
		/*min-height: 22px;*/
		color: white;
	}


.module-drawer .k-drawer-item {
	padding: 0px;
}

.justify-space-between {
	justify-content: space-between;
}

.k-card-transparent {
	background: transparent;
	border: none;
}


/*Dashboard Item related CSS Start*/

.dashbaord-item {
}

	.dashbaord-item .k-tilelayout-item-header {
		background: #d8dbe0;
		padding: 2px;
	}

		.dashbaord-item .k-tilelayout-item-header .k-card-title {
			padding: 2px 4px 2px 4px;
			font-size: .875rem;
		}

	.dashbaord-item .k-tilelayout-item-body {
		background: #fcfcfc;
	}

		.dashbaord-item .k-tilelayout-item-body .component-link {
			padding: 0px;
		}

			.dashbaord-item .k-tilelayout-item-body .component-link .component-link-icon {
				/*background-color: deepskyblue;*/
				font-size: 1.2rem;
				padding: 3px;
				margin-right: 5px;
			}

			.dashbaord-item .k-tilelayout-item-body .component-link .component-link-title {
				font-size: .875rem;
			}

/*Dashboard Item related CSS End*/

/*Grid related related CSS Start*/

/*k-grid-md Start*/
.k-grid-md .k-table-th > .k-cell-inner > .k-link {
	padding-block: 4px;
	padding-inline: 4px;
}

.k-grid-md td, .k-grid-md .k-table-td {
	padding-block: 4px;
	padding-inline: 4px;
}

.k-table-md {
	font-size: 12px;
}


/*k-grid-md End*/
.k-grid-edit-row td > .k-textbox, .k-grid-edit-row td > .k-widget:not(.k-switch), .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch) {
	width: calc(100% + 0px);
	margin-left: 0px;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
	bottom: 0px;
}

.list-page-grid {
	min-height: 470px;
}

.list-page-grid--dimension-set {
	min-height: 250px;
	max-height: 250px;
}

.k-grid thead {
	font-weight: 700;
}

.k-grid th, .k-grid td {
	padding: 4px 4px;
}

.k-grid tbody tr {
	height: 27px;
}

.k-grid td {
	white-space: nowrap;
	padding-top: 0;
	padding-bottom: 0;
}

.k-widget.k-grid {
	font-size: 0.75rem;
}


.k-grid .k-command-cell .k-button {
	padding: 1px;
	font-size: 15px;
	min-width: 30px;
	min-height: 22px;
}

.k-grid .k-grid-edit-row td:not(.k-hierarchy-cell), .k-grid .k-command-cell, .k-grid .k-edit-cell {
	padding: 3px 3px;
}

/*Grid related related CSS End*/

.k-window-titlebar.k-dialog-titlebar {
	background-color : #ff6358;
	color: white !important;
}

/* Set order for the primary button (OK) */
.k-window-actions .k-button-solid-primary {
	order: 2; /* Place the primary button first */
}

/* Set order for the secondary button (Cancel) */
.k-window-actions .k-button-solid-base {
	order: 1; /* Place the secondary button second */
}
