/* -----------------------------------------
   Numbered List
----------------------------------------- */
ol.numberedlist {
    padding: 0 0 0 1.5rem;
    list-style: none;
    counter-reset: numList;
}
ol.numberedlist li {
    position: relative;
    padding-bottom: .25rem;
}
ol.numberedlist li:hover {
    background-color: inherit;
}
ol.numberedlist li:hover a {
    background-color: inherit;
}
ol.numberedlist li:before {
    counter-increment: numList;
    content: counter(numList);

    float: left;
    position: absolute;
    left: -1.5rem;

    font: bold .75rem sans-serif;
    text-align: center;
    color: #fff;
    line-height: 1.375rem;

    width: 1.375rem;
    height: 1.375rem;
    background: #0079c1;

    -moz-border-radius: 999px;
    border-radius: 999px
}
/* -----------------------------------------
   React Sidebar
----------------------------------------- */
.panel-flex-display {
    display: flex;
    margin-top: -3rem;
    padding-top: 3rem;
    min-height: 100%;
}
.detail-panel-flex-display {
    flex: 1 1 auto;
    padding: 1rem 1rem 1rem 1rem;
    min-width: 28rem;
}

/* -----------------------------------------
   Sidebar Navigation
----------------------------------------- */
.side-nav li {
  margin: 0 0.5rem 0 0.5rem;
}
.side-nav li.heading {
  margin: 0;
}
.side-nav li a:not(.button) {
  padding: .2rem .875rem;
}
.side-nav li.active, a.active {
  background-color: rgba(0, 0, 0, 0.050);
  font-weight: bold;
}

/* -----------------------------------------
   Health
----------------------------------------- */
.healtherror{
  color: #EE3333;
  font-size: 1rem;
}
.healthwarning{
  color: #FFA500;
  font-size: 1rem;
}
.healthfine{
  color: #118811;
  font-size: 1rem;
}
.healthinactive{
  color: #808080;
  font-size: 1rem;
}

/* -----------------------------------------
   General Style Markups
----------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
fieldset ul{
  list-style-type: none;
}
fieldset ul input[type="checkbox"]{
  margin: 0;
}
.hidden{
  visibility: hidden;
}
.pointable {
  cursor: pointer;
}
.wait, .wait * {
  cursor: wait;
}
.max.row {
  max-width: 100%;
}
ul.pagination {
  margin-bottom: 0;
}
form fieldset {
  margin: 0;
}
.updating {
  border:.25rem solid #aed0ea;
  box-shadow: 0 0 .625rem #aed0ea;
  -moz-box-shadow: 0 0 .625rem #aed0ea;
  -webkit-box-shadow: 0 0 .625rem #aed0ea;
  padding: .25rem;
  background-color:#e9e9e9;
}
.disabled {
  color: #c8c8c8;
}
.inline {
  display: inline-block;
}
.button-panel {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color:#e9e9e9;
  margin-top: 1rem;
  margin-bottom: 0 !important;
}
.black {
  color: black;
}
.scrollable {
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
}
.clearfilter-alertbox {
  background-color: #70b500 !important;
  color: white !important;
}
.center {
  position: fixed;
  top: 50%;
  left: 50%;
}

.loading {
    position: relative;
}
.menu-item {
  font-weight: bold
}
.schedule-detail {
  font-size: .75em;
  font-style: italic;
}
.secondary-action {
  font-style: normal;
}
.secondary-error {
  font-weight: bold;
  color: red;
}
.action-icon {
    float: right;
}
.center-text {
    text-align: center;
}
button.secondary, .button.secondary {
    border-right: 1px double #c9c9c9 !important;
    border-bottom: 1px double #c9c9c9 !important;
    border-top: none !important;
    border-left: none !important;
}
/* This class prevents the background from scrolling when a modal window is open */
body.modal-open {
    overflow-y: hidden !important;
}
img.light-alt-text {
    color: white;
    font-size: .75rem;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.solid { /* for non-transparent objects */
    background: white;
    opacity: 1;
}
.vertical-spacing {
    line-height: 4rem;
}
.sysMessagesSummary {
  font-size: .875rem;
}

.notification-circle {
  font: .75rem Arial, sans-serif;
  font-weight: bold;
  width: 1.25em;
  height: 1.25em;
  background: #FF8c00;
  border: 0.1em solid #666;
  color: #666;
  text-align: center;
  border-radius: 50%;
  line-height: 1.25em;
  box-sizing: content-box;
  position: relative;
  top: .5rem;
  left: -1rem;
}

.triangle-down {
  width: 0;
  height: 0;
  padding-left: 0;
  margin-left: 0;
  border-left: .3rem solid transparent;
  border-right: .3rem solid transparent;
  border-top: .3rem solid #008CBA;
  vertical-align: middle;
}
.triangle-down:hover {
  border-top: .3rem solid #0078A0;
}
.welcomeBanner {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .875rem;
  color: #008CBA;
  display: inline-block;
  padding-bottom: .5rem;
  margin-top: .5rem;
}
.welcomeBanner:hover {
  color: #0078A0;
}
.welcomeBanner > .message {
  vertical-align: bottom;
}
.welcomeImage {
  min-width: 2rem;
  min-height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  border-radius: 50%;
}
.welcomeSeparator {
  position: relative;
  border-left: 1px solid #CCCCCC;
  left: -.5rem;
}

.bannerNotificationPanel {
  max-height: 5.25rem;
  overflow: auto;
  background-color: #666666;
  border-left: 20px solid #f08a24;
  box-shadow: 5px 10px 10px #CCCCCC;
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%;
}
.bannerNotificationItem {
  color: #FFFFFF;
  font-size: .75rem;
}
.bannerNotificationSeparator {
  margin: 0;
  padding-top: .5rem;
  color: #7a7a7a;
}
/* -----------------------------------------
   Tables
----------------------------------------- */
table {
  table-layout: auto;
  width: 100%;
}
table th{
  background: #A1C3E5;
  border-top: .25rem solid #74A9DB;
  border-bottom: 1px solid white;
  border-spacing: 0;
  border-collapse: collapse;
}
table tfoot tr td {
  padding: 0 0.125rem;
  line-height: 2.5rem;
}
table tr:nth-of-type(odd) {
  background: #C7DCF0;
}
tbody tr:hover td{
  background-color: lightgray;
  /*color: #74A9DB;*/
}
table.tighttable tbody tr td{
  padding:0;
  vertical-align: middle;
}
table.tighttable tbody tr td input{
  margin: 0;
}
table.small thead tr th{
  padding: 0 .125rem;
}
table.small tbody tr td{
  padding: 0 .125rem;
}
table.small i {
  font-size: .75rem;
}
.healthsummary {
  margin-bottom: 0;
  border: 0;
  width: inherit;
}
.healthsummary tbody tr {
  background: inherit;
}

/* -----------------------------------------
   Dashboard
----------------------------------------- */
.dashboardtable {
  border-spacing: 0;
  width: 100%;
}
.dashboardtable a{
  cursor: pointer;
  color: #222222;
}
.dashboardtable tbody tr {
  height: 2.5rem;
}

.dashboard-chart {
    height: 18.5rem;
    margin-bottom: 1.25rem;
    position: relative;
}

.dashboard-chart > div {
    height: 100%;
    width: 100%;
}

.dashboard-chart > a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5rem 0.8rem;
    z-index: 2;
}


