/*================================================================================

	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template

	Version: 2.0

	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.  */
.btn.btn-primary {
	border-color: #810505d7 !important;
	background-color: #b30000 !important;
	color: #effdf4 !important;
  }

a {
    color: #cc3333 !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: #dd5050 !important;
}

.main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(118deg, #db5656, rgba(212, 69, 69, 0.7));
    box-shadow: 0 0 10px 1px rgba(240, 103, 103, 0.7);
	color: #effdf4 !important;
}

.main-menu.menu-light .navigation > li ul .active {
    background: linear-gradient(118deg, #e69292, rgba(219, 120, 120, 0.7));
    box-shadow: 0 0 10px 1px rgba(240, 103, 103, 0.7);
    border-radius: 4px;
    z-index: 1;
}

.page-item.active .page-link {
    background-color: #960505;
}
 
.step.active .step-trigger .bs-stepper-box  {
	background-color: #b30000 !important;	
}

.step.active .step-trigger .bs-stepper-label .bs-stepper-title {
	color: #b30000 !important;
}

.form-check-input:checked {
	border-color: #991b1bde !important;
    background-color: #b30000 !important;
}

.nav-pills .nav-link.active {
    border-color: rgb(245, 145, 145);
    background: linear-gradient(118deg, #e69292, rgba(219, 120, 120, 0.7));
    box-shadow: 0 0 10px 1px rgb(240 103 103 / 70%);
    border-radius: 4px;
    z-index: 1;
}
 
.navigation .text-small {
    font-size: 1.0rem;
    font-weight: 380;
} 

.main-menu.menu-light .navigation > li ul li ul a {
    padding: 7px 5px 7px 5px !important; }
  
.main-menu.menu-light .navigation > li > ul li.has-sub > a {
        margin: 0px 0px !important;
 }
     
.kuil {
    min-height: 300px; 
} 

.kuil2 {
    min-height: 500px; 
} 

.list-group-item.active {
   background-color: #f3ecbf !important;
   border-color: #efc563 !important;
}