/*================================   Bootstrap 3.0.0 responsive ===============================*/
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container{
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container{
    width: 970px;
  }
}

@media (min-width: 1230px) {
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container{
    width: 1200px;
  }
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.row-m:before,
.row-m:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

.row-m:after,
.row:after {
  clear: both;
}

.form-control, input[type="text"].form-control {
  width: 100%;
  height: 36px;
  padding: 6px 14px;
  font-size: 14px;
  line-height: 1.57142857;
}

#footer,
#footer ul.footer-menu {
  height: auto;
  overflow: visible;
  text-align: left;
 }


@media (min-width: 768px) {
  .container .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  .static-icon.visible-xs {
    display: inline-block!important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    padding: 0;
  }
  .section.project-page {
    padding-top: 0;
  }

  .section.project-page .alert .join-btn  {
    padding-right: 20px;
    padding-left: 20px;
  }
  .project-page .alert .alert-text {
    margin-right: 60px;
  }
  #project-files-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    }
    .table-responsive>.table {
    margin-bottom: 0;
  }
  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }
 }
@media (max-width: 991px) {
  .translation-table .btn-group .btn.alone-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .translation-table .btn-group.open .dropdown-menu {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1229px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1230px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1229px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1230px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}



/*=============================================================================================*/


@media (max-width: 991px) {
  .hidden-xs-sm {
    display: none !important;
  }
  tr.hidden-xs-sm {
    display: none !important;
  }
  th.hidden-xs-sm,
  td.hidden-xs-sm {
    display: none !important;
  }
  .hidden-md-lg {
    display: block !important;
  }
  tr.hidden-md-lg {
    display: table-row !important;
  }
  th.hidden-md-lg,
  td.hidden-md-lg {
    display: table-cell !important;
  } 
}  

@media (min-width: 992px) {
  .hidden-md-lg {
    display: none !important;
  }
  tr.hidden-md-lg {
    display: none !important;
  }
  th.hidden-md-lg,
  td.hidden-md-lg {
    display: none !important;
  }  
  .hidden-xs-sm {
    display: block !important;
  }
  tr.hidden-xs-sm {
    display: table-row !important;
  }
  th.hidden-xs-sm,
  td.hidden-xs-sm {
    display: table-cell !important;
  }
}

[class^="col-"].pull-right,
[class*=" col-"].pull-right {
  float: right;
}

[class^="col-"],
[class*=" col-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.breadcrumb {
  margin-bottom: 20px;
  list-style: none;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}

.breadcrumb > .active {
  color: #999999;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

#wrap, #footer {
  min-width: 320px;
}

.text-muted {
  color: #999999;
}

.text-primary {
  color: #428bca;
}

.text-warning {
  color: #c09853;
}

.text-danger {
  color: #b94a48;
}

.text-success {
  color: #468847;
}

.text-info {
  color: #3a87ad;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.btn-group-justified .btn {
  display: table-cell;
  float: none;
  width: 1%;
}

@media (max-width: 479px) {
  [class^="col-"],
  [class*=" col-"] {
    width: 100%;
  }

  [class^="col-"] + [class^="col-"],
  [class*=" col-"] + [class*=" col-"]{
    margin-top: 15px;
  }

  .section.project-page {
    padding-top: 0;
  }

  .navbar .nav + .nav li.divider-vertical {
    display:none;
  }
  .project-page .title-project {
    margin: 15px 0;
  }

  .project-target-languages .alt-thumbnails {
    margin-top: -5px;
  }

  .project-target-languages .alt-thumbnail {
    width: 100%;
    margin-top: 5px;
  }

  .project-target-languages .language-inner {
    padding: 5px;
  }

  .project-target-languages .language-inner > a {
    float: left;
  }

  .project-target-languages .language-inner .language-inner-text {
    float: left;
    text-align: left;
    padding-left: 20px;
  }

  .translation-table tr td {
    font-size: 0.92em;
  }

  .filter-list-toolbar-width {
    width: 100%;
  }

  .project-page .translation-table {
    table-layout: fixed;
  }

  .translation-table tr td.buttons-set,
  .translation-table tr td.td-file-name .file-name {
    padding-left: 0;
    padding-right: 0;
  }

  .translation-table tr td.buttons-set .btn-group + .btn-group {
    margin-left: 5px;
  }

  .translation-table tr td.buttons-set .btn-group .btn.alone-btn {
    width: 88px;
  }

  #files_path {
    font-size: 0.92em;
  }

  #footer ul.footer-menu {
    text-align: center;
  }

}

