/* common */
:root{
    --red-light: rgb(226, 112, 123);
    --exception: #9a009c;
    --green-light: #3bc03b;
    --black-almost-there: #212529;
    --gray-dark:  #4c4a49;
    --gray-light: #D0D0D0;
}

body{
    background-color: #f9f9f9;
}

::-webkit-input-placeholder {
   font-size: 0.9em!important;
}

:-moz-placeholder { /* Firefox 18- */
      font-size: 0.9em!important;
}
::-moz-placeholder {  /* Firefox 19+ */
      font-size: 0.9em!important;
}

.navbar{
    margin-bottom: 15px;
}
.navbar-brand img{
    width:200px;
    margin-top: 1px;
}

#navbar-actions{
    position:absolute;
    left: 250px;
}


#navbar-actions .navbar-select{
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid;
    color: white;
    height: 1.9rem;
    font-size: 0.9em;
    border-color: #707375;
    color: rgba(255,255,255,0);
    text-shadow: 0 0 0 #fff;
    line-height: 29px;
}

/* .navbar-select option{ */
/*     height: 2.25rem; */
/*     border: 0; */
/*     color: var(--gray-dark) */
/* } */

#navbar-actions .navbar-select ul{
    color: var(--black-almost-there);
}

#navbar-actions .navbar-select .list{
    box-shadow: 0px 0px 5px 0px #b7b4b4;
}

#navbar-actions .nice-select::after{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    width: 8px;
    height: 8px;
    top: 50%;
}
.no-decoration,
.no-decoration:hover{
    text-decoration: none;
}

.toxiclogo-container,
.logout-link-container{
    float:left;
}

.close-btn{
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.6em;
    margin-right: 10px;
    cursor: pointer;
}

.toxiclogo-container{
    width: 235px;
    margin-left: 0;
}

.logout-link-container{
    margin-right: 15px;
    width: 5%;
    margin-top: 12px;
}

.modal-content{
    background-color: #f9f9f9;
    font-size: 0.9em;
}

.modal-header,
.modal-footer{
    border: none;
}

.row-container{
    overflow: auto;
}

.modal-footer{
    padding-top: 0;
}

.form-control:focus {
    border-color: #707375;
    box-shadow: 0 0 0 0.2rem rgba(109, 112, 115, 0.25);
}

.form-control-error,
.form-control-error:focus{
    border-color: #d2778a57;
    box-shadow: 0px 0px 0.2em 0px rgba(191, 5, 39, 0.9);
}


#top-page-loadbar .bar{
    background: #7900ff;
}

.alert{
    position: fixed;
    /* right: 15px; */
    /* margin-right: 50%; */
    /* margin-left: 34%; */
    margin-top: -35px;
    z-index: 1000;
    opacity: 0.98;
    display: none;
    /* overflow: auto; */
    right: 10px;
}

.alert .fas{
    font-size: 1.3em;
}

.alert-dismissible button.close-msg{
    padding: 0;
    padding-right: 5px;
    padding-top: 2px;

}
.error{
    color: var(--red-light);
}

