.dropdown-item {
  padding: .25rem 0.5rem;
}

div.form-group > label {
	text-align: right; 
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px !important;
  }
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90% !important;
   max-width:1200px !important;
  }
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

a {
    color: #337ab7;
    text-decoration: none;
}

/* alertify custom */

.alertify .ajs-body .ajs-content {
    padding: 16px 0px 16px 0px;
}

body {
    margin: 0;
		font-family: 'Open Sans', Source Sans Pro,sans-serif;
    font-size: 14px;
    line-height: 16px !important;
    color: #333;
    background-color: white;
		overflow-x: hidden; /* remove horizontal scroll bar */
}

h2.completed_build {
    display: block;
    width: 100%;
    padding: 0 ;
    margin-bottom: 10px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    font-weight: normal;
    border-bottom: 1px solid #E5E5E5;
}

h2.in_progress_build {
    display: block;
    width: 100%;
    padding: 0 ;
    margin-bottom: 10px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    font-weight: normal;
}

h3 {
    margin-top: .4em;
}

img {
    border-style: none;
}

/* default layout classes */

.header {
    background-image: url(../images/top_gradient.png);
    background-position: top;
    background-repeat: repeat-x;
    font-weight: normal;
    clear: both;
}

.header .cc_logo {
    margin: 10px 0 0 1.5em;
    height: 34px;
}

.footer {
    font-size: 0.85em;
    color: #999;
    text-align: right;
    clear: both;
    padding-left: 5px;
    padding-right: 5px;
		margin-top: -30px;
}

.footer .version {
}

.footer a, .footer a:visited {
    color: #507ec0;
}

.main_menu {
    color: #507ec0;
    padding: 0 1.5em 0 0.5em;
    float: right;
    line-height: 12px !important;
}

.main_menu .menu_item {
    color: #666;
    display: block;
    font-size: 0.8em;
    text-align: right;
    padding: 0 0.35em 0.2em 0;
}

.main_menu .menu_item a, .main_menu .menu_item a:visited {
    color: #507ec0;
}

#content {
    padding-left: 1.5em;
}

.error_message {
    font-weight: bold;
    color: #C00;
}

/* build status stuff */

.build_status {
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
}

.build_failed .build_status, .build_never_built .build_status {
    text-transform: uppercase;
}

.build_success .build_status {
    color: #0A0;
}

.build_failed .build_status {
    color: #C00;
}

.build_never_built .build_status {
    color: #888;
}

.build_author {
    font-weight: bold;
}

a.success, a.success:visited {
}

a.failed, a.failed:visited {
    font-weight: bold;
    color: #C00;
}

a.incomplete, a.incomplete:visited {
    font-weight: bold;
    font-style: italic;
    color: #888;
}

a.never_built, a.never_built:visited {
    font-weight: bold;
    color: #888;
}

/* Project dashboard */

.project {
    margin-top: 0.75em;
    padding: 0 1.5em;
    min-height: 9.2em;
}

.build_success, .build_never_built, .build_incomplete, .build_failed {
    background-position: bottom;
    background-repeat: repeat-x;
    margin-left: -2.5em;
}

.build_never_built, .build_incomplete {
    background-image: url(../images/gray_gradient.png);
}

.build_success {
    background-image: url(../images/green_gradient.png);
}

.build_failed {
    background-image: url(../images/red_gradient.png);
}

.project table.project_pane {
    padding-left: .75em;
    width: 100%;
}

.project table.project_pane td {
    vertical-align: top;
    text-align: left;
}

.project table.project_pane td.project_summary {
    width: 35%;
		min-width: 350px;
}

.project table.project_pane td.builder_control {
    width: 15%;
}

.project table.project_pane td.build_details {
    width: 44%;
}

div.lamp {
    margin-top: 5px;
    width: 45px;
    background-image: url(/images/buildwise/lamp_bg_small.png);
    background-repeat: none;		
    float: left;
    height: 110px;
}

div#lava {
    margin-top: 19px;
    margin-left: 6px;
}

.project .project_summary .buttons {
    padding: 1.5em;
}

.project .project_summary .buttons form {
    display: inline;
}