@media (min-width: 479px) and (max-width: 991px) {

  .btn-group-justified-sm {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .btn-group-justified-sm .btn {
    display: table-cell;
    float: none;
    width: 1%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
  }
  
  .btn-group-justified-sm .btn + .btn {
    border-left: 1px transparent;
  }  
  
  .btn-group-justified-sm .btn:first-child {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px; 
  }  
  
  .btn-group-justified-sm .btn:last-child {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;  
  }  
}

@media (max-width: 767px) {

  .navbar-static-top .container, 
  .navbar-fixed-top .container, 
  .navbar-fixed-bottom .container {
    width: auto;
    min-width: 290px;
  }

  .navbar .btn-nav {
    white-space: nowrap;
  }

  .navbar .btn-navbar.btn-text {
    padding:10px 5px;
  }
  
  .container {
    width: auto;
    min-width: 290px;
  }
  
  #quick-search-block {
    display: none;
  }
  
  #search-block-mobile {
    display: list-item !important;
  }
  
  .hide-button-text-tn, .hidden-inline-xs {
	  display: none;
	}
  
  li.active span.hide-button-text-tn {
	  display: inline;
	}
  
  li.active div.hide-button-text-tn {
	  display: block;
	}

  .project-page h1,
  .project-page .project_files_header {
    font-size: 18px;
    margin: 0;
    margin-left: 32px;
    line-height: 1.4;
  }

  .project-page h1 {
    line-height: 2;
  }
}

.navbar-inner {
  padding-left: 15px;
  padding-right: 15px;
}

/*!
 * Bootstrap v2.3.2 NAVBAR
 */