.btn-dark{
    background-image: linear-gradient(-180deg, #757272 0%, #343a40 90%);
}

.btn-red{
    background-image: linear-gradient(-180deg, #f37676 0%, #d23131 90%);
    /* color: white; */
}

.btn-light{
    background-image: linear-gradient(-180deg, #f1f1f1 0%, #d1d2d2 90%);
    border-color: #c4c2c2;
}

.toxic-main-area{
    background-color: #f9f9f9;
}

#main-area-container{
    position: relative;
}

.box-shadow{
    box-shadow: 0em 0rem 0.5rem 0.1rem hsla(0, 0%, 0%, 0.19);
}

.box-shadow-light{
    box-shadow: 0em 0rem 0.3rem 0.1rem hsla(0, 0%, 0%, 0.09);
}

.box-shadow-black{
    box-shadow: 0px 0px 5px 1px #000;
}

.box-shadow-gray{
    box-shadow: 0px 0px 5px 0px #b7b4b4;
}

.box-shadow-gray-inset{
    box-shadow: inset 0px 0px 5px 0px #b7b4b4;
}

.box-white{
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 10px;
}

.badge-cancelled{
    background-color: #827f7f;
    color: #fff;
}

.badge-warning{
    background-color: #fc8f34;
    color: #fff;
}

.badge-exception{
    background-color: var(--exception);
    color: #fff;
}

.badge-fail{
    background-color: #d9534f;
    color: #fff;
}

.badge-pending{
    background-color: var(--yellow);
    color: #000;
}


.message-container{
    padding-left: 35px;
    margin-top: -26px;
}

.template{
    display: none;
}

.toggle.btn{
    min-width: 0px;
    min-height: 0px;
}

.toggle.btn label{
    line-height: 0px;
    padding-top: 8px;
}

.checkbox-rounded,
.checkbox-rounded .toggle-handle{
    border-radius: 20px;
    margin-right: 22px;
}

.checkbox-rounded.off .toggle-handle{
    margin-right: 0;
    margin-left: 22px;
}

.checkbox-rounded .toggle-handle{
    width: 20px;
    height: 100%;
    margin-top: -9px;
    padding: 0;
    font-size: 0.9em;
    padding-top: 2px;
    margin-left: 2px;
}

.abc-checkbox-black input[type="checkbox"]:checked + label::before,
.abc-checkbox-black input[type="radio"]:checked + label::before {
    background-color: var(--black-almost-there);
    border-color: var(--black-almost-there);
}

.abc-checkbox label::after{
    color: var(--white);
}

.toggle-on.btn,
.toggle-off.btn{
    font-size: 0.8em;
}
.toggle-group{
    min-height: 21px;
}

.checkbox-sm .toggle-off.btn,
.checkbox-sm .toggle-on.btn{
    /* padding-top: 9px; */
    /* padding-right: 25px; */
    border-radius: 20px;
}

.checkbox-sm{
    height: 21px;
}

.cursor-pointer{
    cursor: pointer;
}

/* wait-toxic-spinner */
.wait-toxic-spinner{
    color: #d4d3d3;
}

.wait-toxic-spinner-lg{
    min-height: 10em;
    margin-top: 50px;

}

.wait-toxic-spinner-lg .icon-toxicmask{
    font-size: 6em;
    margin-left: 45px;
    margin-top: 33px;
    position: absolute;
}

.wait-toxic-spinner-lg .spinner{
    position: absolute;
    margin: 0;
    font-size: 10em;
}

.navbar-nav .dropdown-menu{
    position: absolute;
    /* left: -116px; */
    /* top: 44px; */
    top: 42px;
    right: 10px;
    left: auto;
}

.navbar-nav .fas{
    color: #ffffff;
}

.navbar-nav .fas:hover{
    color: #ccc;
}

#password-changed-message{
    display: none;
}

.dropdown-arrow:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-arrow:after {
  position: absolute;
  top: -6px;
  right: 17px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  /* content: ''; */
}

.dropdown-item{
    font-size: 0.9em;
    padding: .20rem 1.0rem;
}

.dropdown-item:active{
    /* background-image: linear-gradient(-180deg, #757272 0%, #343a40 90%); */
    background-color: #4c4e50;
}


/* login */
.login-container{
    padding-top:10px;
}

.login-container .form-control{
    margin-bottom: 10px;
}


.login-container p{
    font-size: 1.8em;
}

.forgot-password-container{
    padding-top:10px;
    font-size: 0.9em;
}

#new-to-toxicbuild-container{
    font-size: 0.9em;
}

#login-error-msg-container{
    color: var(--white);
    margin-bottom: 10px;
    font-weight: 500;
}

/* repositories list */
#welcome-message{
    font-weight: bold;
}

