/* Styles for rhsm-web */

#addsubs {
  padding: 16px 10px 10px;
}

#ajaxLoading {
  display: none;
  background: url(/../assets/bg-spinner.gif) no-repeat 4px 50%;
  float: left;
  font-style: italic;
  padding: 6px 10px 6px 26px;
}

.alertError ul {
  margin-bottom: 0;
}

#available_pools_table .quantity input {
  width: 80%;
}

#available_pools_table .quantity select {
  min-width: 50px;
}

.buttonActionDataTable {
  margin: 12px 0 0;
}

.buttonActionDataTable.export {
  position: absolute;
  right: 0;
}

.buttonActionDataTable.export.solo {
  float: right;
  position: relative;
}

.button-to {
  clear: left;
}

.button-to.actions {
  float: right;
  padding: 13px 0 0;
}

.button-to.actions form {
  display: inline;
}

.button-to div {
  float: left;
  margin-right: 6px !important;
}

#cert_header_dialog+h2 {
  padding: 24px 0 10px;
}

#Confirm_Message {
  margin-bottom: 6px;
}

#Confirm_Message .ui-icon {
  float: left;
  margin: 0 8px 12px 0;
}

.dataTables_selectedStatus {
  font-weight: normal;
  background: #fffec0;
  border: 1px solid #d1d1a1;
  border-bottom-color: #d4d4a0;
  border-top-color: #d4d4a0;
  line-height: 13px;
  padding: 5px;
  position: absolute;
  top: 6px;
  left: 30%;
  text-align: center;
  width: 40%;
}

.dataTables_wrapper {
  clear: both;
  height: auto;
  min-height: 0; /* IE7 fails to recognize "inherit" */
  position: relative;
}

h2+.dataTables_wrapper {
  margin-top: 10px;
}

.details {
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  margin: 0 0 16px;
  padding: 0 16px;
}

.dialog {
  display: none;
}

.dialog+#tabs {
  padding-top: 8px;
}

.disclaimer {
  color: #444;
  display: inline;
  margin: 0 0 0 6px;
}

div.actionLeft {
  clear: both;
  padding-top: 1em;
}

div.actionRight,
div.actionHalfRight {
  clear: both;
  float: right;
  padding: 15px 0 20px 0;
}

div.actionRight form,
div.actionHalfRight form,
div.actionRight p,
div.actionHalfRight p {
  float: left;
  margin-left: 10px;
}

div.actionHalfRight {
  text-align: right;
  padding-right: 51%;
}

.equalColBoxes {
  float: left;
  width: 100%;
}

#appsTabBox .equalColBoxes {
  margin: 0 0 30px;
}

#appsTabBox .equalColBoxes table tr td:first-child {
  width: 35%;
}

.equalColBoxes .colBox,
.equalColBoxes table.softwareDetailTable {
  float: left;
  min-height: 1px;
  width: 49%;
}

.stacked table {
  float: none;
}

.equalColBoxes .colBox h2 {
  padding-top: 0;
}

.equalColBoxes .colBox table {
  width: 100%;
}

.equalColBoxes .colBox:first-child,
.equalColBoxes table:first-child {
  margin-right: 2%;
}

.equalColBoxes .details {
  clear: left;
  padding: 12px 0;
}

.filter {
  margin: 0 0 6px;
}

.filter .date {
  margin-right: 20px;
}

.goTo {
  float: right;
  margin: 11px 0 0;
}

h1 {
  word-wrap: break-word;
}

h1 .type {
  color: #666;
}

.helpTip {
  background: url(/../assets/bg-help.png) 100% 49% no-repeat;
  padding-right: 18px;
}

.linkActionDataTable {
  float: right;
  margin: 0 0 6px;
}

#main {
  margin-left: 0;
}

#main ul.actions {
  clear: left;
  font-size: 92.31%;
  font-weight: bold;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main ul.actions a {
  background: url(/../assets/bg-summary-actions.png) no-repeat 0 2px;
  padding: 2px 0 2px 22px;
}

#main ul.actions .cert a {
  background-position: 0 -279px;
}

#main ul.actions .classic a {
  background-position: 0 -239px;
}

#main ul.actions .purchase a {
  background-position: 0 -78px;
}

#main ul.actions .renew a {
  background-position: 0 -37px;
}

#main ul.actions .utilization a {
  background-position: 0 -199px;
}

#main ul.actions .view a {
  background-position: 0 -158px;
}

#main ul.actions li {
  margin: 0;
  padding: 18px 0 0;
}

#main ul.actions li:first-child {
  padding-top: 0;
}