.project .build_button, .project .build_button_disabled {
    color: #000;
    font-weight: bold;
    background-repeat: no-repeat;
    font-size: 11px;
    text-align: center;
    width: 110px;
    height: 23px;
    border: none;
    background-color: transparent;
}

.project .build_button {
    background-image: url(../images/button.png);
    cursor: pointer;
}

.project .build_button_disabled {
    color: #999;
    background-image: url(../images/button_disabled.png);
}

.project .recent_builds {
    color: #666;
    padding-left: 5px;
}

.project .recent_builds .lead {
    float: left;
    padding-right: 0.5em;
}

.project .recent_builds .builds_list {
    float: left;
}

.project .builder_control .builder_status_builder_down,
.project .builder_control .builder_status_unknown,
.project .builder_control .builder_status_source_control_error,
.project .builder_control .builder_status_timed_out {
    font-weight: bold;
    padding-top: 5px;
    padding-left: 25px;
    background-image: url(../images/spinner_error.gif);
    background-position: left;
    background-repeat: no-repeat;
}

.project .builder_control .builder_status_building,
.project .builder_control .builder_status_build_requested,
.project .builder_control .builder_status_queued {
    font-weight: bold;
    padding-top: 5px;
    padding-left: 25px;
    background-image: url(../images/spinner.gif);
    background-position: left;
    background-repeat: no-repeat;
}

.project .build_summary {
}

span.project_name {
    padding: 5px;
    margin-top: 5px;
    font-size: 19px;
    font-weight: normal;
}

/* Other classes */
.warning {
    color: #F28218;
}

.error, .error a, .error a:visited {
    color: #C00;
}

.log {
    overflow: auto;
}

.test-results {
    font-weight: bold;
}

.build-section {
    margin-top: 12px;
    font-size: 1.5em;
    color: #356AA0;
}

.label {
    font-weight: bold;
    text-align: right;
}

.help {
    padding-left: .7em;
    color: #666;
}

.help a {
    color: #333;
}

.flash_notice {
    border: 1px solid #F87900;
    background-color: #FED;
    color: #F87900;
    padding: 1ex;
}

.flash_error {
    border: 1px solid #F87900;
    background-color: #FED;
    color: #FD3300;
    padding: 1ex;
}

.build_time {
    margin-top: -1em;
    margin-left: 3em;
}

#build_details {
    margin-left: 225px;
    padding-right: 1.5em;
}

#build_details.incomplete {
    margin-left: 20px !important;
}

#build_details .section_content {
    padding-left: 1.4em;
    word-wrap: break-word;
}

#build_details .formatted {
    padding-left: 0.85em;
    font-family: Cousine, courier, monospace;
    word-wrap: break-word;
    white-space: pre;
	  font-size: 12px;
}

/* section stuff */
#build_details .section_header {
    cursor: pointer;
    font-size: 1.15em;
    padding-left: 1.15em;
    background: no-repeat center left;
    margin: .4em 0;
}


/* use font-awesome as background http://astronautweb.co/snippet/font-awesome/ */

#build_details .section_closed .section_header, #build_details .section_open .section_header  {
    position: relative;
}

div.section_open, div.section_closed {
  margin-left: 1px;
}

#build_details .section_closed .section_header:before {
		content: "\f138"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #444;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0px;
}
 
#build_details .section_open .section_header:before {
    content: "\f13a"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #444;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0px;
}

#build_details .section_closed .section_content {
    display: none;
}

#builds_list {
    width: 210px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

/*
#builds_list .selected a {
    background-color: #507ec0;
    color: #FFF;
}

#builds_list .selected a .error {
    background-color: #507ec0;
    color: #F66;
}

#builds_list .selected a, #builds_list .selected a:visited {
    color: #FFF;
}
*/

.logfile {
    padding-top: 0;
		overflow-x: auto;
}

.build_link {
    padding: 1px 1px 1px 0;
}

.code {
    padding-left: 1em;
    font-family: courier, monospace;
}

.code a {
    color: black;
}

.code .line_number {
    color: #bbb;
    margin-right: 2em;
    width: 4em;
}

.code .line:hover {
    background-color: #feb;
}

