/* -*- mode: css; css-indent-offset: 2; -*- */
/*
 * Copyright 2020 MIT, All Rights Reserved.
 * Released under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.ode-SimpleMockFormDark {
  height: auto !important;
  background-color: #d2e0a6;
  border: 2px solid black;
  -webkit-display: flex;
  display: flex;
}

.ode-SimpleMockFormPhoneLandscape .ode-SimpleMockFormDark,
.ode-SimpleMockFormPhoneLandscapeTablet .ode-SimpleMockFormDark,
.ode-SimpleMockFormPhoneLandscapeMonitor .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSLandscape .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSLandscapeTablet .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSLandscapeMonitor .ode-SimpleMockFormDark {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.ode-SimpleMockFormPhonePortrait .ode-SimpleMockFormDark,
.ode-SimpleMockFormPhonePortraitTablet .ode-SimpleMockFormDark,
.ode-SimpleMockFormPhonePortraitMonitor .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSPortrait .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSPortraitTablet .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSPortraitMonitor .ode-SimpleMockFormDark {
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* iPhoneX Dark Theme */
.ode-SimpleMockFormIOSLandscape .ode-SimpleMockFormDark,
.ode-SimpleMockFormIOSPortrait .ode-SimpleMockFormDark {
  border-radius: 30px;
}

/* Dark Theme Buttons in all previews */
.ode-SimpleMockFormDark-AndroidMaterial .ode-SimpleMockButton {
  padding: 4px 8px;
  text-shadow: none;
  background-color: #5a595b;
  color: #fff;
  border: 0;
  border-radius: 2px;
}

.ode-SimpleMockFormDark-AndroidHolo .ode-SimpleMockButton {
  min-height: 34px;
  padding: 4px 8px;
  background-color: #353839;
  color: white;
}

.ode-SimpleMockFormDark-iOS .ode-SimpleMockButton {
  padding: 4px 8px;
  background-color: black;
  color : rgba(10, 132, 255);
  font-family: iOSFont;
}





.colorThemeTip {
  float:left;
}
.colorTheme {
  height: 11px;
  float: left;
  width: 10px;
  border: 1px solid white;
  cursor: pointer;
  margin-right: 5px;
  list-style: none;
  margin-top: 2px;
  opacity: 0.6;
}
.colorTheme:hover{
  opacity: 1;
}
.classic {
  background-color: #8FC202;
}
.lightgreen {
  background-color: #8EBF4C;
}
.blue {
  background-color: #3f51b5;
}
.red {
  background-color: #f24f36;
}
.gray {
  background-color: rgb(96, 125, 139);
}
.pink {
  background-color: #e9464d;
}
.orange {
  background-color: #FF9700;
}
/*选中*/
.active {
  border:1px solid #44413e;
}

.switchDark {
  float:left;
  color:#888;
  max-height: 16px;
  cursor:pointer;
  opacity: 0.6;
}
.switchDark:hover{
  opacity: 1;
}

/*隐私策略和使用条款*/
.tosLink {
  padding-right: 140px;
}