/***BEGIN ThemePanel.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.theme-panel .ms-Panel-main {
  max-width: 480px; }

.theme-panel .ms-Overlay {
  background-color: transparent; }

.theme-panel .theme-management-container {
  flex-wrap: wrap; }

.theme-panel .theme-tile-container {
  margin: 10px 4px;
  padding: 10px;
  border: 2px solid transparent; }

.theme-panel .theme-tile-container.selected {
  border-color: rgba( 0, 69, 120 ,  1 );
  border-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 ); }

.theme-panel .theme-management-group p {
  margin-top: 0px;
  margin-bottom: 0px; }

.theme-panel .theme-tile {
  cursor: pointer; }
  .theme-panel .theme-tile .theme-tile-sections {
    border: 1px solid;
    height: 102px; }
  .theme-panel .theme-tile .theme-header {
    height: 10px;
    width: 92px; }
  .theme-panel .theme-tile .theme-nav {
    height: 90px;
    width: 20px;
    display: inline-block; }
  .theme-panel .theme-tile .theme-background {
    height: 86px;
    margin: 2px 0px;
    width: 60px;
    display: inline-block; }
  .theme-panel .theme-tile .theme-name {
    text-align: center;
    width: 92px; }
  .theme-panel .theme-tile .theme-text {
    height: 5px;
    width: 40px;
    margin: 5px 2px; }
    .theme-panel .theme-tile .theme-text.long {
      width: 50px; }
    .theme-panel .theme-tile .theme-text.short {
      width: 20px; }
  .theme-panel .theme-tile .theme-button {
    height: 8px;
    width: 8px; }
    .theme-panel .theme-tile .theme-button.wide {
      width: 30px; }
/***END ThemePanel.css***/