.code .selected_line {
    background-color: #ccf;
}

#navigate_build {
    color: #aaa;
    margin: 0em -5em 1em -1.2em;
}

#navigate_build strong {
    color: black;
    font-weight: normal;
}

tr.green_background {
    background-image: url(/images/green_gradient.png);
}

div.build_list_complete_false a {
    color: red;
    /* font-size: 95%; */
}

div.build_list_complete_true a {
    color: green;
    /* font-size: 95%; */
}

div.build_list_building a {
    color: blue;
    /* font-size: 95%; */
}

div.build_list_scheduled a {
    color: gray;
    /* font-size: 95%; */
}

span.result-failure a{
    color: #D15600;
    font-weight: bold;
}

span.result-error a{
    color: #D01F3C;
    font-weight: bold;
}

span.result-ok {
    color: #006E2E;
    font-weight: bold;
}

/* http://www.duoh.com/csstutorials/csstables/ or
http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/*/
table.list, table.list2 {
    padding: 0;
    margin: 0;
    font-size: 90%;
}

table.list caption, table.list2 caption {
    padding: 0 0 5px 0;
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

table.list th, table.list2 th {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA;
    /*    background: #CAE8EA url(/images/agileway/bg_table_header.jpg) no-repeat;*/
}

table.list th.nobg, table.list2    th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

table.list td, table.list2 td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}

table.list    td.alt {
    background: #F5FAFA;
    color: #797268;
}

table.list2    td.alt {
    background: #FFF4D8;
    color: #797268;
}

table.list th.spec {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(/images/agileway/bullet1.gif) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.list    th.specalt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(/images/agileway/bullet2.gif) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}

table.list td.first_column {
    border-left: 1px solid #C1DAD7;
}


