#wpadminbar {
    background: #0075bb;
}
#wpadminbar .ep-logo a{
 line-height:0;
}
#wpadminbar .ep-logo img{
 width: 52px;
 margin-top: 5px;
}
#wpadminbar .menupop .ab-sub-wrapper, 
#wpadminbar .shortlink-input {
    background: #004974;
}
#wpadminbar .ab-top-menu > li.hover > .ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
    background: #004974;
    color: #fff;
}

.ep-loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.8);
	z-index: 9999;
}





.ep-loader .ep-loader-content {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.ep-loader .sk-circle {
  margin: 100px auto;
  width: 80px;
  height: 80px;
  position: relative;
}
.ep-loader .sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ep-loader .sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: red;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.ep-loader .sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.ep-loader .sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.ep-loader .sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.ep-loader .sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.ep-loader .sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.ep-loader .sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.ep-loader .sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.ep-loader .sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.ep-loader .sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.ep-loader .sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.ep-loader .sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.ep-loader .sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.ep-loader .sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.ep-loader .sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.ep-loader .sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.ep-loader .sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.ep-loader .sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.ep-loader .sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.ep-loader .sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.ep-loader .sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.ep-loader .sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.ep-loader .sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}




.emoji-textfield {
	position: relative;
}

.emoji-textfield button {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	border: 0;
	background: transparent;
	padding: 0;
	line-height: 0;
}

.emoji-textfield button:hover, .emoji-textfield button:active, .emoji-textfield button:focus {
	outline: 0;
}

@media (max-width: 1024px) {
	.emoji-textfield button {
		display: none;
	}
}
.emoji-selection-box {
	position: absolute;
	right: 0;
	padding: 10px;
	background: white;
	top: -49px;
	display: none;
}


.emoji-selection-box.animate {
	display: block;
	
	-webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.7s; /* Firefox < 16 */
	-ms-animation: fadein 0.7s; /* Internet Explorer */
	-o-animation: fadein 0.7s; /* Opera < 12.1 */
	animation: fadein 0.7s;
}

.emoji-selection-box.animate .ep-emoji {
	position: relative;
	top: 0px;
	
	-webkit-animation: slideup 0.3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: slideup 0.3s; /* Firefox < 16 */
	-ms-animation: slideup 0.3s; /* Internet Explorer */
	-o-animation: slideup 0.3s; /* Opera < 12.1 */
	animation: slideup 0.3s;
}

.emoji-selection-box .ep-emoji {
	font-size: 24px;
	margin-left: 5px;
	cursor: pointer;
}
.emoji-selection-box .ep-emoji:first-child {
	margin-left: 0;
}











@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}







@keyframes slideup {
    from { top: 30px; }
    to   { top: 0; }
}

/* Firefox < 16 */
@-moz-keyframes slideup {
    from { top: 30px; }
    to   { top: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes slideup {
    from { top: 30px; }
    to   { top: 0; }
}

/* Internet Explorer */
@-ms-keyframes slideup {
    from { top: 30px; }
    to   { top: 0; }
}

/* Opera < 12.1 */
@-o-keyframes slideup {
    from { top: 30px; }
    to   { top: 0; }
}