@charset "utf-8";

@font-face {
	font-family: 'themify';
	src:url('/fonts/themify.eot?-fvbane');
	src:url('/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
	url('/fonts/themify.woff?-fvbane') format('woff'),
	url('/fonts/themify.ttf?-fvbane') format('truetype'),
	url('/fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NoeDisplay-Bold";
	src:url('/fonts/NoeDisplay-Bold.eot?-fvbane');
	src:url('/fonts/NoeDisplay-Bold.eot?#iefix-fvbane') format('embedded-opentype'),
	url('/fonts/NoeDisplay-Bold.woff?-fvbane') format('woff'),
	url('/fonts/NoeDisplay-Bold.ttf?-fvbane') format('truetype'),
	url('/fonts/NoeDisplay-Bold.svg?-fvbane#NoeDisplay-Bold') format('svg');
}
@font-face {
	font-family: 'digital-7-webfont';
	src:url('/fonts/digital-7-webfont.eot?-fvbane');
	src:url('/fonts/digital-7-webfont.eot?#iefix-fvbane') format('embedded-opentype'),
	url('/fonts/digital-7-webfont.woff?-fvbane') format('woff'),
	url('/fonts/digital-7-webfont.ttf?-fvbane') format('truetype'),
	url('/fonts/digital-7-webfont.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

.en_title_font {
	font-family: 'NoeDisplay-Bold' !important;
}

:root {
	--cn-title-font: 'Songti SC';
}

[class^="tgc_icon_"], [class*=" tgc_icon_"] {
	font-family: 'tgc_icon_font' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tgc_icon_arrow:before {
	content: "\e900";
}

.tgc_icon_close:before {
	content: "\e901";
}

.tgc_icon_download:before {
	content: "\e902";
}

.tgc_icon_email:before {
	content: "\e903";
}

.tgc_icon_facebook:before {
	content: "\e904";
}

.tgc_icon_instagram:before {
	content: "\e905";
}

.tgc_icon_podcast:before {
	content: "\e906";
}

.tgc_icon_rss:before {
	content: "\e907";
}

.tgc_icon_search:before {
	content: "\e908";
}

.tgc_icon_share:before {
	content: "\e909";
}

.tgc_icon_subscribe:before {
	content: "\e90a";
}

.tgc_icon_trending:before {
	content: "\e90b";
}

.tgc_icon_twitter:before {
	content: "\e90c";
}

.tgc_icon_vimeo:before {
	content: "\e90d";
}

.tgc_icon_youtube:before {
	content: "\e90e";
}


* {
	font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	/*font-family: "PingFangSC-Regular";*/
	/*font-size: 14px;*/
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
}

input {
	border: 0px solid #6f6f6f;
	margin-left: 5px;
	/*color: white;*/
	padding-left: 3px;
	background-color: transparent;
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}

li {
	list-style: none;
}

body, h1, h2, h3, h4, h5, h6, hr, p, figure, menu, dl, dt,
	dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea,
	select, th, td {
	margin: 0;
	padding: 0;
}

blockquote {
	font-size: 14px;
}

audio {
	width: 100%;
}

.hand-mouse {
	cursor: pointer;
}

.none_select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.zoom-in {
    cursor: zoom-in;
}

.inline-block {
	display: inline-block;
}

.text-center {
	text-align: center;
}

img {
	border: 0;
	vertical-align: top
}

a {
	transition: all .6s cubic-bezier(.19,1,.22,1) 50ms;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
	touch-action: manipulation;
}
a {
	color: #272727;
	text-decoration: none;
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:hover {
	 transition: all .6s cubic-bezier(.19,1,.22,1) 50ms;
	 outline: none;
 }
a:focus, a:hover {
	color: #66a343;
	text-decoration: none;
}
a:active, a:hover {
	outline-width: 0;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.col-sm-10 img {
	max-width: 180px;
}
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

/*.row>[class*='col-'] {*/
    /*display: flex;*/
	/*flex-direction: column;*/
/*}*/

.btn [class*="icon-"] {
	margin-right: 5px;
}

.icon-desktop:before {
	content: "\e640";
	color: white;
}

.icon-star:before {
	content: "\e60a";
	color: white;
}

.icon-user:before {
	content: "\e602";
	color: white;
}

.icon-add:before {
	content: "\e61a";
	color: white;
    position: relative;
    top: 1px;
}

.icon-close:before {
	content: "\e646";
	cursor: pointer;
}
.icon-volume:before {
	content: "\e601";
	cursor: pointer;
}
.icon-lock:before {
	content: "\e62b";
}

.icon-setting:before {
	content: "\e60f";
}

.icon-clock:before {
	content: "\e6c6";
}

.icon-angle-down:before {
	content: "\e64b";
}

.icon-edit:before {
	content: "\e61c";
}

.icon-trash:before {
	cursor: pointer;
	content: "\e605";
}

.icon-trash:hover:before {
	cursor: pointer;
	content: "\e605";
}

.icon-link:before {
	content: "\e62d";
}

.icon-upload:before {
	content: "\e66b";
}

.icon-double-up:before {
	content: "\e660";
}

.icon-double-down:before {
	content: "\e663";
}

.icon-play:before {
    cursor: pointer;
    content: "\e6ad";
}

.icon-search:before {
    cursor: pointer;
    content: "\e610";
}

.icon-truck:before {
	content: "\e66d";
}

.icon-comment:before {
	content: "\e645";
}

.icon-pause:before {
	cursor: pointer;
	content: "\e6ae";
}

.icon-download:before {
	cursor: pointer;
	content: "\e6a7";
}

.icon-reload:before {
	cursor: pointer;
	content: "\e619";
}
.icon-fullscreen:before {
	cursor: pointer;
	content: "\e659";
}
.icon-like:before {
	cursor: pointer;
	content: "\e634";
}

.modal {
	text-align: center;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-content {
	background-color: #F4F4F4;
	border: 1px solid #cecece;
	border-radius: 6px;
}

.modal-header {
	border-radius: 6px 6px 0px 0px;
	color: black;
	padding: 10px;
	height: 40px;
}
.modal-header .close{
    margin-top: -4px;
    font-size: 30px;
}

.modal-title {
	font-size: 16px;
	font-weight: bold;
}

.modal-footer {
	
}

div.dataTables_wrapper div.dataTables_processing {
    color: #888888;
    background-color: rgba(0,0,0,0.5);
    border: none;
}

table.dataTable {
	border-collapse: collapse !important;
	color: #cccccc;
	border-bottom: 1px solid black;
    background-color: #2a2a2a;
}

table.dataTable td img{
	max-width: 50px;
	max-height: 70px;
}

table.dataTable tbody>tr:hover {
	background-color: #EBEBEB;
}

.close {
	font-weight: normal;
	text-shadow: none;
	filter: alpha(opacity =   100);
	opacity: 1;
	color: #000;
}

.close:hover {
	color: #666;
}

.dropdown-menu{
	min-width: initial;
	background-color: #696969;
}
.dropdown-menu li a {
	color: white;
}

.btn {
	padding: 4px 20px;
	border-radius: 5px;
	font-size: 14px;
    font-weight: bold;
    height: 26px;
    line-height: 18px;
}

.btn .caret {
	margin-left: 2px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

.btn-default {
	background-image: linear-gradient(-180deg, #FFFFFF 0%, #E8E8E8 100%);
	border-color: #cccccc;
}

.btn-default.focus, .btn-default:focus {
	background-image: linear-gradient(-180deg, #FEFEFE 0%, #C6C6C6 100%);
	border-color: #cccccc;
}

.btn-default:hover {
	background-image: linear-gradient(-180deg, #FEFEFE 0%, #C6C6C6 100%);
	border-color: #cccccc;
}

.btn-default.active, .btn-default.active:focus, .btn-default:active:focus,
	.btn-default:active, .open>.dropdown-toggle.btn-default {
	background-image: linear-gradient(-180deg, #FEFEFE 0%, #C6C6C6 100%);
	border-color: #cccccc;
}

.btn-primary {
	background-image: linear-gradient(-180deg, #69B1FA 0%, #046FFF 100%);
	border-color: #cccccc;
}

.btn-primary.focus, .btn-primary:focus {
	background-image: linear-gradient(-180deg, #4c98ff 0%, #0666e4 100%);
	border-color: #cccccc;
}

.btn-primary:hover {
	background-image: linear-gradient(-180deg, #4c98ff 0%, #0666e4 100%);
	border-color: #cccccc;
}

.btn-primary.active, .btn-primary.active:focus, .btn-primary:active:focus,
	.btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-image: linear-gradient(-180deg, #4c98ff 0%, #0666e4 100%);
	border-color: #cccccc;
}


.btn-danger {
	background-image: linear-gradient(-180deg, #fa6969 0%, #e40000 100%);
	border-color: #cccccc;
}

.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
	background-image: linear-gradient(-180deg, #f89393 0%, #ec2828 100%);
	border-color: #cccccc;
}

.btn-danger.active, .btn-danger.active:focus, .btn-danger:active:focus,
	.btn-danger:active, .open>.dropdown-toggle.btn-danger {
	background-image: linear-gradient(-180deg, #f89393 0%, #ec2828 100%);
	border-color: #cccccc;
}

.btn-block {
	border: 1px solid #CCCCCC;
}

.btn-noborder {
	border: none;
}

.modal-footer .btn+.btn {
	margin-left: 10px;
}

.modal-form {
	color: black;
}

.modal-form .input-group {
	margin-bottom: 10px;
}

.modal-form select.form-control {
	margin-bottom: 10px;
}

.item-add-block {
	position: relative;
	height: 319.5px;
    background-image: url('/images/icon_plus_transparent.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item-add-block.list-add {
    border: 1px solid #5a5a5a;
    border-radius: 5px;
}


.item-add-block-mini {
    background-image: url('/images/icon_plus_280.png');
    position: relative;
    display: inline-block;
    height: 120px;
    width: 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item-add-block img, .item-add-block-mini img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 45%;
}

.item-add-block-tip {
	position: absolute;
	top: 80%;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	color: #999999;
}

.item-add-block-recommand {
	font-size: 9px;
	margin-top: 2px;
}

.pagination>li>a{
    color: #D5DDE5;
    background: #1b1e24;
    border: 1px solid #1b1e24;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #D5DDE5;
    background: #1b1e24;
    cursor: not-allowed;
    border: 1px solid #1b1e24;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	background-color: #444444;
    border: 1px solid #1b1e24;
}
.form-title-bar {    
	border-bottom: 1px solid #171717;
    border-top: 1px solid #171717;
    background-color: #373737;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0px 10px;
    color: white;
}
.form-title-bar-dynamic-fixed {
	background-color: #EFEFEF;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.form-title-name {
	float: left;
	font-size: 16px;
	font-weight: bold;
}
.form-title-btn{
	float: right;
}
.form-horizontal  {
	text-align: left;
    height: 100%;
}

.form-horizontal .form-group  {
	margin-left: 0px;
	margin-right: 0px;
}

.form-horizontal .form-content {
	flex-grow: 1;
    padding-top: 20px;
    overflow-y: auto;
}

.form-search {
	text-align: right;
	margin-bottom: 8px;
}
.form-search .form-group label {
	font-weight: normal;
	color: white;
}
.form-control[contenteditable="true"] {
	height: auto;
}
.table {
	background: white;
    border-collapse: collapse;
    margin: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.table>thead>tr>th {
    text-align: center;
    color: white;
    background: #373737;
    border-top: 1px solid black !important;
    border-bottom: 2px solid black;
    border-right: 1px solid black;
    font-size: 14px;
    vertical-align: middle;
}

/*
.table>thead>tr>th:first-child {
    border-top-left-radius: 3px;
}

.table>thead>tr>th:last-child {
    border-top-right-radius: 3px;
}
*/
.table>tbody>tr>td {
    vertical-align: middle;
    font-size: 14px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
}

.table-responsive {
	overflow-x: initial;
}
div.dataTables_wrapper div.dataTables_info {
	display: inline-block;
	color: white;
}
div.dataTables_wrapper div.dataTables_paginate {
	display: inline-block;
	float: right;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #272727;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #313131;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: 1px solid black;
}
.table>tbody>tr:hover {
	background-color: #6d7c91 !important;
	color: white;
}

/* loader */
.loader {
  margin: 20px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0) scale(0.7);
  -ms-transform: translateZ(0) scale(0.7);
  transform: translateZ(0) scale(0.7);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.input-search-bar {
	float: right;
	width: 300px;
}

.input-search-bar .form-control {
	background-color: #333333;
	border: none;
	color: white;
	height: 22px;
	border-radius: 20px 0px 0px 20px;
	font-size: 12px;
}
.input-search-bar .input-group-addon{
    background-color: #4a4a4a;
	border: none;
	color: white;
	padding: 0px;
	border-radius: 0px 20px 20px 0px;
}
.input-search-bar .glyphicon-search {
	padding: 0px 10px;
	font-size: 13px;
}
.input-search-bar .form-control{
}
.input-search-bar button{
	border:0;
	background:transparent;
}
.glyphicon-search:before {
	font-family: 'themify';
	content: "\e610";
}
.progress {
	margin-top: 2px;
}

.treeview .list-group-item {
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #373737;
    color: #dadada;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #171717;
    border-radius: 0px;
    font-size: 12px;
}

.treeview .badge {
	font-weight: normal;
	border: none;
	background: none;
	float: none;
	position: absolute;
	right: 0;
}

.treeview .badge [class*="icon-"]:before {
	color: #a2a2a2;
}

.toast-bottom-center {
	bottom: 30px !important;
}

.form-control {
	color: black;
}
.progress {
	margin-bottom: 0px;
}
.breadcrumb{
    background-color: transparent;
    padding: 0;
    margin-bottom: 0px;
}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus, .breadcrumb a:hover{
	color: black;
}
.breadcrumb a:hover{
	color: #006bff;
}

.btn-group label {
    margin: 5px 0px;
	background-image: linear-gradient(-180deg, #FFFFFF 0%, #E8E8E8 100%);
    border-color: #cccccc;
    color: black;
}

.btn-group.separate-btn-group label {
    margin: 5px 10px;
	border-radius: 5px !important;    
}

.upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.table>tbody>tr>td.datatable-left {
	text-align: left;
}

.select-file-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.select-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.select-file-input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
    cursor: pointer;
}

.picker-switch {
	background-color: #eee;
}

.picker-switch  *{
	color: black;
}

.modal-body label {
	color: black;
}
.note-editor.note-frame {
    margin: 0px 20px;
	clear: both;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-tooltip-content {
	display: none;
}

.note-editable a {
	color: black;
}

.file-recommend-tip {
	font-size:12px;
	width: 180px;
	text-align: center;
	color: #999999;
	margin-top: 5px;
}

.show-original-pic {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
    margin-left: 3px;
    color: black !important;
    display: block;
}

textarea.form-control {
	min-height: 100px;
	resize: none;
}

.form-input-group {
	padding-top: 7px;
}

.btn-group .btn.dropdown-toggle.dropdown-common {
	background-color: #696969;
	border: none;
	color: white;
	font-weight: normal;
	min-width: 111px;
	padding: 4px 8px 4px 10px;
	border-radius: 3px;
}

.item-add-block-mini .icon-close {
	position: absolute;
    top: -10px;
    right: -13px;
	margin: 0;
    background-color: red;
    border-radius: 50%;
    color: white;
    width: 24px;
    height: 24px;
    padding: 3px;
    z-index: 1000;
}
 
.table-container {
	background-color: #2a2a2a;
    height: inherit;
    overflow-y: auto;
    border-left: 1px solid black;
    padding: 40px 50px;
}

.modal-dialog input[type=file] {
	color: black;
}


.file-input .btn.btn-primary {
	height: 34px;
	line-height: 24px;
}

.left-label {
	float: left;
}

.input-right {
	float: right;
	width: 120px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
}

.item-add-block .preview-image, .item-add-block-mini .preview-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: none;
}

.upload-image-item {
	background-image: none;
}

.upload-image-item[upload-status="0"] .preview-image{
	opacity: 1;
	background-image: none;
}


.upload-image-item[upload-status="1"] .preview-image {
	opacity: 1;
}

.upload-image-item[upload-status="2"] .preview-image {
	opacity: 0.5;
	background-image: none;
}

.upload-image-item[upload-status="3"] .preview-image {
	opacity: 0.5;
	background-image: none;
}

.upload-image-item .upload-tip {
	color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
}
.search-bar {
	display: inline-block;
	width: 300px;
}

.search-bar .form-control {
    font-weight: normal;
}

.search-bar .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

.btn-default i:before {
 	color: black;	
}



.bottom-control {
	right: 20px;
	position: absolute;
	bottom: 0;
	text-align: right;
	padding: 15px 20px 20px 18px;
}

.bottom-control a, .bottom-control span {
	margin-left: 15px;
}


@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}


h3 {
	font-weight: bold;
	font-size: 22px;
}
h4 {
	font-weight: bold;
	font-size: 20px;
}