@media screen and (max-width: 480px) {
	
	.card-footer .pull-left {
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	.card-footer .pull-right {
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	.swkid-drop-down-top-right {
		left: 0 !important;
	}
}

:root {
	--default-color: #913D88;
}

.stepForm{
	background-color:#009999;
}
#button_test .stepForm{
    background-color:#009999;
}

.sidebar[data-color="default"]:after,
.off-canvas-sidebar[data-color="default"]:after {
	background: var(--default-color) !important;
}

.sidebar[data-active-color="default"] .nav li.active>a,
.sidebar[data-active-color="default"] .nav li.active>a i,
.sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"],
.sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"] i,
.sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon,
.sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a,
.off-canvas-sidebar[data-active-color="default"] .nav li.active>a,
.off-canvas-sidebar[data-active-color="default"] .nav li.active>a i,
.off-canvas-sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"],
.off-canvas-sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"] i,
.off-canvas-sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon,
.off-canvas-sidebar[data-active-color="default"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a {
  color: #606060;
  opacity: 1;
}

.sidebar .sidebar-wrapper li.active>a:not([data-toggle="collapse"]):before, 
.sidebar .sidebar-wrapper li.active>a:not([data-toggle="collapse"]):after,
.sidebar-mini .sidebar:hover .sidebar-wrapper li.active>a:not([data-toggle="collapse"]):before, 
.sidebar-mini .sidebar:hover .sidebar-wrapper li.active>a:not([data-toggle="collapse"]):after {
	display: none !important;
}

.sidebar .sidebar-wrapper li.active {
	background-color: #fff;
	border-radius: 15px;
}

.sidebar .sidebar-wrapper,
.sidebar-mini .sidebar:hover .sidebar-wrapper {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.sidebar-mini .sidebar .sidebar-wrapper li.active {
	background-color: transparent;
}

.sidebar-mini .sidebar:hover .sidebar-wrapper li.active {
	background-color: #fff !important;
}

.sidebar-mini .sidebar .sidebar-wrapper li.active i {
	background-color: #fff !important;
	border-radius: 15px;
	padding: 5px;
}

.sidebar-mini .sidebar:hover .sidebar-wrapper li.active i {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
}

text-light
.sidebar-mini .sidebar .sidebar-wrapper .nav {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.navbar .navbar-wrapper .navbar-minimize button,
.badge.badge-default {
	background: var(--default-color) !important;
}

.alert-warning {
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important;
	border-color: #faebcc !important;
	font-weight: bold !important;
}

.main-login-container {
	height: 100%;
	background-image: url('./res/images/swis_bg_login_dark.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	flex-direction: column;
  }
.table>thead>tr>th {
	border: 1px solid #dee2e6 !important;
	/* text-transform: capitalize !important; */
}
.select2-add-btn {
	cursor: pointer;
	font-size: 15px;
	vertical-align: middle;
	background-color: #913D88 !important;
	border: 3px solid #913D88 !important;
	color: #FFFFFF !important;
}
.select2-del-btn {
	cursor: pointer;
	font-size: 15px;
	vertical-align: middle;
	background-color: #DC4C64 !important;
	border: 3px solid #DC4C64 !important;
	color: #FFFFFF !important;
}

#tbl_responsive thead th {
	font-size: 13px;
	font-weight: bold;
}

#tbl_responsive tbody td {
	font-size: 14px;
}

.sidebar .nav li>a {
	padding: 0.5rem 15px !important;
	margin: 0 !important
}

.sidebar .nav i {
	/* padding-top: 4px !important; */
	font-size: 20px !important;
}

.sidebar .nav i>img {
	padding-top: 4px !important;
}

.custom-dropdown-toggle-hidden::after {
	display: none !important;
}

.sidebar-normal,
.sidebar-mini .sidebar:hover .sidebar-normal { 
	white-space: normal !important;
	word-wrap: break-word;
	line-height: 1.3 !important;
}
.sidebar-mini .sidebar-normal {
	white-space: nowrap !important;
	overflow: hidden;
	line-height: 20px !important;
}

.sidebar .nav p {
	text-transform: capitalize;
}

.sidebar-mini #switch-button>span {
	display: none;
}
.sidebar-mini .sidebar:hover #switch-button>span {
	display: inline;
}
.sidebar .nav, .off-canvas-sidebar .nav {
	margin-top: 0 !important;
}

.switch-dropdown {
	position: relative;
	padding: 15px;
}

.sidebar-mini .sidebar .switch-dropdown {
	padding: 0;
}

.sidebar-mini .sidebar:hover .switch-dropdown {
	padding: 15px !important;
}