/* CodeRay Styles */
/*
.CodeRay {
    background-color: #f8f8f8;
    border: 1px solid silver;
    font-family: 'Courier New', 'Terminal', monospace;
    color: #000;
}
.CodeRay pre { margin: 0px }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers, .CodeRay .no {
    background-color: #def;
    color: gray;
    text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .line_numbers .highlighted { color: red }
.CodeRay .no { padding: 0px 4px }
.CodeRay .code { width: 100% }

ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .debug { color:white ! important; background:blue ! important; }

.CodeRay .af { color:#00C }
.CodeRay .an { color:#007 }
.CodeRay .at { color:#f08 }
.CodeRay .av { color:#700 }
.CodeRay .aw { color:#C00 }
.CodeRay .bi { color:#509; font-weight:bold }
.CodeRay .c  { color:#888; }

.CodeRay .ch { color:#04D }
.CodeRay .ch .k { color:#04D }
.CodeRay .ch .dl { color:#039 }

.CodeRay .cl { color:#B06; font-weight:bold }
.CodeRay .cm { color:#A08; font-weight:bold }
.CodeRay .co { color:#036; font-weight:bold }
.CodeRay .cr { color:#0A0 }
.CodeRay .cv { color:#369 }
.CodeRay .de { color:#B0B; }
.CodeRay .df { color:#099; font-weight:bold }
.CodeRay .di { color:#088; font-weight:bold }
.CodeRay .dl { color:black }
.CodeRay .do { color:#970 }
.CodeRay .dt { color:#34b }
.CodeRay .ds { color:#D42; font-weight:bold }
.CodeRay .e  { color:#666; font-weight:bold }
.CodeRay .en { color:#800; font-weight:bold }
.CodeRay .er { color:#F00; background-color:#FAA }
.CodeRay .ex { color:#C00; font-weight:bold }
.CodeRay .fl { color:#60E; font-weight:bold }
.CodeRay .fu { color:#06B; font-weight:bold }
.CodeRay .gv { color:#d70; font-weight:bold }
.CodeRay .hx { color:#058; font-weight:bold }
.CodeRay .i  { color:#00D; font-weight:bold }
.CodeRay .ic { color:#B44; font-weight:bold }

.CodeRay .il { background: #ddd; color: black }
.CodeRay .il .il { background: #ccc }
.CodeRay .il .il .il { background: #bbb }
.CodeRay .il .idl { background: #ddd; font-weight: bold; color: #666 }
.CodeRay .idl { background-color: #bbb; font-weight: bold; color: #666; }

.CodeRay .im { color:#f00; }
.CodeRay .in { color:#B2B; font-weight:bold }
.CodeRay .iv { color:#33B }
.CodeRay .la { color:#970; font-weight:bold }
.CodeRay .lv { color:#963 }
.CodeRay .oc { color:#40E; font-weight:bold }
.CodeRay .of { color:#000; font-weight:bold }
.CodeRay .op { }
.CodeRay .pc { color:#038; font-weight:bold }
.CodeRay .pd { color:#369; font-weight:bold }
.CodeRay .pp { color:#579; }
.CodeRay .ps { color:#00C; font-weight:bold }
.CodeRay .pt { color:#074; font-weight:bold }
.CodeRay .r, .kw  { color:#080; font-weight:bold }

.CodeRay .ke { color: #808; }
.CodeRay .ke .dl { color: #606; }
.CodeRay .ke .ch { color: #80f; }
.CodeRay .vl { color: #088; }

.CodeRay .rx { background-color:#fff0ff }
.CodeRay .rx .k { color:#808 }
.CodeRay .rx .dl { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }

.CodeRay .s { background-color:#fff0f0; color: #D20; }
.CodeRay .s .s { background-color:#ffe0e0 }
.CodeRay .s .s  .s { background-color:#ffd0d0 }
.CodeRay .s .k { }
.CodeRay .s .ch { color: #b0b; }
.CodeRay .s .dl { color: #710; }

.CodeRay .sh { background-color:#f0fff0; color:#2B2 }
.CodeRay .sh .k { }
.CodeRay .sh .dl { color:#161 }

.CodeRay .sy { color:#A60 }
.CodeRay .sy .k { color:#A60 }
.CodeRay .sy .dl { color:#630 }

.CodeRay .ta { color:#070 }
.CodeRay .tf { color:#070; font-weight:bold }
.CodeRay .ts { color:#D70; font-weight:bold }
.CodeRay .ty { color:#339; font-weight:bold }
.CodeRay .v  { color:#036 }
.CodeRay .xt { color:#444 }

.CodeRay .ins { background: #afa; }
.CodeRay .del { background: #faa; }
.CodeRay .chg { color: #aaf; background: #007; }
.CodeRay .head { color: #f8f; background: #505 }

.CodeRay .ins .ins { color: #080; font-weight:bold }
.CodeRay .del .del { color: #800; font-weight:bold }
.CodeRay .chg .chg { color: #66f; }
.CodeRay .head .head { color: #f4f; }
*/


div#ui_test_summary {
    position: absolute;
    top: 0px;
    right: 108px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 13px;
    min-height: 24px;
		height: 44px;
		font-size: 1.3rem;
    /*
    background-color: rgb(255, 0, 0);
    background-color: rgb(56, 182, 3);
    */
		border-radius: 0px;
		z-index: 1000;
}

.ui_test_error_count {
    font-size: 21px;
}

a.toggle-link {
    cursor: pointer;
}

span.past_agent {
    color: red;
}

ul.build_steps {
    display:inline;
}

ul.build_steps li{
    cursor: pointer;
    display:inline;
    background-color: #356AA0;
    border: px solid #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    margin: 0 auto 2px;
    padding: 5px;
    text-align: left;
    width: 90px;
    font-size: 120%;
}

ul.build_steps li a {
    text-decoration: none;
}

ul.build_steps li.green {
    background-color: green !important;
}

li.build_step {
    list-style: none;
}

ul.notfication li.green {
    background-color: green !important;
}

span.long_test, span.hint {
    color: gray;
}

div.config-section-content {
    padding-left: 25px;
}

label.instruction {
    font-size: 90%;
    color: #444;
    font-style: italic;
}

span.instruction, div.instruction {
    font-size: 100%;
    color: #444;
    font-style: italic;
}

div.instruction {
	margin-top: 5px;
}

input[type="text"], input[type="password"].styled{
/*    border:1px solid #aaa;
    font-size:12px;
    padding:2px;*/
}

