@font-face {
  font-family: 'digitalnumber';
  src: url('../fonts/digitalnumber/sa-digital-number.eot');
  src: url('../fonts/digitalnumber/sa-digital-number.eot?#iefix') format('embedded-opentype'), url('../fonts/digitalnumber/sa-digital-number.woff') format('woff'), url('../fonts/digitalnumber/sa-digital-number.ttf') format('truetype'), url('../fonts/digitalnumber/sa-digital-number.svg#digitalnumber') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
  /* box-sizing: border-box; */
}

#bg-line {
  background-image: url('../images/bg-line.jpg');
  height: 0px;
}

fieldset {
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #DDD;
  padding: 0;
  margin: 0 0 10px 0;
}

.fi {
  font-weight: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.fi-lg:before {
  font-size: 1.33333333em !important;
  line-height: .75em !important;
  vertical-align: -15% !important;
  margin: 0 !important;
}

.actionsMenu {
  margin-top: 10px;
  margin-bottom: 15px;
}

.actionsMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.actionsMenu ul li:first-child {
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}

.actionsMenu ul li {
  float: left;
  padding: 0 5px;
}

.actionsMenu ul li:hover {
  background-color: gray;
  transition: background-color 1s, color 1s;
  color: #FFF;
}

.actionsMenu ul li:hover a {
  color: #FFF;
}

.actionsMenu ul li a {
  display: flex;
  text-align: center;
  padding: 10px;
  align-items: center;
}

.actionsMenu ul li a .fa {
  margin-right: 5px;
}

.adps_descprition {
  padding: 10px;
}

a.search-button {
  /* border: 1px solid #333; */
  padding: 10px;
  /* background-color: #ccc; */
  border-radius: 5px;
}

.search-button::before {
  /* background-image: url('../images/filter.png'); */
  /* background-size: 16px 16px; */
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 3px -3px 0;
  content: "<i class='fa fa-search'></i>";
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f002";
}

thead th {
  background: #CCC;
}

ol .adps_terminal_playlist {
  list-style: upper-roman;
}

li .adps_terminal_playlist {
  margin-top: 5px;
}

h1.model-title {
  background: url(bar-bg.png) repeat-x left top;
  margin: 0;
  padding: 10px 10px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}

h1.section-title {
  background: url(bar-bg.png) repeat-x left top;
  margin: 0;
  text-align: center;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
}

h1.page-title {
  border-bottom: 8px solid #777;
  margin-bottom: 15px;
  font-size: 1.5em;
  padding: 8px;
  border-top: 2px dotted #EEE;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
}

h1.page-title .fa, h1.page-title .fi {
  margin-right: 10px !important;
}

.grid-50 {
  display: inline-block;
  width: 50%;
  float: left;
  padding: .5rem;
}

fieldset.model-detail {
  border: 1px solid #EEE;
  padding: 10px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

fieldset legend {
  color: #AAA;
  font-weight: bold;
}

fieldset.section-card {
  padding: 10px;
  transition: box-shadow .3s ease-out;
}

fieldset.section-card.disabled {
  opacity: 40%;
  cursor: not-allowed;
}

fieldset.section-card:hover {
  box-shadow: 0 0 10px #ccc;
}

fieldset.section-card.disabled:hover {
  box-shadow: none;
}

fieldset.section-card.disabled * {
  transition: none;
}

fieldset.section-card legend {
  padding: 0 .5rem;
  color: #888;
  font-weight: bold;
  background-color: white;
}

.totals-container {
  display: inline-flex;
  /* background-color: wheat; */
}

table.metrics-totals th {
  background-color: transparent;
  text-align: right;
  font-size: .7rem;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0 .5rem .5rem 2rem;
}

table.metrics-totals td {
  padding: 0 .5rem .5rem 2rem;
  font-size: 2.5rem;
  text-align: right;
  min-width: 100px;
}

/* .highcharts-chart {
  display: block;
  overflow-y: hidden;
} */

/* .highcharts-container{
  width: 100% !important;
}

.highcharts-root{
  width: 100% !important;
} */

span.orpanCount {
  display: inline !important;
  background: #aaaaaa;
  text-align: center;
  padding: 0px 5px !important;
  margin-left: 4px;
  border-radius: 5px;
  color: #FFF !important;
}

span.orpanCount2 {
  display: inline !important;
  background: orange;
  text-align: center;
  padding: 0px 5px !important;
  margin-left: 4px;
  border-radius: 5px;
  color: #FFF !important;
}

.summaryFooter {
  font-weight: bold;
}

.reloadMediaButton {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-image: url('../images/icon-reload1.png');
  border: 0px none;
  display: inline-block;
  margin-left: 5px;
  opacity: .6;
}

.editItemButton {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-image: url('../images/icon-edit.png');
  border: 0px none;
  display: inline-block;
  margin-left: 5px;
  opacity: .6;
}

.clearMediaDownloadStatusButton {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-image: url('../images/edit-clear-2.png');
  border: 0px none;
  display: inline-block;
  margin-left: 5px;
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  /* Not yet supported in Gecko, Opera or IE */
  filter: url(resources.svg#desaturate);
  /* Gecko */
  filter: gray;
  /* IE */
  -webkit-filter: grayscale(1);
  /* Old WebKit */
}

.grayscale {
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  /* Not yet supported in Gecko, Opera or IE */
  filter: url(resources.svg#desaturate);
  /* Gecko */
  filter: gray;
  /* IE */
  -webkit-filter: grayscale(1);
  /* Old WebKit */
}

.operationsMenuItemIcon {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  float: left;
  vertical-align: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.action-list {
  background-image: url('../images/icon-list.png');
}

.action-list-orphans {
  background-image: url('../images/icon-unlink.png');
}

.action-edit {
  background-image: url('../images/icon-edit.png');
}

.action-exhibitions-report {
  background-image: url('../images/icon-play.png');
}

.action-add {
  background-image: url('../images/icon-add.png');
}

.action-new-playlist {
  background-image: url('../images/icon-add.png');
}

.action-new-audio-playlist {
  background-image: url('../images/icon-add.png');
}

.action-view {
  background-image: url('../images/icon-view.png');
}

.action-download {
  background-image: url('../images/icon-download.png');
}

.action-delete {
  background-image: url('../images/icon-delete.png');
}

.action-release {
  background-image: url('../images/icon-release.png');
}

.action-exhibitions {
  background-image: url('../images/icon-eye.png');
}

.action-reboot {
  background-image: url('../images/icon-reboot.png');
}

.action-upload {
  background-image: url('../images/icon-upload.png');
}

.action-clear {
  background-image: url('../images/icon-clear.png');
}

.action-reload {
  background-image: url('../images/icon-reload1.png');
}

.action-duplicate {
  background-image: url('../images/icon-duplicate.png');
}

.action-transfer {
  background-image: url('../images/icon-transfer.png');
}

.weekTable {
  height: 100%;
  margin: 0;
}

.weekTable td {
  width: 30px;
  text-align: center;
  padding: 0;
}

.center {
  text-align: center;
}

.internalLabel {
  opacity: 1;
  color: #a9a9a9;
}

.detailsLink {
  color: #999999 !important;
  font-weight: normal;
}

.internalDetailTable {
  margin: 0;
  display: inline-table;
  height: 100%;
  width: 95%;
  margin-left: 5px;
}

.internalDetailTable td {
  border: none !important;
  padding: 0 !important;
  font-size: 1em !important;
}

.titleColumn {
  font-weight: bold;
  padding-left: 10px !important;
  color: #333;
}

.titleColumn a {
  color: #333;
}

.icon>div {
  width: 16px;
  height: 16px;
  vertical-align: baseline;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

span.media-VIDEO, div.media-VIDEO, .media-icon>.media-VIDEO, .media-VIDEO.monocolor {
  background-image: url('../images/icon-video.png');
}

span.media-VIDEO_STREAM, div.media-VIDEO_STREAM, .media-icon>.media-VIDEO_STREAM, .media-VIDEO_STREAM.monocolor {
  background-image: url('../images/icon-video-stream.png');
}

span.media-IMAGE, div.media-IMAGE, .media-icon>.media-IMAGE, .media-IMAGE.monocolor {
  background-image: url('../images/icon-image.png');
}

span.media-LOTTERY, div.media-LOTTERY, .media-icon>.media-LOTTERY, .media-LOTTERY.monocolor {
  background-image: url('../images/icon-lottery.png');
}

span.media-CAIXA_BR_LOTTERY, div.media-CAIXA_BR_LOTTERY, .media-icon>.media-CAIXA_BR_LOTTERY, .media-CAIXA_BR_LOTTERY.monocolor {
  background-image: url('../images/icon-lottery.png');
}

span.media-WEATHER, div.media-WEATHER, .media-icon>.media-WEATHER, div.media-WORLD_WEATHER, .media-icon>.media-WORLD_WEATHER, .media-WEATHER.monocolor, .media-WORLD_WEATHER.monocolor, .media-WORLDWEATHER.monocolor {
  background-image: url('../images/icon-weather.png');
}

span.media-HOROSCOPE, div.media-HOROSCOPE, .media-icon>.media-HOROSCOPE, .media-HOROSCOPE.monocolor {
  background-image: url('../images/icon-horoscope.png');
}

span.media-RSS, div.media-RSS, .media-icon>.media-RSS, .media-RSS.monocolor {
  background-image: url('../images/icon-rss.png');
}

span.media-JSON_SERVICE, div.media-JSON_SERVICE, .media-icon>.media-JSON_SERVICE, span.media-JSONSERVICE, div.media-JSONSERVICE, .media-icon>.media-JSONSERVICE {
  background-image: url('../images/icon-json.png');
}

.media-JSON_SERVICE.monocolor, .media-JSONSERVICE.monocolor {
  background-image: url('../images/icon-json.png');
}

span.media-MESSAGE, div.media-MESSAGE, .media-icon>.media-MESSAGE, .media-MESSAGE.monocolor {
  background-image: url('../images/icon-message.png');
}

span.media-PLAYLIST, div.media-PLAYLIST, .media-icon>.media-PLAYLIST, .media-PLAYLIST.monocolor {
  background-image: url('../images/icon-playlist.png');
}

span.media-PLAYLIST_AUDIO, div.media-PLAYLIST_AUDIO, .media-icon>.media-PLAYLIST_AUDIO, .media-PLAYLIST_AUDIO.monocolor {
  background-image: url('../images/icon-audio-playlist.png');
}

span.media-WEBSITE, div.media-WEBSITE, .media-icon>.media-WEBSITE, .media-WEBSITE.monocolor {
  background-image: url('../images/icon-website.png');
}

span.media-ADMOOH, div.media-ADMOOH, .media-icon>.media-ADMOOH, .media-ADMOOH.monocolor {
  background-image: url('../images/icon-admooh.png');
}

span.media-YOUTUBE, div.media-YOUTUBE, .media-icon>.media-YOUTUBE, .media-YOUTUBE.monocolor {
  background-image: url('../images/icon-youtube.png');
}

span.media-INSTAGRAM, div.media-INSTAGRAM, .media-icon>.media-INSTAGRAM, .media-INSTAGRAM.monocolor {
  background-image: url('../images/icon-instagram.png');
}

span.media-FACEBOOK, div.media-FACEBOOK, .media-icon>.media-FACEBOOK, .media-FACEBOOK.monocolor {
  background-image: url('../images/icon-facebook.png');
}

.social-provider div.media-FACEBOOK {
  background-image: url('../images/facebook2.png');
}

span.media-TWITTER, div.media-TWITTER, .media-icon>.media-TWITTER, .media-TWITTER.monocolor {
  background-image: url('../images/icon-twitter-x.png');
}

span.media-AUDIO, div.media-AUDIO, .media-icon>.media-AUDIO, .media-AUDIO.monocolor {
  background-image: url('../images/icon-audio.png');
}

span.media-GOOGLE_PRESENTATION, div.media-GOOGLE_PRESENTATION, .media-icon>.media-GOOGLE_PRESENTATION, .media-GOOGLE_PRESENTATION.monocolor {
  background-image: url('../images/icon-google-presentation.png');
}

span.media-GOOGLE_SPREADSHEET, div.media-GOOGLE_SPREADSHEET, .media-icon>.media-GOOGLE_SPREADSHEET, .media-GOOGLE_SPREADSHEET.monocolor {
  background-image: url('../images/icon-google-spreadsheet.png');
}

span.media-COVID_VACCINATION, div.media-COVID_VACCINATION, .media-icon>.media-COVID_VACCINATION, .media-COVID_VACCINATION.monocolor {
  background-image: url('../images/icon-covid-vaccination.png');
}

span.media-COVID_STATISTICS, div.media-COVID_STATISTICS, .media-icon>.media-COVID_STATISTICS, .media-COVID_STATISTICS.monocolor {
  background-image: url('../images/icon-covid-statistics.png');
}

span.media-HORIZONTAL_BAR, div.media-HORIZONTAL_BAR, .media-icon>.media-HORIZONTAL_BAR, .media-HORIZONTAL_BAR.monocolor {
  background-image: url('../images/icon-horizontal-bar.png');
}

span.media-GOOGLE_DOCUMENT, div.media-GOOGLE_DOCUMENT, .media-icon>.media-GOOGLE_DOCUMENT, .media-GOOGLE_DOCUMENT.monocolor {
  background-image: url('../images/icon-google-document.png');
}

span.media-GOOGLE_CALENDAR, div.media-GOOGLE_CALENDAR, .media-icon>.media-GOOGLE_CALENDAR, .media-GOOGLE_CALENDAR.monocolor {
  background-image: url('../images/icon-google-calendar.png');
}

span.media-DIGITAL_CLOCK, div.media-DIGITAL_CLOCK, .media-icon>.media-DIGITAL_CLOCK, .media-DIGITAL_CLOCK.monocolor {
  background-image: url('../images/icon-digital-clock.png');
}

span.media-ANALOG_CLOCK, div.media-ANALOG_CLOCK, .media-icon>.media-ANALOG_CLOCK, .media-ANALOG_CLOCK.monocolor {
  background-image: url('../images/icon-analog-clock.png');
}

span.media-SIMPLE_CALENDAR, div.media-SIMPLE_CALENDAR, .media-icon>.media-SIMPLE_CALENDAR, .media-SIMPLE_CALENDAR.monocolor {
  background-image: url('../images/icon-simple-calendar.png');
}

span.media-COUNTDOWN, div.media-COUNTDOWN, .media-icon>.media-COUNTDOWN, .media-COUNTDOWN.monocolor {
  background-image: url('../images/icon-countdown.png');
}

span.media-COUNT_UP, div.media-COUNT_UP, .media-icon>.media-COUNT_UP, .media-COUNT_UP.monocolor {
  background-image: url('../images/icon-count-up.png');
}

span.media-MEETING_ROOM_EVENT, div.media-MEETING_ROOM_EVENT, .media-icon>.media-MEETING_ROOM_EVENT, .media-MEETING_ROOM_EVENT.monocolor {
  background-image: url('../images/icon-meeting-room-event.png');
}

span.media-FLIGHTS_INFO, div.media-FLIGHTS_INFO, .media-icon>.media-FLIGHTS_INFO, .media-FLIGHTS_INFO.monocolor {
  background-image: url('../images/icon-flight-board.jpg');
}

span.media-MENU_BOARD, div.media-MENU_BOARD, .media-icon>.media-MENU_BOARD, .media-MENU_BOARD.monocolor {
  background-image: url('../images/icon-menu-board.png');
}

span.media-HOTEL_RATES, div.media-HOTEL_RATES, .media-icon>.media-HOTEL_RATES, .media-HOTEL_RATES.monocolor {
  background-image: url('../images/icon-hotel.png');
}

span.media-TIDE_SHEET, div.media-TIDE_SHEET, .media-icon>.media-TIDE_SHEET, .media-TIDE_SHEET.monocolor {
  background-image: url('../images/icon-tide-sheet.png');
}

span.media-VOICE_AI, div.media-VOICE_AI, .media-icon>.media-VOICE_AI, .media-VOICE_AI.monocolor {
  background-image: url('../images/icon-voice-ai.png');
}

span.media-ALERT, div.media-ALERT, .media-icon>.media-ALERT, .media-ALERT.monocolor {
  background-image: url('../images/icon-alert.png');
}

span.media-BUILDING_DIRECTIONS, div.media-BUILDING_DIRECTIONS, .media-icon>.media-BUILDING_DIRECTIONS, .media-BUILDING_DIRECTIONS.monocolor {
  background-image: url('../images/icon-building-directions.png');
}

span.media-ANALOG_WORLD_CLOCKS, div.media-ANALOG_WORLD_CLOCKS, .media-icon>.media-ANALOG_WORLD_CLOCKS, .media-ANALOG_WORLD_CLOCKS.monocolor {
  background-image: url('../images/icon-analog-world-clocks.png');
}

span.media-WIFI_ACCESS, div.media-WIFI_ACCESS, .media-icon>.media-WIFI_ACCESS, .media-WIFI_ACCESS.monocolor {
  background-image: url('../images/icon-wifi.png');
}

span.media-BR_BC_EXCHANGE_RATES, div.media-BR_BC_EXCHANGE_RATES, .media-icon>.media-BR_BC_EXCHANGE_RATES, .media-BR_BC_EXCHANGE_RATES.monocolor {
  background-image: url('../images/icon-currency-exchange.png');
}

div.user-icon {
  background-image: url('../images/user77.png');
}

div.group-icon {
  background-image: url('../images/multiple25.png');
}

.wifi-signal-icon {
  background-size: 500% !important;
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../images/wifi-signal-strength-icon.png');
}

.wifi-0 {
  background-position: 0% 0%;
}

.wifi-1 {
  background-position: 35% 0%;
}

.wifi-2 {
  background-position: 65% 0%;
}

.wifi-3 {
  background-position: 100% 0%;
}

.media-type-icon {
  width: 16px;
  height: 16px;
  vertical-align: baseline;
  background-size: 16px 16px;
  display: inline-block;
}

media-type-icon.circle {
  border-radius: 8px;
}

.media-type-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: contain;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}

.media-type-icon-large {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: baseline;
  background-size: contain;
  display: inline-block;
}

.media-type-icon-title {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: baseline;
  background-size: contain;
  display: inline-block;
  vertical-align: bottom;
  opacity: 1;
}

.media-icon>div[class*=media-], .media-icon>div[class*=-ad-tree] {
  width: 24px;
  height: 24px;
  vertical-align: baseline;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin: 5px
}

.infoMessageBox {
  padding: 30px 30px !important;
  /* border: 1px solid #aaaaaa; */
  background: #F5FFF5;
  display: block;
  /* text-indent: 20px; */
  text-align: justify;
}

.errorMessageBox {
  padding: 30px 30px !important;
  /* border: 1px solid #C00; */
  background: #FEE;
  display: block;
  /* text-indent: 20px; */
  text-align: justify;
}

.warnMessageBox {
  padding: 30px 30px !important;
  /* border: 1px solid #A73; */
  background: #FFD;
  display: block;
  /* text-indent: 20px; */
  text-align: justify;
}

.menuPathText, .menuPathText a {
  font-style: italic;
  font-family: monospace;
  color: #aaaaaa !important;
}

.ui-accordion .ui-accordion-header-active {
  font-weight: bold;
  background: #AAA;
}

.ui-accordion .ui-accordion-header:hover {
  background: #aaaaaa;
  color: white;
}

.ui-accordion .ui-accordion-content {
  text-align: justify;
}

.selectionItem {
  padding: 4px 0px;
  /* background-color: #777; */
}

.systemMedia {
  font-style: italic;
}

.error-icon {
  color: #f23;
}

.error {
  color: #A00;
}

.warn {
  color: #ffcc00;
}

.actionIcon {
  margin: 5px 3px;
}

.template-var-item {
  display: inline-table;
  width: 100%;
  height: 100%;
}

.template-var-item tbody:hover {
  background-color: #EEE;
}

.colorBox {
  display: inline-block;
  width: 50px;
  height: 12px;
  border: 1px solid #666;
}

.model-detail table.detail-view th, .model-detail table.detail-view td {
  vertical-align: middle;
}

.wrap-text {
  word-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.wrap-text.current-task {
  width: 650px;
}

.mediaThumb .thumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  display: inline-block;
}

.mediaThumb .thumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mediaThumb .thumb li {
  width: 193px;
}

.mediaThumb .thumb li~li {
  margin-left: 20px;
}

.mediaThumb .thumb .thumbCaption {
  padding: 10px 0;
}

.mediaThumb .overlay {
  position: relative;
}

.mediaThumb .overlay .thumbnail {
  display: block;
  max-height: 100px;
  max-width: 100px;
}

.mediaThumb .overlay .thumbnail.circle {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 40px;
  background-size: cover;
  box-shadow: 1px 1px 10px #888888;
}

.mediaThumb .overlay .time {
  position: absolute;
  z-index: 2;
  right: 3px;
  bottom: 3px;
  padding: 2px 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: .85em;
}

.mediaThumb .overlay .social-provider {
  position: absolute;
  z-index: 2;
  left: 0px;
  bottom: 0px;
  padding: 5px 5px;
  background-color: rgba(255, 255, 255, 0.8);
  color: white;
  font-size: .85em;
  overflow: hidden;
  border-radius: 100px;
}

.mediaThumb .overlay .playWrapper {
  opacity: .7;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) url("../images/play-button.png") no-repeat scroll center center / 30px 30px;
}

.mediaThumb .playWrapper .playBtn {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /* center */
}

.mediaThumb .thumb .overlay:hover .playWrapper {
  opacity: 1;
}

.title-right-extra {
  float: right;
  font-size: .7em;
  text-transform: none;
  font-weight: normal;
}

.info-box {
  display: inline-grid;
  background-color: threedface;
  padding: 10px;
  text-align: center;
  min-width: 70px;
  border-radius: 5px;
}

.info-box.licenses {
  background-color: #777;
}

.info-box.activated {
  background-color: #458cd3;
}

.info-box.online {
  background-color: #4aaf2b;
}

.info-box.offline {
  background-color: #d86561;
}

.info-box .info-box-title {
  font-size: .9em;
  font-style: italic;
  color: #eee;
}

.info-box .info-box-value {
  font-size: 2em;
  font-weight: bold;
  color: white;
  padding-top: 5px;
}

.page-title .page-title-text {
  margin-top: 40px;
  display: inline-block;
}

.locale-icon {
  width: 16px;
  height: 16px;
  vertical-align: baseline;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: bottom;
}

.locale-icon-large {
  width: 24px;
  height: 24px;
  vertical-align: baseline;
  background-size: 24px 24px;
  display: inline-block;
  vertical-align: bottom;
}

.locale-brazil {
  background-image: url('../images/brazil-icon.png');
}

.dead-project, .dead-project:hover {
  text-decoration: line-through;
  color: darkred !important;
}

.inactive-media, .inactive-media:hover {
  text-decoration: line-through;
  color: darkred !important;
}

.social-network-user .user-profile {
  /* background-color:burlywood; */
  flex: 20%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.social-network-user .user-picture {
  width: 80px;
  height: 80px;
  background-size: cover;
  border-radius: 40px;
  margin-right: 5px;
  box-shadow: 1px 1px 10px #888888;
}

.social-network-user .user-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}

.social-network-user .user-name {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 5px;
}

.social-network-user .user-login {
  font-weight: 300;
  font-size: 1.2em;
  padding: 0 5px;
}

.circle-image {
  width: 60px;
  height: 60px;
  background-size: cover;
  border-radius: 30px;
  box-shadow: 1px 1px 10px #888888;
}

.note ul {
  margin-bottom: 5px;
  opacity: .7;
}

.note a {
  color: teal;
}

.note.warn {
  padding: 5px;
  border: 1px solid #A73;
  color: #A73;
  background: #FFD;
  display: block;
  text-indent: 5px;
  text-align: justify;
}

img.terminal-avatar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  height: 35px;
  width: 57px;
  top: 8px;
  left: 3px;
}

.page-title img.terminal-avatar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  height: 58px;
  width: 94px;
  top: 14px;
  left: 6px;
}

.tab-title-error {
  color: #F00;
  font-style: italic;
}

.media-status-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  border: 0px none;
  display: inline-block;
  margin-left: 5px;
  opacity: 1;
}

.media-status-icon-downloading {
  background-image: url('../images/colorful-progress-loader.gif');
  width: 32px;
  height: 16px;
  background-size: 32px 32px;
}

.media-status-icon-waiting {
  background-image: url('../images/sandglass-time-loading.gif');
}

.media-status-icon-ready {
  background-image: url('../images/tick.svg');
}

a.link-button {
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #AAA;
  color: #FFF;
  margin: 5px;
}

a.link-button:hover {
  background-color: #CCC;
}

a.region-table-action {
  cursor: pointer;
}

input[type=number] {
  text-align: right;
}

a.region-link {
  color: #FFF;
}

a.region-link:hover {
  color: #EEE;
}

.value-box {
  border-width: 1px;
  border-style: solid;
  padding: 5px 15px;
  display: inline-block;
  text-align: center;
  text-indent: 0;
}

.no-indent {
  text-indent: 0;
}

.light-text {
  color: #bbb;
}

.break-word {
  word-break: break-word;
}

.inline-radio-list input[type=radio] {
  display: inline-block;
}

form .inline-radio-list label {
  display: inline-block;
  margin-right: 2em;
}

.free-container {
  padding: 16px;
}

.right-text {
  text-align: right !important;
}

.detailed-exhibitions-report label {
  font-weight: bold;
}

.detailed-exhibitions-report hr {
  margin-top: 10px;
}

.detailed-exhibition-page table {
  margin-top: 5px;
  margin-bottom: 5px;
}

.detailed-exhibition-page table td, .detailed-exhibition-page table tr, .detailed-exhibition-page table, .detailed-exhibition-page table th {
  border: 1px solid;
  border-collapse: collapse;
}

.detailed-exhibition-page table tr.odd-row {
  background-color: #e6e6e6;
}

.detailed-exhibition-page table th {
  text-align: center;
}

.detailed-exhibition-page .summary .value {
  /* font-weight: bold; */
}

.detailed-exhibition-page .totals-row {
  background-color: #ccc;
}

.detailed-exhibition-page th.day {
  width: 50px;
  min-width: 30px;
}

.detailed-exhibition-page .totals-row td {
  font-weight: bold !important;
}

.detailed-exhibition-page td, .detailed-exhibition-page th {
  padding: 2px 5px;
}

.detailed-exhibition-page th.weekend {
  background-color: #aaa;
}

.download-file {
  padding: .5rem;
}

button.flex {
  display: inline-flex;
  align-items: center;
  padding: .5rem 1rem;
  transition: filter .5s;
}

button.flex.primary {
  color: white;
  background-color: #458cd3;
  border: 1px solid #1b4e81;
  border-radius: .3rem;
}

button.flex.danger {
  color: white;
  background-color: crimson;
  border: 1px solid #A00;
  border-radius: .3rem;
}

button.flex:hover {
  /* background-color: #f19895; */
  filter: brightness(130%);
  cursor: pointer;
}

.no-sortable .sortable-item {
  cursor: inherit;
  padding: .8rem .5rem;
}

.sortable-item {
  cursor: move;
  padding: .8rem .5rem;
}

.sortable-item .sortable-item-table {
  width: calc(100% - 20px);
}

.sortable-item .sortable-item-table .sortable-item-action-col {
  width: 120px;
  max-width: 120px;
  text-align: center;
}

.media-type-group {
  display: flex;
  flex-direction: column;
}

.media-type-group-title {
  font-weight: bold;
}

.media-type-group-items {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  /* justify-content: space-around; */
}

.media-type-group-items .media-type-container {
  width: 17rem;
  height: 4rem;
  display: inline-flex;
  /* background-color: ivory; */
  margin-right: 1rem;
  margin-bottom: 1rem;
  border-radius: .3rem;
  border: 1px solid #ccc;
  transition: box-shadow .5s;
}

.media-type-group-items .media-type-container:hover, .media-type-group-items .media-type-container:focus-within {
  box-shadow: 0 0 10px lightgray;
}

.media-type-group-items .media-type-container .media-type-icon {
  height: 100%;
  width: 4rem;
  min-width: 4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* background-color: khaki; */
}

.media-type-group-items .media-type-container .media-type-icon img {
  max-width: 2.5rem;
  max-height: 2.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  object-fit: contain;
}

.media-type-group-items .media-type-container .media-type-content {
  /* background-color: lawngreen; */
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  padding: .5rem .5rem .5rem 0;
}

.media-type-group-items .media-type-container .media-type-content .media-type-title {
  /* background-color: lightblue; */
  display: flex;
  margin-bottom: .1rem;
}

.media-type-group-items .media-type-container .media-type-content .media-type-desc {
  /* background-color: lightcoral; */
  display: flex;
  flex-grow: 1;
  font-size: .85em;
  overflow: hidden;
  color: #aaa;
}

.digital-clock-icon {
  display: inline-flex;
  justify-content: center;
  border: 1px solid teal;
  /* width: 60px; */
  padding: .6rem .1rem;
  font-family: digitalnumber;
  font-weight: bold;
  font-size: .8rem;
  border-radius: .2rem;
  background-color: #222;
  color: cyan;
}

.google-calendar-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-image: url('../images/icon-google-calendar-base.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: #3089E6;
  font-weight: bold;
  font-size: 15px;
  font-family: Roboto;
}

.qr-code-viewer .container {
  width: 40%;
}

.qr-code-viewer .actions {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
}

.qr-code-viewer .actions button {
  max-width: 200px;
  margin-bottom: 1em;
  cursor: pointer;
  padding: .5em 1em;
}

.flex-h {
  display: flex;
  flex-direction: row;
}

.flex-v {
  display: flex;
  flex-direction: column;
}

.iflex-h {
  display: inline-flex;
  flex-direction: row;
}

.iflex-v {
  display: inline-flex;
  flex-direction: column;
}

.h-link-group {
  margin-bottom: .5rem;
}

.h-link-group ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.h-link-group ul li {
  display: inline-block;
  padding: .5rem .5rem;
}

.h-link-group ul li a {
  text-decoration: underline;
  font-weight: bold;
  color: #555;
}

.h-link-group ul li a:hover {
  color: #aaa;
}

div.metrics-setup-custom-period {
  padding-left: .5rem;
}

div.metrics-setup-custom-period .label {
  display: block;
  margin-bottom: -10px;
}

div.metrics-setup-custom-period label {
  font-weight: bold;
}

div.metrics-setup-custom-period .date-field {
  margin-right: 1rem;
}

div.summary-container {
  /* background-color: thistle; */
  display: flex;
}

div.summary-container .summary-icon {
  display: flex;
  /* background-color: tomato; */
  justify-content: center;
  align-items: center;
  width: 50px;
  min-height: 50px;
}

div.summary-container .summary-icon i.fa {
  transition: transform .3s;
}

div.summary-container:hover .summary-icon i.fa {
  transform: scale(1.2);
}

div.summary-container .summary-content {
  display: flex;
  flex-direction: column;
  padding: 8px;
}

div.summary-container .summary-content .summary-title {
  font-size: 1.1rem;
  color: #555;
  transition: color .1s ease-out;
}

div.summary-container:hover .summary-content .summary-title {
  font-size: 1.1rem;
  color: #111;
}

.summary-counter {
  font-size: 1.3rem;
  font-weight: bold;
}

div.summary-container .summary-content .summary-cta a {
  color: #aaa;
}

div.summary-container .summary-content .summary-cta a:hover {
  color: #999;
  text-decoration: underline;
}

.section-card.disabled div.summary-container:hover .summary-content .summary-title {
  font-size: 1.1rem;
  color: currentColor;
}

.section-card.disabled div.summary-container:hover .summary-icon i.fa {
  transform: none;
}

.section-card.disabled div.summary-container .summary-content .summary-cta a:hover {
  color: #999;
  /* display: inline-block;  /* For IE11/ MS Edge bug */
  /* pointer-events: none; */
  text-decoration: none;
}

@media print {
  body {
    background: #FFF;
  }

  .detailed-exhibition-page table {
    font-size: 8px;
  }

  .detailed-exhibition-page th {
    padding: 2px;
    text-align: center;
  }

  /* .detailed-exhibition-page th.day {
    padding: 1px;
  } */
  .detailed-exhibition-page th.day, .detailed-exhibition-page td.day {
    padding: 1px;
    width: 10px;
    min-width: 10px;
    max-width: 20px;
  }
}