#main .split.half .col .contents p+ul.actions {
  margin-top: 18px !important;
}

.moreInfo {
  font-size: 84.62%;
}

.noLongSysName {
  overflow: hidden;
  width: 250px;
}

p.action {
  float: right;
  margin: 18px 0 0;
}

.split {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
}

.split .count {
  line-height: 1;
  margin: 0 0 -10px;
}

.split .count dd {
  margin: -33px 0 20px;
  text-align: right;
}

.split .count dt {
  border-top: 1px solid #d8d8d8;
  padding: 20px 0;
  margin: 0;
}

.split .count dt:first-child {
  border-top: 0;
  padding-top: 0;
}

.split h2 {
  border-bottom: 1px solid #d8d8d8;
  font-size: 138.46%;
  margin-bottom: 20px;
  padding-bottom: 15px;
  padding-right: 60px;
  padding-top: 0;
}

.split.half .col {
  float: left;
  width: 50%;
}

.split.half .col .contents {
  padding-bottom: 8px;
  padding-left: 25px;
  position: relative;
}

.split.half .col:first-child .contents {
  border-right: 1px solid #d8d8d8;
  padding-right: 25px;
  padding-left: 0;
}

.split.half .col .contents p {
  font-size: 115.38%;
  line-height: 166.67%;
}

.split.half .col .contents .actions+p {
  border-top: 1px solid #d8d8d8;
  margin-top: 26px;
  padding-top: 20px;
}

.split.half .col .contents p.none {
  font-size: 100%;
  line-height: 1;
  margin: 0;
}

.split.half .col .contents p.overconsumption {
  background: #fbf6de url(/../assets/bg-summary-actions.png) no-repeat 7px -313px;
  border: 1px solid #f7d790;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 84.62%;
  line-height: 136.36%;
  padding: 6px 8px 6px 30px;
}

.split.half .col .contents p.register {
  font-size: 84.62%;
  line-height: 13px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 3px;
}

.split.half .col:first-child .contents p.register {
  right: 25px;
}

.split.half .col .contents p.register a {
  background: url(/../assets/bg-summary-actions.png) no-repeat 0 -121px;
  display: inline-block;
  padding: 0 0 0 18px;
}

.split.half .col .contents p .moreInfo {
  font-size: 73.33%;
}

.split.half .col .contents p.overconsumption .moreInfo {
  font-size: 100%;
}

.subscriptions {
  border-bottom: 1px solid #d8d8d8;
  float: left;
  margin: 6px 0 28px;
  padding: 0 0 28px;
  position: relative;
  width: 100%;
}

.subscriptions dd {
  font-family: Overpass, sans-serif;
  font-size: 169.23%;
  line-height: 1;
  position: absolute;
  left: 0;
  margin: 0;
}

.subscriptions dd.expired {
  left: 72%
}

.subscriptions dd.expiring {
  left: 36%
}

.subscriptions dt {
  border-left: 1px solid #ccc;
  float: left;
  font-size: 84.62%;
  font-weight: normal;
  line-height: 136.36%;
  margin: 0 0 0 5%;
  min-height: 28px;
  padding: 26px 0 0 5%;
  width: 26%;
}

.subscriptions dt:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

table.display td.actions div,
table.display td.actions form {
  display: inline;
  float: none;
}

table.display td.actions div {
  margin: 0 2px;
}

table.display td.subgroup {
  background-color: #999;
  color: #fff;
  text-align: left;
}

table.display td.subscription,
table.docstable .name {
  text-align: left;
}

table.display td.name,
table.docstable .name-centered,
table.docstable .name[colspan] {
  text-align: center;
}

table.docstable .divider,
table.docstable .name[colspan] {
  border-left: 1px solid #BBB;
}

table.display td table {
  table-layout: fixed;
  width: 100%
}

table.display td table td {
  border: 0;
  text-align: left;
}

table.display td table td.label {
  width: 35%;
}

table.display td table td.value {
  width: 65%;
  word-wrap: break-word;
}

table.display tr.even.selected td {
  background-color: #f3f2d5;
}

table.display tr.odd.selected td {
  background-color: #ffffdf;
}

table.docstable {
  clear: none;
}

table.docstable .actions {
  width: 30%;
}

table.docstable .label {
  width: 85%;
}

table.docstable td,
table.docstable th {
  text-align: center;
}

table.softwareDetailTable {
  clear: right;
  font-size: 90%;
  margin: 8px 0 12px;
}

.colBox table.softwareDetailTable {
  margin-bottom: 22px;
}

table.softwareDetailTable td {
  padding: 6px 20px 6px 0;
  text-align: left;
  vertical-align: top;
}

