/* === SCROLL === */
::-webkit-scrollbar, .navbar-vertical-content::-webkit-scrollbar, .navbar-vertical-container::-webkit-scrollbar {
  width: 5px !important;
}

::-webkit-scrollbar-track, .navbar-vertical-content::-webkit-scrollbar-track, .navbar-vertical-container::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.0) !important;
  border-radius: 12px !important;
}

::-webkit-scrollbar-thumb, .navbar-vertical-content::-webkit-scrollbar-thumb, .navbar-vertical-container::-webkit-scrollbar-thumb {
  border-radius: 12px !important;
  background-color: #014282 !important;
}

::-webkit-scrollbar-thumb:hover, .navbar-vertical-content::-webkit-scrollbar-thumb:hover, .navbar-vertical-container::-webkit-scrollbar-thumb:hover {
  border-radius: 12px !important;
  background-color: #0267cc !important;
}


/* === NAVBAR === */
#header.navbar-fixed{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.navbar-nav .nav-subtitle{
	color: #333 !important;
}

.navbar-grey-schoolmedia{
	background-color: #9EB4C5 !important;
}

/* Default */
.navbar-default .navbar-nav-link:hover{
	color: #fff !important;
	/* font-weight: bold !important; */
}

/* Double */
.navbar-double{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* === SIDEBAR ===  */
/* Logo */
.navbar-brand{
  margin-right: 0 !important;
}

.navbar-brand-logo{
  min-width: 12rem !important;
  max-width: 12rem !important;
  text-align: center;
}

img.navbar-brand-logo-mini{
  margin-left: 0.75rem !important;
}

/* Vertical */
aside.navbar-vertical-aside{
  background-color: #9EB4C5 !important;
}

.navbar-vertical-aside .navbar-brand-wrapper{
  height: unset !important;
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.navbar-vertical-fixed .navbar-vertical-footer{
  bottom: -20px !important;
}

.navbar-vertical .active>.nav-link, .navbar-vertical .nav-link.active, .navbar-vertical .nav-link.show, .navbar-vertical .show>.nav-link{
  color: #fff !important;
  font-weight: bold !important;
}

.navbar-vertical-aside .navbar-vertical-aside-has-menu.show>.nav-link-toggle::before, .navbar-vertical-aside .navbar-vertical-aside-has-menu>.nav-link-toggle.active::before, .navbar-vertical-aside .navbar-vertical-aside-has-menu>.nav-link-toggle:hover::before{
  background-color: #fff !important;
}

.navbar-vertical .nav-link:hover, .navbar-vertical span.tio-circle:hover{
  color: #fff !important;
}

.navbar-vertical-aside-compact-mini-mode .navbar-dark .navbar-nav .nav-sub .nav-link:hover, .navbar-vertical-aside-mini-mode .navbar-dark .navbar-nav .nav-sub .nav-link:hover{
  color: #014282 !important;
}

.navbar-vertical .active .nav-indicator-icon, .navbar-vertical .nav-link:hover .nav-indicator-icon, .navbar-vertical .show>.nav-link>.nav-indicator-icon{
  color: #fff !important;
}

.navbar-vertical-aside-has-menu>.nav-link-toggle::after{
  color: #fff !important;
}

.navbar-vertical-aside .nav-divider{
  border-top: .0625rem solid #ffffff !important;
}

.navbar-vertical-content .nav-subtitle{
  color: #000 !important;
}

.navbar-vertical .nav-indicator-icon{
  color: #014282 !important;
}

.navbar-vertical .navbar-nav.nav-tabs .active .nav-link, .navbar-vertical .navbar-nav.nav-tabs .active.nav-link{
  border-left-color: #fff;
}

.navbar-vertical-aside-compact-mini-mode .navbar-vertical-content>.navbar-nav>.navbar-vertical-aside-has-menu>.nav, .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-content>.navbar-nav>.navbar-vertical-aside-has-menu>.nav{
  background-color: #9EB4C5 !important;
  border: 3px solid #fff !important;
  box-shadow: 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important
}

.navbar-vertical-aside-compact-mini-mode .navbar-dark .navbar-nav .nav-sub .nav-link, .navbar-vertical-aside-mini-mode .navbar-dark .navbar-nav .nav-sub .nav-link{
  color: #014282 !important;
}

.navbar-vertical-aside-compact-mini-mode .navbar-dark .navbar-nav .nav-sub .nav-link:hover, .navbar-vertical-aside-mini-mode .navbar-dark .navbar-nav .nav-sub .nav-link:hover{
  color: #fff !important;
}

/* Compact */
.nav-compact>.nav-item>.nav-link.active, .nav-compact>.nav-item>.nav-link:hover{
	background-color: rgba(1, 66, 130, 0.4) !important;
}

/* Detached */
.navbar-vertical-detached .nav-link:hover, .navbar-vertical-detached span.tio-circle:hover{
	color: #1e88e5 !important;
	font-weight: bold !important;
}

.navbar-vertical-detached .active>.nav-link, .navbar-vertical-detached .nav-link.active, .navbar-vertical-detached .nav-link.show, .navbar-vertical-detached .show>.nav-link{
	color: #014282 !important;
	font-weight: bold !important;
}

.navbar-vertical-detached .active .nav-indicator-icon, .navbar-vertical-detached .nav-link:hover .nav-indicator-icon, .navbar-vertical-detached .show>.nav-link>.nav-indicator-icon{
	color: #1e88e5 !important;
}


/* === ALERT ===  */
/* Default */
.alert-primary{
  color: #fff !important;
  background-color: #014282 !important;
  border-color: #014282 !important;
}

.alert-secondary{
  color: #fff !important;
  background-color: #b1b1b1 !important;
  border-color: #b1b1b1 !important;
}

.alert-success{
  color: #fff !important;
  background-color: #43a047 !important;
  border-color: #43a047 !important;
}

.alert-danger{
  color: #fff !important;
  background-color: #ef5350 !important;
  border-color: #ef5350 !important;

}

.alert-warning{
  color: #fff !important;
  background-color: #fbc02d !important;
  border-color: #fbc02d !important;

}

.alert-info{
  color: #fff !important;
  background-color: #1e88e5 !important;
  border-color: #1e88e5 !important;

}

.alert-light{
  color: #000 !important;
  background-color: #f9fafc !important;
  border-color: #f9fafc !important;

}

.alert-dark{
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;

}

/* Soft */
.alert-soft-primary{
  color: #014282 !important;
  background-color:rgba(1, 66, 130, 0.2) !important;
}

.alert-soft-secondary{
  color: #b1b1b1 !important;
  background-color: rgba(229, 229, 229, 0.2) !important;
}

.alert-soft-success{
  color: #43a047 !important;
  background-color: rgba(67, 160, 71, 0.2) !important;
}

.alert-soft-danger{
  color: #ef5350 !important;
  background-color: rgba(229, 57, 53, 0.2) !important;
}

.alert-soft-warning{
  color: #fbc02d !important;
  background-color: rgba(249, 168, 37, 0.1) !important;
}

.alert-soft-info{
  color: #1e88e5 !important;
  background-color: rgba(30, 136, 229, 0.2) !important;
}

.alert-soft-light{
  color: #bbc8ff !important;
  background-color: rgba(223, 229, 255, 0.2) !important;
}

.alert-soft-dark{
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}


/* === AVATARS ===  */
/* Default */
.avatar-primary .avatar-initials{
  color: #fff !important;
  background-color: #014282 !important;
}

.avatar-secondary .avatar-initials{
  color: #fff !important;
  background-color: #b1b1b1 !important;
}

.avatar-success .avatar-initials{
  color: #fff !important;
  background-color: #43a047 !important;
}

.avatar-danger .avatar-initials{
  color: #fff !important;
  background-color: #ef5350 !important;
}

.avatar-warning .avatar-initials{
  color: #fff !important;
  background-color: #fbc02d !important;
}

.avatar-info .avatar-initials{
  color: #fff !important;
  background-color: #1e88e5 !important;
}

.avatar-light .avatar-initials{
  color: #000 !important;
  background-color: #f9fafc !important;
}

.avatar-dark .avatar-initials{
  color: #fff !important;
  background-color: #000 !important;
}

/* Soft */
.avatar-soft-primary .avatar-initials{
  color: #014282 !important;
  background-color:rgba(1, 66, 130, 0.2) !important;
}

.avatar-soft-secondary .avatar-initials{
  color: #b1b1b1 !important;
  background-color: rgba(229, 229, 229, 0.3) !important;
}

.avatar-soft-success .avatar-initials{
  color: #43a047 !important;
  background-color: rgba(67, 160, 71, 0.2) !important;
}

.avatar-soft-danger .avatar-initials{
  color: #ef5350 !important;
  background-color: rgba(229, 57, 53, 0.2) !important;
}

.avatar-soft-warning .avatar-initials{
  color: #fbc02d !important;
  background-color: rgba(249, 168, 37, 0.2) !important;
}

.avatar-soft-info .avatar-initials{
  color: #1e88e5 !important;
  background-color: rgba(30, 136, 229, 0.2) !important;
}

.avatar-soft-light .avatar-initials{
  color: #bbc8ff !important;
  background-color: rgba(223, 229, 255, 0.3) !important;
}

.avatar-soft-dark .avatar-initials{
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Status */
.avatar-status-primary, .btn-status-primary{
  color: #fff !important;
  background-color: #014282 !important;
}

.avatar-status-secondary, .btn-status-secondary{
  color: #fff !important;
  background-color: #b1b1b1 !important;
}

.avatar-status-success, .btn-status-success{
  color: #fff !important;
  background-color: #43a047 !important;
}

.avatar-status-danger, .btn-status-danger{
  color: #fff !important;
  background-color: #ef5350 !important;
}

.avatar-status-warning, .btn-status-warning{
  color: #fff !important;
  background-color: #fbc02d !important;
}

.avatar-status-info, .btn-status-info{
  color: #fff !important;
  background-color: #1e88e5 !important;
}

.avatar-status-light, .btn-status-light{
  color: #000 !important;
  background-color: #f9fafc !important;
}

.avatar-status-dark, .btn-status-dark{
  color: #fff !important;
  background-color: #000 !important;
}


/* === BADGES === */
/* default */
.badge-primary{
  color: #fff !important;
  background-color: #014282 !important;
}

.badge-secondary{
  color: #fff !important;
  background-color: #b1b1b1 !important;
}

.badge-success{
  color: #fff !important;
  background-color: #43a047 !important;
}

.badge-danger{
  color: #fff !important;
  background-color: #ef5350 !important;
}

.badge-warning{
  color: #fff !important;
  background-color: #fbc02d !important;
}

.badge-info{
  color: #fff !important;
  background-color: #1e88e5 !important;
}

.badge-light{
  color: #000 !important;
  background-color: #f9fafc !important;
}

.badge-dark{
  color: #fff !important;
  background-color: #000 !important;
}

/* Soft */
.badge-soft-primary{
  color: #014282 !important;
  background-color:rgba(1, 66, 130, 0.2) !important;
}

.badge-soft-secondary{
  color: #b1b1b1 !important;
  background-color: rgba(229, 229, 229, 0.3) !important;
}

.badge-soft-success{
  color: #43a047 !important;
  background-color: rgba(67, 160, 71, 0.2) !important;
}

.badge-soft-danger{
  color: #ef5350 !important;
  background-color: rgba(229, 57, 53, 0.2) !important;
}

.badge-soft-warning{
  color: #fbc02d !important;
  background-color: rgba(249, 168, 37, 0.2) !important;
}

.badge-soft-info{
  color: #1e88e5 !important;
  background-color: rgba(30, 136, 229, 0.2) !important;
}

.badge-soft-light{
  color: #bbc8ff !important;
  background-color: rgba(223, 229, 255, 0.3) !important;
}

.badge-soft-dark{
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}


/* === BACKGROUND === */
.bg-primary{
  background-color: #014282 !important;
}

.bg-secondary{
  background-color: #b1b1b1 !important;
}

.bg-success{
  background-color: #43a047 !important;
}

.bg-danger{
  background-color: #ef5350 !important;
}

.bg-warning{
  background-color: #fbc02d !important;
}

.bg-info{
  background-color: #1e88e5 !important;
}

.bg-light{
  background-color: #f6f9ff !important;
}

.bg-dark{
  background-color: #000 !important;
}

.bg-white{
	background-color: #fff;
}

.bg-grey-schoolmedia{
	background-color: #9EB4C5;
}


/* === ICON === */
/* default */
.icon-primary{
  color: #fff !important;
  background-color: #014282 !important;
}

.icon-secondary{
  color: #fff !important;
  background-color: #b1b1b1 !important;
}

.icon-success{
  color: #fff !important;
  background-color: #43a047 !important;
}

.icon-danger{
  color: #fff !important;
  background-color: #ef5350 !important;
}

.icon-warning{
  color: #fff !important;
  background-color: #fbc02d !important;
}

.icon-info{
  color: #fff !important;
  background-color: #1e88e5 !important;
}

.icon-light{
  color: #000 !important;
  background-color: #f9fafc !important;
}

.icon-dark{
  color: #fff !important;
  background-color: #000 !important;
}

/* Soft */
.icon-soft-primary{
  color: #014282 !important;
  background-color:rgba(1, 66, 130, 0.2) !important;
}

.icon-soft-secondary{
  color: #b1b1b1 !important;
  background-color: rgba(229, 229, 229, 0.3) !important;
}

.icon-soft-success{
  color: #43a047 !important;
  background-color: rgba(67, 160, 71, 0.2) !important;
}

.icon-soft-danger{
  color: #ef5350 !important;
  background-color: rgba(229, 57, 53, 0.2) !important;
}

.icon-soft-warning{
  color: #fbc02d !important;
  background-color: rgba(249, 168, 37, 0.2) !important;
}

.icon-soft-info{
  color: #1e88e5 !important;
  background-color: rgba(30, 136, 229, 0.2) !important;
}

.icon-soft-light{
  color: #bbc8ff !important;
  background-color: rgba(223, 229, 255, 0.3) !important;
}

.icon-soft-dark{
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}


/* === BUTTON === */
/* Button Origin Styles */
/* btn primary */
.button.btn-primary, a.btn-primary, button.btn-primary, input[type=submit].btn-primary, input[type=button].btn-primary, .btn-icon.btn-primary{
  background-color: #014282 !important;
  border-color: #014282 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-primary:hover, a.btn-primary:hover, button.btn-primary:hover, input[type=submit].btn-primary:hover, input[type=button].btn-primary:hover, .btn-icon.btn-primary:hover{
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #0061c1 radial-gradient(circle, transparent 1%, #0061c1 1%) center/15000% !important;
  border-color: #0061c1 !important;
}
.button.btn-primary:active, a.btn-primary:active, button.btn-primary:active, input[type=submit].btn-primary:active, input[type=button].btn-primary:active, .btn-icon.btn-primary:active{
	background-color: #ddd !important;
	background-size: 100% !important;
  transition: background 0s !important;
}

/* btn red */
.button.btn-danger, a.btn-danger, button.btn-danger, input[type=submit].btn-danger, input[type=button].btn-danger, .btn-icon.btn-danger{
	background-color: #e53935 !important;
	border-color: #e53935 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-danger:hover, a.btn-danger:hover, button.btn-danger:hover, input[type=submit].btn-danger:hover, input[type=button].btn-danger:hover, .btn-icon.btn-danger:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ef5350 radial-gradient(circle, transparent 1%, #ef5350 1%) center/15000% !important;
	border-color: #ef5350 !important;
}
.button.btn-danger:active, a.btn-danger:active, button.btn-danger:active, input[type=submit].btn-danger:active, input[type=button].btn-danger:active, .btn-icon.btn-danger:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn pink */
.button.btn-pink, a.btn-pink, button.btn-pink, input[type=submit].btn-pink, input[type=button].btn-pink, .btn-icon.btn-pink{
	background-color: #d81b60 !important;
	border-color: #d81b60 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-pink:hover, a.btn-pink:hover, button.btn-pink:hover, input[type=submit].btn-pink:hover, input[type=button].btn-pink:hover, .btn-icon.btn-pink:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ec407a radial-gradient(circle, transparent 1%, #ec407a 1%) center/15000% !important;
	border-color: #ec407a !important;
}
.button.btn-pink:active, a.btn-pink:active, button.btn-pink:active, input[type=submit].btn-pink:active, input[type=button].btn-pink:active, .btn-icon.btn-pink:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn purple */
.button.btn-purple, a.btn-purple, button.btn-purple, input[type=submit].btn-purple, input[type=button].btn-purple, .btn-icon.btn-purple{
	background-color: #8e24aa !important;
	border-color: #8e24aa !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-purple:hover, a.btn-purple:hover, button.btn-purple:hover, input[type=submit].btn-purple:hover, input[type=button].btn-purple:hover, .btn-icon.btn-purple:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ab47bc radial-gradient(circle, transparent 1%, #ab47bc 1%) center/15000% !important;
	border-color: #ab47bc !important;
}
.button.btn-purple:active, a.btn-purple:active, button.btn-purple:active, input[type=submit].btn-purple:active, input[type=button].btn-purple:active, .btn-icon.btn-purple:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn blue */
.button.btn-info, a.btn-info, button.btn-info, input[type=submit].btn-info, input[type=button].btn-info, .btn-icon.btn-info{
	background-color: #1e88e5 !important;
	border-color: #1e88e5 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-info:hover, a.btn-info:hover, button.btn-info:hover, input[type=submit].btn-info:hover, input[type=button].btn-info:hover, .btn-icon.btn-info:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #42a5f5 radial-gradient(circle, transparent 1%, #42a5f5 1%) center/15000% !important;
	border-color: #42a5f5 !important;
}
.button.btn-info:active, a.btn-info:active, button.btn-info:active, input[type=submit].btn-info:active, input[type=button].btn-info:active, .btn-icon.btn-info:active{
	background-color: #ddd !important;
  color: #fff !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn cyan */
.button.btn-cyan, a.btn-cyan, button.btn-cyan, input[type=submit].btn-cyan, input[type=button].btn-cyan, .btn-icon.btn-cyan{
	background-color: #00acc1 !important;
	border-color: #00acc1 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-cyan:hover, a.btn-cyan:hover, button.btn-cyan:hover, input[type=submit].btn-cyan:hover, input[type=button].btn-cyan:hover, .btn-icon.btn-cyan:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #26c6da radial-gradient(circle, transparent 1%, #26c6da 1%) center/15000% !important;
	border-color: #26c6da !important;
}
.button.btn-cyan:active, a.btn-cyan:active, button.btn-cyan:active, input[type=submit].btn-cyan:active, input[type=button].btn-cyan:active, .btn-icon.btn-cyan:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn teal */
.button.btn-teal, a.btn-teal, button.btn-teal, input[type=submit].btn-teal, input[type=button].btn-teal, .btn-icon.btn-teal{
	background-color: #00897b !important;
	border-color: #00897b !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-teal:hover, a.btn-teal:hover, button.btn-teal:hover, input[type=submit].btn-teal:hover, input[type=button].btn-teal:hover, .btn-icon.btn-teal:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #26a69a radial-gradient(circle, transparent 1%, #26a69a 1%) center/15000% !important;
	border-color: #26a69a !important;
}
.button.btn-teal:active, a.btn-teal:active, button.btn-teal:active, input[type=submit].btn-teal:active, input[type=button].btn-teal:active, .btn-icon.btn-teal:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn green */
.button.btn-success, a.btn-success, button.btn-success, input[type=submit].btn-success, input[type=button].btn-success, .btn-icon.btn-success{
	background-color: #43a047 !important;
	border-color: #43a047 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-success:hover, a.btn-success:hover, button.btn-success:hover, input[type=submit].btn-success:hover, input[type=button].btn-success:hover, .btn-icon.btn-success:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #66bb6a radial-gradient(circle, transparent 1%, #66bb6a 1%) center/15000% !important;
	border-color: #66bb6a !important;
}
.button.btn-success:active, a.btn-success:active, button.btn-success:active, input[type=submit].btn-success:active, input[type=button].btn-success:active, .btn-icon.btn-success:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn yellow */
.button.btn-warning, a.btn-warning, button.btn-warning, input[type=submit].btn-warning, input[type=button].btn-warning, .btn-icon.btn-warning{
	background-color: #f9a825 !important;
	border-color: #f9a825 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-warning:hover, a.btn-warning:hover, button.btn-warning:hover, input[type=submit].btn-warning:hover, input[type=button].btn-warning:hover, .btn-icon.btn-warning:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #fbc02d radial-gradient(circle, transparent 1%, #fbc02d 1%) center/15000% !important;
	border-color: #fbc02d !important;
}
.button.btn-warning:active, a.btn-warning:active, button.btn-warning:active, input[type=submit].btn-warning:active, input[type=button].btn-warning:active, .btn-icon.btn-warning:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn orange */
.button.btn-orange, a.btn-orange, button.btn-orange, input[type=submit].btn-orange, input[type=button].btn-orange, .btn-icon.btn-orange{
	background-color: #f57c00 !important;
	border-color: #f57c00 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-orange:hover, a.btn-orange:hover, button.btn-orange:hover, input[type=submit].btn-orange:hover, input[type=button].btn-orange:hover, .btn-icon.btn-orange:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ff9800 radial-gradient(circle, transparent 1%, #ff9800 1%) center/15000% !important;
	border-color: #ff9800 !important;
}
.button.btn-orange:active, a.btn-orange:active, button.btn-orange:active, input[type=submit].btn-orange:active, input[type=button].btn-orange:active, .btn-icon.btn-orange:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn brown */
.button.btn-brown, a.btn-brown, button.btn-brown, input[type=submit].btn-brown, input[type=button].btn-brown, .btn-icon.btn-brown{
	background-color: #6d4c41 !important;
	border-color: #6d4c41 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-brown:hover, a.btn-brown:hover, button.btn-brown:hover, input[type=submit].btn-brown:hover, input[type=button].btn-brown:hover, .btn-icon.btn-brown:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #8d6e63 radial-gradient(circle, transparent 1%, #8d6e63 1%) center/15000% !important;
	border-color: #8d6e63 !important;
}
.button.btn-brown:active, a.btn-brown:active, button.btn-brown:active, input[type=submit].btn-brown:active, input[type=button].btn-brown:active, .btn-icon.btn-brown:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn grey */
.button.btn-secondary, a.btn-secondary, button.btn-secondary, input[type=submit].btn-secondary, input[type=button].btn-secondary, .btn-icon.btn-secondary{
	background-color: #b1b1b1 !important;
	border-color: #b1b1b1 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-secondary:hover, a.btn-secondary:hover, button.btn-secondary:hover, input[type=submit].btn-secondary:hover, input[type=button].btn-secondary:hover, .btn-icon.btn-secondary:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #9e9e9e radial-gradient(circle, transparent 1%, #9e9e9e 1%) center/15000% !important;
	border-color: #9e9e9e !important;
}
.button.btn-secondary:active, a.btn-secondary:active, button.btn-secondary:active, input[type=submit].btn-secondary:active, input[type=button].btn-secondary:active, .btn-icon.btn-secondary:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn black */
.button.btn-dark, a.btn-dark, button.btn-dark, input[type=submit].btn-dark, input[type=button].btn-dark, .btn-icon.btn-dark{
	background-color: #000 !important;
	border-color: #000 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-dark:hover, a.btn-dark:hover, button.btn-dark:hover, input[type=submit].btn-dark:hover, input[type=button].btn-dark:hover, .btn-icon.btn-dark:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #333 radial-gradient(circle, transparent 1%, #333 1%) center/15000% !important;
	border-color: #333 !important;
}
.button.btn-dark:active, a.btn-dark:active, button.btn-dark:active, input[type=submit].btn-dark:active, input[type=button].btn-dark:active, .btn-icon.btn-dark:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn default */
.button.btn-default, a.btn-default, button.btn-default, input[type=submit].btn-default, input[type=button].btn-default, .btn-icon.btn-default{
  background-color: unset !important;
	border: 1px solid #bbbbbb !important;
  color: #666 !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-default:hover, a.btn-default:hover, button.btn-default:hover, input[type=submit].btn-default:hover, input[type=button].btn-default:hover, .btn-icon.btn-default:hover{
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #f1f1f1 radial-gradient(circle, transparent 1%, #f1f1f1 1%) center/15000% !important;
}
.button.btn-default:active, a.btn-default:active, button.btn-default:active, input[type=submit].btn-default:active, input[type=button].btn-default:active, .btn-icon.btn-default:active{
	background-color: #888 !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn white */
.button.btn-white, a.btn-white, button.btn-white, input[type=submit].btn-white, input[type=button].btn-white, .btn-icon.btn-white{
  background-color: #fff !important;
  color: #014282 !important;
  font-weight: bold !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-white:hover, a.btn-white:hover, button.btn-white:hover, input[type=submit].btn-white:hover, input[type=button].btn-white:hover, .btn-icon.btn-white:hover{
	background: #f1f1f1 radial-gradient(circle, transparent 1%, #f1f1f1 1%) center/15000% !important;
}
.button.btn-white:active, a.btn-white:active, button.btn-white:active, input[type=submit].btn-white:active, input[type=button].btn-white:active, .btn-icon.btn-white:active{
	background-color: #888 !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn light */
.button.btn-light, a.btn-light, button.btn-light, input[type=submit].btn-light, input[type=button].btn-light, .btn-icon.btn-light{
  background-color: #dfe5ff !important;
  border-color: #dfe5ff !important;
  color: #014282 !important;
  font-weight: bold !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-light:hover, a.btn-light:hover, button.btn-light:hover, input[type=submit].btn-light:hover, input[type=button].btn-light:hover, .btn-icon.btn-light:hover{
  box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #bbc8ff radial-gradient(circle, transparent 1%, #bbc8ff 1%) center/15000% !important;
  border-color: #bbc8ff !important;
}
.button.btn-light:active, a.btn-light:active, button.btn-light:active, input[type=submit].btn-light:active, input[type=button].btn-light:active, .btn-icon.btn-light:active{
	background-color: #fff !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn disabled */
.button.btn-disabled, a.btn-disabled, button.btn-disabled, input[type=submit].btn-disabled, input[type=button].btn-disabled{
  color: #bbbbbb !important;
  background: #f1f1f1 !important;
  pointer-events: none !important;
}
.button.btn-disabled:active, .button.btn-disabled:focus, a.btn-disabled:active, a.btn-disabled:focus, button.btn-disabled:active, button.btn-disabled:focus, input[type=submit].btn-disabled:active, input[type=submit].btn-disabled:focus, input[type=button].btn-disabled:active, input[type=button].btn-disabled:focus{
  pointer-events: none !important;
}


/* Button Outline Styles */
/* btn outline schoolmedia */
.button.btn-outline-primary, a.btn-outline-primary, button.btn-outline-primary, input[type=submit].btn-outline-primary, input[type=button].btn-outline-primary, .btn-icon.btn-outline-primary{
  color: #014282 !important;
  border-color: #014282 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-primary:hover, a.btn-outline-primary:hover, button.btn-outline-primary:hover, input[type=submit].btn-outline-primary:hover, input[type=button].btn-outline-primary:hover, .btn-icon.btn-outline-primary:hover{
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
  background: #0061c1 radial-gradient(circle, transparent 1%, #0061c1 1%) center/15000% !important;
  border-color: #014282 !important;
  color: #fff !important;
}
.button.btn-outline-primary:active, a.btn-outline-primary:active, button.btn-outline-primary:active, input[type=submit].btn-outline-primary:active, input[type=button].btn-outline-primary:active, .btn-icon.btn-outline-primary:active{
	background-color: #ddd !important;
	background-size: 100% !important;
  transition: background 0s !important;
}

/* btn outline red */
.button.btn-outline-danger, a.btn-outline-danger, button.btn-outline-danger, input[type=submit].btn-outline-danger, input[type=button].btn-outline-danger, .btn-icon.btn-outline-danger{
  color: #e53935 !important;
  border-color: #e53935 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-danger:hover, a.btn-outline-danger:hover, button.btn-outline-danger:hover, input[type=submit].btn-outline-danger:hover, input[type=button].btn-outline-danger:hover, .btn-icon.btn-outline-danger:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ef5350 radial-gradient(circle, transparent 1%, #ef5350 1%) center/15000% !important;
  border-color: #e53935 !important;
  color: #fff !important;
}
.button.btn-outline-danger:active, a.btn-outline-danger:active, button.btn-outline-danger:active, input[type=submit].btn-outline-danger:active, input[type=button].btn-outline-danger:active, .btn-icon.btn-outline-danger:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline pink */
.button.btn-outline-pink, a.btn-outline-pink, button.btn-outline-pink, input[type=submit].btn-outline-pink, input[type=button].btn-outline-pink, .btn-icon.btn-outline-pink{
  color: #d81b60 !important;
  border-color: #d81b60 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-pink:hover, a.btn-outline-pink:hover, button.btn-outline-pink:hover, input[type=submit].btn-outline-pink:hover, input[type=button].btn-outline-pink:hover, .btn-icon.btn-outline-pink:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ec407a radial-gradient(circle, transparent 1%, #ec407a 1%) center/15000% !important;
  color: #fff !important;
}
.button.btn-outline-pink:active, a.btn-outline-pink:active, button.btn-outline-pink:active, input[type=submit].btn-outline-pink:active, input[type=button].btn-outline-pink:active, .btn-icon.btn-outline-pink:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline purple */
.button.btn-outline-purple, a.btn-outline-purple, button.btn-outline-purple, input[type=submit].btn-outline-purple, input[type=button].btn-outline-purple, .btn-icon.btn-outline-purple{
  color: #8e24aa !important;
  border-color: #8e24aa !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-purple:hover, a.btn-outline-purple:hover, button.btn-outline-purple:hover, input[type=submit].btn-outline-purple:hover, input[type=button].btn-outline-purple:hover, .btn-icon.btn-outline-purple:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ab47bc radial-gradient(circle, transparent 1%, #ab47bc 1%) center/15000% !important;
  color: #fff !important;
}
.button.btn-outline-purple:active, a.btn-outline-purple:active, button.btn-outline-purple:active, input[type=submit].btn-outline-purple:active, input[type=button].btn-outline-purple:active, .btn-icon.btn-outline-purple:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline blue */
.button.btn-outline-info, a.btn-outline-info, button.btn-outline-info, input[type=submit].btn-outline-info, input[type=button].btn-outline-info, .btn-icon.btn-outline-outline{
  color: #1e88e5 !important;
  border-color: #1e88e5 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-info:hover, a.btn-outline-info:hover, button.btn-outline-info:hover, input[type=submit].btn-outline-info:hover, input[type=button].btn-outline-info:hover, .btn-icon.btn-outline-outline:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #42a5f5 radial-gradient(circle, transparent 1%, #42a5f5 1%) center/15000% !important;
  border-color: #1e88e5 !important;
  color: #fff !important;
}
.button.btn-outline-info:active, a.btn-outline-info:active, button.btn-outline-info:active, input[type=submit].btn-outline-info:active, input[type=button].btn-outline-info:active, .btn-icon.btn-outline-outline:active{
	background-color: #ddd !important;
  color: #fff !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline cyan */
.button.btn-outline-cyan, a.btn-outline-cyan, button.btn-outline-cyan, input[type=submit].btn-outline-cyan, input[type=button].btn-outline-cyan, .btn-icon.btn-outline-cyan{
  color: #00acc1 !important;
  border-color: #00acc1 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-cyan:hover, a.btn-outline-cyan:hover, button.btn-outline-cyan:hover, input[type=submit].btn-outline-cyan:hover, input[type=button].btn-outline-cyan:hover, .btn-icon.btn-outline-cyan:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #26c6da radial-gradient(circle, transparent 1%, #26c6da 1%) center/15000% !important;
  color: #fff !important;
}
.button.btn-outline-cyan:active, a.btn-outline-cyan:active, button.btn-outline-cyan:active, input[type=submit].btn-outline-cyan:active, input[type=button].btn-outline-cyan:active, .btn-icon.btn-outline-cyan:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline teal */
.button.btn-outline-teal, a.btn-outline-real, button.btn-outline-teal, input[type=submit].btn-outline-teal, input[type=button].btn-outline-teal, .btn-icon.btn-outline-teal{
  color: #00897b !important;
  border-color: #00897b !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-teal:hover, a.btn-outline-real:hover, button.btn-outline-teal:hover, input[type=submit].btn-outline-teal:hover, input[type=button].btn-outline-teal:hover, .btn-icon.btn-outline-teal:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #26a69a radial-gradient(circle, transparent 1%, #26a69a 1%) center/15000% !important;
  color: #fff !important;
}
.button.btn-outline-teal:active, a.btn-outline-real:active, button.btn-outline-teal:active, input[type=submit].btn-outline-teal:active, input[type=button].btn-outline-teal:active, .btn-icon.btn-outline-teal:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline green */
.button.btn-outline-success, a.btn-outline-success, button.btn-outline-success, input[type=submit].btn-outline-success, input[type=button].btn-outline-success, .btn-icon.btn-outline-success{
  color: #43a047 !important;
  border-color: #43a047 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-success:hover, a.btn-outline-success:hover, button.btn-outline-success:hover, input[type=submit].btn-outline-success:hover, input[type=button].btn-outline-success:hover, .btn-icon.btn-outline-success:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #66bb6a radial-gradient(circle, transparent 1%, #66bb6a 1%) center/15000% !important;
  border-color: #43a047 !important;
  color: #fff !important;
}
.button.btn-outline-success:active, a.btn-outline-success:active, button.btn-outline-success:active, input[type=submit].btn-outline-success:active, input[type=button].btn-outline-success:active, .btn-icon.btn-outline-success:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline yellow */
.button.btn-outline-warning, a.btn-outline-warning, button.btn-outline-warning, input[type=submit].btn-outline-warning, input[type=button].btn-outline-warning, .btn-icon.btn-outline-warning{
  color: #f9a825 !important;
	border-color: #f9a825 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-warning:hover, a.btn-outline-warning:hover, button.btn-outline-warning:hover, input[type=submit].btn-outline-warning:hover, input[type=button].btn-outline-warning:hover, .btn-icon.btn-outline-warning:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #fbc02d radial-gradient(circle, transparent 1%, #fbc02d 1%) center/15000% !important;
	border-color: #f9a825 !important;
  color: #fff !important;
}
.button.btn-outline-warning:active, a.btn-outline-warning:active, button.btn-outline-warning:active, input[type=submit].btn-outline-warning:active, input[type=button].btn-outline-warning:active, .btn-icon.btn-outline-warning:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline orange */
.button.btn-outline-orange, a.btn-outline-orange, button.btn-outline-orange, input[type=submit].btn-outline-orange, input[type=button].btn-outline-orange, .btn-icon.btn-outline-orange{
  color: #f57c00 !important;
	border-color: #f57c00 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-orange:hover, a.btn-outline-orange:hover, button.btn-outline-orange:hover, input[type=submit].btn-outline-orange:hover, input[type=button].btn-outline-orange:hover, .btn-icon.btn-outline-orange:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #ff9800 radial-gradient(circle, transparent 1%, #ff9800 1%) center/15000% !important;
  color: #fff !important;
}
.button.btn-outline-orange:active, a.btn-outline-orange:active, button.btn-outline-orange:active, input[type=submit].btn-outline-orange:active, input[type=button].btn-outline-orange:active, .btn-icon.btn-outline-orange:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline brown */
.button.btn-outline-brown, a.btn-outline-brown, button.btn-outline-brown, input[type=submit].btn-outline-brown, input[type=button].btn-outline-brown, .btn-icon.btn-outline-brown{
  color: #6d4c41 !important;
  border-color: #6d4c41 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-brown:hover, a.btn-outline-brown:hover, button.btn-outline-brown:hover, input[type=submit].btn-outline-brown:hover, input[type=button].btn-outline-brown:hover, .btn-icon.btn-outline-brown:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #8d6e63 radial-gradient(circle, transparent 1%, #8d6e63 1%) center/15000% !important;
  color: #fff !important;
}
.button.btn-outline-brown:active, a.btn-outline-brown:active, button.btn-outline-brown:active, input[type=submit].btn-outline-brown:active, input[type=button].btn-outline-brown:active, .btn-icon.btn-outline-brown:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline grey */
.button.btn-outline-secondary, a.btn-outline-secondary, button.btn-outline-secondary, input[type=submit].btn-outline-secondary, input[type=button].btn-outline-secondary, .btn-icon.btn-outline-secondary{
  color: #757575 !important;
	border-color: #757575 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-secondary:hover, a.btn-outline-secondary:hover, button.btn-outline-secondary:hover, input[type=submit].btn-outline-secondary:hover, input[type=button].btn-outline-secondary:hover, .btn-icon.btn-outline-secondary:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #9e9e9e radial-gradient(circle, transparent 1%, #9e9e9e 1%) center/15000% !important;
	border-color: #757575 !important;
  color: #fff !important;
}
.button.btn-outline-secondary:active, a.btn-outline-secondary:active, button.btn-outline-secondary:active, input[type=submit].btn-outline-secondary:active, input[type=button].btn-outline-secondary:active, .btn-icon.btn-outline-secondary:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline black */
.button.btn-outline-dark, a.btn-outline-dark, button.btn-outline-dark, input[type=submit].btn-outline-dark, input[type=button].btn-outline-dark, .btn-icon.btn-outline-dark{
  color: #000 !important;
	border-color: #000 !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-dark:hover, a.btn-outline-dark:v, button.btn-outline-dark:hover, input[type=submit].btn-outline-dark:hover, input[type=button].btn-outline-dark:hover, .btn-icon.btn-outline-dark:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #333 radial-gradient(circle, transparent 1%, #333 1%) center/15000% !important;
	border-color: #000 !important;
  color: #fff !important;
}
.button.btn-outline-dark:active, a.btn-outline-dark:active, button.btn-outline-dark:active, input[type=submit].btn-outline-dark:active, input[type=button].btn-outline-dark:active, .btn-icon.btn-outline-dark:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn outline light */
.button.btn-outline-light, a.btn-outline-light, button.btn-outline-light, input[type=submit].btn-outline-light, input[type=button].btn-outline-light, .btn-icon.btn-outline-light{
  color: #bbc8ff !important;
  border-color: #bbc8ff !important;
  font-weight: bold !important;
  background-color: transparent !important;
  background-image: none !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.button.btn-outline-light:hover, a.btn-outline-light:hover, button.btn-outline-light:hover, input[type=submit].btn-outline-light:hover, input[type=button].btn-outline-light:hover, .btn-icon.btn-outline-light:hover{
  box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	background: #bbc8ff radial-gradient(circle, transparent 1%, #bbc8ff 1%) center/15000% !important;
  border-color: #bbc8ff !important;
  color: #fff !important;
}
.button.btn-outline-light:active, a.btn-outline-light:active, button.btn-outline-light:active, input[type=submit].btn-outline-light:active, input[type=button].btn-outline-light:active, .btn-icon.btn-outline-light:active{
	background-color: #fff !important;
	background-size: 100% !important;
	transition: background 0s !important;
}


/* Button Soft Styles */
/* btn soft schoolmedia */
.button.btn-soft-primary, a.btn-soft-primary, button.btn-soft-primary, input[type=submit].btn-soft-primary, input[type=button].btn-soft-primary, .btn-icon.btn-soft-primary{
  background-color:rgba(55, 125, 255, 0.1) !important;
  color: #014282 !important;
}
.button.btn-soft-primary:hover, a.btn-soft-primary:hover, button.btn-soft-primary:hover, input[type=submit].btn-soft-primary:hover, input[type=button].btn-soft-primary:hover, .btn-icon.btn-soft-primary:hover{
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
  border-color: #014282 !important;
}
.button.btn-soft-primary:active, a.btn-soft-primary:active, button.btn-soft-primary:active, input[type=submit].btn-soft-primary:active, input[type=button].btn-soft-primary:active, .btn-icon.btn-soft-primary:active{
  background-color: #014282 !important;
  color: #fff !important;
}

/* btn soft red */
.button.btn-soft-danger, a.btn-soft-danger, button.btn-soft-danger, input[type=submit].btn-soft-danger, input[type=button].btn-soft-danger, .btn-icon.btn-soft-danger{
	background-color: rgba(222, 68, 55, 0.1) !important;
  color: #ef5350 !important;
}
.button.btn-soft-danger:hover, a.btn-soft-danger:hover, button.btn-soft-danger:hover, input[type=submit].btn-soft-danger:hover, input[type=button].btn-soft-danger:hover, .btn-icon.btn-soft-danger:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
  border-color: #ef5350 !important;
}
.button.btn-soft-danger:active, a.btn-soft-danger:active, button.btn-soft-danger:active, input[type=submit].btn-soft-danger:active, input[type=button].btn-soft-danger:active, .btn-icon.btn-soft-danger:active{
	background-color: #ef5350 !important;
	color: #fff !important;
}

/* btn soft pink */
.button.btn-soft-pink, a.btn-soft-pink, button.btn-soft-pink, input[type=submit].btn-soft-pink, input[type=button].btn-soft-pink, .btn-icon.btn-soft-pink{
	background-color: rgba(216, 27, 96, 0.1) !important;
  color: #d81b60 !important;
}
.button.btn-soft-pink:hover, a.btn-soft-pink:hover, button.btn-soft-pink:hover, input[type=submit].btn-soft-pink:hover, input[type=button].btn-soft-pink:hover, .btn-icon.btn-soft-pink:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
  border-color: #d81b60 !important;
}
.button.btn-soft-pink:active, a.btn-soft-pink:active, button.btn-soft-pink:active, input[type=submit].btn-soft-pink:active, input[type=button].btn-soft-pink:active, .btn-icon.btn-soft-pink:active{
	background-color: #d81b60 !important;
	color: #fff !important;
}

/* btn soft purple */
.button.btn-soft-purple, a.btn-soft-purple, button.btn-soft-purple, input[type=submit].btn-soft-purple, input[type=button].btn-soft-purple, .btn-icon.btn-soft-purple{
	background-color: rgba(142, 36, 170, 0.1) !important;
  color: #8e24aa !important;
}
.button.btn-soft-purple:hover, a.btn-soft-purple:hover, button.btn-soft-purple:hover, input[type=submit].btn-soft-purple:hover, input[type=button].btn-soft-purple:hover, .btn-icon.btn-soft-purple:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #ab47bc !important;
}
.button.btn-soft-purple:active, a.btn-soft-purple:active, button.btn-soft-purple:active, input[type=submit].btn-soft-purple:active, input[type=button].btn-soft-purple:active, .btn-icon.btn-soft-purple:active{
	background-color: #8e24aa !important;
	color: #ddd !important;
}

/* btn soft blue */
.button.btn-soft-info, a.btn-soft-info, button.btn-soft-info, input[type=submit].btn-soft-info, input[type=button].btn-soft-info, .btn-icon.btn-soft-info{
	background-color: rgba(30, 136, 229, 0.1) !important;
  color: #1e88e5 !important;
}
.button.btn-soft-info:hover, a.btn-soft-info:hover, button.btn-soft-info:hover, input[type=submit].btn-soft-info:hover, input[type=button].btn-soft-info:hover, .btn-icon.btn-soft-info:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #42a5f5 !important;
}
.button.btn-soft-info:active, a.btn-soft-info:active, button.btn-soft-info:active, input[type=submit].btn-soft-info:active, input[type=button].btn-soft-info:active, .btn-icon.btn-soft-info:active{
	background-color: #1e88e5 !important;
  color: #fff !important;
}

/* btn soft cyan */
.button.btn-soft-cyan, a.btn-soft-cyan, button.btn-soft-cyan, input[type=submit].btn-soft-cyan, input[type=button].btn-soft-cyan, .btn-icon.btn-soft-cyan{
	background-color: rgba(0, 172, 193, 0.1) !important;
  color: #26c6da !important;
}
.button.btn-soft-cyan:hover, a.btn-soft-cyan:hover, button.btn-soft-cyan:hover, input[type=submit].btn-soft-cyan:hover, input[type=button].btn-soft-cyan:hover, .btn-icon.btn-soft-cyan:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #26c6da !important;
}
.button.btn-soft-cyan:active, a.btn-soft-cyan:active, button.btn-soft-cyan:active, input[type=submit].btn-soft-cyan:active, input[type=button].btn-soft-cyan:active, .btn-icon.btn-soft-cyan:active{
	background-color: #26c6da !important;
	color: #fff !important;
}

/* btn soft teal */
.button.btn-soft-teal, a.btn-soft-teal, button.btn-soft-teal, input[type=submit].btn-soft-teal, input[type=button].btn-soft-teal, .btn-icon.btn-soft-teal{
	background-color: rgba(0, 137, 123, 0.1) !important;
  color: #26a69a !important;
}
.button.btn-soft-teal:hover, a.btn-soft-teal:hover, button.btn-soft-teal:hover, input[type=submit].btn-soft-teal:hover, input[type=button].btn-soft-teal:hover, .btn-icon.btn-soft-teal:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #26a69a !important;
}
.button.btn-soft-teal:active, a.btn-soft-teal:active, button.btn-soft-teal:active, input[type=submit].btn-soft-teal:active, input[type=button].btn-soft-teal:active, .btn-icon.btn-soft-teal:active{
	background-color: #26a69a !important;
	color: #fff !important;
}

/* btn soft green */
.button.btn-soft-success, a.btn-soft-success, button.btn-soft-success, input[type=submit].btn-soft-success, input[type=button].btn-soft-success, .btn-icon.btn-soft-success{
	background-color: rgba(67, 160, 71, 0.1) !important;
  color: #66bb6a !important;
}
.button.btn-soft-success:hover, a.btn-soft-success:hover, button.btn-soft-success:hover, input[type=submit].btn-soft-success:hover, input[type=button].btn-soft-success:hover, .btn-icon.btn-soft-success:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #66bb6a !important;
}
.button.btn-soft-success:active, a.btn-soft-success:active, button.btn-soft-success:active, input[type=submit].btn-soft-success:active, input[type=button].btn-soft-success:active, .btn-icon.btn-soft-success:active{
	background-color: #66bb6a !important;
	color: #fff !important;
}

/* btn soft yellow */
.button.btn-soft-warning, a.btn-soft-warning, button.btn-soft-warning, input[type=submit].btn-soft-warning, input[type=button].btn-soft-warning, .btn-icon.btn-soft-warning{
	background-color: rgba(249, 168, 37, 0.1) !important;
  color: #fbc02d !important;
}
.button.btn-soft-warning:hover, a.btn-soft-warning:hover, button.btn-soft-warning:hover, input[type=submit].btn-soft-warning:hover, input[type=button].btn-soft-warning:hover, .btn-icon.btn-soft-warning:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #fbc02d !important;
}
.button.btn-soft-warning:active, a.btn-soft-warning:active, button.btn-soft-warning:active, input[type=submit].btn-soft-warning:active, input[type=button].btn-soft-warning:active, .btn-icon.btn-soft-warning:active{
	background-color: #fbc02d !important;
	color: #fff !important;
}

/* btn soft orange */
.button.btn-soft-orange, a.btn-soft-orange, button.btn-soft-orange, input[type=submit].btn-soft-orange, input[type=button].btn-soft-orange, .btn-icon.btn-soft-orange{
	background-color: rgba(245, 124, 0, 0.1) !important;
  color: #ff9800 !important;
}
.button.btn-soft-orange:hover, a.btn-soft-orange:hover, button.btn-soft-orange:hover, input[type=submit].btn-soft-orange:hover, input[type=button].btn-soft-orange:hover, .btn-icon.btn-soft-orange:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #ff9800 !important;
}
.button.btn-soft-orange:active, a.btn-soft-orange:active, button.btn-soft-orange:active, input[type=submit].btn-soft-orange:active, input[type=button].btn-soft-orange:active, .btn-icon.btn-soft-orange:active{
	background-color: #ff9800 !important;
	color: #fff !important;
}

/* btn soft brown */
.button.btn-soft-brown, a.btn-soft-brown, button.btn-soft-brown, input[type=submit].btn-soft-brown, input[type=button].btn-soft-brown, .btn-icon.btn-soft-brown{
	background-color: rgba(109, 76, 65, 0.1) !important;
  color: #8d6e63 !important;
}
.button.btn-soft-brown:hover, a.btn-soft-brown:hover, button.btn-soft-brown:hover, input[type=submit].btn-soft-brown:hover, input[type=button].btn-soft-brown:hover, .btn-icon.btn-soft-brown:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #8d6e63 !important;
}
.button.btn-soft-brown:active, a.btn-soft-brown:active, button.btn-soft-brown:active, input[type=submit].btn-soft-brown:active, input[type=button].btn-soft-brown:active, .btn-icon.btn-soft-brown:active{
	background-color: #8d6e63 !important;
	color: #fff !important;
}

/* btn soft grey */
.button.btn-soft-secondary, a.btn-soft-secondary, button.btn-soft-secondary, input[type=submit].btn-soft-secondary, input[type=button].btn-soft-secondary, .btn-icon.btn-soft-secondary{
	background-color: rgba(117, 117, 117, 0.1) !important;
  color: #666 !important;
}
.button.btn-soft-secondary:hover, a.btn-soft-secondary:hover, button.btn-soft-secondary:hover, input[type=submit].btn-soft-secondary:hover, input[type=button].btn-soft-secondary:hover, .btn-icon.btn-soft-secondary:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #9e9e9e !important;
}
.button.btn-soft-secondary:active, a.btn-soft-secondary:active, button.btn-soft-secondary:active, input[type=submit].btn-soft-secondary:active, input[type=button].btn-soft-secondary:active, .btn-icon.btn-soft-secondary:active{
	background-color: #9e9e9e !important;
	color: #fff !important;
}