#no-repos-info{
    display: none;
}
#no-repos-info div{
    font-size: 1.5em;
    margin-bottom: 35px;
}

#no-repos-info .icon-toxicmask{
    font-size: 10.5em;
    color: #efebeb;
    margin-top: -30px;
    margin-bottom: -6px;
}

#no-repos-message{
    font-size: 1.0em;
}

#bollocks-message{
    font-size: 0.8em;
}


.buildset-builds-container ul,
#obj-list-container ul,
#slave-list-container ul,
#repo-list-container ul{
    list-style: none;
    padding-left: 0;
}

.obj-main-info,
#slave-list-container .slave-info-name-container,
#repo-list-container .repository-info-name-container{
    margin-right: 10px;
}

.obj-main-info a,
.obj-main-info a:hover,
#slave-list-container .slave-info-name-container a:hover,
#repo-list-container .repository-info-name-container a:hover{
    color: var(--black-almost-there);
}

.obj-info-container,
.slave-info-container,
.repo-info-container{
    float: left;
}


.top-page-slaves-info-container,
.top-page-repositories-info-container{
    display: none;
}

.top-page-repositories-main-info-container{
    display: none;
}

.slave-status-ready,
.repo-status-ready,
.repo-status-no-config{
    border-left: 5px solid var(--gray);
}

.repo-status-cancelled{
    border-left: 5px solid var(--gray);
}

.slave-status-fail,
.repo-status-fail{
    border-left: 5px solid var(--red);
}

.repo-status-running{
    border-left: 5px solid var(--blue);
}

.repo-status-success{
    border-left: 5px solid var(--success);
}

.repo-status-pending{
    border-left: 5px solid var(--yellow);
}

.repo-status-exception{
    border-left: 5px solid var(--exception);
}

.repo-status-warning{
    border-left: 5px solid #fc8f34;
}

.repo-status-cloning{
    border-left: 5px solid var(--orange);
}



.obj-info-row,
.slave-info-row,
.repository-info-row{
    margin-bottom: 3px;
}

.obj-info-header,
.slave-info-header,
.repository-info-header{
    float: right;
    margin-top: -15px;
    margin-right: -6px;
    color: #bdb8b8;
}

.obj-info-header:hover,
.slave-info-header:hover,
.repository-info-header:hover{
    color: #6d6c6c;
    cursor: pointer;
}

.obj-main-info,
.slave-info-name,
.repository-info-name{
    color: var(--black-almost-there);
    font-size: 1.2em;
    font-weight: 500;
}

.buildset-title-container{
    font-size: 1.0em;
}

#waterfall-container .fa-redo,
.buildset-info-status-container .fa-redo{
    font-size: 0.8em;
    margin-left: 5px;
    cursor: pointer;
}

.obj-info-first-row,
.slave-info-first-row,
.repository-info-first-row{
    margin-bottom: 20px;
}

.repository-info-commit-row{
    margin-bottom: 10px;
}

.obj-info-small-font{
    font-size: 0.9em;
}


.obj-info-last-row,
.slave-info-last-row,
.repository-info-last-row{
    margin-bottom: 0;
}

.buildset-total-time-row{
    display: none;
}

.buildset-started{
    margin-right: 10px;
}

#repo-list-container .repository-info-last-buildset,
#repo-list-container .no-builds-info{
    font-size: 0.9em;
    display: none;
}

.buildset-commit{
    padding-right: 15px;
}

.buildset-total-time,
.buildset-title{
    font-weight: 500;
}

.fa-wrench,
.top-page-header-info-container .fa-wrench,
.top-page-repositories-info-container .fa-wrench{
    transform: rotate(270deg);
    color: #adababcc;
}

.fa-wrench:hover,
.top-page-header-info-container .fa-wrench:hover,
.top-page-repositories-info-container .fa-wrench:hover{
    color: var(--black-almost-there);
    cursor: pointer;
}

.top-page-slaves-info-container,
.top-page-repositories-info-container{
    margin-bottom: 10px;
}

