/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

:root {
	--blue: #1e9ff2;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #ff4961;
	--orange: #ff9149;
	--yellow: #ffc107;
	--green: #28d094;
	--teal: #20c997;
	--cyan: #666ee8;
	--white: #fff;
	--gray: #6b6f82;
	--gray-dark: #464855;
	--primary: #666ee8;
	--secondary: #6b6f82;
	--success: #28d094;
	--info: #1e9ff2;
	--warning: #ff9149;
	--danger: #ff4961;
	--light: #babfc7;
	--dark: #464855;
}

.main-menu.menu-dark .navigation,
.navbar-semi-dark .navbar-header,
body.vertical-layout.vertical-menu.menu-expanded .main-menu,
.main-menu.menu-dark .navigation>li>ul {
	background: #242a56 !important;
}

.btn-danger {
	border-color: #ce202c !important;
	background-color: #ce202c !important;
	color: #FFFFFF;
}

.btn-outline-danger:hover {
	background-color: #ce202c;
	color: #FFF !important;
}

.btn-outline-warning:hover {
	background-color: #fcc361;
}

.btn-outline-warning {
	border-color: #fcc361;
	color: #fcc361;
}

.btn-outline-success {
	border-color: #1a4087;
	color: #1a4087;
}

.btn-outline-success:hover {
	background-color: #1a4087;
}

.btn-outline-success:hover {
	color: #2a2e30;
	background-color: #1a4087;
	border-color: #1a4087;
}

.main-menu.menu-dark .navigation>li.active>a ,
.main-menu.menu-dark .navigation > li .active > a {
	background: #1a4087;
}

input:checked+.slider {
	background-color: #1a4087 !important;
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #1a4087 !important;
	border-color: #1a4087 !important;
}

.login-btn {
	border-color: #1a4087 !important;
	background-color: #1a4087 !important;
}

.btn-info:hover {
    border-color: #1a4087 !important;
    background-color: #1a4087 !important;
}

.btn-primary {
	border-color: #1a4087 !important;
	background-color: #1a4087 !important;
}

.p-1 img {
	width: 100px;
	height: 100px;
}

.btn-info {
	border-color: #1a4087 !important;
	background-color: #1a4087 !important;
}

.header-navbar .navbar-header .navbar-brand .brand-logo {
	background: #e7e6e6;
	border-radius: 50px;
}

.costume-input {
	padding: 5px 2px;
	border-bottom: 1px solid #6b6f82;
}

.costume-input:focus {
	border-bottom: 1px solid #000000;
}

[contenteditable] {
	outline: 0px solid transparent;
}

.position-relative.success input {
	border-color: #2ecc71;
}

.position-relative.error input {
	border-color: #e74c3c;
}

.position-relative small {
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
}

.position-relative.error small {
	visibility: visible;
}

/* search loader */
#btn-loader {
	z-index: 10;
	width: 30px;
	height: 30px;
	border: 5px solid #fff;
	border-radius: 50%;
	border-top: 5px solid #6fe0a8;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 1s linear infinite;
	display: none;
}

#btn-loader2 {
	z-index: 10;
	width: 30px;
	height: 30px;
	border: 5px solid #fff;
	border-radius: 50%;
	border-top: 5px solid #6fe0a8;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 1s linear infinite;
	display: none;
}

#loader {
	z-index: 10;
	width: 80px;
	height: 80px;
	border: 11px solid #f3f3f3;
	border-radius: 50%;
	border-top: 11px solid #076cf2;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked+.slider {
	background-color: #2196f3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.card-alignment {
	text-align: right;
}