﻿.events-frameworks-container {
  height: 100%;
  min-width: 1000px;
}

.events-frameworks-container .iframe_main_area {
  width: 69%;
  height: 100%;
  float: left;
}

.events-frameworks-container .players_area {
  width: 30%;
  height: 100%;
  float: left;
  margin-left: 5px;
}

.events-frameworks-container .iframe_design {
  width: 100%;
  height: 100%;
  border: solid 1px #364155;
}

.events-frameworks-container .iframe_error_message {
  color: #eaeaea;
  font-size: 30px;
  font-weight: bold;
}

.events-frameworks-search-player-container {
  visibility: hidden;
  border: solid 1px #b5b5b6;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.events-frameworks-search-player-container.enabled {
  visibility: visible;
}

.events-frameworks-search-player-container .search-player-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #283039;
  border-bottom: solid 1px #b5b5b6;
  box-sizing: border-box;
  color: #b5b5b6;
  line-height: 20px;
  height: 21px;
}

.events-frameworks-search-player-container .search-player-header .search-player-left-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  pointer-events: none;
}

.events-frameworks-search-player-container .search-player-header .search-player-left-header div {
  padding: 0 6px;
  cursor: default;
}

.events-frameworks-search-player-container .search-player-header .search-player-center-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.events-frameworks-search-player-container .search-player-header .search-player-right-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  min-width: 50px;
}

.events-frameworks-search-player-container .search-player-body {
  position: relative;
  height: calc(100% - 21px);
  width: 100%;
}

.events-frameworks-search-player-container .search-player-body .vms-player {
  height: 100%;
}

.events-frameworks-search-player-container .search-player-loader-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #1a2028;
}

.events-frameworks-search-player-container .search-player-loader-container iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 0;
}

.events-frameworks-search-player-container .search-player-icon {
  position: relative;
  margin: 0 4px;
  width: 16px;
  height: 16px;
  cursor: default;
}

.events-frameworks-search-player-container .search-player-icon[role="button"] {
  cursor: pointer;
}

.events-frameworks-search-player-container .hidden {
  visibility: hidden;
}

/*# sourceMappingURL=events.frameworks.component.css.map */