/*----- Componant: Top Navigation Bar ----- */
.app-header {
  background-color: 	 var(--header-bg);
}

.app-header__logo-bg {
	background-color: var(--header-bg);
  /*background-image: linear-gradient(-100deg, var(--header-bg), var(--header-gradient));*/
}	

.app-header-mcs{
  background-image: linear-gradient(-100deg, var(--header-bg), var(--header-gradient));
}

.app-nav__item{
	color: var(--header-text-items); /* #000;*/
}

.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
  background: var(--nav-active-bg); 
  border-left-color: var(--nav-active-accent-esq);/*#FF0600; vermell*/ /* #1AE35D; verd *//* #e31f1a; */
  text-decoration: none;
  color:  var(--nav-active-txt);
}

.app-nav__item:hover, .app-nav__item:focus {
  background: var(--nav-focus-bg); 
  color: var(--nav-focus-txt);
}

.dropdown-item .fa,
.dropdown-item .fas,
.dropdown-item .icon {
    margin-right: 5px;
    vertical-align: middle;
}


.dropdown-item.active, .dropdown-item:active {
    color: #FFF;
    text-decoration: none;
    background-color: var(--nav-active-accent-esq);
}

/* -- Login -- */
.material-half-bg {
  height: 100vh;
  background-color: var(--content-bg); /* MCS (--content-info-bg);*/ /* #fdf6e7;*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.material-half-bg .cover {
  background-color: var(--content-half-bg); /* MCS : --content-bg *//*#e7e7e7; */
  height: 50vh;
}



/* -- form -- */
.form-control {
  display: block;
  width: 100%;
  /*padding: 0.375rem 0.75rem;*/
  font-size: 0.875rem;
  line-height: 1.5;
  color: #495057;
  background-color: #FFF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}



.form-control:focus {
  color: var(--form-control-focus-text); /* #495057;*/
  background-color: white;
  border-color: var(--form-control-focus-border);  /* #f4524d;*/
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tile {
  position: relative;
  background: white;
  padding: 0px 0px 20px 0px;
  margin-bottom: 0px;
  box-shadow: none !important;
}

.tile .tile-title {
  background-color: var(--tile-title-bg); /*#fde8e7;*/
  padding: 10px;
  border-bottom: 1px solid lightgrey;
  margin-top: 0px;
  margin-bottom: 20px;
  /*font-size: unset;*/
  /*border-radius: 15px 15px 0px 0px; */
}

.tile-borderradius3{
  border-radius: 3px;
}

.tile-title-NoRadius{
    border-radius: 0px !important;
    border: 1px solid lightgrey;
}

.animated-checkbox input[type="checkbox"]:checked + .label-text:before {
  content: "";
  color: var(--textcolor-kora);
  -webkit-animation: tick 180ms ease-in;
          animation: tick 180ms ease-in;
}


.animated-checkbox input[type="checkbox"] + .label-text.cursor-auto {
  cursor: auto !important;
}

.table{
  background-color: var(--table-bg);
}

.tab-pane{
  background-color: var(--content-info-bg);
}

.table-hover tbody tr:hover {
  background-color: var(--tile-title-bg); /*rgba(0, 0, 0, 0.075);*/
}

.page-item.active .page-link {
  z-index: 1;
  color: var(--textcolor-kora);/*#fff*/
  background-color: var(--button-bg);
  border-color: var(--button-bg);
}

/* -- tabs -- */

.nav-tabs li a{
  color:black;  
}

.nav-tabs .nav-link {
  border: 1px solid  #999999;
  border-bottom-color: #f7f7f7;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
   border-color: #999999 #999999 #f7f7f7;
   background-color: rgba(0, 0, 0, 0.05);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
  color: var(--textcolor-kora);
  background-color: var(--tr-table-bg);
  border-color: #999999 #999999 #f7f7f7;
  border-top: 3px solid var(--textcolor-kora)
}

.nav-tabs li a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: darkgrey;
    /*background-color:rgba(0, 0, 0, 0.05);*/
    text-decoration: none;
    /*box-shadow: -5px -3px 8px 0px rgba(0, 0, 0, 0.2);*/
}


.user .user-tabs .nav-link.active {
    border-left-color: var(--nav-active-accent-esq);
    border-top:initial;
    border-bottom: 0;
}

.user .user-tabs .nav-link:hover, .user .user-tabs .nav-link:active{
    color:black !important;

}

.user .profile {
  margin: 15px;
}

.tab-content{
  background-color: var(--content-bg);
}

.modal-dialog-custom{
  margin-left: 20% !important;
}

/*-- Checkbox-Switch --*/
.toggle input[type="checkbox"]:checked + .button-indecator:before {
  content: "";
  color: var(--activate-check);
  -webkit-animation: toggleBtn 0.3s ease-in-out;
          animation: toggleBtn 0.3s ease-in-out;
}

a{
  color: black;
  text-decoration: none;
  background-color: transparent;
  padding: 0.5rem;
}


.border-primary {
  border-color: var(--color-primary) !important;
}


/*-- Color text --*/
.text-primary {
  color: var(--textcolor-kora) !important;
}