<commit_before>/* VARIABLES OVERWRITE */
@import 'hpass_variables';

@import '../admin';
@import '../badge';
@import '../core';
@import '../file';
@import '../gallery';
@import '../oauth';
@import '../page';
@import '../social';
@import '../user';
@import 'application';


/* Fonts */

@font-face {
  font-family: 'GTAmerica';
  src: url("/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.eot");
  src: url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.woff2?v=4.3.0') format('woff2'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.woff?v=4.3.0') format('woff'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.ttf?v=4.3.0') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'GTAmerica';
  src: url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.eot');
  src: url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.woff2?v=4.3.0') format('woff2'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.woff?v=4.3.0') format('woff'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.ttf?v=4.3.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}



.logo-image-url{
    width: 155px;
    height: 87px;
    background-image: url("/img/extra/hpass/logo.png");

}

.logo-image-icon-url {
    width: 155px;
    height: 87px;
    background-image: url("/img/extra/hpass/logo.png");
}

.system-image-url {
    width: 90px;
    height: 90px;
    background-image: url("/img/extra/hpass/logo_icon.png");
}

.issuedbyobf-image-url{
    width: 195px;
    height: 50px;
    background-image: url("/img/extra/hpass/issuedbyobf.png");
}

.verifiedissuedbyobf-image-url {
    width: 220px;
    height: 44px;
    background-image: url("/img/extra/hpass/verifiedissuedbyobf.png");
}


body.anon{
  background-image: url("/img/extra/hpass/background.jpg");
  background-size: cover;

  @media (max-width: 425px){
    background:none;
    overflow:scroll;
    overflow-x:hidden;
    }


    @media (max-width: 550px){
      .container.main-container {
        padding-right:unset;
        padding-left:unset;
        margin-right:unset;
        margin-left:unset;
        .green-banner{
        margin-bottom:10px;
        }
      }
    }

  #login-page {
    padding-bottom: 2px;
    .login-links {
        margin-top: 20px;
    }
    form {
	text-align: center;
	padding-top:15px;
    }
    .form-group{
	margin-right: auto;
	margin-left: auto;
	max-width: 300px;
    }
}

  a{
      text-decoration: underline;
      font-weight:bold;
      color: $text-color;

  }

  img{
       height: auto;
       width: 100%;
  }

    .container.main-container{
    width:100vw;
    margin-left: 0px;
    padding-left:0px;
  }
  #narrow-panel{
    max-width:568px;
    border-top: none;
    border-bottom: none;
    margin: 0px auto 0 auto;
    border-radius: 0;
  }

  footer.footer {

    .footer-container {
    .text-muted{
      color:#000000;
    }
    border-top:none;
    font-size: 14px;
    }
}

  #reset-password .panel-body form .btn-primary{
  color: $text-color;
  }

}

a#login-button, #login-page .btn-primary, .btn-primary:active:focus, .btn-primary:focus {
    background-color: $titlebar-color;
    border-color: $titlebar-color;
    color: #000000;
    font-weight:bold;
    box-shadow:none;
    &:hover {
        background-color: $login-button-active;
        border-color: $login-button-active;
    }
}

.btn-warning {
    background-color: $menu-active;
    border-color: $menu-active;
    &:hover {
        background-color: lighten($menu-active, 5%);
    }
}

//NAVBAR FIXED TOP
 .navbar-fixed-top {
     margin-right: 80px;
 }

ul.side-links {
    li a {
        font-size: 14px;
        color:#000000;
        text-decoration:none;
    }
    li.active a, li a:hover {
        color: $titlebar-color;
    }
    @media (max-width: 767px){
        li.active a {
            background-color: $titlebar-color;
            color: #FFF;
        }
    }
}

ul.navbar-nav li a{
  text-decoration:none;
}
.media.message-item .media-body a {
    color:$text-color;
    font-weight: bold;
}
.message-item.media h3.media-heading a{
  text-decoration:underline;
}

/*humanitarian leadership academy changes*/


#grid-filter .btn, #buttons .col-xs-8 .btn {
    background:$button-color;
    border-color:$button-color;
    line-height: 19px;
    box-shadow:none;
    color:#000000;
    font-weight: bold;
    &.btn-active {

    }
}

