UnitexGramLab/unitexgramlab-org

/*====================================
Menu
====================================*/

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
  padding-left: 0.5em;
  padding-top: 0.1em;
}

.navbar-fixed-top .nav > li.tooltip:after {
  color: #5B585B;
  background: #ffffff;
}

.navbar-fixed-top .nav > li.tooltip:before {
  color: #5B585B;
  border-bottom-color: #ffffff;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  outline: none;
}
@media (min-width: 737px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 737px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block;
    height: auto;
    padding-bottom: 0;
    overflow: visible;
  }
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 737px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 19.5px 15px;
  font-size: 19px;
  line-height: 21px;
  height: 60px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 737px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px; }
}

    .navbar-toggle {
        position: relative;
        float: left;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 13px;
        margin-bottom: 13px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px; }
    .navbar-toggle:focus {
        outline: 0; }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px; }
    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px; }

@media (min-width: 737px) {
    .navbar-toggle {
        display: none; }
}
    
    .navbar-nav {
        margin: 9.75px -15px;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 21px;
    }

@media (min-width: 737px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 19.5px;
        padding-bottom: 19.5px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}

@media (min-width: 737px) {
    .navbar-left {
        float: left;
    }
    .navbar-right {
        float: right;
    }    
}

@media (min-width: 737px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
        .navbar-text.navbar-right:last-child {
            margin-right: 0;
        }
}

    .navbar-default {
        background-color: #48494A;
    }
        .navbar-default .navbar-brand {
            color: white; }
        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: MediumSlateBlue;
            background-color: transparent; }
        .navbar-default .navbar-text {
            color: white; }
        .navbar-default .navbar-nav > li > a {
            border-bottom: medium none;
/*
            font-weight: bold;
*/
            text-transform: uppercase;
            color:white;}
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: rgba(255,255,255,0.8);
            background-color: transparent; }
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            color: white;
            background-color: #f97f4f; }
        .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
            color: white;
            background-color: transparent; }
        .navbar-default .navbar-toggle {
            border-color: #1a242f; }
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #1a242f; }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: white; }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border-color: transparent; }
        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            background-color: #1a242f;
            color: white; }
        .navbar-default .navbar-nav > .active > a {
            background-color: #f97f4f;}    
            

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
        clear: both;
}

@media (min-width: 737px) {
  .navbar-default {
    padding: 1em 0;
    border: 0;
    background-color: transparent;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
  }
  .navbar-default .navbar-brand {
    font-size: 2em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }
  .navbar-default .navbar-nav > .active > a {
  }
  .navbar-default.navbar-shrink {
    padding: 10px 0;
    background-color: #48494A;
  }
  .navbar-default.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}