/*
 * reddier orange
 * #ff8060;
*/

body {
  background-color: #333;
  color: #c6c5c5;
}

.logocontainer {
  background-color: #242424;
  background-image: url('/tfstate-green-dark3.png');
  box-shadow: 0px 0px 7px #9bfdef;
}

#howitworks .field, #featurescontainer table th, #plans, #account {
  background:#242424;
}

#howitworks .field, #featurescontainer table, #plans, #account {
  border: 1px solid #894d01;
  color: #ff9208;
}
#featurescontainer table th {
  border-bottom: 1px solid #626160;
}
#featurescontainer table td {
  border-bottom: 1px solid #626160;
  color: #ccc;
}

#compare td {
  color: #999;
}

.cloudlogo {
  background: #494646;
}

#featurescontainer table td {
  background-color: #413f3f;
}

h1, .calc-header {
  text-shadow: none;
  color: #07d5b7;
}

.subheader {
  color: #e2dfdf;
}

.popup {
  color: #666;
  box-shadow: none;
}

#footer {
  background-color: #4d4c4c;
  border-bottom: 15px solid #07d5b7;
}

::placeholder {
   color: #609991;
}
input[readonly]::placeholder {
   color: #609991;
}

a, a:visited, #index h5, #topmenu a {
  color: #07d5b7;
}

input[type=text], input[type=password], input[type=number], textarea, select, .readonly-label {
  background: #474545;
  color: #c6c5c5;
  border: 1px solid #7d7c7b;
}

.password-show {
  color: #ccc !important;
}

.readonly-label, input[readonly] {
  background: #111 !important;
}

input[type=button], input[type=submit], a.button {
  color: #fff;
  background-color: #04bca1;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

input[type=button]:active, input[type=submit]:active, .clickedbutton, .clicked {
  box-shadow: 0px 0px 0px rgba(0,0,0,0.0) !important;
  background-color: #474545 !important;
  text-shadow:none !important;
}


.getstarted {
  box-shadow: 0px 0px 0px #999 !important;
}

#messages, .popup {
  color: #999 !important;
  background-color:#111 !important;
  border: 1px solid #b9752e; !important;
}

.bubble-cloud {
  background: #3a3333;
}

#topmenu {
  background-color: rgba(34, 33, 33, 0.85);
}

#topmenu.scrolled {
  box-shadow: none;
}

b {
  color: #fff;
}

.ai-example {
  background-color:#000;
}

.codeblock {
  background-color: #242424;
}

.codeblock span h1 {
  background-color: #333;
}

.codeblock pre {
  background-color: #ddd;
}

/* inside application */

#menu {
  background-color: transparent;
}

#repos div.repo, #infra div.infra, #alerts div.alert, #config div.config, #profile div.profile, #plancontainer div.plancontainer {
  border-top: 0px solid #474646;
  /* background-color:#434343;
  margin-top:3px; */
}
#profile, #repos, #infra, #alerts, #config {
  background: #242424;
  border: 1px solid #894d01;
  padding: 20px;
}

.main h4 {
  color: #eee;
  background: #242424;
  text-shadow:none;
}

#howto-page1, #howto-page2, #howto-page3 {
  background:#333;
  border: 1px solid #894d01;
}

#popup-menu span.selected {
  background-color: #333 !important;
  color: #c6c5c5;
}
#popup-menu span {
  background-color: #242424 !important;
  color: #999;
}

a.secondary-button:hover {
  background: #583202;
  border: 1px solid #ff9208;
}

code {
  background-color: #028572;
  color: #ccc;
}

.config-box {
  background-color: #242424;
  box-shadow: 0px 0px 2px #b1b1b1;
}

.config_info_2 {
  background-color: #333;
  border:1px solid #f28a06;
  font-size:0.9rem;
}
.inactive {
  background-color: #111 !important;
  border:0px solid #ccc !important;
}
.inactive b {
  color:#999;
}
.inactive .config_info_2_inner {
  color: #666;
}

input:checked + .slider {
  background-color: #f28a06;
}

.extra-info-popup {
  background-color:#000;
}

.login-account {
  background-color: #474545;
}

.badge {
  background-color: #242424;
}

a.secondaryclicked {
  background-color: #666 !important;
}

.config_info_2_inner {
  color: #fff;
}

/* animation for the header title - see style.css */
#nametitle {
 background: 50% 100% / 50% 50% no-repeat
             radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;
}