body {

      font-family: "GT America", "Arial", sans-serif;
      background-color: $background-color;
      color: $text-color;

    a{
      color:$text-color;
      text-decoration:underline;
    }

  #badge-info a{

    color:$text-color;
    text-decoration: underline;
  }

  #badge-stats .panel .panel-heading {

    h3{
      color:$text-color;
    }
    a{
      text-decoration:none;
      &:hover{
        color: $titlebar-color;
      }
  }
}

  #page-view .checkbox{
    color:$text-color;
  }
  #page-buttons-share .checkbox label{
    text-decoration:underline;
  }

  #content .uppercase-header {
    color:$text-color;
  }

  .endorsement-link{
  &:before{
    color:$text-color !important;
    }
  }

.pages #grid #add-element #add-element-link, .pages #grid #add-element .add-element-link, #page-gallery #grid #add-element #add-element-link, #page-gallery #grid #add-element .add-element-link, #user-pages #grid #add-element #add-element-link, #user-pages #grid #add-element .add-element-link, #profile-gallery #grid #add-element #add-element-link, #profile-gallery #grid #add-element .add-element-link, #my-files #grid #add-element #add-element-link, #my-files #grid #add-element .add-element-link {
  color:$text-color;
  &:hover {
              color: $link-color;
            }
    }
    .pages #grid {
     #add-element {
        #add-element-icon{
          color:$icon-color;
        }
    }

    .media-bottom a.bottom-link{
      color:$icon-color;
      &:hover {
              color: $text-color;
            }
    }
    .media-content {
      .page-create-date {
        color: $text-color;
      }
    }
  }

  #my-files #grid #add-element .add-element-link {
      color: $link-color;
  }


  .pages #grid .media-content .media-body .media-heading a.heading-link {
      color: $link-color;
      font-weight: bold;
      text-decoration: underline;
  }

  .pages #grid .media-content .media-body .visibility-icon {
    color:$grey;
  }

  #assertion-info th{
    color: $link-color;
  }

  .message-item.media {
    .date {
      color: $text-color;
    }
  }
  .form-bar-success{
    border-color: $titlebar-color;
  }
}

@media (min-width: 768px){
    .navbar-right {
        margin-top:20px;
        float:left !important;
        #secondary-menu-links {
            border:none;
            float: right;
        }
    }
}
ul.navbar-nav {
    margin-top:40px;
    margin-right:10px;
    li a {
        text-transform: none;
        font-weight: 300;
        font-size: 21px !important;
        color:black;
    }
    li.active a {
      border-bottom: 4px solid $titlebar-color;
    }
    @media (max-width: 1120px){
        margin-top:20px;
    }
    @media (max-width: 768px){
        text-align: left;
    }
}
.navbar-collapse{
   width:100%;
}
header#navbar {
    background-image:none;
    min-height: 110px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) !important;
}
.navbar-header {
    padding-top:0px;
    padding-bottom: 5px;
    float:left !important;
    @media (max-width: 767px){
        float:none;
        .logo.pull-left {
            float:left !important;
        }
    }
}
#main-header{
    visibility:hidden;
    float:right !important;
    margin-top:37px;
    width: auto
}

#main-header-right {
  float:right !important;
}

.title-row{
  background-color: $titlebar-color;
    h1 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    padding-bottom:8px;
    }
}
#badge-gallery #grid .grid-container .media-content .media-body .media-heading a, #my-badges #grid .grid-container .media-content .media-body .media-heading a, #export-badges #grid .grid-container .media-content .media-body .media-heading a, .import-badges #grid .grid-container .media-content .media-body .media-heading a, #user-badges #grid .grid-container .media-content .media-body .media-heading a {
    font-weight: 400 !important;
    text-decoration:underline;
    &:hover{
      color:$text-color;
    }
}

#badge-gallery #grid .grid-container .media-bottom .checkbox, #my-badges #grid .grid-container .media-bottom .checkbox, #export-badges #grid .grid-container .media-bottom .checkbox, .import-badges #grid .grid-container .media-bottom .checkbox, #user-badges #grid .grid-container .media-bottom .checkbox {
  color: $text-color;
}