/* btn soft black */
.button.btn-soft-dark, a.btn-soft-dark, button.btn-soft-dark, input[type=submit].btn-soft-dark, input[type=button].btn-soft-dark, .btn-icon.btn-soft-dark{
	background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000 !important;
}
.button.btn-soft-dark:hover, a.btn-soft-dark:hover, button.btn-soft-dark:hover, input[type=submit].btn-soft-dark:hover, input[type=button].btn-soft-dark:hover, .btn-icon.btn-soft-dark:hover{	
	box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #000 !important;
}
.button.btn-soft-dark:active, a.btn-soft-dark:active, button.btn-soft-dark:active, input[type=submit].btn-soft-dark:active, input[type=button].btn-soft-dark:active, .btn-icon.btn-soft-dark:active{
	background-color: #000 !important;
	color: #fff !important;
}

/* btn soft light */
.button.btn-soft-light, a.btn-soft-light, button.btn-soft-light, input[type=submit].btn-soft-light, input[type=button].btn-soft-light, .btn-icon.btn-soft-light{
  background-color: rgba(187, 200, 255, 0.1) !important;
  color: #bbc8ff !important;
}
.button.btn-soft-light:hover, a.btn-soft-light:hover, button.btn-soft-light:hover, input[type=submit].btn-soft-light:hover, input[type=button].btn-soft-light:hover, .btn-icon.btn-soft-light:hover{
  box-shadow: 0.3px 0.7px 2.5px 0.5px #c3c3c3 !important;
	border-color: #bbc8ff !important;
}
.button.btn-soft-light:active, a.btn-soft-light:active, button.btn-soft-light:active, input[type=submit].btn-soft-light:active, input[type=button].btn-soft-light:active, .btn-icon.btn-soft-light:active{
	background-color: #bbc8ff !important;
	color: #fff !important;
}