/* -----------------------------------------
   nohover
----------------------------------------- */
.nohover tbody tr:hover td{
  background-color: inherit;
}
.nohover td {
    background-color: inherit !important;
}
.nohover li:hover{
  background-color: inherit;
}
.nohover li:hover a:hover{
  background-color: inherit;
}
li.nohover:hover{
  background-color: inherit;
}

/* -----------------------------------------
   file upload
----------------------------------------- */
.file_upload_section {
    position: relative;
    font-weight: bold;
    overflow: hidden;
}
.hidden_file_input {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2000px;
    height: 100%;
    opacity: 0;
    z-index: 1000;
    width: 100%;
}
/* -----------------------------------------
   list columns
----------------------------------------- */
.four-column-row li {
    width: 25%;
    float: left;
    display: inline;
}
.two-column-row li {
    width: 50%;
    float: left;
    display: inline;
}

.platform {
    padding: .5em;
    margin: 1em 0 .2em 0;
    /*border-color: #fff !important;*/
    /*background: #a1c3e5 !important;*/
    /*color : #000000 !important;*/
}
div.platform:hover {
    /*background: #ccc !important;*/
    cursor:pointer;
}
li.no-download-link.disabled > a {
    color: gray;
    cursor: default;
}
div.disabled:hover {
    /*background: #e6e6e6 !important;*/
    cursor: default !important;
}
.collapsible-platform:after{
    margin-top: -0.7em;
    float: right;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #0079C1 transparent transparent transparent;
}
.versions-seperator{
    padding-top: 0px;
    margin-bottom: 7px;
    margin-top: 50px;
}

/* -----------------------------------------
   alerts
----------------------------------------- */
.alert-box.warning {
  color:#000 !important;
}
.alert-box ul,
.alert-box p {
  font-size: inherit;
}
.alert-box a {
  color: white !important;
  font-weight: bold;
}
.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  margin-bottom: 1em;
}

/* -----------------------------------------
   Multi Select Inline Inputs (Rules)
----------------------------------------- */

input.short-multi-select-input {
    width: 15%;
}
input.multi-select-inline-input {
    display: inline;
    font-size: 1.1rem;
    padding: 5px 2px 2px 4px;
    line-height: inherit;
}