.top-page-repositories-info-container .fa-plus,
.top-page-repositories-info-container .fa-github,
.top-page-repositories-info-container .fa-bitbucket,
.top-page-repositories-info-container .fa-gitlab{
    margin-left: 10px;
}

.top-page-slaves-info-container .fa-plus,
.top-page-repositories-info-container .fa-plus{
    color: var(--green);
}

.top-page-repositories-info-container .fa-github,
.top-page-repositories-info-container .fa-gitlab,
.top-page-repositories-info-container .fa-bitbucket{
    color: var(--black-almost-there);
}

.repository-info-enabled-container{
    float: right;
    margin-right: -20px;
}

.enabled-indicator{
    margin-left: -22px;
}

.repo-enabled-times{
    color: var(--secondary);
}

.repo-enabled-check{
    color: var(--success);
}

.repo-enabled .toggle-handle:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--success);
}

.repo-disabled .toggle-handle:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    color: var(--secondary);
}
.repo-disabled .toggle-handle,
.repo-enabled .toggle-handle{
    line-height: 1;
}

.obj-info-header .dropdown-toggle::after,
.slave-info-header .dropdown-toggle::after,
.repository-info-header .dropdown-toggle::after {
    content: none;
}

.buildset-list-top-page-header-info{
    display: none;
    margin-bottom: 10px;
    margin-top: -15px;
}

.buildset-list-top-page-header-info .repo-full-name{
    /* font-size: 1.4em; */
}

.buildset-list-top-page-header-info .fa-wrench{
    font-size: 0.9em;
}

.buildset-list-top-page-header-info a{
    color: var(--black-almost-there);
    padding-left: 4px;
    border-radius: 3px;
}

.buildset-list-top-page-header-info .link-enabled{
    color: #f9f9f9;
    background-color: var(--black-almost-there);
}


/* settings page */

#user-settings-container,
#ui-settings-container{
    display: none;
}

.change-password-title{
    margin-bottom: 15px;
}

#change-password-container .form-group .form-control{
    margin-bottom: 10px;
}

#change-password-container .col-sm-6{
    padding-left: 0;
}

.nav-container{
    display:none;
}

.nav-pills{
    /* margin-bottom: 10px; */
}

.nav-pills .nav-link, .nav-pills .show>.nav-link{
    color: #4e4e4f;
    background-color: #ede8e8;
    border-color: #dee2e6 #dee2e6 #fff;
    margin-left: 3px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #f3f3f4;
    background-color: #302e2e;
    border-color: #dee2e6 #dee2e6 #fff;
}


.notifications-left-side,
.settings-left-side{
    float:left;
    position: relative;
    padding-top: 7px;
}

.notifications-right-side,
.settings-right-side{
    float:right;
    display: none;
}


.notifications-left-side,
.notifications-right-side{
    display: none
}

.settings-right-side{
    font-size: 0.9em;
}

.wait-change-enabled-spinner{
    display:none;
    margin-right: 55px;
}


.details-main-container,
.slave-details-main-container,
.notifications-main-container
.repo-details-main-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    margin: -10px;
    padding: 10px;
    min-height: 89vh;
    display: none;
}

#repo-details .repo-details-label,
#repo-details .repo-details-input{
    float: left;
    margin-left: 0px;
}

.repo-name-group div{
    margin-bottom: 10px;
    /* padding-bottom: 6px; */
}

.obj-details-buttons-container{
    float: right;
    display: none;
    margin-bottom: 25px;
}

.obj-details-buttons-container .inner-btn-container{
    float: left;
    margin-right: 10px;
}

#repo-details-container .repository-info-enabled-container{
    float: right;
    margin-top: 40px;
}

#available-text{
    font-size: 0.8em;
}

.repo-details-name-available .fa-check{
    color: var(--success);
}

.repo-details-name-available #available-text,
.repo-details-name-available .fa-times{
    color: var(--danger);
}

