body{
    background: #ffffff;
    color: #1E1E2D;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
}
body.h-100{
	background-color: #1E1E2D;
}
h1,h2,h3,h4,h5,h6{
    color: #000000;
    font-weight: bold;
}
h1{
    font-size: 2rem;
}
h2{
    font-size: 1.8rem;
}
h3{
    font-size: 1.6rem;
}
h4{
    font-size: 1.4rem;
}
h5{
    font-size: 1.2rem;
}
h6{
    font-size: 1rem;
}
a, a:visited{
    color: #000000;
}
a:hover, a:focus{
    color: #e72276;
}
a:active{
    color: #e72276;
}
.table td, .table th{
    padding: 0.5rem;
}
.btn{
    height: auto;
    padding: 8px 15px;
    line-height: 1.2;
    font-size: 1rem;
}
.btn i{
    margin: 0;
}
.btn-sm{
    padding: 4px 8px;
    font-size: 0.75rem;
}
.widget .widget-body .icon{
	color: #ffffff !important;
}
.widget .widget-body h2, .widget .widget-body h3, .widget .widget-body h4, .widget .widget-body h5{
	color: #ffffff !important;
}
.dropdown-menu{
	width: 230px;
	font-size: 1rem;
}
.pointer{
	cursor: pointer;
}
.list-group-item.active{
	background-color: #e72276;
	border-color: #e72276;
}

/* COLOR PRIMARY: #1E1E2D */
.btn.btn-primary,
.btn.btn-primary:active{
	background: #1E1E2D !important;
	color: #fff !important;
	border-color: #1E1E2D !important;
}
.btn.btn-primary:focus,
.btn.btn-primary:hover{
	background: #fff !important;
	color: #1E1E2D !important;
	border-color: #1E1E2D !important;
}
.btn.btn-outline-primary,
.btn.btn-outline-primary:active{
	color: #1E1E2D !important;
	border-color: #1E1E2D !important;
}
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:hover{
	background: #fff !important;
	color: #1E1E2D !important;
	border-color: #1E1E2D !important;
}
.text-primary{
	color: #1E1E2D !important;
}
.bg-primary{
	background-color: #1E1E2D !important;
}
.border-primary{
	border-color: #1E1E2D !important;
}
.badge-primary{
	background-color: #1E1E2D !important;
}

/* COLOR SECONDARY: #e72276 */
.btn.btn-secondary,
.btn.btn-secondary:active{
	background: #e72276 !important;
	color: #fff !important;
	border-color: #e72276 !important;
}
.btn.btn-secondary:focus,
.btn.btn-secondary:hover{
	background: #fff !important;
	color: #e72276 !important;
	border-color: #e72276 !important;
}
.text-secondary{
	color: #e72276 !important;
}
.bg-secondary{
	background-color: #e72276 !important;
}
.border-secondary{
	border-color: #e72276 !important;
}
.badge-secondary{
	background-color: #e72276 !important;
}

/* COLOR SUCCESS: #43aa3d */
.btn.btn-success,
.btn.btn-success:active{
    background: #43aa3d !important;
	color: #fff !important;
	border-color: #43aa3d !important;
}
.btn.btn-success:focus,
.btn.btn-success:hover{
	background: #628558 !important;
	color: #fff !important;
	border-color: #628558 !important;
}
.btn.btn-outline-success,
.btn.btn-outline-success:active{
    background: #fff !important;
	color: #43aa3d !important;
	border-color: #43aa3d !important;
}
.btn.btn-outline-success:focus,
.btn.btn-outline-success:hover{
	background: #628558 !important;
	color: #fff !important;
	border-color: #628558 !important;
}
.text-success{
	color: #43aa3d !important;
}
.bg-success{
	background-color: #43aa3d !important;
}
.border-success{
	border-color: #43aa3d !important;
}
.badge-success{
	background-color: #43aa3d !important;
}

/* COLOR WARNING: #ff800c */
.btn.btn-warning,
.btn.btn-warning:active{
	background: #ff800c !important;
	color: #fff !important;
	border-color: #ff800c !important;
}
.btn.btn-warning:focus,
.btn.btn-warning:hover{
	background: #fff !important;
	color: #ff800c !important;
	border-color: #ff800c !important;
}
.btn.btn-outline-warning,
.btn.btn-outline-warning:active{
	background: #ff800c !important;
	color: #fff !important;
	border-color: #ff800c !important;
}
.btn.btn-outline-warning:focus,
.btn.btn-outline-warning:hover{
	color: #0A014F !important;
	border-color: #ff800c !important;
	background: #ff800c !important;
}
.text-warning{
	color: #ff800c !important;
}
.bg-warning{
	background-color: #ff800c !important;
}
.border-warning{
	border-color: #ff800c !important;
}
.badge-warning{
	background-color: #ff800c !important;
}

