#top-username {
	color: #fff;
  position: relative;
  display: block;
  padding: 10px 15px;
  border: 1px solid transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 21px;
}

/* Footer style */
footer p {
	text-align: center;
}

.footer-sl {
  padding: 40px 0;
  background-color: #2c3e50;
  color: #fff;
}

footer a {
    color: #fff;
}

footer a:hover,
footer a:focus {
    color: #fff;
    text-decoration: none;
}

/* Make footer sticky */
html, body {
	height: 100%;
}

body {
  /*display: table;
  width: 100%;*/
}

header {
  width: 100%;
  z-index: 99;
}

.page-row {
  /*display: table-row;
  height: 1px;*/
}

.page-row-expanded { 
  height: 85%;
}
/* Footer style end */

/*HEADER*/
.navbar-inverse {
  /*border: none;*/
}
.navbar{
  /*margin-bottom:0;*/
}
.navbar a{
  transition:all .2s;
  -webkit-transition:all .2s;
  -ms-transition:all .2s;
}
.navbar-inverse .navbar-nav>li>a{
  /*color:rgba(255,255,255,.75)*/
}

header.affix{
  position:fixed;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
  -webkit-animation: affixnav .3s;
    animation: affixnav .3s;
}
@-webkit-keyframes affixnav {
    from {
    opacity: 0.2;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
  }
    to {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes affixnav {
    from {
    opacity: 0.2;
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
  }
    to {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
  }
}

header .navbar {
  min-height: 50px;
  z-index:999;
}
header .navbar-nav>li>a {
  line-height:20px;
}
header .navbar-nav>li>a {
  padding:15px 5px;
  margin:0 15px;
}
/*chrome fix*/
header .navbar-nav li, header .navbar-nav li a {
  -webkit-backface-visibility:hidden;
  -webkit-transform:translateZ(0);
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus {
  /*color: #fff;*/
  background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:after, .navbar-inverse .navbar-nav>li>a:focus:after {
  /*background-color: #fff;
  background-color: rgba(255,255,255,.6);*/
  position:absolute;
  bottom:0;
  left:50%;
  right:50%;
  height:4px;
  content:' ';
  transition:all .3s ease;
  opacity:0;
}
.navbar-inverse .navbar-nav>li>a:after, .navbar-inverse .navbar-nav>li>a:focus:after {
  /*background-color: #fff;*/
}
.navbar-inverse .navbar-nav>.active>a:after,
.navbar-inverse .navbar-nav>.active>a:focus:after,
header .navbar-nav>li:hover>a:after{
  left:0;
  right:0;
  opacity:1;
}
header .navbar-nav>li>a {
  /*color:#fff;*/
  font-size:14px;
  text-transform:uppercase;
  position:relative;
  /*height:100px;*/
}
header .navbar-inverse .navbar-nav>li>a:hover, header .navbar-inverse .navbar-nav>li:hover>a, header .navbar-inverse .navbar-nav>.active>a:hover{
  /*background-color: transparent;*/
}
header .navbar-brand {
    float: left;
    padding: 14px 20px;
    font-size: 19px;
    line-height: 21px;
    height: 45px;
}

.logo{
  display: block;
  padding: 15px 0;
  line-height:70px;
  height:100px;
  vertical-align: middle;
}
.logo img {
  max-height: 100%;
}
@media (max-width: 767px){
.logo{
  display:block;
  text-align:center;
  margin:0 15px 0
}
}

.dropdown-header{
  font-size: 13px;
}

header.affix .navbar{
  min-height:50px;
  /*background: rgba(0, 140, 186, 0.8);*/
}
header.affix .navbar-nav>li>a{
  padding: 5px 2px;
  height: 50px;
  line-height: 40px;
  transition:all .2s .3s;
}
header.affix .navbar-brand {
  display:block;
  line-height: 30px;
  height: 50px;
  padding: 10px 10px;
  transition:all .2s .3s;
}
header.affix .logo {
  display:block;
  line-height: 30px;
  height: 50px;
  padding: 10px 0;
  transition:all .2s .3s;
}
header.affix .logo img{
  max-height:100%;
}
header.affix .navbar-inverse .navbar-nav>li>a:after, header.affix .navbar-inverse .navbar-nav>li>a:focus:after{
  height:3px;
}
/**/
header .dropdown-menu{
  visibility:hidden;
  opacity:0;
  transition: transform 0.3s ease, opacity 0.2s ease .05s, visibility .1s ease .3s;
  -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .05s, visibility .1s ease .3s;
}
.dropdown-submenu{
  position:relative;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}
header .dropdown-submenu>.dropdown-menu{
  top:-5px;
  left:100%;
  margin-top:0px;
  margin-left:0px;
}
header .dropdown-submenu:hover>.dropdown-menu{
  display:block; 
  opacity:1;
  /*-webkit-transform: scale(1, 1);
  transform: scale(1, 1);*/
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
  transform: rotateX(0);
  visibility:visible;
  z-index: 1000;
  transition: transform 0.3s ease, opacity 0.15s ease;
  -webkit-transition: -webkit-transform 0.3s ease, opacity 0.15s ease;
}
.dropdown-submenu>a:after{
  display: inline-block;
  content:"\f105";
  margin-top:3px;
  margin-right:-5px;
  float:right;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-menu li:hover > .sub-menu {
    visibility: visible;
}
header .dropdown{
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}
header .dropdown:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  z-index: 1000;
  /*-webkit-transform: scale(1, 1);
  transform: scale(1, 1);*/
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
  transform: rotateX(0);
  visibility:visible;
  transition: transform 0.3s ease, opacity 0.15s ease;
  -webkit-transition: -webkit-transform 0.3s ease, opacity 0.15s ease;
}
.dark-div .navbar-toggle:hover, .dark-div .topnav-light .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
  /*border-color:#fff;*/
  /*color:#fff;*/
  /*background: transparent;*/
}
.main-menu li.active > a,.main-menu .nav > li > a:hover{
  /*color: #fff;*/
}
header .dropdown-menu {
  min-width: 200px;
  padding: 0;
  margin: 0;
  font-size: 13px;
  /*background-color: rgba(34,34,34,.8);*/
  /*border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;*/
}
.navbar-left .dropdown-menu {
  left: 19px;
  right: auto;
  padding: 5px 0 10px;
}
header .dropdown-menu>li>a {
  padding: 12px 20px;
  line-height: 1.428571429;
  /*color: #eee;*/
  white-space: nowrap;
  transition:all .2s;
  -webkit-transition:all .2s;
  position:relative;
}
header .dropdown-menu>li>a:before{
  position:absolute;
  bottom:0;
  left:50%;
  right:50%;
  height:1px;
  background: transparent;
  content:'';
  transition:all .2s .1s;
}
header .dropdown-menu>li>a:hover:before, header .dropdown-menu>li>a:focus:before {
  /*background-color: #fff;*/
  left:20px;
  right:20px;
  transition:all .3s;
}
header .dropdown-menu>li>a:hover, header .dropdown-menu>li>a:focus {
  /*color: #fff;
  background-color: transparent !important;*/
}
header .main-menu-item.sub-menu-left > .dropdown-menu{right:19px; left:auto;}
header .main-menu-item.sub-menu-right > .dropdown-menu{left:0; right:auto;}
header .sub-menu-right .dropdown-menu, header .sub-menu-left .sub-menu-right .dropdown-menu{left:100%; right:auto;}
header .sub-menu-left .dropdown-menu{right:100%; left:auto;}
header .sub-menu-right .sub-menu-left .dropdown-menu{right:100%; left:auto;}

/*mobile menu*/
header .navbar .container{
  position:relative;
}
header .mobile-menu-toggle{
  color:#fff;
  padding: 2px 9px;
  margin: 4px 0px;
  border: none;
  border-radius:3px;
  background:transparent;
  font-size:28px;
  line-height:38px;
  position:absolute;
  right:15px;
  top:50%;
  margin-top:-21px;
}
.mobile-user-toggle>a {
  color:#fff;
}
@media (max-width: 767px){
header .mobile-menu-toggle {
  display: inline-block !important;
  border:none;
  padding: 1px 7px;
}

header .mobile-user-toggle{
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -21px;
  display: inline-block !important;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border:none;
  color: #fff;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background: none;
  white-space: nowrap;
  padding: 1px 10px;
  font-size: 28px;
  line-height: 38px;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
}
.mobile-user-menu .dropdown-menu {
    padding: 0;
    margin-top: 0;
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.mobile-user-menu.open>.dropdown-menu {
  display: block;
  opacity: 1;
  z-index: 1000;
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  visibility:visible;
}

.mobile-menu-wrap{
  visibility: hidden;
  opacity:0;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:9998;
  background:#008cba;
  transform: translate3d(100%,0,0);
  -webkit-transform: translate3d(100%,0,0);
  transition: top .4s ease .4s, transform .4s ease, opacity .5s ease, visibility .1s ease .5s;
  -webkit-transition: top .4s ease .4s, -webkit-transform .4s ease, opacity .5s ease, visibility .1s ease .5s;
}
@media(min-width:992px){
.mobile-menu-wrap {
  left: 70%;
}
}
.mobile .mobile-menu-wrap{
  opacity:1;
}
.enable-mobile-menu .mobile-menu-wrap{
  visibility: visible;
  opacity:1;
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transition: top .4s, transform .4s ease, opacity .4s ease, visibility 0s ease;
  -webkit-transition: top .4s, -webkit-transform .4s ease, opacity .4s ease, visibility 0s ease;
}
.mobile-menu{
  margin:0;
  padding: 18px 30px 20px;
  list-style:none;
  text-transform:uppercase;
  overflow:auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position:absolute;
  top:45px;
  bottom:0;
  left:0;
  right:0;
  z-index:9999;
}
.mobile-menu li{
  list-style:none;
  padding:0;
  margin:0;
}
.mobile-menu li a, .mobile-menu-wrap .mobile-menu-toggle{
  display:block;
  padding: 0;
  min-height: 45px;
  line-height:45px;
  transition: all .2s;
  -webkit-transition: all .2s;
  border-bottom: solid 1px rgba(255,255,255,.08);
  position:relative;
  color: #fff;
}
.mobile-menu > li > a{
  font-size: 24px;
  font-family: "Oswald", Times;
  min-height: 50px;
  line-height:50px;
  color:#fff;
}
.mobile-menu li a:before{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 0;
  background-color: #eee;
  background-color: rgba(255,255,255,.6);
  transition:all .4s ease;
}
.mobile-menu > li > a:before{
  width: 40px;
}
.mobile-menu li.active a,.mobile-menu li a:hover{
  text-decoration: none;
}
.mobile-menu li a:hover:before{
  width:100%;
}
.mobile-menu .sub-menu{
  padding: 0;
}
.mobile-menu .sub-menu ul li a{
  padding: 0 0 0 15px;
}

.mobile-menu li a.search-toggle{
  text-align: center;
}
.mobile-menu li a.search-toggle:before{
  left: 50%;
  width: 0;
}
.mobile-menu li a.search-toggle:hover:before{
  left: 0;
  width:100%;
}

.mobile-menu-wrap .mobile-menu-toggle{
  text-align:center;
  font-size:25px;
  background:#262626;
  background:rgba(51,51,51,.75);
}
@media (min-width: 768px){
.navbar-nav.navbar-left:first-child {
  margin-right: -15px;
}
.navbar-nav.navbar-left:last-child {
  margin-right: 0px;
}
}

#avatar {
  border: 1px solid white;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 34px;
  padding: 0;
  background-color: #56799c;
  margin: 7px 14px;
  text-align: center;
}

header.affix #avatar {
  width: 35px;
  height: 35px;
  margin: 7px 20px;
  padding: 0;
  line-height: 35px;
}

/* Gitter fix */
.gitter-chat-embed {
  z-index: 9999;
}

.gitter-open-chat-button {
  right: 0px;
  top:115px;
  bottom: auto;
  padding: .5em .5em;
  background-color: #2c3e50;
  transform: rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.gitter-open-chat-button:focus, .gitter-open-chat-button:hover {
  background-color: #2c3e50;
}


.repository {
    margin-bottom: 18px;
    border: 1px solid #e7e7e7
}

.repository .repository-header {
    border-bottom: 1px solid #e7e7e7;
    padding: 10px;
    font-size: 13px;
    font-weight: 700
}

.repository .repository-header span.rss-icon {
    font-size: 23px
}

.repository .repository-header>.fa {
    margin-right: 8px
}

.repository .repository-body {
    padding: 6px 12px;
    background-color: #f8f8f8
}

.repository .repository-body p {
    margin: 0
}

.jobs-headers {
    padding: 0 1em;
}

.jobs-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px
}

.jobs-item {
    border: 1px solid #EFF0EC;
    margin-bottom: 5px;
    display: block;
    padding: 0 1em;
}

@media only screen and (min-width: 768px) {
    .jobs-item {
        height: 34px;
        line-height: 34px;
    }
}

.jobs-item.success .success,.jobs-item.success .success a {
    color: #39aa56
}

.jobs-item.errored .errored,.jobs-item.errored .errored a,.jobs-item.failed .failed,.jobs-item.failed .failed a {
    color: #db4545
}

.status-icon {
    font-size: 20px
}

.jobs-item.success:active,.jobs-item.success:hover {
    background-color: #deecdc;
    border-left: 3px solid #39aa56;
    margin-left: -2px;
}

.jobs-item.errored:active,.jobs-item.errored:hover,.jobs-item.failed:active,.jobs-item.failed:hover {
    background-color: #fce8e2;
    border-left: 3px solid #db4545;
    margin-left: -2px;
}

.jobs-item.canceled .canceled,.jobs-item.canceled .canceled a {
    color: #9d9d9d
}

.jobs-item.booting .booting,.jobs-item.booting .booting a,.jobs-item.created .created,.jobs-item.created .created a,.jobs-item.queued .queued,.jobs-item.queued .queued a,.jobs-item.received .received,.jobs-item.received .received a,.jobs-item.started .started,.jobs-item.started .started a {
    color: #cdb62c
}

.jobs-item.canceled .request-icon.canceled svg *,.jobs-item.canceled .status-icon.canceled svg * {
    stroke: #9d9d9d
}

.jobs-item.booting .request-icon.booting svg *,.jobs-item.booting .status-icon.booting svg *,.jobs-item.created .request-icon.created svg *,.jobs-item.created .status-icon.created svg *,.jobs-item.queued .request-icon.queued svg *,.jobs-item.queued .status-icon.queued svg *,.jobs-item.received .request-icon.received svg *,.jobs-item.received .status-icon.received svg *,.jobs-item.started .request-icon.started svg *,.jobs-item.started .status-icon.started svg * {
    stroke: #edde3f
}

.jobs-item.canceled:active,.jobs-item.canceled:hover {
    background-color: #f1f1f1;
    border-left: 3px solid #9d9d9d
}

.jobs-item.booting:active,.jobs-item.booting:hover,.jobs-item.created:active,.jobs-item.created:hover,.jobs-item.queued:active,.jobs-item.queued:hover,.jobs-item.received:active,.jobs-item.received:hover,.jobs-item.started:active,.jobs-item.started:hover {
    background-color: #faf6db;
    border-left: 3px solid #edde3f;
    margin-left: -2px;
}

@media only screen and (min-width: 50.063em) {
    .jobs-item.success:hover .job-env:after,.jobs-item.success:hover .job-lang:after {
        content:"";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#deecdc 0,rgba(222,236,220,0) 100%);
        background: linear-gradient(-90deg,#deecdc 0,rgba(222,236,220,0) 100%)
    }

    .jobs-item.success:hover .job-env:hover,.jobs-item.success:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.success:hover .job-env:hover .label-align,.jobs-item.success:hover .job-lang:hover .label-align {
        background-color: #deecdc
    }

    .jobs-item.success:hover .job-env:hover:after,.jobs-item.success:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.failed:hover .job-env:after,.jobs-item.failed:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#fce8e2 0,rgba(252,232,226,0) 100%);
        background: linear-gradient(-90deg,#fce8e2 0,rgba(252,232,226,0) 100%)
    }

    .jobs-item.failed:hover .job-env:hover,.jobs-item.failed:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.failed:hover .job-env:hover .label-align,.jobs-item.failed:hover .job-lang:hover .label-align {
        background-color: #fce8e2
    }

    .jobs-item.failed:hover .job-env:hover:after,.jobs-item.failed:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.errored:hover .job-env:after,.jobs-item.errored:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#fce8e2 0,rgba(252,232,226,0) 100%);
        background: linear-gradient(-90deg,#fce8e2 0,rgba(252,232,226,0) 100%)
    }

    .jobs-item.errored:hover .job-env:hover,.jobs-item.errored:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.errored:hover .job-env:hover .label-align,.jobs-item.errored:hover .job-lang:hover .label-align {
        background-color: #fce8e2
    }

    .jobs-item.errored:hover .job-env:hover:after,.jobs-item.errored:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.canceled:hover .job-env:after,.jobs-item.canceled:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#f1f1f1 0,rgba(241,241,241,0) 100%);
        background: linear-gradient(-90deg,#f1f1f1 0,rgba(241,241,241,0) 100%)
    }

    .jobs-item.canceled:hover .job-env:hover,.jobs-item.canceled:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.canceled:hover .job-env:hover .label-align,.jobs-item.canceled:hover .job-lang:hover .label-align {
        background-color: #f1f1f1
    }

    .jobs-item.canceled:hover .job-env:hover:after,.jobs-item.canceled:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.started:hover .job-env:after,.jobs-item.started:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#faf6db 0,rgba(250,246,219,0) 100%);
        background: linear-gradient(-90deg,#faf6db 0,rgba(250,246,219,0) 100%)
    }

    .jobs-item.started:hover .job-env:hover,.jobs-item.started:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.started:hover .job-env:hover .label-align,.jobs-item.started:hover .job-lang:hover .label-align {
        background-color: #faf6db
    }

    .jobs-item.started:hover .job-env:hover:after,.jobs-item.started:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.queued:hover .job-env:after,.jobs-item.queued:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#faf6db 0,rgba(250,246,219,0) 100%);
        background: linear-gradient(-90deg,#faf6db 0,rgba(250,246,219,0) 100%)
    }

    .jobs-item.queued:hover .job-env:hover,.jobs-item.queued:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.queued:hover .job-env:hover .label-align,.jobs-item.queued:hover .job-lang:hover .label-align {
        background-color: #faf6db
    }

    .jobs-item.queued:hover .job-env:hover:after,.jobs-item.queued:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.booting:hover .job-env:after,.jobs-item.booting:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#faf6db 0,rgba(250,246,219,0) 100%);
        background: linear-gradient(-90deg,#faf6db 0,rgba(250,246,219,0) 100%)
    }

    .jobs-item.booting:hover .job-env:hover,.jobs-item.booting:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.booting:hover .job-env:hover .label-align,.jobs-item.booting:hover .job-lang:hover .label-align {
        background-color: #faf6db
    }

    .jobs-item.booting:hover .job-env:hover:after,.jobs-item.booting:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.received:hover .job-env:after,.jobs-item.received:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#faf6db 0,rgba(250,246,219,0) 100%);
        background: linear-gradient(-90deg,#faf6db 0,rgba(250,246,219,0) 100%)
    }

    .jobs-item.received:hover .job-env:hover,.jobs-item.received:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.received:hover .job-env:hover .label-align,.jobs-item.received:hover .job-lang:hover .label-align {
        background-color: #faf6db
    }

    .jobs-item.received:hover .job-env:hover:after,.jobs-item.received:hover .job-lang:hover:after {
        content: none!important
    }

    .jobs-item.created:hover .job-env:after,.jobs-item.created:hover .job-lang:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 100%;
        background: -webkit-linear-gradient(right,#faf6db 0,rgba(250,246,219,0) 100%);
        background: linear-gradient(-90deg,#faf6db 0,rgba(250,246,219,0) 100%)
    }

    .jobs-item.created:hover .job-env:hover,.jobs-item.created:hover .job-lang:hover {
        overflow: visible;
        z-index: 80
    }

    .jobs-item.created:hover .job-env:hover .label-align,.jobs-item.created:hover .job-lang:hover .label-align {
        background-color: #faf6db
    }

    .jobs-item.created:hover .job-env:hover:after,.jobs-item.created:hover .job-lang:hover:after {
        content: none!important
    }
}

.job-lang,.log-body .fold {
    overflow: hidden
}

.jobs-item a {
    
}

@media only screen and (min-width: 768px) {
    .jobs-item a {
        
    }
}

.jobs-item:hover a {
    
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.8);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* -------------OVERRIDE BOOTSTRAP-FLATLY------------- */

a {
    color: #56799c;
}

a:hover,
a:focus {
    color: #56799c;
}

.navbar {
    border-radius: initial;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color:  #85a0bc;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #56799c;
} 

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #3a5269;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #3a5269;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    background-color: #85a0bc;
}

/* -------------LOGIN-RESET------------ */

.login h3{
    text-align: center;
}
.login .login-bitbucket{
    margin: 12px 0 30px;
}
.login-seperator{
    position: relative;
    margin: 25px 0px 35px;
    color: #708e95;
    border-bottom: 1px solid #708e95;
    height: 9px;
    text-align: center;
}
.login-seperator span{
    position: relative;
    top: -50%;
    background-color: #ecf0f1;
    padding: 0 14px;
    font-size: 16px;
}
.login .forgot-login {
    text-align: center;
}
.login .register {
    text-align: center;
    background-color: #e1e7e9;
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 14px;
    padding-top: 14px;
    margin-bottom: -25px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.login .btn-github, .login .btn-bitbucket, .login .btn-email{
    font-size: 17px;
}
.login .btn-github{
    background: #444;
    border-color: #444;
    color: #ffffff;
}
.login .btn-github:hover{
    background-color: #2b2b2b;
}
.login span.fa.fa-github, .login span.fa.fa-bitbucket, .login span.fa.fa-envelope-o {
    font-size: 21px;
    margin-right: 13px;
}
.login .btn-bitbucket{
    background: #205081;
    border-color: #205081;
    color: #ffffff;
}
.login .btn-bitbucket:hover{
    background-color: #163758;
}
.reset-pwd-info{
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    color: #717171;
    text-align: justify;
}
.reset-pwd-note{
    background-color: #c6e4f3;
    border-radius: 4px;
    color: #4d85a4;
    padding: 11px;
    margin-bottom: 0px;
}

.status.published:before {
  background-color: #69bb59;
  box-shadow: 0px 0px 1px 1px #94E185;
}

.status.unpublished:before {
  background-color: #C9404D;
  box-shadow: 0px 0px 1px 1px #da8088;
}

.status:before {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px 10px;
  border-radius: 10px;
}