#badge-gallery #grid .grid-container .media-content .media-body .media-recipients, #my-badges #grid .grid-container .media-content .media-body .media-recipients, #export-badges #grid .grid-container .media-content .media-body .media-recipients, .import-badges #grid .grid-container .media-content .media-body .media-recipients, #user-badges #grid .grid-container .media-content .media-body .media-recipients {
  color:$text-color;
}

#badge-gallery #grid .grid-container .media-bottom a.bottom-link i.fa, #badge-gallery #grid .grid-container .media-bottom a.badge-download i.fa, #my-badges #grid .grid-container .media-bottom a.bottom-link i.fa, #my-badges #grid .grid-container .media-bottom a.badge-download i.fa, #export-badges #grid .grid-container .media-bottom a.bottom-link i.fa, #export-badges #grid .grid-container .media-bottom a.badge-download i.fa, .import-badges #grid .grid-container .media-bottom a.bottom-link i.fa, .import-badges #grid .grid-container .media-bottom a.badge-download i.fa, #user-badges #grid .grid-container .media-bottom a.bottom-link i.fa, #user-badges #grid .grid-container .media-bottom a.badge-download i.fa {
  color: $grey;
}

.pages #grid .media-content .media-body .media-heading, #page-gallery #grid .media-content .media-body .media-heading, #user-pages #grid .media-content .media-body .media-heading, #profile-gallery #grid .media-content .media-body .media-heading, #my-files #grid .media-content .media-body .media-heading{
    line-height: 1.2em;
}
.pages #grid .media-content .media-body .media-heading a.heading-link, #page-gallery #grid .media-content .media-body .media-heading a.heading-link, #user-pages #grid .media-content .media-body .media-heading a.heading-link, #profile-gallery #grid .media-content .media-body .media-heading a.heading-link, #my-files #grid .media-content .media-body .media-heading a.heading-link
{
  color: $text-color;
  text-decoration:underline;
  &:hover {
    color: $text-color;
  }
}
button.navbar-toggle {
    position:absolute;
    right:0px;
    margin-top:45px;
}

/*Login Page*/
.login-top-container{
  min-width:100%
}

.green-banner {
  margin:0;
  margin-top:-15px;
  margin-bottom: 50px;
  padding:0;
  background-color: $titlebar-color;
  width: 100vw;
  height: 16px;
}

.login_top{
  max-width:568px;
/*   margin: auto; */
  margin: 0px auto 0 auto;
/*   margin-top: 100px; */
  padding: 5px;
  background-color: #FFF;
  text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;

  hr{
    margin-top:0px;
    height:2px;
    background-color: $titlebar-color;
    width: 150px;
  }
}

.login-bottom{
  max-width:568px;
  margin: 0px auto 0 auto;
  padding-top:0;
  padding-bottom:0;
  background-color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0;
  text-align: center;

  p {
   color: $text-color !important;
  }
  .footer {
    background-color: $titlebar-color;
    height: 27px;
  }
}


.btn-primary {
    background-color: $button-color !important;
    border-color: $button-hover;
    color:$text-color;
    font-weight:bold;
    box-shadow:none;
    &:hover {
        background-color: $button-hover;
        border-color: $button-hover;
    }
}

 .btn-success {
  background-color: $text-color !important;
  border-color:$text-color !important;
  font-weight:bold;
  color:$background-color !important;
   &:hover, &:focus, &:active:hover  {
        background-color: $link-hover !important;
        border-color: $link-hover !important;
/*         box-shadow: 0px 2px $box-shadow; */
    }
}

.btn-warning {
  background-color: $orange-color !important;
  border-color:$orange-color !important;
  font-weight:bold;
}

ul#secondary-menu-links li a i.fa {
   color:$titlebar-color;
}

#my-badges #grid .grid-container .media-content .icons i {
  color:$icon-color;
}
<commit_msg>login-page overflow fix<commit_after>/* VARIABLES OVERWRITE */
@import 'hpass_variables';

@import '../admin';
@import '../badge';
@import '../core';
@import '../file';
@import '../gallery';
@import '../oauth';
@import '../page';
@import '../social';
@import '../user';
@import 'application';