#repo-name-available{
    margin-top: 7px;
}

.wait-name-available-spinner{
    display:none;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.repo-details-row{
    min-height: 50px;
}

.secrets-badge,
.envvars-badge{
    padding: 5px;
    font-size: 0.8em;
    cursor: pointer;
    background-color: #302e2e;
    color:#f3f3f4;
    font-weight: normal;
}


.secret-remove,
.envvar-remove{
    color: var(--danger);
    padding-right: 10px;
    min-width: 20px;
}

.secret-remove span,
.envvar-remove span{
    cursor: pointer;
    display: none;
}

#secretsModal .modal-body,
#envvarsModal .modal-body{
    padding-top: 0.5rem;
}

#secretsModal .fa-plus,
#envvarsModal .fa-plus{
    color: var(--success);
    padding-bottom: 10px;
    cursor: pointer;
}

.secrets-row,
.envvars-row{
    margin-bottom: 15px;
}

#repo-details-advanced-container{
    display: none;
    margin-top: 20px;
    padding-left: 15px;
}

#repo-details #branches-list-container,
#repo-details #slaves-list-container{
    /* margin-left: 46px; */
    /* border: solid 0.5px #ccc; */
    border-radius: 3px;
    min-height: 44px;
}

.add-branch-btn,
#add-slave-btn{
    min-height: 45px;
    color: var(--success);
    cursor: pointer;
}

.advanced-large-item{
    margin-bottom: 36px !important;
}

.repo-slaves-ul,
.repo-branches-ul{
    padding:0
}

.no-item-placeholder,
.repo-slaves-li,
.repo-branches-li{
    list-style: none;
    padding: 3px;
    padding-left: 12px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
    margin-bottom: 0;
    /* font-size: 0.9em; */
}

.remove-item-btn{
    float: right;
    margin-top: 5px;
    font-size: 0.8em;
    padding-right: 10px;
    color: var(--danger);
    cursor: pointer;
}

.repo-config-advanced-container{
    padding-left: 0;
}

#basic-config-p{
    height: 70px;
}

#parallel-builds-config-p{
    margin-bottom: 10px;
}

#branches-config-p{
    /* height: 90px; */
    /* margin-bottom: 20px; */
}

#addBranchModal .form-check{
    margin-top: 15px;
}

.no-item-placeholder{
    font-size: 0.9em;
    display: none;
}

.parallel-builds-label{
    padding-left: 15px;
    padding-right: 15px;
}

.parallel-builds-container{
    padding-bottom: 5px;
    margin-top: -34px;
}

.parallel-builds-container input{
    max-width: 50px;
    margin-top: 1px;
}

.advanced-help-container{
    display: none;
}

#btn-save-obj{
    /* width: 110px; */
}

.repo-locations-link-container{
    padding: 10px;
    margin-left: 15px;
    /* margin-bottom: 10px; */
    font-size: 1.2em;
}

.repo-locations-link-container a{
    color: var(--black-almost-there);
    margin-right: 6px;
}

.remove-branch-btn-spinner{
    float: right;
    margin-top: 2px;
    margin-right: 10px;
}

.delete-btn-container{
    float: left;
    padding-top: 3px;
}
.delete-repo-label-container{
    padding-right: 15px;
    padding-left: 15px;
}

.repo-slaves-li .toggle{
    float: right;
    margin-top: 2px;
}

.repo-slaves-li .wait-change-enabled-spinner{
    float: right;
    margin-right: -15px;
}

/* repo add page */

.add-slave-message-container,
.add-repo-message-container{
    display: none;
    margin-bottom: 25px;
}


/* register */

.register-spinner-container{
    min-height: 34px;
}

#register-available-ok{
    color: var(--green);
}

#register-error-msg,
#register-available-fail{
    color: var(--red);
}

/* slave stuff */

.slave-info-address{
    float: right;
    margin-right: 15px;
}


.slave-port-container{
    margin-left: 15px;
}

