@import url(../../../stylesheets/application.css);
@import url(../../alternate/stylesheets/application.css);

h1, h2, h3, h4 { font-family: Gotham, "Trebuchet MS", Verdana, sans-serif; }

body { font-size: 14px; color: #212121; font-family: "Segoe UI VSS (Regular)","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue",Helvetica,"Ubuntu",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

pre, code { font-family: "Fira Code","Consolas","Menlo","Liberation Mono",Courier,monospace }

div.wiki pre { border-radius: 5px; }

table.list tbody td, table.list tbody tr:hover td { border: none; }

/*
  Replace rgb(125,193,66) with rgba(236, 103, 49, 1) - green to orange
*/

#header {
  height: 74px;
  background-color: rgba(89, 90, 92, 1);
  color: rgba(236, 103, 49, 1) /* rgb(125,193,66); */;
  margin: 0px 10px 0 11px;
  padding: 8px 8px 0px 6px; 
  position:relative;
  background-image: url(/themes/RLDatix-Dark/images/RLDatix_logo_salesforce_sm.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#header h1 { text-transform:lowercase; }

#header h1 .breadcrumbs { display: inline; }

#header a { color: rgba(236, 103, 49, 1); }

#top-menu {background-color: rgba(236, 103, 49, 1)}

#main-menu li a, #main-menu li a:hover { background-color: rgb(118,118,119); font-weight: normal; }

#main-menu li a.selected, #main-menu li a.selected:hover { color: #003366; }

a, a:link, a:visited { color: #003366; }

input[type='submit'] { background-color: rgba(236, 103, 49, 1); color: white; font-weight: bold; border: solid 1px  rgba(236, 103, 49, 1); border-radius: 5px; line-height: 27px; }

input[type='submit']:hover { background-color: rgba(236, 103, 49, 1); color: white; font-weight:bold; text-decoration: underline; cursor: pointer; }

div.content, #content, .nosidebar#main #content { border-color: transparent; border: none !important; }

div.issue { background-color: white; border-color: transparent; padding: 0px; }

div.description { padding: 2px; }

div.label {color: #666; font-weight: normal !important; }

div.value { font-weight: 600; }

@media screen and (max-width: 899px)
{
  #header {
    background-color: white !important;
    background-position: center center;
    background-image: url(/themes/RLDatix-Dark/images/RLDatix_logo_salesforce_sm.png);
  }

  .flyout-menu {
    background-color: rgba(236, 103, 49, 1) !important;
  }

  .mobile-toggle-button {
    background-color: rgba(236, 103, 49, 1);
  }
}

/* redmine azure login */

.button-login {
  background-color: rgba(236, 103, 49, 1) !important;
  color: white;
  font-weight: bold;
  border: solid 1px rgba(236, 103, 49, 1);
  border-radius: 5px !important;
  line-height: 27px !important;
  width: 340px !important;
  height: inherit !important;
  left: calc(50% - 170px) !important;
  padding: 7px !important;
}

.button-login-icon {
  float: left;
  height: 18px;
  padding: 1px 0px 0px 4px;
  display: none;
}

.button-login-text {
  line-height: 21px;
  background-image: none !important;
  font-size: 12px;
}