/*2· BARRA DE MENÚ: 
V 2.1.-COLOR DE FONDO: Blanco
v 2.2.-LOGO: Cambiar logo Overon por nombre de producto “PROTEUS” precedido por icono de OVERON (“O”)
2.3.-BOTÓN HOME: Eliminar el botón de Home. Convertir “PROTEUS” en el de Home.
v 2.5.-NOMBRES SECCIONES: Nombres de las secciones en Mayúscula, Negrita (Bold)y Marrón. Centrar en página.Ideal tipografía “Helvetica”.Rollover a naranja.
*/

/*-- HEADER --*/
nav a.navbar-brand{
    color:#6E6259 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(16, 94, 240) !important;;
}

nav.navbar-expand-md.fixed-top.navbar-dark.bg-dark{  
    background-color: white !important;
}

/*-- FOOTER --*/
footer div div div span{background-color:#6E6259; font-weight: bolder; color: white;}
footer div{background-color:#6E6259;}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #6E6259;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited ,.btn-primary:disabled {
    background-color: #ec6f10 !important;
    border-color: #ec6f10;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited .btn-secondary:disabled {
    background-color: #6E6259 !important;
    border-color: #6E6259;
}



.navbar-overon {
    background-color: white !important;
}
.nav-link.show
{
    color: #6E6259;
}

.dropdown-item {
    color: #6E6259;
}

a.nav-link{   
    color:#6E6259;}

a.detail-icon{
    color:#6E6259;
}

.dropdown-header {   
    font-weight: bolder;
}

.page-item.active .page-link {   
    background-color: #6E6259;
    border-color:#6E6259;
}

.page-link{   
    color: #6E6259;  
}


.dropdown-item:hover {
   color: #ec6f10;
}


.card-header {
    color: #6E6259 !important;
 
 }
 .btn-active {
    color: #6E6259 !important;
    background-color: rgba(237,139,0,0.1);
 }

 div.dropdown-menu button:active, div.dropdown-menu a.dropdown-item:active, ul.dropdown-menu li.dropdown-item.cursor-pointer:active{
     background-color:white; 
     border-color:rgb(141, 136, 132);  
     color:#ED8B00
    }
  
    .breadcrumb {
        background-color: rgba(110,98,99,0.1);
    }

    .input-group-text {
        background-color: rgba(237,139,0,0.1);
    }

    .toggle.btn-outline-secondary .toggle-handle {
        background-color:  #6E6259;
        border-color:  #6E6259;
    }

    div.fixed-table-body table thead.thead-default.table-active.thead-dark tr th
    {
        color:white;
        background-color:#6E6259;
    }

    div.ui-layout-resizer{background-color:#6E6259 !important;}


    nav.breadcrumb a{color:#6E6259 !important;}
    
    .bg-secondary {
        background-color: #6e6259!important;
    }

    div.card-signin .card-header {
        color: #ffffff !important;
     
     }

     span.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

  button.navbar-toggler{background-color:#6E6259;}


  .div-textarea-container{
    resize:none;
    height: 185px;
    position:relative;
    padding: 0;
  }

  .textarea-content{
    resize:none;
    height: 183px;
    width:100%;
    padding: 0;
    margin: 0;
    border: 0;
  }

  .div-textarea-control{
    position:absolute;
    bottom:0;
    right: 0px;
    width: 145px;
    font-size: 1rem;
    font-weight: 500;
    height: 40px;
    padding-top: 7px;
    padding-left: 5px;
    background-color: #EC6F10;
    color: #fff;
    box-shadow: 1px 2px 6px;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.15);
  }

  .selected-on-cut td{
    background-color: #dc3545 !important;
  }

  .playlist-block-edit-toggle{
    position:relative; 
    margin-top:10px; 
    margin-bottom:10px;
  }

.audio-item {
  color: #6E6259;
  background-color: transparent;
  border: 0;
  margin-left : 7px;
}

.audio-item:hover, .audio-item:focus {
  color: #ec6f10;
}

.audio-item-pressed {
  color: #ec6f10 !important;
}

.audio-item-warning {
  color: #E3310A;
  border: 0;
  margin-left : 7px;
}

.audio-component {
  z-index: -1;
  display:block;
  position: absolute;
  cursor: pointer;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s , z-index 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  height: 35px;
}

.audio-component-visible {
  z-index: 1 !important;
  opacity: 1 !important;
}

.audio-component::-webkit-media-controls-panel
{
  filter: invert(100%);
  background-color: #ccc5c2;
}

.hr-container {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.hr-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 0 5px;
}

.btn-circle.btn-xl {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border: 0;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border: 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.btn-okta {
  background-color: transparent;
  background-image: url('/img/login/okta.png');
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
}

.btn-microsoft {
  background-color: transparent;
  background-image: url('/img/login/microsoft.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
}