span.task_name {
    display: inline-block;
    width: 160px;
}

span.subtitle-small {
    font-size: 12px;
    text-transform: lowercase;
}

span.test_file_result {
    font-size: 12px;
    font-style: bold;
}

span.failed {
    color: red;
}


h2  {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px !important;
    line-height: 40px !important;
    color: #333 !important;
    border: 0;
    border-bottom: 1px solid #E5E5E5 !important;
    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border: none;
    border-image: initial;
}

div.control-group-mini {
    margin-bottom: 10px !important;
}

div.build-link a.successful, div.build-link a.successful:visited {
    font-weight: normal;
    font-color: #006E2E !important;
    color: #006E2E !important;
    opacity: 0.9;
}

div.build-link a.failed, div.build-link a.failed:visited {
    font-weight: normal;
    font-color: #D01F3C !important;
    opacity: 0.9;

}


div.build-link a.incomplete, div.build-link a.incomplete:visited {
    font-weight: normal;
    font-color: #356AA0 !important;
    opacity: 0.9;
}

.modal-wide .modal-dialog {
  width: 75%; /* or whatever you wish */
}

div.logfile {
	font-family: Cousine, monospace !important;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

span.label {
    font-weight: normal !important;
    font-size: 18px;
    padding: 8px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.label-cancelled {
    background-color: #f89406 !important;
}

.label-failed {
    background-color: rgba(189, 54, 47, 0.9) !important;
}

.label-success {
  background-color: #5cb85c;
}

.label-default {
    background-color: #777;
}

.label-warning {
	 background-color: #f0ad4e;
}

.label-building, .label-info {
	 background-color: #2aabd2;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

/* http://www.colorzilla.com/gradient-editor */

/* cyan */
.bar-source_control_update, .bar-0 {
    background-color: #4bb1cf !important;
    background-image: -moz-linear-gradient(top,#5bc0de,#339bb9)  !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9))  !important;
    background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9)  !important;
    background-image: -o-linear-gradient(top,#5bc0de,#339bb9)  !important;
    background-image: linear-gradient(to bottom,#5bc0de,#339bb9)  !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)  !important;
}

/* orange */
.bar-1 {
    background-color: #faa732 !important;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)) !important;
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406) !important;
    background-image: -o-linear-gradient(top,#fbb450,#f89406) !important;
    background-image: linear-gradient(to bottom,#fbb450,#f89406) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0) !important;
}

/* blue */
.bar-2 {
    background-color: #0e90d2 !important;
    background-image: -moz-linear-gradient(top,#149bdf,#0480be) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be)) !important;
    background-image: -webkit-linear-gradient(top,#149bdf,#0480be) !important;
    background-image: -o-linear-gradient(top,#149bdf,#0480be) !important;
    background-image: linear-gradient(to bottom,#149bdf,#0480be) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0) !important;
}


/* dark green */
.bar-3 {
    background-color: #5eb95e !important;
    background-image: -moz-linear-gradient(top,#62c462,#57a957) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957)) !important;
    background-image: -webkit-linear-gradient(top,#62c462,#57a957) !important;
    background-image: -o-linear-gradient(top,#62c462,#57a957) !important;
    background-image: linear-gradient(to bottom,#62c462,#57a957) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0) !important;
}


.bar-main-step-successful {
	background: #8fc400 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8fc400 0%,#8fc400 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8fc400 0%,#8fc400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
}


.bar-main-step-failed {
    background-color: #d9534f !important;
    background-image: -moz-linear-gradient(top,#c9534f,#d9534f) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#c9534f),to(#d9534f)) !important;
    background-image: -webkit-linear-gradient(top,#c9534f,#d9534f) !important;
    background-image: -o-linear-gradient(top,#c9534f,#d9534f) !important;
    background-image: linear-gradient(to bottom,#c9534f,#d9534f) !important;
    background-repeat: repeat-x;
}


.bar-tagging, .bar-6 {
    background-color: #DD514C !important;
    background-image: linear-gradient(to bottom, #EE5F5B, #C43C35)  !important;
    background-repeat: repeat-x  !important;
}

.bar-publish {

}

.red {
	color: red;
}

.green {
  color: green;
}

.gray {
  color: gray;
}

.brown {
  color: brown;
}

.blue {
  color: blue;
}

.orange {
  color: #FF851B;
}


.form-control-label {
    padding-top: 5px;
		font-weight: 600;
}

.form-control-inline {
    display: inline !important;
}

/* default coderay is 10px */
div.code pre {
  font-size: 14px !important;
}

b.section-heading {
  color: #337ab7;
  font-size: 1.2em;
}


b.test_script_filename {
  color: #337ab7;
  font-size: 1.5em;
}

b.test_case_name {
  font-size: 1.2em;
}

.modal .modal-body {
    max-height: 640px;  /* maxium for test script and failure */
    overflow-y: auto;
}

.marked-text {
  background-color: yellow;
  font-weight: bold;
  padding: 0 0px;
  color: #000;
  border-radius: 5px;
  font-weight: 300;
}

a.sorted_column {
  font-weight: 700;
  color: black;
}

div.hint {
  color: gray;
}

div.hint-below {
  margin-top: 5px;
}

#project_form input[type="text"], #project_form input[type="password"], #project_form textarea, #new_project_form input[type="text"] {
  font-family: arial, sans-serif;
  font-size: 16px;
  color: black;
}

div.tab-pane {
  padding: 15px;
}

/* x-editable customization */
div.editable-input > input[type="text"] {
	width: 320px;
}

div.CodeRay div.code {
  padding-left: 0px;
}

div#test_script_content div.CodeRay { 
  border: 0px;
}

div#dialog h3, div#test_history_dialog h3 {
  line-height: 0.1;	
}

/* notification banner */

#banner {
	position: fixed;
    top: 0;
     left: 0;
     z-index: 999;
     width: 100%;
    height: 44px;
	 
    background: #fff;
    width: 100%;
    cursor: pointer;

    font-family: "Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    /* line-height: 1rem; */
}

.banner_content {
    font-size: 14px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: Slack-Lato,appleLogo,sans-serif;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    position: relative;
    height: 44px;
    padding: .5rem 2.5rem;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

#notifications_banner {
    font-weight: 900;
	background: #FF7F00;
/*	
    background: #4c9689;
    background: #dfa941;
	background: #2A80B6;
*/
}

#banner .dismiss {
    position: absolute;
    right: .85rem;
    top: .25rem;
    font-size: 1.25rem;
    text-decoration: none!important;
    line-height: 1.9rem;
}

#notifications_banner .dismiss  {
  color: #FFF;
}

a:not([href]) {
    cursor: pointer;
}

#banner .dismiss {
    position: absolute;
    right: .85rem;
    top: .25rem;
    font-size: 1.25rem;
    text-decoration: none!important;
    line-height: 1.9rem;
}

.ts_icon_times:before {
   content: '\E278'; 
}
.ts_icon:before, ts-icon:before {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
}


.reg-block {
    width: 350px;
    padding: 20px;
		padding-right: 40px;
    margin: 60px auto;
    background: #fff;
    border-top: solid 2px #72c02c;
}

#login-form input[type='text'], #login-form input[type='password'] {
    padding-top: 5px;
    padding-bottom: 5px;
}

#login-form i, #login-form input {
    font-size: 20px;
}

.btn-u {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #72c02c;
    display: inline-block;
    text-decoration: none;
}

div.input-group>input {
    border: 1px solid #ccc;    
    border-top-right-radius: 4px;    
    border-bottom-right-radius: 4px; 
    padding-right: 6px;       
}

/*.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

*/

.reg-block .input-group-addon {
    color: #bbb;
    background: none;
    min-width: 42px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.reg-block .checkbox {
    color: #555;
    margin-bottom: 20px;
    font-weight: normal;
}


.dropdown-menu-right {
    right: 0 !important;
    left: auto;
}

#login-form #sign_in_btn {
	padding: 13px;
  border-radius: 4px;	
}

@media screen and (max-width: 1024px) {
    div#builds_list {
        display: none !important;
    }
		div#build_details {
	    margin-left: 0px;			
		}
}

.btn-borderless {
	border: 0px solid transparent;
}

.font_monospace {
	font-family: 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
}

span.build_summary {
 padding-top: 16px;
}

span.build_summary a {	
	font-size: 16px; /* somehow label is set 75% */
  font-weight: 100 !important;
}

h2.build_heading {
	padding-bottom: 0px;
  padding-top: 3px;
}

span.match_results {
	 color: #666;
}

.form-group-sm {
   	margin-bottom: 0.5rem;
}

.form-group-sm .form-control {
    font-size: 14px;
}

.label-as-badge {
    border-radius: 1.5em !important;
}

span#publisher_wemo_failure_ip_indicator, span#publisher_wemo_success_ip_indicator {
	font-size: 9px;
}

a.test-file-link, a.test-history-link, a.test-stderr-link, a.test-stdout-link { 
  cursor:pointer; 
}

a.test-history-link, a.test-file-link {
  color: black;
}

tr.test_file_row {
}

table.list th, table.list2 th, table#test_results_table th {
    font: bold 12px;
    color: #4f6b72;
/*    border-right: 1px solid #C1DAD7;*/
/*    border-bottom: 1px solid #C1DAD7;*/
/*    border-top: 1px solid #C1DAD7;*/
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    padding: 8px 6px 8px 12px;
		background: #fafbfc;
/*    background: #CAE8EA;*/
}

div.test-case-stderr, div.test-case-stdout {
	margin: 5px;
	margin-top: 8px;
	background: #FEFEFE;
	
	max-width: 750px;
	overflow-x: auto;
}

div.project_build_history_item {
	padding-bottom: 4px;
}

input.step_task {
	margin-left: 8px;
	width: 80%;
}

div#tab-steps a {
	padding-left: 0.4em;
	font-size: 1.1em;
}

div.build_nav_heading {
	font-size: 16px;
}

#build_step_list tr.active td {
	font-weight: bold;
}

#build_steps label {
	font-size: 14px;
}

.CodeMirror {
  border: 1px solid #eee;
}

span.step-handle {
	float: left;
	cursor: hand;
}

td.step-group {
	font-size: 1.1em;
	padding-left: 12px !important;
}

td.step-actual a {
	padding-left: 20px !important;
}


td.step-actual span.planned {
	padding-left: 20px !important;
	color: gray;
}


div#left_tabs {
  padding-right: 6px;
}

#reportrange {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
    color: #333333;
    padding: 6px;
    font-size: 14px;
    margin-top: 1px;
    line-height: 16px;
    cursor: pointer;
	margin-right: 20px;
}

/* patch daterange packer input */
div.daterangepicker_input > input.input-mini {
  padding-left: 28px;	
}

table#build_step_list {
	margin-bottom: 0px;
}

