/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}


abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}


b,
strong {
  font-weight: bolder;
}


code,
kbd,
samp {
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}


button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}


button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}


details {
  display: block;
}

summary {
  display: list-item;
}


template {
  display: none;
}


[hidden] {
  display: none;
}


/** 自定义样式 **/
.btn:not(.disabled) .spinner-border{
	display:none;
}

.left-pannel{
	margin-top:42px;	
}

.right-panel{
	margin-left:160px;
	margin-top:42px;
}


.btn.disabled .spinner-border{
	display:inline-block;
}

.disabled {
	pointer-events:none;
}

.tangram-suggestion-main{
	z-index:99170;
}

.text-small{
	font-size:0.8rem;
}

.hover .hover-show{
	display:none;
}

.hover:hover .hover-show{
	display:inline;
}

.image-upload-wraper, .video-upload-wraper{
	height:120px;
	width:100%;
	min-height:64px;
	background-image:url(images/upload-image.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 120px;
}

.image-upload-wraper input[type=file], .video-upload-wraper input[type=file]{
	height:100%;
	width:100%;
	opacity:0;
}

.video-upload-wraper{
	background-image:url(images/upload-video.png);
	background-size: 100px;
	background-position: top;
}

.left-pannel a{
	color:#607d8b;
}

.nav-link{
	color:#607d8b;
	font-size:0.85rem;
}

.dropdown-city-list{
	margin-left:-1em;
}

header{
	background-color: #28a745;
}

/** 扩展的颜色 **/
.bg-indigo {background-color: var(--indigo)}
.bg-purple {background-color: var(--purple)}
.bg-teal {background-color: var(--teal)}

/** small size **/
@media all and (max-width: 768px) {
	.left-pannel{
		display:none!important;
	}
	
	.right-pannel{
		margin-top:2.75rem;
	}
	
	header .dropdown-menu{
		width:65vw;
	}
		
	.dropdown-menu a{
		padding-top:0.3rem;
		padding-bottom:0.3rem;
		color: #607d8b;
	}
	
	.dropdown-menu a i{
		color: var(--success);
	}
	
	body, .dropdown-menu{
		font-size:0.85rem!important;
	}
}

@media all and (min-width:768px){
	.left-pannel{
		top:0px;
		height:100vh;
		width:160px;
	}
	
	.right-pannel{
		margin-left:160px;
	}
}