.login-providers {margin:0 auto 2em auto; padding: 0 20px; width:340px;}
.login-providers.top {margin-top: 5em; margin-bottom: -3em;}
.login-providers div.or-line {text-align: center; margin: 2em 0;}
.login-providers hr.or {margin: 0; position: relative; top: .7em; height: 0; border-top: 1px solid #FDBF3B; border-bottom: none;}
.login-providers div.or {background: #FFEBC1; color: #FDBE61; padding: 0 .5em; position: relative; display: inline-block; font-variant: small-caps;}
.login-providers .provider {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
}
.login-providers .provider button {
  width: 100%;
  margin: 0;
  font-size: 14px;
  border: none;
}

textarea.mails {
  width:100%;
}

.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%) brightness(170%);
}

.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%) brightness(100%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
}

.grayscale-replaced.grayscale-fade:hover svg {
  opacity: 0;
}

.icon-group-add {
  background-image: url('/plugin_assets/redmine_tenantable/images/group_add.png');
}

.trial-status {
  background-color: #dfffdf;
  border: 1px solid #9fcf9f;
  border-radius: 5px;
  margin: 20px 20px 20px 0px;
  padding: 0 10px;
}
.trial-status img {
  float:right;
  max-height: 48px;
  max-width: 48px;
}
.trial-status ul li {
  list-style-type: disc;
  margin-left: 15px;
}

.trial-status .trial-upgrade {
	font-weight:bold;
	text-decoration:underline;
}

/* starting with 4,5,6 */
.trial-status table[class*="progress-4"] .closed,
.trial-status table[class*="progress-5"] .closed,
.trial-status table[class*="progress-6"] .closed
{
  background-color: #e0ba7e; /* yellow*/
}

/* exact matches 1-9 */
.trial-status table[class~="progress-1"] .closed,
.trial-status table[class~="progress-2"] .closed,
.trial-status table[class~="progress-3"] .closed,
.trial-status table[class~="progress-4"] .closed,
.trial-status table[class~="progress-5"] .closed,
.trial-status table[class~="progress-6"] .closed,
.trial-status table[class~="progress-7"] .closed,
.trial-status table[class~="progress-8"] .closed,
.trial-status table[class~="progress-9"] .closed,

/* starting with 2,3 */
.trial-status table[class*="progress-1"] .closed,
.trial-status table[class*="progress-2"] .closed,
.trial-status table[class*="progress-3"] .closed
{
  background-color: #e0baba; /* red */
}

/* exact match 100 */
.trial-status table[class~="progress-100"] .closed
{
  background-color: #BAE0BA; /* green */
}

/* connections to external providers */
table.connections td.buttons { width: 40%; line-height: 3em;}
table.connections td.buttons .select-project { margin: 5px 0; max-width: 200px;}
table.connections td.buttons .button-connect { float: right; margin-left:10px; }
table.connections td.name {width: 20%; font-weight: bold;}