/* Modify Bootstrap class */

.btn.focus, .btn:focus {
	color: var(--btn-primary-color);
}
.btn.focus:not(.btn-success):not(.btn-secondary), .btn:focus:not(.btn-success):not(.btn-secondary) {
	outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-color-25);
}

.btn-primary, .btn-secondary, .btn-success, .btn-danger {
    font-family: var(--menu-font);
    font-weight: var(--menu-font-weight);
    text-transform: var(--menu-text-transform);
}
.btn-primary {
    color: var(--btn-primary-color);
    background: var(--gradient-primary);
	border-color: var(--primary-color-dark);
}
.btn-primary:hover {
    background: var(--gradient-primary-light);
    border-color: transparent;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
	color: var(--btn-primary-color);
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-color-25);
}

.btn-secondary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent;
}
.btn-secondary:hover {
    color: var(--btn-primary-color);
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.dropdown-menu{
    color: var(--body-color);
    background-color: var(--body-secondary-bg-color);
}
#header .dropdown-menu{
    color: var(--header-menu-color);
    background-color: var(--header-menu-bg-color);
}
.dropdown-item{
    color: var(--body-color);
}
.dropdown-divider {
    border-top: 1px solid var(--border-color);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--btn-primary-color);
    text-decoration: none;
    background-color: var(--primary-color);
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--btn-primary-color);
	background-color: var(--primary-color);
}
.dropdown-item i {
    min-width: 20px;
    text-align: center;
    color: var(--body-color-3);
}
.dropdown-item:focus i, .dropdown-item:hover i{
    color: var(--body-color-2);
}

.datepicker table tr td span.focused, 
.datepicker table tr td span:hover,
.datepicker .datepicker-switch:hover, 
.datepicker .next:hover, 
.datepicker .prev:hover, 
.datepicker tfoot tr th:hover,
.datepicker table tr td.day.focused, 
.datepicker table tr td.day:hover  {
    color: var(--btn-primary-color);
	background: var(--primary-color) !important;
}
.datepicker table tr td.active, 
.datepicker table tr td.active.disabled, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active:hover,
.datepicker table tr td span.active, 
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover, 
.datepicker table tr td span.active:hover:active {
    background: var(--gradient-primary) !important;
}

.breadcrumb{
	background-color: transparent /*hsl(35, 28%, 92%)*/;
	font-family: var(--menu-font); 
	font-weight: var(--menu-font-weight); 
	text-transform: var(--menu-text-transform);
	padding: .75rem 0;
	margin:0;
}
.breadcrumb-item.active {
    color: var(--body-color);
}
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--body-color);
}

.badge-primary {
    color: var(--btn-primary-color);
    background: var(--gradient-primary);
}
.badge-secondary {
    color: var(--body-bg-color);
    background: var(--body-color-2);
}

.jumbotron { /* premium */
    background-color: var(--body-secondary-bg-color);
}

/*** MODAL ***/
.modal-content{
	background-color: var(--modal-bg-color);
	color: var(--modal-color);
}
.modal-header, .modal-footer{
	border-color: var(--modal-border-color);
	/*padding: .3rem 1rem;*/
}

.close {
    color: var(--body-color);
    text-shadow: 0 1px 0 var(--shadow-color);
}

/*** FORM ***/
.form-control{
    /*line-height: 2.3;*/
    border: none;
    border-bottom: 3px solid var(--primary-color);
    background-color: var(--input-bg-color);
    color : var(--input-color);
    -webkit-text-fill-color: var(--input-color) ;
	box-shadow: 0 0 0px 1000px var(--input-bg-color) inset;
	-webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset;
}
.form-control:focus{
    color: var(--input-color);
    box-shadow: none;
    -webkit-box-shadow: 0 0 0px 1000px var(--modal-input-bg-color) inset;
}

.has-float-label label{
    color: var(--body-color-2);
}

/*** INPUT ***/
select, select.form-control,
textarea, textarea.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: var(--modal-input-bg-color);
	color: var(--modal-input-color);
	/*border : 1px solid #444;*/
}

form .light{
	font-weight: normal;
	font-style: italic;
}

select:focus, select.form-control:focus,
textarea:focus, textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: var(--primary-color-light-80);
  outline: 0;
  outline: thin dotted \9;

}

form input.form-error{
	color: #b94a48;
	border-color: #b94a48;
}
form .error-message{
	color: #b94a48;
}

/******************************************/
/**************** ALERT / NOTIF ***/
.alert {
    text-shadow: none;
    border: none;
    color: white;
}

.alert-danger {
    background: var(--red);
}
.alert-success {
    background: var(--green);
}
.alert-warning {
    background: var(--orange);
}
.close:hover, .close:focus {
	color: #FFF;
}

/* TABS */
.nav-tabs {
    border-bottom: 1px solid var(--border-color);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--body-color);
    background-color: var(--body-bg-color);
    border-color: var(--border-color) var(--border-color) var(--body-bg-color);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: var(--border-color) var(--border-color) var(--border-color);
}