div#tab-history {
	padding-right: 8px;
}

div.build-link a {
	font-size: 13px;
}

div#screenshot.overview img {
  max-height: 100%;
  max-width: 100%;
}

/* except most recent build on the dashboard */
div.project_build_history_item_past {
	opacity: 0.65;
}

#statsTab>li>a {
	padding: 6px 10px;
}

label.dropdown-menu-icon {
	width: 1.1em;
	text-align: center;
}

div#reportrange {
	margin-right: 2px;
}

@media screen and (min-width: 640px) {
	div#reportrange {
		margin-right: 20px;
	}
}


tr.test_file_row_striped {
    background-color: #f9f9f9;
}

span.test_file_name {
	font-weight: 600;
}

span#project_name_display {
	color: #007bff;
}

.dropdown-menu {
	font-size: 0.9rem;
}

table#manage-project-table a.change-project-btn {
	min-width: 52px;
}


div#project-config-xml-div .CodeMirror {
	height: 400px;
}

a.rerun_unnecessary {
	opacity: 0.4;
}

div.project-builds-chart-container {
	height: 75px; width: 125px; margin-left: -9px;
	float: left;
}

div.build-history-chart-container {
	height: 75px; width: 210px; margin-left: -9px;
}

div.recent-2-builds {
	margin-left: 125px;
}