/* Fonts */

@font-face {
  font-family: 'GTAmerica';
  src: url("/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.eot");
  src: url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.woff2?v=4.3.0') format('woff2'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.woff?v=4.3.0') format('woff'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Bold.ttf?v=4.3.0') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'GTAmerica';
  src: url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.eot');
  src: url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.woff2?v=4.3.0') format('woff2'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.woff?v=4.3.0') format('woff'), url('/css/extra/fonts/GTAmerica/GT-America-Standard-Light.ttf?v=4.3.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}



.logo-image-url{
    width: 155px;
    height: 87px;
    background-image: url("/img/extra/hpass/logo.png");

}

.logo-image-icon-url {
    width: 155px;
    height: 87px;
    background-image: url("/img/extra/hpass/logo.png");
}

.system-image-url {
    width: 90px;
    height: 90px;
    background-image: url("/img/extra/hpass/logo_icon.png");
}

.issuedbyobf-image-url{
    width: 195px;
    height: 50px;
    background-image: url("/img/extra/hpass/issuedbyobf.png");
}

.verifiedissuedbyobf-image-url {
    width: 220px;
    height: 44px;
    background-image: url("/img/extra/hpass/verifiedissuedbyobf.png");
}


body.anon{
  background-size: cover;
  overflow:hidden;
  min-height:100%;
  background: url("/img/extra/hpass/background.png") no-repeat;


  @media (max-width: 425px){
    background:none;
    overflow:scroll;
    overflow-x:hidden;
    }


    @media (max-width: 550px){
      .container.main-container {
        padding-right:unset;
        padding-left:unset;
        margin-right:unset;
        margin-left:unset;
        .green-banner{
        margin-bottom:10px;
        }
      }
    }

  #login-page {
    padding-bottom: 2px;
    .login-links {
        margin-top: 20px;
    }
    form {
	text-align: center;
	padding-top:15px;
    }
    .form-group{
	margin-right: auto;
	margin-left: auto;
	max-width: 300px;
    }
}

  a{
      text-decoration: underline;
      font-weight:bold;
      color: $text-color;

  }

  img{
       height: auto;
       width: 100%;
  }

    .container.main-container{
    width:100vw;
    margin-left: 0px;
    padding-left:0px;
  }
  #narrow-panel{
    max-width:568px;
    border-top: none;
    border-bottom: none;
    margin: 0px auto 0 auto;
    border-radius: 0;
  }

  footer.footer {

    .footer-container {
    .text-muted{
      color:#000000;
    }
    border-top:none;
    font-size: 14px;
    }
}

  #reset-password .panel-body form .btn-primary{
  color: $text-color;
  }

}

a#login-button, #login-page .btn-primary, .btn-primary:active:focus, .btn-primary:focus {
    background-color: $titlebar-color;
    border-color: $titlebar-color;
    color: #000000;
    font-weight:bold;
    box-shadow:none;
    &:hover {
        background-color: $login-button-active;
        border-color: $login-button-active;
    }
}

.btn-warning {
    background-color: $menu-active;
    border-color: $menu-active;
    &:hover {
        background-color: lighten($menu-active, 5%);
    }
}

//NAVBAR FIXED TOP
 .navbar-fixed-top {
     margin-right: 80px;
 }

ul.side-links {
    li a {
        font-size: 14px;
        color:#000000;
        text-decoration:none;
    }
    li.active a, li a:hover {
        color: $titlebar-color;
    }
    @media (max-width: 767px){
        li.active a {
            background-color: $titlebar-color;
            color: #FFF;
        }
    }
}

ul.navbar-nav li a{
  text-decoration:none;
}
.media.message-item .media-body a {
    color:$text-color;
    font-weight: bold;
}
.message-item.media h3.media-heading a{
  text-decoration:underline;
}

/*humanitarian leadership academy changes*/


#grid-filter .btn, #buttons .col-xs-8 .btn {
    background:$button-color;
    border-color:$button-color;
    line-height: 19px;
    box-shadow:none;
    color:#000000;
    font-weight: bold;
    &.btn-active {

    }
}

