/*
b* Component: Main Header
 * ----------------------
 */

 @media (max-width: 767px) {


  .custom-main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
}
.custom-main-header{
max-width: inherit;

}
.custom-main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;

}
.custom-main-header .sidebar-toggle:before {
  content: "\f0c9";
}
.custom-main-header .sidebar-toggle:hover {
  color: #fff;
}
.custom-main-header .sidebar-toggle:focus,
.custom-main-header .sidebar-toggle:active {
  background: transparent;
}
.custom-main-header .sidebar-toggle .icon-bar {
  display: none;
}
.custom-main-header .navbar .nav > li.user > a > .fa,
.custom-main-header .navbar .nav > li.user > a > .glyphicon,
.custom-main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}
.custom-main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 20px;
  right: 2px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}
.custom-main-header .hide-menu {
display:none;
}
.custom-main-header .menu {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: none;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: left;
  width: 50px;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
  background-color: #BA55D3;
  color:white;
  border: white;
}

/**HeaderSearch**/

.dropdown.dropdown-lg .dropdown-menu {
  margin-top: -1px;
  padding: 6px 20px;
  background-color:#fafafa;
}
.input-group-btn .btn-group {
  display: flex !important;

}
.btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
}
.btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color:#8561c5;
  border-color: #8561c5;
}
.btn-group .form-horizontal .btn[type="submit"] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-group .form-control:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

@media screen and (min-width: 768px) {

  .dropdown.dropdown-lg {
      position: relative !important;
  }
  .dropdown.dropdown-lg .dropdown-menu {
      min-width: 500px;
  }
}



.header-border-left {
    border-left: 1px solid #D8d8d8;
}
.header-icons {

height:4rem;
width:5rem;
padding: 0rem;

border-right:1px solid #D8D8D8;
color: #ccc;
padding-top: 6%;
text-align: center;

}

.header-icons > img{
height:3.5rem;
width:3.5rem;

}

.header-icons:hover {

background-color: #E6E6FA;
cursor: pointer;
}

.header-icons:focus {

  background-color: #E6E6FA;
}

.header-avatar {
height:6rem;
width:7rem;
/*padding-left:1rem;
margin-left: -9px;*/
border-right:1px solid #D8D8D8;
color: #ccc;
/*padding-top: 4px;*/
padding-top: 9px;
text-align: center;
}

.header-avatar:hover{
background-color: #E6E6FA;
}

.header-avatar:focus{
  background-color: #E6E6FA;
   }


@media (max-width: 767px){
.custom-main-header .menu{
  display:inline-block;

}




}

.logo {
background-image: url("../../images/logo__omnivista.svg");
background-repeat: no-repeat;
}

.custom-main-header .logo {
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
display: block;
float: left;
height: 4.5rem;
font-size: 20px;
line-height: 50px;
text-align: left;
/*width: 20rem;*/
width: 18rem;
padding: 0 15px;
font-weight: 300;
overflow: hidden;
margin-left: 1rem;
}

.custom-main-header .app-icons:after{
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;

}

.custom-main-header .app-icons {
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;

border-bottom:  3px solid transparent;
display: block;
float: left;
height: 4.4rem;
font-size: 20px;
line-height: 50px;
text-align: left;
width: 6rem;
/*padding: 0 15px;*/
padding: 6px 15px;
font-weight: 300;
overflow: hidden;
 border-right:1px solid #D8D8D8;
border-left:1px solid #D8D8D8;
color: #ccc;
margin-left: -1.25rem;
}

.custom-main-header .app-icons:hover {
  background-color: #E6E6FA;
  /*color: #ffffff;
  background-color: #199CCD;
  background-image: url(../../images/svg/icon__users--white.svg);
  */
}
.custom-main-header .logo .logo-lg {
display: block;
}
.custom-main-header .logo .logo-mini {
display: none;
}
.custom-main-header .navbar-brand {
color: #fff;
}

.bg-settings{
height:4rem;
width:100%;
background-color:white;
}