div.slogan {
  text-align: left;
}


div#project-form input, div#project-form textarea {
  font-size: 16px;
}


@media (max-width: 576px) {
  .hidden-mobile {
  	display: none;    
  }    
}

/* iPhone Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
		   
    div.slogan {
      text-align: right;
    }
    
		span.subtitle-small {
			display: none;
		}
		
		div.project-builds-chart-container {
			width: 100px;
		}
		
		div.recent-2-builds {
			margin-left: 105px;			
		}
		
		div.builds_list {
			margin-left: -20px;
		}
		
		div.config-section-content {
	    padding-left: 15px;
	    padding-right: 10px;
		}
		
		div.form-group > label {
		    text-align: left;
		}
		
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BCBCBC !important;
    font-weight: 300 !important;
    opacity: 1; /* Firefox */
}

span.mandatory {
  color: red !important;
}

#target-browser-div>span>input[type="radio"]:checked+span, span.selected-browser{
  color: #337ab7;
  font-weight: 600;
}


span.stats_number {
	font-size: 150%;
}
span#test_files_count {
	font-size: 120%;
	color: #006600;
}
span#requirement_covered_count {
	color: #00AA00;
}
span.story_points {
	font-size: 125%;
	color: #0066AA;
}

div.story-test {
  margin-top: 0.2rem; padding: 0.2rem; padding-top: 0.5rem; background: ivory;  
}

