/// <reference path="defaults" />
/// <reference path="variables_and_mixins" />
@import "../common/colors";
@import "../common/mixins";
@import "../common/media_querys";


.tabs {
  width: 100%;
  height: 100%;
  
  z-index: 9;
  
  
  &.color-primary {
    .tab-navegation-item {
      background: $color-primary;
    }
  }
  
  .tab-navegation {
    height: 48px;
    min-height: 48px;
    z-index: 2;
    
    .tab-title {
      padding: 12px;
    }
    
    .tab-navegation-item {
      min-width: 80px;
      cursor: pointer;
      
      &.active {
        
        .flag {
          display: block;
          width: 100%;
          bottom: 0;
          height: 4px;
          background: #fff;
          
        }
      }
    }
    
  }
  
  //.core-tab-content {
  //
  //  display: none;
  //
  //  &.visible {
  //
  //    display: -webkit-flex !important;
  //    display: flex !important;
  //  }
  //
  //}
  
}