table.softwareDetailTable td.darkCell {
  color: #666;
}

table.softwareDetailTable td.invalid,
table.softwareDetailTable td.partial,
table.softwareDetailTable td.valid {
  background: url(/../assets/bg-cert-status.png) no-repeat 6px 8px;
  padding-left: 24px
}

table.softwareDetailTable td.invalid {
  background-position: 6px -232px;
}

table.softwareDetailTable td.partial {
  background-position: 6px -112px;
}

table.softwareDetailTable td.withButton {
  line-height: 1;
  vertical-align: middle;
}

table.softwareDetailTable .withButton form {
  display: inline-block;
}

*+html table.softwareDetailTable .withButton form { /* IE7 */
  display: inline;
}

table.softwareDetailTable td .lastChecked {
  color: #555;
  display: block;
  font-size: 91.67%
}

table.softwareDetailTable td .update {
  display: block;
  margin: 3px 0 0;
}

table.softwareDetailTable th {
  color: #333;
  font-weight: normal;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

table.softwareDetailTable tr {
  background-color: #fff;
  padding-bottom: 10px;
}

#tabs .alertNotice {
  clear: right;
}

script+#tabs {
  padding-top: 15px;
}

.utilization {
  margin-top: 20px;
}

.utilization .row {
  border-bottom: 1px solid #d8d8d8;
  clear: left;
  float: left;
  padding: 24px 0;
  width: 100%;
}

.utilization .row:first-child {
  border-top: 1px solid #d8d8d8;
}

.utilization .row .available {
  border-left: 1px solid #d8d8d8;
  float: left;
  font-size: 115.38%;
  font-weight: bold;
  line-height: 1;
  margin: 12px 0 0 18px;
  padding: 4px 0 4px 18px;
}

.utilization .row .used+.available {
  margin-left: 13px;
}

.utilization .row .available a {
  background: url(/../assets/bg-summary-actions.png) no-repeat 0 -317px;
  padding: 2px 0 2px 24px;
}

.utilization .row .details {
  border: 0;
  color: #444;
  clear: left;
  float: none;
  font-size: 76.92%;
  padding: 0;
  margin: 0;
}

.utilization .row .details a {
  color: #444;
  text-decoration: underline;
}

.utilization .row .details dd {
  margin: 0;
}

.utilization .row .details dl {
  float: left;
  line-height: 1;
  margin: 0;
}

.utilization .row .details dl.classic {
  border-right: 1px solid #d8d8d8;
  margin-right: 10px;
  padding-right: 10px;
}

.utilization .row .details dt {
  margin: 0 0 4px;
}

.utilization .row .details p {
  color: #777;
  margin-bottom: 3px;
}

.utilization .row h2 {
  float: left;
  margin: 0 20px 0 0;
  padding-bottom: 0;
  padding-top: 0;
}

.utilization .row .label {
  font-weight: normal;
  font-size: 11px;
}

.utilization .row .total {
  float: left;
  font-size: 115.38%;
  font-weight: bold;
  line-height: 1;
  margin: 16px 0 0;
}

.utilization .row .used {
  border: 1px solid #5ea65e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  clear: left;
  float: left;
  font-weight: bold;
  line-height: 1;
  margin: 11px 5px 12px 0;
  max-width: 520px;
  position: relative;
  width: 50%;
}

.utilization .row.overconsumption .used {
  border-color: #fabd40;
}

.utilization .row.unlimited .used {
  width: auto;
}

.utilization .row .used .count {
  color: #111;
  display: block;
  padding: 5px;
  position: relative;
  z-index: 2;
}

.utilization .row.overconsumption .used .count {
  color: #630000;
}

.utilization .row.unlimited .used .count {
  font-size: 115.38%;
  padding-bottom: 4px;
  padding-top: 4px;
}

.utilization .row .used .indicator {
  background: #48be52;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.utilization .row.overconsumption .used .indicator {
  background: #fad179;
}

.utilization .row .view {
  clear: left;
  font-size: 76.92%;
  margin: 0;
}

.utilization .row .view a {
  color: #444;
  text-decoration: underline;
}

.ui-datepicker {
  -webkit-box-shadow: 1px 0px 7px 0px rgba(0, 0, 0, .4);
  -moz-box-shadow: 1px 0px 7px 0px rgba(0, 0, 0, .4);
  box-shadow: 1px 0px 7px 0px rgba(0, 0, 0, .4);
}

.ui-widget-overlay {
  position: fixed;
}

.viewAll {
  margin-bottom: 20px;
  margin-top: -14px;
}