body {

      font-family: "GT America", "Arial", sans-serif;
      background-color: $background-color;
      color: $text-color;

    a{
      color:$text-color;
      text-decoration:underline;
    }

  #badge-info a{

    color:$text-color;
    text-decoration: underline;
  }

  #badge-stats .panel .panel-heading {

    h3{
      color:$text-color;
    }
    a{
      text-decoration:none;
      &:hover{
        color: $titlebar-color;
      }
  }
}

  #page-view .checkbox{
    color:$text-color;
  }
  #page-buttons-share .checkbox label{
    text-decoration:underline;
  }

  #content .uppercase-header {
    color:$text-color;
  }

  .endorsement-link{
  &:before{
    color:$text-color !important;
    }
  }

.pages #grid #add-element #add-element-link, .pages #grid #add-element .add-element-link, #page-gallery #grid #add-element #add-element-link, #page-gallery #grid #add-element .add-element-link, #user-pages #grid #add-element #add-element-link, #user-pages #grid #add-element .add-element-link, #profile-gallery #grid #add-element #add-element-link, #profile-gallery #grid #add-element .add-element-link, #my-files #grid #add-element #add-element-link, #my-files #grid #add-element .add-element-link {
  color:$text-color;
  &:hover {
              color: $link-color;
            }
    }
    .pages #grid {
     #add-element {
        #add-element-icon{
          color:$icon-color;
        }
    }

    .media-bottom a.bottom-link{
      color:$icon-color;
      &:hover {
              color: $text-color;
            }
    }
    .media-content {
      .page-create-date {
        color: $text-color;
      }
    }
  }

  #my-files #grid #add-element .add-element-link {
      color: $link-color;
  }


  .pages #grid .media-content .media-body .media-heading a.heading-link {
      color: $link-color;
      font-weight: bold;
      text-decoration: underline;
  }

  .pages #grid .media-content .media-body .visibility-icon {
    color:$grey;
  }

  #assertion-info th{
    color: $link-color;
  }

  .message-item.media {
    .date {
      color: $text-color;
    }
  }
  .form-bar-success{
    border-color: $titlebar-color;
  }
}

@media (min-width: 768px){
    .navbar-right {
        margin-top:20px;
        float:left !important;
        #secondary-menu-links {
            border:none;
            float: right;
        }
    }
}
ul.navbar-nav {
    margin-top:40px;
    margin-right:10px;
    li a {
        text-transform: none;
        font-weight: 300;
        font-size: 21px !important;
        color:black;
    }
    li.active a {
      border-bottom: 4px solid $titlebar-color;
    }
    @media (max-width: 1120px){
        margin-top:20px;
    }
    @media (max-width: 768px){
        text-align: left;
    }
}
.navbar-collapse{
   width:100%;
}
header#navbar {
    background-image:none;
    min-height: 110px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) !important;
}
.navbar-header {
    padding-top:0px;
    padding-bottom: 5px;
    float:left !important;
    @media (max-width: 767px){
        float:none;
        .logo.pull-left {
            float:left !important;
        }
    }
}
#main-header{
    visibility:hidden;
    float:right !important;
    margin-top:37px;
    width: auto
}

#main-header-right {
  float:right !important;
}

.title-row{
  background-color: $titlebar-color;
    h1 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    padding-bottom:8px;
    }
}
#badge-gallery #grid .grid-container .media-content .media-body .media-heading a, #my-badges #grid .grid-container .media-content .media-body .media-heading a, #export-badges #grid .grid-container .media-content .media-body .media-heading a, .import-badges #grid .grid-container .media-content .media-body .media-heading a, #user-badges #grid .grid-container .media-content .media-body .media-heading a {
    font-weight: 400 !important;
    text-decoration:underline;
    &:hover{
      color:$text-color;
    }
}

#badge-gallery #grid .grid-container .media-bottom .checkbox, #my-badges #grid .grid-container .media-bottom .checkbox, #export-badges #grid .grid-container .media-bottom .checkbox, .import-badges #grid .grid-container .media-bottom .checkbox, #user-badges #grid .grid-container .media-bottom .checkbox {
  color: $text-color;
}