.optgrouptext {
 font-weight: bold;
}

.ui-multiselect-filtered-out {
  display: none !important;  /*NOTE: Need to override display to prevent uncollapsing an optiongroup during a filter from showing items not matched by the filter*/
}

.grouptotal {
 color: #017589;
}

.listPrefField button.ui-multiselect {
    width: 100%;
}

/* -----------------------------------------
   Inspection Panel Styling
----------------------------------------- */
.inspection-panel {
    border: solid #d8d8d8 1px;
    margin-bottom: .25rem;
}
.good-status-border {
    border: solid #118811 1px !important;
    border-left: solid #118811 10px !important;
}
.bad-status-border {
    border: solid #EE3333 1px !important;
    border-left: solid #EE3333 10px !important;
}
.warning-status-border {
    border: solid #FFA500 1px !important;
    border-left: solid #FFA500 10px !important;
}
.good-status {
    color: #118811 !important;
}
.bad-status {
    color: #EE3333 !important;
}
.inspection-quick-view-max-size {
    max-height: 150px;
    max-width: 200px;
}
.inspection-quick-view {
    text-align: center;
    background-color: black;
    width: 200px;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
}

/* -----------------------------------------
   Domain
----------------------------------------- */

.domain-sync-info {
    margin-bottom: 20px;
}

.domain-user-query-result .odd {
    background:#e3e3e3;
}

.domain-user-query-result li:hover {
    background-color: lightgray;
}

.domain-user-query-result {
    border: 1px solid lightgray;
}


/* -----------------------------------------
   Spacing Manipulations
----------------------------------------- */
.no-margin {
  margin: 0;
}
.no-top-margin {
  margin-top: 0;
}
.tighter-margin{
  margin-top: 6.25rem !important;
  margin-bottom: -0.75rem !important;
}
.tight-margin {
  margin: .25rem !important;
}
.right-margin {
    margin-right: 1rem !important;
}
.left-margin {
    margin-left: 1rem !important;
}
.bottom-margin {
    margin-bottom: 1rem !important;
}

.no-padding {
    padding: 0;
}
.tight {
  padding: .25rem !important;
}

.bottom-padding {
    padding-bottom: 1rem !important;
}

.left-padding {
    padding-left: 1rem !important;
}
.right-padding {
    padding-right: 1rem !important;
}
.height80 {
  height: 80vh;
}
.height-x-large {
    height: 85vh;
}
.width-full {
    max-width:100% !important;
    width: 100%;
}
.bottom-right {
    position: absolute;
    right: 1vw;
    bottom: 1vh;
}
.vertical-scroll {
    overflow-y: auto;
}

/* -----------------------------------------
   Media Queries
----------------------------------------- */
@media only screen and (max-width: 40em) { /* small screens */
    .reveal-modal.xxlarge {
        height: 90% !important; /* Apple devices have a hard time with vh/vw units */
        min-height: unset;
        position: fixed;
        top: 0px !important;
    }
    div.reveal-modal.xxlarge .full-scrollable {
        height: 80%;
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* medium screens */
    .reveal-modal.xxlarge {
        height: 100% !important; /* Apple devices have a hard time with vh/vw units */
        position: fixed;
        max-width: none;
        top: 0px !important;
    }
    div.reveal-modal.xxlarge .full-scrollable {
        height: 90%;
    }
}
@media only screen and (min-width: 64.063em) { /* large screens */
    .reveal-modal.xxlarge {
        width: 90vw;
        height: 90vh;
        max-width: none;
        top: 2rem !important;
        position: fixed;
    }
    div.reveal-modal.xxlarge .full-scrollable {
        height: 90%;
    }
    .right-margin-large-only {
        margin-right: 1rem !important;
    }

}
@media only screen and (min-width: 90.063em) { /* x-large screens */
    .x-large-4 {
        width: 33.33333%;;
    }
}

blockquote.customBlock{
    margin: 0 0 1.25rem;
    padding-right: 0 !important;
    border-left: 1px solid #ddd;
}

blockquote.thinMargin {
    margin: 0 -1.25rem 0 0.25rem;
}

/* TODO: update when changing foundation  */
.sub-nav dt, .sub-nav dd, .sub-nav li {
    color: #999;
    float: left;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    margin-left: 1rem;
    margin-bottom: 1px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.player-wrapper {
    border: solid 1px #cdcdcd;
    margin: 0;
    position: relative;
    height: 300px;
    width: 400px;
    text-align: center;
}

.play-button {
    position: absolute;
    text-align: center;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    height: 0;
    width: 100px;
}

.video-player-stats {
    margin-top: 12px;
}

.play-button-hidden {
    visibility: hidden;
}

.motion-border {
    border: solid 5px rgb(51,122,255);
}

.error-border {
    border: solid 5px red;
}


.failbackDetails {
  font-size: .825rem;
  padding-left: 2rem;
}