.slave-details-row{
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.slave-checkbox-row{
    margin-top:45px;
}


.summary-link{
    /* margin-left: 25px; */
}

.waterfall-link{
    margin-left: 0px;
    margin-right: 5px;
}

.waterfall-link span{
    padding-left: 4px;
}


/* waterfall */

.builder-name{
    padding: 10px;
    border-radius: 0 0 3px 3px;
    margin-left: 28px;
}

#waterfall-container ul{
    list-style: none;
    padding-left: 0;
    margin-left: 26px;
    padding: 0px;
    background-color: #e0dcdc;
}

#waterfall-container a.buildset-details-link,
#waterfall-container a.buildset-details-link:hover{
    color: var(--black-almost-there);
}

.step-exception,
.build-exception a.build-details-link,
.step-exception a.step-details-link,
.build-exception,
.builder-exception{
    background-color: var(--exception);
    color: #fff;
}


.build-pending,
.build-pending a.build-details-link,
.builder-pending{
    background-color: var(--yellow);
    color: var(--black-almost-there);
}

.build-preparing .fa-redo,
.build-pending .fa-redo,
.build-running .fa-redo{
    display: none;
}

.build-info-row .fa-cog{
    margin-left: 5px;
}

.build-info-row .fa-times{
    display: none;
    margin-left: 5px;
    cursor: pointer;
}

.build-cancelled,
.step-cancelled,
.step-cancelled a.step-details-link,
.build-cancelled a.build-details-link,
.builder-cancelled{
    background-color: #827f7f;
    color: #fff;
}

.build-success,
.step-success,
.step-success a.step-details-link,
.build-success a.build-details-link,
.builder-success{
    background-color: var(--green-light);
    color: #fff;
}

.build-warning,
.step-warning,
.step-warning a.step-details-link,
.build-warning a.build-details-link,
.builder-warning{
    background-color: #fc8f34;
    color: #fff;
}

.build-fail,
.step-fail,
.step-fail a.step-details-link,
.build-fail a.build-details-link,
.builder-fail{
    /* background-color: var(--danger); */
    background-color: #d9534f;
    color: #fff;
}

.build-running,
.step-running,
.step-running a.step-details-link,
.build-running a.build-details-link,
.builder-running{
    background-color: #31b0d5;
    /* background-color: var(--blue); */
    color: #fff;
}

.build-preparing,
.badge-preparing,
.build-preparing a.build-details-link,
.builder-preparing{
    background-color: #31b0d5;
    color: #fff;
}

.instance-confs-container{
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 15px;
}

#waterfall-container .table td, .table th {
    padding: 0;
    border: 0;
}

#waterfall-container thead th {
    border: 0;
    padding-left: 0;
    margin-left: 0;
    vertical-align: top;
    padding-top: 2px;
}

#waterfall-container{
    margin-top: -17px;
    display: none;
}

.waterfall-first-col{
    max-width: 160px;
    overflow: hidden;
}

#waterfall-container th{
    font-weight: normal;
}

.build-info-row{
    padding: 12px;
    border-radius: 4px;
    font-size: 0.9em;
    margin-bottom: 1px;
}

#waterfall-container td{
    vertical-align: top;
    padding: 0px;
    margin: 0;
}

#waterfall-body tr:first-child ul{
    margin-top: 10px;
}

#waterfall-body .build-info-list li:last-child{
    margin-bottom: 0px;
}

.waterfall-buildset-info-container{
    font-size: 0.9em;
}

#waterfall-container .summary-link{
    margin-left: 2px;
    margin-right: 2px;
}

#waterfall-container .fa-wrench{
    font-size: 0.9em;
}

#waterfall-container .link-enabled{
    color: #f9f9f9;
    background-color: var(--black-almost-there);
}

#waterfall-header a{
    color: var(--black-almost-there);
    margin-left: 4px;
    border-radius: 3px;
}