#badge-gallery #grid .grid-container .media-content .media-body .media-recipients, #my-badges #grid .grid-container .media-content .media-body .media-recipients, #export-badges #grid .grid-container .media-content .media-body .media-recipients, .import-badges #grid .grid-container .media-content .media-body .media-recipients, #user-badges #grid .grid-container .media-content .media-body .media-recipients {
  color:$text-color;
}

#badge-gallery #grid .grid-container .media-bottom a.bottom-link i.fa, #badge-gallery #grid .grid-container .media-bottom a.badge-download i.fa, #my-badges #grid .grid-container .media-bottom a.bottom-link i.fa, #my-badges #grid .grid-container .media-bottom a.badge-download i.fa, #export-badges #grid .grid-container .media-bottom a.bottom-link i.fa, #export-badges #grid .grid-container .media-bottom a.badge-download i.fa, .import-badges #grid .grid-container .media-bottom a.bottom-link i.fa, .import-badges #grid .grid-container .media-bottom a.badge-download i.fa, #user-badges #grid .grid-container .media-bottom a.bottom-link i.fa, #user-badges #grid .grid-container .media-bottom a.badge-download i.fa {
  color: $grey;
}

.pages #grid .media-content .media-body .media-heading, #page-gallery #grid .media-content .media-body .media-heading, #user-pages #grid .media-content .media-body .media-heading, #profile-gallery #grid .media-content .media-body .media-heading, #my-files #grid .media-content .media-body .media-heading{
    line-height: 1.2em;
}
.pages #grid .media-content .media-body .media-heading a.heading-link, #page-gallery #grid .media-content .media-body .media-heading a.heading-link, #user-pages #grid .media-content .media-body .media-heading a.heading-link, #profile-gallery #grid .media-content .media-body .media-heading a.heading-link, #my-files #grid .media-content .media-body .media-heading a.heading-link
{
  color: $text-color;
  text-decoration:underline;
  &:hover {
    color: $text-color;
  }
}
button.navbar-toggle {
    position:absolute;
    right:0px;
    margin-top:45px;
}

/*Login Page*/
.login-top-container{
  min-width:100%
}

.green-banner {
  margin:0;
  margin-top:-15px;
  margin-bottom: 50px;
  padding:0;
  background-color: $titlebar-color;
  width: 100vw;
  height: 16px;
}

.login_top{
  max-width:568px;
/*   margin: auto; */
  margin: 0px auto 0 auto;
/*   margin-top: 100px; */
  padding: 5px;
  background-color: #FFF;
  text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;

  hr{
    margin-top:0px;
    height:2px;
    background-color: $titlebar-color;
    width: 150px;
  }
}

.login-bottom{
  max-width:568px;
  margin: 0px auto 0 auto;
  padding-top:0;
  padding-bottom:0;
  background-color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  border-top:none;
  border-top-left-radius:0;
  border-top-right-radius:0;
  text-align: center;

  p {
   color: $text-color !important;
  }
  .footer {
    background-color: $titlebar-color;
    height: 27px;
  }
}


.btn-primary {
    background-color: $button-color !important;
    border-color: $button-hover;
    color:$text-color;
    font-weight:bold;
    box-shadow:none;
    &:hover {
        background-color: $button-hover;
        border-color: $button-hover;
    }
}

 .btn-success {
  background-color: $text-color !important;
  border-color:$text-color !important;
  font-weight:bold;
  color:$background-color !important;
   &:hover, &:focus, &:active:hover  {
        background-color: $link-hover !important;
        border-color: $link-hover !important;
/*         box-shadow: 0px 2px $box-shadow; */
    }
}

.btn-warning {
  background-color: $orange-color !important;
  border-color:$orange-color !important;
  font-weight:bold;
}

ul#secondary-menu-links li a i.fa {
   color:$titlebar-color;
}

#my-badges #grid .grid-container .media-content .icons i {
  color:$icon-color;
}

{'fraction_non_alphanumeric': 0.16022818637773267, 'fraction_numerical': 0.01810942225965772, 'mean_word_length': 2.7373014737444556, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 10, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3276617', 'n_tokens_mistral': 9976, 'n_tokens_neox': 9328, 'n_words': 1723}