/* Button Ghost Style */
.btn-ghost-primary{
  color: #014282 !important;
}
.btn-ghost-primary:hover{
  background-color:rgba(1, 66, 130, 0.2) !important;
}

.btn-ghost-secondary{
  color: #b1b1b1 !important;
}
.btn-ghost-secondary:hover{
  background-color: rgba(229, 229, 229, 0.3) !important;
}

.btn-ghost-success{
  color: #43a047 !important;
}
.btn-ghost-success:hover{
  background-color: rgba(67, 160, 71, 0.2) !important;
}

.btn-ghost-danger{
  color: #ef5350 !important;
}
.btn-ghost-danger:hover{
  background-color: rgba(229, 57, 53, 0.2) !important;
}

.btn-ghost-warning{
  color: #fbc02d !important;
}
.btn-ghost-warning:hover{
  background-color: rgba(249, 168, 37, 0.2) !important;
}

.btn-ghost-info{
  color: #1e88e5 !important;
}
.btn-ghost-info:hover{
  background-color: rgba(30, 136, 229, 0.2) !important;
}

.btn-ghost-light{
  color: #bbc8ff !important;
}
.btn-ghost-light:hover{
  background-color: rgba(223, 229, 255, 0.3) !important;
}

.btn-ghost-dark{
  color: #000 !important;
}
.btn-ghost-dark:hover{
  background-color: rgba(0, 0, 0, 0.2) !important;
}