.build-info-row .fa-info,
.waterfall-build-info-container .fa-info{
    float: right;
    margin-left: 15px;
    margin-top: 2px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 2px solid var(--black-almost-there);
    border-radius: 10px;
    padding-left: 4.7px;
    padding-top: 2px;
    color: var(--black-almost-there);
    font-size: 0.6em;
}

.waterfall-build-info-container .fa-info:hover{
    color: var(--gray-dark);
    border: 2px solid var(--gray-dark);
}

.step-details-container pre,
.build-details-container pre{
    background-color: #000;
    color: #11e436;
    padding: 10px;
    margin-top: 10px;
    white-space: pre-wrap;
    min-height: 60px;
}

.build-builder-row,
#step-details span,
#build-details span{
    font-size: 0.9em;
}

#step-details .step-command{
    font-size: 1.0em;
    margin-right: 15px;
}

#step-details .inner-container-left{
    margin-top: 10px;
}

.build-builder-row{
    margin-bottom: 10px;
}

#build-details .repo-name,
#build-details .builder-name{
    padding-left: 0;
    margin-left: 0;
}

#build-details .repo-name{
    font-size: 1.0em;
}

#build-details .repo-name{
    margin-right: 10px;
}


#build-details .commit-branch{
    /* margin-left: 20px; */
}

#step-details .fa-arrow-circle-down,
#build-details .fa-arrow-circle-down{
    position: absolute;
    right: 20px;
    color: #fff;
    margin-top: 20px;
    font-size: 1.4em;
    cursor: pointer;
    opacity: 0.5;
}

#build-details .fa-arrow-circle-down:hover{
    opacity: 1;
}

#build-details .build-output-container,
#build-details .inner-container-right,
#build-details .inner-container-left{
    float: left;
}

#build-details .repo-name-container{
    float: left;
}

#buildset-details .buildset-label,
#build-details .build-label{
    margin-left: 10px;
}

#buildset-details .repo-name{
    margin-right: 10px;
}

#buildset-details .badge,
#build-details .badge{
    margin-left: 20px;
}

.buildset-details-header{
    margin-bottom: 20px;
}

#buildset-details .builder-name{
    margin: 0px;
}

#buildset-details .build-info-row{
    margin-bottom: 10px;
}

#buildset-details .build-status{
    padding: 10px;
}

#buildset-details .col-sm-4{
    float: left;
}

#buildset-details .buildset-builds-container{
    padding-left: 0;
}

#buildset-container .buildset-info-container{
    font-size: 0.9em;
}

#buildset-container .buttons-container{
    margin-top: 20px;
}

#buildset-container .cancel-btn-container{
    float: right;
}

.notification-item{
    list-style: none;
    float: left;
    min-width: 48%;
    margin-right: 10px;
}

#repo-notifications-container ul{
    padding-left: 0;
}

.notification-item:nth-child(2n) + li{
    clear: both;
}

#notificationModal img,
.notification-item img{
    width: 25px;
    height: 25px;
}


#notification-config-advanced{
    display: none;
    margin-top: 10px;
}

#notificationModal input{
    margin-bottom: 10px;
}

.notification-item .fa-check{
    color: var(--success);
    float: right;
}

#change-password-container .col-sm-4,#locale-selection-container .col-sm-4{
    padding-left: 0px;
}

.nice-select{
    float: none;
    height: 37px;
    line-height: 34px;
    font-size: 1.0em;
    color: #495057;
}

.nice-select:focus{
    box-shadow: 0 0 0 0.2rem rgba(109, 112, 115, 0.25);
}

.nice-select::after {
    width: 10px;
    height: 10px;
    border-bottom: 3px solid var(--black-almost-there);
    border-right: 3px solid var(--black-almost-there);
    top: 46%;
}

.secret-show {
    position: absolute;
    right: 8%;
    padding-top: 9px;
    color: #495057;
    z-index: 10;
    cursor: pointer;
}

.secret-show span {
    display: none;
}