
.avatar-icon-img {
	width: 50px;
}


.select2-container {
    display: block !important;
}

.select2-container .select2-choice {
    height: 2.5375rem !important;
    border: 1px solid #edf2f9 !important;
    color: #53535f !important;
    line-height: 2.5375rem !important;
    background-image: none !important;
    background-color: #fff !important;
}

.select2-container .select2-choice .select2-arrow {
    background-image: none !important;
    background-color: #fff !important;
    border-left: 0 !important;
    width: 25px !important;
}

.select2-container .select2-choice .select2-arrow b {
    background: none !important;
}

.select2-container .select2-choice .select2-arrow b:after {
    content: "\e00b" !important;
    font-family: "anticon" !important;
    color: rgba(0,0,0,0.25) !important;
}

.select2-container-active.select2-container {
    border: 1px solid #3f87f5 !important;
    border-radius: .25rem !important;
    box-shadow: 0 0 0 2px rgba(63,135,245,0.2) !important;
}

.select2-container-active.select2-container .select2-choice,.select2-container-active.select2-container .select2-choices {
    box-shadow: none !important;
}

.select2-drop-active {
    border: 0px !important;
}

.select2-drop {
    color: #53535f !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 0px !important;
}

.select2-results .select2-highlighted {
    color: #3f87f5 !important;
    background-color: rgba(63,135,245,0.1) !important;
}

.select2-results .select2-result-label {
    padding: 5px 12px !important;
}

.select2-search {
    padding: 4px !important;
}

.select2-search:after {
    content: "\e0ba" !important;
    font-family: "anticon" !important;
    color: #53535f !important;
    position: absolute !important;
    right: 15px !important;
    top: 10px !important;
}

.select2-search input {
    border-color: #edf2f9 !important;
    background: none !important;
    border-radius: .25rem !important;
    font-family: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif
}

.select2-dropdown-open.select2-container .select2-choice .select2-arrow b:after {
    content: "\e0ee" !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices {
    background: none !important;
}

.select2-container-multi .select2-choices {
    min-height: 2.5375rem !important;
    border: 1px solid #edf2f9 !important;
    background-image: none !important;
	
	display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 8px 0 8px 5px !important;
    border: 1px solid #e8e8e8 !important;
    background-color: #fafafa !important;
    background-image: none !important;
}

.select2-search-choice-close {
    background-image: none !important;
    color: #72849a !important;
    font-size: 12px !important;
}

.select2-search-choice-close:after {
    content: "\25" !important;
    font-family: "anticon" !important;
}

.select2-search-choice-close:hover {
    color: #2a2a2a !important;
}



.skeleton-wrapper {
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 15px;
}

.skeleton-wrapper-inner {
    height: 410px;
    padding: 15px;
    position: relative;
}

.skeleton-wrapper-body div {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderSkeleton;
  -webkit-animation-timing-function: linear;
  background: #f6f7f8;
  background-image: -webkit-gradient(linear, left center, right center, from(#f6f7f8), color-stop(.2, #edeef1), color-stop(.4, #f6f7f8), to(#f6f7f8));
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 500px;
  height: 104px;
  position: relative;
}

.skeleton-wrapper-body {
  -webkit-animation-name: skeletonAnimate;
  background-image: -webkit-gradient(linear, center top, center bottom, from(deg), color-stop(0, red), color-stop(.15, orange), color-stop(.3, yellow), color-stop(.45, green), color-stop(.6, blue), color-stop(.75, indigo), color-stop(.8, violet), to(red));
  background-image: -webkit-linear-gradient(135deg, red 0%, orange 15%, yellow 30%, green 45%, blue 60%,indigo 75%, violet 80%, red 100%);
  background-repeat: repeat;
  background-size: 50% auto;
}

.skeleton-wrapper-body div {
  position: absolute;
  right: 15px;
  left: 15px;
  top: 15px;
}

div.skeleton-avatar {
  height: 60px;
  width: 60px;
  border-radius: 60px;
  right: auto;
}
div.skeleton-author {
  top: 20px;
  height: 20px;
  left: 95px;
  width: 150px;
}
div.skeleton-title {
    top: 0;
    height: 20px;
    left: 0;
    width: 150px;
}
div.skeleton-chart {
    top: 50px;
    height: 360px;
    left: 0;
    right: 0;
}

div.skeleton-label {
  left: 95px;
  top: 50px;
  height: 10px;
  width: 100px;
}
div.skeleton-content-1,
div.skeleton-content-2,
div.skeleton-content-3 {
  left: 15px;
  right: 15px;
  height: 10px;
}
div.skeleton-content-1 {
  top: 100px;
}
div.skeleton-content-2 {
  top: 120px;
}
div.skeleton-content-3 {
  top: 140px;
}

@-webkit-keyframes placeholderSkeleton {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 800px 0;
  }
}

@-webkit-keyframes skeletonAnimate {
  from {
    background-position: top left;
  }
  to {
    background-position: top right;
  }
}

.popover {
    white-space: pre-wrap;    
}


.and-box {
	width: 64px;
    margin-right: 16px;
	display: inline-block;
}

.and-container {
	width: 100%;
	display: flex;
	position: relative;
	align-items: baseline;
	flex-direction: row;
	justify-content: flex-start;
}

.and-container:before {
	flex: 0 1 auto;
    content: ' ';
    min-width: 8px;
    border-bottom: solid 1px #E0E0E0;
}

.and-container:after {
    flex: 1 1 auto;
    content: ' ';
    border-bottom: solid 1px #E0E0E0;
}