/***********************************

  Style for openCode - Gitlab

  ***********************************/

  body {
    font-family: Helvetica, Arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-size: 13px !important;
    color: #242526;
  }

  /*-------------------------------
  MetaHeader
  -------------------------------*/
  body { padding-top: 34px; }
  #metaheader { position: fixed !important; }
  header.navbar { top: 34px; }


  /*-------------------------------
  Header
  -------------------------------*/
  .navbar-gitlab {
    min-height: 40px;
  }
  .nav-sidebar {
    top: 74px; /* navbar min-height 40px + metamenu height 34px */
  }
  .content-wrapper {
    margin-top: 44px !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.ui-indigo .navbar-gitlab {
    background-color: rgb(7, 71, 166);
  }
  body.ui-indigo .navbar-gitlab .navbar-sub-nav {
    color: #fff;
  }
  .navbar-sub-nav > li > a, 
  .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 400;
  }
  body.ui-indigo .navbar-gitlab .navbar-sub-nav > li > a:hover, 
  body.ui-indigo .navbar-gitlab .participants-more .navbar-sub-nav > li > .btn-link:hover, 
  .participants-more body.ui-indigo .navbar-gitlab .navbar-sub-nav > li > .btn-link:hover, 
  body.ui-indigo .navbar-gitlab .user-list-more .navbar-sub-nav > li > .btn-link:hover, 
  .user-list-more body.ui-indigo .navbar-gitlab .navbar-sub-nav > li > .btn-link:hover, 
  body.ui-indigo .navbar-gitlab .navbar-sub-nav > li > a:focus, 
  body.ui-indigo .navbar-gitlab .navbar-nav > li > a:hover, 
  body.ui-indigo .navbar-gitlab .participants-more .navbar-nav > li > .btn-link:hover, 
  .participants-more body.ui-indigo .navbar-gitlab .navbar-nav > li > .btn-link:hover, 
  body.ui-indigo .navbar-gitlab .user-list-more .navbar-nav > li > .btn-link:hover, 
  .user-list-more body.ui-indigo .navbar-gitlab .navbar-nav > li > .btn-link:hover, 
  body.ui-indigo .navbar-gitlab .navbar-nav > li > a:focus {
    color: rgba(255,255,255,.75);
    background-color: rgba(209,209,240,0);
  }
  body.ui-indigo .navbar .title > a:hover, 
  body.ui-indigo .navbar .participants-more .title > .btn-link:hover, 
  .participants-more body.ui-indigo .navbar .title > .btn-link:hover, 
  body.ui-indigo .navbar .user-list-more .title > .btn-link:hover, 
  .user-list-more body.ui-indigo .navbar .title > .btn-link:hover, 
  body.ui-indigo .navbar .title > a:focus {
    color: rgba(255,255,255,.75);
    background-color: rgba(209,209,240,0);
  }
  body.ui-indigo .navbar-gitlab .navbar-sub-nav > li.active > a, 
  body.ui-indigo .navbar-gitlab .navbar-sub-nav > li.dropdown.show > a, 
  body.ui-indigo .navbar-gitlab .navbar-nav > li.active > a, 
  body.ui-indigo .navbar-gitlab .navbar-nav > li.dropdown.show > a  {
    color: rgba(255,255,255,.75);
    background: none;
  }

  body.ui-indigo .navbar-gitlab .nav > li.active > a:hover svg, body.ui-indigo .navbar-gitlab .participants-more .nav > li.active > .btn-link:hover svg, .participants-more body.ui-indigo .navbar-gitlab .nav > li.active > .btn-link:hover svg, body.ui-indigo .navbar-gitlab .user-list-more .nav > li.active > .btn-link:hover svg, .user-list-more body.ui-indigo .navbar-gitlab .nav > li.active > .btn-link:hover svg, body.ui-indigo .navbar-gitlab .nav > li.dropdown.show > a:hover svg, body.ui-indigo .navbar-gitlab .participants-more .nav > li.dropdown.show > .btn-link:hover svg, .participants-more body.ui-indigo .navbar-gitlab .nav > li.dropdown.show > .btn-link:hover svg, body.ui-indigo .navbar-gitlab .user-list-more .nav > li.dropdown.show > .btn-link:hover svg, .user-list-more body.ui-indigo .navbar-gitlab .nav > li.dropdown.show > .btn-link:hover svg {
    fill: #49515C;
  }

  /* Metaheader */
  #metaheader #metaheader-nav ul.metaheader-menu > li > a:active, #metaheader #metaheader-nav ul.metaheader-menu > li > a:hover {
    box-shadow: none;
  }
  /* Fix sidebar sub-items top position based on metaheader style injection */
  .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items {
    top: 0px;
  }
  .fullscreen-layout > #js-peek, .fullscreen-layout > .navbar-gitlab {
    margin-top: 34px;
  }

  /* Breadcrumbs - top section */
  .breadcrumbs {
    min-height: 34px;
  }
  .breadcrumbs-list {
    line-height: 1.5;
  }
  .breadcrumbs-links .avatar-tile {
    display: none; /* Hide project icons in breadcrumbs */
  }
  .tree-holder .nav-block .repo-breadcrumb li:last-of-type a {
    color: #2e2e2e;
  }


  /*-------------------------------
  Sidebar Left
  -------------------------------*/
  .nav-sidebar {
    background-color: rgb(244, 245, 247);
    box-shadow: none;
  }
  .sidebar-top-level-items > li.active {
    background: none;
  }
  .sidebar-sub-level-items > li.active a, .sidebar-sub-level-items > li.active a:hover, 
  .sidebar-sub-level-items > li.active .participants-more .btn-link:hover, 
  .participants-more .sidebar-sub-level-items > li.active .btn-link:hover, 
  .sidebar-sub-level-items > li.active .user-list-more .btn-link:hover, 
  .user-list-more .sidebar-sub-level-items > li.active .btn-link:hover, 
  .sidebar-sub-level-items > li.active a:focus,
  .sidebar-top-level-items > li.active > a:hover, 
  .participants-more .sidebar-top-level-items > li.active > .btn-link:hover, 
  .user-list-more .sidebar-top-level-items > li.active > .btn-link:hover, 
  .sidebar-top-level-items > li.is-over > a {
    background-color: rgba(9, 30, 66, 0.04);
  }

  body.ui-indigo .nav-sidebar li.active {
    box-shadow: inset 4px 0 0 #e36209;;
  }
  body.ui-indigo .nav-sidebar li.active > a {
    color: #24292e;
  }
  body.ui-indigo .nav-sidebar li.active svg {
    fill: #24292e;
  }
  .nav-sidebar li a {
    color: #586069;
  }

  body.ui-indigo .nav-links li.active a, body.ui-indigo .nav-links li a.active {
    border-bottom: 2px solid #0366d6;
  }


  /*-------------------------------
  Sidebar Right
  -------------------------------*/
  .right-sidebar {
    font-size: 12px;
    background: #fff;
    border: 0;
    top: 74px;
  }
  .right-sidebar .block {
    border-bottom: 1px solid #e6ebf1;
  }

  /* Project info container */
  .project-home-panel .project-avatar, 
  .project-home-panel .group-avatar, 
  .group-home-panel .project-avatar, 
  .group-home-panel .group-avatar {
    float: left;
    margin: 8px 10px 0 0;
  }
  /* Project square icon */
  .project-home-panel .project-avatar {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    flex-basis: 48px;
  }
  .project-home-panel .project-avatar-container {
    border-radius: 4px;
  }
  .project-home-panel .project-header .avatar-container {
      border-radius: 4px;
  }
  .project-home-panel .project-header .avatar-container .avatar {
      line-height: 46px;
  }


  .project-home-panel .project-title, 
  .project-home-panel .group-title, 
  .group-home-panel .project-title, 
  .group-home-panel .group-title,
  .project-home-panel .project-home-desc, 
  .project-home-panel .group-home-desc, 
  .group-home-panel .project-home-desc, 
  .group-home-panel .group-home-desc {
    text-align: left;
    margin-left: 0;
  }
  .project-home-panel .project-title {
      margin-left: 10px !important;
  }
  .project-home-desc {
    font-size: 16px;
    max-width: 85%;
  }
  .project-repo-buttons, .group-buttons {
    text-align: left !important;
  }
  .content-wrapper .container-fluid {
    clear: both;
  }

  .project-license .btn,
  .project-license .btn:hover {
    background: #fff;
  }

  .sidebar-top-level-items > li.is-showing-fly-out .sidebar-sub-level-items {
    box-shadow: 0 3px 12px rgba(27,31,35,.15),0 0 1px rgba(27,31,35,.2);
    border-radius: 3px;
  }
  .s36.avatar, .avatar {
    width: 40px;
    height: 40px;
  }

  /* Stats menu github tags clone v2 */
  .container-fluid.container-limited.project-stats .nav .nav-link.stat-link {
    font-weight: 600;
    color: #24292e;
    padding: 5px 9px;
    margin: 0 0 0.5em 0;
    white-space: nowrap;
    /*background-color: #eff3f6;*/
    background-color: #1f75cb;
    /*background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%);*/
    border: 1px solid rgba(27,31,35,.2);
    border-radius: 3px;
  }
  .container-fluid.container-limited.project-stats .nav .nav-link.stat-link:hover {
    color: #24292e;
    text-decoration: none;
    /*background-color: #e6ebf1;*/
    background-color: #1f75cb;
    /*background-image: linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);*/
    background-position: -.5em;
    border-color: rgba(27,31,35,.35);
  }
  .project-stats, .project-home-panel, .group-home-panel {
    border-bottom: 0;
  }
  .project-stats .justify-content-center {
    justify-content: left !important;
  }
  .project-stats .nav > li:not(:last-child) {
    margin-right: 6px;
  }

  .project-home-panel .project-metadata {
    font-size: 12px;
    margin-left: 10px; /* left align with title */
  }

  .project-stats .nav .stat-text {
    font-size: 12px;
    color: #707070;
    padding: 6px;
  }


  /*-------------------------------
  Buttons
  -------------------------------*/
  .btn, 
  .dropdown-toggle, 
  .dropdown-menu-toggle {
    font-size: 12px;
    font-weight: 600;
    color: #24292e;
    background-color: #eff3f6;
    /*background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);*/
    border: 1px solid rgba(27,31,35,.2);
  }
  .btn:hover, 
  .btn:focus, 
  .dropdown-toggle:hover, 
  .dropdown-menu-toggle:hover {
    background-color: #e6ebf1;
    background-image: linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
    background-position: -.5em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.5) inset;
    border-color: rgba(27,31,35,.35);
  }

  .btn:focus, 
  .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,0.25);
  }
  .btn svg {
    width: 14px;
    height: 14px;
  }

  .btn.btn-success, 
  .btn.btn-new, 
  .btn.btn-create, 
  .btn.comment-btn, 
  .btn.btn-save {
    background-color: rgb(26, 170, 85);
    border-color: rgb(22, 143, 72);
    background-image: none;
    color: #fff;
  }

  .btn.btn-success:hover, 
  .btn.btn-success:focus, 
  .btn.btn-new:hover, 
  .btn.btn-new:focus, 
  .btn.btn-create:hover, 
  .btn.comment-btn:hover, 
  .btn.btn-create:focus, 
  .btn.comment-btn:focus, 
  .btn.btn-save:hover, 
  .btn.btn-save:focus {
    background-color: #168f48;
    border-color: #12753a;
    background-image: none;
    color: #fff;
    box-shadow: 0 0 1px 1px rgba(31, 207, 103, .5) inset;
  }

  /* Green success-invert button same as success-normal button
  .btn.btn-inverted.btn-success {
    font-size: 12px;
    font-weight: 600;
    background-color: rgb(26, 170, 85) !important;
    border-color: rgb(22, 143, 72) !important;
    background-image: none !important;
    color: #fff !important;
    }
  .btn.btn-inverted.btn-success svg, .btn.btn-inverted.btn-success .fa {
    color: #fff !important;
    fill: #fff;
  }
  .btn.btn-inverted.btn-success:hover {
    background-color: #168f48 !important;
    border-color: #12753a !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 0 1px 1px rgba(31, 207, 103, .5) inset !important;
  }
  .btn.btn-inverted.btn-success:active {
    color: #fff;
    background-color: #137e3f;
    border-color: #127339;
  }
  .btn-create[disabled], .comment-btn[disabled], .btn-success[disabled] {
    background-color: rgb(26, 170, 85) !important;
    border-color: rgb(22, 143, 72) !important;
    background-image: none !important;
    color: #fff !important;
  }
  .btn-create[disabled]:hover,
  .btn-create [disabled]:focus,
  .comment-btn[disabled]:hover, 
  .comment-btn[disabled]:focus,
  .btn-success[disabled]:hover,
  .btn-success[disabled]:focus {
    background-color: #168f48 !important;
    border-color: #12753a !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 0 1px 1px rgba(31, 207, 103, .5) inset !important;
  }
  .comment-type-dropdown .dropdown-toggle[disabled] i, 
  .comment-type-dropdown [disabled].dropdown-menu-toggle i {
    color: #fff !important;
  }
  # Align dropdown arrow
  .issuable-close-dropdown .dropdown-toggle > .icon, 
  .issuable-close-dropdown .dropdown-menu-toggle > .icon {
    padding-top: 3px;
  }
  */

  /* Orange: close-invert button changed to Grey nprmal button */
  .btn.btn-close,
  .btn.btn-close-color {
    font-size: 12px;
    font-weight: 600;
    color: #24292e;
    background-color: #eff3f6;
    background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
    border: 1px solid rgba(27,31,35,.2);
  }
  .btn.btn-close:hover,
  .btn.btn-close-color:hover,
  .btn.btn-close:active,
  .btn.btn-close-color:active,
  .btn.btn-close:focus,
  .btn.btn-close-color:focus {
    color: #24292e;
    background-color: #e6ebf1;
    background-image: linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
    background-position: -.5em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.5) inset;
    border-color: rgba(27,31,35,.35);
  }
  .btn.btn-close:focus,
  .btn.btn-close-color:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0,123,255,0.25);
  }
  .btn.btn-close > .icon,
  .btn.btn-close-color > .icon,
  .btn.btn-close:hover > .icon,
  .btn.btn-close-color:hover > .icon,
  .btn.btn-close:focus > .icon,
  .btn.btn-close-color:focus > .icon,
  .btn.btn-close:active > .icon,
  .btn.btn-close-color:active > .icon {
  color: #6a737d;
  }


  /* Remove default button gradient */
  .landing .dismiss-button,
  .btn.btn-success,
  .btn.btn-new,
  .btn.btn-create,
  .btn.comment-btn,
  .btn.btn-save,
  .btn.btn-inverted.btn-success,
  .btn.btn-inverted.btn-new,
  .btn.btn-inverted.btn-create,
  .btn.btn-inverted.comment-btn,
  .btn.btn-inverted.btn-save,
  .btn.btn-inverted.btn-remove, 
  .btn.btn-inverted.btn-primary,
  .btn.btn-inverted.btn-info, 
  .btn.btn-info,
  .btn.btn-primary,
  .btn.btn-register,
  .btn.btn-warning, 
  .btn.btn-close,
  .btn.btn-close-color, 
  .btn.btn-spam, 
  .btn.btn-danger,
  .btn.btn-remove,
  .btn.btn-red, 
  .btn-transparent,
  .btn-static, 
  .btn-inverted-secondary, 
  .btn-link, 
  .btn-link.btn-secondary-hover-link, 
  .btn-link.btn-primary-hover-link, 
  .btn-missing,
  .project-stats .nav .btn-missing, 
  .btn-svg,
  .btn-primary, 
  .btn-secondary, 
  .btn-success, 
  .btn-info, 
  .btn-warning, 
  .btn-danger, 
  .btn-light, 
  .btn-dark {
    background-image: none;
  }

  .btn.btn-info:hover, 
  .btn.btn-primary:hover, 
  .btn.btn-register:hover, 
  .btn.btn-inverted.btn-remove:hover,
  .btn.btn-danger:hover, 
  .btn.btn-remove:hover, 
  .btn.btn-red:hover, 
  .btn.btn-warning:hover,
  .btn-primary:hover, 
  .btn-secondary:hover, 
  .btn-success:hover, 
  .btn-info:hover, 
  .btn-warning:hover, 
  .btn-danger:hover, 
  .btn-light:hover, 
  .btn-dark:hover {
    box-shadow: 0 0 1px 1px rgba(255,255,255,.2) inset;
  }

  /* Buttons icons colors */
  .project-repo-buttons .btn .fa, 
  .group-buttons .btn .fa,
  .project-repo-buttons .btn svg, 
  .group-buttons .btn svg,
  .tree-holder .nav-block .btn .fa, 
  .tree-holder .nav-block .btn svg,
  .commit-sha-group .fa-clipboard {
    color: #6a737d;
  }

  /* Count buttons */
  .project-repo-buttons .count-buttons .count-with-arrow .arrow {
    display: none;
  }
  .project-repo-buttons .count-buttons .count-with-arrow .count {
    font-size: 12px;
    line-height: 20px;
    padding: 3px 14px;
    margin: 0 10px 0 0;
    border-left: 0;
  }
  .project-repo-buttons .count-with-arrow, 
  .group-buttons .count-with-arrow {
    margin-left: 0;
  }
  .project-repo-buttons .count-buttons .count-badge-button, 
  .group-buttons .count-buttons .count-badge-button {
    border: 1px solid rgba(27,31,35,.2);
  }

  /* Download green button
  .project-action-button .btn, .project-action-button .dropdown-toggle, 
  .project-action-button .dropdown-menu-toggle {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #28a745;
    background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
    border-color: rgba(27,31,35,.2);
  }
  */
  /*
  .project-action-button .btn svg, .project-action-button .btn .fa {
    color: #fff !important;
    fill: #fff;
  }
  .project-action-button .btn:hover, .project-action-button .dropdown-toggle:hover, 
  .project-action-button .dropdown-menu-toggle:hover {
    box-shadow: 0 1px 2px 0px rgba(0,0,0,.2) inset;
    border-color: rgba(27,31,35,.45);
  }
  .project-action-button .btn:active, .project-action-button .dropdown-toggle:active, 
  .project-action-button .dropdown-menu-toggle:active {
    box-shadow: 0 1px 2px 0px rgba(0,0,0,.2) inset;
    border-color: rgba(27,31,35,.45);
  }
  */

  /*-------------------------------
  Dropdown toggle
  -------------------------------*/
  .dropdown-menu li a:not(.disable-hover):hover, 
  .dropdown-menu li .participants-more .btn-link:not(.disable-hover):hover, 
  .participants-more .dropdown-menu li .btn-link:not(.disable-hover):hover, 
  .dropdown-menu li .user-list-more .btn-link:not(.disable-hover):hover, 
  .user-list-more .dropdown-menu li .btn-link:not(.disable-hover):hover, 
  .dropdown-menu li a:active, .dropdown-menu li a:focus, 
  .dropdown-menu li a.is-focused, 
  .dropdown-menu li button:not(.disable-hover):hover, 
  .dropdown-menu li button:active, .dropdown-menu li button:focus, 
  .dropdown-menu li button.is-focused, 
  .dropdown-menu li .menu-item:not(.disable-hover):hover, 
  .dropdown-menu li .menu-item:active, 
  .dropdown-menu li .menu-item:focus, 
  .dropdown-menu li .menu-item.is-focused, 
  .dropdown-menu-nav li a:not(.disable-hover):hover, 
  .dropdown-menu-nav li .participants-more .btn-link:not(.disable-hover):hover, 
  .participants-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover, 
  .dropdown-menu-nav li .user-list-more .btn-link:not(.disable-hover):hover, 
  .user-list-more .dropdown-menu-nav li .btn-link:not(.disable-hover):hover, 
  .dropdown-menu-nav li a:active, .dropdown-menu-nav li a:focus, 
  .dropdown-menu-nav li a.is-focused, 
  .dropdown-menu-nav li button:not(.disable-hover):hover, 
  .dropdown-menu-nav li button:active, .dropdown-menu-nav li button:focus, 
  .dropdown-menu-nav li button.is-focused, 
  .dropdown-menu-nav li .menu-item:not(.disable-hover):hover, 
  .dropdown-menu-nav li .menu-item:active, 
  .dropdown-menu-nav li .menu-item:focus, 
  .dropdown-menu-nav li .menu-item.is-focused {
    background-color: #0366d6;
    background-image: none;
    color: #fff;
    outline: 0;
    text-decoration: none;
    box-shadow: none;
  }
  .dropdown-menu, .dropdown-menu-nav {
    padding: 4px 0;
  }
  .dropdown-menu li, .dropdown-menu-nav li {
    padding: 0 4px;
  }

  .dropdown-menu ul, .dropdown-menu-nav ul {
    padding: 2px 10px;
  }
  .dropdown-menu li a, .dropdown-menu li button, 
  .dropdown-menu li .menu-item, 
  .dropdown-menu-nav li a, 
  .dropdown-menu-nav li button, 
  .dropdown-menu-nav li .menu-item {
    border-radius: 3px;
    margin: 2px 0;
  }

  a:hover .dropdown-menu-inner-title,
  a:hover .dropdown-menu-inner-content {
    color: #fff;
  }

  .dropdown-menu-toggle .fa-chevron-down, 
  .dropdown-menu-toggle .fa-spinner {
    top: 10px;
    right: 8px;
  }

  .project-refs-form .dropdown-menu, .dropdown-menu-projects {
    width: 300px;
  }
  .dropdown-menu {
    padding: 0 0 2px 0;
  }
  .dropdown-menu, .dropdown-menu-nav {
    border: 1px solid #c9c9c9;
    box-shadow: 0 3px 12px rgba(27,31,35,.15);
  }
  .dropdown-title {
    font-size: 11px;
    text-align: left;
    padding: 10px;
    margin: 0;
    background: #eee;
  }
  .dropdown-menu-close {
    top: 5px;
  }

  .dropdown-input {
    padding: 4px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: #eee;
  }
  .dropdown-input .fa, .dropdown-input .input-icon {
    top: 14px;
    right: 14px;
  }
  .dropdown-menu .dropdown-header, .dropdown-menu-nav .dropdown-header { 
    padding: 4px 10px; 
    font-size: 12px;
  }
  .dropdown-menu ul, .dropdown-menu-nav ul {
    padding: 2px 0;
  }


  /*-------------------------------
  Forms and fields
  -------------------------------*/
  .git-clone-holder .form-control, 
  .git-clone-holder .search form, 
  .search .git-clone-holder form,
  .clipboard-group .label, 
  .clipboard-group .btn, 
  .commit-sha-group .label, 
  .commit-sha-group .btn,
  .project-repo-buttons .count-buttons .count-badge-count, 
  .group-buttons .count-buttons .count-badge-count {
    border-color: rgba(27,31,35,.2);
  }


  /*-------------------------------
  Search and login - Header
  -------------------------------*/
  body.ui-indigo .search form {
    background-color: rgba(255,255,255,0.15);
  }
  body.ui-indigo .search .location-badge {
    color: rgba(255,255,255,.5);
    border-right: 1px solid rgba(255,255,255,.15);
  }
  body.ui-indigo .search .search-input::placeholder {
    color: rgba(255,255,255,.5);
  }
  .nav .dropdown-toggle:hover, 
  .nav .dropdown-menu-toggle:hover {
    background: none !important;
    box-shadow: none;
  }

  .btn.btn-sign-in {
    background: rgb(7,71,166) !important;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }
  .btn.btn-sign-in:hover,
  .btn.btn-sign-in:focus {
    color: rgba(255,255,255,.75);
    box-shadow: none;
  }

  body.ui-indigo .navbar-gitlab .container-fluid .navbar-toggler {
    border-left: 1px solid #3f4348;
  }


  /*-------------------------------
  Table
  -------------------------------*/
  table.table tr th, 
  .file-holder table tr th, 
  .wiki table tr th, .md table tr th, 
  ul.notes > li .note-body .note-text table tr th {
    color: #586069;
  }

  /*** Hide table head and merge table with info-well ***/
  .info-well {
    margin-bottom: 12px;
    color: #586069;
    background-color: #f1f8ff;
  }
  table.table thead {
    color: #586069;
    border: 1px solid #dfe2e5;
  }
  table.table thead tr {
    border-radius: 3px;
    border-collapse: separate;
  }
  .tree-holder .tree-table {
    border: 1px solid #dfe2e5;
  }

  .tree-holder .tree-table tr {
    border-bottom: 1px solid #dfe2e5;
  }
  .tree-holder .tree-table tr:hover:not(.tree-truncated-warning) td {
    background-color: #f6f8fa;
    border-top: 1px solid rgba(34,36,38,.1);
    border-bottom: 1px solid rgba(34,36,38,.1);
  }
  table.table tr td, 
  .file-holder table tr td, 
  .wiki table tr td, 
  .md table tr td, 
  ul.notes > li .note-body .note-text table tr td {
    border-color: rgba(34,36,38,.1);
  }
  table.table tr td, 
  .file-holder table tr td, 
  .wiki table tr td, 
  .md table tr td, 
  ul.notes > li .note-body .note-text table tr td, 
  table.table tr th, 
  .file-holder table tr th, 
  .wiki table tr th, 
  .md table tr th, 
  ul.notes > li .note-body .note-text table tr th {
    padding: 7px 16px;
  }

  /* Fix tooltip display */
  .tree-holder .tree-table tr td, .tree-holder .tree-table tr th {
    line-height: 22px;
  }

  /* Tree file icon */
  .tree-holder .tree-item .tree-item-file-name i {
    color: rgba(3,47,98,0.5) !important;
  }
  .tree-holder .tree-item .tree-item-file-name a {
    color: #0366d6;
  }
  .tree-holder .tree-commit .tree-commit-link {
    color: #6a737d;
  }
  .tree-holder .tree-commit .tree-commit-link:hover {
    color: #0366d6;
  }

  /* ReadMe container */
  .file-holder .file-title {
    background-color: #f6f8fa;
    border-bottom: 1px solid #e5e5e5;
  }
  .file-holder .file-content.wiki {
    font-size: 16px;
    line-height: 1.2;
  }


  /*-------------------------------
  Activity list and Activities
  -------------------------------*/
  ul.content-list li a {
    color: #444d56;
  }
  .event-inline.event-item, 
  .event-block.event-item {
    font-size: 12px;
    color: #444d56;
  }

  .event-item a {
    color: #444d56;
  }

  .commit-sha {
    color: #0366d6 !important;
  }

  .event-item .event_commits li.commit .commit-row-title,
  .commits-stat span, .commits-stat a {
    font-size: 12px;
  }
  .commits-stat a {
    font-weight: 600;
  }

  .commit-sha, 
  .gfm-commit, 
  .gfm-commit_range, 
  .ref-name, 
  .git-revision-dropdown .dropdown-content ul li a, 
  .mr-state-widget .label-branch {
    font-size: 100%;
  }

  .nav-links li a {
    color: #586069;
  }
  .activities {
    margin-top: 12px;
  }
  .activities .nav-block.activities {
    padding: 0 8px 0 10px;
    border: 1px solid #e1e4e8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #f6f8fa;
  }
  .event-item,
  .event-item:last-child {
    padding: 10px 10px 10px 50px;
    border-bottom: 1px solid #e1e4e8;
    border-left: 1px solid #e1e4e8;
    border-right: 1px solid #e1e4e8;
  }
  .overview-content-list .event-item:nth-of-type(2),
  .content_list .event-item:nth-of-type(1) {
    border-top: 1px solid #e1e4e8;
  }
  .content_list {
    margin-top: -1px;
  }
  .event-item .system-note-image {
    left: 10px;
  }
  .event-block.event-item:hover,
  .event-inline.event-item:hover {
    background: #f6f8fa;
  }
  .event-block.event-item .event-title,
  .event-inline.event-item .event-title {
    font-size: 15px;
  }
  .event-body,
  .event-item .event-body .event-note p {
    font-size: 12px;
  }
  .event-body .commit,
  .event-block.event-item,
  .event-item .event-body .event-note p {
    color: #586069;
  }
  .event-title a:hover {
    color: #0366d6;
  }
  .event-body .commit-sha {
    color: #586069 !important;
  }
  .event-body .commit-sha:hover {
    color: #0366d6 !important;
  }


  /*-------------------------------
  Projects list
  -------------------------------*/
  .js-projects-list-holder .projects-list h3 {
    font-size: 16px;
    color: #0366d6;
    font-weight: 400;
  }
  .js-projects-list-holder .projects-list h3 a {
    color: #0366d6;
  }
  .js-projects-list-holder .projects-list h3 .namespace-name {
    font-weight: 400;
  }
  .js-projects-list-holder .projects-list h3 .project-name {
    font-weight: 600;
  }
  .js-projects-list-holder .projects-list .description {
    color: #586069;
    max-width: 80%;
    margin-top: 8px;
  }
  .js-projects-list-holder .projects-list .project-row {
    padding: 32px;
    border: 1px solid #ddd;
    margin: 4px 0;
    border-radius: 3px;
  }
  .overview-content-list .js-projects-list-holder .projects-list .project-row:first-of-type {
    margin-top: 0;
  }
  .overview-content-list .js-projects-list-holder .projects-list .project-row:last-of-type {
    margin-bottom: 0;
  }
  .js-projects-list-holder .projects-list .project-row:hover {
    background: #f6f8fa;
  }
  .projects-list .project-row .avatar-container {
    border-radius: 4px;
  }


  /*-------------------------------
  Commits list
  -------------------------------*/
  #commits-list .commit-header {
    padding: 10px;
    margin-top: 8px;
    border: 1px solid #e1e4e8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #f6f8fa;
  }
  #commits-list .commits-row .commit-list .commit {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #e1e4e8;
    border-left: 1px solid #e1e4e8;
    border-right: 1px solid #e1e4e8;
  }
  #commits-list .commits-row .commit-list .commit:hover {
    background: #f6f8fa;
  }
  #commits-list .commits-row .commit-list .commiter,
  #commits-list .commits-row .commit-list .commit-author-link,
  #commits-list .commits-row .commit-list .js-timeago,
  #commits-list ul.content-list li {
    color: #586069;
  }
  #commits-list .commits-row .commit-list .commit-author-link:hover,
  #commits-list .commits-row .commit-list .item-title:hover {
    color: #0366d6;
  }


  /*-------------------------------
  Issues details page
  -------------------------------*/
  /* Issues details page */
  .layout-page.page-gutter.page-with-contextual-sidebar.right-sidebar-expanded .content-wrapper {
    max-width: 95%;
    margin: 0 auto;
  }
  .detail-page-header {
    border-bottom: 0;
  }

  /* First comment */
  .detail-page-description {
    padding: 0; /* add padding to inner elements */
  }

  .content-block {
    border: 1px solid #d1d5da;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .issue-box .issue-title-text {
    font-size: 16px;
  }
  .issue-box .issuable-info {
    font-size: 12px;
  }

  .issuable-details .title-container {
    color: #586069;
    background-color: #f6f8fa;
    border-bottom: 1px solid #d1d5da;
    padding: 10px 15px;
  }
  .issuable-details .title {
    margin-bottom: 0;
  }
  .detail-page-description .description {
    margin: 0;
    padding: 15px 10px;
  }
  .detail-page-description .edited-text {
    margin: 0 10px;
  }
  .related-issues-block {
    margin: 10px 0 0 0;
  }
  .related-issues-block .card-slim {
    margin: 0 10px 10px;
  }
  .issuable-details .emoji-block {
    padding: 6px 10px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d1d5da;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  /* Comments */
  ul.notes > li .timeline-entry-inner {
    border: 1px solid #d1d5da;
    border-radius: 3px;
    margin: 15px 0;
    padding: 0; /* add padding to inner elements */
  }
  .detail-page-description .title {
    font-weight: 400;
  }
  .timeline-content .note-header {
    color: #586069;
    background-color: #f6f8fa;
    border-bottom: 1px solid #d1d5da;
    padding: 10px 15px;
  }
  .timeline-content .note-header-info{
    padding-bottom: 0;
  }
  .timeline-content .note-body {
    padding: 15px 10px;
  }

  ul.notes .system-note .timeline-content {
    position: relative;
    margin-left: 0;
  }
  ul.notes .system-note .note-header-info {
    padding: 0 0 10px 20px;
  }
  ul.notes .system-note .timeline-icon {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
  }

  /*-------------------------------
  Issues Notes
  -------------------------------*/
  /* Shift comments right, keep user icon left */
  .notes.timeline > .timeline-entry.note.note-wrapper,
  .notes.timeline > .timeline-entry.note-form {
    margin-left: 0px;
  }
  .notes.timeline > .timeline-entry.note.system-note.note-wrapper {
    margin-left: 10px;
  }

  .notes.timeline > .timeline-entry.note.note-wrapper .timeline-entry-inner .timeline-icon {
    margin-left: -55px;
  }

  .notes.timeline > .timeline-entry.note.system-note.note-wrapper .timeline-entry-inner .timeline-icon {
    margin-left: -36px;
  }

  ul.notes .system-note .note-header-info {
    padding: 0 0 10px 0;
  }

  /* notes list left align */
  ul.notes > li {
    padding-left: 0px;
  }

  /* Align vertical line */
  .issuable-discussion .main-notes-list::before {
    left: 20px;
  }

  /* Remove border and padding from notes */
  .notes.timeline > .timeline-entry {
    border: 0;
  }
  .note-wrapper {
    padding: 0;
  }

  /* Remove notes, non-comments style */
  .notes.timeline > .timeline-entry.note.system-note.note-wrapper .timeline-entry-inner {
    border: 0;
    background: transparent;
  }

  .notes.timeline > .timeline-entry.note.system-note.note-wrapper .timeline-entry-inner .timeline-content .note-header {
    border: 0;
    background: transparent;
  }
  .notes.timeline > .timeline-entry.note.system-note.note-wrapper .timeline-entry-inner .timeline-content .note-body {
    padding: 0px 10px;
  }

  /* System notes margin */
  .notes.timeline > .timeline-entry {
    margin: 0;
  }
  .note.system-note.note-wrapper .timeline-entry-inner {
    margin: 3px 0 0 0;
  }
  .notes .system-note {
    padding: 2px 21px;
  }

  /* Timeline content comment form */
  .new-note.common-note-form .md-area {
    padding: 0;
  }
  .new-note.common-note-form .md-header {
    padding: 10px 15px 0;
    background: #f6f8fa;
  }
  .new-note.common-note-form .md-write-holder,
  .md-area .md-preivew-holder {
    padding: 0 15px 10px;
  }
  .md-preview-holder {
    padding: 10px 15px;
  }
  .new-note .float-left {
    float: right !important;
    margin-left: 10px;
    margin-right: 0;
  }
  .new-note .note-form-actions {
    float: right;
  }

  /* Edit comment form */
  .prepend-top-default {
    margin: 0 !important;
  }
  .detail-page-description .common-note-form .md-area {
    margin-bottom: 10px;
    border: 0px;
  }
  .detail-page-description .form-control {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 1px;
  }
  .detail-page-description .append-bottom-default {
    padding: 10px;
  }
  .detail-page-description .append-bottom-default .btn-success {
  float: right !important;
  margin-left: 10px;
  }
  .detail-page-description .append-bottom-default .qa-delete-button {
  margin-right: 10px !important;
  }

  /* New issue form */
  #new_issue .row-content-block.footer-block {
    float: right;
  } 
  #new_issue .row-content-block.footer-block .float-right {
    float: left !important;
  }
  #new_issue .append-right-10 {
    margin-right: 0;
    margin-left: 10px;
    float: left;
  }

  /* Issues list, remove right side meta info */
  .issues-holder .issuable-meta .issuable-updated-at span {
    display: none !important;
  }

  .issuable-info-container .avatar {
    width: 28px;
    height: 28px;
    margin-right: 24px !important;
  }

  /* Issue note - merge request */
  .issuable-details #merge-requests {
    padding: 0 10px;
  }


  /*-------------------------------
  Right sidebar github clone
  -------------------------------*/
  .right-sidebar {
    font-size: 12px;
    background: #fff;
    border: 0;
  }
  .right-sidebar .block {
    border-bottom: 1px solid #e6ebf1;
  }

  /* Project details */
  .container-fluid.container-limited.project-stats .nav .nav-link.stat-link,
  .committer {
    font-size: 12px;    
  }
  .commit-author-link {
    font-weight: 600;
  }
  .text-secondary.prepend-top-8 {
    font-size: 12px;
  }
  .nav-sidebar .context-header .avatar-container {
      border-radius: 4px;
  }


  /*-------------------------------
  User profile page
  -------------------------------*/
  .layout-page {
    overflow-x: hidden;
  }

  .user-profile .cover-block.user-cover-block {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .user-profile .content-block {
    border: 0;
  }
  .projects-list .controls {
    text-align: right;
    font-size: 12px;
    color: #444d56;
  }
  .header-user .btn {
    font-size: 14px;
  }
  .user-profile .content-wrapper .container-fluid,
  .user-profile .container-fluid {
    padding: 0;
  }
  .user-profile .tab-content > .active .row {
    flex-direction: column-reverse;
  }

  .user-profile h4,
  .user-profile h5 {
    font-size: 18px;
    font-weight: 400;
  }
  .user-profile .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .user-profile .user-calendar {
    padding: 10px;
    margin-top: 16px;
    border: 1px solid #e1e4e8;
    border-radius: 3px;
  }
  .user-profile .calendar-block .calendar-hint {
    font-size: 20px;
    position: absolute;
    max-width: 30%;
    right: 7%;
    margin-top: 60px;
    color: #586069;
  }
  .user-profile .calendar-block .calendar-hint.bottom-right {
    font-size: 13px;
    text-align: left;
    position: relative;
    max-width: 100%;
    float: right;
    direction: ltr;
    margin-top: -23px;
    color: #586069;
    right: 0;
  }
  .user-profile .content-block {
    padding-bottom: 0;
  }
  .user-profile .activities-block .event-block .system-note-image {
    margin: 6px 0 0 6px;
  }


  /*-------------------------------
  Login page
  -------------------------------*/
  .navbar-empty {
    height: 54px;
    background: rgb(7, 71, 166);
  }
  .navbar-empty .container {
    max-width: 100%;
  }
  .navbar-empty .mx-auto .tanuki-logo, 
  .navbar-empty .mx-auto img {
    height: 28px;
  }
  .login-page .brand-holder {
    text-align: center;
  }
  .login-page .brand-holder img {
    max-width: 240px;
    margin-bottom: 30px;
    margin: 0 auto;
    display: block;
  }
  .login-page .content .brand-holder h1 {
    font-size: 30px;
    font-weight: 600;
    color: #7994B0;
    line-height: 1.25;
    letter-spacing: -.1rem;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  .login-page .content .brand-holder h2 {
    font-size: 22px;
    font-weight: 300;
    color: #586069;
    line-height: 1.25;
    letter-spacing: -.05rem;
    margin-bottom: 20px;
  }
  .login-page .new-session-forms-container .nav-tabs .nav-link.active, 
  .login-page .new-session-forms-container .nav-tabs .nav-item.show .nav-link {
    background-color: #f6f8fa !important;
    border-bottom: 0;
  }
  .login-page .new-session-forms-container .nav-links {
    border-bottom: 0;
  }

  @media (max-width: 575.98px) {
    .login-page .container .content {
      margin-top: 80px;
    }
  }


  /*-------------------------------
  Selections
  -------------------------------*/
  /* Selection input and textarea */
  input::-moz-selection, 
  textarea::-moz-selection {
    color: #fff;
    background-color: #0366d6;
  }
  /* Selection */
  ::-moz-selection {
    color: #fff;
    background-color: #0366d6;
  }