.input-group-text {
  font-size: 0.9rem;
}




div#test_script_content {
	padding: 0px;
}

div.modal-header {
	padding: 0.6rem 0.85rem;
}


div.bb-modal-dialog .btn {
    font-size: 11px !important;
    padding: 8px 26px 6px !important;
    letter-spacing: 1.7px !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
    outline: none !important;
    -webkit-transition: 0.15s linear !important;
    transition: 0.15s linear !important;
}

.btn-secondary {
    color: #757575;
    background-color: #e9ecf0;
    border-color: #e9ecf0;
}

.btn-secondary:hover {
    color: #757575;
    background-color: #dde2e8;
    border-color: #dde2e8;
    -webkit-box-shadow: 0 1px 10px rgba(233, 236, 240, 0.4);
    box-shadow: 0 1px 10px rgba(233, 236, 240, 0.4);
}


.btn-secondary:focus, .btn-secondary.focus {
    color: #757575;
    -webkit-box-shadow: 0 0 0 0rem rgba(233, 236, 240, 0.5);
    box-shadow: 0 0 0 0rem rgba(233, 236, 240, 0.5);
}

.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #757575;
    background-color: #d1d7df;
    border-color: #d1d7df;
    -webkit-box-shadow: 0 0 0 0rem rgba(233, 236, 240, 0.5);
    box-shadow: 0 0 0 0rem rgba(233, 236, 240, 0.5);
}

a#build_summary_link {
	color: white;
	font-style: italic;
	background-color: #777;
}

td.test_execution {
    text-align: center;
}

pre#test-stdout {
	font-weight: 600;
}

.modal-body > .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem 0.75rem;
    z-index: 1;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal .close {
    font-weight: 100;
}

.close {
    float: right;
    font-size: 1.40625rem;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .5;
}

.border-right-0 {
    border-right: 0!important;
}

.border-left-0 {
    border-left: 0!important;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

ul#statsTab li.nav-item a.nav-link.active {
    font-weight: 600;
}

a.individual_operation_load_test_history {
	color: #902BF5;
}

pre.script {
 margin: 2px; 
 padding: 4px;
}


button.btn-clipboard {
/*    position: absolute;*/
    top: .5rem;
    right: .5rem;
    z-index: 10;
    display: block;
    padding: .25rem .5rem;
    font-size: 80%;
    color: #818a91;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: .25rem;
}


button.btn-clipboard::hover {
  color: #FFF;
  background-color: #027de7;  
}

button.btn-clipboard::focus {
  outline: 5px auto -webkit-focus-ring-color;
}

button.btn-clipboard {
  float:right;
}


@keyframes highlight {
    0% {
        background: #ffff99; 
    }
    100% {
        background: none;
    }
}

.highlight {
    animation: highlight 2s;
}

.modal-body-tall {
  min-height: 70vh; /* or height: 500px */
}