/* Button Group Styles */
/* btn primary */
.btn-group .btn-primary{
  background-color: #014282 !important;
  border-color: #014282 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-primary:hover, .btn-group .btn-primary.active{
	background: #0061c1 radial-gradient(circle, transparent 1%, #0061c1 1%) center/15000% !important;
  border-color: #0061c1 !important;
}
.btn-group .btn-primary:active{
	background-color: #ddd !important;
	background-size: 100% !important;
  transition: background 0s !important;
}

/* btn red */
.btn-group .btn-danger{
	background-color: #e53935 !important;
	border-color: #e53935 !important;
  	color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-danger:hover, .btn-group .btn-danger.active{
	background: #ef5350 radial-gradient(circle, transparent 1%, #ef5350 1%) center/15000% !important;
	border-color: #ef5350 !important;
}
.btn-group .btn-danger:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn pink */
.btn-group .btn-pink{
	background-color: #d81b60 !important;
	border-color: #d81b60 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-pink:hover, .btn-group .btn-pink.active{
	background: #ec407a radial-gradient(circle, transparent 1%, #ec407a 1%) center/15000% !important;
	border-color: #ec407a !important;
}
.btn-group .btn-pink:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn purple */
.btn-group .btn-purple{
	background-color: #8e24aa !important;
	border-color: #8e24aa !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-purple:hover, .btn-group .btn-purple.active{
	background: #ab47bc radial-gradient(circle, transparent 1%, #ab47bc 1%) center/15000% !important;
	border-color: #ab47bc !important;
}
.btn-group .btn-purple:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn blue */
.btn-group .btn-info{
	background-color: #1e88e5 !important;
	border-color: #1e88e5 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-info:hover, .btn-group .btn-info.active{
	background: #42a5f5 radial-gradient(circle, transparent 1%, #42a5f5 1%) center/15000% !important;
	border-color: #42a5f5 !important;
}
.btn-group .btn-info:active{
	background-color: #ddd !important;
  color: #fff !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn cyan */
.btn-group .btn-cyan{
	background-color: #00acc1 !important;
	border-color: #00acc1 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-cyan:hover, .btn-group .btn-cyan.active{
	background: #26c6da radial-gradient(circle, transparent 1%, #26c6da 1%) center/15000% !important;
	border-color: #26c6da !important;
}
.btn-group .btn-cyan:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn teal */
.btn-group .btn-teal{
	background-color: #00897b !important;
	border-color: #00897b !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-teal:hover, .btn-group .btn-teal.active{
	background: #26a69a radial-gradient(circle, transparent 1%, #26a69a 1%) center/15000% !important;
	border-color: #26a69a !important;
}
.btn-group .btn-teal:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn green */
.btn-group .btn-success{
	background-color: #43a047 !important;
	border-color: #43a047 !important;
  	color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-success:hover, .btn-group .btn-success.active{
	background: #66bb6a radial-gradient(circle, transparent 1%, #66bb6a 1%) center/15000% !important;
	border-color: #66bb6a !important;
}
.btn-group .btn-success:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn yellow */
.btn-group .btn-warning{
	background-color: #f9a825 !important;
	border-color: #f9a825 !important;
  	color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-warning:hover, .btn-group .btn-warning.active{
	background: #fbc02d radial-gradient(circle, transparent 1%, #fbc02d 1%) center/15000% !important;
	border-color: #fbc02d !important;
}
.btn-group .btn-warning:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn orange */
.btn-group .btn-orange{
	background-color: #f57c00 !important;
	border-color: #f57c00 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-orange:hover, .btn-group .btn-orange.active{
	background: #ff9800 radial-gradient(circle, transparent 1%, #ff9800 1%) center/15000% !important;
	border-color: #ff9800 !important;
}
.btn-group .btn-orange:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn brown */
.btn-group .btn-brown{
	background-color: #6d4c41 !important;
	border-color: #6d4c41 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-brown:hover, .btn-group .btn-brown.active{
	background: #8d6e63 radial-gradient(circle, transparent 1%, #8d6e63 1%) center/15000% !important;
	border-color: #8d6e63 !important;
}
.btn-group .btn-brown:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn grey */
.btn-group .btn-secondary{
	background-color: #b1b1b1 !important;
	border-color: #b1b1b1 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-secondary:hover, .btn-group .btn-secondary.active{
	background: #9e9e9e radial-gradient(circle, transparent 1%, #9e9e9e 1%) center/15000% !important;
	border-color: #9e9e9e !important;
}
.btn-group .btn-secondary:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn black */
.btn-group .btn-dark{
	background-color: #000 !important;
	border-color: #000 !important;
  color: #fff !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-dark:hover, .btn-group .btn-dark.active{
	background: #333 radial-gradient(circle, transparent 1%, #333 1%) center/15000% !important;
	border-color: #333 !important;
}
.btn-group .btn-dark:active{
	background-color: #ddd !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn default */
.btn-group .btn-default{
  background-color: unset !important;
	border: 1px solid #bbbbbb !important;
  color: #666 !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-default:hover, .btn-group .btn-default.active{
	background: #f1f1f1 radial-gradient(circle, transparent 1%, #f1f1f1 1%) center/15000% !important;
}
.btn-group .btn-default:active{
	background-color: #888 !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn white */
.btn-group .btn-white{
  background-color: #fff !important;
  color: #014282 !important;
  font-weight: bold !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-white:hover, .btn-group .btn-white.active{
	background: #f1f1f1 radial-gradient(circle, transparent 1%, #f1f1f1 1%) center/15000% !important;
}
.btn-group .btn-white:active{
	background-color: #888 !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

/* btn light */
.btn-group .btn-light{
  background-color: #dfe5ff !important;
  border-color: #dfe5ff !important;
  color: #014282 !important;
  font-weight: bold !important;
	background-position: center !important;
	transition: background 0.8s !important;
}
.btn-group .btn-light:hover, .btn-group .btn-light.active{
	background: #bbc8ff radial-gradient(circle, transparent 1%, #bbc8ff 1%) center/15000% !important;
  border-color: #bbc8ff !important;
}
.btn-group .btn-light:active{
	background-color: #fff !important;
	background-size: 100% !important;
	transition: background 0s !important;
}


/* === CARD === */
.card{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}


/* === CHECKBOX SWITCH === */
.custom-checkbox-switch-input:checked~.custom-checkbox-switch-label{
	background-color: #014282 !important;
	color: #fff !important;
}

.custom-checkbox-switch-label{
	color: #014282 !important;
}

.custom-checkbox-switch-label{
	border-color: #014282 !important;
}

.custom-control-input:checked~.custom-control-label::before{
	color: #fff !important;
    border-color: #014282 !important;
    background-color: #014282 !important;
}

.custom-checkbox-card-input:checked~.custom-checkbox-card-label, .custom-checkbox-card-input:checked~.custom-checkbox-card-label-stretched{
	border-color: #014282 !important;
}

.toggle-switch-input:checked+.toggle-switch-label{
	background-color: #014282 !important;
}

.toggle-switch-input.is-valid+.toggle-switch-label{
	background-color: #43a047 !important;
}

.toggle-switch-input.is-invalid+.toggle-switch-label{
	background-color: #e53935 !important;
}

.custom-checkbox-bookmark-active{
	color: #f9a825 !important;
}


/* === LIST GROUP === */
.list-group-item.active{
	background-color: #014282 !important;
}


/* === MODAL === */
.modal-backdrop.show{
	opacity: .5 !important;
}

.modal-backdrop{
	background-color: #000 !important;
}


/* === PAGE HEADER === */
.page-header-tabs .nav-item.show .nav-link, .page-header-tabs .nav-link.active{
	color: #014282 !important;
	border-color: #014282 !important;
}


/* === TABS === */
.nav-pills:not(.nav-segment) .nav-link.active{
	background-color: #014282 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #014282 !important;
    border-color: transparent transparent #014282 !important;
}

.bg-dark .nav-tabs .nav-item.show .nav-link, .bg-dark .nav-tabs .nav-link.active{
	color: #fff !important;
	border-color: #fff !important;
}


/* === PAGINATION === */
.page-item:not(.active) .page-link:hover{
	color: #014282 !important;
}

.page-item.active .page-link{
	background-color: #014282 !important;
	border-color: #014282 !important;
}


/* === PROGRESS === */
.progress-bar{
	background-color: #014282 !important;
}


/* === PROFIL COVER === */
.avatar-uploader:hover{
	border-color: #014282 !important;
}

.avatar-uploader:hover .avatar-uploader-icon{
	background-color: #014282 !important;
}


/* === TEXT === */
.text-primary{
  color: #014282 !important;
}

.text-secondary{
  color: #b1b1b1 !important;
}

.text-success{
  color: #43a047 !important;
}

.text-danger{
  color: #ef5350 !important;
}

.text-warning{
  color: #fbc02d !important;
}

.text-info{
  color: #1e88e5 !important;
}

.text-light{
  color: #f9fafc !important;
}

.text-dark{
  color: #000 !important;
}


/* === STEPS === */
/* default */
.step-icon-primary{
  color: #fff !important;
  background-color: #014282 !important;
}

.step-icon-secondary{
  color: #fff !important;
  background-color: #b1b1b1 !important;
}

.step-icon-success{
  color: #fff !important;
  background-color: #43a047 !important;
}

.step-icon-danger{
  color: #fff !important;
  background-color: #ef5350 !important;
}

.step-icon-warning{
  color: #fff !important;
  background-color: #fbc02d !important;
}

.step-icon-info{
  color: #fff !important;
  background-color: #1e88e5 !important;
}

.step-icon-light{
  color: #000 !important;
  background-color: #f9fafc !important;
}

.step-icon-dark{
  color: #fff !important;
  background-color: #000 !important;
}

/* Soft */
.step-icon-soft-primary{
  color: #014282 !important;
  background-color:rgba(1, 66, 130, 0.2) !important;
}

.step-icon-soft-secondary{
  color: #b1b1b1 !important;
  background-color: rgba(229, 229, 229, 0.3) !important;
}

.step-icon-soft-success{
  color: #43a047 !important;
  background-color: rgba(67, 160, 71, 0.2) !important;
}

.step-icon-soft-danger{
  color: #ef5350 !important;
  background-color: rgba(229, 57, 53, 0.2) !important;
}

.step-icon-soft-warning{
  color: #fbc02d !important;
  background-color: rgba(249, 168, 37, 0.15) !important;
}

.step-icon-soft-info{
  color: #1e88e5 !important;
  background-color: rgba(30, 136, 229, 0.2) !important;
}

.step-icon-soft-light{
  color: #bbc8ff !important;
  background-color: rgba(223, 229, 255, 0.3) !important;
}

.step-icon-soft-dark{
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}


/* === GO TO === */
.go-to:focus:hover, .go-to:hover{
	background-color: #014282;
}


/* === BORDER === */
.border-primary{
	border-color: #014282 !important;
}

.border-secondary{
	border-color: #b1b1b1 !important;
}

.border-success{
	border-color: #43a047 !important;
}

.border-danger{
	border-color: #ef5350 !important;
}

.border-warning{
	border-color: #fbc02d !important;
}

.border-info{
	border-color: #1e88e5 !important;
}

.border-light{
	border-color: #f9fafc !important;
}

.border-dark{
	border-color: #000 !important;
}

/* Border Left */
.border-left-primary{
	border-left-color: #014282 !important;
}

.border-left-secondary{
	border-left-color: #b1b1b1 !important;
}

.border-left-success{
	border-left-color: #43a047 !important;
}

.border-left-danger{
	border-left-color: #ef5350 !important;
}

.border-left-warning{
	border-left-color: #fbc02d !important;
}

.border-left-info{
	border-left-color: #1e88e5 !important;
}

.border-left-light{
	border-left-color: #f9fafc !important;
}

.border-left-dark{
	border-left-color: #000 !important;
}


/* === TABLE === */
.table-responsive::-webkit-scrollbar, .datatable-custom::-webkit-scrollbar{
	height: 5px !important;
}


/* === FORM === */
.custom-select:focus, .form-control:focus{
	box-shadow: 0px 0px 2px 0.8px rgba(1, 66, 130, 3) !important;
    transition: 0.5s !important;
}

.form-control.is-valid, .was-validated .form-control:valid{
	border-color: #43a047 !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
	border-color: #ef5350 !important;
}

.valid-feedback{
	color: #43a047 !important;
}

.invalid-feedback{
	color: #ef5350 !important;
}


/* === RANGE SLIDER === */
.range-slider-custom .irs-bar{
	background-color: #014282 !important;
}