/* COLOR INFO: #6666c0 */
.btn.btn-info,
.btn.btn-info:active{
	background: #6666c0 !important;
	color: #fff !important;
	border-color: #6666c0 !important;
}
.btn.btn-info:focus,
.btn.btn-info:hover{
	background: #fff !important;
	color: #6666c0 !important;
	border-color: #6666c0 !important;
}
.btn.btn-outline-info,
.btn.btn-outline-info:active{
	background: #6666c0 !important;
	color: #fff !important;
	border-color: #6666c0 !important;
}
.btn.btn-outline-info:focus,
.btn.btn-outline-info:hover{
	color: #0A014F !important;
	border-color: #6666c0 !important;
	background: #6666c0 !important;
}
.text-info{
	color: #6666c0 !important;
}
.bg-info{
	background-color: #6666c0 !important;
}
.border-info{
	border-color: #6666c0 !important;
}
.badge-info{
	background-color: #6666c0 !important;
}

/* COLOR DANGER: #bd0909 */
.btn.btn-danger,
.btn.btn-danger:active{
    background: #bd0909 !important;
	color: #fff !important;
	border-color: #bd0909 !important;
}
.btn.btn-danger:focus,
.btn.btn-danger:hover{
	background: #bd0909 !important;
	color: #0A014F !important;
	border-color: #bd0909 !important;
}
.btn.btn-outline-danger,
.btn.btn-outline-danger:active{
	color: #bd0909 !important;
	border-color: #bd0909 !important;
}
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:hover{
	background: #bd0909 !important;
	color: #fff !important;
	border-color: #bd0909 !important;
}
.text-danger{
	color: #bd0909 !important;
}
.bg-danger{
	background-color: #bd0909 !important;
}
.border-danger{
	border-color: #bd0909 !important;
}
.badge-danger{
	background-color: #bd0909 !important;
}

/*MENU*/
.wrapper .header-top{
    background: #e72276;
    color: #fff;
}
.wrapper .header-top .top-menu .dropdown{
	margin-left: 30px;
}
.wrapper .header-top .top-menu .dropdown .dropdown-menu.notification-dropdown{
    min-width: 375px;
}
.wrapper .header-top .top-menu .nav-link, .wrapper .header-top .top-menu .nav-link{
    color: #ffffff;
}
.wrapper .header-top .top-menu .nav-link:hover, .wrapper .header-top .top-menu .nav-link:focus{
    background: #ffffff;
    color: #000000;
}
.wrapper .header-top a.dropdown-toggle{
    color: #fff;
}
.wrapper .page-wrap .app-sidebar .sidebar-header{
    display: block;
    height: auto;
    text-align: center;
    padding: 10px;
    border-bottom: 2px solid #343A3F;
}
.wrapper .page-wrap .app-sidebar .sidebar-content{
    background-color: #fff;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item{
	border: 1px solid #e1e1e1;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item:hover{
	background: #e72276;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a{
    padding: 15px 5px;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item:hover>a{
	color: #fff;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a i{
	width: 25px !important;
	margin-right: 0 !important;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item a span{
    font-size: 15px;
    vertical-align: middle;
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub a::before{
	content: "\2b";
    font-family: "Font Awesome 6 Free";
}
.wrapper .page-wrap .app-sidebar .sidebar-content .nav-container .navigation-main .nav-item.has-sub .submenu-content .nav-item a::before{
    content: "";
}

/* NAVS TABS */
.nav-tabs{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
.nav-tabs .nav-link{
	background: #ffffff;
	color: #000000;
	border: 1px solid #cccccc;
	padding: .5rem 2rem;
	margin-right: 20px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	background: #dedede;
	border: 1px solid #cccccc;
}
.nav-tabs .nav-link.active{
	background: #e72276;
	color: #ffffff;
	border: 1px solid #cccccc;
}

/* CONFIGURATOR OPTION */
div.single-row{
	border: 1px solid #E72376;
	padding: 10px;
}
div.single-row .option-row{
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
	height: 100% !important;
	margin-right: 30px !important;
}