//
// Responsive Tabs
//

$tabs-dropdown-toggle-width: 102px;

.responsive-tabs-container {
  position: relative;

  .responsive-tabs {
    padding-right: $tabs-dropdown-toggle-width;
  }
  
  .tabs-dropdown {
    position: absolute;
    right: 0;
    margin-right: 0!important;

    &.navbar-nav {
      margin: 0 !important;
    }

    @media only screen and (max-width : 767px) {
      .dropdown-menu {
        position: fixed;
        top: 20px; right: 20px; bottom: 20px; left: 20px;
        padding-top: 50px;
        overflow: hidden;
        overflow-y: scroll;

        .dropdown-header {
          position: fixed;
          left: 21px; right: 21px;
          background: #FFF;
          margin-top: -50px;
          padding-top: 18px;
          border-radius: 4px 4px 0 0;
        }

        .close {
          position: absolute;
          top: 14px;
          right: 20px;
        }

        .divider { margin: 0; }
      }
    }

    .dropdown-toggle {
      width: $tabs-dropdown-toggle-width;

      position: relative;
      display: block;
      padding: 10px 15px;

      .count {
        margin-right: 5px;
      }

      .caret {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid;
        margin-left: 0;
        vertical-align: initial;
      }
    }
  }
}