@media (max-width: 991px) {
  body {
    padding-top: 0;
  }
  
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
    
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  
  .nav-collapse {
    clear: both;
  }
  
  .nav-collapse .nav {
    float: none;
    /*mod*/
    margin: 0 5px 15px;
    border-top: 4px solid transparent;
    box-shadow: 0 4px 10px -5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 4px 10px -5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 4px 10px -5px rgba(0,0,0,.15);
  }
  
  /*mod*/
  .nav-collapse.in .nav {
    background: #fff;
    border-top: 4px solid #e5e5e5;
  }  
  
  .nav-collapse .nav > li {
    float: none;
  }
  
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    /*mod*/
    padding: 9px 15px;
    line-height: 20px;
    color: #555555;
    margin-bottom: 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  
  .nav-collapse .dropdown-menu li .drop-down-icon a {
    padding: 0 !important;
  }
  
  .nav-collapse .dropdown-menu li .drop-down-icon {
    top: 6px;  
  }
  
  #header-filter-projects {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .nav-collapse .dropdown-menu a.header-filter {
    padding: 0;
    top: 15px;
  }
  
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
 
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0;
    padding: 0px 15px 10px;
    border: none;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    border-top: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 0px;
    margin: 0px;
  }
  
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  
  /*mod*/  
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
    margin: 0 -5px;
  }
  
  .navbar .btn-navbar {
    display: block;
  }
  
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .navbar-hide {
    display: none;
  }
  
  .navbar .nav li.dropdown.open > .dropdown-toggle,
  .navbar .nav li.dropdown.active > .dropdown-toggle, 
  .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #999;
    box-shadow: none;
    color: white;
    text-decoration: none;
    text-shadow: none;
  }
  
  .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  
  .nav-collapse.collapse .nav li.drop-down-btns {
    display: none;
  }
  
}
@media (min-width: 992px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/* retina displays */
@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (   min--moz-device-pixel-ratio: 2),
  screen and (     -o-min-device-pixel-ratio: 2/1),
  screen and (        min-device-pixel-ratio: 2),
  screen and (                min-resolution: 2dppx) {
      
  .static-icon, .static-icon-32:before {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/application-icons/application-icons@2x.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 24px;
    height: 22px;
    width: 22px;
    background-position: 0 5px;
  }
  .static-icon-32 {
    display: block;
    height: 32px;
    width: 32px;
    position: relative;
    background: none;
  }
  .static-icon-32:before {
    content: '';
    display: block;
    background-image: url("/images/application-icons/application-icons32@2x.png");
    position: absolute;
    top:50%;
    left: 50%;
    margin:-11px 0 0 -11px;
  }

  .static-icon-cog,
  .static-icon-cog:before {
    background-position: -1px 50%;
  }

  .static-icon-logout,
  .static-icon-logout:before {
    background-position: -25px 50%;
  }

  .static-icon-mail,
  .static-icon-mail:before {
    background-position: -49px 50%;
  }

  .static-icon-search,
  .static-icon-search:before {
    background-position: -73px 50%;
  }

  .static-icon-lang,
  .static-icon-lang:before {
    background-position: -97px 50%;
  }

  .static-icon-rss,
  .static-icon-rss:before {
    background-position: -121px 50%;
  }

  .static-icon-chat,
  .static-icon-chat:before {
    background-position: -145px 50%;
  }

  .static-icon-squared-cross,
  .static-icon-squared-cross:before {
    background-position: -169px 50%;
  }

  .static-icon-user-settings,
  .static-icon-user-settings:before {
    background-position: -193px 50%;
  }

  .static-icon-users,
  .static-icon-users:before {
    background-position: -217px 50%;
  }

  .static-icon-clock,
  .static-icon-clock:before {
    background-position: -241px 50%;
  }

  .static-icon-folder,
  .static-icon-folder:before {
    background-position: -265px 50%;
  }

  .static-icon-add-folder,
  .static-icon-add-folder:before {
    background-position: -289px 50%;
  }
  
  .static-icon-trash,
  .static-icon-trash:before,
  .static-icon-trash32,
  .static-icon-trash32:before {
    background-position: -313px 50%;
  }

  .static-icon-download,
  .static-icon-download:before {
    background-position: -337px 50%;
  }

  .static-icon-upload-cloud,
  .static-icon-upload-cloud:before,
  .static-icon-upload-cloud32,
  .static-icon-upload-cloud32:before {
    background-position: -361px 50%;
  }

  .static-icon-goggles,
  .static-icon-goggles:before,
  .static-icon-goggles32,
  .static-icon-goggles32:before{
    background-position: -385px 50%;
  }

  .static-icon-chevron-left,
  .static-icon-chevron-left:before {
    background-position: -409px 50%;
  }

  .static-icon-chevron-right,
  .static-icon-chevron-right:before {
    background-position: -433px 50%;
  }

  .static-icon-numbered-list,
  .static-icon-numbered-list:before {
    background-position: -457px 50%;
  }

  .static-icon-add-to-list,
  .static-icon-add-to-list:before {
    background-position: -481px 50%;
  }

  .static-icon-line-graph,
  .static-icon-line-graph:before {
    background-position: -505px 50%;
  }

  .static-icon-area-graph,
  .static-icon-area-graph:before {
    background-position: -529px 50%;
  }

  .static-icon-add-user,
  .static-icon-add-user:before {
    background-position: -553px 50%;
  }

  .static-icon-thumbs-up,
  .static-icon-thumbs-up:before {
    background-position: -577px 50%;
  }
  
  .static-icon-thumbs-down,
  .static-icon-thumbs-down:before {
    background-position: -601px 50%;
  }

  .static-icon-chevron-down,
  .static-icon-chevron-down:before {
     background-position: -625px 50%;
  }

  .static-icon-chevron-up,
  .static-icon-chevron-up:before {
     background-position: -649px 50%;
  }

  .static-icon-eye,
  .static-icon-eye:before {
     background-position: -673px 50%;
  }

  .static-icon-eye-closed,
  .static-icon-eye-closed:before {
     background-position: -697px 50%;
  }

  .static-icon-build-project,
  .static-icon-build-project:before {
    background-position: -721px 50%;
  }

  .static-icon-unsaved-suggestions,
  .static-icon-unsaved-suggestions:before {
    background-position: -745px 50%;
  }

  .static-icon-create-file,
  .static-icon-create-file:before {
    background-position: -769px 50%;
  }

   /* 32px full-size icons */

   .static-icon-cog32,
   .static-icon-download32 {
    background: none;
  }
  .static-icon-cog32:before,
  .static-icon-download32:before {
    width: 32px;
    height: 32px;
    background-size: auto 32px;
    margin: 0;
    left: 0;
    top: 0;
  }

  .static-icon-cog32:before {
    background-position: 0px 50%;
  }
  .static-icon-download32:before {
    background-position: -448px 50%;
  }

}

/*==============================================================================================================*/



@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}