@import url(https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,700);.rc-color-picker-panel-inner {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 5px #ccc;
  border: 1px solid #ccc;
  padding-bottom: 8px;
}
.rc-color-picker-panel-wrap {
  margin: 5px 0 0;
  height: 30px;
  width: 100%;
  position: relative;
}
.rc-color-picker-panel-wrap-preview {
  position: absolute;
  right: 8px;
}
.rc-color-picker-panel-wrap-ribbon {
  position: absolute;
  left: 8px;
  top: 0;
  right: 43px;
  height: 30px;
}
.rc-color-picker-panel-wrap-alpha {
  position: absolute;
  left: 8px;
  right: 43px;
  bottom: 0;
  height: 12.5px;
}
.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon {
  height: 12.5px;
}
.rc-color-picker-trigger {
  border: 1px solid #999;
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff inset;
}
.rc-color-picker-trigger-open {
  box-shadow: 0px 0px 3px #999;
}
.rc-color-picker-panel {
  width: 218px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  z-index: 9;
  border-radius: 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rc-color-picker-panel * {
  box-sizing: border-box;
}
.rc-color-picker-panel-open {
  display: block;
}
.rc-color-picker-panel-close {
  display: none;
}
.rc-color-picker-panel-preview {
  height: 30px;
  width: 30px;
  overflow: hidden;
  border-radius: 2px;
  background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');
}
.rc-color-picker-panel-preview span {
  box-shadow: 0 0 2px #808080 inset;
}
.rc-color-picker-panel-preview span,
.rc-color-picker-panel-preview input[type=color] {
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  border-radius: 2px;
}
.rc-color-picker-panel-preview input[type=color] {
  opacity: 0;
}
.rc-color-picker-panel-board {
  position: relative;
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 8px 8px 0px;
}
.rc-color-picker-panel-board span {
  position: absolute;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 9px;
  height: 9px;
  margin: -4px 0 0 -4px;
  left: -999px;
  top: -999px;
  box-shadow: 0 0 1px rgba(120, 120, 120, 0.7);
  z-index: 2;
}
.rc-color-picker-panel-board-hsv {
  width: 200px;
  height: 150px;
  position: relative;
  z-index: 1;
  border-radius: 2px;
}
.rc-color-picker-panel-board-value {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
.rc-color-picker-panel-board-saturation {
  border-radius: 2px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to right, #ffffff 0%, transparent 100%);
}
.rc-color-picker-panel-board-handler {
  box-shadow: 0 0 2px #808080 inset;
  border-radius: 2px;
  cursor: crosshair;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.rc-color-picker-panel-ribbon {
  position: relative;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);
}
.rc-color-picker-panel-ribbon span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}
.rc-color-picker-panel-ribbon-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}
.rc-color-picker-panel-alpha {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');
  background-repeat: repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-color-picker-panel-alpha-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 0 2px #808080 inset;
}
.rc-color-picker-panel-alpha span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4px;
  border: 1px solid #000000;
  padding: 1px 0;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 3px;
}
.rc-color-picker-panel-alpha-handler {
  position: absolute;
  width: 104%;
  height: 100%;
  left: -2%;
  cursor: pointer;
}
.rc-color-picker-panel-params {
  font-size: 12px;
}
.rc-color-picker-panel-params-input {
  overflow: hidden;
  padding: 2px 8px;
}
.rc-color-picker-panel-params input {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  text-align: center;
  padding: 1px;
  margin: 0;
  float: left;
  border-radius: 2px;
  border: 1px solid #CACACA;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.rc-color-picker-panel-params-hex {
  width: 52px;
}
.rc-color-picker-panel-params input[type=number] {
  margin-left: 5px;
  width: 44px;
}
.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.rc-color-picker-panel-params-lable {
  padding: 2px 8px;
  height: 22px;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-color-picker-panel-params-lable label {
  float: left;
  text-align: center;
}
.rc-color-picker-panel-params-lable-hex {
  width: 52px;
}
.rc-color-picker-panel-params-lable-number,
.rc-color-picker-panel-params-lable-alpha {
  margin-left: 5px;
  width: 44px;
  text-transform: uppercase;
}
.rc-color-picker-panel-params-lable-number:hover {
  border-radius: 2px;
  background-color: #eee;
  box-shadow: 0 0 0 1px #ccc inset;
  cursor: pointer;
}
.rc-color-picker-panel-params-has-alpha input[type=number] {
  width: 32px;
}
.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number,
.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha {
  width: 32px;
}
.rc-color-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;
}
.rc-color-picker-wrap {
  display: inline-block;
}
.rc-color-picker-slide-up-enter {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-color-picker-slide-up-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-color-picker-slide-up-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight {
  -webkit-animation-name: rcColorPickerSlideUpIn;
          animation-name: rcColorPickerSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight {
  -webkit-animation-name: rcColorPickerSlideDownIn;
          animation-name: rcColorPickerSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft,
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight {
  -webkit-animation-name: rcColorPickerSlideUpOut;
          animation-name: rcColorPickerSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft,
.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight {
  -webkit-animation-name: rcColorPickerSlideDownOut;
          animation-name: rcColorPickerSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes rcColorPickerSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes rcColorPickerSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes rcColorPickerSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes rcColorPickerSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}@charset "UTF-8";

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

@font-face {
  font-family: "Avenir";
  src: url(/fonts/Avenir-Light.eot?6a0fdf5d1f8999457f92f67dddea39eb) format("embedded-opentype"), url(/fonts/Avenir-Light.woff?3e35804878d7f1f109bd472de7c0a91f) format("woff"), url(/fonts/Avenir-Light.ttf?9336c835a563202d0bea8b5047ddf62c) format("truetype"), url(/fonts/Avenir-Light.svg?bda44ca80cf35055b2d14fe521ea6c6a) format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Avenir";
  src: url(/fonts/Avenir-Book.eot?3a6686d3ee88b9644f0a88fc33d6cf4a);
  src: url(/fonts/Avenir-Book.eot?3a6686d3ee88b9644f0a88fc33d6cf4a) format("embedded-opentype"), url(/fonts/Avenir-Book.woff2?41636cf359d913529a78a8d39e2b55be) format("woff2"), url(/fonts/Avenir-Book.woff?66fb3efb5e7f21db29f150cc3443f24d) format("woff"), url(/fonts/Avenir-Book.ttf?4b5abe6080b068f757112a31a9727a5f) format("truetype"), url(/fonts/Avenir-Book.svg?c5c8c2be570bdade5f9d8e7e700232da) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Avenir";
  src: url(/fonts/hinted-Avenir-Heavy.eot?20e148b770121cb1aeb8af0d149c1aa2);
  src: url(/fonts/hinted-Avenir-Heavy.eot?20e148b770121cb1aeb8af0d149c1aa2) format("embedded-opentype"), url(/fonts/hinted-Avenir-Heavy.woff?5c689704e319a667a7347f18437d2efb) format("woff"), url(/fonts/hinted-Avenir-Heavy.ttf?89a972bdeb62f7279861c32a1f74f7f6) format("truetype"), url(/fonts/hinted-Avenir-Heavy.svg?79c0a88fb4a2e701888b9278a6e80683) format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Avenir";
  src: url(/fonts/hinted-Avenir-Heavy.eot?20e148b770121cb1aeb8af0d149c1aa2);
  src: url(/fonts/hinted-Avenir-Heavy.eot?20e148b770121cb1aeb8af0d149c1aa2) format("embedded-opentype"), url(/fonts/hinted-Avenir-Heavy.woff?5c689704e319a667a7347f18437d2efb) format("woff"), url(/fonts/hinted-Avenir-Heavy.ttf?89a972bdeb62f7279861c32a1f74f7f6) format("truetype"), url(/fonts/hinted-Avenir-Heavy.svg?79c0a88fb4a2e701888b9278a6e80683) format("svg");
  font-weight: 900;
  font-style: normal;
}

/* arabic */

@font-face {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 300;
  src: local("Tajawal"), local("Tajawal-Regular"), url(https://fonts.gstatic.com/s/tajawal/v2/Iura6YBj_oCad4k1nzSBC45I.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  src: local("Tajawal"), local("Tajawal-Regular"), url(https://fonts.gstatic.com/s/tajawal/v2/Iura6YBj_oCad4k1nzSBC45I.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 700;
  src: local("Tajawal Black"), local("Tajawal-Black"), url(https://fonts.gstatic.com/s/tajawal/v2/Iurf6YBj_oCad4k1l7KmHrRpiYlJ.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 900;
  src: local("Tajawal Black"), local("Tajawal-Black"), url(https://fonts.gstatic.com/s/tajawal/v2/Iurf6YBj_oCad4k1l7KmHrRpiYlJ.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Tajawal"), local("Tajawal-Regular"), url(https://fonts.gstatic.com/s/tajawal/v2/Iura6YBj_oCad4k1nzSBC45I.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Tajawal"), local("Tajawal-Regular"), url(https://fonts.gstatic.com/s/tajawal/v2/Iura6YBj_oCad4k1nzSBC45I.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Tajawal Black"), local("Tajawal-Black"), url(https://fonts.gstatic.com/s/tajawal/v2/Iurf6YBj_oCad4k1l7KmHrRpiYlJ.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 900;
  src: local("Tajawal Black"), local("Tajawal-Black"), url(https://fonts.gstatic.com/s/tajawal/v2/Iurf6YBj_oCad4k1l7KmHrRpiYlJ.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

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

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

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

.current-ws {
  font-size: 11px;
  word-wrap: break-word;
  color: #001529;
  padding: 5px;
  text-align: center;
  margin: 10px 0;
}

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

.empty-state p {
  font-size: 15px;
}

.select-btn-add {
  padding: 2px;
}

.ant-btn-primary {
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  height: 40px;
  border-radius: 5px;
  background-color: #E13059;
  border-color: #E13059;
}

.ant-btn:hover,
.ant-btn:focus {
  color: #CB356B;
  background-color: #fff;
  border-color: #be183f;
}

.ant-btn-primary:hover,
.ant-btn-primary:active,
.ant-btn-primary:focus {
  background-color: #be183f;
  border-color: #be183f;
  color: #fff;
}

::-moz-selection {
  background: #CB356B;
  color: #fff;
}

::selection {
  background: #CB356B;
  color: #fff;
}

.ant-input:focus,
.ant-select .ant-select-selection:focus,
.ant-input:hover,
.ant-select .ant-select-selection:hover {
  border-color: inherit;
  box-shadow: none;
}

.ant-input,
.ant-select .ant-select-selection {
  border-radius: 4px;
  background-color: #F1F1F1;
  padding: 10px 20px;
  height: 44px;
  color: #4A4A4A;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.ant-select .ant-select-selection {
  padding: 6px 10px;
}

.ant-select-arrow {
  color: #E13059;
}

.ant-select-dropdown {
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  background-color: #EFEFEF;
}

.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-active {
  background-color: #E13059;
  color: #ffffff;
}

.ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}

.ant-select-lg .ant-select-selection__rendered {
  line-height: 22px;
}

label {
  height: 18px;
  color: #A2A2A2;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
}

.htitle {
  color: #4A4A4A;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
}

.htitle .ico {
  float: left;
  height: 48px;
  margin-right: 10px;
  width: 48px;
  background-color: #ebebef;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
}

.video-react .video-react-big-play-button {
  top: calc(50% - 1em);
  left: calc(50% - 1em);
  width: 2em;
  height: 2em;
  line-height: 2em;
}

.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  background-color: rgba(255, 255, 255, 0.19);
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-family: "Avenir", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  outline: none;
}

b,
strong {
  font-weight: 900;
}

.ant-menu-submenu-popup {
  background: transparent;
}

.ant-menu-horizontal > .ant-menu-submenu {
  font-family: "Avenir", sans-serif;
}

.a-d-flex {
  display: flex !important;
}

.loading-state {
  width: 100%;
  text-align: center;
  position: relative;
  align-self: center;
  z-index: 9999;
  transition: all 0.5s ease;
  opacity: 1;
  align-self: center;
  justify-self: center;
}

.loading-state:after {
  position: absolute;
  display: block;
  content: "";
  clear: both;
}

.loading-state .bubble {
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 16px;
  margin-top: 2px;
  border-radius: 50%;
  background-color: #E13059;
  opacity: 0;
  -webkit-transform-origin: center center 50%;
  transform-origin: center center 50%;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.loading-state.white .bubble {
  background-color: #FFFFFF;
}

.loading-state .bubble:nth-child(2) {
  width: 16px;
  height: 16px;
  margin-top: 0;
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.loading-state .bubble:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loading-state .spinner {
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.loading-state .double-bounce1,
.loading-state .double-bounce2 {
  width: 130%;
  height: 130%;
  border-radius: 50%;
  background-color: #E13059;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.loading-state.white .double-bounce1,
.loading-state.white .double-bounce2 {
  background-color: #FFFFFF;
}

.loading-state .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0.15;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  24% {
    opacity: 1;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  48% {
    opacity: 0.15;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse {
  0% {
    opacity: 0.15;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  24% {
    opacity: 1;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  48% {
    opacity: 0.15;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.header-menu {
  position: absolute;
  right: 0px;
  top: 0px;
}

.ant-select-dropdown {
  min-width: 200px !important;
  max-width: 500px;
}

.page-title {
  margin: 0px 0px 39px 0;
}

.page-title h2 {
  color: #202632;
  font-family: "Open Sans";
  font-size: 34px;
  font-weight: bold;
  line-height: 34px;
  margin: 0;
}

.grad-bg {
  background: linear-gradient(0.35turn, #3ad2bc, #0d9cd4);
}

.grad-or {
  background: linear-gradient(0.35turn, #fb8b65, #fd64b0);
}

.grad-vr {
  background: linear-gradient(0.35turn, #9650f0, #ef08a1);
}

.pinput {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
}

.pinput .ant-select-selection--single {
  height: 50px;
}

.pinput .ant-select-selection__rendered {
  line-height: 50px;
}

.pinput-name {
  margin-bottom: 33px;
}

.pinput-name label,
.plabel {
  font-size: 19px !important;
  font-weight: bold;
  margin-bottom: 15px;
  display: inline-block;
}

.plabel2 {
  font-weight: bold;
  font-size: 16px !important;
  display: block;
  margin-top: 20px;
}

.w-btn {
  text-align: center;
  margin-left: 10px;
  border-radius: 50px;
  height: 50px;
  font-size: 16px;
  min-width: 100px;
}

.bg-btn,
.vr-btn,
.or-btn {
  background: linear-gradient(0.35turn, #3ad2bc, #0d9cd4);
  color: #ffffff;
  font-size: 16px;
  border: 0px solid;
  /*width: 100%;*/
  text-align: center;
  /*transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;*/
  margin-left: 10px;
  border-radius: 50px;
  height: 50px;
  font-size: 16px;
  min-width: 100px;
  /*line-height: 52px;*/
}

.bg-btn:focus,
.bg-btn:active,
.bg-btn:hover {
  background: linear-gradient(0.45turn, #3ad2bc, #0d9cd4);
  color: #ffffff;
}

.vr-btn {
  background: linear-gradient(0.35turn, #9650f0, #ef08a1);
}

.vr-btn:focus,
.vr-btn:active,
.vr-btn:hover {
  background: linear-gradient(0.45turn, #9650f0, #ef08a1);
  color: #ffffff;
}

.or-btn {
  background: linear-gradient(0.35turn, #fb8b65, #fd64b0);
}

.or-btn:focus,
.or-btn:active,
.or-btn:hover {
  background: linear-gradient(0.45turn, #fb8b65, #fd64b0);
  color: #ffffff;
}

.btn-small {
  height: 37px;
  font-size: 14px;
}

.indicator-title {
  color: #ffffff;
  font-size: 16px;
  border-radius: 5px;
  height: 150px;
  /*line-height: 100px;*/
  padding-left: 20px;
  display: inline-block;
  flex-grow: 1;
}

.indicator-title > span {
  display: block;
  margin: 0 19px;
  /* padding: 0; */
  float: left;
}

.indicator-title p {
  margin: auto;
}

.indicator-title p span::nth-of-type(1) {
  font-size: 45px;
}

.indicator-title-cnt {
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
  justify-content: center;
}

.indicator-title:nth-of-type(1) {
  margin-right: 10px;
}

.indicator-title:nth-of-type(3) {
  margin-left: 10px;
}

.page-panel {
  background-color: #FFFFFF;
  padding: 15px;
  border-radius: 5px;
  margin: 20px 10px 40px 0;
}

.page-panel h2 {
  color: #c27ad5;
  margin: 0;
  line-height: 50px;
}

.d-text-cmp {
  position: relative;
}

.d-text-cmp textarea {
  font-size: 16px;
  line-height: 32px;
  min-height: 40px;
}

.d-text-btns {
  position: absolute;
  bottom: -2px;
  right: 12px;
}

.d-text-btns > i {
  font-size: 25px;
  color: #000000;
  padding: 10px;
  cursor: pointer;
  opacity: 0.3;
}

.d-text-btns > i:hover {
  opacity: 1;
}

.ant-spin-container,
.ant-spin-nested-loading {
  height: auto !important;
}

.main-bread-crumb {
  color: #202632;
  font-family: "Open Sans";
  font-size: 22px;
  line-height: 30px;
  display: inline-block;
}

.main-bread-crumb > span:last-of-type {
  font-weight: bold;
  color: #202632;
}

.main-bread-crumb a,
.main-bread-crumb a:hover {
  color: #202632;
}

.main-bread-crumb .ant-breadcrumb-separator {
  margin: 0 15px;
}

.acard {
  height: 270px;
  margin-bottom: 70px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 3px;
  transition: all 0.2s ease !important;
}

.acard .cover,
.acard .cover img {
  text-align: center;
  height: 100%;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
}

.acard .txt {
  height: 70px;
  width: 100%;
  opacity: 0.8;
  border-radius: 0 0 3px 3px;
  background-color: #000000;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  line-height: 25px;
  position: absolute;
  bottom: 0;
}

.acard .txt .title {
  margin: 0;
  padding: 15px 15px 0 15px;
}

.acard .txt .desc {
  height: 16px;
  opacity: 0.28;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  padding: 0px 15px;
  margin: 0;
}

.acard .acard-hover {
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  height: calc(100% - 70px);
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  -webkit-animation: y-down-key-frames 0.1s;
          animation: y-down-key-frames 0.1s;
}

.acard:hover .acard-hover,
.acard .acard-hover.hover {
  opacity: 0.8;
  top: 0;
  -webkit-animation: y-up-key-frames 0.1s;
          animation: y-up-key-frames 0.1s;
}

.match-el {
  height: 70px;
  border-left: 9px solid #F42071;
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1px;
  /*line-height: 70px;*/
  text-align: center;
  margin: 10px 0;
}

.match-el > .ant-row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}

.match-el-desc {
  color: #535353;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.1px;
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
}

.els-group {
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  text-transform: uppercase;
}

.step-player .els-group {
  cursor: pointer;
}

.step-player .els-group:hover,
.step-player .els-group.selected {
  background-color: #F42071 !important;
  color: #fff !important;
}

.ant-tabs-tab {
  color: #202632;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  min-width: 165px;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.ant-tabs-nav .ant-tabs-tab:hover {
  font-weight: 900;
  color: #202632;
}

.ant-tabs-tab.ant-tabs-tab-active {
  font-weight: 900;
  color: #202632;
}

.ant-tabs-ink-bar {
  background-color: #202632;
}

.ant-tabs-nav,
.ant-tabs-nav.ant-tabs-tab-active {
  color: #202632 !important;
}

.ant-popover .ant-popover-content {
  border-radius: 4px;
  background-color: #F3F3F3;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  text-align: center;
}

.ant-popover-arrow,
.ant-popover-inner-content {
  background-color: #F3F3F3;
}

.vg-panel-left {
  background-color: #ffffff;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
}

.vg-title {
  height: 70px;
  background-color: #F5F5F5;
  color: #202632;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: bold;
  line-height: 70px;
  text-align: center;
}

.vg-close-btn,
.vg-close-btn:hover {
  background-color: #F42071;
  text-align: center;
  color: #ffffff;
  float: left;
  width: 100px;
  font-size: 30px;
}

.vg-panel-right {
  background-color: #121212;
  min-height: 100vh;
  height: 100vh;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  line-height: 25px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.vg-start-msg {
  background-color: black;
  padding: 140px;
  margin: auto 0;
  position: absolute;
  top: 201px;
  width: 100%;
}

.vg-event {
  color: #202632;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  height: 120px;
  margin-top: 10px;
  cursor: pointer;
}

.vg-event .textEvent {
  overflow-wrap: anywhere;
}

.vg-event > div {
  height: 170px;
}

.vg-event > div > span {
  width: 100%;
  text-transform: uppercase;
  display: block;
}

.vg-event img {
  max-width: 100%;
  max-height: 100px;
  line-height: 100px;
}

.vg-event:hover {
  box-shadow: 0 2px 12px 0 rgba(213, 213, 213, 0.5);
}

.vg-steps {
  bottom: 0;
  margin-bottom: 50px;
  text-align: center;
  width: 100%;
}

.vg-step-dots {
  display: inline-block;
}

.vg-step-dots > div {
  cursor: auto;
  width: 17px;
  height: 17px;
  background-color: transparent;
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  float: left;
  margin-right: 29px;
}

.vg-step-dots > div:before {
  content: "";
  float: right;
  border: 1px solid #DDDDDD;
  width: 29px;
  height: 1px;
  margin: 7px 16px 0 0;
}

.vg-step-dots .treated + div.treated:before,
.vg-step-dots .treated + div.active:before,
.vg-step-dots .active + div.treated:before {
  content: "";
  border: 1px solid #E13059;
}

.vg-step-dots > div.active {
  background-color: transparent;
  border: 2px solid #E13059;
}

.vg-step-dots > div.treated {
  background-color: #E13059;
  border: 1px solid #E13059;
}

.vg-step-dots > div:last-of-type {
  margin-right: 0px;
}

.vg-step-dots > div:first-of-type:before {
  display: none;
}

.vg-nb {
  height: 170px;
  width: 170px;
  display: inline-block;
  float: none;
}

.vg-nb > div {
  background-color: #F8F8F8;
}

.vg-nb .ant-input-number,
.vg-nb .ant-input-number:active,
.vg-nb .ant-input-number:focus,
.vg-nb .ant-input-number input {
  border: 0px solid;
  font-size: 80px;
  height: 100px;
  line-height: 100px;
  width: 100%;
  background-color: #F8F8F8;
  color: #202632;
  font-family: Avenir;
  font-size: 60px;
  font-weight: 900;
  text-align: center;
  outline: none;
}

.vg-nb .ant-input-number-focused,
.vg-nb .ant-input-number:hover,
.vg-nb .ant-input-number:focus,
.vg-nb .ant-input-number:active {
  box-shadow: none;
  border-right-width: 0px !important;
}

.vg-nb > div > p {
  color: #202632;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 20px;
  display: block;
  line-height: 20px;
}

.ant-slider-track,
.ant-slider:hover .ant-slider-track {
  background-color: #e13059;
}

.ant-slider-handle,
.ant-slider:hover .ant-slider-handle,
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #e13059;
}

/*.ant-slider-handle:focus {
    border-color: #e13059;
    box-shadow: 0 0 0 5px #e13059;    
}*/

.ant-input:focus,
.ant-select .ant-select-selection:focus,
.ant-input:hover,
.ant-select .ant-select-selection:hover {
  border-right-width: 1px !important;
  outline: none !important;
}

.has-error .ant-input:focus,
.has-error .ant-select .ant-select-selection:focus,
.ant-select .has-error .ant-select-selection:focus,
.has-error .ant-input:hover,
.has-error .ant-select .ant-select-selection:hover,
.ant-select .has-error .ant-select-selection:hover {
  border-right-width: 1px !important;
  outline: none !important;
}

.vg-preview-title {
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  margin-top: 130px;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.vg-social .account-type {
  float: left;
  margin-right: 25px;
}

.vg-social .account {
  height: 48px;
  border-radius: 2px;
  background-color: #EEEEEE;
  color: #C0C0C0;
  font-family: Avenir;
  font-size: 13px;
  font-weight: 900;
  line-height: 48px;
  text-align: center;
  margin-right: 7px;
  float: left;
  cursor: pointer;
  min-width: 100px;
  margin-bottom: 5px;
}

.vg-social .account:hover {
  opacity: 0.9;
}

.vg-social .account.selected {
  background-color: #E13059;
  color: #FFFFFF;
  background: #E13059 url("/images/icons/check.svg") no-repeat calc(100% - 5px) 5px;
}

.vg-social .download {
  float: left;
  margin-right: 7px;
  cursor: pointer;
}

.vg-social .download:hover {
  opacity: 0.9;
}

.entry-search {
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  border: 0px solid;
  border-bottom: 1px solid #D8D8D8;
  background: transparent;
  border-radius: 0;
}

.entry-search,
.entry-search:focus,
.entry-search:hover {
  border-right-width: 0 !important;
}

.a-secondary-btn {
  height: 40px;
  min-width: 180px;
  color: #D8D8D8;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  background-color: transparent;
}

.a-primary-btn {
  height: 40px;
  min-width: 180px;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  background-color: #E13059;
}

.a-primary-btn.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 0px;
}

.entry-types {
  align-items: center;
  justify-content: center;
  display: flex;
}

.entry-types > div > div {
  background-color: #ffffff;
  text-align: center;
  margin: 0 0px 20px 0px;
  padding: 0px 50px;
  height: 360px;
  width: 360px;
  display: inline-block;
}

.entry-types > div > div img {
  height: 60px;
  max-width: 100%;
}

.entry-types > div > div p {
  color: #A2A2A2;
  font-size: 16px;
  line-height: 20px;
}

.entry-types > div > div a {
  display: block;
  color: #E13059;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
  text-transform: uppercase;
}

.entry-types > div > div:hover {
  cursor: pointer;
}

.a-empty {
  margin-top: 95px;
  position: relative;
  height: 95px;
  width: 95px;
  border: 4px solid #E9E9E9;
  opacity: 0.41;
  border-radius: 17px;
  display: inline-block;
}

.a-empty div {
  height: 163.79px;
  width: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #E9E9E9;
  position: absolute;
  display: inline-block;
  left: 40px;
  top: -40px;
}

.a-list-el {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  color: #202632;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  height: 120px;
  margin: 10px 0;
  padding: 10px;
}

.a-list-el p {
  padding: 10px 0px;
  letter-spacing: -1px;
}

.a-list-el.selected,
.a-list-el.active {
  background-color: #E13059;
  color: #ffffff;
}

.a-list-el:hover {
  border: 1px solid #E13059;
}

.a-list-el .a-list-el-avatar {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 10px;
}

.a-list-el .a-list-el-avatar .ant-avatar > img {
  height: auto;
}

.a-param {
  min-height: 540px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(227, 227, 227, 0.5);
  color: #4A4A4A;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
}

.a-p-link {
  color: #202632;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  display: block;
  margin: 50px 10px 0 40px;
  position: relative;
}

.a-p-link.selected {
  color: #E13059;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  line-height: 25px;
}

.a-p-link.selected:before {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 0.18;
  border-radius: 4px;
  background-color: #E13059;
  height: 50px;
  top: -13px;
  left: -15px;
}

.a-p-link.selected:after {
  content: "\25CF";
  position: absolute;
  color: #E13059;
  top: 0px;
  right: 25px;
}

.a-p-el {
  height: 110px;
  margin-bottom: 18px;
  color: #202632;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  text-align: center;
  border-radius: 4px;
  padding-top: 26px;
  background-color: #F6F6F6;
  position: relative;
  overflow: hidden;
}

.a-p-el > div {
  opacity: 0;
  top: 100%;
  background-color: #E13059;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  border-radius: 0;
  -webkit-animation: y-down-key-frames 0.1s;
          animation: y-down-key-frames 0.1s;
}

.a-p-el > div > div {
  border-radius: 50%;
  background-color: #E76B88;
  height: 48px;
  width: 48px;
  display: inline-block;
  padding-top: 15px;
  cursor: pointer;
}

.a-p-el > div > div:hover {
  background-color: #e44a6e;
}

.a-p-el > div svg {
  height: 15px;
  width: auto;
}

.a-p-el > div svg path {
  fill: #ffffff;
}

.a-p-el:hover > div {
  opacity: 1;
  top: 0;
  -webkit-animation: y-up-key-frames 0.1s;
          animation: y-up-key-frames 0.1s;
}

@-webkit-keyframes y-up-key-frames {
  from {
    top: 100%;
  }

  to {
    top: 0px;
  }
}

@keyframes y-up-key-frames {
  from {
    top: 100%;
  }

  to {
    top: 0px;
  }
}

@-webkit-keyframes y-down-key-frames {
  from {
    top: 0px;
  }

  to {
    top: 100%;
    opacity: 0;
  }
}

@keyframes y-down-key-frames {
  from {
    top: 0px;
  }

  to {
    top: 100%;
    opacity: 0;
  }
}

.social-btn {
  height: 167px;
  width: 100%;
  background-color: #F6F6F6;
  border: 0px solid;
  color: #4A4A4A;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  text-align: center;
  display: block;
  padding-top: 45px;
}

.social-btn svg {
  height: 40px;
  width: auto;
}

.social-btn:hover {
  color: #E13059;
}

.social-btn:hover svg path {
  fill: #E13059;
}

.social-btn > span {
  margin-top: 20px;
  display: inline-block;
}

.social-modal {
  width: "618px";
  height: "300px";
}

.social-modal .ant-modal-content {
  border-radius: 0;
}

.social-modal .ant-modal-header {
  border-radius: 0;
  height: 55px;
  border: 1px solid #979797;
  background-color: #202632;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}

.social-modal .ant-modal-title {
  color: #FFFFFF;
}

.social-modal .ant-modal-close {
  color: #D8D8D8;
}

.social-modal .ant-modal-close:hover {
  color: #FFFFFF;
}

.a-del-confirm .ant-modal-content {
  height: 238px;
  width: 437px;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.a-del-confirm .anticon.anticon-question-circle {
  display: none;
}

.a-del-confirm .ant-modal-body {
  padding: 0 45px;
}

.a-del-confirm .ant-modal-confirm-content {
  padding-top: 40px;
  color: #4A4A4A;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  line-height: 25px;
  text-align: center;
  margin: 0;
}

.a-del-confirm .ant-modal-confirm-content .del-icon {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #FADEE4;
  line-height: 37px;
  margin-bottom: 15px;
}

.a-del-confirm .ant-modal-confirm-content .del-icon img {
  height: 12px;
}

.a-del-confirm .ant-modal-confirm-btns {
  margin-top: 40px;
  width: 100%;
}

.a-del-confirm .ant-modal-confirm-btns button.ant-btn-primary {
  margin-right: 10px;
  float: left;
  text-transform: uppercase;
  width: 170px;
}

.a-btn-exit,
.a-del-confirm .ant-modal-confirm-btns button:not(.ant-btn-primary) {
  height: 40px;
  min-width: 150px;
  color: #D3D3D3;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  line-height: 22px;
  text-align: center;
  border: 0px solid;
}

.a-btn-exit:hover,
.a-del-confirm .ant-modal-confirm-btns button:hover:not(.ant-btn-primary),
.a-btn-exit:active,
.a-del-confirm .ant-modal-confirm-btns button:active:not(.ant-btn-primary),
.a-btn-exit:focus,
.a-del-confirm .ant-modal-confirm-btns button:focus:not(.ant-btn-primary) {
  border: 0px solid;
}

.a-btn-exit:hover,
.a-del-confirm .ant-modal-confirm-btns button:hover:not(.ant-btn-primary) {
  color: #E13059;
}

.ant-btn-primary.large {
  height: 51px;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.16px;
  line-height: 22px;
  text-align: center;
}

.ant-select-dropdown {
  z-index: 9999999;
}

.a-pic-upload .ant-upload,
.a-pic-upload .ant-upload-list-item.ant-upload-list-item-done,
.a-pic-upload .ant-upload.ant-upload-select-picture-card {
  height: 188px;
  max-width: 153px;
  width: 100%;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  text-align: center;
  background-color: transparent;
  -webkit-animation: none;
          animation: none;
}

.a-pic-upload .ant-upload.ant-upload-select-picture-card,
.a-pic-upload .ant-upload-select-picture-card.ant-upload-list-item.ant-upload-list-item-done {
  border: 2px dashed #979797;
  border-radius: 8px;
}

.a-pic-upload .ant-upload.ant-upload-select-picture-card:hover,
.a-pic-upload .ant-upload-select-picture-card.ant-upload-list-item.ant-upload-list-item-done:hover {
  border-color: #E13059;
}

.a-pic-upload .ant-upload-btn {
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 12px;
  font-weight: 900;
  line-height: 24px;
  text-align: center;
  height: 24px;
  border-radius: 4px;
  background-color: #202632;
  width: 100px;
  display: inline-block;
  cursor: pointer;
}

.a-pic-upload .ant-upload-list-item.ant-upload-list-item-done {
  border: 2px dashed #979797;
  border-radius: 8px;
}

.a-pic-upload .ant-upload-list-picture-card .ant-upload-list-item-info:before {
  left: 0;
}

.vg-popover-cnt .ant-popover-arrow {
  background-color: #E13059;
}

.vg-popover-cnt .ant-popover-content {
  border-left: 9px solid #E13059;
}

.vg-popover-cnt .ant-popover-inner-content {
  background-color: #FFFFFF;
  padding: 0;
}

.vg-popover a {
  width: 100%;
  display: block;
  padding: 15px 30px;
  border-bottom: 1px solid #EBEBEB;
  color: #979797;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.vg-upload {
  background-color: #F8F8F8;
  padding: 43px;
}

.vg-upload .a-pic-upload .ant-upload,
.vg-upload .a-pic-upload .ant-upload-list-item.ant-upload-list-item-done {
  max-width: 100%;
}

.vg-upload .ant-upload-list.ant-upload-list-text {
  display: none;
}

.vg-upload .a-pic-upload .ant-upload,
.vg-upload .a-pic-upload .ant-upload-list-item.ant-upload-list-item-done {
  height: auto;
}

.a-btn-help {
  height: 43px;
  width: 121px;
  text-transform: uppercase;
  border-radius: 21.5px;
  background-color: #E13059;
  position: fixed;
  right: 50px;
  bottom: 50px;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 900;
  line-height: 43px;
  text-align: center;
  z-index: 999;
  cursor: pointer;
}

.a-btn-help:hover {
  opacity: 1;
}

.a-tour {
  width: 450px;
  height: 561px;
  max-width: 450px !important;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 0 !important;
  text-align: center;
}

.a-tour header {
  text-align: center;
  height: 82px;
  background-color: #E13059;
  line-height: 80px;
  position: relative;
}

.a-tour header .nb {
  height: 22px;
  width: 25px;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.16px;
  line-height: 22px;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 30px;
}

.a-tour header.w {
  text-align: center;
  height: auto;
  background-color: transparent;
  position: relative;
  padding-top: 68px;
  line-height: 0px;
}

.a-tour header.w .nb {
  color: #2C2E54;
}

.a-tour header.w .nb span {
  color: #E13059;
}

.a-tour header.w svg {
  width: 60px;
  height: 61px;
}

.a-tour header.w svg *[stroke="#6E6E6E"] {
  stroke: #E13059;
}

.a-tour header.w svg *[fill="#6E6E6E"] {
  fill: #E13059;
}

.a-tour .tour-content {
  padding: 0px 60px;
}

.a-tour h1 {
  display: block;
  color: #2C2E54;
  font-family: Avenir;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.3px;
  line-height: 41px;
  margin-bottom: 20px;
  text-align: left;
}

.a-tour p {
  color: #9E9E9E;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  margin: 0;
}

.a-tour [data-tour-elem=badge] {
  display: none;
}

.a-tour [data-tour-elem=controls] {
  display: table;
  margin: 37px auto;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}

.a-tour [data-tour-elem=controls] nav button {
  background-color: #ECECEC;
  color: #ECECEC;
  width: 5px !important;
  height: 5px !important;
}

.a-tour [data-tour-elem=controls] nav button[disabled] {
  height: 7px;
  width: 7px;
  background-color: #E13059;
}

.a-tour .ant-btn-primary {
  margin-top: 60px;
  text-transform: uppercase;
  border-radius: 10px;
}

.a-tour > button {
  display: none;
}

.a-tour .social-btn {
  height: 100px;
  padding: 27px 0;
}

.a-tour .social-btn svg {
  height: 21px;
}

.a-tour .social-btn > span {
  margin-top: 0px;
  display: inline-block;
}

.a-tour [data-tour-elem=right-arrow],
.a-tour [data-tour-elem=left-arrow] {
  display: none;
}

.video-el {
  height: 70px;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  color: #535353;
  font-family: "Avenir";
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 70px;
  text-align: center;
}

.video-el-cols {
  color: #9A9A9A;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.video-el-drop {
  height: 32px;
  min-width: 107px;
  border-radius: 16px;
  background-color: #FFFFFF;
  color: #1F2532;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  border: 0px solid;
  text-transform: uppercase;
  margin-left: 10px;
}

.video-el-drop2 {
  height: 40px;
  min-width: 107px;
  border-radius: 8px;
  background-color: #FFFFFF;
  color: #1F2532;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 32px;
  border: 0px solid;
  margin-left: 0px;
  min-width: 222px;
  text-align: left;
}

.report-indicator {
  background: #FFFFFF;
  padding: 27px 64px;
  color: #202632;
  font-family: Avenir;
}

.report-indicator .h {
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  text-transform: uppercase;
}

.report-indicator .nb {
  color: #F42071;
  font-size: 50px;
  font-weight: 300;
  line-height: 68px;
}

.report-indicator .d {
  color: #6E6E6E;
  font-size: 10px;
  font-weight: 300;
  line-height: 14px;
}

.report-indicator .d strong {
  color: #F42071;
}

.a-medias-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 55vh;
  min-height: 55vh;
  overflow: auto;
  width: 100%;
}

.a-medias-list > div {
  text-align: center;
  height: 250px;
}

.a-medias-list .a-medias-list-el {
  border: 1px solid #dedede;
  height: 200px;
  cursor: pointer;
  margin: 10px;
  position: relative;
}

.a-medias-list .selected .a-medias-list-el {
  border: 1px solid #E13059;
  box-shadow: 0px 0px 2px 2px #E13059;
}

.a-medias-list .media-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.a-medias-list .info {
  background: #0000009c;
  color: white;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  padding: 5px;
}

.a-medias-preview {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  vertical-align: middle;
}

.a-search-bar {
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 16px;
  position: relative;
  margin: 0px 30px;
}

.a-search-bar i {
  cursor: pointer;
  color: #a2a2a2;
  position: relative;
  display: inline-block;
}

.a-search-bar input,
.a-search-bar input:hover,
.a-search-bar input:focus {
  background-color: transparent;
  border: 0;
  min-width: 0px;
  width: 0px;
  border-bottom: 1px solid #E13059;
  border-radius: 0;
  padding: 0 0 6px 0;
  margin: 0;
  margin-right: 10px;
  line-height: 21px;
  height: 30px;
  display: inline-block;
  transition-delay: 10ms;
  margin-left: 10px;
}

.a-search-bar.opened input {
  width: 200px;
  min-width: 200px;
  border-bottom: 1px solid #E13059;
  transition-delay: 0.1s;
}

.a-tpl-preview .a-tpl-preview-overlay {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.67;
  position: absolute;
}

.a-tpl-preview .a-tpl-preview-overlay-cnt {
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: 1;
  position: absolute;
  padding: 20%;
  text-align: center;
}

.a-tpl-preview .a-tpl-preview-overlay-cnt > div {
  margin-bottom: 32px;
}

.a-tpl-preview .ant-progress-bg {
  background-color: #E13059;
}

.a-tpl-preview .ant-progress-text {
  color: #FFF;
}

.a-tpl-preview .ant-radio-button-wrapper {
  border-radius: 5px;
  margin-right: 10px;
  width: 32px;
  padding: 0;
  color: black;
  background-color: #FFFFFF;
  border: 0px solid;
}

.a-tpl-preview .ant-radio-button-wrapper-checked {
  color: #FFFFFF;
  background-color: #E13059;
}

.a-tpl-preview .ant-radio-button-wrapper:not(:first-child)::before {
  display: none;
}

.a-customize-btn,
.a-customize-btn:focus,
.a-customize-btn:hover {
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  background: #2A2A2A;
  border: 0px solid #A2A2A2;
  margin: 45px;
  height: 44px;
  padding: 0px 50px;
  border-radius: 8px;
}

.a-customize-btn:hover {
  background: #FFFFFF;
  color: #E13059;
}

.a-m-posts-el {
  border: 1px solid #E4E4E4;
  background-color: #F8F8F8;
  margin-bottom: 15px;
  color: #202632;
}

.a-m-posts-el .ant-select-selection--multiple .ant-select-selection__rendered > ul > li.ant-select-selection__choice {
  border-radius: 20px;
  background-color: #202632;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 300;
  padding: 5px 30px 0 20px;
  height: 32px;
}

.a-m-posts-el .ant-select-selection__choice__remove {
  color: #D8D8D8;
}

.a-m-posts-el .ant-select-selection__choice__remove:hover {
  color: #FFFFFF;
}

.a-m-posts-el .a-m-posts-el-format-drop {
  position: absolute;
  top: 10px;
  left: 10px;
}

.a-m-posts-el .a-m-posts-el-format-drop > span {
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 11px;
  font-weight: 900;
  display: inline-block;
  margin-right: 20px;
}

.a-m-posts-el .a-m-posts-el-format-drop .ant-dropdown-trigger {
  text-align: left;
  width: 120px;
}

.a-m-posts-el .ant-select .ant-select-selection {
  background: #FFFFFF;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 300;
  height: auto;
}

.a-m-posts-el.body_post .ant-select-selection__choice {
  display: none;
}

.a-m-posts-el.body_post .ant-select-selection__placeholder {
  display: block !important;
}

.a-m-posts-el.head_post {
  height: 43px;
  border: 1px solid #E4E4E4;
  background-color: #F8F8F8;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.a-m-posts-add {
  display: flex;
  border-left: 4px solid #202632;
  height: 40px;
  background-color: #F8F8F8;
  align-items: center;
  justify-content: center;
}

.a-m-posts-add span {
  color: #202632;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}

.vg-download-btn {
  background-color: #AE2545;
  height: 50px;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  display: inline-block;
  line-height: 50px;
  padding: 0 20px;
  min-width: 188px;
  margin: 0px 0 0 17px;
}

.vg-download-btn svg path {
  stroke: transparent;
  fill: #FFFFFF;
}

.vg-download-btn svg {
  height: 16px;
  width: 12px;
}

.vg-download-btn:hover {
  color: #FFFFFF;
  background-color: #7B152D;
}

.a-g-notif {
  border-radius: 9px;
  box-shadow: 0 2px 6px 0 rgba(235, 235, 235, 0.5);
  min-height: 116px;
  width: 350px;
  border-radius: 9px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(235, 235, 235, 0.5);
}

.a-g-notif .ant-notification-notice-message {
  color: #4A4A4A;
  font-family: "Avenir";
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  margin-left: 86px;
  margin-top: 26px;
  bottom: 3px;
}

.a-g-notif .ant-notification-notice-description {
  color: #4A4A4A;
  font-family: Avenir;
  font-size: 14px;
  line-height: 19px;
  height: 38px;
  margin-left: 86px;
}

.a-page-filter {
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  color: #323C47;
  font-family: "Avenir";
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
  min-height: 60px;
  padding: 0 40px;
}

.a-page-filter .ant-input,
.a-page-filter .ant-select .ant-select-selection,
.ant-select .a-page-filter .ant-select-selection {
  background-color: transparent;
  border: 1px solid #E9EFF4;
  border-radius: 4px;
  color: #323C47;
  font-size: 14px;
}

.a-page-filter .ant-input:hover,
.a-page-filter .ant-select .ant-select-selection:hover,
.ant-select .a-page-filter .ant-select-selection:hover {
  border: 1px solid #E9EFF4;
  border-radius: 4px;
}

.a-page-filter .ant-calendar-picker {
  width: 200px;
}

.a-page-filter .ant-select {
  width: 200px;
}

.ant-dropdown .ant-dropdown-menu,
.a-dropdown-select {
  min-width: 116px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(215, 215, 215, 0.5);
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  padding: 0;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,
.a-dropdown-select .ant-dropdown-menu-item {
  color: #000000;
  font-family: Avenir;
  font-size: 14px;
  line-height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid #F1F1F1;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover,
.a-dropdown-select .ant-dropdown-menu-item:hover {
  color: #FFFFFF;
  background-color: #E23C63;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover span,
.a-dropdown-select .ant-dropdown-menu-item:hover span {
  color: #FFFFFF !important;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:last-of-type,
.a-dropdown-select .ant-dropdown-menu-item:last-of-type {
  border: 0px solid;
  border-radius: 0 0 8px 8px;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:first-of-type,
.a-dropdown-select .ant-dropdown-menu-item:first-of-type {
  border-radius: 8px 8px 0 0;
}

.a-black-radio-btn .ant-radio-button-wrapper,
.a-black-radio-btn .ant-btn {
  background: transparent;
  border: 1px solid #202632;
  border-radius: 20px !important;
  margin: 20px 10px 0 0;
  color: #202632;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 33px;
  height: 35px;
  width: 122px;
  text-align: center;
  text-transform: uppercase;
}

.a-black-radio-btn .ant-radio-button-wrapper.ant-radio-button-wrapper-checked,
.a-black-radio-btn .ant-btn.checked {
  font-weight: bold;
  background: #202632;
  color: #FFFFFF;
  border: 1px solid #202632;
}

.a-black-radio-btn .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  font-weight: 400;
  background: #202632;
  color: #FFFFFF;
  border-color: #202632;
}

.auth-b-right .connect-btn {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 325px !important;
}

.auth-b-right .connect-btn i {
  margin-top: 12px;
}

.auth-b-right .connect-btn img {
  margin-left: 5px;
}

.ant-col-offset-3 {
  margin-left: 121px !important;
}

.ant-row form,
.ant-divider.ant-divider-horizontal.ant-divider-with-text {
  width: 325px;
}

.ant-divider-horizontal {
  min-width: initial !important;
}

.ant-row form,
.ant-row .auth-b-right .connect-btn,
.ant-divider.ant-divider-horizontal.ant-divider-with-text {
  margin-left: auto;
  margin-right: auto;
}

.auth-b-right .link,
.auth-b-right .link:hover,
.auth-b-right .link:focus,
.auth-b-right .link span,
.auth-b-right .link span:hover,
.auth-b-right .link span:focus {
  color: #4A4A4A !important;
  height: 19px;
  width: 325px;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 19px;
  outline: none;
  text-decoration: none;
}

.auth-b-right .ant-btn-primary {
  height: 40px !important;
  width: 325px !important;
  border-radius: 5px;
  background-color: #E13059;
}

.auth-b-right .ant-btn-primary span {
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
}

.auth-b-g-footer a {
  margin-left: 20px !important;
  font-size: 13px;
}

#app .ant-layout.ant-layout-has-sider .logo-header img {
  height: auto !important;
  width: 119.57px !important;
}

.acard .txt .desc {
  opacity: 0.7;
}

.ant-breadcrumb-separator {
  font-size: 25px;
  font-weight: 300;
}

.entry-types > div > div img {
  height: 49px !important;
  margin-top: 85px;
}

.entry-types > div > div a {
  margin-top: 55px;
  margin-bottom: 27px;
}

.match-el-desc:first-letter {
  text-transform: uppercase;
}

.a-search-bar,
.a-search-bar > div > div,
.ant-row.page-title .ant-col-24 h2 {
  display: flex;
  align-items: center;
}

.create_btn,
.create_btn svg {
  display: flex;
  align-items: center;
}

.create_btn svg {
  margin-left: 10px;
}

.future .create_btn svg circle {
  fill: #fc743a;
}

.past .create_btn svg circle {
  fill: #37eb8e;
}

.ant-input.ant-input-lg.entry-search::-webkit-input-placeholder,
.ant-select .ant-input-lg.entry-search.ant-select-selection::-webkit-input-placeholder {
  height: 30px;
  width: 263px;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.ant-input.ant-input-lg.entry-search::-moz-placeholder,
.ant-select .ant-input-lg.entry-search.ant-select-selection::-moz-placeholder {
  height: 30px;
  width: 263px;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.ant-input.ant-input-lg.entry-search::-ms-input-placeholder,
.ant-select .ant-input-lg.entry-search.ant-select-selection::-ms-input-placeholder {
  height: 30px;
  width: 263px;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.ant-input.ant-input-lg.entry-search::-moz-placeholder,
.ant-select .ant-input-lg.entry-search.ant-select-selection::-moz-placeholder {
  height: 30px;
  width: 263px;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.facultatif {
  height: 19px;
  width: 194px;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
}

.a-m-posts-el .ant-select .ant-select-selection {
  height: 36px;
  width: 100%;
  border: 1px solid #E9EFF4;
  border-radius: 4px;
}

/*.ant-select-selection__rendered {
    line-height: initial !important;
}

.ant-select-selection__placeholder, .ant-select-search__field__placeholder {
    position: relative !important;
    line-height: initial !important;
    height: initial !important;
    margin-top: initial !important; 
}*/

.ant-select-dropdown {
  background-color: #fff !important;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(215, 215, 215, 0.5);
}

.a-m-posts-el .icon_drop {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: flex;
  align-items: center;
}

.a-m-posts-el .icon_drop svg {
  width: 15px;
}

.a-post-el-selected-sn {
  list-style-type: none;
  text-align: left;
  width: 100%;
  padding: 0;
  margin: 5px 0 0px 0;
}

.a-post-el-selected-sn li {
  display: inline-block;
  border-radius: 20px;
  background-color: #202632;
  color: #FFFFFF;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 300;
  padding: 5px 10px 0 0;
  height: 32px;
  margin: 2px;
}

.a-post-el-selected-sn li span:nth-of-type(3) {
  cursor: pointer;
  width: 25px;
  text-align: right;
  font-size: 12px;
  display: inline-block;
}

.delete_post {
  /*height: 19px;	
  width: 67px;	*/
  color: #E13059;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
}

.ant-btn.ant-dropdown-trigger {
  border: 1px solid #E9EFF4;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.ant-btn.ant-dropdown-trigger span {
  color: #8A8A8A;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
}

.ant-dropdown-menu.ant-dropdown-menu-light.ant-dropdown-menu-root.ant-dropdown-menu-vertical .ant-dropdown-menu-item span {
  color: #1F2532;
  font-family: "Avenir";
  font-size: 14px;
  line-height: 19px;
}

.body_post {
  min-height: 277px;
}

.a-m-posts-el-format-drop span span {
  text-transform: uppercase;
  height: 15px;
  width: 194px;
  color: #A2A2A2;
  font-family: Avenir;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
}

.choix_post a span {
  font-family: Avenir;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
}

.text_post {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ant-notification-notice-icon .injected-svg {
  width: 48px;
  height: 48px;
}

.text_dowload {
  width: 378px;
}

.ant-popover-inner-content span {
  color: #A2A2A2 !important;
}

.body_player > div {
  background-color: #f8f8f8;
}

.lang-menu.ant-menu-submenu > ul > li {
  margin: 0 !important;
}

.social-btn > span {
  margin-top: 12.35px !important;
}

/*.ant-notification {
    min-height: 116px;
    width: 350px;
    border-radius: 9px;
    //overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(235,235,235,0.5);
}*/

.ant-notification-notice {
  padding: 0 !important;
}

.ant-notification-notice-close {
  top: 14px !important;
  right: 14px !important;
}

/*.ant-menu-submenu-title .injected-svg {
    height: 18px;	
    width: 20px;
}*/

.a-p-el.box_sociau {
  margin-right: 22px;
}

.ant-row .ant-col-8 .a-p-el.box_sociau {
  margin-right: 0 !important;
}

/*.reactour__helper.a-tour.reactour__helper--is-open.sc-ifAKCX.iwTsoH {
    height: 561px;	
    width: 450px;	
    border-radius: 4px;	
    background-color: #FFFFFF;
}*/

/*.sc-htpNat.cAxQge.sc-bdVaJa.jRQxUV,
.sc-htpNat.fbKdtY.sc-bdVaJa.ffxSSM,
.sc-htpNat.yJsFH.sc-bdVaJa.jRQxUV,
.sc-htpNat.gNxtgY.sc-bdVaJa.ffxSSM {
    display: none !important;
}*/

.ant-btn.a-btn-exit,
.a-del-confirm .ant-modal-confirm-btns button.ant-btn:not(.ant-btn-primary) {
  height: 50px !important;
}

/*.WPmuM {
    border: none !important;
}*/

.select_competition.ant-select-dropdown {
  width: 169px !important;
  height: initial;
}

.select_competition .ant-select-dropdown-menu-item {
  color: #1F2532;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  padding: 11px 0 11px 29px;
}

.select_competition .ant-select-dropdown-menu .ant-select-dropdown-menu-item:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}

.contenu_match {
  color: #535353;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0.1px;
  font-weight: initial;
}

.ant-tooltip-content {
  background-color: #202632;
  border-radius: 4px;
}

.ant-tooltip-arrow {
  border-top-color: #202632 !important;
}

.ant-tooltip-inner {
  font-weight: 300;
}

.dropdown_recent {
  width: 222px !important;
  height: 40px !important;
}

.dropdown_recent span {
  color: #1F2532 !important;
  font-weight: 900 !important;
}

.ant-input-number.ant-input-number-lg,
.ant-input-number-input {
  height: 81px !important;
}

.ant-input-number.ant-input-number-lg {
  margin-top: 33px;
}

.vg-nb > div {
  height: 168px;
}

.ant-input-number-input-wrap {
  line-height: initial !important;
}

.vg-close-btn svg {
  width: 30px;
  height: 30px;
  position: relative;
  top: 4px;
}

.a-select-new-item {
  padding: 0 !important;
  cursor: pointer;
}

.facebook-color {
  color: #3B5998;
}

.twitter-color {
  color: #00ACED;
}

.youtube-color {
  color: #D3072A;
}

.vg-nb-text {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #202632;
  font-family: Avenir;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.vg-nb-text:hover {
  border: 2px solid #E13059;
}

.vg-nb-text.selected {
  background-color: #E13059;
  color: #FFFFFF;
}

.vg-cs-cnt {
  background-color: #F8F8F8;
  padding: 20px;
  margin: 20px 0;
}

.vg-cs-cnt .vg-input {
  padding: 5px 10px;
}

.vg-cs-cnt .vg-input .ant-input,
.vg-cs-cnt .vg-input .ant-select .ant-select-selection,
.ant-select .vg-cs-cnt .vg-input .ant-select-selection {
  border: 1px solid #C4C3C3;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #888888;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  text-align: center;
}

.vg-cs-input {
  color: #8A8A8A;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  line-height: 19px;
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.vg-cs-input .ant-input-number {
  height: 40px;
  width: 46px;
  border: 1px solid #E9EFF4;
  border-radius: 4px;
  background-color: #FFFFFF;
  line-height: 40px !important;
  margin-left: 20px;
}

.vg-cs-input .ant-input-number-input {
  height: 40px !important;
}

.gen_error_msg {
  text-align: center;
  font-weight: bold;
  color: #e13059;
  border: 2px solid;
  border-radius: 5px;
  padding: 5px;
  margin: 22px 0;
}

.ant-btn {
  border-color: #E13059 !important;
}

.a-secondary-btn {
  color: #E13059 !important;
}