.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  right: 0;
}
.sp-color,
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.sp-color {
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: 1px solid #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: 50%;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-alpha,
.sp-alpha-handle,
.sp-clear,
.sp-container,
.sp-container.sp-dragging .sp-input,
.sp-container button,
.sp-dragger,
.sp-preview,
.sp-replacer,
.sp-slider {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container,
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 0,
    from(#fff),
    to(hsla(20, 42%, 65%, 0))
  );
  background-image: -webkit-linear-gradient(left, #fff, hsla(20, 42%, 65%, 0));
  background-image: -moz-linear-gradient(left, #fff, hsla(20, 42%, 65%, 0));
  background-image: -o-linear-gradient(left, #fff, hsla(20, 42%, 65%, 0));
  background-image: -ms-linear-gradient(left, #fff, hsla(20, 42%, 65%, 0));
  background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr="#FFFFFFFF",endColorstr="#00CC9A81");
}
.sp-val {
  background-image: -webkit-gradient(
    linear,
    0 100%,
    0 0,
    from(#000),
    to(hsla(20, 42%, 65%, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #000,
    hsla(20, 42%, 65%, 0)
  );
  background-image: -moz-linear-gradient(bottom, #000, hsla(20, 42%, 65%, 0));
  background-image: -o-linear-gradient(bottom, #000, hsla(20, 42%, 65%, 0));
  background-image: -ms-linear-gradient(bottom, #000, hsla(20, 42%, 65%, 0));
  background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81",endColorstr="#FF000000");
}
.sp-hue {
  background: -moz-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -ms-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -o-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(red),
    color-stop(0.17, #ff0),
    color-stop(0.33, #0f0),
    color-stop(0.5, #0ff),
    color-stop(0.67, #00f),
    color-stop(0.83, #f0f),
    to(red)
  );
  background: -webkit-linear-gradient(
    top,
    red,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red
  );
  background: linear-gradient(
    180deg,
    red,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red
  );
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffff00");
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00",endColorstr="#00ff00");
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00",endColorstr="#00ffff");
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#0000ff");
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#ff00ff");
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff",endColorstr="#ff0000");
}
.sp-hidden {
  display: none !important;
}
.sp-cf:after,
.sp-cf:before {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  left: 0;
}
.sp-dragger,
.sp-slider {
  cursor: pointer;
  position: absolute;
  top: 0;
}
.sp-slider {
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: 1px solid #f0c49b;
  padding: 0;
}
.sp-clear,
.sp-color,
.sp-container,
.sp-container button,
.sp-container input,
.sp-hue {
  font: normal 12px Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva,
    Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-clear,
.sp-color,
.sp-hue {
  border: 1px solid #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container,
.sp-input {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-palette-container,
.sp-picker-container {
  float: left;
  position: relative;
  padding: 10px 10px 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: 1px solid #fff;
}
.sp-palette-container {
  border-right: 1px solid #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
}
.sp-palette .sp-thumb-el.sp-thumb-active,
.sp-palette .sp-thumb-el:hover {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: 1px solid #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: 50%;
}
.sp-button-container,
.sp-palette-button-container {
  float: right;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: 1px solid #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer.sp-active,
.sp-replacer:hover {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: 1px solid #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: 1px solid #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(180deg, #eee, #ccc);
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
  background-image: -moz-linear-gradient(top, #ddd, #bbb);
  background-image: -ms-linear-gradient(top, #ddd, #bbb);
  background-image: -o-linear-gradient(top, #ddd, #bbb);
  background-image: linear-gradient(180deg, #ddd, #bbb);
  border: 1px solid;
  border-color: #bbb #bbb #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid;
  border-color: #aaa #aaa #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  padding: 2px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span.sp-thumb-active,
.sp-palette span:hover {
  border-color: #000;
}
.sp-alpha,
.sp-preview,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-alpha-inner,
.sp-preview-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
@media (max-width: 1439px) {
  .dialog__header {
    padding: 24px 64px;
  }
}
@media (max-width: 1365px) {
  .dialog__header {
    padding: 24px 64px;
  }
}
@media (max-width: 991px) {
  .dialog__header {
    padding: 16px 32px;
  }
}
@media (max-width: 767px) {
  .dialog__header {
    padding: 12px 24px;
  }
}
@media (max-width: 1365px) {
  .dialog__body {
    padding: 32px 64px 48px;
  }
}
@media (max-width: 991px) {
  .dialog__body {
    padding: 24px 32px;
  }
}
@media (max-width: 767px) {
  .dialog__body {
    padding: 16px 12px;
  }
}
@media (max-width: 991px) {
  .dialog__body .dialog__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .dialog__body .dialog__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .dialog__body .dialog__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .dialog__body .dialog__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  .dialog__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .dialog__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .dialog__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .dialog__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1365px) {
  .slider__element__custom [data-select-text] {
    font-size: 14px;
    margin-left: 18px;
  }
}
@media (max-width: 991px) {
  .slider__element__custom [data-select-text] {
    font-size: 13px;
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .slider__element__custom [data-select-text] {
    font-size: 12px;
    margin-left: 12px;
  }
}
.chip {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4em 0.8em;
  border-radius: 25px;
  font-weight: 600;
  white-space: nowrap;
}
.chip--success {
  background-color: #4acd86;
  color: #fff;
}
.listorder {
  list-style: none;
  counter-reset: item;
}
.listorder li {
  counter-increment: item;
  margin: 4px 0;
}
.listorder li:before {
  content: counter(item) ". ";
  font-weight: 700;
  margin-right: 4px;
}
.listorder li li:before {
  content: counters(item, ".") " ";
}
.listdot {
  padding-left: 18px;
  list-style: inherit;
}
.listdot li {
  margin: 4px 0;
}
.listdot > .listdot {
  list-style: circle;
}
.listcheck {
  padding-left: 24px;
  position: relative;
  text-align: left;
}
.listcheck li {
  margin-bottom: 12px;
  position: relative;
}
.listcheck__item {
  font-size: 16px;
}
.listcheck__item:before {
  position: absolute;
  left: -24px;
  top: 4px;
  width: 16px;
  height: 12px;
  content: "";
}
.listcheck__item--ok:before {
  background: url(../img/items/ok_sm.svg) no-repeat 50%;
  background-size: 16px 12px;
}
.listcheck__item--fail:before {
  background: url(../img/items/fail_sm.svg) no-repeat 50%;
  background-size: 16px 12px;
}
.listcheck__item .title3 {
  margin-bottom: 0;
}
.listcheck__item .title3 + p {
  margin-top: 12px;
}
.listcheck__item .title4 {
  margin-bottom: 0;
}
.listcheck__item .title4 + p {
  margin-top: 0;
}
.listcheck--color .listcheck__item--ok:before {
  background: url(../img/items/ok_sm.svg) no-repeat 50%;
  background-size: 16px 12px;
}
.listcheck--color .listcheck__item--fail {
  color: #adadb6;
}
.listcheck--color .listcheck__item--fail:before {
  background: url(../img/items/fail_sm.svg) no-repeat 50%;
  background-size: 16px 12px;
}
.listcheck--content .listcheck__item {
  margin-bottom: 32px;
}
.listcheck--content .listcheck__item--ok:before {
  top: 7px;
  background: url(../img/items/ok_sm.svg) no-repeat 50%;
  background-size: 16px 12px;
}
.listcheck--content .listcheck__item--fail:before {
  top: 7px;
  background: url(../img/items/fail_sm.svg) no-repeat 50%;
  background-size: 16px 12px;
}
.listcheck--separate .listcheck__item {
  padding-bottom: 32px;
  border-bottom: 1px solid #d8d8d8;
}
.listcheck--separate .listcheck__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.listtool li {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.listtool li .ico {
  display: inline-block;
  margin-right: 16px;
}
.price__resume {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 12px;
}
.price__resume__total {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  color: #33333b;
  margin: 0 12px 0 0;
}
@media (max-width: 767px) {
  .price__resume__total {
    font-size: 24px;
    line-height: 34px;
  }
}
.price__resume__info {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
}
.price__resume__info__period {
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  color: #33333b;
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .price__resume__info__period {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .price__resume__info__period {
    font-size: 16px;
    line-height: 22px;
  }
}
.price__resume__info__user {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-top: auto;
}
@media (max-width: 991px) {
  .price__resume__info__user {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .price__resume__info__user {
    font-size: 12px;
    line-height: 16px;
  }
}
.price__resume__change {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .price__resume__change {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .price__resume__change {
    font-size: 12px;
    line-height: 16px;
  }
}
.price__resume__change:hover {
  color: #ffb400;
}
.payment {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.payment__chip-save {
  margin-left: 8px;
}
.payment__text {
  text-align: center;
}
.payment__text--sm {
  font-size: 12px;
}
.payment__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
}
.payment__checklist img {
  margin-top: -7px;
  width: 16px;
  height: 12px;
}
.payment__cancel-trial-before-desc {
  margin-top: 16px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #161616;
  font-size: 12px;
}
.payment__actions {
  margin-top: 24px;
  text-align: center;
}
@media (max-width: 1440px) {
  .payment__actions {
    margin-top: 12px;
  }
}
.payment__card-brand {
  font-weight: 600;
}
.payment__card-error,
.payment__method-error {
  -webkit-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
  text-align: center;
  font-size: 12px;
  color: #fb7876;
}
.payment__card-error--hidden,
.payment__method-error--hidden {
  color: rgba(0, 0, 0, 0);
}
.payment__card-details__label,
.payment__method-details__label {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
}
.payment__card-details__text,
.payment__method-details__text {
  display: inline-block;
  margin-right: 8px;
}
.payment__card-details__text__brand,
.payment__method-details__text__brand {
  margin-right: 8px;
}
.payment__card-details__change-btn,
.payment__method-details__change-btn {
  display: inline-block;
  font-weight: 500;
  color: #e5322d;
  cursor: pointer;
  text-decoration: underline;
}
.payment__card-details__keep-card-btn,
.payment__method-details__keep-card-btn {
  margin-top: 6px;
  margin-bottom: 3px;
  text-align: center;
  display: block;
  font-weight: 500;
  color: #e5322d;
  cursor: pointer;
  text-decoration: underline;
}
.payment__card-details-desc,
.payment__method-details-desc {
  text-align: left;
  font-weight: 500;
}
.payment__hr {
  margin-bottom: 32px;
  width: 100%;
  height: 1px;
  border: 0;
  background: #e5e5e9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.payment__content-wrapper {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
}
.payment__interval-selector {
  padding: 0 20px;
  margin-bottom: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1440px) {
  .payment__interval-selector {
    margin-bottom: 24px;
  }
}
.form__group .payment__interval-selector__label {
  margin-bottom: 0 !important;
}
.payment__interval-selector__select-box {
  min-width: 180px;
  line-height: normal;
  -webkit-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border: 7px solid #969696;
  border-radius: 8px;
}
.payment__interval-selector__select-box:not(:first-child) {
  margin-left: 36px;
}
body[data-browser-supports~="grid"]
  .payment__interval-selector__select-box:not(:first-child) {
  margin-left: 0;
}
.payment__interval-selector__select-box__content {
  padding: 4px 32px;
  text-align: center;
  width: 100%;
  height: 100%;
}
.payment__interval-selector__select-box[data-selected="true"] {
  border-color: #ffb400;
  background: #ffe096;
}
.payment__interval-selector__select-box__container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
body[data-browser-supports~="grid"]
  .payment__interval-selector__select-box__container {
  width: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}
.payment__interval-selector__select-box__interval {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
}
.payment__interval-selector__select-box__price {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
}
@media (max-width: 991px) {
  .payment__interval-selector__select-box__price {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .payment__interval-selector__select-box__price {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 1440px) {
  .payment__interval-selector__select-box__price {
    font-size: 20px;
  }
}
.payment__interval-selector__select-box__footnote {
  font-size: 12px;
  font-weight: 400;
  color: #707078;
}
@media (max-width: 540px) {
  .payment__interval-selector .radio-list {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 540px) {
  .payment__interval-selector .radio-list .radio--flex-center {
    -ms-flex-pack: start;
    justify-content: start;
    margin: 0 !important;
  }
}
.payment__provider-selector {
  position: relative;
  padding: 0 60px;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e5e5e9;
}
@media (max-width: 1365px) {
  .payment__provider-selector {
    padding: 0 80px;
  }
}
@media (max-width: 991px) {
  .payment__provider-selector {
    padding: 0 62px;
  }
}
@media (max-width: 767px) {
  .payment__provider-selector {
    padding: 0 24px;
  }
}
.payment__provider-selector__item {
  position: relative;
  top: 1px;
  padding: 12px 24px;
  cursor: pointer;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
}
@media (max-width: 1440px) {
  .payment__provider-selector__item {
    padding: 6px 24px;
  }
}
.payment__provider-selector__item:not([data-checked="true"]):hover {
  background: 2px solid rgba(0, 0, 0, 0.05);
}
.payment__provider-selector__item[data-checked="true"] {
  border-color: #e5322d #e5e5e9 #fff;
  border-style: solid;
  border-width: 3px 1px 1px;
}
.payment__provider-views {
  margin-top: 20px;
}
.payment__provider-views__item {
  display: none;
}
.payment__provider-views__item--appeared {
  display: block;
}
.payment__mountpoint {
  padding: 0 60px;
}
@media (max-width: 1365px) {
  .payment__mountpoint {
    padding: 0 80px;
  }
}
@media (max-width: 991px) {
  .payment__mountpoint {
    padding: 0 62px;
  }
}
@media (max-width: 767px) {
  .payment__mountpoint {
    padding: 0 24px;
  }
}
.payment__stripe-view__card-binding {
  margin-top: 8px;
}
@media (max-width: 1440px) {
  [data-state="CannotTrialState"] {
    margin-bottom: -12px;
  }
}
@media (max-width: 1365.98px) {
  [data-state="CannotTrialState"] {
    margin-bottom: 6px;
  }
}
.payment-period {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.payment-period__discount {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #fff;
  position: absolute;
  padding: 6px 12px;
  border-radius: 9999px;
  background-color: #64e600;
  top: -20px;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
}
@media (max-width: 991px) {
  .payment-period__discount {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .payment-period__discount {
    font-size: 12px;
    line-height: 16px;
    -webkit-transform: translateX(125%);
    transform: translateX(125%);
  }
}
.payment-period__payments {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-bottom: 32px;
  padding: 4px;
  background-color: #f5f5fa;
}
.payment-period__payments,
.payment-period__payments__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
}
.payment-period__payments__item {
  position: relative;
  min-width: 150px;
  height: 36px;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 16px;
  color: p #707078;
  cursor: pointer;
}
@media (max-width: 1365px) {
  .payment-period__payments__item {
    font-size: 14px;
    padding: 4px 16px;
    min-width: 140px;
  }
}
@media (max-width: 991px) {
  .payment-period__payments__item {
    font-size: 13px;
    padding: 4px 14px;
    min-width: 130px;
  }
}
@media (max-width: 767px) {
  .payment-period__payments__item {
    font-size: 12px;
    padding: 2px 12px;
    min-width: 120px;
  }
}
.payment-period__payments__item--active {
  color: #e5322d;
  font-weight: 500;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.payment-period__payments__item:before {
  content: attr(data-price);
}
.payment-period__payments__item__badge {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  right: 12px;
  top: 0;
  border-radius: 9999px;
  background-color: #4acd86;
  -webkit-transform: translate(75%, -24px);
  transform: translate(75%, -24px);
}
.payment-period__payments__item__badge--white-border {
  border: 3px solid #fff;
}
.payment-period__payments__item[data-select-mode]:after {
  content: none;
}
.payment-period__slider {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.payment-period__slider__text {
  margin-bottom: 32px;
  color: #707078;
  font-weight: 600;
}
.payment-period__slider__text strong {
  color: #161616;
}
.payment-period__slider__element {
  position: relative;
  padding-top: 24px;
}
.payment-period__slider__element__slider-datalist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - 18px);
  height: 3px;
  background-color: #bd060a;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.payment-period__slider__element__slider-datalist__option {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
  background-color: #bd060a;
  border-radius: 9999px;
}
.payment-period__slider__element__slider-datalist__option:first-child,
.payment-period__slider__element__slider-datalist__option:last-child {
  width: 3px;
  height: 17px;
}
.payment-period__slider__element:before {
  content: attr(data-min);
  left: 0;
}
.payment-period__slider__element:after,
.payment-period__slider__element:before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  color: #161616;
}
.payment-period__slider__element:after {
  content: attr(data-max);
  right: 0;
}
.payment-period__slider__element input[type="range"],
.payment-period__slider__element select[type="range"] {
  position: relative;
  width: 100%;
  height: 4px;
  border: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  margin-bottom: 72px;
}
.payment-period__slider__element input[type="range"]:focus,
.payment-period__slider__element select[type="range"]:focus {
  border-color: rgba(0, 0, 0, 0);
}
.payment-period__slider__element input[type="range"]::-webkit-slider-thumb,
.payment-period__slider__element select[type="range"]::-webkit-slider-thumb {
  margin-top: -24px;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #e5322d;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.payment-period__slider__element
  input[type="range"]::-webkit-slider-thumb:hover,
.payment-period__slider__element
  select[type="range"]::-webkit-slider-thumb:hover {
  background: #bd060a;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.payment-period__slider__element input[type="range"]::-moz-range-track,
.payment-period__slider__element select[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 2px;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.payment-period__slider__element input[type="range"]::-moz-range-thumb,
.payment-period__slider__element select[type="range"]::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;
  border: none !important;
  border-radius: 50%;
  background-color: #e5322d !important;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.payment-period__slider__element input[type="range"]::-moz-range-thumb:active,
.payment-period__slider__element input[type="range"]::-moz-range-thumb:hover,
.payment-period__slider__element select[type="range"]::-moz-range-thumb:active,
.payment-period__slider__element select[type="range"]::-moz-range-thumb:hover {
  background-color: #bd060a !important;
  transform: scale(1.2);
}
.payment-period__slider__element__select {
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.payment-period__slider__element__select > select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.payment-period__slider__element__select__selected {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 42px;
  max-width: 100%;
  padding: 2px 32px 6px 12px;
  color: #e5322d;
  border: 1px solid #e5322d;
  border-radius: 4px;
  cursor: pointer;
}
.payment-period__slider__element__select__selected:after {
  position: absolute;
  content: "";
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 5px;
  -webkit-mask-image: url(../img/icons/svg-icons/down-arrow.html);
  mask-image: url(../img/icons/svg-icons/down-arrow.html);
  background-color: #e5322d;
}
.payment-period__slider__element__select__items {
  z-index: 1003;
  visibility: hidden;
  position: absolute;
  margin-top: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #707078;
  cursor: pointer;
}
.payment-period__slider__element__select__items--visible {
  visibility: visible;
}
.payment-period__slider__element__select__items > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 20px;
  border: 1px solid #ebebf4;
  border-bottom-color: rgba(0, 0, 0, 0);
  background-color: #fff;
}
.payment-period__slider__element__select__items > span:hover {
  color: #fff;
  background-color: #e5322d;
}
.payment-period__slider__element__select__items > span:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.payment-period__slider__element__select__items > span:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-color: #ebebf4;
}
.payment-period__slider__element__select__events-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}
.payment-period__slider__element__bubble {
  position: absolute;
  padding: 8px 26px;
  top: 42px;
  color: #fff;
  border-radius: 4px;
  background-color: #e5322d;
}
.payment-period__slider__element__bubble:before {
  content: "";
  position: absolute;
  top: 1px;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 0;
  height: 0;
  left: calc(50% + var(--left));
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid #e5322d;
}
.payment-period__slider__element__link {
  font-weight: 600;
  text-decoration: underline;
  color: #e5322d;
}
.payment-period__slider__element__link:hover {
  color: #161616;
  text-decoration: underline;
}
.payment-period__slider__info {
  margin-top: 16px;
}
.payment-period__slider__info strong {
  color: #161616;
}
.rtl .payment-period__payments__item__badge {
  left: 12px;
  right: auto;
  -webkit-transform: translate(-75%, -24px);
  transform: translate(-75%, -24px);
}
.pricing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pricing--standard {
  margin-top: -2px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.pricing__account {
  background: #f2f3f8;
  position: relative;
  margin: 16px;
  border-radius: 12px;
  -ms-flex: 1 0;
  flex: 1 0;
}
@media (max-width: 75em) {
  .pricing__account {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 32px);
    flex-basis: calc(50% - 32px);
  }
}
@media (max-width: 46.25em) {
  .pricing__account {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 32px);
    flex-basis: calc(100% - 32px);
  }
}
.pricing__account .btn {
  margin-top: 0;
}
.pricing__account__tier {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
}
@media (max-width: 991px) {
  .pricing__account__tier {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .pricing__account__tier {
    font-size: 18px;
    line-height: 28px;
  }
}
.pricing__account__price {
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  font-weight: 600;
}
.pricing__account__price__resume {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  font-weight: 600;
  color: #33333b;
}
@media (max-width: 991px) {
  .pricing__account__price__resume {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .pricing__account__price__resume {
    font-size: 16px;
    line-height: 20px;
  }
}
.pricing__account__header {
  padding: 32px 32px 12px;
  min-height: 168px;
}
.pricing__account__header p {
  margin-bottom: 0;
}
.pricing__account__header__folding {
  position: absolute;
  top: 0;
  right: 0;
}
.pricing__account__header__folding svg {
  background: #fff;
  width: 55px;
  height: 55px;
  color: #e5322d;
}
@media (max-width: 1200px) {
  .pricing__account__header__folding svg {
    width: 42px;
    height: 42px;
  }
}
.pricing__account__body {
  padding: 18px 32px 32px;
}
.pricing__account__body p {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 24px;
}
.pricing__account__action {
  padding: 10px 32px;
  min-height: 66px;
}
.pricing__account--premium {
  background: #47474f;
  color: #fff;
}
.pricing__account--premium .pricing__account__price__resume,
.pricing__account--premium .pricing__account__tier {
  color: #fff;
}
@media (max-width: 75em) {
  .pricing__account--registered {
    display: none;
  }
}
.pricing .pricing__price__numbers + .pricing__price__code {
  margin-left: 5px;
}
.pricing--standard .pricing__price__code,
.pricing--standard .pricing__price__numbers {
  color: #161616;
}
.block__body .pricing__account .btn {
  margin-top: 0;
}
.pricing__table {
  border: 1px solid #d6d6df;
  border-collapse: collapse;
  margin-top: 72px;
  position: relative;
}
.pricing__table thead th {
  text-align: center;
  text-transform: none;
  top: 60px;
  position: sticky;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
  z-index: 9;
}
.pricing__table tbody th {
  background: #f2f3f8;
}
.pricing__table tbody th.clean {
  background: rgba(0, 0, 0, 0);
}
.pricing__table tbody tr {
  border-left: 0;
  border-right: 0;
}
.pricing__table tbody tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0);
}
.pricing__table tbody tr:hover {
  border-left: 0;
  border-right: 0;
}
.pricing__table th {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #33333b;
  line-height: 30px;
}
@media (max-width: 991px) {
  .pricing__table th {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .pricing__table th {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 46.25em) {
  .pricing__table th {
    font-size: 16px;
  }
}
.pricing__table td {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 991px) {
  .pricing__table td {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .pricing__table td {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 46.25em) {
  .pricing__table td {
    font-size: 12px;
  }
}
.pricing__table td,
.pricing__table th {
  border: 1px solid #d6d6df;
  padding: 16px 32px;
  vertical-align: middle;
}
@media (max-width: 46.25em) {
  .pricing__table td,
  .pricing__table th {
    padding: 8px 12px;
  }
}
.pricing__table tr > :first-child {
  text-align: left;
}
.pricing__table .feature__no,
.pricing__table .feature__yes {
  display: inline-block;
  width: 16px;
  height: 12px;
}
.pricing__table .feature__yes {
  background: url(../img/items/ok_sm.svg) no-repeat 50%;
}
.pricing__table .feature__no {
  background: url(../img/items/fail_sm_b0.svg) no-repeat 50%;
}
.pricing__table .listcheck__item {
  font-size: 13px;
  margin-bottom: 0;
}
.pricing__table .list__dropdown {
  cursor: pointer;
}
.pricing__table .list__dropdown:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  margin-left: 8px;
  background: url(../img/items/arrow-down.svg) no-repeat 50%;
}
.pricing__table .list__dropdown strong {
  font-weight: 300;
}
.pricing__table .list__dropdown + ul {
  display: none;
  text-align: left;
  margin-top: 16px;
}
.pricing__table ul.list__tabled li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 13px;
}
.pricing__table .tooltip {
  position: relative;
}
.pricing__table .tooltip:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 0 solid rgba(0, 0, 0, 0);
  position: absolute;
  border-top: 12px solid #ebebf4;
  top: 0;
  right: 0;
  -webkit-transition: border 0.4s ease-out;
  -o-transition: border 0.4s ease-out;
  transition: border 0.4s ease-out;
}
.pricing__table .tooltip:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  -webkit-transition: border 0.5s ease-out;
  -o-transition: border 0.5s ease-out;
  transition: border 0.5s ease-out;
}
.pricing__table .tooltip:hover:before {
  border: 1px solid #47474f;
}
.pricing__table .tooltip:hover:after {
  border-top: 12px solid #47474f;
}
.pricing__table tr.no-border td,
.pricing__table tr.no-border th {
  border-color: rgba(0, 0, 0, 0);
}
@media (max-width: 46.25em) {
  .pricing__table .btn {
    font-size: 14px;
    line-height: 14px;
    min-width: 0;
    padding: 6px 12px 8px;
  }
  .pricing__table .feature__no,
  .pricing__table .feature__yes {
    width: 12px;
    height: 12px;
    background-size: contain;
  }
  .pricing__table .list__dropdown {
    pointer-events: none;
  }
  .pricing__table .list__dropdown:after {
    display: none;
  }
}
.rtl .pricing__table thead th {
  text-align: center;
}
.rtl .pricing__table tr > :first-child {
  text-align: right;
}
.rtl .pricing__table .list__dropdown:after {
  margin-left: 0;
  margin-right: 8px;
}
.rtl .pricing__table .tooltip:after {
  right: auto;
  left: 0;
  border-left: 0 solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
}
.rtl .pricing__table .list__dropdown + ul {
  text-align: right;
}
.summaries-root {
  margin: 24px auto 12px;
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.summaries-root .summary + .summary {
  margin-top: 18px;
}
.summary--current .summary__item {
  text-decoration: line-through;
}
.summary {
  font-size: 15px;
}
@media (max-width: 1365px) {
  .summary {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .summary {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .summary {
    font-size: 12px;
  }
}
.summary__warning-text {
  margin-top: 24px;
  font-size: 12px;
  color: #707078;
}
.summary__title {
  text-align: left;
  font-weight: 500;
  color: #707078;
  margin-bottom: 8px;
}
.summary__items {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f2f3f8;
}
.summary__item,
.summary__items {
  display: -ms-flexbox;
  display: flex;
}
.summary__item {
  font-weight: 500;
  padding: 8px 12px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #47474f;
}
@media (max-width: 540px) {
  .summary__item {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 540px) {
  .summary__item__price,
  .summary__item__text {
    margin-right: auto;
  }
}
.summary__total {
  font-weight: 500;
  border-top: 2px solid #f5f5fa;
  margin-top: 8px;
  padding: 8px 12px;
  display: none;
  font-weight: 800;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.summary__total--visible {
  display: -ms-flexbox;
  display: flex;
}
[data-theme~="new-premium-all-features-tooltip"] .tippy-content {
  width: 267px;
  padding: 24px 24px 12px;
}
[data-theme~="new-premium__ocr-tooltip"] {
  max-width: none !important;
}
[data-theme~="new-premium__ocr-tooltip"] .tippy-content {
  width: 470px;
  padding: 24px 24px 12px;
}
.new-premium {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  line-height: normal;
}
.new-premium__hr {
  margin: 0 auto 30px;
  width: 100%;
}
.new-premium__all-features-tooltip,
.new-premium__ocr-tooltip {
  color: #ffb400;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
.new-premium__all-features-tooltip__content ul.listdot,
.new-premium__ocr-tooltip__content ul.listdot {
  list-style-type: circle;
}
.new-premium__footer__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-align: center;
  align-items: center;
}
.new-premium__body {
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.new-premium__body,
.new-premium__success {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.new-premium__success {
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.new-premium__success .new-premium__success__email {
  font-weight: 800;
}
.new-premium__success .new-premium__success__icon {
  margin-bottom: 12px;
}
.new-premium__success .new-premium__success__title {
  margin-bottom: 12px;
  font-size: 32px;
}
.new-premium__success .new-premium__success__desc {
  margin-bottom: 32px;
}
.inline-context {
  min-height: 50vh;
}
.inline-context .dialog__header {
  background: none;
  color: #161616;
  padding-bottom: 0;
}
.inline-context .dialog__title,
.inline-context .dialog__title.orange {
  color: #161616;
}
.ElementsModal--modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../img/svg_icons/wait.svg);
  background-size: 52px;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  z-index: 2000;
}
.ElementsModal--modal-content {
  position: fixed;
  z-index: 1200;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  width: 385px;
  border-radius: 0.5rem;
}
@media screen and (max-width: 600px) {
  .ElementsModal--modal-content {
    height: 100vh;
    width: 100%;
    border-radius: 0;
  }
  .ElementsModal--close,
  .ElementsModal--top {
    padding-top: 4em;
  }
}
.ElementsModal--top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}
.ElementsModal--close {
  background: none;
  color: inherit;
  padding: 0;
  font: inherit;
  outline: inherit;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
}
.ElementsModal--show-modal {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ElementsModal--details {
  line-height: normal;
  margin-bottom: 4px;
}
.ElementsModal--price {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
}
.ElementsModal--top-banner {
  background-color: #47474f;
  text-align: center;
  padding: 20px 1em 2em;
}
.ElementsModal--email,
.ElementsModal--product {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 16px;
  font-weight: 500;
}
.ElementsModal--company {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: auto auto 32px;
}
.ElementsModal--footer-text {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 16px;
}
.ElementsModal--error-message {
  margin-top: 5px;
  color: #dc2727;
  font-size: 13px;
  line-height: 17px;
}
.ElementsModal--pay-button-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 25px;
  width: 350px;
  height: 40px;
}
.ElementsModal--pay-button {
  cursor: pointer;
  border: 0;
  width: 100%;
  text-align: center;
  height: 40px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1),
    0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 0 0 1px rgba(50, 50, 93, 0.1),
    0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 6px 6px 6px 6px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.ElementsModal--pay-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3),
    0 1px 1px 0 rgba(0, 0, 0, 0.07), 0 0 0 4px rgba(50, 151, 211, 0.3);
  box-shadow: 0 0 0 1px rgba(50, 151, 211, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.07),
    0 0 0 4px rgba(50, 151, 211, 0.3);
}
.ElementsModal--dropdowns {
  margin: 10px;
  -webkit-appearance: none;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 4px 4px;
}
.ElementsModal--payment-form {
  margin-bottom: 0;
}
.ElementsModal--label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 500;
}
.ElementsModal--forms {
  padding: 5%;
}
.ElementsModal--form {
  margin-bottom: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ElementsModal--form label {
  width: auto;
}
.ElementsModal--form-label {
  font-size: 13px;
  margin-bottom: 4px;
  display: block;
  color: rgba(0, 0, 0, 0.6);
}
.StripeElement {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 8px 12px 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px 5px 5px 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07),
    0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: box-shadow 0.15s ease;
  -webkit-transition: -webkit-box-shadow 0.15s ease;
  transition: -webkit-box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.StripeElement--focus {
  -webkit-box-shadow: 0 0 3px 0 #5c5c64;
  box-shadow: 0 0 3px 0 #5c5c64;
}
.StripeElement--invalid {
  border-color: #ef9896;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.flash {
  padding: 12px;
  border: 1px solid red;
  margin-bottom: 12px;
}
.payment-period__payments__item__badge {
  -webkit-transform: translate(75%, -20px);
  transform: translate(75%, -20px);
  right: 16px;
  top: 4px;
}
.payment__interval-selector__select-box {
  border-radius: 24px;
  min-width: 150px;
  min-height: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 4px;
  background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(#fff)
      )
      padding-box,
    -webkit-gradient(linear, left top, left bottom, from(#adadb6), to(#adadb6)) border-box;
  background: -webkit-linear-gradient(#fff, #fff) padding-box,
    -webkit-linear-gradient(#adadb6, #adadb6) border-box;
  background: -o-linear-gradient(#fff, #fff) padding-box,
    -o-linear-gradient(#adadb6, #adadb6) border-box;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(#adadb6, #adadb6) border-box;
}
.payment__interval-selector__select-box__content {
  padding: 16px 24px;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.payment__interval-selector__select-box__content:hover {
  opacity: 1;
}
.payment__interval-selector__select-box[data-selected="true"] {
  border: 5px solid rgba(0, 0, 0, 0);
  padding: 0;
  background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f5f5fa),
        to(#f5f5fa)
      )
      padding-box,
    -webkit-gradient(linear, left top, right top, from(#ffb400), to(#ff8273)) border-box;
  background: -webkit-linear-gradient(#f5f5fa, #f5f5fa) padding-box,
    -webkit-linear-gradient(left, #ffb400, #ff8273) border-box;
  background: -o-linear-gradient(#f5f5fa, #f5f5fa) padding-box,
    -o-linear-gradient(left, #ffb400, #ff8273) border-box;
  background: linear-gradient(#f5f5fa, #f5f5fa) padding-box,
    linear-gradient(90deg, #ffb400, #ff8273) border-box;
}
.payment__interval-selector__select-box[data-selected="true"]
  .payment__interval-selector__select-box__content {
  opacity: 1;
}
.payment__interval-selector__select-box[data-selected="true"]
  .payment-period__payments__item__badge {
  right: 12px;
  top: 0;
}
.payment__provider-selector {
  padding: 0;
  margin: 10px 60px 0;
}
.payment__provider-selector__item {
  padding: 8px 16px;
  margin-bottom: -1px;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.payment__provider-selector__item[data-checked="true"] {
  border: none;
  border-bottom: 3px solid #e5322d;
}
.payment__provider-views {
  margin-top: 24px;
}
.inline-context .dialog__header .dialog__title.orange {
  color: #161616 !important;
}
.user-premium .auth__info {
  position: relative;
  background: none;
}
.user-premium .auth__info:before {
  background: #383e45 url(../img/premium/top.svg) no-repeat top;
  background-size: contain;
}
.user-premium .auth__info:after,
.user-premium .auth__info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.user-premium .auth__info:after {
  background: url(../img/premium/bottom.svg) no-repeat bottom;
  background-size: contain;
}
.user-premium .auth__info .auth__box {
  z-index: 1;
}
.new-premium__logos {
  margin-top: -8px;
}
.payment__footer {
  -ms-flex-direction: initial;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.payment__footer .payment__checklist {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px;
}
.payment__footer .payment__checklist img {
  margin-top: 4px;
  margin-right: 8px;
}
.payment__text {
  text-align: left;
}
@media (min-width: 480px) {
  body.process-run .header {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
body.process-run .header .brand {
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
}
@media (min-width: 480px) {
  body.process-run .header .brand {
    width: 160px;
  }
}
body.process-run .header .brand__logo {
  width: 160px;
}
@media (min-width: 480px) {
  body.process-run .header .brand__logo {
    width: 140px;
  }
}
body.process-run .add {
  margin-bottom: 12px;
}
@media (max-width: 1440px) {
  body.process-run .limit-slide {
    margin-top: 32px;
    margin-bottom: 78px;
  }
}
@media (max-width: 1440px) {
  .payment__interval-selector {
    margin-bottom: 24px;
  }
  .payment__actions {
    margin-top: 16px;
  }
}
.downloader,
.uploader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 80px; */
  text-align: center;
  position: relative;
}
@media (min-width: 500px) {
  .downloader,
  .uploader {
    display: table;
  }
}
.downloader__btn,
.uploader__btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 80px;
  min-width: 330px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 48px;
  font-weight: 500;
  font-size: 24px;
  background: #e5322d;
  line-height: 28px;
  vertical-align: middle;
  color: #fff !important;
  text-decoration: none;
  margin-bottom: 12px;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  border: 0;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  -ms-flex-order: 1;
  order: 1;
  max-width: 60vw;
}
@media (max-width: 501px) {
  .downloader__btn,
  .uploader__btn {
    width: 100%;
    max-width: inherit;
    min-width: 0;
  }
}
.downloader__btn svg,
.uploader__btn svg {
  display: none;
}
@media (max-width: 840px) {
  .downloader__btn,
  .uploader__btn {
    font-size: 22px;
    line-height: 26px;
    padding: 24px 32px;
  }
}
.downloader__btn:hover,
.uploader__btn:hover {
  background-color: #bd060a;
  color: #fff;
}
.downloader__btn.tooltip:after,
.downloader__btn.tooltip:before,
.uploader__btn.tooltip:after,
.uploader__btn.tooltip:before {
  display: none;
}
.downloader__extra,
.uploader__extra {
  -ms-flex-order: 2;
  order: 2;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  margin-left: 0;
}
@media (min-width: 500px) {
  .downloader__extra,
  .uploader__extra {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: calc(100% + 12px);
    position: absolute;
    top: 0;
  }
}
.downloader__extra:first-child,
.uploader__extra:first-child {
  margin-right: auto;
}
.downloader__extra__btn,
.uploader__extra__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
  background: #e5322d;
  margin: 6px 6px 8px;
  opacity: 0.4;
  pointer-events: none;
}
@media (min-width: 500px) {
  .downloader__extra__btn,
  .uploader__extra__btn {
    margin: 2px 0 4px;
  }
}
.downloader__extra__btn:hover,
.uploader__extra__btn:hover {
  background-color: #bd060a;
  color: #fff;
}
.downloader__extra__btn:active,
.uploader__extra__btn:active {
  background-color: #161616;
  color: #fff;
}
.downloader__extra__btn.active,
.uploader__extra__btn.active {
  background: #e5322d;
  opacity: 1;
  pointer-events: auto;
}
.downloader__extra__btn.active:hover,
.uploader__extra__btn.active:hover {
  background-color: #bd060a;
}
.downloader__extra__btn.disabled,
.downloader__extra__btn [disabled],
.uploader__extra__btn.disabled,
.uploader__extra__btn [disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.downloader__extra__btn img,
.downloader__extra__btn svg,
.uploader__extra__btn img,
.uploader__extra__btn svg {
  max-width: 18px;
}
.downloader__extra__btn--black,
.uploader__extra__btn--black {
  background: #707078;
  display: none;
}
.downloader__extra__btn--black.active,
.uploader__extra__btn--black.active {
  background: #47474f;
}
.downloader__extra__btn--black.show,
.uploader__extra__btn--black.show {
  display: -ms-flexbox;
  display: flex;
}
.downloader__extra__btn.load:after,
.uploader__extra__btn.load:after {
  content: "";
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: absolute;
  background: #e5322d url(../img/svg_icons/wait.svg) no-repeat 50%;
  background-size: 60%;
  display: block;
}
@media (min-width: 500px) {
  .downloader__extra:first-child,
  .uploader__extra:first-child {
    margin-left: -48px;
    margin-top: 24px;
  }
  .downloader__extra:nth-child(3),
  .uploader__extra:nth-child(3) {
    margin-left: calc(100% + 12px);
  }
  .downloader__extra:nth-child(4),
  .uploader__extra:nth-child(4) {
    margin-left: calc(100% + 56px);
  }
}
.downloader__droptxt,
.uploader__droptxt {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font-size: 14px;
}
#uploadDisk {
  display: none;
}
@media (max-width: 501px) {
  .uploader .uploader__extra {
    margin-left: auto;
  }
  .uploader__droptxt {
    display: none;
  }
}
.uploader.box {
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 4px;
}
.uploader.box .moxie-shim,
.uploader.box .uploader__droptxt {
  display: none;
}
.uploader.box .uploader__btn {
  width: 36px;
  min-width: 0;
  height: 36px;
  border-radius: 100%;
  background: #e5322d;
  color: #fff;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  width: 42px;
  height: 42px;
  padding: 0;
  margin-bottom: 8px;
  min-height: inherit;
}
.uploader.box .uploader__btn:hover {
  -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.14);
  background: #bd060a;
}
.uploader.box .uploader__btn:hover i {
  color: #fff;
}
.uploader.box .uploader__btn:hover path,
.uploader.box .uploader__btn:hover svg {
  fill: #fff;
}
.uploader.box .uploader__btn:active {
  color: #fff;
  background: #161616;
}
.uploader.box .uploader__btn:active i {
  color: #fff;
}
.uploader.box .uploader__btn:active path,
.uploader.box .uploader__btn:active svg {
  fill: #fff;
}
.uploader.box .uploader__btn a {
  text-decoration: none;
}
.uploader.box .uploader__btn i {
  color: #fff;
  font-size: 24px;
}
.uploader.box .uploader__btn g,
.uploader.box .uploader__btn path,
.uploader.box .uploader__btn svg {
  fill: #fff;
}
.uploader.box .uploader__btn span {
  display: none;
}
.uploader.box .uploader__btn--white {
  background: #fff;
  color: #161616;
}
.uploader.box .uploader__btn--white i {
  color: #161616;
}
.uploader.box .uploader__btn--white g,
.uploader.box .uploader__btn--white path,
.uploader.box .uploader__btn--white svg {
  fill: #161616;
}
.uploader.box .uploader__btn--white.disabled svg {
  fill: #d6d6df;
}
.uploader.box .uploader__btn--white:hover {
  background: #fff;
}
.uploader.box .uploader__btn--white:hover i {
  color: #e5322d;
}
.uploader.box .uploader__btn--white:hover g,
.uploader.box .uploader__btn--white:hover path,
.uploader.box .uploader__btn--white:hover svg {
  fill: #e5322d;
}
.uploader.box .uploader__btn--white:active {
  background: #fff;
}
.uploader.box .uploader__btn--white:active i {
  color: #707078;
}
.uploader.box .uploader__btn--white:active path,
.uploader.box .uploader__btn--white:active svg {
  fill: #707078;
}
.uploader.box .uploader__btn svg {
  display: block;
}
.uploader.box .uploader__extra {
  position: relative;
  top: auto;
  -ms-flex-align: center;
  align-items: center;
  margin: -46px 0 0;
  padding-top: 46px;
  z-index: -1;
}
.uploader.box #uploadDisk {
  display: -ms-flexbox;
  display: flex;
}
.uploader.box .uploader__extra a {
  margin-top: -46px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.uploader.box:hover .uploader__extra {
  z-index: 0;
}
.uploader.box {
  display: -ms-flexbox;
  display: flex;
}
.uploader.box:hover .uploader__extra a {
  margin-top: 0;
}
.uploader.box #filecount {
  background-color: #161616;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  border-radius: 100%;
  min-width: 26px;
  min-height: 20px;
  margin-top: -8px;
  margin-left: -8px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 600;
  border: 3px solid #e5322d;
}
@media (max-width: 840px) {
  .uploader.box .uploader__btn {
    width: 32px;
    height: 32px;
  }
  .uploader.box .uploader__extra {
    margin-top: -32px;
    padding-top: 32px;
  }
  .uploader.box .uploader__extra a {
    margin-top: -36px;
  }
  .uploader.box .uploader__extra .btn-icon {
    height: 28px;
    width: 28px;
  }
  .uploader.box #filecount {
    min-width: 22px;
    min-height: 22px;
    margin-top: -8px;
    margin-left: -8px;
    font-size: 11px;
    line-height: 9px;
    border: 1px solid #e5322d;
  }
}
.moxie-shim {
  width: 100% !important;
}
.tool-memeimage .uploader {
  margin-bottom: 24px;
}
#loadImages {
  margin-bottom: 72px !important;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid hsla(0, 0%, 9%, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #161616;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 360px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1366px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn select[type="checkbox"],
.btn-group-toggle > .btn-group > .btn select[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn select[type="checkbox"],
.btn-group-toggle > .btn select[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #4d90fe;
}
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.ui-rotatable-handle {
  height: 48px;
  width: 64px;
  cursor: pointer;
  position: absolute;
  top: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  z-index: 999;
}
.ui-rotatable-handle:after {
  content: "";
  background: #e5322d;
  border-radius: 100%;
  position: absolute;
  top: 11px;
  left: 27px;
  width: 12px;
  height: 12px;
}
.ui-rotatable-handle:before {
  content: "";
  height: 32px;
  width: 2px;
  background: #e5322d;
  position: absolute;
  top: 12px;
  left: 32px;
}
.ui-resizable-e:after,
.ui-resizable-n:after,
.ui-resizable-ne:after,
.ui-resizable-nw:after,
.ui-resizable-s:after,
.ui-resizable-se:after,
.ui-resizable-sw:after,
.ui-resizable-w:after {
  content: "";
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  background: #e5322d;
  border-radius: 100%;
}
.active .ui-resizable .ui-resizable-e:after,
.active .ui-resizable .ui-resizable-n:after,
.active .ui-resizable .ui-resizable-ne:after,
.active .ui-resizable .ui-resizable-nw:after,
.active .ui-resizable .ui-resizable-s:after,
.active .ui-resizable .ui-resizable-se:after,
.active .ui-resizable .ui-resizable-sw:after,
.active .ui-resizable .ui-resizable-w:after,
.active .ui-resizable .ui-rotatable-handle,
.ui-resizable:hover .ui-resizable-e:after,
.ui-resizable:hover .ui-resizable-n:after,
.ui-resizable:hover .ui-resizable-ne:after,
.ui-resizable:hover .ui-resizable-nw:after,
.ui-resizable:hover .ui-resizable-s:after,
.ui-resizable:hover .ui-resizable-se:after,
.ui-resizable:hover .ui-resizable-sw:after,
.ui-resizable:hover .ui-resizable-w:after,
.ui-resizable:hover .ui-rotatable-handle {
  display: block;
}
.ui-resizable-n:after,
.ui-resizable-s:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ui-resizable-e:after,
.ui-resizable-w:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ui-resizable-se {
  right: -7px;
  bottom: -7px;
}
.ui-resizable-e {
  right: -2px;
  bottom: -2px;
}
.ui-resizable-ne {
  right: -4px;
  top: -7px;
}
.ui-resizable-n {
  top: -7px;
}
.ui-resizable-s {
  bottom: -2px;
}
.ui-resizable-sw {
  left: -6px;
  bottom: -3px;
}
.ui-resizable-nw {
  left: -7px;
  top: -7px;
}
.ui-resizable-w {
  left: -6px;
}
.fixed .editor__content__item__content .ui-rotatable-handle {
  display: none;
}
.sp-replacer {
  padding: 0;
  border-radius: 4px;
  margin-top: -4px;
  width: 42px;
  height: 42px;
}
.sp-preview {
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
}
.sp-dd {
  display: none;
}
.sp-container button {
  min-width: auto;
}
.sp-container.sp-flat {
  display: block;
  border: 0;
  background: none;
}
.dialog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.dialog main {
  margin: 0;
}
.dialog ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5fa;
}
.dialog ::-webkit-scrollbar {
  z-index: 50;
  width: 4px;
  height: 4px;
  background-color: #e5322d;
}
.dialog ::-webkit-scrollbar-thumb {
  background-color: #fde4df;
  border: 1px solid #fde4df;
  border-radius: 8px;
}
.dialog__container {
  width: 90vw;
  height: auto;
  max-width: 750px;
  max-height: 90vh;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0);
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
.dialog__container--appeared {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.dialog__element {
  position: relative;
  border-radius: 12px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  background: #fff;
  width: 90vw;
  height: auto;
  max-width: 100%;
  max-height: 90vh;
  min-height: 150px;
  overflow: auto;
}
.dialog__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.dialog__backdrop--appeared {
  opacity: 1;
}
.dialog__header {
  text-align: center;
  padding: 32px 64px;
}
@media (max-width: 1439.98px) {
  .dialog__header {
    padding: 24px 64px;
  }
}
@media (max-width: 1365.98px) {
  .dialog__header {
    padding: 24px 64px;
  }
}
@media (max-width: 991.98px) {
  .dialog__header {
    padding: 16px 32px;
  }
}
@media (max-width: 767.98px) {
  .dialog__header {
    padding: 12px 24px;
  }
}
.dialog__body {
  padding: 32px 64px 48px;
  text-align: center;
  background: #fff;
  overflow-y: auto;
}
@media (max-width: 1365.98px) {
  .dialog__body {
    padding: 32px 64px 48px;
  }
}
@media (max-width: 991.98px) {
  .dialog__body {
    padding: 24px 32px;
  }
}
@media (max-width: 767.98px) {
  .dialog__body {
    padding: 16px 12px;
  }
}
.dialog__body .dialog__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .dialog__body .dialog__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .dialog__body .dialog__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.dialog__body .dialog__subtitle {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .dialog__body .dialog__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  .dialog__body .dialog__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.dialog__body p {
  margin-top: 16px;
}
.dialog__title + .dialog__subtitle {
  margin-top: 8px;
}
.dialog .dialog__body + .dialog__body {
  padding-top: 0;
}
.dialog__action,
.dialog__actions {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #ebebf4;
  text-align: center;
}
.dialog__action .btn + .btn,
.dialog__action a + .btn,
.dialog__actions .btn + .btn,
.dialog__actions a + .btn {
  margin-left: 12px;
}
@media (max-width: 540px) {
  .dialog__action .btn + .btn,
  .dialog__actions .btn + .btn {
    margin-top: 16px;
  }
}
.dialog__footer {
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #d6d6df;
}
.dialog__footer .btn {
  margin-top: 0 !important;
}
.dialog__footer .btn + .btn,
.dialog__footer a + .btn {
  margin-left: 24px;
}
.dialog__close {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0) url(../img/icons/close.svg) no-repeat 50%;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
@media (max-width: 540px) {
  .dialog__close {
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
  }
}
.dialog__close:hover {
  background-color: #e5e5e9;
}
.dialog__close:active {
  background-color: #aeaeb2;
}
.dialog__back {
  position: absolute;
  cursor: pointer;
  top: 16px;
  left: 16px;
  color: #e5322d;
}
.dialog__back:hover {
  color: #e5322d;
}
.dialog__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  text-align: center;
}
@media (max-width: 991.98px) {
  .dialog__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .dialog__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.dialog__subtitle {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .dialog__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  .dialog__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.dialog__subtitle + .dialog__subtitle {
  margin-top: 4px;
}
.dialog p {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.3px;
}
.dialog__icon {
  margin-bottom: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.dialog__icon img,
.dialog__icon svg {
  width: 48px;
  height: 48px;
}
.dialog__icon--lg img,
.dialog__icon--lg svg {
  width: 130px;
  height: 130px;
}
.dialog__icon--sm img,
.dialog__icon--sm svg {
  width: 48px;
  height: 48px;
}
.dialog--sm .dialog__container {
  max-width: 300px;
}
.dialog--lg .dialog__container {
  max-width: 1000px;
}
.modal-dialog {
  border-radius: 8px;
  overflow: hidden;
}
.dialog--dark .dialog__header,
.dialog--premium .dialog__header,
.dialog__header--dark,
.dialog__header--premium {
  background: #47474f;
  background-size: cover;
  color: #fff;
}
.dialog--dark .dialog__header .dialog__title,
.dialog--premium .dialog__header .dialog__title,
.dialog__header--dark .dialog__title,
.dialog__header--premium .dialog__title {
  color: #ffc233;
}
.dialog--dark .dialog__header .dialog__back,
.dialog--dark .dialog__header .dialog__subtitle,
.dialog--premium .dialog__header .dialog__back,
.dialog--premium .dialog__header .dialog__subtitle,
.dialog__header--dark .dialog__back,
.dialog__header--dark .dialog__subtitle,
.dialog__header--premium .dialog__back,
.dialog__header--premium .dialog__subtitle {
  color: #fff;
}
.dialog--dark .dialog__header .dialog__close,
.dialog--premium .dialog__header .dialog__close,
.dialog__header--dark .dialog__close,
.dialog__header--premium .dialog__close {
  background: url(../img/icons/close_w.svg) no-repeat 50%;
}
.dialog--dark .dialog__header .dialog__close:hover,
.dialog--premium .dialog__header .dialog__close:hover,
.dialog__header--dark .dialog__close:hover,
.dialog__header--premium .dialog__close:hover {
  background-color: #aeaeb2;
}
.dialog--dark .dialog__header .dialog__close:active,
.dialog--premium .dialog__header .dialog__close:active,
.dialog__header--dark .dialog__close:active,
.dialog__header--premium .dialog__close:active {
  background-color: #e5e5e9;
}
.dialog--premium .dialog__header,
.dialog__header--premium {
  background: url(../img/premium/header.svg) no-repeat 50%;
  background-size: cover;
}
.dialog--action .dialog__header,
.dialog__header--action {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #d6d6df;
}
.dialog--action .dialog__footer {
  background: #fff;
  position: relative;
  z-index: 1;
  border-top: 1px solid #d6d6df;
}
.modal {
  -ms-flex-align: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.modal .dialog__container {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.modal-dialog:before {
  display: none;
}
.modal-dialog {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: auto;
  margin-bottom: auto;
}
.modal-content {
  overflow: auto;
  max-height: 90vh;
}
.modal-dialog-centered {
  min-height: 0;
}
@media (min-width: 992px) {
  .modal-md {
    max-width: 700px;
  }
}
.modal-content {
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .dialog--md .modal-dialog,
  .modal--md .modal-dialog {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .dialog--lg .modal-dialog,
  .modal--lg .modal-dialog {
    max-width: 1000px;
  }
}
.modal-backdrop {
  z-index: 1045;
}
[data-toggle="modal"] {
  cursor: pointer;
}
@media (max-width: 1440px) {
  [data-dialog-name="Limits"] .dialog__body {
    padding-bottom: 24px;
  }
  .dialog__header {
    padding: 24px 64px;
  }
}
@media (max-height: 650px) {
  [data-dialog-name="Limits"] .dialog__body {
    padding-bottom: 24px;
  }
  .dialog__header {
    padding: 24px 64px;
  }
}
.auth__box .dialog__close {
  display: none;
}
.rtl .dialog__action .btn + .btn,
.rtl .dialog__action a + .btn,
.rtl .dialog__actions .btn + .btn,
.rtl .dialog__actions a + .btn {
  margin-left: 0;
  margin-right: 12px;
}
.rtl .dialog__footer .btn + .btn,
.rtl .dialog__footer a + .btn {
  margin-left: 0;
  margin-right: 24px;
}
.social-auth .social-auth--icon-buttons {
  text-align: left;
}
.social-auth .social-auth--icon-buttons .auth-clients {
  margin-bottom: 0;
}
.social-auth .social-auth--big-buttons {
  text-align: center;
}
.social-auth .social-auth--big-buttons .btn {
  border-radius: 8px;
}
.social-auth .social-auth--big-buttons .auth-clients {
  overflow: visible;
}
.social-auth .social-auth--big-buttons .auth-clients li {
  width: 100%;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  padding: 6px 24px;
  border-radius: 8px;
  text-decoration: none;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link.google {
  background-color: #fff;
  border: 0.5px solid #e5322d;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link.google:focus,
.social-auth .social-auth--big-buttons .auth-clients .auth-link.google:hover {
  border-color: #161616;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link.facebook {
  border: 0.5px solid rgba(0, 0, 0, 0);
  background-color: #3b5998;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link.facebook:focus,
.social-auth .social-auth--big-buttons .auth-clients .auth-link.facebook:hover {
  border-color: #161616;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link.sso {
  background-color: #fff;
  border: 0.5px solid #85858e;
}
.social-auth .social-auth--big-buttons .auth-clients .auth-link.sso:focus,
.social-auth .social-auth--big-buttons .auth-clients .auth-link.sso:hover {
  border: 0.5px solid #161616;
}
.social-auth .social-auth--big-buttons .auth-clients span.auth-link {
  cursor: pointer;
}
.social-auth .social-auth--big-buttons .auth-icon {
  margin: 0;
  width: 24px;
  height: 24px;
}
.social-auth .social-auth--big-buttons .auth-icon.google {
  background-image: url(../img/svg_icons/auth_google--sm.svg);
}
.social-auth .social-auth--big-buttons .auth-icon.facebook {
  background-image: url(../img/svg_icons/auth_facebook--sm.svg);
}
.social-auth .social-auth--big-buttons .auth-icon.sso {
  background-image: url(../img/svg_icons/sso--sm.svg);
}
.social-auth .auth-link * + .auth-link__text {
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media (max-width: 840px) {
  .social-auth .auth-link * + .auth-link__text {
    display: none;
  }
}
.social-auth .auth-link.google .auth-link__text {
  color: #161616;
}
.social-auth .auth-link.facebook .auth-link__text {
  color: #fff;
}
.social-auth .auth-link.sso .auth-link__text {
  color: #161616;
}
.social-auth .auth-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50%;
}
.social-auth .auth-icon.google {
  background-image: url(../img/svg_icons/auth_google.svg);
}
.social-auth .auth-icon.twitter {
  background-position: 0 -68px;
}
.social-auth .auth-icon.yandex {
  background-position: 0 -102px;
}
.social-auth .auth-icon.vkontakte {
  background-position: 0 -136px;
}
.social-auth .auth-icon.facebook {
  background-image: url(../img/svg_icons/auth_facebook.svg);
}
.social-auth .auth-icon.linkedin {
  background-position: 0 -204px;
}
.social-auth .auth-icon.github {
  background-position: 0 -238px;
}
.social-auth .auth-icon.live {
  background-position: 0 -272px;
}
.social-auth .auth-clients {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 24px;
  list-style: none;
  overflow: auto;
}
.social-auth .auth-clients li {
  display: block;
  margin: 0 12px 0 0;
  text-align: center;
}
.social-auth .auth-clients li:last-child {
  margin-right: 0;
}
.social-auth .auth-clients a {
  display: -ms-flexbox;
  display: flex;
}
.social-auth .auth-list .nav__link .auth-email {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.social-auth .auth-list .nav__link .delete {
  margin-left: auto;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
  cursor: pointer;
}
.social-auth .auth-list .nav__link .delete path,
.social-auth .auth-list .nav__link .delete svg {
  fill: #47474f;
}
.social-auth .auth-list .nav__link:hover .delete {
  opacity: 1;
}
p + .social-auth {
  margin-top: 24px;
}
body.lang-ru .auth-link__text {
  font-size: 12px;
}
.sso.auth-link .auth-link__text {
  text-transform: uppercase;
}
.card-list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 48px;
}
@media (max-width: 767.98px) {
  .card-list {
    row-gap: 32px;
  }
}
.card-list--big-gap {
  row-gap: 64px;
}
.card {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 32px 32px 48px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px 0 hsla(0, 0%, 9%, 0.1);
  box-shadow: 0 5px 30px 0 hsla(0, 0%, 9%, 0.1);
  margin-bottom: 32px;
}
.card--fill {
  height: calc(100% - 32px);
}
.card--fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.card .card:not(.card--shadow) {
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .card {
    padding: 24px 24px 32px;
  }
}
.card__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #33333b;
}
@media (max-width: 991.98px) {
  .card__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .card__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.card__title > svg {
  margin-right: 12px;
}
.card__subtitle {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  display: block;
  color: #47474f;
  margin-top: 4px;
}
@media (max-width: 991.98px) {
  .card__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  .card__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.card__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebf4;
}
.card__header > :first-child {
  display: inline-block;
  margin-right: auto;
}
.card__header .row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
}
.card__header__action {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #e5322d;
}
@media (max-width: 991.98px) {
  .card__header__action {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  .card__header__action {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1365.98px) {
  .card__header__action .btn-link {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 991.98px) {
  .card__header__action .btn-link {
    font-size: 13px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .card__header__action .btn-link {
    font-size: 12px;
    line-height: 14px;
  }
}
.card__body__section {
  margin-top: 32px;
}
.card__body__section:not(:first-of-type) {
  padding-top: 24px;
  border-top: 1px solid #f5f5fa;
}
.card__body input,
.card__body select {
  width: 100%;
  max-width: 180px;
}
.card__body + .card__body {
  margin-top: 24px;
  border-top: 1px solid #f5f5fa;
  padding-top: 24px;
}
.card__actions {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px 24px;
}
.card__actions > p {
  margin-right: auto;
}
.card__actions .btn {
  min-width: auto;
  width: auto;
  margin: 0;
}
.card__footer {
  font-size: 12px;
  border: 0;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}
.card__footer > :last-child {
  margin-left: auto;
}
.card__extra {
  position: absolute;
  bottom: -10px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  left: 0;
  width: 100%;
  font-size: 12px;
  color: #707078;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 16px;
}
.card__top {
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 16px;
  right: 16px;
  padding-left: inherit;
  padding-right: inherit;
  border-top-right-radius: 8px;
  background-color: #e5322d;
  font-weight: 500;
}
.card__ribbon,
.card__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  height: 24px;
  border-top-left-radius: 8px;
  color: #fff;
  font-size: 12px;
}
.card__ribbon {
  right: 4px;
  padding: 0 12px;
  background-color: #4acd86;
  border-bottom-left-radius: 8px;
  font-weight: 600;
}
.card__ribbon:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  border-top: 12px solid #1d9d58;
  border-right: 12px solid rgba(0, 0, 0, 0);
}
.card--input .card__body input,
.card--input .card__body select {
  max-width: none;
}
.card--flat {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.card--full {
  height: calc(100% - 16px);
}
.card .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin-left: -24px;
  margin-right: -24px;
  padding: 0;
}
.card .nav__item {
  display: block;
  width: 100%;
  color: #6f727d;
  min-height: 44px;
}
.card .nav__item i,
.card .nav__item svg {
  margin-right: 12px;
  width: 24px;
}
.card .nav__item > * {
  padding-left: 24px;
  padding-right: 24px;
}
.card .nav__item .ico {
  display: inline-block;
  margin-right: 12px;
  margin-left: 4px;
  width: 20px;
  vertical-align: text-bottom;
}
.card .row .form__group {
  margin-bottom: 24px;
}
.rtl .card__title > svg {
  margin-left: 12px;
  margin-right: 0;
}
input,
label,
select {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
@media (max-width: 991.98px) {
  input,
  label,
  select {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  input,
  label,
  select {
    font-size: 16px;
    line-height: 20px;
  }
}
label {
  font-weight: 500;
}
input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #707078;
  border-radius: 4px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #47474f;
  -webkit-transition: border-color 0.15s ease-in-out,
    background-color 0.15s ease-in-out;
  -o-transition: border-color ease-in-out 0.15s,
    background-color ease-in-out 0.15s;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  height: 44px;
  padding: 4px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 991.98px) {
  input,
  select,
  textarea {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767.98px) {
  input,
  select,
  textarea {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 36em) {
  input,
  select,
  textarea {
    font-size: 12px;
    height: 32px;
    padding: 0 8px;
  }
}
input:hover,
select:hover,
textarea:hover {
  border-color: #161616;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #161616;
  color: #292931;
  background-color: #f5f5fa;
}
input.error,
select.error,
textarea.error {
  border-color: #e5322d;
  color: #e5322d;
}
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled] {
  opacity: 0.4;
}
.input {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input--icon {
  position: relative;
}
.input--icon:before {
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ccc;
  display: block;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media (max-width: 36em) {
  .input--icon:before {
    left: 8px;
  }
}
.input--icon:disabled:before {
  opacity: 0.4;
}
.input--icon .input,
.input--icon input,
.input--icon select {
  padding-left: 36px;
}
.input--icon select.input {
  text-indent: 8px;
}
.input--icon.input--sm {
  height: auto;
}
.input--icon.input--sm .input,
.input--icon.input--sm input,
.input--icon.input--sm select {
  height: 32px;
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 32px;
}
.input--icon-reverse {
  position: relative;
}
.input--icon-reverse .input__icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input--icon-reverse input,
.input--icon-reverse select {
  padding-right: 36px;
}
.input--user .input__icon,
.input--user:before {
  background-image: url(../img/input/user.svg);
}
.input--lock .input__icon,
.input--lock:before,
.input--pwd .input__icon,
.input--pwd:before {
  background-image: url(../img/input/secure.svg);
}
.input--key .input__icon,
.input--key:before {
  background-image: url(../img/input/key.svg);
}
.input--mobile .input__icon,
.input--mobile:before {
  background-image: url(../img/input/mobile.svg);
}
.input--search .input__icon,
.input--search:before {
  background-image: url(../img/input/search.svg);
}
.input--email .input__icon,
.input--email:before {
  background-image: url(../img/input/email.svg);
}
.input--world .input__icon,
.input--world:before {
  background-image: url(../img/input/world.svg);
}
.input--url .input__icon,
.input--url:before {
  background-image: url(../img/input/url.svg);
}
.input--clip .input__icon,
.input--clip:before {
  background-image: url(../img/input/clip.svg);
}
.input--lg {
  font-size: 14px;
  height: 45px;
  padding: 10px 16px;
  line-height: 1.33;
}
.input--error,
.input.error {
  border-color: #fb7876;
}
.input--error:before,
.input.error:before {
  color: #fb7876;
}
.input--error .input,
.input--error .input:focus,
.input.error .input,
.input.error .input:focus {
  border-color: #e90003;
}
.input--valid,
.input.valid {
  border-color: #4acd86;
}
.input--valid:before,
.input.valid:before {
  color: #4acd86;
}
.input--valid .input,
.input--valid .input:focus,
.input.valid .input,
.input.valid .input:focus {
  border-color: #4acd86;
}
textarea {
  width: 100%;
}
input[type="number"],
select[type="number"] {
  width: 72px;
  text-align: right;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 8px 24px 8px 12px;
  position: relative;
  top: 2px;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select[type="number"]::-webkit-inner-spin-button,
select[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0) url(../img/svg_icons/number.svg) no-repeat 50%;
  margin: 0;
  width: 24px;
  opacity: 0.8;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
input[type="number"]::-webkit-inner-spin-button:active,
input[type="number"]::-webkit-inner-spin-button:hover,
select[type="number"]::-webkit-inner-spin-button:active,
select[type="number"]::-webkit-inner-spin-button:hover {
  opacity: 1;
}
input[type="number"].input--sm::-webkit-inner-spin-button,
input[type="number"].input--sm::-webkit-outer-spin-button,
select[type="number"].input--sm::-webkit-inner-spin-button,
select[type="number"].input--sm::-webkit-outer-spin-button {
  background: rgba(0, 0, 0, 0) url(../img/svg_icons/number-sm.svg) no-repeat
    50%;
}
input[type="number"].input--xs::-webkit-inner-spin-button,
input[type="number"].input--xs::-webkit-outer-spin-button,
select[type="number"].input--xs::-webkit-inner-spin-button,
select[type="number"].input--xs::-webkit-outer-spin-button {
  background: rgba(0, 0, 0, 0) url(../img/svg_icons/number-xs.svg) no-repeat
    50%;
}
input[type="color"],
select[type="color"] {
  -webkit-appearance: none;
  border: 1px solid #ebebf4;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
  margin: 5px;
  vertical-align: bottom;
}
input[type="color"]::-webkit-color-swatch-wrapper,
select[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type="color"]::-webkit-color-swatch,
select[type="color"]::-webkit-color-swatch {
  border: none;
}
::-webkit-input-placeholder {
  color: #9999a2;
}
::-moz-placeholder {
  color: #9999a2;
}
:-ms-input-placeholder {
  color: #9999a2;
}
:-moz-placeholder {
  color: #9999a2;
}
.input--sm {
  height: 32px;
}
.input--sm[type="color"] {
  margin: 0;
  width: 32px;
  height: 32px;
}
.input--xs {
  height: 24px;
  font-size: 12px;
  line-height: 16px;
  padding: 0 12px;
}
.input--xs[type="color"] {
  margin: 0;
  width: 24px;
  height: 24px;
}
label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.rtl input[type="email"],
.rtl select[type="email"] {
  direction: ltr;
  text-align: right;
}
input[type="range"],
select[type="range"] {
  padding: 0;
  -webkit-appearance: none;
  -moz-apperance: none;
  border-radius: 6px;
  height: 4px !important;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #e5322d),
    color-stop(1, #004083)
  );
}
input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-thumb,
select[type="range"]::-moz-range-thumb,
select[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #e5322d;
  border: 1px solid #e5322d;
  height: 12px;
  width: 12px;
  border-radius: 100%;
}
.checkbox label {
  font-weight: 400;
}
.checkbox label p + p {
  margin-top: 4px;
}
.checkbox [type="checkbox"]:checked,
.checkbox [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
}
.checkbox [type="checkbox"] + label {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -ms-flex-align: start;
  align-items: flex-start;
}
.checkbox [type="checkbox"] + label > img {
  margin: 0 12px;
}
.checkbox [type="checkbox"] + label * {
  margin: 0 4px;
}
.checkbox [type="checkbox"]:checked + label,
.checkbox [type="checkbox"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
}
.checkbox [type="checkbox"]:checked + label:before,
.checkbox [type="checkbox"]:not(:checked) + label:before {
  content: "";
  width: 24px;
  height: 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  border: 1px solid #707078;
  border-radius: 4px;
  background: #fff;
  margin-right: 12px;
  display: block;
  margin-top: -2px;
}
.checkbox [type="checkbox"]:checked + label:after,
.checkbox [type="checkbox"]:not(:checked) + label:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: url(../img/items/check_ok.svg);
  background-position: 50%;
  background-repeat: no-repeat;
}
.checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.checkbox [type="checkbox"]:disabled:checked + label:before,
.checkbox [type="checkbox"]:disabled:not(:checked) + label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkbox [type="checkbox"]:disabled:checked + label:after {
  background-image: url(../img/items/check_disabled.svg);
}
.checkbox [type="checkbox"]:disabled + label {
  opacity: 0.4;
  cursor: not-allowed;
}
.checkbox [type="checkbox"]:checked:focus + label:before,
.checkbox [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #292931;
}
.checkbox [type="checkbox"]:checked + label:before {
  border-color: #4acd86;
}
.checkbox [type="checkbox"]:focus:checked + label:before {
  border-color: #1d9d58;
}
.checkbox small {
  display: block;
}
.checkbox--sm [type="checkbox"] + label {
  height: 16px;
  -ms-flex-align: center;
  align-items: center;
}
.checkbox--sm [type="checkbox"]:checked + label:after,
.checkbox--sm [type="checkbox"]:checked + label:before,
.checkbox--sm [type="checkbox"]:not(:checked) + label:after,
.checkbox--sm [type="checkbox"]:not(:checked) + label:before {
  width: 16px;
  height: 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  background-size: 12px 12px;
}
.checkbox-collapsible {
  margin-top: 24px;
  overflow: hidden;
  display: none;
}
.checkbox input[type="checkbox"]:checked ~ .checkbox-collapsible,
.checkbox select[type="checkbox"]:checked ~ .checkbox-collapsible {
  display: block;
}
select {
  border-radius: 4px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
select,
select.input {
  border-radius: 4px;
  -webkit-appearance: none;
  background-image: url(../img/svg_icons/select.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding: 4px 32px 4px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select.error,
select.input.error {
  border-color: #e5322d;
}
select.input--xs {
  padding: 0 22px 2px 12px;
  background-image: url(../img/svg_icons/select-xs.svg);
  background-position: right 6px center;
}
select.simple {
  border: 0;
  -webkit-appearance: none;
  background: url(../img/svg_icons/select-simple.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding: 2px 28px 2px 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.rtl select,
.rtl select.input {
  padding: 4px 12px 4px 44px;
  background-position: left 10px center;
}
.radio-list {
  display: -ms-flexbox;
  display: flex;
  gap: 12px 24px;
}
.radio-list--vertical {
  -ms-flex-direction: column;
  flex-direction: column;
}
.radio-list--vertical .radio {
  margin-left: 24px;
}
.radio [type="radio"]:checked,
.radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.radio [type="radio"] + label {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -ms-flex-align: start;
  align-items: flex-start;
}
.radio [type="radio"]:checked + label,
.radio [type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
}
.radio [type="radio"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label:before {
  content: "";
  width: 22px;
  height: 22px;
  -ms-flex: 0 0 22px;
  flex: 0 0 22px;
  border: 1px solid #707078;
  border-radius: 100%;
  background: #fff;
  margin-right: 12px;
  margin-top: 0;
  display: block;
}
@media (max-width: 36em) {
  .radio [type="radio"]:checked + label:before,
  .radio [type="radio"]:not(:checked) + label:before {
    width: 16px;
    height: 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    margin-top: 3px;
  }
}
.radio [type="radio"]:checked + label:hover:before,
.radio [type="radio"]:not(:checked) + label:hover:before {
  border: 1px solid #161616;
}
.radio [type="radio"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 4px;
  left: 4px;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px;
  font-size: 16px;
  line-height: 16px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #4acd86;
  border-radius: 100%;
}
@media (max-width: 36em) {
  .radio [type="radio"]:checked + label:after,
  .radio [type="radio"]:not(:checked) + label:after {
    width: 8px;
    height: 8px;
    top: 7px;
  }
}
.radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radio [type="radio"]:disabled:checked + label:before,
.radio [type="radio"]:disabled:not(:checked) + label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.radio [type="radio"]:disabled:checked + label:after {
  background-image: url(../img/items/check_disabled.svg);
}
.radio [type="radio"]:disabled + label,
.radio [type="radio"]:disabled + label:after,
.radio [type="radio"]:disabled + label:before {
  opacity: 0.4;
}
.radio [type="radio"]:not(:checked):focus + label:before {
  border: 1px solid #707078;
}
.radio [type="radio"]:focus + label:before {
  border: 1px solid #4acd86;
}
.radio [type="radio"]:checked + label:before {
  border: 1px solid #1d9d58;
}
.radio-collapsible {
  margin-top: 24px;
  overflow: hidden;
  display: none;
}
.radio input[type="radio"]:checked ~ .radio-collapsible,
.radio select[type="radio"]:checked ~ .radio-collapsible {
  display: block;
}
.radio-btn-group {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  padding: 4px;
  background-color: #ebebf4;
}
.radio-btn-group,
.radio-btn label {
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
}
.radio-btn label {
  position: relative;
  min-width: 150px;
  height: 36px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 16px 10px;
  color: #d6d6df;
  cursor: pointer;
}
.radio-btn input,
.radio-btn select {
  display: none;
}
.radio-btn input:checked + label,
.radio-btn select:checked + label {
  color: #e5322d;
  font-weight: 600;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.switch {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 52px;
  height: 34px;
  overflow: hidden;
  padding: 12px;
  vertical-align: middle;
}
.switch > input,
.switch > select {
  display: none;
}
.switch > span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px;
  border-radius: 50%;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.switch > span:nth-child(2):hover {
  background-color: rgba(189, 6, 10, 0.2);
}
.switch > span:nth-child(2) > label:first-child {
  position: absolute;
  left: -100%;
  width: 300%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.switch > span:nth-child(2) > span:nth-child(2) {
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 50%;
}
.switch > span:nth-child(2) > span:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  padding: 9px;
  opacity: 0.5;
  z-index: 2;
}
.switch > span:nth-child(2) > span:nth-child(3):hover {
  background-color: #0ff;
}
.switch > span:nth-child(3) {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background-color: #ebebf4;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.switch > input:first-child:checked + span,
.switch > select:first-child:checked + span {
  left: 16px;
}
.switch > input:first-child:checked + span:nth-child(2) > span:nth-child(2),
.switch > select:first-child:checked + span:nth-child(2) > span:nth-child(2) {
  background-color: #bd060a;
}
.switch > input:first-child:checked ~ span:nth-child(3),
.switch > select:first-child:checked ~ span:nth-child(3) {
  background-color: #e5322d;
}
.formarea {
  padding: 12px;
  border-bottom: 1px solid #ebebf4;
  position: relative;
}
.formarea .handle {
  cursor: move;
  margin: 12px;
}
.formarea .d-flex {
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
}
.form-group {
  margin: 0;
}
.form-group label {
  display: block;
  margin-bottom: 8px;
}
.form-group + .form-group {
  margin-top: 12px;
}
.form-group + .form-group > .checkbox {
  margin-top: 24px;
}
.form__group + .form__group,
.form__group.form__group--spaced {
  margin-top: 8px;
}
.form__group__container {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form__group__container .title4 {
  font-weight: 400;
  margin-bottom: 8px;
  width: 100%;
}
.form__group__container .input--inline label {
  padding: 0;
}
.form__group label {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
@media (max-width: 36em) {
  .form__group label {
    margin-bottom: 0;
    margin-top: 4px;
  }
}
.form__group--inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.form__group--inline > * {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}
@media (max-width: 36em) {
  .form__group--inline > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.form__group--inline > .sp-replacer {
  -ms-flex: 0 0 42px;
  flex: 0 0 42px;
}
.form__group--inline > small {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.form__group--inline input,
.form__group--inline label,
.form__group--inline select,
.form__group--inline textarea {
  margin-bottom: 0;
}
.form__group--inline input[type="color"],
.form__group--inline select[type="color"] {
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  margin: 0;
}
.form__group--inline-3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form__group--inline-3 > * {
  max-width: 33.3%;
}
.form__group--inline-3 label {
  width: 33%;
}
.form__group--inline-3 output {
  text-align: right;
}
@media (max-width: 480px) {
  .form__group--inline-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.form__group--table {
  border-bottom: 1px solid #ebebf4;
  padding: 14px 0;
  display: -ms-flexbox;
  display: flex;
}
.form__group--table label {
  width: 50%;
  display: block;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .form__group--table label {
    width: 100%;
  }
}
.form__group--table .input--icon,
.form__group--table input,
.form__group--table select {
  display: inline-block;
  vertical-align: top;
}
.form__group--table input,
.form__group--table select,
.form__group--table textarea {
  margin-bottom: 0;
}
.form__group--table .input {
  width: auto;
}
@media (max-width: 480px) {
  .form__group--table .input {
    width: 100%;
  }
}
.form__group--table .input.color {
  width: 32px;
}
.form__group--table:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.form__group--table .column {
  width: 50%;
  display: block;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .form__group--table .column {
    width: 100%;
  }
}
.form__group--table .column > * {
  display: block;
  margin-bottom: 4px;
}
.form__group--lg .input--icon,
.form__group--lg input,
.form__group--lg select,
.form__group--lg textarea {
  display: block;
  margin-top: 8px;
  width: 100%;
}
.form__group--btn {
  display: -ms-flexbox;
  display: flex;
}
.form__group--btn input,
.form__group--btn select {
  border-radius: 4px 0 0 4px;
}
.form__group--btn .btn {
  margin: 0;
  border-radius: 0 4px 4px 0;
  height: 44px;
  line-height: 16px;
  min-height: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  min-width: 0;
}
@media (max-width: 36em) {
  .form__group--btn .btn {
    font-size: 12px;
    line-height: 14px;
    height: 32px;
    padding: 0 8px;
  }
}
.form__group--btn .btn svg {
  vertical-align: middle;
}
.form__group--btn .btn path,
.form__group--btn .btn svg {
  fill: #fff;
}
.form__group--btn .btn--sm {
  height: 32px;
}
.form__group--btn-lg .input--icon,
.form__group--btn-lg input,
.form__group--btn-lg select {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 36em) {
  .form__group--btn-lg .input--icon,
  .form__group--btn-lg input,
  .form__group--btn-lg select {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.form__group--boxed {
  border: 1px solid #707078;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  border-radius: 4px;
  padding-left: 8px;
  overflow: hidden;
  background: #fff;
}
.form__group--boxed label {
  margin-right: 12px;
  margin-bottom: 0;
}
.form__group--boxed .input,
.form__group--boxed input,
.form__group--boxed select {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  top: 0;
  border-left: 1px solid #707078;
}
.form__group--boxed :hover,
.form__group--boxed :hover .input,
.form__group--boxed :hover input,
.form__group--boxed :hover select {
  border-color: #161616;
}
.form__group .d-flex .input + .input {
  margin-left: 12px;
}
.form-actions {
  margin-top: 24px;
}
.form-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
label.visible-ie {
  display: none;
}
.form .checkbox,
.form .input {
  margin-bottom: 12px;
}
.input--inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.input--inline label {
  display: block;
  height: 28px;
  padding: 0 16px;
  line-height: 28px;
}
.input--inline input,
.input--inline label,
.input--inline select {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.form--cols {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.form--cols p {
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-left: 8px;
  margin-right: 8px;
}
.form--cols .input--inline {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 8px;
  margin-right: 8px;
}
label.error {
  margin-top: -8px;
  margin-bottom: 12px;
}
.has-error label,
label.error {
  color: #fb7876;
}
.has-error .input {
  border-color: #fb7876;
  margin-bottom: 0;
}
.has-error .help-block {
  color: #fb7876;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.form__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  margin-bottom: 25px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .form__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .form__title {
    font-size: 18px;
    line-height: 28px;
  }
}
textarea {
  min-height: 120px;
}
button[type="submit"] {
  margin-top: 24px;
}
.form-actions button[type="submit"] {
  margin-top: 0;
}
.form-group + .form-actions {
  margin-top: 32px;
}
form div.required label.control-label:after {
  content: " * ";
}
.sms__group {
  display: inline-block;
  font-size: 0;
  padding: 0;
  letter-spacing: 0;
  list-style: none;
  position: relative;
}
.sms__group .input--sms {
  border-radius: initial;
  z-index: 1;
  margin-left: -1px;
  position: relative;
}
.sms__group .input--sms:focus {
  z-index: 2;
}
.sms__group .input--sms:first-child {
  border-radius: 4px 0 0 4px;
}
.sms__group .input--sms:last-child {
  border-radius: 0 4px 4px 0;
}
.input--sms {
  width: 32px;
  display: inline-block;
  padding: 2px 2px 6px;
  text-align: center;
}
.iti input,
.iti input[type="tel"],
.iti input[type="text"],
.iti select,
.iti select[type="tel"],
.iti select[type="text"] {
  padding: 2px 52px 6px;
}
.form-control {
  height: 42px;
}
.form-control:focus {
  border-color: #161616;
}
.form-extra-info {
  margin-top: 4px;
  margin-bottom: -4px;
}
.form-extra-info a {
  text-decoration: none;
  font-weight: 400;
}
.rtl .form__group--boxed {
  padding-left: 0;
  padding-right: 12px;
}
.rtl .form__group--boxed label {
  margin-right: 0;
  margin-left: 12px;
}
.rtl .form__group--boxed .input,
.rtl .form__group--boxed input,
.rtl .form__group--boxed select {
  border-left: 0;
  border-right: 1px solid #707078;
}
.limit-modal .modal-header {
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.limit-modal .modal-header .modal-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  color: #33333b;
  color: #e5322d;
  text-align: center;
}
@media (max-width: 767.98px) {
  .limit-modal .modal-header .modal-title {
    font-size: 24px;
    line-height: 34px;
  }
}
.limit-modal .modal-content {
  border-radius: 8px 0 0 8px;
}
.limit-modal #modalLeft {
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  min-height: 70vh;
  max-height: 80vh;
  padding: 12px 52px;
  overflow: auto;
}
.limit-modal #modalLeft .card {
  margin-bottom: 0;
}
.limit-modal #modalLeft .card--login,
.limit-modal #modalLeft .card--payment,
.limit-modal #modalLeft .card--ready,
.limit-modal #modalLeft .card--register {
  height: auto !important;
}
.limit-modal .auth__box {
  width: inherit;
  padding: 0;
  text-align: center;
  min-width: 444px;
  margin: auto;
}
.limit-modal .auth__box form button {
  margin-top: 8px;
}
.limit-modal #modalRight {
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  text-align: center;
  border-radius: 0 8px 8px 0;
}
.limit-modal #modalRight .title {
  text-align: center;
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  color: #fff;
}
@media (max-width: 991.98px) {
  .limit-modal #modalRight .title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .limit-modal #modalRight .title {
    font-size: 18px;
    line-height: 28px;
  }
}
.limit-modal #modalRight .title2 {
  text-align: center;
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  color: #fff;
}
@media (max-width: 991.98px) {
  .limit-modal #modalRight .title2 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .limit-modal #modalRight .title2 {
    font-size: 18px;
    line-height: 28px;
  }
}
.limit-modal #modalRight .auth__box {
  max-width: 354px;
  padding: 38px 24px;
}
.limit-modal .auth__info__more {
  color: #fff;
}
.limit-modal .modal-content:first-child {
  -ms-flex: 0 0 600px;
  flex: 0 0 600px;
}
.limit-modal .card {
  text-align: center;
}
.limit-modal .pricing__price__numbers {
  color: #161616;
}
.limit-modal .auth-clients {
  -ms-flex-pack: center;
  justify-content: center;
}
.limit-modal #modalLeft > * {
  display: none;
}
.limit-modal .card-block {
  padding: 4px;
  border-top: 0;
}
.limit-modal .auth__box .title1 {
  color: #fff;
}
.bd-toc {
  -ms-flex-order: 2;
  order: 2;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.875rem;
}
@supports (position: sticky) {
  .bd-toc {
    position: sticky;
    top: 4rem;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
  }
}
.section-nav {
  padding-left: 0;
  border-left: 1px solid #eee;
}
.section-nav ul {
  padding-left: 1rem;
}
.section-nav ul ul {
  display: none;
}
.toc-entry,
.toc-entry a {
  display: block;
}
.toc-entry a {
  padding: 0.125rem 1.5rem;
  color: #99979c;
}
.toc-entry a:hover {
  color: #4d90fe;
  text-decoration: none;
}
.bd-sidebar {
  -ms-flex-order: 0;
  order: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .bd-sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  @supports (position: sticky) {
    .bd-sidebar {
      position: sticky;
      top: 4rem;
      z-index: 1000;
      max-height: calc(100vh - 4rem);
    }
  }
}
@media (min-width: 1366px) {
  .bd-sidebar {
    max-width: 320px;
  }
}
.bd-links {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  @supports (position: sticky) {
    .bd-links {
      max-height: calc(100vh - 9rem);
      overflow-y: auto;
    }
  }
}
@media (min-width: 768px) {
  .bd-links {
    display: block !important;
  }
}
.bd-search {
  position: relative;
  padding: 1rem 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.bd-search .form-control:focus {
  border-color: #9999a2;
  -webkit-box-shadow: 0 0 0 3px hsla(240, 5%, 62%, 0.25);
  box-shadow: 0 0 0 3px hsla(240, 5%, 62%, 0.25);
}
.bd-search-docs-toggle {
  line-height: 1;
  color: #fff;
}
.bd-sidenav {
  display: none;
}
.bd-toc-link {
  display: block;
  padding: 0.25rem 1.5rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
}
.bd-toc-link:hover {
  color: rgba(0, 0, 0, 0.85);
  text-decoration: none;
}
.bd-toc-item.active {
  margin-bottom: 1rem;
}
.bd-toc-item.active:not(:first-child) {
  margin-top: 1rem;
}
.bd-toc-item.active > .bd-toc-link {
  color: rgba(0, 0, 0, 0.85);
}
.bd-toc-item.active > .bd-toc-link:hover {
  background-color: rgba(0, 0, 0, 0);
}
.bd-toc-item.active > .bd-sidenav {
  display: block;
}
.bd-sidebar .nav > li > a {
  display: block;
  padding: 0.25rem 1.5rem;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.65);
}
.bd-sidebar .nav > li > a:hover {
  color: rgba(0, 0, 0, 0.85);
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
}
.bd-sidebar .nav > .active:hover > a,
.bd-sidebar .nav > .active > a {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  background-color: rgba(0, 0, 0, 0);
}
.card .nav.nav-tabs,
.nav.nav-tabs {
  border-color: #d6d6df;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0;
}
.card .nav.nav-tabs .nav-link,
.nav.nav-tabs .nav-link {
  font-weight: 400;
  border-radius: 0;
  text-decoration: none;
  color: #161616;
  padding: 12px 24px;
  margin-bottom: 0;
  border-top-width: 3px;
  border-color: rgba(0, 0, 0, 0);
}
@media (max-width: 62em) {
  .card .nav.nav-tabs .nav-link,
  .nav.nav-tabs .nav-link {
    margin-bottom: 0;
  }
}
.card .nav.nav-tabs .nav-link:hover,
.nav.nav-tabs .nav-link:hover {
  background: rgba(0, 0, 0, 0.05);
}
.card .nav.nav-tabs .nav-link.active,
.nav.nav-tabs .nav-link.active {
  background: #fff;
  border-color: #e5322d #d6d6df #fff;
  font-weight: 500;
}
.card .nav.nav-tabs .nav-link svg,
.nav.nav-tabs .nav-link svg {
  margin-bottom: -3px;
  margin-right: 8px;
  display: inline-block;
}
.card .nav.nav-tabs .nav-link.disabled,
.nav.nav-tabs .nav-link.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.card .nav.nav-tabs .nav-link .badge,
.nav.nav-tabs .nav-link .badge {
  margin-left: 8px;
  display: inline;
}
.card .nav.nav-tabs--dark .nav-link.active,
.card .nav.nav-tabs--dark .nav-link.active:hover,
.nav.nav-tabs--dark .nav-link.active,
.nav.nav-tabs--dark .nav-link.active:hover {
  background: #f5f5fa;
  border-bottom-color: #f5f5fa;
}
.card .tab-content > .active,
.tab-content > .active {
  background: #fff;
  padding: 32px 24px;
  border: 1px solid #d6d6df;
  border-top: 0 solid #d6d6df;
}
.card .tab-content .card,
.tab-content .card {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.card .tab-content--dark > .active,
.tab-content--dark > .active {
  background: #f5f5fa;
}
.modal ::-webkit-scrollbar-track,
.tool ::-webkit-scrollbar-track,
ul ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5fa;
}
.modal ::-webkit-scrollbar,
.tool ::-webkit-scrollbar,
ul ::-webkit-scrollbar {
  z-index: 50;
  width: 4px;
  height: 4px;
  background-color: #e5322d;
}
.modal ::-webkit-scrollbar-thumb,
.tool ::-webkit-scrollbar-thumb,
ul ::-webkit-scrollbar-thumb {
  background-color: #e5322d;
  border: 1px solid #e5322d;
  border-radius: 8px;
}
.ilove-backdrop,
.wait,
.waitMsg,
.waitMsgError {
  display: none;
  position: absolute;
  color: #fff;
  z-index: 6999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 150px;
  min-height: 150px;
  background: rgba(0, 0, 0, 0.8);
  padding-bottom: 180px;
}
.ilove-backdrop > *,
.wait > *,
.waitMsg > *,
.waitMsgError > * {
  color: #fff;
}
.ilove-backdrop--animated,
.wait--animated,
.waitMsg--animated,
.waitMsgError--animated {
  display: block;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
}
.ilove-backdrop--visible,
.wait--visible,
.waitMsg--visible,
.waitMsgError--visible {
  display: block;
  pointer-events: auto;
  opacity: 1;
}
.ilove-backdrop {
  padding: 0;
}
.ilove-backdrop__title {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin-bottom: 20px;
}
.ilove-backdrop__subtitle {
  cursor: pointer;
  text-decoration: underline;
}
.ilove-backdrop__content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ilove-backdrop__content,
.wait {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.wait {
  font-size: 16px;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.8) url(../img/svg_icons/wait.svg) no-repeat 50%;
  background-size: 120px;
}
.wait--sm {
  background-size: 60px;
}
.loading {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../img/svg_icons/wait_d.svg) no-repeat 50%;
  background-size: 42px;
  width: 42px;
  height: 42px;
  margin: 42px auto;
}
.waitMsg .title2,
.waitMsgError .title2 {
  margin-top: 20vh;
}
.waitMsgError img,
.waitMsgError svg,
.waitMsg img,
.waitMsg svg {
  margin: 24px;
}
.tool__workarea.waiting {
  overflow: hidden;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.6);
  }
  30% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
    box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
  }
  40% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
    box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
  }
  to {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.1);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.6);
  }
  30% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
    box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
  }
  40% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
    box-shadow: 0 0 0 60px rgba(255, 106, 88, 0.1);
  }
  to {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 106, 88, 0.1);
  }
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
.shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 32px auto;
  -webkit-box-shadow: inset 0 0 0 #7ac142;
  box-shadow: inset 0 0 0 #7ac142;
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes slideIn {
  to {
    left: 0;
  }
}
@keyframes slideIn {
  to {
    left: 0;
  }
}
@-webkit-keyframes slideOutLeft {
  to {
    left: -100%;
  }
}
@keyframes slideOutLeft {
  to {
    left: -100%;
  }
}
@-webkit-keyframes slideOutRight {
  to {
    left: 100%;
  }
}
@keyframes slideOutRight {
  to {
    left: 100%;
  }
}
@-webkit-keyframes backgroundAnimate {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes backgroundAnimate {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@-webkit-keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes scale {
  0%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes scale {
  0%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes fill {
  to {
    -webkit-box-shadow: inset 0 0 0 30px #7ac142;
    box-shadow: inset 0 0 0 30px #7ac142;
  }
}
@keyframes fill {
  to {
    -webkit-box-shadow: inset 0 0 0 30px #7ac142;
    box-shadow: inset 0 0 0 30px #7ac142;
  }
}
.slider__element__custom [data-select-text] {
  margin-left: 24px;
}
@media (max-width: 1365.98px) {
  .slider__element__custom [data-select-text] {
    font-size: 14px;
    margin-left: 18px;
  }
}
@media (max-width: 991.98px) {
  .slider__element__custom [data-select-text] {
    font-size: 13px;
    margin-left: 16px;
  }
}
@media (max-width: 767.98px) {
  .slider__element__custom [data-select-text] {
    font-size: 12px;
    margin-left: 12px;
  }
}
.slider__element__slider {
  position: relative;
  padding-top: 24px;
}
.slider__element__slider:before {
  content: attr(data-min);
  left: 0;
}
.slider__element__slider:after,
.slider__element__slider:before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  color: #161616;
}
.slider__element__slider:after {
  content: attr(data-max);
  right: 0;
}
.slider__element__slider.invalid .payment-period__slider__element__bubble {
  background-color: #85858e;
}
.slider__element__slider.invalid
  .payment-period__slider__element__bubble:before {
  border-bottom-color: #85858e;
}
.slider__element__slider.invalid input[type="range"]::-moz-range-thumb,
.slider__element__slider.invalid input[type="range"]::-webkit-slider-thumb,
.slider__element__slider.invalid select[type="range"]::-moz-range-thumb,
.slider__element__slider.invalid select[type="range"]::-webkit-slider-thumb {
  background-color: #85858e !important;
}
.slider__element__slider-datalist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - 12px);
  height: 3px;
  background-color: #025057;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider__element__slider-datalist__option {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
  background-color: #025057;
  border-radius: 9999px;
}
.slider__element__slider-datalist__option:first-child,
.slider__element__slider-datalist__option:last-child {
  width: 3px;
  height: 17px;
}
.slider__element__bubble {
  position: absolute;
  padding: 8px 26px;
  top: 52px;
  color: #fff;
  border-radius: 4px;
  background-color: #0062c5;
  white-space: nowrap;
}
.slider__element input[type="range"],
.slider__element select[type="range"] {
  -webkit-appearance: none;
  position: relative;
  width: 100%;
  height: 4px;
  border: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  margin-bottom: 72px;
  top: -14px;
  cursor: pointer;
}
.slider__element input[type="range"]::-moz-range-thumb,
.slider__element input[type="range"]::-webkit-slider-runnable-track,
.slider__element input[type="range"]::-webkit-slider-thumb,
.slider__element select[type="range"]::-moz-range-thumb,
.slider__element select[type="range"]::-webkit-slider-runnable-track,
.slider__element select[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #0062c5;
  border: 1px solid #0062c5;
  height: 12px;
  width: 12px;
  border-radius: 100%;
}
.slider__element input[type="range"]::-webkit-slider-thumb,
.slider__element select[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #0062c5;
  border: 1px solid #0062c5;
  height: 12px;
  width: 12px;
  border-radius: 100%;
}
.slider__element .payment-period__slider__element__bubble {
  position: absolute;
  padding: 8px 26px;
  top: 42px;
  color: #fff;
  border-radius: 4px;
  background-color: #0062c5;
}
.slider__element .payment-period__slider__element__bubble:before {
  content: "";
  position: absolute;
  top: 1px;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: 0;
  height: 0;
  left: calc(50% + var(--left));
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid #0062c5;
}
.title4 + .slider__element {
  margin-top: 12px;
}
.sortable-chosen {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.sortable-chosen .tooltip.before,
.sortable-chosen.tooltip:after,
.sortable-chosen .tooltip:after,
.sortable-chosen.tooltip:before {
  display: none;
}
.colpick {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 346px;
  height: 170px;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  direction: ltr;
  background: #fff;
  border: 1px solid #adadb6;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.colpick,
.colpick_color {
  position: absolute;
  overflow: hidden;
}
.colpick_color {
  left: 7px;
  top: 7px;
  width: 156px;
  height: 156px;
  outline: 1px solid #aaa;
  cursor: crosshair;
}
.colpick_color_overlay1 {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #fff),
    color-stop(100%, hsla(0, 0%, 100%, 0))
  );
  background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
  background: -o-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    to(hsla(0, 0%, 100%, 0))
  );
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#ffffff",endColorstr="#00ffffff");
}
.colpick_color_overlay1,
.colpick_color_overlay2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
}
.colpick_color_overlay2 {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(0, 0, 0, 0)),
    color-stop(100%, #000)
  );
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#000)
  );
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0);
}
.colpick_selector_outer {
  background: none;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -6px 0 0 -6px;
  border: 1px solid #000;
  border-radius: 50%;
}
.colpick_selector_inner {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.colpick_hue {
  position: absolute;
  top: 6px;
  left: 175px;
  width: 19px;
  height: 156px;
  border: 1px solid #aaa;
  cursor: n-resize;
}
.colpick_hue_arrs {
  position: absolute;
  left: -8px;
  width: 35px;
  height: 7px;
  margin: -7px 0 0;
}
.colpick_hue_larr {
  border-left: 7px solid #858585;
}
.colpick_hue_larr,
.colpick_hue_rarr {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid rgba(0, 0, 0, 0);
}
.colpick_hue_rarr {
  right: 0;
  border-right: 7px solid #858585;
}
.colpick_new_color {
  left: 207px;
}
.colpick_current_color,
.colpick_new_color {
  position: absolute;
  top: 6px;
  width: 60px;
  height: 27px;
  background: red;
  border: 1px solid #8f8f8f;
}
.colpick_current_color {
  left: 277px;
}
.colpick_field,
.colpick_hex_field {
  position: absolute;
  height: 20px;
  width: 60px;
  overflow: hidden;
  background: #f3f3f3;
  color: #b8b8b8;
  font-size: 12px;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
}
.colpick_rgb_r {
  top: 40px;
  left: 207px;
}
.colpick_rgb_g {
  top: 67px;
  left: 207px;
}
.colpick_rgb_b {
  top: 94px;
  left: 207px;
}
.colpick_hsb_h {
  top: 40px;
  left: 277px;
}
.colpick_hsb_s {
  top: 67px;
  left: 277px;
}
.colpick_hsb_b {
  top: 94px;
  left: 277px;
}
.colpick_hex_field {
  width: 68px;
  left: 207px;
  top: 121px;
}
.colpick_focus {
  border-color: #999;
}
.colpick_field_letter {
  position: absolute;
  width: 12px;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  background: #efefef;
  border-right: 1px solid #bdbdbd;
  font-weight: 700;
  color: #777;
}
.colpick_field input,
.colpick_field select,
.colpick_hex_field input,
.colpick_hex_field select {
  position: absolute;
  right: 11px;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
  text-align: right;
  outline: none;
}
.colpick_hex_field input,
.colpick_hex_field select {
  right: 4px;
}
.colpick_field_arrs {
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 21px;
  cursor: n-resize;
}
.colpick_field_uarr {
  top: 5px;
  border-bottom: 4px solid #959595;
}
.colpick_field_darr,
.colpick_field_uarr {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
}
.colpick_field_darr {
  bottom: 5px;
  border-top: 4px solid #959595;
}
.colpick_submit {
  position: absolute;
  left: 207px;
  top: 149px;
  width: 130px;
  height: 22px;
  line-height: 22px;
  background: #efefef;
  text-align: center;
  color: #555;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
}
.colpick_submit:hover {
  background: #f3f3f3;
  border-color: #999;
  cursor: pointer;
}
.colpick_full_ns .colpick_current_color,
.colpick_full_ns .colpick_submit {
  display: none;
}
.colpick_full_ns .colpick_new_color {
  width: 130px;
  height: 25px;
}
.colpick_full_ns .colpick_hsb_h,
.colpick_full_ns .colpick_rgb_r {
  top: 42px;
}
.colpick_full_ns .colpick_hsb_s,
.colpick_full_ns .colpick_rgb_g {
  top: 73px;
}
.colpick_full_ns .colpick_hsb_b,
.colpick_full_ns .colpick_rgb_b {
  top: 104px;
}
.colpick_full_ns .colpick_hex_field {
  top: 135px;
}
.colpick_rgbhex .colpick_hsb_b,
.colpick_rgbhex .colpick_hsb_h,
.colpick_rgbhex .colpick_hsb_s {
  display: none;
}
.colpick_rgbhex {
  width: 282px;
}
.colpick_rgbhex .colpick_field,
.colpick_rgbhex .colpick_submit {
  width: 68px;
}
.colpick_rgbhex .colpick_new_color {
  width: 34px;
  border-right: none;
}
.colpick_rgbhex .colpick_current_color {
  width: 34px;
  left: 240px;
  border-left: none;
}
.colpick_rgbhex_ns .colpick_current_color,
.colpick_rgbhex_ns .colpick_submit {
  display: none;
}
.colpick_rgbhex_ns .colpick_new_color {
  width: 68px;
  border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
  top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
  top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
  top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
  top: 135px;
}
.colpick_hex .colpick_hsb_b,
.colpick_hex .colpick_hsb_h,
.colpick_hex .colpick_hsb_s,
.colpick_hex .colpick_rgb_b,
.colpick_hex .colpick_rgb_g,
.colpick_hex .colpick_rgb_r {
  display: none;
}
.colpick_hex {
  width: 206px;
  height: 201px;
}
.colpick_hex .colpick_hex_field {
  width: 72px;
  height: 25px;
  top: 168px;
  left: 80px;
}
.colpick_hex .colpick_hex_field div,
.colpick_hex .colpick_hex_field input,
.colpick_hex .colpick_hex_field select {
  height: 25px;
  line-height: 25px;
}
.colpick_hex .colpick_new_color {
  left: 9px;
  top: 168px;
  width: 30px;
  border-right: none;
}
.colpick_hex .colpick_current_color {
  left: 39px;
  top: 168px;
  width: 30px;
  border-left: none;
}
.colpick_hex .colpick_submit {
  left: 164px;
  top: 168px;
  width: 30px;
  height: 25px;
  line-height: 25px;
}
.colpick_hex_ns .colpick_current_color,
.colpick_hex_ns .colpick_submit {
  display: none;
}
.colpick_hex_ns .colpick_hex_field {
  width: 80px;
}
.colpick_hex_ns .colpick_new_color {
  width: 60px;
  border: 1px solid #8f8f8f;
}
.colpick_dark {
  background: #161616;
  border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
  outline-color: #333;
}
.colpick_dark .colpick_hue {
  border-color: #555;
}
.colpick_dark .colpick_field,
.colpick_dark .colpick_hex_field {
  background: #101010;
  border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
  background: #131313;
  border-color: #2d2d2d;
  color: #696969;
}
.colpick_dark .colpick_field input,
.colpick_dark .colpick_field select,
.colpick_dark .colpick_hex_field input,
.colpick_dark .colpick_hex_field select {
  color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
  border-bottom-color: #696969;
}
.colpick_dark .colpick_field_darr {
  border-top-color: #696969;
}
.colpick_dark .colpick_focus {
  border-color: #444;
}
.colpick_dark .colpick_submit {
  background: #131313;
  border-color: #2d2d2d;
  color: #7a7a7a;
}
.colpick_dark .colpick_submit:hover {
  background-color: #101010;
  border-color: #444;
}
.toolpage .container {
  max-width: inherit;
  padding: 0;
}
.tool {
  height: calc(100vh - 60px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
  overflow-x: hidden;
}
.tool__header {
  padding: 6px 24px 30px;
}
.tool__header__title {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  color: #33333b;
  text-align: center;
}
@media (max-width: 767.98px) {
  .tool__header__title {
    font-size: 24px;
    line-height: 34px;
  }
}
.tool__header__subtitle {
  max-width: 800px;
  margin: 8px auto 0;
  line-height: 32px;
  font-size: 22px;
  font-weight: 400;
  color: #47474f;
}
@media (max-width: 991.98px) {
  .tool__header__subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .tool__header__subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.tool__header__small {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}
@media (max-width: 991.98px) {
  .tool__header__small {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .tool__header__small {
    font-size: 14px;
    line-height: 20px;
  }
}
.tool__header__small a,
.tool__header p > a {
  text-decoration: none;
  font-weight: inherit;
}
.tool__workarea {
  text-align: center;
  height: 100%;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex: 1 1;
  flex: 1 1;
  background-color: #f5f5fa;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.tool__workarea__rendered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
}
.tool__workarea__info {
  margin: 42px 24px 24px;
  width: 100%;
}
.tool__workarea > .wait {
  position: fixed;
}
.tool__sidebar {
  display: none;
  background: #fff;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0;
  -ms-flex: 0 0;
  flex: 0 0;
  position: relative;
  overflow-x: hidden;
}
.tool__sidebar__inactive {
  position: fixed;
  top: 0;
  right: 0;
  width: 440px;
  height: 100%;
  z-index: 1031;
  background: rgba(66, 63, 63, 0.8);
  display: none;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 10%;
}
@media (max-width: 1440px) {
  .tool__sidebar__inactive {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
    width: 380px;
  }
}
.tool__sidebar__inactive > * {
  margin: 12px;
}
.sidebar-active .container {
  max-width: inherit;
  padding: 0;
}
.sidebar-active .tool {
  -ms-flex-align: stretch;
  align-items: stretch;
}
.sidebar-active .tool__workarea .breadcrumb,
.sidebar-active .tool__workarea .tool__header,
.sidebar-active .tool__workarea hr {
  display: none;
}
.sidebar-active .tool__sidebar {
  -ms-flex-preferred-size: 440px;
  flex-basis: 440px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0 120px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
@media (max-width: 1440px) {
  .sidebar-active .tool__sidebar {
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
  }
}
.sidebar-active .footer {
  display: none;
}
.sidebar-active .sidetools {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 500px) {
  .sidebar-active .sidetools {
    right: 8px;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .sidebar-active .sidetools .uploader__extra {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    top: 0;
  }
  .sidebar-active .sidetools .uploader__extra a {
    margin-top: 0;
  }
}
@media (max-width: 840px) {
  .sidebar-active .sidetools {
    right: 8px;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .sidebar-active .sidetools .uploader__extra {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
  }
  .sidebar-active .tool__sidebar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    width: 300px;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .sidebar-active .tool__sidebar__inactive {
    width: 300px;
  }
  .sidebar-active .tool--toggle .sidetools {
    right: 312px;
  }
  .sidebar-active .tool--toggle .tool__sidebar {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#settingsRefresh span {
  margin-left: 8px;
}
#settingsToogle {
  display: none;
}
@media (max-width: 840px) {
  #settingsToogle {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
#goPremium,
#processTask,
#processTaskWrapper,
#settingsRefresh {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 392px;
  margin: 0;
  z-index: 1030;
  display: none;
  -webkit-box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.3);
  box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.3);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
@media (max-width: 1440px) {
  #goPremium,
  #processTask,
  #processTaskWrapper,
  #settingsRefresh {
    width: 330px;
  }
}
@media (max-width: 840px) {
  #goPremium,
  #processTask,
  #processTaskWrapper,
  #settingsRefresh {
    width: 270px;
    right: 10px;
  }
}
@media (max-width: 768px) {
  #goPremium,
  #processTask,
  #processTaskWrapper,
  #settingsRefresh {
    width: 200px;
  }
}
.rtl #goPremium,
.rtl #processTask,
.rtl #processTaskWrapper,
.rtl #settingsRefresh {
  right: auto;
  left: 24px;
}
@media (max-width: 840px) {
  .rtl #goPremium,
  .rtl #processTask,
  .rtl #processTaskWrapper,
  .rtl #settingsRefresh {
    right: auto;
    left: 10px;
  }
}
#goPremium,
#processTask,
#processTaskWrapper {
  min-height: 56px;
  font-size: 24px;
  line-height: 28px;
  border-radius: 12px;
  font-weight: 500;
  padding: 12px 24px;
}
#goPremium span,
#processTask span,
#processTaskWrapper span {
  height: 24px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  vertical-align: bottom;
  margin-left: 12px;
}
#goPremium span svg,
#processTask span svg,
#processTaskWrapper span svg {
  height: 24px;
  width: 24px;
}
@media (max-width: 1440px) {
  #goPremium,
  #processTask,
  #processTaskWrapper {
    font-size: 22px;
    line-height: 26px;
    min-height: 48px;
    padding: 8px 12px;
  }
}
@media (max-width: 768px) {
  #goPremium,
  #processTask,
  #processTaskWrapper {
    font-size: 16px;
    line-height: 20px;
    min-height: 40px;
    padding: 4px 8px;
    border-radius: 8px;
  }
  #goPremium span,
  #processTask span,
  #processTaskWrapper span {
    margin-left: 8px;
  }
  #goPremium span svg,
  #processTask span svg,
  #processTaskWrapper span svg {
    height: 16px;
    width: 16px;
  }
}
#processTask,
#settingsRefresh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
#processTask span,
#settingsRefresh span {
  display: -ms-flexbox;
  display: flex;
  min-height: inherit;
}
#settingsRefresh {
  display: none;
  bottom: 120px;
  min-height: inherit;
}
#processTaskWrapper {
  z-index: 1031;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
}
.tool-resizeimage .file,
.tool-resizeimage .page__element,
.tool-resizeimage .range__element {
  height: 284px;
}
@media (max-width: 1440px) {
  .tool-resizeimage .file,
  .tool-resizeimage .page__element,
  .tool-resizeimage .range__element {
    height: 220px;
  }
}
.tool-resizeimage .file__info {
  height: 46px;
}
@media (max-width: 1440px) {
  .tool-resizeimage .file__info {
    font-size: 12px;
  }
}
.tool-resizeimage .file__info__size {
  display: block;
  font-size: 12px;
}
.tool-resizeimage .file__info__size .tooltip--bottom:before {
  max-width: 300px;
  min-width: 200px;
  white-space: normal;
}
.tool-resizeimage .file__info__size__from {
  margin-right: -2px;
}
.tool-watermarkimage .file__btn.rotate {
  display: none;
}
.tool-imagepdf .file__canvas {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(50, 50, 50, 0.3);
  box-shadow: 0 3px 6px 0 rgba(50, 50, 50, 0.3);
}
.tool-imagepdf .file__canvas.fit {
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tool-imagepdf .file__canvas.fit canvas {
  background-color: rgba(0, 0, 0, 0);
}
.tool-imagepdf .file__canvas.margin canvas {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.tool-imagepdf .file__canvas.margin-large canvas {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.tool-error {
  max-width: 444px;
  margin: auto;
  text-align: left;
}
@media (max-width: 740px) {
  .tool-error {
    padding: 24px;
  }
}
.tool-error .title2 {
  margin-bottom: 32px;
  color: #e5322d;
}
.tool-error__content {
  margin-bottom: 42px;
}
.tool-error__action {
  text-align: right;
}
@media (max-width: 1440px) {
  .sidebar-active .tool--small #processTask,
  .sidebar-active .tool--small #processTaskWrapper {
    width: 252px;
  }
}
@media (max-width: 1440px) {
  .sidebar-active .tool--small .tool__sidebar,
  .sidebar-active .tool--small .tool__sidebar__inactive {
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    width: 300px;
  }
}
.sidebar-active .tool--small .sidetools {
  right: 464px;
  background-size: 440px;
}
@media (max-width: 1440px) {
  .sidebar-active .tool--small .sidetools {
    right: 324px;
  }
}
@media (max-width: 840px) {
  .sidebar-active .tool--small .sidetools {
    right: 12px;
  }
}
@media (max-width: 840px) {
  .sidebar-active .tool--small.tool--toggle .sidetools {
    right: 320px;
  }
}
.tool-watermark .editor__content__item__content {
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
#filePages {
  padding-top: 90px;
  position: relative;
}
.tool-pagenumber #fileGroups,
.tool-watermark #fileGroups {
  display: none !important;
}
#watermarkPreview {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}
#changeImage,
#dropArea {
  display: none;
}
#dropArea {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  min-height: 100%;
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.8;
  text-align: center;
  color: #fff;
  padding: 230px;
}
@media (max-width: 991.98px) {
  #dropArea {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  #dropArea {
    font-size: 18px;
    line-height: 28px;
  }
}
.tool .errorMsg {
  display: none;
}
.tool-htmlpdf .option__panel {
  padding-bottom: 180px;
}
.rtl .sidebar-active .tool--small .sidetools {
  right: auto;
  left: 464px;
}
@media (max-width: 1440px) {
  .rtl .sidebar-active .tool--small .sidetools {
    left: 324px;
  }
}
@media (max-width: 840px) {
  .rtl .sidebar-active .tool--small .sidetools {
    left: 12px;
  }
}
@media (max-width: 840px) {
  .rtl .sidebar-active .tool--small.tool--toggle .sidetools {
    left: 320px;
  }
}
.tool__wrapper {
  margin: 0;
  border: 0;
}
.toolpage--content .tool__workarea {
  padding: 0;
}
.toolpage--content .tool__wrapper {
  height: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 24px;
  margin: 24px;
  border: 2px dashed #b4b4b4;
}
.toolpage--content .tool__content {
  background: #fdfcfb;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-top: 96px;
  padding-bottom: 96px;
  text-align: center;
}
.toolpage--content .tool__content__head {
  margin-bottom: 48px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.toolpage--content .tool__content .infounit__list {
  max-width: 1200px;
  padding-right: 24px;
  padding-left: 24px;
  margin-left: auto;
  margin-right: auto;
}
.toolpage--content .tool__content .infocard__icon {
  width: 72px;
  height: 72px;
  border-radius: 100%;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.toolpage--content.sidebar-active .tool__workarea {
  padding: 24px;
}
.toolpage--content.sidebar-active .tool__wrapper {
  margin: 0;
  border: 0;
}
.editor,
.toolpage--content.sidebar-active .tool__content {
  display: none;
}
.editor {
  padding-top: 90px;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.editor__toolbar {
  position: absolute;
  top: 0;
  -ms-flex-pack: center;
  justify-content: center;
  height: 52px;
  width: auto;
  left: 0;
  right: 0;
  z-index: 12;
  padding: 0 24px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  background: #fff;
}
.editor__toolbar.fixed {
  position: fixed;
  top: 68px;
}
.editor__toolbar__block {
  padding: 0 6px;
  cursor: pointer;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  background: #fff;
  min-width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.editor__toolbar__block--shadow {
  background: #f5f5fa;
}
.editor__toolbar__block:last-child {
  border-right: none;
}
.editor__toolbar__block.current_filename {
  display: none;
}
.editor__toolbar__block.list {
  min-width: 0;
}
.editor__toolbar__block.page_status input,
.editor__toolbar__block.page_status select {
  width: 52px;
  text-align: center;
  margin-right: 4px;
  margin-bottom: 0;
}
.editor__toolbar__block.page_status span {
  margin-left: 4px;
}
.editor__toolbar__block.add {
  position: relative;
  background-color: #e5322d;
  color: #fff;
}
.editor__toolbar__block.add .uploader {
  position: absolute;
  top: 30px;
  right: 0;
}
.editor__toolbar__block .next,
.editor__toolbar__block .prev {
  border: 1px solid #626870;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.editor__toolbar__block .next svg,
.editor__toolbar__block .prev svg {
  margin-left: -0.5px;
}
.editor__toolbar__block .next:hover,
.editor__toolbar__block .prev:hover {
  border: 1px solid #383e45;
}
.editor__toolbar__block .next:hover svg g,
.editor__toolbar__block .next:hover svg path,
.editor__toolbar__block .prev:hover svg g,
.editor__toolbar__block .prev:hover svg path {
  fill: #383e45;
}
.editor__toolbar__block .next:active,
.editor__toolbar__block .prev:active {
  border: 1px solid #383e45;
  background: #383e45;
}
.editor__toolbar__block .next:active svg g,
.editor__toolbar__block .next:active svg path,
.editor__toolbar__block .prev:active svg g,
.editor__toolbar__block .prev:active svg path {
  fill: #fff;
}
.editor__toolbar__options {
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  padding: 8px 0;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}
.editor__toolbar__option {
  min-width: 24px;
  height: 24px;
  margin: 0 2px;
  padding: 4px 6px;
  border-radius: 4px;
  position: relative;
}
.editor__toolbar__option:hover {
  background: #fff;
}
.editor__toolbar__option.active,
.editor__toolbar__option:active {
  background: #f5f5fa;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.editor__toolbar__option-clean {
  height: 32px;
}
.editor__container,
.editor__content {
  max-width: 800px;
  width: 100%;
  margin: auto;
}
.editor__content {
  position: relative;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  display: inline-block;
}
.editor__content canvas#file {
  width: 100%;
  height: auto;
  display: none;
}
.editor__content img#file {
  max-width: 800px;
  width: 100%;
}
.editor__content img#file.loading {
  width: 100px;
}
.editor__content__item {
  display: none;
  position: absolute;
  z-index: 9;
}
.editor__content__item--top {
  left: 0;
  top: 0;
}
.editor__content__item--bottom {
  left: 0;
  top: inherit;
  bottom: 0;
}
.editor__content__item__content {
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
}
.editor__content__item__content .text {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  width: auto !important;
  margin: auto;
  height: auto !important;
  letter-spacing: normal;
  line-height: 1.2;
  min-height: 0;
  text-align: center;
  font-size: 48px;
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
  color: #fff;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: Impact;
  min-width: 50px;
}
.editor__content__item__content .text:hover {
  background: rgba(0, 0, 0, 0) !important;
}
.editor__content__item__content .text:-moz-placeholder,
.editor__content__item__content .text:-ms-input-placeholder,
.editor__content__item__content .text::-moz-placeholder,
.editor__content__item__content .text::-webkit-input-placeholder {
  color: #000;
  text-shadow: 0 0 2px #fff;
}
.editor__content__item__content .text.active {
  cursor: text;
  caret-color: #e5322d;
}
.editor__content__item__content img {
  max-width: 100%;
}
.editor__content__item__content .blur {
  width: 100%;
  height: 100%;
  border: 1px solid #fde4df;
}
.editor__content__item.ui-draggable-handle {
  cursor: move;
}
.editor__content__item.ui-draggable-dragging:hover {
  border: 1px solid rgba(0, 0, 0, 0);
}
.editor__image {
  width: 100%;
}
.editor__image img {
  max-width: 100%;
}
.editor__option {
  -ms-flex-pack: center;
  justify-content: center;
}
.editor__option,
.editor__option__selector {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.editor__option__selector:after {
  content: "";
  background: url(../img/items/select_sm.svg) no-repeat 50%;
  width: 4px;
  height: 4px;
  margin-left: 6px;
}
.editor__option__content {
  display: none;
  position: absolute;
  background: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 48px;
  padding: 12px;
  border-radius: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
}
.editor .font-selector {
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  border-bottom: 1px solid #dadada;
}
.editor .font-selector.active,
.editor .font-selector:hover {
  color: #e5322d;
}
.editor .font-selector:last-child {
  border-bottom: none;
}
.editor .font-selector.disabled {
  color: #85858e;
  position: relative;
}
.editor .font-selector.disabled:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  display: block;
  background: #000;
  left: 0;
  top: 50%;
}
.editor .font-selected {
  font-size: 16px;
}
.editor__toolbar__option .editor__option__content .col {
  -ms-flex-preferred-size: 180px;
}
@media (max-width: 840px) {
  .editor__toolbar {
    height: 32px;
  }
  .editor__toolbar__options {
    padding: 4px 0;
    border-radius: 4px;
  }
  .editor__toolbar__option {
    padding: 2px;
    min-width: 16px;
  }
  .editor__option__selector:after {
    margin-left: 2px;
    font-size: 8px;
  }
  .editor__toolbar__block {
    min-width: 32px;
    padding: 0 2px;
    border-right: 0;
  }
  .editor__toolbar.fixed {
    margin-right: auto !important;
  }
  .editor__toolbar__block .next,
  .editor__toolbar__block .prev {
    width: 24px;
    height: 24px;
  }
  .editor__option__content {
    top: 48px;
    padding: 4px;
  }
  .sign__element {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
.editor__sidebar__options {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 22;
}
.editor__sidebar__options .editor__option__content {
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%);
}
.editor__sidebar__options .editor__toolbar__block:last-child {
  display: none;
}
.editor__toolbar select {
  margin-bottom: 0;
  margin-left: 12px;
  margin-right: 12px;
  max-width: 250px;
}
.tool__workarea__rendered .editor__toolbar {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
}
.tool__workarea__rendered .editor__toolbar__options {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  background: #fff;
}
.tool__workarea__rendered .editor__toolbar__block {
  background: rgba(0, 0, 0, 0);
}
.sidetools {
  position: fixed;
  right: 464px;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 99;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1440px) {
  .sidetools {
    right: 404px;
  }
}
.sidetools .btn-icon {
  margin-bottom: 8px;
}
.sidetools .mixFiles,
.sidetools .order,
.sidetools .orderPages {
  display: -ms-flexbox;
  display: flex;
}
.sidetools .mixFiles svg:first-child,
.sidetools .orderPages svg:first-child,
.sidetools .order svg:first-child {
  display: none;
}
.sidetools .mixFiles.order--desc svg:first-child,
.sidetools .mixFiles svg:nth-child(2),
.sidetools .order.order--desc svg:first-child,
.sidetools .orderPages.order--desc svg:first-child,
.sidetools .orderPages svg:nth-child(2),
.sidetools .order svg:nth-child(2) {
  display: block;
}
.sidetools .mixFiles.order--desc svg:nth-child(2),
.sidetools .order.order--desc svg:nth-child(2),
.sidetools .orderPages.order--desc svg:nth-child(2) {
  display: none;
}
.sidetools .uploader__btn.tooltip:after,
.sidetools .uploader__btn.tooltip:before {
  display: block;
}
.rtl .sidetools {
  right: auto;
  left: 464px;
}
@media (max-width: 1440px) {
  .rtl .sidetools {
    right: auto;
    left: 404px;
  }
}
.add {
  margin: auto auto 36px;
  max-width: 970px;
}
.add .in_add_square {
  width: 300px;
  height: 250px;
}
@media (max-width: 767px) {
  .add .in_add_square {
    margin-top: 30px;
  }
}
#adsq {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
body.process-run .toastr {
  display: none !important;
}
body.process-run .header {
  position: relative;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 24px;
  margin-bottom: 90px;
  height: auto;
  -ms-flex-pack: center;
  justify-content: center;
}
body.process-run .header .actions,
body.process-run .header .menu {
  display: none;
}
body.process-run .brand {
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  margin: auto;
}
body.process-run .main {
  margin-top: 0;
}
body.process-run .main .tool {
  height: auto;
}
body.process-run .main .tool .editor__toolbar,
body.process-run .main .tool .tool__workarea .tool__header,
body.process-run .main .tool .tool__workarea .uploader {
  display: none;
}
body.process-run .btn--process,
body.process-run .main .tool .tool__preview,
body.process-run .main .tool .tool__sidebar,
body.process-run .main .tool .tool__workarea__rendered {
  display: none !important;
}
body.process-run .sidetools {
  display: none;
}
@media (min-width: 480px) {
  body.process-run .header {
    margin-top: 24px;
    margin-bottom: 48px;
  }
  body.process-run .brand {
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
  }
  body.process-run .brand img {
    width: 200px;
  }
}
.file,
.page__element,
.range__element {
  margin: 4px;
  width: 198px;
  height: 244px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #fdfdfd;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
}
.file:hover,
.page__element:hover,
.range__element:hover {
  border: 1px solid #9999a2;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.file:hover .file__actions,
.page__element:hover .file__actions,
.range__element:hover .file__actions {
  display: -ms-flexbox;
  display: flex;
}
.file:hover .file__canvas:after,
.page__element:hover .file__canvas:after,
.range__element:hover .file__canvas:after {
  opacity: 0.6;
}
.file__actions {
  top: 8px;
  right: 8px;
  position: absolute;
  display: none;
  z-index: 9;
}
.file__btn {
  padding: 3px;
  width: 24px;
  height: 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  background: #ebebf4;
  margin-left: 4px;
  z-index: 1030;
  border-radius: 100%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.file__btn,
.file__btn:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
}
.file__btn:hover {
  background: #e5322d;
}
.file__btn.rotate svg {
  padding-bottom: 1px;
}
.file__btn.rotate:hover g,
.file__btn.rotate:hover path,
.file__btn.rotate:hover polygon,
.file__btn.rotate:hover svg {
  fill: #fff;
}
.file__btn.remove g,
.file__btn.remove path,
.file__btn.remove polygon,
.file__btn.remove svg {
  fill: #47474f;
}
.file__btn.remove:hover {
  background: #e5322d;
}
.file__btn.remove:hover g,
.file__btn.remove:hover path,
.file__btn.remove:hover polygon,
.file__btn.remove:hover svg {
  fill: #fff;
}
.file__canvas {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
}
.file__canvas:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  opacity: 0.4;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 0;
}
.file__canvas canvas {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.file__canvas > div,
.file__canvas canvas {
  background-position: 50%;
  background-repeat: no-repeat;
}
.file__canvas > div.password,
.file__canvas canvas.password {
  background-image: url(../img/filetype/password.svg) !important;
}
.file__canvas > div.pdf,
.file__canvas canvas.pdf {
  background-image: url(../img/filetype/pdf.svg);
}
.file__canvas > div.word,
.file__canvas canvas.word {
  background-image: url(../img/filetype/word.svg);
}
.file__canvas > div.doc,
.file__canvas canvas.doc {
  background-image: url(../img/filetype/doc.svg);
}
.file__canvas > div.docx,
.file__canvas canvas.docx {
  background-image: url(../img/filetype/docx.svg);
}
.file__canvas > div.odg,
.file__canvas > div.odp,
.file__canvas > div.odt,
.file__canvas canvas.odg,
.file__canvas canvas.odp,
.file__canvas canvas.odt {
  background-image: url(../img/filetype/odt.svg);
}
.file__canvas > div.image,
.file__canvas canvas.image {
  background-image: url(../img/filetype/image.svg);
}
.file__canvas > div.excel,
.file__canvas canvas.excel {
  background-image: url(../img/filetype/excel.svg);
}
.file__canvas > div.xls,
.file__canvas canvas.xls {
  background-image: url(../img/filetype/xls.svg);
}
.file__canvas > div.xlsx,
.file__canvas canvas.xlsx {
  background-image: url(../img/filetype/xlsx.svg);
}
.file__canvas > div.powerpoint,
.file__canvas canvas.powerpoint {
  background-image: url(../img/filetype/powerpoint.svg);
}
.file__canvas > div.ppt,
.file__canvas canvas.ppt {
  background-image: url(../img/filetype/ppt.svg);
}
.file__canvas > div.pptx,
.file__canvas canvas.pptx {
  background-image: url(../img/filetype/pptx.svg);
}
.file__canvas > div.password,
.file__canvas canvas.password {
  background-image: url(../img/filetype/password.svg);
}
.file__canvas > div.jpeg,
.file__canvas > div.jpg,
.file__canvas canvas.jpeg,
.file__canvas canvas.jpg {
  background-image: url(../img/filetype/jpg.svg);
}
.file__canvas > div.png,
.file__canvas canvas.png {
  background-image: url(../img/filetype/png.svg);
}
.file__canvas > div.gif,
.file__canvas canvas.gif {
  background-image: url(../img/filetype/gif.svg);
}
.file__canvas > div.tif,
.file__canvas > div.tiff,
.file__canvas canvas.tif,
.file__canvas canvas.tiff {
  background-image: url(../img/filetype/tif.svg);
}
.file__canvas > div.raw,
.file__canvas canvas.raw {
  background-image: url(../img/filetype/raw.svg);
}
.file__canvas > div.psd,
.file__canvas canvas.psd {
  background-image: url(../img/filetype/psd.svg);
}
.file__canvas > div.webp,
.file__canvas canvas.webp {
  background-image: url(../img/filetype/webp.svg);
}
.file__canvas > div.cr2,
.file__canvas canvas.cr2 {
  background-image: url(../img/filetype/cr2.svg);
}
.file__canvas > div.rw2,
.file__canvas canvas.rw2 {
  background-image: url(../img/filetype/rw2.svg);
}
.file__canvas > div.nef,
.file__canvas canvas.nef {
  background-image: url(../img/filetype/nef.svg);
}
.file__canvas > div.arw,
.file__canvas canvas.arw {
  background-image: url(../img/filetype/arw.svg);
}
.file__canvas > div.sr2,
.file__canvas canvas.sr2 {
  background-image: url(../img/filetype/sr2.svg);
}
.file__canvas > div.orf,
.file__canvas canvas.orf {
  background-image: url(../img/filetype/orf.svg);
}
.file__canvas > div.pef,
.file__canvas canvas.pef {
  background-image: url(../img/filetype/pef.svg);
}
.file__canvas > div.raf,
.file__canvas canvas.raf {
  background-image: url(../img/filetype/raf.svg);
}
.file__canvas > div.txt,
.file__canvas canvas.txt {
  background-image: url(../img/filetype/txt.svg);
}
.file__canvas > div.rtf,
.file__canvas canvas.rtf {
  background-image: url(../img/filetype/rtf.svg);
}
.file__canvas > div.zip,
.file__canvas canvas.zip {
  background-image: url(../img/filetype/zip.svg);
}
.file__canvas > div.z7z,
.file__canvas canvas.z7z {
  background-image: url(../img/filetype/7z.svg);
}
.file__canvas > div.rar,
.file__canvas canvas.rar {
  background-image: url(../img/filetype/rar.svg);
}
.file__canvas > div.odt,
.file__canvas canvas.odt {
  background-image: url(../img/filetype/odt.svg);
}
.file__canvas > div.ods,
.file__canvas canvas.ods {
  background-image: url(../img/filetype/ods.svg);
}
.file__canvas > div.odp,
.file__canvas canvas.odp {
  background-image: url(../img/filetype/odp.svg);
}
.file__canvas > div.sxw,
.file__canvas canvas.sxw {
  background-image: url(../img/filetype/sxw.svg);
}
.file__canvas > div.sxc,
.file__canvas canvas.sxc {
  background-image: url(../img/filetype/sxc.svg);
}
.file__canvas > div.sxi,
.file__canvas canvas.sxi {
  background-image: url(../img/filetype/sxi.svg);
}
.file__canvas > div.damaged,
.file__canvas > div.error,
.file__canvas canvas.damaged,
.file__canvas canvas.error {
  background-image: url(../img/filetype/damaged.svg);
}
.file__canvas > div {
  height: 100%;
  width: 100%;
}
.file__info {
  position: absolute;
  height: 32px;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media (max-width: 1440px) {
  .file__info {
    height: 28px;
  }
}
.file__info__name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 16px;
  padding: 6px 8px;
  border: 1px solid rgba(0, 0, 0, 0);
  z-index: 99;
}
@media (max-width: 1440px) {
  .file__info__name {
    padding: 4px;
  }
}
.file__info__size {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.file__info__size svg {
  margin-right: 3px;
}
.file__info__size__from {
  padding: 2px 4px;
  background: #adadb6;
  border-radius: 4px;
  color: #fff;
}
.file__info__size__to {
  padding: 2px 4px;
  background: #e5322d;
  border-radius: 4px;
  color: #fff;
  margin-left: -2px;
}
.file__info:hover .file__info__name {
  background-color: #fff;
  border: 1px solid #ddd;
  position: absolute;
  left: 50%;
  right: 0;
  cursor: default;
  white-space: pre-wrap;
  overflow: visible;
  -o-text-overflow: clip;
  text-overflow: clip;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.file__info:hover .file__info__size {
  margin-top: 22px;
}
.file__preload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.8) url(../img/svg_icons/preload.svg) 50%
    no-repeat;
}
.file__name {
  max-width: 180px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.file--fromjpg .file__canvas,
.file--merge .file__canvas {
  cursor: move;
}
.file--imagepdf .file__canvas:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.file--img .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: rgba(0, 0, 0, 0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.file--img .file__canvas {
  width: 90%;
  height: 70%;
}
.file--img .file__canvas:after {
  display: none;
}
.file.unselected,
.unselected.page__element,
.unselected.range__element {
  background: #f5f5fa;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.file.unselected .image,
.unselected.page__element .image,
.unselected.range__element .image {
  opacity: 0.5;
}
.file.selected,
.selected.page__element,
.selected.range__element {
  border: 1px solid #9999a2;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.file.selected .file__info:before,
.selected.page__element .file__info:before,
.selected.range__element .file__info:before {
  background: #4acd86 url(../img/svg_icons/check-white.svg) no-repeat 50%;
  position: absolute;
  bottom: 8px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #1d9d58;
}
.file.sortable-chosen .file__actions,
.file.sortable-chosen:hover .file__actions,
.sortable-chosen.page__element .file__actions,
.sortable-chosen.page__element:hover .file__actions,
.sortable-chosen.range__element .file__actions,
.sortable-chosen.range__element:hover .file__actions {
  display: none;
}
.file.sortable-chosen .file__actions:hover,
.file.sortable-chosen:hover .file__actions:hover,
.sortable-chosen.page__element .file__actions:hover,
.sortable-chosen.page__element:hover .file__actions:hover,
.sortable-chosen.range__element .file__actions:hover,
.sortable-chosen.range__element:hover .file__actions:hover {
  display: -ms-flexbox;
  display: flex;
}
.file__info__more {
  display: none;
}
.file__info:hover .file__info__name {
  min-width: 150px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
}
.file__info:hover .file__info__more,
.file__info:hover .file__info__namefull {
  display: inline;
}
.file__info:hover .file__info__more strong,
.file__info:hover .file__info__namefull strong {
  color: #47474f;
}
.fileA,
.fileA:after {
  background: #ffcdd2;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #ef9a9a;
}
.fileA.active,
.fileA.active:after,
.fileA:hover,
.fileA:hover:after {
  background: #ef9a9a;
}
.fileB,
.fileB:after {
  background: #b2ebf2;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #80deea;
}
.fileB.active,
.fileB.active:after,
.fileB:hover,
.fileB:hover:after {
  background: #80deea;
}
.fileC,
.fileC:after {
  background: #fff9c4;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #fff59d;
}
.fileC.active,
.fileC.active:after,
.fileC:hover,
.fileC:hover:after {
  background: #fff59d;
}
.fileD,
.fileD:after {
  background: #c5cae9;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #9fa8da;
}
.fileD.active,
.fileD.active:after,
.fileD:hover,
.fileD:hover:after {
  background: #9fa8da;
}
.fileE,
.fileE:after {
  background: #b2dfdb;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #80cbc4;
}
.fileE.active,
.fileE.active:after,
.fileE:hover,
.fileE:hover:after {
  background: #80cbc4;
}
.fileF,
.fileF:after {
  background: #ffe0b2;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #ffcc80;
}
.fileF.active,
.fileF.active:after,
.fileF:hover,
.fileF:hover:after {
  background: #ffcc80;
}
.fileG,
.fileG:after {
  background: #cfd8dc;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #b0bec5;
}
.fileG.active,
.fileG.active:after,
.fileG:hover,
.fileG:hover:after {
  background: #b0bec5;
}
.fileH,
.fileH:after {
  background: #dcedc8;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #c5e1a5;
}
.fileH.active,
.fileH.active:after,
.fileH:hover,
.fileH:hover:after {
  background: #c5e1a5;
}
.fileI,
.fileI:after {
  background: #fce4ec;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #f8bbd0;
}
.fileI.active,
.fileI.active:after,
.fileI:hover,
.fileI:hover:after {
  background: #f8bbd0;
}
.fileJ,
.fileJ:after {
  background: #bbdefb;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #90caf9;
}
.fileJ.active,
.fileJ.active:after,
.fileJ:hover,
.fileJ:hover:after {
  background: #90caf9;
}
.sorting .file:not(.sortable-chosen):hover,
.sorting .page__element:not(.sortable-chosen):hover,
.sorting .range__element:not(.sortable-chosen):hover {
  border: none;
}
.sortable-chosen {
  border-color: #e5322d !important;
  border-style: dashed !important;
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.75);
}
.sortable-ghost > * {
  display: none;
}
.sortOn .file__actions,
.sortOn .tooltip:after,
.sortOn .tooltip:before {
  display: none !important;
}
.sortOn .file:hover,
.sortOn .page__element:hover,
.sortOn .range__element:hover {
  background: #f5f5fa;
  background: #fdfdfd;
}
.page {
  margin: 12px;
  position: relative;
  border-radius: 8px;
}
.page__actions {
  top: 8px;
  right: 8px;
  position: absolute;
  display: none;
  z-index: 9;
}
.page__btn {
  padding: 3px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  background: #ebebf4;
  margin-left: 4px;
  z-index: 1030;
  border-radius: 100%;
  cursor: pointer;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
}
.page__btn:hover {
  background: #e5322d;
  -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.14);
}
.page__btn.rotate svg {
  padding-bottom: 1px;
}
.page__btn.rotate g,
.page__btn.rotate path,
.page__btn.rotate svg {
  fill: #e5322d;
}
.page__btn.rotate:hover g,
.page__btn.rotate:hover path,
.page__btn.rotate:hover svg {
  fill: #fff;
}
.page__btn.remove g,
.page__btn.remove path,
.page__btn.remove svg {
  fill: #47474f;
}
.page__btn.remove:hover {
  background: #e5322d;
}
.page__btn.remove:hover g,
.page__btn.remove:hover path,
.page__btn.remove:hover svg {
  fill: #fff;
}
.page__title {
  cursor: move;
  font-weight: 600;
  color: #e5322d;
}
.page__container {
  padding: 2px;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .page__container {
    margin: 4px;
    padding: 8px;
  }
}
.page__canvas {
  position: relative;
}
.page__canvas:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  opacity: 0.4;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 0;
}
.page__element:hover {
  cursor: move;
}
.page__to {
  font-size: 48px;
}
.page__remove {
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #e1e1e1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page__remove:hover svg,
.page__remove g,
.page__remove polygon {
  fill: #e5322d;
}
.page.active .range__container,
.page:hover .range__container {
  background: hsla(0, 0%, 100%, 0.8);
}
.page:hover .page__actions {
  display: -ms-flexbox;
  display: flex;
}
.page:hover .page__canvas:after {
  opacity: 0.6;
}
.page__add {
  position: absolute;
  right: -34px;
  width: 42px;
  z-index: 99;
  display: none;
  opacity: 0.6;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 42px;
  border-radius: 100%;
  background: #fff url(../img/svg_icons/add-page.svg) no-repeat 50%;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
}
.page__add:first-child {
  right: auto;
  left: -34px;
}
.page__add:hover {
  opacity: 1;
}
.page:hover .page__add {
  display: block;
}
.files__order__item {
  padding: 12px 48px 12px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.files__order__item.active,
.files__order__item:hover {
  border: 1px solid #47474f;
}
.files__order__item .filename {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.files__order__item .close {
  display: none;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: auto;
  width: 24px;
  height: 24px;
  background: url(../img/svg_icons/close.svg) no-repeat 50%;
  cursor: pointer;
}
.files__order__item .ico-drag {
  width: 14px;
  height: 14px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  margin: 0;
  display: block;
  background: url(../img/svg_icons/drag-up-down.svg) no-repeat 50%;
  background-size: contain;
  cursor: move;
}
.files__order__item:hover .close {
  display: block;
}
.rtl .files__order__item {
  padding-right: 12px;
  padding-left: 48px;
}
.rtl .files__order__item .close {
  left: 12px;
  right: auto;
}
.page.sortable-ghost.sortable-chosen .page__container {
  opacity: 0.2;
}
.page.sortable-chosen .page__actions,
.page.sortable-chosen .page__add,
.page.sortable-ghost.sortable-chosen .page__actions,
.page.sortable-ghost.sortable-chosen .page__add {
  display: none;
}
.page.sortable-chosen .page__add:hover {
  display: block;
}
.page.sortable-chosen .page__actions:hover {
  display: -ms-flexbox;
  display: flex;
}
#filePages.dragging .page__actions,
#filePages.dragging .page__add,
#filePages.dragging .tooltip:after,
#filePages.dragging .tooltip:before {
  display: none;
}
.file__bullet {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #e5322d;
  -webkit-box-shadow: 0 0 8px 2px #fff;
  box-shadow: 0 0 8px 2px #fff;
}
.file__bullet--top {
  top: 4px;
}
.file__bullet--middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.file__bullet--bottom {
  bottom: 7px;
}
.file__bullet--left {
  left: 4px;
}
.file__bullet--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.file__bullet--right {
  right: 4px;
}
.file__bullet--small.file__bullet--top {
  top: 0;
}
.file__bullet--small.file__bullet--bottom {
  bottom: 3px;
}
.file__bullet--small.file__bullet--left {
  left: 0;
}
.file__bullet--small.file__bullet--right {
  right: 0;
}
.file__bullet--big.file__bullet--top {
  top: 8px;
}
.file__bullet--big.file__bullet--bottom {
  bottom: 11px;
}
.file__bullet--big.file__bullet--left {
  left: 8px;
}
.file__bullet--big.file__bullet--right {
  right: 8px;
}
.file__bullet--center.file__bullet--middle {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page .page__element {
  margin: 0;
}
.facing-page {
  display: -ms-flexbox;
  display: flex;
}
.facing-page .page:first-child {
  margin-right: 0;
}
.facing-page .page:first-child .page__container {
  padding: 2px 0 2px 2px;
}
.facing-page .page:first-child .page__element {
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 8px 0 0 8px;
}
.facing-page .page:first-child .file__bullet--left {
  left: inherit;
  right: 4px;
}
.facing-page .page:first-child .file__bullet--left.file__bullet--small {
  right: 0;
}
.facing-page .page:first-child .file__bullet--left.file__bullet--big {
  right: 8px;
}
.facing-page .page:first-child .file__bullet--right {
  right: inherit;
  left: 4px;
}
.facing-page .page:first-child .file__bullet--right.file__bullet--small {
  left: 0;
}
.facing-page .page:first-child .file__bullet--right.file__bullet--big {
  left: 8px;
}
.facing-page .page:last-child {
  margin-left: 0;
}
.facing-page .page:last-child .page__container {
  padding: 2px 2px 2px 0;
}
.facing-page .page:last-child .page__element {
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 0 8px 8px 0;
}
.tool-pagenumber .page__element:hover,
.tool-watermark .page__element:hover {
  cursor: auto;
}
#sidebar .editor__toolbar__options {
  position: relative;
  z-index: 22;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin-top: -8px;
}
#sidebar .editor__toolbar__options .editor__option__content {
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%);
  bottom: 42px;
  top: auto;
  max-width: 340px;
}
#sidebar .editor__toolbar__options .toolbar-color .editor__option__content {
  -webkit-transform: translateX(-70%);
  transform: translateX(-70%);
}
#sidebar:after {
  content: "";
  width: 435px;
  position: fixed;
  height: 140px;
  bottom: 0;
  background: #fff;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff),
    color-stop(70%, #fff),
    color-stop(95%, hsla(0, 0%, 100%, 0.5)),
    to(hsla(0, 0%, 100%, 0))
  );
  background: -webkit-linear-gradient(
    bottom,
    #fff,
    #fff 70%,
    hsla(0, 0%, 100%, 0.5) 95%,
    hsla(0, 0%, 100%, 0)
  );
  background: -o-linear-gradient(
    bottom,
    #fff 0,
    #fff 70%,
    hsla(0, 0%, 100%, 0.5) 95%,
    hsla(0, 0%, 100%, 0) 100%
  );
  background: linear-gradient(
    0deg,
    #fff,
    #fff 70%,
    hsla(0, 0%, 100%, 0.5) 95%,
    hsla(0, 0%, 100%, 0)
  );
  z-index: 222;
}
@media (max-width: 1440px) {
  #sidebar:after {
    width: 375px;
  }
}
@media (max-width: 840px) {
  #sidebar:after {
    display: none;
  }
}
.option {
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.option--hidden {
  display: none;
}
.option--active,
.option--active:hover {
  background: #ebebf4;
}
.option--disabled {
  cursor: not-allowed !important;
  opacity: 0.4;
  border-color: unset !important;
  background-color: unset !important;
}
.option--active:after {
  color: #fff;
  width: 28px;
  height: 28px;
  background: #4acd86 url(../img/svg_icons/check-white.svg) no-repeat 50%;
  border-radius: 100%;
  text-align: center;
  line-height: 18px;
  background-size: 11px;
  border: 1px solid #1d9d58;
}
.option--active:after,
.option--next:after {
  content: "";
  display: block;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.option--next:after {
  width: 8px;
  height: 12px;
  background: url(../img/items/chevron_right_g.svg) no-repeat 50%;
}
.option--next:hover:after {
  color: #e5322d;
}
.option--btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  border: none;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-shadow: none;
  text-decoration: none;
  letter-spacing: 0;
  font-size: 16px;
  border-radius: 8px;
  padding: 8px 20px;
  line-height: 26px;
  color: #fff;
  background-color: #e5322d;
}
@media (max-width: 767.98px) {
  .option--btn {
    width: 100%;
  }
}
.option--btn:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.option--btn:focus,
.option--btn:hover {
  color: #fff;
  background-color: #bd060a;
}
.option--btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.option--btn:active {
  color: #fff;
  background-color: #161616;
}
.option__select__item {
  border-bottom: 1px solid #adadb6;
  padding: 20px 60px 16px 22px;
  cursor: pointer;
  position: relative;
}
.option__select__item:hover {
  background: #ebebf4;
}
.option__select__item__title {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  color: #e5322d;
  line-height: 22px;
  display: block;
  -ms-flex-align: center;
  align-items: center;
}
.option__select__item__title img {
  margin-right: 8px;
}
.option__select__item--icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.option__select__icon {
  margin: 0 24px 0 0;
}
.option__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.option__buttons .option {
  border: 1px solid #adadb6;
  margin: 4px;
  padding: 12px;
  width: 32px;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
}
.option__buttons .option--active {
  background: #161616;
  color: #fff;
  border-color: #161616;
}
.option__buttons .option--active:after {
  display: none;
}
.option__label__title,
.option__title {
  font-weight: 500;
  color: #33333b;
  margin-bottom: 8px;
}
@media (max-width: 90em) {
  .option__label__title,
  .option__title {
    margin-bottom: 12px;
  }
}
.option__title2 {
  display: block;
  margin-bottom: 4px;
}
.option__back {
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  color: #33333b;
  color: #fff;
  background: #707078;
  padding: 12px 24px;
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .option__back {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .option__back {
    font-size: 16px;
    line-height: 22px;
  }
}
.option__back svg {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.option__back:hover svg {
  margin-left: -4px;
  margin-right: 12px;
}
.option__description,
.option__label__description {
  display: inline-block;
}
.option__description__more__toggle:hover {
  color: #e5322d;
}
.option__description__more__toggle:before {
  content: "[+]";
  float: left;
  margin-right: 4px;
}
.option__description__more--extend__toggle:before {
  content: "[-]";
}
.option__description__more--extend .option__description__content {
  display: block;
  margin-left: 24px;
}
.option__description__more--extend .option__value:after {
  content: "";
}
.option__description__content,
.option__description__more--extend .option__value--title,
.option__value {
  display: inline-block;
}
.option__value {
  color: #161616;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
}
.option__value:after {
  content: ", ";
}
.option__value--title {
  font-weight: 600;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}
.option__value g,
.option__value path,
.option__value svg {
  fill: #d6d6df;
  margin: 8px auto;
  height: 32px;
}
.option__value__img-state-switcher > img {
  height: 32px;
  margin: 8px auto;
}
.option__value:not(.option--active)
  .option__value__img-state-switcher
  > img:last-child {
  display: none;
}
.option__value:hover {
  color: #d6d6df;
  border: 2px solid #f5f5fa;
}
.option__value:hover:last-child:after {
  content: ";";
}
.option__value--color {
  width: 16px;
  height: 16px;
  background-color: #fff;
  text-indent: -99999px;
}
.option__image {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}
.option__image__item {
  padding: 18px 28px;
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
  text-align: center;
  color: #85858e;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 4px;
  background: #f5f5fa;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: 2px solid rgba(0, 0, 0, 0);
}
@media (max-width: 90em) {
  .option__image__item {
    padding: 8px 18px;
  }
}
.option__image__item__title {
  margin-top: 4px;
  margin-bottom: 0;
  line-height: 16px;
  color: #85858e;
}
.option__image__item g,
.option__image__item path,
.option__image__item svg {
  fill: #85858e;
  margin: 8px auto;
  height: 32px;
}
.option__image__item:hover {
  color: #707078;
  background: #ebebf4;
  border: 2px solid #161616;
}
.option__image__item:hover
  .option__image__item__img-state-switcher
  > img:first-child {
  display: none;
}
.option__image__item:hover .option__image__item__title {
  color: #161616;
}
.option__image__item:hover g,
.option__image__item:hover path,
.option__image__item:hover svg {
  fill: #161616;
}
.option__image__item.option--active {
  color: #e5322d;
  border: 2px solid #e5322d;
}
.option__image__item.option--active .option__image__item__title {
  color: #e5322d;
}
.option__image__item.option--active g,
.option__image__item.option--active path,
.option__image__item.option--active svg {
  fill: #e5322d;
}
.option__image__item.option--active:after {
  display: none;
}
.option__image__item .icon--premium {
  position: absolute;
  top: 8px;
  right: 12px;
  text-indent: -99999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  color: #47474f;
  border-radius: 16px;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  min-width: 20px;
  height: 20px;
}
.option__image__item .icon--premium.certs {
  background: #c0fddc;
  border: 1px solid #4acd86;
  padding: 0 6px;
  text-indent: inherit;
  width: auto;
}
.option__image__item .icon--premium.certs--1,
.option__image__item .icon--premium.certs--2 {
  background: #ffe4c9;
  border: 1px solid #ff9428;
}
.option__image__item.option--active .icon--premium.certs,
.option__image__item:hover .icon--premium.certs {
  text-indent: inherit;
  width: auto;
  background-position: right 5px center;
  padding: 0 6px;
}
.option__image--tab .option__image__item {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  color: #adadb6;
  border-top: 0;
  border-bottom: 1px solid #adadb6;
  padding: 12px;
}
.option__image--tab .option__image__item:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.option__image--tab .option__image__item:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.option__image--tab .option__image__item__title {
  text-transform: uppercase;
  margin-top: 10px;
}
.option__image--tab .option__image__item.option--active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.option__tab__select {
  display: -ms-flexbox;
  display: flex;
}
.option__tab__select img {
  margin-right: 6px;
  margin-bottom: 4px;
}
.option__tab__select__item {
  padding: 16px;
  position: relative;
  border: 0;
  -ms-flex: 1 1;
  flex: 1 1;
  text-align: center;
  color: #85858e;
  -webkit-border-end: 1px solid #c4c5c7;
  border-inline-end: 1px solid #c4c5c7;
  border-bottom: 1px solid #c4c5c7;
  cursor: pointer;
}
.option__tab__select__item:last-child {
  -webkit-border-end: none;
  border-inline-end: none;
}
.option__tab__select__item:hover {
  color: #161616;
}
.option__tab__select__item g,
.option__tab__select__item path,
.option__tab__select__item polygon,
.option__tab__select__item rect,
.option__tab__select__item svg {
  fill: #adadb6;
  margin: auto;
}
.option__tab__select__item.option--active {
  color: #161616;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  background: none;
}
.option__tab__select__item.option--active .option__image__item__title {
  color: #161616;
}
.option__tab__select__item.option--active g,
.option__tab__select__item.option--active path,
.option__tab__select__item.option--active polygon,
.option__tab__select__item.option--active rect,
.option__tab__select__item.option--active svg {
  fill: #161616;
}
.option__tab__select__item.option--active:after {
  right: auto;
  left: 8px;
  top: 8px;
  -webkit-transform: none;
  transform: none;
  width: 18px;
  height: 18px;
  background-size: 11px;
}
@media (max-width: 90em) {
  .option__tab__select__item {
    padding: 12px;
  }
}
.option__tab__content {
  padding-top: 12px;
  display: none;
}
.option__tab__content--active {
  display: block;
}
.option.color {
  padding: 0;
  -ms-flex: 0 1 32px;
  flex: 0 1 32px;
}
.option__btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  margin: 8px auto;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.14);
  letter-spacing: 0.3px;
  text-align: center;
  line-height: 18px;
  color: #161616;
  padding: 0;
  overflow: hidden;
  background: #f5f5fa;
  border-width: 0;
}
.option__btn__icon {
  padding: 12px;
  width: 55px;
  -ms-flex: 0 0 55px;
  flex: 0 0 55px;
  height: 100%;
  min-height: 45px;
  background: #e5322d;
}
.option__btn span {
  padding: 12px;
  text-transform: uppercase;
}
.option__btn svg {
  width: 21px;
  height: 21px;
  fill: #fff;
  margin: 0;
}
.option__btn svg g,
.option__btn svg path {
  fill: #fff;
}
.option__btn:hover {
  background: #ebebf4;
  color: #bd060a;
}
.option__btn:hover .option__btn__icon {
  background: #bd060a;
}
.option__btn:active {
  color: #161616;
  background: #ebebf4;
}
.option__btn:active .option__btn__icon {
  background: #161616;
}
.option__panel {
  display: block;
  position: absolute;
  left: 100%;
  z-index: 0;
  width: 100%;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding-bottom: 120px;
}
.option__panel--active {
  display: block;
  left: 0;
  z-index: 99;
}
.option__panel--inactive {
  display: block;
  left: -100%;
  z-index: 10;
}
.option__panel__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
  margin-bottom: 0;
  text-align: center;
  padding: 21px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .option__panel__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .option__panel__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 90em) {
  .option__panel__title {
    padding: 12px;
  }
}
.option__panel__content {
  padding: 16px 24px;
}
@media (max-width: 90em) {
  .option__panel__content {
    padding: 12px 16px 4px;
  }
}
.option__panel__area {
  padding: 16px 0;
}
.option__panel p {
  margin-bottom: 12px;
}
.option__panel .info {
  margin-bottom: 16px;
  border: 0;
  border-radius: 4px;
}
.option__panel input,
.option__panel select {
  width: 100%;
}
.option__panel input[type="number"],
.option__panel select[type="number"] {
  width: 84px;
}
@media (max-width: 1440px) {
  .option__panel input[type="number"],
  .option__panel select[type="number"] {
    width: 72px;
  }
}
.option__panel textarea {
  min-height: 64px;
}
.option__panel .formarea .form__group {
  margin-bottom: 12px;
  margin-top: 12px;
}
@media (max-width: 90em) {
  .option__panel .formarea .form__group {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.option__panel .formarea .form__group input,
.option__panel .formarea .form__group select {
  margin-bottom: 0;
}
.gobutton {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-align: center;
  margin: 24px;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 60px;
  position: relative;
  color: #85858e;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 991.98px) {
  .gobutton {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .gobutton {
    font-size: 12px;
    line-height: 16px;
  }
}
.gobutton:after {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  display: block;
  content: "";
  background: url(../img/items/go_arrow.svg) no-repeat 50%;
  width: 12px;
  height: 8px;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.gobutton:hover {
  color: #161616;
}
.gobutton:hover:after {
  top: 19px;
  color: #e5322d;
}
.option__page {
  width: 70px;
  border: 1px solid #adadb6;
}
.option__page > *,
.option__page > * > *,
.option__page__item {
  height: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0;
  background: none;
}
.option__page > :hover {
  background: none;
}
.option__page > * > * {
  cursor: pointer;
  border-bottom: 1px dashed #adadb6;
  border-right: 1px dashed #adadb6;
}
.option__page > * > :hover {
  background: rgba(0, 0, 0, 0.2);
}
.option__page > * > * .option:last-child {
  border-right: 1px dashed rgba(0, 0, 0, 0);
}
.option__page > .option:last-child {
  border-bottom: 1px dashed rgba(0, 0, 0, 0);
}
.option__page__position:last-child {
  border-right: 0;
}
.option__page__row:last-child > * {
  border-bottom: 0;
}
.option__page .option--active {
  background: rgba(255, 0, 0, 0.2);
  position: relative;
}
.option__page .option--active:after {
  display: block;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #e5322d;
  border: 0;
}
.option--if {
  display: none;
}
#pickwatermark {
  display: -ms-flexbox;
  display: flex;
}
.ranges label {
  font-size: 12px;
  max-width: 120px;
}
@media (max-width: 1440px) {
  .ranges label {
    max-width: 70px;
  }
}
.btn-group button.option {
  margin: 0 0 4px;
}
input.option,
select.option {
  cursor: inherit;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
#highres-options {
  display: none;
}
.option__select__item__title .badge {
  margin-left: 8px;
  vertical-align: bottom;
}
.option__select__item__title .badge .btn {
  font-size: 18px;
}
.rtl .option__select__icon {
  margin: 0 0 0 24px;
}
.rtl .option--active:after {
  left: auto;
}
.rtl .option__page__row {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.range__container {
  margin: 12px;
  padding: 12px;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border: 1px dashed #707078;
}
@media (max-width: 1280px) {
  .range__container {
    margin: 4px;
    padding: 4px;
  }
}
@media (max-width: 1280px) {
  .range__element {
    width: 110px;
    height: 160px;
  }
}
.range__to {
  font-size: 48px;
  width: 24px;
  height: 20px;
  background: url(../img/elements/range.svg) 50% no-repeat;
}
@media (max-width: 1280px) {
  .range__to {
    width: 12px;
    background-size: 100%;
  }
}
.range__remove {
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #fff;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.range__remove:hover {
  background: #ebebf4;
}
.range-num {
  margin-left: 4px;
  padding: 2px 6px;
  background-color: #ebebf4;
  border-radius: 4px;
}
.range__canvas canvas {
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
}
.range.active .range__container,
.range:hover .range__container {
  background: hsla(0, 0%, 100%, 0.8);
}
.ranges:hover .range__remove {
  display: -ms-flexbox;
  display: flex;
}
.range--remove .range__container:after {
  content: "";
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.6) url(../img/svg_icons/remove.svg) 50%
    no-repeat;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 45px;
  color: #e5322d;
}
#split-remove .range__container:before {
  display: none;
}
#split-extract .range__container:before {
  border: 0;
}
#split-extract .range.active .range__container,
#split-extract .range:hover .range__container {
  background: hsla(0, 0%, 100%, 0.8);
}
.range--extract .range__container:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  background: #4acd86 url(../img/items/check_w.svg) no-repeat 50%;
  border: 1px solid #1d9d58;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: block;
}
.range--extract .range__container:before {
  display: none;
}
#split-extract .range__container {
  border: none;
  margin: 0;
}
.ranges .title4 {
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.ranges .ico-drag {
  width: 14px;
  height: 14px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  margin: 0;
  display: block;
  background: url(../img/svg_icons/drag-up-down.svg) no-repeat 50%;
  background-size: contain;
  cursor: move;
}
.ranges.formarea.active,
.ranges.formarea:hover {
  background: #ebebf4;
}
.ranges.formarea .form__group--boxed {
  margin: 0 8px;
}
.uploading {
  text-align: center;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.uploading__files {
  margin: 24px;
}
.uploading__files__item {
  color: #fff;
}
.uploading__files__item--active {
  color: #ebebf4;
}
.uploading__status__Warning {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
}
@media (max-width: 991.98px) {
  .uploading__status__Warning {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .uploading__status__Warning {
    font-size: 18px;
    line-height: 28px;
  }
}
.uploading__status__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #33333b;
}
@media (max-width: 991.98px) {
  .uploading__status__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .uploading__status__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.uploading__status__title img {
  width: 24px;
  margin-right: 12px;
  margin-top: -4px;
}
.uploading__status__title:after {
  content: "";
  width: 100px;
  height: 1px;
  background: #707078;
  display: block;
  margin: 12px auto;
}
.uploading__status__title.last:after {
  display: none;
}
.uploading__status__title.done {
  font-weight: 600;
}
.uploading__status__title.done img {
  display: none;
}
.uploading__status__file {
  font-weight: 600;
  margin-bottom: 28px;
}
.uploading__status__percent {
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  color: #33333b;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .uploading__status__percent {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .uploading__status__percent {
    font-size: 16px;
    line-height: 22px;
  }
}
.uploading__status__percent__value {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  color: #33333b;
}
@media (max-width: 767.98px) {
  .uploading__status__percent__value {
    font-size: 24px;
    line-height: 34px;
  }
}
.uploading__status__info {
  font-weight: 600;
}
.uploading__status__info span {
  font-weight: 400;
}
.uploading__bar {
  margin: 16px;
  width: 800px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff;
}
.uploading__bar__completed {
  background: #e5322d;
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
  display: block;
  height: 100%;
  width: 0;
  border-radius: 2px;
}
.uploading__bar--small {
  width: 100%;
  height: 2px;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: none;
}
.uploading .alert {
  max-width: 500px;
  margin: auto;
}
.uploading .alert a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  border: none;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-shadow: none;
  text-decoration: none;
  letter-spacing: 0;
  font-size: 16px;
  border-radius: 8px;
  padding: 8px 20px;
  line-height: 26px;
  color: #fff;
  background-color: #e5322d;
}
@media (max-width: 767.98px) {
  .uploading .alert a {
    width: 100%;
  }
}
.uploading .alert a:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.uploading .alert a:focus,
.uploading .alert a:hover {
  color: #fff;
  background-color: #bd060a;
}
.uploading .alert a:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.uploading .alert a:active {
  color: #fff;
  background-color: #161616;
}
.process {
  height: auto;
  text-align: center;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#passwordAsk {
  max-width: 444px;
  margin: auto;
}
#passwordAsk .title2 {
  margin-bottom: 32px;
}
#passwordAsk .passwords {
  margin: 24px 0;
}
#passwordAsk .form__group {
  margin-bottom: 12px;
}
#confirmOcr {
  padding: 12px;
}
#confirmOcr .tooltip {
  color: #e5322d;
  text-decoration: underline;
  font-weight: 600;
}
#confirmOcr .btn {
  margin-right: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
}
#confirmOcr .ocr__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 48px;
  background: #fff;
  margin: auto;
  max-width: 860px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08);
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08);
}
#confirmOcr .ocr__icon {
  margin-right: 32px;
}
@media (max-width: 710px) {
  #confirmOcr .ocr__icon {
    display: none;
  }
}
#confirmOcr .ocr__content {
  max-width: 580px;
}
@media (max-width: 610px) {
  #confirmOcr .ocr__content .btn + .btn {
    margin-top: 12px;
  }
}
#confirmOcr .ocr__content .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  font-weight: 600;
  border-radius: 8px;
}
#confirmOcr .ocr__content .btn__note {
  font-weight: 500;
  font-size: 12px;
}
#confirmOcr .ocr__content .btn--orange {
  background-color: #ffc233;
  color: #47474f !important;
  border: 2px solid #ffc233;
}
#confirmOcr .ocr__content .btn--orange:hover {
  background-color: #ffb400;
  border: 2px solid #ffb400;
}
#confirmOcr .ocr__content .btn--white {
  border: 2px solid #e5322d;
  color: #e5322d;
}
#confirmOcr .ocr__content .btn--white:hover {
  border-color: #bd060a;
  color: #bd060a;
}
#confirmOcr .ocr__content .btn--white:active {
  border-color: #161616;
  color: #161616;
}
#confirmFiles {
  background: #f5f5fa;
  padding: 12px 24px;
  max-height: 60px;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 24px;
}
#processText {
  margin-bottom: 12px;
}
#waitnotify {
  margin-top: 32px;
}
.lang-th #confirmOcr .btn,
.lang-vi #confirmOcr .btn {
  font-size: 14px;
}
.download .main {
  text-align: center;
}
.download hr.h1 {
  margin: 24px auto;
}
.download__add {
  margin-bottom: 42px;
  margin-top: 42px;
}
.download__add #ad.add {
  margin-bottom: 20px;
  overflow: hidden;
}
.download .title1,
.download .title2 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.downloader,
.downloader__btn {
  margin-bottom: 0;
}
.downloader__btn svg {
  margin-right: 12px;
  display: inline-block;
}
.downloader__btn svg g,
.downloader__btn svg path {
  fill: #fff;
}
@media (max-width: 840px) {
  .downloader__btn {
    font-size: 20px;
    line-height: 24px;
  }
  .downloader__btn svg {
    width: 20px;
    height: 20px;
  }
}
.downloader__info {
  margin: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.downloader__info__content {
  text-align: left;
  margin-left: 24px;
}
.downloader__warning {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3px;
  padding: 18px 48px;
  background-position: 16px;
  background-repeat: no-repeat;
  border-radius: 6px;
  text-align: left;
  color: #161616;
  background-color: #ffe4c9;
  border: 1px solid #d76c00;
  background-image: url(../img/alert/warning.svg);
  display: none;
  max-width: 400px;
  margin: 32px auto;
}
@media (max-width: 991.98px) {
  .downloader__warning {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .downloader__warning {
    font-size: 12px;
    line-height: 16px;
  }
}
.downloader__warning p {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
@media (max-width: 991.98px) {
  .downloader__warning p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .downloader__warning p {
    font-size: 12px;
    line-height: 16px;
  }
}
.downloader__warning .conformance,
.downloader__warning .damaged,
.downloader__warning .repaired {
  display: none;
}
.downloader__warning .conformance__list,
.downloader__warning .damaged__list,
.downloader__warning .repaired__list {
  margin: 12px;
  list-style: inherit;
}
.downloader__warning .conformance__list li,
.downloader__warning .damaged__list li,
.downloader__warning .repaired__list li {
  margin-left: 12px;
}
.downloader__retry {
  margin-right: 12px;
}
.downloader__retry a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  border: none;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  text-align: center;
  -ms-flex-align: center;
  text-shadow: none;
  text-decoration: none;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  background-color: #e5322d;
  min-width: 80px;
  width: 80px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .downloader__retry a {
    width: 100%;
  }
}
.downloader__retry a:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.downloader__retry a:focus,
.downloader__retry a:hover {
  color: #fff;
  background-color: #bd060a;
}
.downloader__retry a:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.downloader__retry a:active {
  color: #fff;
  background-color: #161616;
}
.downloader__retry a svg {
  zoom: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.downloader__retry a:hover svg {
  zoom: 1.1;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.ad-layout {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 32px;
  margin-bottom: 96px;
}
.ad-layout__mid {
  max-width: 100%;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.ad-layout__left,
.ad-layout__right {
  width: 160px;
  -ms-flex: 0 1 160px;
  flex: 0 1 160px;
}
.ad-layout__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: end;
}
.ad-layout__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: start;
}
.donut,
.donut-segment {
  -webkit-transition: all 3s;
  -o-transition: all 3s;
  transition: all 3s;
}
.chart-text {
  font-weight: 500;
  fill: #000;
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}
.chart-number {
  font-size: 0.55em;
  line-height: 1;
  text-anchor: middle;
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
.chart-label {
  font-size: 0.2em;
  text-transform: uppercase;
  text-anchor: middle;
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
}
.network {
  display: -ms-flexbox;
  display: flex;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  max-width: 300px;
  position: fixed;
  top: 100px;
  right: 20px;
  border: 1px solid #e5322d;
  background: hsla(0, 0%, 100%, 0.7);
  color: #161616;
  z-index: 99999;
  padding: 24px;
  -ms-flex-align: center;
  align-items: center;
}
.network g,
.network path,
.network svg {
  fill: #e5322d;
  margin-bottom: 16px;
}
.countdown {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 16px;
}
.countdown__item {
  margin: 12px;
  text-align: center;
}
.countdown__item__time {
  font-size: 38px;
  font-weight: 300;
  line-height: 52px;
}
.countdown__item__period {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #33333b;
}
@media (max-width: 991.98px) {
  .countdown__item__period {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .countdown__item__period {
    font-size: 16px;
    line-height: 20px;
  }
}
.share {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px;
  margin-bottom: 64px;
}
.share,
.share__link {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.share__link {
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #c2c2cc;
  border-radius: 8px;
  background-color: #fff;
  font-weight: 500;
}
.problems {
  margin: 24px 0 12px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.problems .title {
  margin-bottom: 12px;
}
.problems__item {
  display: none;
  margin-bottom: 24px;
  margin-top: 24px;
  background-position: top;
  background-repeat: no-repeat;
}
.problems__item__icon {
  margin-right: 12px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background: url(../img/problem/alert.svg) no-repeat 50%;
}
.problems__item--TaskError .problems__item__icon {
  background-image: url(../img/problem/task.svg);
}
.problems__item--NoImages .problems__item__icon {
  background-image: url(../img/problem/no-image.svg);
}
.problems__item--EmptyFile .problems__item__icon {
  background-image: url(../img/problem/empty.svg);
}
.problems__item--noTablesToExtract .problems__item__icon {
  background-image: url(../img/problem/no-tables.svg);
}
.problems__item--NoText .problems__item__icon {
  background-image: url(../img/problem/no-text.svg);
}
.problems__item--TimeOut .problems__item__icon {
  background-image: url(../img/problem/time.svg);
}
.problems__item--DamagedFile .problems__item__icon {
  background-image: url(../img/problem/damaged.svg);
}
.problems__item--ServerError .problems__item__icon {
  background-image: url(../img/problem/server.svg);
}
.problems__item--connection .problems__item__icon {
  background-image: url(../img/problem/connection.html);
}
.problems__item--WrongPassword .problems__item__icon {
  background-image: url(../img/problem/password.svg);
}
.problems__item--NonConformant .problems__item__icon {
  background-image: url(../img/problem/non-conformant.svg);
}
.problems__item--UnknowError .problems__item__icon {
  background-image: url(../img/problem/unknown.svg);
}
.problems__item--OutOfRange .problems__item__icon {
  background-image: url(../img/problem/out-of-range.svg);
}
.problems__item__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #33333b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .problems__item__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .problems__item__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.problems__item__file {
  padding: 4px;
}
.problems__item__file:before {
  content: "";
  width: 10px;
  height: 14px;
  background: url(../img/items/file.svg);
  background-size: contain;
  margin-right: 12px;
}
.problem .alert {
  color: #006d2d;
  max-width: 444px;
  margin: 48px auto;
}
.problem .alert * {
  color: #006d2d;
}
.problem__file {
  word-break: break-all;
}
.problem__file__item span {
  background: #fff;
  padding: 4px 8px;
  color: #161616 !important;
}
.problem__files {
  display: none;
  background: #fff;
  padding: 12px;
}
.problem__files > * {
  color: #161616;
  padding: 2px 16px;
}
#showFiles {
  cursor: pointer;
}
#showFiles:hover {
  color: #e5322d;
}
.chained,
.site-error__icon {
  margin-bottom: 24px;
}
.chained {
  visibility: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.chained,
.chained__title {
  display: -ms-flexbox;
  display: flex;
}
.chained__title {
  -ms-flex-pack: start;
  justify-content: start;
}
.chained__list {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin: 12px 0 4px;
}
@media (min-width: 768px) {
  .chained__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .chained__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.chained__list__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 4px;
}
.chained__list__link:hover {
  background-color: #f5f5fa;
}
.chained__list__link__img {
  position: relative;
  display: grid;
  place-content: center;
  padding: 8px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.050980392156862744);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.050980392156862744);
}
.chained__list__link.upgrade .chained__list__link__img:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: -1px;
  right: -1px;
  background-color: #ffc233;
}
.chained__list__link__text {
  max-width: 240px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .chained__list__link__text {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .chained__list__link__text {
    font-size: 12px;
    line-height: 16px;
  }
}
.chained__list__link__arrow {
  margin-left: auto;
}
.chained__more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: end;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  font-weight: 500;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .chained__more {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767.98px) {
  .chained__more {
    font-size: 12px;
    line-height: 16px;
  }
}
.rtl .chained__list__link__arrow {
  margin-left: 0;
  margin-right: auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tool__content {
  max-width: 1200px;
  margin: 20vh auto 42px;
}
.tool__content__head {
  max-width: 800px;
  margin: 42px auto;
}
.tool__content .infounit__list {
  padding: 42px;
}
.tool__content__block {
  max-width: 800px;
  margin: 42px auto;
}
.limit-alert {
  display: none;
  position: fixed;
  right: 467px;
  bottom: 24px;
  width: auto;
  z-index: 2;
  padding: 12px 24px 12px 92px;
  text-align: left;
  height: 80px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  background: #fff url(../img/limits/pattern.svg);
  -webkit-box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -8px 30px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: #47474f;
}
@media (max-width: 1440px) {
  .limit-alert {
    right: 407px;
  }
}
@media (max-width: 840px) {
  .limit-alert {
    right: 10px;
    bottom: 120px;
    width: 270px;
    padding: 8px 12px 12px 72px;
  }
}
@media (max-width: 768px) {
  .limit-alert {
    width: 200px;
    padding: 8px 12px 12px;
    bottom: 90px;
  }
}
.limit-alert:before {
  content: "";
  display: block;
  position: absolute;
  background-size: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 24px;
  width: 48px;
  height: 48px;
  background: url(../img/limits/icon.svg) no-repeat 50%;
}
@media (max-width: 840px) {
  .limit-alert:before {
    left: 12px;
  }
}
@media (max-width: 768px) {
  .limit-alert:before {
    display: none;
  }
}
.limit-alert__header {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
}
.limit-alert__content {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
.limit-alert:hover {
  border: 1px solid orange;
}
.limit-alert--files:before {
  background-image: url(../img/limits/files-icon.svg);
}
.limit-alert--size:before {
  background-image: url(../img/limits/size-icon.svg);
}
.limit-alert--pages:before {
  background-image: url(../img/limits/pages-icon.svg);
}
body.rtl .limit-alert {
  left: 467px;
  right: auto;
  padding: 8px 92px 12px 24px;
}
@media (max-width: 1440px) {
  body.rtl .limit-alert {
    left: 407px;
  }
}
@media (max-width: 840px) {
  body.rtl .limit-alert {
    left: 24px;
    padding: 8px 72px 12px 12px;
  }
}
@media (max-width: 768px) {
  body.rtl .limit-alert {
    padding: 8px 12px 12px;
  }
}
body.rtl .limit-alert:before {
  left: auto;
  right: 24px;
}
@media (max-width: 840px) {
  body.rtl .limit-alert:before {
    right: 12px;
  }
}
.limit-slide {
  margin-top: 48px;
  margin-bottom: 90px;
}
.limit-slide__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.limit-slide__title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.limit-slide__title:first-child {
  text-align: left;
}
.limit-slide__title:last-child {
  text-align: right;
}
.limit-slide__title div {
  font-weight: 400;
  text-transform: none;
}
.limit-slide__title--free {
  color: #4acd86;
}
.limit-slide__title--premium {
  color: #ffb400;
}
.limit-slide__slide {
  margin-top: 16px;
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #ffedc2;
}
.limit-slide__slide__premium {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffedc2;
  width: 100%;
  height: 8px;
  z-index: 1;
  border-radius: 4px;
}
.limit-slide__slide__free {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #4acd86;
  width: 0;
  height: 8px;
  z-index: 2;
  border-radius: 4px 0 0 4px;
  -webkit-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.limit-slide__slide__current {
  position: absolute;
  top: -4px;
  left: 0;
  background-color: #ffb400;
  width: 4px;
  height: 16px;
  z-index: 3;
  border-radius: 2px;
  pointer-events: none;
  -webkit-transition: left 0.8s ease-in-out;
  -o-transition: left 0.8s ease-in-out;
  transition: left 0.8s ease-in-out;
}
[next-from-confirm-files-no],
[next-from-confirm-files-yes] {
  text-align: left;
  min-width: auto;
}
@media screen and (max-height: 650px) {
  .toolpage:not(.sidebar-active) .add {
    position: static;
  }
}
@media screen and (min-height: 651px) {
  .toolpage:not(.sidebar-active) .add {
    position: absolute !important;
    bottom: 40px;
    left: 0;
    right: 0;
  }
}
#toggleCover {
  display: none;
}
.tool-pagenumber .editor__content__item__content,
.tool-watermark .editor__content__item__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
}
.tool-pagenumber .text,
.tool-watermark .text {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 6px 12px;
}
.tool-pagenumber .toolbar-align,
.tool-pagenumber .toolbar-background,
.tool-pagenumber .toolbar-font-shadow,
.tool-pagenumber .toolbar-remove,
.tool-pagenumber .toolbar-visibility,
.tool-watermark .toolbar-align,
.tool-watermark .toolbar-background,
.tool-watermark .toolbar-font-shadow,
.tool-watermark .toolbar-remove,
.tool-watermark .toolbar-visibility {
  display: none;
}
.tool-pagenumber .toolbar-format,
.tool-watermark .toolbar-format {
  border-right: 0;
}
.item-loading {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.8) url(../img/svg_icons/preload.svg) 50%
    no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
body.download .container {
  max-width: 1200px;
  margin: auto;
}
.tool__preview {
  display: none;
  width: 202px;
  margin-top: 52px;
  -webkit-transition: all 0.2s;
  -o-transition: 0.2s all;
  transition: all 0.2s;
}
@media (max-width: 840px) {
  .tool__preview {
    display: none;
  }
}
.tool__preview canvas,
.tool__preview img {
  max-width: 100%;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 8px;
}
.tool__preview.multiple {
  width: 242px;
}
.tool__preview.multiple .tool__preview__tabs {
  display: block;
}
.tool__preview.closed {
  width: 12px;
}
.tool__preview.closed .tool__preview__files,
.tool__preview.closed .tool__preview__pages,
.tool__preview.closed .tool__preview__tabs {
  -ms-flex: 0 0;
  flex: 0 0;
}
.tool__preview.closed .tool__preview__toggle svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tool__preview__title {
  font-size: 15px;
  font-weight: 500;
  margin: 12px;
}
.tool__preview__pages {
  -ms-flex: 0 0 190px;
  flex: 0 0 190px;
  background: #f5f5fa;
  overflow-y: auto;
  padding-top: 24px;
}
.tool__preview__pages.closed {
  -ms-flex: 0 0;
  flex: 0 0;
}
.tool__preview__files {
  -ms-flex: 0 0 190px;
  flex: 0 0 190px;
  background: #f5f5fa;
  overflow-y: auto;
}
.tool__preview__files__list {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.tool__preview__files.closed {
  -ms-flex: 0 0;
  flex: 0 0;
}
.tool__preview__tabs {
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  background: #707078;
  overflow-y: auto;
  display: none;
}
.tool__preview__tabs.closed {
  -ms-flex: 0 0;
  flex: 0 0;
}
.tool__preview__tabs__item {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tool__preview__tabs__item svg {
  fill: #fff;
}
.tool__preview__tabs__item.active {
  background: #f5f5fa;
}
.tool__preview__tabs__item.active svg {
  fill: #e5322d;
}
.tool__preview__toggle {
  background: #e1e1e1;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.tool__preview__toggle:hover path {
  fill: #e5322d;
}
.tool__preview .preview__file .close {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 4px;
  background: url(../img/svg_icons/close.svg) no-repeat 50%;
  background-size: contain;
  cursor: pointer;
}
.tool__preview .preview__file,
.tool__preview .preview__page {
  position: relative;
  width: 94px;
  text-align: center;
  margin: 12px auto;
  font-size: 12px;
}
.tool__preview .preview__file img,
.tool__preview .preview__page img {
  cursor: pointer;
}
.tool__preview .preview__file.active canvas,
.tool__preview .preview__file.active img,
.tool__preview .preview__page.active canvas,
.tool__preview .preview__page.active img {
  outline: 1px solid #007bff;
}
.tool__preview .preview__file.sortable-ghost > *,
.tool__preview .preview__page.sortable-ghost > * {
  display: block;
  opacity: 0.5;
}
.tool__preview .preview__file.sortable-ghost img,
.tool__preview .preview__page.sortable-ghost img {
  display: block;
  border: 1px solid #e5322d;
}
.tool__preview .preview__filename {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tool__preview .preview__bullet {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #4a7aab;
  border-radius: 100% 4px 100% 100%;
  right: -8px;
  top: 8px;
  cursor: pointer;
  text-indent: -9999999px;
}
.tool__preview .preview__bullet:hover {
  background: #204160;
}
.tool__preview .preview__separator {
  width: 90px;
  margin: 24px auto 32px;
  height: 1px;
  background: #adadb6;
}
.tool__preview .preview__separator:last-child {
  display: none;
}
.sidebar-active .tool__preview {
  display: -ms-flexbox;
  display: flex;
}
.receiver__container {
  padding: 24px;
  max-height: 80vh;
  overflow-y: auto;
  background: #f5f5fa;
  margin-top: 24px;
  margin-bottom: 24px;
}
.receiver__options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  background: #fff;
  border-top: 1px solid #d6d6df;
}
.receiver__drag {
  display: -ms-flexbox;
  display: flex;
  margin: 0 6px;
  cursor: move;
}
.receiver__drag:hover svg circle,
.receiver__drag:hover svg path {
  fill: #e5322d;
}
.receiver__count {
  margin: 0 18px 0 6px;
  color: #161616;
  font-size: 12px;
  font-weight: 500;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-indent: -999999pc;
}
.receiver__name {
  margin: 0 6px;
}
.receiver__name input,
.receiver__name select {
  width: 220px;
}
.receiver__email {
  margin: 0 6px;
}
.receiver__email input,
.receiver__email select {
  width: 220px;
}
@media (max-width: 1000px) {
  .receiver__email input,
  .receiver__email select {
    width: auto;
  }
}
.receiver__type {
  margin: 0 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.receiver__type__validator__info,
.receiver__type__viewer__info {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  cursor: pointer;
}
.receiver__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.receiver__actions .discard {
  cursor: pointer;
  margin-right: 24px;
}
.receiver__actions .discard:hover {
  color: #e5322d;
}
.receiver__action {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 12px;
}
@media (max-width: 1000px) {
  .receiver__action {
    margin-top: 4px;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    -ms-flex-pack: end;
    justify-content: end;
  }
}
.receiver__action__allow_costumize,
.receiver__action__password,
.receiver__action__sms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #adadb6;
  border-radius: 100%;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
  margin: 6px;
  cursor: pointer;
  position: relative;
}
.receiver__action__allow_costumize:hover,
.receiver__action__password:hover,
.receiver__action__sms:hover {
  background: #47474f;
}
.receiver__action__allow_costumize.active,
.receiver__action__password.active,
.receiver__action__sms.active {
  background: #0062c5;
}
.receiver__action__allow_costumize svg {
  margin-left: 2px;
}
.receiver__allow_costumize,
.receiver__password,
.receiver__sms {
  display: none;
  background: #fff;
  padding: 24px 12px 24px 90px;
  width: 100%;
}
.receiver__allow_costumize.active,
.receiver__password.active,
.receiver__sms.active {
  display: block;
}
.receiver__delete path {
  fill: #707078;
}
.receiver__delete:hover {
  cursor: pointer;
}
.receiver__delete:hover path {
  fill: #47474f;
}
.receiver__messages {
  margin-top: 24px;
}
.receiver__messages.disabled {
  opacity: 0.4;
  position: relative;
}
.receiver__messages.disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.receiver__confirm {
  display: none;
  padding: 12px 0;
  font-size: 14px;
  color: #e5322d;
}
.receiver-list {
  margin-bottom: 12px;
  margin-top: 12px;
  border: 1px solid #d6d6df;
}
.receiver-list__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.receiver-list__item.template {
  display: none;
}
.receiver-list__item:hover .receiver__delete {
  display: block;
}
.receiver-list__item:first-child .receiver__options {
  border-top: 0;
}
.receiver-list.sortable .receiver__count {
  text-indent: 0;
}
.receiver__elements {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #f5f5fa;
  border-top: 1px solid #d6d6df;
}
.receiver__elements .receiver__element {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 24px 6px;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(33.33% - 48px);
  flex-basis: calc(33.33% - 48px);
}
.receiver__elements .receiver__element__password {
  -ms-flex-order: 1;
  order: 1;
}
.receiver__elements .receiver__element__sms {
  -ms-flex-order: 2;
  order: 2;
}
.receiver__elements .receiver__element__allow_costumize {
  -ms-flex-order: 3;
  order: 3;
}
.receiver__elements .receiver__element__delete {
  cursor: pointer;
  margin-top: 4px;
  margin-left: 4px;
}
.receiver__elements .receiver__element__delete:hover path,
.receiver__elements .receiver__element__delete:hover svg,
.receiver__elements .receiver__element__delete path,
.receiver__elements .receiver__element__delete svg {
  fill: #47474f;
}
#addReceiver {
  background: #e7edf4;
  border: 1px solid #5483b7;
  color: #5483b7;
  width: 100%;
  border-radius: 1px;
  margin-top: -10px;
  margin-bottom: 32px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  height: 56px;
  font-size: 12px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
#addReceiver svg {
  margin-top: 0;
}
#addReceiver svg circle {
  stroke: #5483b7;
}
#addReceiver svg path {
  fill: #5483b7;
}
#addReceiver:hover {
  border: 1px solid #1d4772;
  color: #1d4772;
}
#addReceiver:hover svg circle {
  stroke: #1d4772;
}
#addReceiver:hover svg path {
  fill: #1d4772;
}
#addReceiver:active {
  border: 1px solid #47474f;
  color: #47474f;
}
#addReceiver:active svg circle {
  stroke: #47474f;
}
#addReceiver:active svg path {
  fill: #47474f;
}
.receiver__setting {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
}
.receiver__setting:last-child {
  border-bottom: none;
}
.receiver__setting .checkbox [type="checkbox"] + label {
  font-weight: 500;
  font-size: 15px;
  -ms-flex-align: center;
  align-items: center;
}
.receiver__setting .checkbox [type="checkbox"] + label > svg {
  margin-right: 12px;
  margin-left: 12px;
  width: 24px;
}
.receiver__setting__content {
  padding-left: 84px;
}
.receiver__setting__content.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.signature__draw,
.signature__upload {
  position: relative;
}
.signature__draw__clean,
.signature__upload__clean {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  z-index: 2;
}
.signature__draw__qr,
.signature__upload__qr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 172px;
  height: 172px;
  padding: 12px;
  text-align: center;
  border: 1px solid #e5e5e5;
  color: #e5322d;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  background: url(../img/items/qr-bg.svg) no-repeat 50%;
  background-size: 85%;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.signature__draw__qr:hover,
.signature__upload__qr:hover {
  border-color: #e5322d;
}
.signature__draw__area,
.signature__upload__area {
  width: 100%;
  height: 170px;
  background: #f5f5fa;
  border: 1px dashed #f5f5fa;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.signature__draw__area.error,
.signature__upload__area.error {
  border: 1px solid #e5322d;
}
.signature__draw:hover .signature__draw__area,
.signature__draw:hover .signature__upload__area,
.signature__upload:hover .signature__draw__area,
.signature__upload:hover .signature__upload__area {
  border: 1px dashed #5f83c6;
}
.signature__draw__content,
.signature__upload__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
  color: #969696;
}
.signature__draw__preview,
.signature__upload__preview {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 1;
}
.signature__draw.signed .signature__draw__content,
.signature__draw:hover .signature__draw__content,
.signature__upload.signed .signature__draw__content,
.signature__upload:hover .signature__draw__content {
  display: none;
}
.signature__draw.signed:hover .signature__draw__clean,
.signature__upload.signed:hover .signature__draw__clean {
  display: block;
}
.signature__draw.signed .signature__upload__content,
.signature__upload.signed .signature__upload__content {
  display: none;
}
.signature__draw.signed .signature__upload__clean,
.signature__draw.signed .signature__upload__preview,
.signature__upload.signed .signature__upload__clean,
.signature__upload.signed .signature__upload__preview {
  display: block;
}
.signature__upload .moxie-shim {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.signature__upload.upload .signature__upload__clean,
.signature__upload.upload .signature__upload__content,
.signature__upload.upload .signature__upload__preview {
  display: none;
}
.signature__upload.upload:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: url(../img/svg_icons/preload.svg);
  background-size: contain;
}
.signature__color__select {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.signature__color__item {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid #fff;
  margin: 2px 4px;
  cursor: pointer;
}
.signature__color__item:first-child {
  margin-left: 12px;
}
.signature__color__item.active,
.signature__color__itemhover {
  border-color: #e1e1e1;
}
.signature__font {
  max-height: 190px;
  overflow: auto;
  border: 1px solid #ebebf4;
  position: relative;
}
.signature__font li {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ebebf4;
  padding: 12px;
}
.signature__font li:hover {
  background: #f5f5fa;
}
.signature__font li .radio {
  width: 100%;
}
.signature__font li label {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  margin-left: 12px;
  font-size: 24px;
}
.signature__font__initials {
  margin-left: auto;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.signature-avatar {
  cursor: pointer;
}
.signature-avatar img {
  width: 100%;
  height: auto;
  border-radius: 100%;
  border: 2px solid #e5322d;
  overflow: hidden;
}
.signature__area {
  display: -ms-flexbox;
  display: flex;
  background: #f5f5fa;
  padding: 24px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  cursor: pointer !important;
}
.signature__area .signature__preview--signature,
.signature__area .signature__preview--signature img {
  max-width: 100%;
}
.signature__area__signature {
  width: 140px;
}
.signature__area--transparent {
  pointer-events: none;
  opacity: 0;
}
.signature__area:hover .signature__settings svg path {
  fill: #47474f;
}
.signature__area .signature__option {
  position: absolute;
  top: 10px;
  right: 32px;
}
.signature__area .signature__option svg path {
  fill: #707078;
}
.signature__area .signature__option:hover svg path {
  fill: #47474f;
}
.signature__area .signature__option .enabled {
  display: block;
}
.signature__area .signature__option .disabled {
  display: none;
}
.signature__area .signature__option .disabled path {
  fill: #ebebf4;
}
.signature__area .signature__option.disabled .enabled {
  display: none;
}
.signature__area .signature__option.disabled .disabled {
  display: block;
}
.signature__settings {
  position: absolute;
  top: 8px;
  right: 8px;
}
.signature__settings svg path {
  fill: #707078;
}
.signature__preview {
  font-size: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.signature__preview img,
.signature__preview svg {
  max-width: 140px;
  max-height: 36px;
}
.signature__firm {
  margin-top: 12px;
  border-top: 1px solid #161616;
  font-family: Courier, monospace;
  float: left;
  text-align: left;
  width: 140px;
}
.signature__firm__by {
  font-size: 10px;
  color: #161616;
  letter-spacing: 0.4px;
  line-height: 24px;
  height: 24px;
}
.signature__firm__code {
  font-size: 9px;
  color: #161616;
  letter-spacing: 0.33px;
  line-height: 10.4px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.signature__signers,
.signature__signers__item {
  display: -ms-flexbox;
  display: flex;
}
.signature__signers__item {
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  border-radius: 100%;
  margin-left: -6px;
  font-weight: 600;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.signature__action,
.signature__signers__item {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.signature__action {
  background: #e5322d;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
  line-height: 18px;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  width: 96px;
  position: absolute;
  z-index: 2;
  display: none;
}
.signature__action > * {
  display: none;
}
.signature__action.doaction {
  border-radius: 100px 2px 100px 100px;
}
@media (max-width: 840px) {
  .signature__action.doaction {
    width: 64px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 8px;
  }
}
@media (max-width: 1995px) and (min-width: 1025px) {
  .signature__action.doaction {
    width: 64px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 8px;
  }
}
@media (max-width: 840px) {
  .signature__action__icon {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media (max-width: 1995px) and (min-width: 1025px) {
  .signature__action__icon {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media (max-width: 840px) {
  .signature__action__text {
    display: none;
  }
}
@media (max-width: 1995px) and (min-width: 1025px) {
  .signature__action__text {
    display: none;
  }
}
.signature__review__status {
  display: none;
  margin-top: 24px;
}
.signature__review__status__item {
  background: #ebebf4;
  padding: 12px 42px 12px 16px;
  font-size: 12px;
  color: #161616;
  letter-spacing: 0.5px;
  line-height: 18px;
  position: relative;
  margin-top: 4px;
}
.signature__review__status__item strong {
  display: block;
}
.signature__review__status .status {
  position: absolute;
  height: 24px;
  background: rgba(0, 0, 0, 0);
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 6px;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
.signature__review__status .status,
.signature__review__status .status--sent,
.signature__review__status .status--viewed,
.signature__review__status .status--waiting {
  color: #d76c00;
  border: 1px solid #d76c00;
}
.signature__review__status .status--disapproved {
  color: #e90003;
  border: 1px solid #e90003;
}
.signature__review__status .status--approved {
  color: #1d9d58;
  border: 1px solid #1d9d58;
}
#signature-tabs {
  margin-top: 32px;
}
.signature__pending {
  position: fixed;
  bottom: 108px;
  right: 24px;
  width: 392px;
  margin: 0;
  z-index: 1030;
  font-size: 12px;
}
@media (max-width: 1440px) {
  .signature__pending {
    width: 330px;
    bottom: 112px;
  }
}
#completedFields {
  display: none;
  vertical-align: middle;
  border-radius: 100%;
  margin-bottom: 2px;
  margin-right: 4px;
}
.signature__draw .signature__draw__close {
  display: none;
  position: absolute;
  top: 12px;
  left: 12px;
  cursor: pointer;
  z-index: 2;
}
.signature__draw.active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 9;
}
.signature__draw.active .signature__draw__area {
  height: 100%;
}
.signature__draw.active .signature__draw__clean,
.signature__draw.active .signature__draw__close {
  display: block;
}
@media screen and (max-width: 840px) and (min-width: 740px) and (orientation: landscape) {
  #configSignature .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100vh;
    margin: 0;
  }
  #configSignature .modal-header {
    padding: 12px 64px 4px 32px;
  }
  #configSignature .modal-body > .row {
    width: 33%;
    float: left;
  }
  #configSignature .modal-body > .row .align-self-center,
  #configSignature .modal-body > .row .col-sm-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: inherit;
  }
  #configSignature .modal-body > .nav {
    margin-top: 0;
    margin-left: 33%;
  }
  #configSignature .modal-body > .tab-content {
    margin-left: 33%;
  }
}
.user .signature__option--uuid {
  display: none !important;
}
.upload-box {
  position: relative;
  max-width: 300px;
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
}
.upload-box__clean {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  z-index: 2;
}
.upload-box__area {
  width: 100%;
  height: 170px;
  background: #f5f5fa;
  border: 1px dashed #f5f5fa;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.upload-box__area.error {
  border: 1px solid #e5322d;
}
.upload-box:hover .upload-box__area {
  border: 1px dashed #5f83c6;
}
.upload-box__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  padding: 12px;
  color: #969696;
}
.upload-box__content,
.upload-box__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.upload-box__preview {
  display: none;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 1;
}
.upload-box.uploaded .upload-box__content {
  display: none;
}
.upload-box.uploaded .upload-box__clean,
.upload-box.uploaded .upload-box__preview {
  display: block;
}
.upload-box.uploading .upload-box__clean,
.upload-box.uploading .upload-box__content,
.upload-box.uploading .upload-box__preview {
  display: none;
}
.upload-box.uploading:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: url(../img/svg_icons/preload.svg);
  background-size: contain;
}
.upload-box__upload .moxie-shim {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.sign__mode {
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 32px 0 24px;
}
.sign__mode,
.sign__mode__item {
  display: -ms-flexbox;
  display: flex;
}
.sign__mode__item {
  background: #f5f5fa;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
  cursor: pointer;
  width: calc(50% - 12px);
}
.sign__mode__item img,
.sign__mode__item svg {
  height: 150px;
  width: auto;
}
.sign__mode__item .btn {
  margin-bottom: 12px;
  margin-top: 24px;
}
@media (max-width: 480px) {
  .sign__mode__item .btn {
    min-width: auto;
    width: 130%;
  }
}
.sign__font--alex {
  font-family: Alex Brush;
}
.sign__font--allura {
  font-family: Allura;
}
.sign__font--handle {
  font-family: Handlee;
}
.sign__font--kristi {
  font-family: Kristi;
}
.sign__font--aurore {
  font-family: La Belle Aurore;
}
.sign__font--mark {
  font-family: Marck Script;
}
.sign__font--reenie {
  font-family: Reenie Beanie;
}
.sign__font--satisfy {
  font-family: Satisfy;
}
.sign__font--zeyada {
  font-family: Zeyada;
}
.sign__font--shadows {
  font-family: Shadows Into Light;
}
.sign__signer__item {
  margin-bottom: 8px;
}
.sign__signer__item .sign__element__icon {
  -ms-flex-item-align: center;
  align-self: center;
  cursor: move;
}
.sign__signer__item.sortable-ghost {
  display: block;
  opacity: 0.4;
}
.sign__signer__bullet {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-right: 12px;
  -ms-flex-item-align: center;
  align-self: center;
  border: 1px solid #b4b4b4;
}
.sign__group {
  display: none;
  position: absolute;
  z-index: auto;
}
.sign__group:before {
  background: rgba(246, 246, 248, 0.5);
  border: 1px solid #007bff;
  z-index: 0;
}
.sign__group:after,
.sign__group:before {
  content: "";
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  position: absolute;
  top: -16px;
  left: -16px;
}
.sign__group:after {
  background: rgba(0, 0, 0, 0);
  z-index: 4;
}
.sign__group__actions {
  position: absolute;
  top: -25px;
  right: -4px;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
}
.sign__group.single:after {
  display: none;
}
.sign__action {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #4a7aab;
  margin-left: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.sign__action:hover {
  background: #204160;
}
.sign__action--edit {
  position: relative;
}
.sign__action--edit:hover > .sign__action__menu {
  display: block;
}
.sign__action--unlink {
  display: none;
}
.sign__action.disabled {
  pointer-events: none;
  background: grey;
}
.sign__action__menu {
  display: none;
  position: absolute;
  right: 100%;
  top: -50%;
  width: 160px;
  z-index: 9;
}
.sign__action__menu__item {
  width: 100%;
  background: #fff;
  position: relative;
  text-align: left;
  padding: 4px 12px;
  border-left: 2px solid rgba(0, 0, 0, 0);
}
.sign__action__menu__item .sign__action__menu {
  display: none;
}
.sign__action__menu__item:hover {
  background: #f5f5fa;
  border-left: 2px solid #e5322d;
}
.sign__action__menu__item:hover .sign__action__menu {
  display: block;
}
.sign__action__menu__item.disabled {
  color: #ebebf4;
  border-left: 2px solid #ebebf4;
}
.sign__draggable {
  height: 52px;
  padding: 6px 24px;
  display: -ms-flexbox;
  display: flex;
  cursor: move;
  margin-left: -24px;
  margin-right: -24px;
}
.sign__draggable__drag {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
}
.sign__draggable__content,
.sign__draggable__drag {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sign__draggable__content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-align: center;
  height: 40px;
  border-radius: 4px;
}
.sign__draggable__content--btn {
  background: #f4f5f9;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  border: 1px solid #9bb8da;
}
.sign__draggable__content--btn:hover {
  border: 1px solid #4a7aab;
}
.sign__draggable__content--btn .sign__draggable__icon {
  background: #4a7aab;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sign__draggable__content--btn .sign__draggable__icon g,
.sign__draggable__content--btn .sign__draggable__icon path,
.sign__draggable__content--btn .sign__draggable__icon svg {
  fill: #fff;
}
.sign__draggable__icon {
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #c0cfe1;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  border-radius: 4px;
}
.sign__draggable__icon svg {
  width: 15px;
  height: 15px;
}
.sign__draggable__icon g,
.sign__draggable__icon path,
.sign__draggable__icon svg {
  fill: #161616;
}
.sign__draggable__text {
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
}
.sign__draggable__preview {
  display: none;
}
.sign__draggable__count {
  width: 32px;
  height: 32px;
  background: #ebebf4;
  border-radius: 8px;
  cursor: pointer;
  padding: 6px;
}
.sign__draggable__count,
.sign__draggable__count span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.sign__draggable__count span {
  background: #4a7aab;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  min-width: 20px;
  height: 20px;
  border-radius: 12px;
}
.sign__draggable__count:hover span {
  background: #204160;
}
.sign__draggable__actions {
  width: 40px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sign__draggable__actions__edit {
  display: none;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #ebebf4 url(../img/elements/edit.svg) no-repeat 50%;
  cursor: pointer;
}
.sign__draggable__actions__edit:hover {
  background: #ebebf4 url(../img/elements/edit_h.svg) no-repeat 50%;
}
.sign__draggable:hover .draggable__text {
  color: #244462;
}
.sign__draggable.preview__active {
  height: 88px;
}
.sign__draggable.preview__active .sign__draggable__content {
  height: 76px;
  position: relative;
}
.sign__draggable.preview__active .sign__draggable__actions__edit {
  display: -ms-flexbox;
  display: flex;
}
.sign__draggable.preview__active .sign__draggable__text {
  font-size: 8px;
  color: #4a7aab;
  letter-spacing: 0.16px;
  line-height: 24px;
  position: absolute;
  left: 70px;
  top: -8px;
  font-weight: 600;
}
.sign__draggable.preview__active .sign__draggable__preview {
  border: 1px dashed #adadb6;
  height: calc(100% - 8px);
  -ms-flex: auto;
  flex: auto;
  margin-left: 8px;
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 24px;
}
.rtl .sign__draggable.preview__active .sign__draggable__text {
  left: auto;
  right: 70px;
}
.rtl .sign__draggable.preview__active .sign__draggable__preview {
  margin-left: 4px;
  margin-right: 8px;
}
.rtl .sign__draggable__text {
  margin-right: 0;
  margin-left: auto;
}
.sign__element {
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 8px 0 12px;
  width: 140px;
  height: 24px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: auto;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sign__element__icon {
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.sign__element__name {
  font-size: 12px;
  line-height: 12px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  margin: auto 0;
}
.sign__element__name > * {
  z-index: 2;
}
.sign__element__label {
  margin-right: auto;
}
.sign__element__custom {
  display: none;
  position: relative;
}
.sign__element__content {
  display: none;
  -ms-flex-align: center;
  align-items: center;
}
.sign__element__content__applied {
  line-height: normal;
  letter-spacing: normal;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  word-break: keep-all;
  font-size: 16px;
  line-height: 16px;
  margin-right: auto;
}
.sign__element__content__applied.edit:before {
  content: "";
  background: #fff;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  border: 1px solid red;
  border-radius: 4px;
}
.sign__element__content__applied > * {
  display: block;
  text-align: left;
}
.sign__element__content > *,
.sign__element__name > * {
  z-index: 2;
}
.sign__element__edit,
.sign__element__icon {
  z-index: 4;
}
.sign__element.active:before,
.sign__element.ds-selected:before {
  border: 1px solid #ef9a9a;
  background: #fff;
  z-index: 3;
}
.sign__element.active .sign__element__content > *,
.sign__element.active .sign__element__link > *,
.sign__element.active .sign__element__name > *,
.sign__element.ds-selected .sign__element__content > *,
.sign__element.ds-selected .sign__element__link > *,
.sign__element.ds-selected .sign__element__name > * {
  z-index: 3;
}
.sign__element.active .sign__element__edit,
.sign__element.active .sign__element__icon,
.sign__element.ds-selected .sign__element__edit,
.sign__element.ds-selected .sign__element__icon {
  z-index: 8;
}
.sign__element--group {
  display: block;
  background: none;
  padding: 2px;
  height: auto;
}
.sign__element--signature .sign__element__name {
  height: 36px;
}
.sign__element--signature .sign__element__content__applied {
  font-size: 24px;
  line-height: 24px;
}
.sign__element--signature
  .sign__element__content__applied
  .sign__element__textImage {
  margin-top: auto;
  max-height: 70%;
  max-width: 100%;
}
.sign__element__id {
  width: 100%;
  height: 36px;
  margin-top: 6px;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
  border-top: 1px solid hsla(0, 0%, 9%, 0.3);
  font-size: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Courier, Serif;
  color: #161616;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sign__element__edit {
  cursor: pointer;
  background: url(../img/items/edit.svg) no-repeat 50%;
}
.sign__element__edit,
.sign__element__link {
  width: 10px;
  height: 10px;
  position: absolute;
  right: -15px;
}
.sign__element__link {
  display: none;
  background: url(../img/items/link.svg) no-repeat 50%;
  top: -10px;
}
.sign__element--initials .sign__element__name {
  height: 36px;
}
.sign__element--initials .sign__element__content__applied {
  font-size: 48px;
  line-height: 48px;
}
.sign__element--initials.signed {
  font-size: 48px;
}
.sign__element--name.signed {
  font-size: 24px;
}
.sign__element--text {
  height: 24px;
  -ms-flex-pack: center;
  justify-content: center;
}
.sign__element--text .sign__element__content__applied {
  text-align: left;
  width: auto !important;
}
.sign__element--input .sign__element__label {
  max-height: 90%;
  overflow: hidden;
}
.sign__element__icon--signature {
  background-image: url(../img/sign/ico_signature.svg);
}
.sign__element__icon--initials {
  background-image: url(../img/sign/ico_initials.svg);
}
.sign__element__icon--name {
  background-image: url(../img/sign/ico_name.svg);
}
.sign__element__icon--date {
  background-image: url(../img/sign/ico_date.svg);
  background-size: contain;
}
.sign__element__icon--text {
  background-image: url(../img/sign/ico_text.svg);
}
.sign__element__icon--input {
  background-image: url(../img/sign/ico_input.svg);
}
.sign__element__icon--stamp {
  background-image: url(../img/sign/ico_stamp.svg);
}
.sign__element--list {
  height: auto;
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sign__element--list .sign__element {
  margin-bottom: 1px;
}
.sign__element--list .sign__element--signature {
  height: 48px;
}
.sign__element--list .sign__element--signature .sign__element__id,
.uuid--disabled .sign__element__id,
.uuid--disabled .signature__firm {
  display: none;
}
.tool-sign.mode-multiple .sign__element__guide {
  display: none;
  position: absolute;
  width: calc(100% + 16px);
  height: 1px;
  border-bottom: 1px dashed #161616;
  bottom: 16%;
  left: -8px;
  opacity: 0.4;
  z-index: 2;
}
.tool-sign.mode-multiple .sign__element__guide:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 22px;
  border-left: 1px dashed #161616;
  bottom: -12px;
  left: 16px;
}
.tool-sign.mode-multiple .sign__element:hover .sign__element__guide {
  display: block;
}
.tool-sign.mode-single .sign__element__guide {
  left: -18px;
}
.rtl .sign__element__icon {
  margin-left: 8px;
  margin-right: 0;
}
.rtl .sign__element__label {
  margin-right: 0;
  margin-left: auto;
}
.sign__element.sign {
  cursor: pointer;
  overflow: hidden;
}
.sign__element.sign .sign__element__content {
  display: none;
}
.sign__element.signed {
  background: none;
  border: 0;
}
.sign__element.signed img {
  max-height: 100%;
}
.sign__element.signed.active {
  border: none;
}
.sign__element.signed .sign__element__content {
  display: -ms-flexbox;
  display: flex;
}
.sign__element.signed .sign__element__icon,
.sign__element.signed .sign__element__name {
  display: none;
}
.sign__element.signed.sign__element--initials,
.sign__element.signed.sign__element--signature {
  font-size: 48px;
}
.sign__element.signed.sign__element--initials .sign__element__content__applied,
.sign__element.signed.sign__element--initials .sign__element__id,
.sign__element.signed.sign__element--signature .sign__element__content__applied,
.sign__element.signed.sign__element--signature .sign__element__id {
  margin: 0 -8px 0 -12px;
}
.sign__element.signed.sign__element--date,
.sign__element.signed.sign__element--name {
  font-size: 14px;
  padding: 0 8px 0 12px;
}
.sign__element.signed:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  top: -8px;
  left: -8px;
  background: none;
  border-color: rgba(0, 0, 0, 0);
}
.sign__element.signed.sign__element--date,
.sign__element.signed.sign__element--text {
  cursor: pointer;
}
.sign__element.signed.sign__element--date .sign__element__edit,
.sign__element.signed.sign__element--text .sign__element__edit {
  display: none;
}
.sign__element.signed .sign__element__id {
  margin-top: 0;
  border-top: 0;
  -ms-flex-pack: left;
  justify-content: left;
}
.sign__element.signed .sign__element__id .signature__firm {
  margin-top: 6px;
}
.sign__element.signed.sign__element--input {
  width: auto !important;
  text-align: left;
}
.sign__element.signed.sign__element--input .sign__element__content__applied {
  width: auto !important;
}
.sign__element.selfsigned {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  position: relative;
  display: block;
  border: 0;
}
.sign__element.selfsigned:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  background: none;
  border-color: rgba(0, 0, 0, 0);
  z-index: 2;
}
.sign__element.selfsigned.active:before,
.sign__element.selfsigned.ds-selected:before,
.sign__element.selfsigned:hover:before {
  border: 1px solid #ef9a9a;
  background: hsla(0, 0%, 100%, 0.8);
}
.sign__element.selfsigned .sign__element__content {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.sign__element.selfsigned .sign__element__edit {
  position: absolute;
  right: -23px;
  background: url(../img/items/edit.svg) no-repeat 50%;
}
.sign__element.selfsigned .sign__element__link {
  position: absolute;
  right: -23px;
  top: -10px;
}
.sign__element.selfsigned .sign__element__id {
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-top: 0;
  position: relative;
  z-index: 3;
  margin-top: 8px;
}
.sign__element.selfsigned .sign__element__id .signature__firm {
  margin-top: 0;
}
.sign__element.selfsigned .sign__element__link {
  padding-right: 12px;
  background: url(../img/items/link.svg) no-repeat 50%;
}
.sign__element.selfsigned img {
  max-height: 36px;
}
.sign__element.selfsigned .sign__element__icon,
.sign__element.selfsigned .sign__element__name {
  display: none;
}
.sign__element.selfsigned.sign__element--initials,
.sign__element.selfsigned.sign__element--signature {
  font-size: 48px;
}
.sign__element.selfsigned.sign__element--date,
.sign__element.selfsigned.sign__element--name {
  font-size: 14px;
}
.sign__element.selfsigned .sign__element__close {
  position: absolute;
  top: 50%;
  right: -20px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  z-index: 2;
}
.sign__element--list {
  padding: 0;
}
.selfsigned .sign__group:before {
  width: calc(100% + 48px);
  height: calc(100% + 48px);
  position: absolute;
  top: -24px;
  left: -24px;
}
.selfsigned .sign__group__actions {
  position: absolute;
  top: -33px;
  right: -10px;
}
.selfsigned .gizmo--top {
  top: -26px;
}
.selfsigned .gizmo--left {
  left: -26px;
}
.selfsigned .gizmo--bottom {
  bottom: -26px;
}
.selfsigned .gizmo--right {
  right: -26px;
}
.gizmo {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  border: 1px solid #007bff;
  z-index: 1;
  background: #fff;
}
.gizmo--top {
  top: -18px;
}
.gizmo--left {
  left: -18px;
}
.gizmo--bottom {
  bottom: -18px;
}
.gizmo--right {
  right: -18px;
}
.linked {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  position: absolute;
  top: -84px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #4a7aab url(../img/items/linked.svg) no-repeat 49.9%;
  opacity: 0.2;
  cursor: pointer;
}
.linked:hover {
  opacity: 1;
}
.linked:before {
  content: "";
  width: 0;
  height: 44px;
  border: 1px dashed #4a7aab;
  position: absolute;
  bottom: -44px;
  z-index: -1;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
}
.linked--down {
  top: auto;
  bottom: -84px;
}
.linked--down:before {
  top: -44px;
  bottom: auto;
}
.sign_template__list {
  margin-bottom: 42px;
}
.sign__clone__ranges {
  margin-bottom: 12px;
  border: 1px solid #f5f5fa;
  border-radius: 4px;
  margin-top: 24px;
  max-height: 170px;
  overflow-y: auto;
}
.sign__clone__ranges__item .range__remove {
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sign__clone__ranges__item .formarea {
  border-bottom: 1px solid #f5f5fa;
}
.sign__clone__ranges__item .formarea:hover {
  background: #fff;
}
.sign__clone__ranges__item:last-child .formarea {
  border-bottom: 0;
}
.currentTemplate {
  display: none;
}
#signMultipleIcon {
  display: inline-block;
  width: 19px;
  height: 13px;
  background: url(../img/elements/multiple.svg) 50%;
}
.autocomplete__entry__subtitle,
.autocomplete__entry__title {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.autocomplete {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 60;
  cursor: pointer;
  background-color: #fff;
}
.autocomplete__container {
  position: relative;
}
.autocomplete__hidden {
  display: none;
}
.autocomplete__entry {
  min-height: 40px;
}
.autocomplete__entry__fields {
  padding: 10px;
}
.autocomplete__entry__title {
  font-size: 16px;
}
.autocomplete__entry__subtitle {
  font-size: 12px;
}
.autocomplete__entry__active {
  background: #e9e9e9;
}
.autocomplete .autocomplete__entry + .autocomplete__entry {
  border-top: 1px solid #d4d4d4;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type="tel"],
.iti input[type="text"],
.iti select,
.iti select[type="tel"],
.iti select[type="text"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 3px solid rgba(0, 0, 0, 0);
  border-top: 4px solid #555;
}
[dir="rtl"] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__country-name,
.iti__flag-box {
  margin-right: 6px;
}
[dir="rtl"] .iti__country-name,
[dir="rtl"] .iti__flag-box {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown select,
.iti--allow-dropdown select[type="tel"],
.iti--allow-dropdown select[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code select,
.iti--separate-dial-code select[type="tel"],
.iti--separate-dial-code select[type="text"] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir="rtl"] .iti--allow-dropdown input,
[dir="rtl"] .iti--allow-dropdown input[type="tel"],
[dir="rtl"] .iti--allow-dropdown input[type="text"],
[dir="rtl"] .iti--allow-dropdown select,
[dir="rtl"] .iti--allow-dropdown select[type="tel"],
[dir="rtl"] .iti--allow-dropdown select[type="text"],
[dir="rtl"] .iti--separate-dial-code input,
[dir="rtl"] .iti--separate-dial-code input[type="tel"],
[dir="rtl"] .iti--separate-dial-code input[type="text"],
[dir="rtl"] .iti--separate-dial-code select,
[dir="rtl"] .iti--separate-dial-code select[type="tel"],
[dir="rtl"] .iti--separate-dial-code select[type="text"] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir="rtl"] .iti--allow-dropdown .iti__flag-container,
[dir="rtl"] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover,
.iti--allow-dropdown select[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown select[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown
  input[disabled]
  + .iti__flag-container:hover
  .iti__selected-flag,
.iti--allow-dropdown
  input[readonly]
  + .iti__flag-container:hover
  .iti__selected-flag,
.iti--allow-dropdown
  select[disabled]
  + .iti__flag-container:hover
  .iti__selected-flag,
.iti--allow-dropdown
  select[readonly]
  + .iti__flag-container:hover
  .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0);
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0;
}
.iti__flag {
  height: 15px;
  -webkit-box-shadow: 0 0 1px 0 #888;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../img/flags/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(../img/flags/flags%402x.png);
  }
}
.iti__flag.iti__np {
  background-color: rgba(0, 0, 0, 0);
}
.cert__payment__confirm {
  text-align: center;
  display: none;
}
.cert__payment__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 32px auto 68px;
}
@media (max-width: 48em) {
  .cert__payment__list {
    margin-top: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
}
.cert__payment__option {
  text-align: center;
  margin-bottom: 24px;
  display: none;
}
.cert__payment__option__title {
  padding: 24px;
  font-size: 18px;
  font-weight: 600;
}
.cert__payment__item {
  width: 182px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  margin: 6px;
  padding: 12px;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
}
@media (max-width: 48em) {
  .cert__payment__item {
    padding: 8px;
    margin: 4px;
    width: calc(50% - 8px);
  }
}
.cert__payment__item__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.cert__payment__item__title {
  font-size: 14px;
  font-weight: 600;
  color: #47474f;
  text-align: center;
  line-height: 34px;
  padding: 0 12px;
}
@media (max-width: 48em) {
  .cert__payment__item__title {
    font-size: 18px;
    line-height: 20px;
  }
}
.cert__payment__item__subtitle {
  font-size: 15px;
  color: #161616;
  letter-spacing: 0.3px;
  text-align: center;
  line-height: 24px;
}
@media (max-width: 48em) {
  .cert__payment__item__subtitle {
    font-size: 12px;
    line-height: 14px;
  }
}
.cert__payment__item__title2 {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  font-weight: 500;
  margin: 28px auto 32px;
}
.cert__payment__item__resume {
  position: absolute;
  bottom: -12px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (max-width: 48em) {
  .cert__payment__item__resume {
    position: relative;
    -webkit-transform: initial;
    transform: none;
    margin-top: 12px;
    bottom: auto;
  }
}
.cert__payment__item__resume .listcheck__item {
  font-size: 12px;
  margin-bottom: 8px;
}
@media (max-width: 48em) {
  .cert__payment__item__resume .listcheck__item {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.cert__payment__item.active {
  background: #f5f5fa;
}
.cert__payment__item.active:after {
  content: "";
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../img/elements/check_ok.svg) no-repeat 50%;
  background-size: contain;
  top: 12px;
  right: 12px;
}
.cert__payment__item.active,
.cert__payment__item:hover {
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.4);
}
.cert__payment__item__price {
  margin-top: 24px;
  margin-bottom: 52px;
  text-align: center;
  font-size: 32px;
  position: relative;
}
@media (max-width: 48em) {
  .cert__payment__item__price {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 22px;
  }
}
.cert__payment__item__price > * {
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  color: #161616;
}
@media (max-width: 48em) {
  .cert__payment__item__price > * {
    font-size: 22px;
    line-height: 24px;
  }
}
.cert__payment__item__price__extra {
  background: #4acd86;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  border-radius: 8px;
  padding: 4px 8px;
  position: absolute;
  bottom: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: -48px;
}
.cert__payment__item__action {
  background: #0062c5;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  padding: 12px;
  width: 156px;
  margin: auto auto 0;
}
@media (max-width: 48em) {
  .cert__payment__item__action {
    width: 100%;
  }
}
.cert__payment__item__description {
  font-size: 12px;
}
.cert__payment__item__disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background: hsla(0, 0%, 100%, 0.9);
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cert__payment__item.disabled {
  cursor: not-allowed;
}
.cert__payment__item.disabled:hover {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.cert__payment__item.disabled .cert__payment__item__disabled {
  display: -ms-flexbox;
  display: flex;
  color: #e5322d;
}
.cert__payment__item.getMore {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.cert__payment__done {
  text-align: center;
  margin: 48px;
  display: none;
}
#selectedCerts {
  background: #f5f5fa;
  padding: 24px 0 0;
  margin-bottom: 24px;
}
.signer-id .nav {
  margin-left: 40px;
}
.signer-id .tab-content {
  margin-left: 40px;
  position: relative;
}
.signer-id .subtab {
  display: -ms-flexbox;
  display: flex;
}
.signer-id .subtab-content {
  display: none;
  width: 100%;
}
.signer-id .subtab-content.active {
  display: block;
}
.signer-id .subtab-nav {
  position: absolute;
  margin-left: -66px;
  margin-top: -33px;
  background: #ebebf4;
  padding-top: 28px;
  width: 42px;
  height: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px 0 0 4px;
  border-top: 1px solid #ebebf4;
  border-left: 1px solid #ebebf4;
  border-bottom: 1px solid #ebebf4;
}
.signer-id .subtab-nav,
.signer-id .subtab-nav li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.signer-id .subtab-nav li {
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-left: 4px;
}
.signer-id .subtab-nav li svg {
  opacity: 0.75;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.signer-id .subtab-nav li svg path {
  fill: #4a7aab;
}
.signer-id .subtab-nav li:hover svg {
  opacity: 1;
}
.signer-id .subtab-nav li:hover svg path {
  fill: #161616;
}
.signer-id .subtab-nav li:active svg {
  opacity: 1;
}
.signer-id .subtab-nav li:active svg path {
  fill: #4a7aab;
}
.signer-id .subtab-nav li.active svg {
  opacity: 1;
}
.signer-id .subtab-nav li.active:after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 4px 0 0 4px;
  top: 0;
  left: 4px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.signer-id .subtab-nav li.active:hover {
  cursor: pointer;
}
.signer-id .subtab-nav li.active:hover svg {
  opacity: 1;
}
.signer-id .subtab-nav li.active:hover svg path {
  fill: #4a7aab;
}
.signer-id .subtab-nav li.disabled {
  cursor: not-allowed;
}
.signer-id .subtab-nav li.disabled svg {
  opacity: 1;
}
.signer-id .subtab-nav li.disabled svg path {
  fill: #aeaeb2;
}
.signature__font__signature {
  margin-left: 12px;
}
.signature__color__select {
  margin-top: 12px;
}
table {
  width: 100%;
  margin-bottom: 24px;
  border: 1px solid #eee;
}
table thead th {
  font-weight: 600;
  padding: 14px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
}
table tbody {
  background: #fff;
  border-color: rgba(0, 0, 0, 0);
}
table tbody tr {
  border-left: 4px solid rgba(0, 0, 0, 0);
}
table tbody tr:nth-child(odd) {
  background: #f5f5fa;
}
table tbody tr:hover {
  border-left: 4px solid #e5322d;
}
table tbody td {
  padding: 14px;
}
table.log {
  font-family: Courier;
  font-size: 13px;
  letter-spacing: -0.5px;
}
table.log tbody td {
  padding: 5px 14px;
}
table.log .child_row td {
  padding-left: 30px;
}
td.alert--warning {
  background-color: none;
}
td .icon {
  width: 24px;
  height: 24px;
}
td .icon svg {
  width: auto;
  height: 14px;
}
.tool-sign .editor,
.tool-signature .editor {
  padding-top: 8px;
}
.tool-sign .editor__content,
.tool-signature .editor__content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tool-sign .editor__page,
.tool-signature .editor__page {
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: keep-all;
}
.tool-sign .editor__page > img,
.tool-signature .editor__page > img {
  pointer-events: none;
}
.tool-sign .editor__page canvas,
.tool-signature .editor__page canvas {
  width: 100%;
}
.tool-sign .draggable,
.tool-signature .draggable {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#cancelReceiber {
  margin-right: 32px;
}
#cloneGroupModal .form__group.multiple {
  margin-top: 24px;
}
#groupsPanel,
#signaturePanel,
#signersPanel {
  display: none;
}
.editor__toolbar {
  margin-left: -24px;
  margin-right: -24px;
  display: -ms-flexbox;
  display: flex;
}
.editor__toolbar__options {
  width: 100%;
  border-radius: 0;
  padding: 12px 24px;
}
.editor__toolbar__block {
  background: none;
}
.editor__toolbar.fixed {
  top: 60px;
}
#expireDays {
  cursor: pointer;
}
#expireSet {
  display: none;
}
#receiversModal,
#receiversModal .modal-content,
#receiversModal .modal-dialog {
  overflow: unset;
}
#receiversModal hr {
  margin-top: 46px;
  margin-bottom: 32px;
  border: none;
}
#receiversModal .badge--premium img {
  margin: 0 4px;
}
#already {
  display: none;
}
.waitForFiles {
  z-index: 999;
}
#documents {
  font-weight: 500;
}
.loginAuth {
  cursor: pointer;
}
.loginAuth:hover {
  color: #e5322d;
}
#orderByName {
  display: none;
}
@media (max-width: 1024px) {
  .tool__preview {
    display: none !important;
  }
  .signature__action {
    left: -12px !important;
  }
  .editor__toolbar {
    margin-left: 0 !important;
  }
  .signature__pending {
    display: none !important;
  }
  #signature-tabs .nav-link span {
    display: none;
  }
  .signature-avatar {
    margin-bottom: 12px;
  }
  .signature-avatar img {
    max-width: 60px;
  }
  .signature-avatar #loginText {
    display: inline-block;
    margin-left: 12px;
  }
  .signature__color__item {
    margin-right: 12px;
  }
  .signature__font__signature {
    margin-left: 0;
  }
  .signature__font li {
    padding: 6px;
  }
  .signature__font li label {
    margin-left: 4px;
  }
  .tab-content > .active {
    padding: 16px 12px;
  }
  .limit-modal #modalLeft {
    padding: 12px;
    -ms-flex: auto;
    flex: auto;
  }
  .limit-modal .auth__box {
    min-width: auto;
  }
  .limit-modal #modalRight {
    display: none;
  }
  .limit-modal .modal-content {
    border-radius: 8px;
  }
}
body:not(.first-file-ready) .editor__toolbar,
body:not(.first-file-ready) .tool__preview,
body:not(.first-file-ready) .tool__sidebar .option__panel__content {
  display: none;
}
body.first-file-ready .tool__workarea {
  margin-top: 52px;
  height: auto;
}
body.tool-signature .header,
body.tool-signreview .header,
body.tool-signvalidate .header,
body.tool-signview .header {
  display: none !important;
}
body.tool-signature .main,
body.tool-signreview .main,
body.tool-signvalidate .main,
body.tool-signview .main {
  margin-top: 0;
}
body.tool-signature .editor__toolbar.fixed,
body.tool-signreview .editor__toolbar.fixed,
body.tool-signvalidate .editor__toolbar.fixed,
body.tool-signview .editor__toolbar.fixed {
  top: 0;
}
body.tool-signature .tool,
body.tool-signreview .tool,
body.tool-signvalidate .tool,
body.tool-signview .tool {
  height: 100vh;
}
body.tool-signature .tool__workarea,
body.tool-signreview .tool__workarea,
body.tool-signvalidate .tool__workarea,
body.tool-signview .tool__workarea {
  padding-top: 72px;
}
.editor__toolbar__block.page_status input,
.editor__toolbar__block.page_status select {
  width: 48px;
}
.ds-selector {
  z-index: 2;
}
#termsContent {
  border: 1px solid grey;
  padding: 12px 0;
  height: 140px;
  overflow: auto;
  display: none;
  zoom: 0.8;
}
#validatePhone {
  cursor: pointer;
}
.mode-single .tip--onlyRequest,
.tool-signature .tool__preview__files .tool__preview__title,
.tool-signature .tool__preview__files__list .close {
  display: none;
}
#groupsPanel {
  position: relative;
}
.option__panel__disabled {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  background: hsla(0, 0%, 100%, 0.6);
}
.option__panel__disabled.show {
  display: block;
}
.icon--premium {
  width: 20px;
  height: 20px;
  background: #ffc233 url(../img/items/king.svg) no-repeat;
  background-position: right 5px center;
  border-radius: 100%;
}
#trustLevel {
  display: none;
}
.sidebar-active #trustLevel {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  right: 464px;
  bottom: 18px;
  background: #fff;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  z-index: 1;
}
@media (max-width: 1440px) {
  .sidebar-active #trustLevel {
    right: 398px;
    width: 48px;
    height: 48px;
  }
  .sidebar-active #trustLevel .trust__indicator {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 840px) {
  .sidebar-active #trustLevel {
    right: 12px;
    bottom: 100px;
    width: 36px;
    height: 36px;
    z-index: 1;
  }
  .sidebar-active #trustLevel .trust__indicator {
    width: 36px;
    height: 36px;
  }
}
.trust {
  display: none;
}
.trust__setting {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
  position: relative;
}
.trust__setting:last-child {
  border-bottom: none;
}
.trust__setting__content {
  margin-top: 8px;
  padding-left: 74px;
  width: 80%;
}
@media (max-width: 840px) {
  .trust__setting__content {
    padding-left: 44px;
    width: 100%;
  }
}
.trust__setting__content.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.trust__setting__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
}
.trust__setting__title svg {
  margin-right: 12px;
  width: 22px;
}
.trust__setting__status {
  opacity: 0.3;
  width: 16px;
  height: 12px;
  background: url(../img/items/ok_sm_g2.svg) no-repeat 50%;
  margin-right: 24px;
}
.trust__setting__status.ok {
  opacity: 1;
}
.trust__setting__action {
  position: absolute;
  top: 24px;
  right: 0;
  color: #e5322d;
  text-decoration: underline;
  cursor: pointer;
}
.trust__setting .enabled {
  display: none;
}
.trust__setting .disabled {
  display: block;
}
.trust__setting.active .trust__setting__status {
  opacity: 1;
}
.trust__setting.active .enabled {
  display: block;
}
.trust__setting.active .disabled {
  display: none;
}
.trust__setting__fill {
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
}
.trust__setting__fill .receiver__edit {
  margin-left: 68px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 840px) {
  .trust__setting__fill .receiver__edit {
    margin-left: 38px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .trust__setting__fill .receiver__edit .receiver__element {
    margin: 8px 0;
  }
  .trust__setting__fill .receiver__edit .receiver__count {
    width: 18px;
    height: 18px;
    margin-right: 4px;
  }
  .trust__setting__fill .receiver__edit .receiver__element__delete {
    display: none;
  }
}
.trust__setting__fill .receiver__edit .receiver__element {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 38px;
  -ms-flex-align: center;
  align-items: center;
}
.trust__indicator {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.trust__indicator .trust__percent,
.trust__indicator .trust__percent svg {
  width: 100%;
  height: 100%;
}
.trust__indicator .trust__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.trust__indicator .trust__percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
  display: none;
}
.trust__indicator .circle-bg {
  fill: #fff;
  stroke: #eee;
  stroke-width: 3.8;
}
.trust__indicator .circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
}
.trust__indicator.pulse-in {
  -webkit-animation: circle-pulse 0.5s ease-out forwards;
  animation: circle-pulse 0.5s ease-out forwards;
}
.trust__indicator.pulse-out {
  -webkit-animation: circle-pulse 0.5s ease-out backwards;
  animation: circle-pulse 0.5s ease-out backwards;
}
.trust__indicator .circular-chart.orange .circle {
  stroke: #ff9f00;
}
.trust__indicator .circular-chart.green .circle {
  stroke: #4cc790;
}
.trust__indicator .circular-chart.blue .circle {
  stroke: #53bbfd;
}
.trust__advancedsignature__tooltip {
  color: #00f;
}
@-webkit-keyframes circle-progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes circle-progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(76, 144, 199, 0.7);
    box-shadow: 0 0 0 0 rgba(76, 144, 199, 0.7);
  }
  70% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 10px rgba(76, 144, 199, 0);
    box-shadow: 0 0 0 10px rgba(76, 144, 199, 0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(76, 144, 199, 0);
    box-shadow: 0 0 0 0 rgba(76, 144, 199, 0);
  }
}
@keyframes circle-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(76, 144, 199, 0.7);
    box-shadow: 0 0 0 0 rgba(76, 144, 199, 0.7);
  }
  70% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 10px rgba(76, 144, 199, 0);
    box-shadow: 0 0 0 10px rgba(76, 144, 199, 0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(76, 144, 199, 0);
    box-shadow: 0 0 0 0 rgba(76, 144, 199, 0);
  }
}
#trustLevel {
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor: pointer;
}
#trustLevel:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 0.4s cubic-bezier(0, 2.09, 0.8, 0.76);
  -o-transition: all 0.4s cubic-bezier(0, 2.09, 0.8, 0.76);
  transition: all 0.4s cubic-bezier(0, 2.09, 0.8, 0.76);
}
#trustLevel:hover .trust__icon {
  fill: #008ee9;
}
#trustLevel:hover .blue .circle {
  stroke: #008ee9;
}
.modal .trust__indicator {
  width: 32px;
  height: 32px;
}
@media (max-width: 840px) {
  .modal .trust__indicator {
    margin-right: -32px;
  }
}
.modal .trust__indicator .trust__icon {
  width: 16px;
  height: 16px;
}
body.process #trustLevel,
body.process-run #trustLevel {
  display: none !important;
}
.social__item {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  display: inline-block;
  margin-left: 8px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
}
.social__item--twitter {
  background-image: url(../img/svg_icons/twitter.svg);
}
.social__item--facebook {
  background-image: url(../img/svg_icons/facebook.svg);
}
.social__item--android {
  background-image: url(../img/svg_icons/android.svg);
}
.social__item--apple {
  background-image: url(../img/svg_icons/apple.svg);
}
.social__item--linkedin {
  background-image: url(../img/svg_icons/linkedin.svg);
}
.social__item--tiktok {
  background-image: url(../img/svg_icons/tiktok.svg);
}
.social__item--instagram {
  background-image: url(../img/svg_icons/instagram.svg);
}
.social__item:hover {
  opacity: 1;
}
.rtl .social__item {
  margin-left: 0;
  margin-right: 8px;
}