.icon-data{
  height:1rem;
  width:1rem;

}


.breadcrumb-item,
.breadcrumb-dot {
  position: relative;
  display: none;
  margin: 0 1.2rem 0 0.5rem;
  padding: 0 0.5rem;
  white-space: nowrap;
  font-size: 1.5rem;
  line-height: 3rem;
  color: #4d5b60;
  background-color: white;
  transition: all ease 0.4s;
}

.breadcrumb-dot {
  display: inline-block;
}

.breadcrumb-panel > ul > li:nth-of-type(-n+2) {
  margin-left: 1rem;
}

.breadcrumb-item::before,
.breadcrumb-dot::before {
  content: "";
  position: absolute;
  border-left: solid 1rem transparent;
  border-top: solid 1.5rem white;
  border-bottom: solid 1.5rem white;
  left: -1rem;
  transition: all ease 0.4s;
}

.breadcrumb-item::after,
.breadcrumb-dot::after {
  content: "";
  position: absolute;
  border-left: solid 1rem white;
  border-top: solid 1.5rem transparent;
  border-bottom: solid 1.5rem transparent;
  right: -1rem;
  transition: all ease 0.4s;
}

.breadcrumb-item+.breadcrumb-item::before {
  content:"";
}

.breadcrumb-item > span {
  max-width: 16vw;
}
.breadcrumb-item:nth-last-child(-n+3) {
  display: inline-block;
}
.breadcrumb-panel > ul >li:first-child:nth-last-child(-n+4) {
  display: none;
}

/* Hover state */

.breadcrumb-item:hover,
.breadcrumb-dot:hover {
  color: #fafafa;
  background-color: #199ccd;
}

.breadcrumb-item:hover::before,
.breadcrumb-dot:hover::before {
  border-top-color: #199ccd;
  border-bottom-color: #199ccd;
}

.breadcrumb-item:hover::after,
.breadcrumb-dot:hover::after {
  border-left-color: #199ccd;
}

/* Media Queries */

@media screen and (min-width: 640px) {
  .breadcrumb-item:nth-last-child(-n+4) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+5) {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .breadcrumb-item:nth-last-child(-n+5) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+6) {
    display: none;
  }
}

@media screen and (min-width: 840px) {
  .breadcrumb-item:nth-last-child(-n+6) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+7) {
    display: none;
  }
}

@media screen and (min-width: 940px) {
  .breadcrumb-item:nth-last-child(-n+7) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+8) {
    display: none;
  }
}

@media screen and (min-width: 1040px) {
  .breadcrumb-item:nth-last-child(-n+8) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+9) {
    display: none;
  }
}

@media screen and (min-width: 1140px) {
  .breadcrumb-item:nth-last-child(-n+9) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+10) {
    display: none;
  }
}

@media screen and (min-width: 1240px) {
  .breadcrumb-item:nth-last-child(-n+10) {
    display: inline-block;
  }
  .breadcrumb-panel > ul > li:first-child:nth-last-child(-n+11) {
    display: none;
  }
}
.breadcrumb-panel {
     background-color: #d1c1ee;
     height:3.5rem;
     margin: 1px;
}

.navigation{
  size: 10px;  
  transform: scale(0.8);  
  margin-left: -1%;
}


.breadcrumb-panel__icon {
     position: relative;
     color: #8561C5;
     background-color: currentColor;
     border-top-left-radius: 2rem;
     border-bottom-left-radius: 2rem;
     margin-right: 1rem;
     width:3rem;
     height: 3rem;
     margin-top: 0.2rem;
     transform: scale(0.8);
}

.breadcrumb-panel__icon::after {
     content: "";
     position: absolute;
     border-left: solid 1rem currentColor;
     border-top: solid 1.5rem transparent;
     border-bottom: solid 1.5rem transparent;
     top: 0;
     right: -1rem;
}
.stdicon {
    width: 2.5rem;
    height: 3rem;
}
.ma0 {
  margin: 0;
  position: absolute;
}