@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 900; }

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 700; }

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 100; }

@media only screen and (max-width: 1199px) {
  body {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0; } }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1;
  background: #fafafa;
  font-family: "Rubik", sans-serif; }

textarea {
  font-family: "Rubik", sans-serif; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  touch-action: manipulation; }

button::-moz-focus-inner,
select::-moz-focus-inner {
  border: 0;
  outline: none; }

html,
body {
  overflow-y: hidden; }

body {
  overflow-x: hidden; }

.tool-header {
  height: 46px;
  background-color: #042349;
  padding: 10px 20px;
  display: flex;
  align-items: center; }
  .tool-header .title-name {
    flex: 1;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px; }
    .tool-header .title-name.demo-title {
      flex: initial;
      width: 50%;
      text-align: left; }
  .tool-header .demo-logo {
    width: 50%; }
  .tool-header .site-logo {
    margin-right: 0px; }
  .tool-header .site-logo-text {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 16px; }
  .tool-header .action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 2 !important; }
    .tool-header .action-btn .resolution-option a {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      background-color: #05356F;
      display: inline-block;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 32px;
      font-size: 14px;
      justify-content: center;
      padding: 0; }
    .tool-header .action-btn a, .tool-header .action-btn button {
      text-decoration: none;
      color: #fff;
      outline: none;
      border: none;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      padding: 10px 15px;
      font-size: 12px;
      font-weight: 600;
      line-height: 14px;
      display: inline-block;
      margin-left: 10px;
      cursor: pointer;
      position: relative; }
      .tool-header .action-btn a .tooltip, .tool-header .action-btn button .tooltip {
        top: 135%;
        left: 50%;
        margin-left: -50px;
        visibility: hidden;
        position: absolute;
        width: 100px;
        background-color: #555;
        color: #fff;
        padding: 5px 0;
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
        text-align: center; }
        .tool-header .action-btn a .tooltip:before, .tool-header .action-btn button .tooltip:before {
          content: "";
          position: absolute;
          bottom: 100%;
          left: 50%;
          margin-left: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent #555 transparent; }
      .tool-header .action-btn a:hover .tooltip, .tool-header .action-btn button:hover .tooltip {
        visibility: visible;
        opacity: 1; }
      .tool-header .action-btn a svg, .tool-header .action-btn button svg {
        vertical-align: middle; }
      .tool-header .action-btn a.generate-video, .tool-header .action-btn button.generate-video {
        background-color: #FBBF1B; }
        .tool-header .action-btn a.generate-video:disabled, .tool-header .action-btn button.generate-video:disabled {
          background-color: rgba(153, 153, 153, 0.5);
          opacity: 1; }
          .tool-header .action-btn a.generate-video:disabled svg, .tool-header .action-btn button.generate-video:disabled svg {
            opacity: 0.5; }
      .tool-header .action-btn a.save-work, .tool-header .action-btn button.save-work {
        background-color: #0671DD; }
      .tool-header .action-btn a.reset-button, .tool-header .action-btn button.reset-button {
        background-color: transparent;
        border: 1px solid #0671DD;
        color: #0671DD; }
        .tool-header .action-btn a.reset-button svg, .tool-header .action-btn button.reset-button svg {
          fill: #0671DD;
          height: 14px !important; }
          .tool-header .action-btn a.reset-button svg g, .tool-header .action-btn button.reset-button svg g {
            stroke: #0671DD;
            fill: #0671DD; }
        .tool-header .action-btn a.reset-button.active, .tool-header .action-btn button.reset-button.active {
          background: rgba(4, 113, 221, 0.2); }

.sidebar {
  width: 300px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: url([object Module]);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column; }
  .sidebar .sidebar-header {
    padding: 20px 20px 20px; }
    .sidebar .sidebar-header .edit-user {
      float: right; }
  .sidebar .coach-profile {
    padding-top: 30px;
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(216, 216, 216, 0.15); }
    .sidebar .coach-profile figure {
      margin-right: 10px; }
      .sidebar .coach-profile figure img {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        object-fit: cover;
        border: 2px solid #022C5C;
        display: block; }
    .sidebar .coach-profile .coach-detail h6 {
      opacity: 0.7;
      color: #FFFFFF;
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 5px; }
    .sidebar .coach-profile .coach-detail h5 {
      color: #FFFFFF;
      font-size: 21px;
      font-weight: 500;
      line-height: 25px;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 185px; }
    .sidebar .coach-profile .coach-detail label {
      color: #022C5C;
      font-size: 12px;
      font-weight: 500;
      line-height: 14px;
      padding: 6px 20px;
      display: inline-block;
      background-color: #FBBF1B;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px; }
  .sidebar .sidebar-tab {
    flex: 1;
    max-height: calc(100vh - 242px - 69px);
    overflow-y: auto; }
    .sidebar .sidebar-tab li a {
      padding: 18px 20px;
      text-decoration: none;
      display: flex;
      align-items: center;
      color: #FFFFFF;
      cursor: pointer;
      transition: 0.4s all ease-in-out;
      opacity: 0.6; }
      .sidebar .sidebar-tab li a label {
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        line-height: 19px;
        transition: 0.4s all ease-in-out;
        text-transform: capitalize; }
      .sidebar .sidebar-tab li a svg {
        vertical-align: middle;
        margin-right: 15px; }
      .sidebar .sidebar-tab li a.active, .sidebar .sidebar-tab li a:hover {
        background: rgba(255, 255, 255, 0.1);
        opacity: 1; }
        .sidebar .sidebar-tab li a.active label, .sidebar .sidebar-tab li a:hover label {
          font-weight: 400; }
  .sidebar .sidebar-footer {
    padding: 10px 20px; }

.pointer {
  cursor: pointer; }

._loading_overlay_content {
  overflow: hidden;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%); }

object {
  max-height: calc(100% - 5px);
  pointer-events: none; }

.public-profile.tutorial-video-page * {
  box-sizing: border-box; }

.ps__rail-y,
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  width: 6px !important; }

body {
  user-select: none;
  -webkit-user-select: none;
  -html-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -html-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.draggable {
  display: inline-block; }

.align-right {
  float: right; }

.flexOne {
  flex: 1; }

.form-error {
  color: red;
  font-size: 12px;
  margin-top: 5px; }

.pointer.line-option-type {
  flex: 1; }

.non-active {
  border: 2px solid transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
  display: block !important; }
  .non-active svg {
    margin-top: 0px; }
  .non-active svg:focus, .non-active:focus {
    outline: none; }
  .non-active.player_disc_adjust {
    width: 60px;
    height: 60px;
    display: flex !important;
    align-items: center;
    justify-content: center; }

.active-slide-selector {
  border: 2px solid rgba(5, 53, 111, 0.6);
  text-align: center; }

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

.button-submit {
  color: #fff;
  background-color: #0671dd;
  padding: 15px 25px;
  border: 1px solid #0671dd;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-decoration: none;
  min-width: 45px;
  cursor: pointer;
  text-align: center;
  outline: none; }
  @media only screen and (max-width: 1400px) {
    .button-submit {
      padding: 10px 25px; } }

.player {
  font-size: 12px;
  color: #0091ff; }
  .player.green span {
    background-color: #6dd400;
    border: 2px solid #3d7601; }
  .player.team-2-player {
    color: #e02020; }
    .player.team-2-player span {
      background-color: #e02020;
      border: 2px solid #800202; }
    .player.team-2-player.green span {
      background-color: #6dd400;
      border: 2px solid #3d7601; }
  .player span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    color: #fff;
    font-size: 18px;
    margin: 0 auto 5px;
    background-color: #0091ff;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);
    border: 2px solid #014d87;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; }

body.ReactModal__Body--open,
body.body-lock {
  overflow: hidden;
  padding-right: 15px;
  position: fixed;
  width: 100%; }

.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 9; }

.ReactModal__Content {
  padding: 30px !important; }
  .ReactModal__Content button.close {
    top: 15px;
    right: 15px;
    position: absolute;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-weight: 800;
    background-color: rgba(201, 201, 204, 0.8);
    padding: 0; }
    .ReactModal__Content button.close span {
      display: flex;
      align-content: center;
      justify-content: center;
      font-size: 22px;
      font-family: "Rubik", sans-serif;
      line-height: 21px;
      width: 22px;
      height: 22px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      font-weight: 400; }
      @supports (-moz-appearance: none) {
        .ReactModal__Content button.close span {
          line-height: 20px; } }
    .ReactModal__Content button.close.tool-modal-close {
      height: 24px;
      width: 24px;
      background-color: #c6d8f0;
      font-size: 18px;
      top: 10px;
      right: 10px;
      text-align: center; }
      .ReactModal__Content button.close.tool-modal-close svg {
        fill: #042349;
        vertical-align: middle;
        margin-top: -2px; }
  .ReactModal__Content .edit-profile {
    width: 400px;
    max-width: 100%; }
    .ReactModal__Content .edit-profile h2 {
      color: #000 !important;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px; }
    .ReactModal__Content .edit-profile h3 {
      color: red !important;
      font-size: 12px;
      font-weight: 500;
      line-height: 28px; }
    .ReactModal__Content .edit-profile h4 {
      line-height: 18px;
      font-size: 15px; }
    .ReactModal__Content .edit-profile form,
    .ReactModal__Content .edit-profile div {
      margin-top: 25px; }
      .ReactModal__Content .edit-profile form .upload-picture,
      .ReactModal__Content .edit-profile div .upload-picture {
        padding-bottom: 5px; }
        .ReactModal__Content .edit-profile form .upload-picture .profile-figure,
        .ReactModal__Content .edit-profile div .upload-picture .profile-figure {
          height: 90px;
          width: 90px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          background-color: #f1f1f1;
          border: 2px solid #0471dd;
          position: relative;
          float: left; }
          .ReactModal__Content .edit-profile form .upload-picture .profile-figure img,
          .ReactModal__Content .edit-profile div .upload-picture .profile-figure img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            object-fit: cover; }
        .ReactModal__Content .edit-profile form .upload-picture input[type="file"],
        .ReactModal__Content .edit-profile div .upload-picture input[type="file"] {
          display: none; }
        .ReactModal__Content .edit-profile form .upload-picture label,
        .ReactModal__Content .edit-profile div .upload-picture label {
          float: left;
          background-color: #0671dd;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          padding: 5px 10px;
          font-weight: 500;
          margin-bottom: 0;
          color: #fff;
          font-size: 12px;
          position: absolute;
          top: 50%;
          left: 110px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .ReactModal__Content .edit-profile form .upload-picture label svg,
          .ReactModal__Content .edit-profile div .upload-picture label svg {
            margin-right: 10px; }
      .ReactModal__Content .edit-profile form fieldset,
      .ReactModal__Content .edit-profile div fieldset {
        margin-top: 10px;
        position: relative; }
        .ReactModal__Content .edit-profile form fieldset label,
        .ReactModal__Content .edit-profile div fieldset label {
          display: block;
          margin-bottom: 5px;
          font-size: 12px;
          font-weight: 400;
          color: rgba(2, 44, 92, 0.5);
          letter-spacing: 0.11px;
          line-height: 24px; }
          .ReactModal__Content .edit-profile form fieldset label.error,
          .ReactModal__Content .edit-profile div fieldset label.error {
            color: #ff0000;
            position: absolute;
            top: 100%;
            margin-top: 2px;
            font-size: 12px;
            line-height: 12px; }
        .ReactModal__Content .edit-profile form fieldset .form-control,
        .ReactModal__Content .edit-profile div fieldset .form-control {
          width: 100%;
          height: 50px;
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border: 1px solid rgba(2, 44, 92, 0.1);
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          box-sizing: border-box;
          outline: none;
          -webkit-appearance: none;
          padding: 0 15px;
          font-size: 14px; }
      .ReactModal__Content .edit-profile form .submit-btn,
      .ReactModal__Content .edit-profile div .submit-btn {
        background-color: #0671dd;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 10px 30px;
        border: none;
        color: #fff;
        height: 50px;
        margin-top: 25px;
        font-weight: 600;
        font-size: 14px;
        width: 100%;
        cursor: pointer; }
        .ReactModal__Content .edit-profile form .submit-btn:focus,
        .ReactModal__Content .edit-profile div .submit-btn:focus {
          outline: none; }
    .ReactModal__Content .edit-profile form {
      margin-top: 0; }
    .ReactModal__Content .edit-profile.work-name h2 {
      font-size: 24px; }
    .ReactModal__Content .edit-profile.work-name input {
      height: 44px;
      font-size: 14px;
      padding: 0 0 0 10px;
      width: 100%;
      box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: 1px solid rgba(2, 44, 92, 0.4);
      outline: none;
      font-family: "Rubik", sans-serif;
      line-height: 22px; }
    .ReactModal__Content .edit-profile.work-name label {
      font-size: 12px;
      color: rgba(2, 44, 92, 0.8);
      line-height: 24px;
      font-weight: 500; }
    .ReactModal__Content .edit-profile.work-name .form-section {
      margin-top: 40px; }
      .ReactModal__Content .edit-profile.work-name .form-section .right-section-field {
        margin-top: 5px; }
    .ReactModal__Content .edit-profile.work-name .form-error {
      margin-top: 5px; }
    .ReactModal__Content .edit-profile.work-name .submit-btn {
      margin-top: 20px; }
  @media only screen and (max-width: 1400px) {
    .ReactModal__Content {
      padding: 20px !important; } }

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out; }
  .sidebar-overlay.show-sidebar-overlay {
    opacity: 1;
    pointer-events: all; }

.orientation-lock {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 100vh;
  width: 100%; }
  .orientation-lock figure img {
    width: 80%; }
  .orientation-lock p {
    font-size: 36px;
    padding-top: 50px; }

.main-editing-tool {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #e8f2fe;
  height: calc(100vh - 66px); }
  @media only screen and (max-width: 1199px) {
    .main-editing-tool {
      height: calc(100vh - 58px); } }
  @media only screen and (max-width: 1024px) {
    .main-editing-tool {
      height: calc(100vh - 68px); } }
  .main-editing-tool .team-section {
    width: 120px;
    background-color: #ffffff;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out; }
    .main-editing-tool .team-section .scrollbar-wrapper ul {
      text-align: center; }
    .main-editing-tool .team-section.hide-left {
      margin-left: -120px; }
    .main-editing-tool .team-section.hide-right {
      margin-right: -120px; }
    .main-editing-tool .team-section .left-arrow-side {
      width: 0;
      height: 0;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 12px solid #fff;
      position: absolute;
      top: 30px;
      right: -12px;
      z-index: 9;
      display: none; }
    .main-editing-tool .team-section#team-2 .left-arrow-side {
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 12px solid transparent;
      border-right: 12px solid #fff;
      left: -24px;
      display: none; }
    .main-editing-tool .team-section .right-arrow-side {
      width: 0;
      height: 0;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-right: 12px solid rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 30px;
      left: -12px; }
    .main-editing-tool .team-section .team-view {
      background: -webkit-linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
      background: -moz-linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
      background: -o-linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
      background: -webkit-gradient(270deg, #0671dd 0%, #3b94fb 100%);
      background: linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
      text-align: center;
      padding: 15px 10px; }
      .main-editing-tool .team-section .team-view .profile-image {
        height: 68px;
        width: 68px;
        margin: 0 auto;
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative; }
        .main-editing-tool .team-section .team-view .profile-image .profile-image-team {
          position: absolute;
          bottom: 0px;
          right: -5px;
          background-color: #ffffff;
          height: 25px;
          width: 25px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          border: 1px solid #1077e2;
          cursor: pointer; }
        .main-editing-tool .team-section .team-view .profile-image figure {
          height: 60px;
          width: 60px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          overflow: hidden;
          background-color: #fff;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .main-editing-tool .team-section .team-view .profile-image figure img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover; }
        .main-editing-tool .team-section .team-view .profile-image .file-hidden {
          display: none; }
      .main-editing-tool .team-section .team-view .team-name {
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        text-align: center;
        margin-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .main-editing-tool .team-section .team-view .team-name h3 {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .main-editing-tool .team-section .team-view .team-name svg {
          margin-left: 5px;
          vertical-align: middle; }
        @media only screen and (max-width: 1199px) {
          .main-editing-tool .team-section .team-view .team-name {
            font-size: 10px; } }
    .main-editing-tool .team-section .team-setting,
    .main-editing-tool .team-section .field-replacement {
      text-align: center;
      padding: 12px 10px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-bottom: 1px solid rgba(2, 44, 92, 0.07); }
      .main-editing-tool .team-section .team-setting a,
      .main-editing-tool .team-section .field-replacement a {
        font-size: 12px;
        line-height: 14px;
        color: #0671dd;
        text-decoration: none; }
        .main-editing-tool .team-section .team-setting a object,
        .main-editing-tool .team-section .field-replacement a object {
          vertical-align: text-top;
          margin-right: 2px; }
        @media only screen and (max-width: 1199px) {
          .main-editing-tool .team-section .team-setting a,
          .main-editing-tool .team-section .field-replacement a {
            font-size: 10px; } }
    .main-editing-tool .team-section .team-setting a {
      display: flex;
      align-items: center; }
      .main-editing-tool .team-section .team-setting a span {
        padding-left: 5px; }
    @media only screen and (max-width: 1199px) {
      .main-editing-tool .team-section .team-setting {
        padding: 12px 5px; } }
    .main-editing-tool .team-section .field-replacement {
      position: relative; }
      .main-editing-tool .team-section .field-replacement a span {
        display: block;
        margin-top: 5px; }
      .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon {
        position: fixed;
        left: 121px;
        top: 65px;
        background-color: rgba(5, 44, 92, 0.5);
        -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
        padding: 5px;
        width: 203px;
        max-height: calc(100vh - 147px);
        overflow-y: hidden;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media only screen and (max-width: 1199px) {
          .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon {
            max-height: calc(100vh - 350px); } }
        @media only screen and (max-width: 1024px) {
          .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon {
            max-height: calc(100vh - 206px);
            left: 100px; } }
        .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon .scrollbar-wrapper .ps__rail-y {
          width: 8px !important;
          background-color: rgba(4, 40, 85, 0.8);
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          top: 0 !important; }
          .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
            background-color: #05356f;
            width: 4px;
            right: 2px; }
        .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap; }
          .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon ul li {
            width: 50%;
            padding: 5px;
            box-sizing: border-box;
            font-size: 10px;
            line-height: 12px;
            font-weight: 500;
            color: #fff;
            border: 1px solid transparent;
            position: relative;
            z-index: 9; }
            .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon ul li.active {
              border-color: rgba(255, 255, 255, 0.7); }
            .main-editing-tool .team-section .field-replacement .field-replacement-dropdwon ul li figure img {
              width: 100%;
              display: block;
              margin-bottom: 5px; }
      .main-editing-tool .team-section .field-replacement.team-1-field-replacement .field-replacement-dropdwon {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .main-editing-tool .team-section .field-replacement.team-2-field-replacement .field-replacement-dropdwon {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        left: unset;
        right: 121px; }
        @media only screen and (max-width: 1024px) {
          .main-editing-tool .team-section .field-replacement.team-2-field-replacement .field-replacement-dropdwon {
            right: 100px; } }
        .main-editing-tool .team-section .field-replacement.team-2-field-replacement .field-replacement-dropdwon ul li figure img {
          -moz-transform: scaleX(-1);
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }
    .main-editing-tool .team-section .player-list {
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: calc(100% - 137px - 40px - 67px);
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      overflow-y: hidden; }
      .main-editing-tool .team-section .player-list .level-name {
        font-family: "Oswald", sans-serif; }
      .main-editing-tool .team-section .player-list ul li {
        text-align: center;
        margin: 20px 10px; }
    @media only screen and (max-width: 1199px) {
      .main-editing-tool .team-section {
        width: 100px; }
        .main-editing-tool .team-section.hide-left {
          margin-left: -100px; }
        .main-editing-tool .team-section.hide-right {
          margin-right: -100px; } }
  .main-editing-tool .editing-field {
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 240px);
    margin: 0 auto; }
    @media only screen and (max-width: 1199px) {
      .main-editing-tool .editing-field {
        width: calc(100% - 200px);
        max-width: calc(100% - 200px); } }
  .main-editing-tool .field-section {
    height: calc(100vh - 66px - 74px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    overflow: hidden; }
    .main-editing-tool .field-section .img-privew {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .main-editing-tool .field-section .img-privew img {
        width: 100%;
        height: 100%; }
    .main-editing-tool .field-section .canvas-container {
      z-index: 2; }
    .main-editing-tool .field-section .inner-field {
      background-image: url([object Module]);
      height: 100%;
      width: 100%;
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      max-width: 1326px;
      max-height: 747px; }
      .main-editing-tool .field-section .inner-field canvas {
        width: 100%;
        height: 100%; }
      @media only screen and (max-width: 1199px) {
        .main-editing-tool .field-section .inner-field {
          max-width: 900px;
          max-height: 507px;
          background-image: url([object Module]); } }
  .main-editing-tool .toolbox {
    background-color: #042349;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    z-index: 9;
    position: relative; }
    .main-editing-tool .toolbox .tool-list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      .main-editing-tool .toolbox .tool-list:before {
        content: "";
        width: 2px;
        height: calc(100% - 20px);
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5); }
      .main-editing-tool .toolbox .tool-list ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex: 1; }
        .main-editing-tool .toolbox .tool-list ul li {
          text-align: center;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          position: relative; }
          .main-editing-tool .toolbox .tool-list ul li object {
            width: 23px;
            height: 23px;
            max-height: unset; }
          .main-editing-tool .toolbox .tool-list ul li.active {
            background-color: #052b5c; }
          .main-editing-tool .toolbox .tool-list ul li.listing-data {
            position: static; }
          .main-editing-tool .toolbox .tool-list ul li a,
          .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
            text-decoration: none;
            padding: 15px 20px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-transition: 0.4s all ease-in-out;
            -moz-transition: 0.4s all ease-in-out;
            -o-transition: 0.4s all ease-in-out;
            transition: 0.4s all ease-in-out;
            height: 100%;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            cursor: pointer; }
            .main-editing-tool .toolbox .tool-list ul li a img,
            .main-editing-tool .toolbox .tool-list ul li .tool-tab-list img {
              margin: 0 auto; }
            @media only screen and (max-width: 1500px) {
              .main-editing-tool .toolbox .tool-list ul li a,
              .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
                padding: 15px 12px; } }
            @media only screen and (max-width: 1400px) {
              .main-editing-tool .toolbox .tool-list ul li a,
              .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
                padding: 15px 10px; } }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .tool-list ul li a,
              .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
                padding: 15px 15px; } }
            @media only screen and (max-width: 1024px) {
              .main-editing-tool .toolbox .tool-list ul li a,
              .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
                padding: 15px 10px; } }
            .main-editing-tool .toolbox .tool-list ul li a:hover, .main-editing-tool .toolbox .tool-list ul li a.active,
            .main-editing-tool .toolbox .tool-list ul li .tool-tab-list:hover,
            .main-editing-tool .toolbox .tool-list ul li .tool-tab-list.active {
              background-color: #052c5c; }
            .main-editing-tool .toolbox .tool-list ul li a span,
            .main-editing-tool .toolbox .tool-list ul li .tool-tab-list span {
              display: block;
              font-size: 12px;
              color: rgba(255, 255, 255, 0.7);
              margin-top: 7px; }
            .main-editing-tool .toolbox .tool-list ul li a.active svg,
            .main-editing-tool .toolbox .tool-list ul li .tool-tab-list.active svg {
              opacity: 1; }
            .main-editing-tool .toolbox .tool-list ul li a.active span,
            .main-editing-tool .toolbox .tool-list ul li .tool-tab-list.active span {
              color: #fff; }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .tool-list ul li a svg,
              .main-editing-tool .toolbox .tool-list ul li .tool-tab-list svg {
                width: 14px;
                height: 14px;
                margin-bottom: 7px; }
              .main-editing-tool .toolbox .tool-list ul li a span,
              .main-editing-tool .toolbox .tool-list ul li .tool-tab-list span {
                font-size: 8px;
                margin-top: 3px; } }
          .main-editing-tool .toolbox .tool-list ul li.drag-draw-step a:hover,
          .main-editing-tool .toolbox .tool-list ul li.drag-draw-step .tool-tab-list:hover, .main-editing-tool .toolbox .tool-list ul li.drag-draw-step.active {
            background: #97a3b4; }
            .main-editing-tool .toolbox .tool-list ul li.drag-draw-step a:hover svg g,
            .main-editing-tool .toolbox .tool-list ul li.drag-draw-step .tool-tab-list:hover svg g, .main-editing-tool .toolbox .tool-list ul li.drag-draw-step.active svg g {
              fill: #004c7e; }
            .main-editing-tool .toolbox .tool-list ul li.drag-draw-step a:hover span,
            .main-editing-tool .toolbox .tool-list ul li.drag-draw-step .tool-tab-list:hover span, .main-editing-tool .toolbox .tool-list ul li.drag-draw-step.active span {
              color: #004c7e; }
    .main-editing-tool .toolbox .tool-list,
    .main-editing-tool .toolbox .animation-play {
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .main-editing-tool .toolbox .animation-play {
      padding: 10px 20px 10px 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .main-editing-tool .toolbox .animation-play .frame-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch;
        height: 100%;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        justify-content: flex-end; }
        .main-editing-tool .toolbox .animation-play .frame-box h6 {
          font-size: 12px;
          line-height: 14px;
          color: rgba(255, 255, 255, 0.7);
          margin-right: 20px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          height: 100%;
          text-align: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          @media only screen and (max-width: 1199px) {
            .main-editing-tool .toolbox .animation-play .frame-box h6 {
              font-size: 8px;
              line-height: 12px;
              margin-right: 10px; } }
        .main-editing-tool .toolbox .animation-play .frame-box .frames {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -moz-box-align: stretch;
          -ms-flex-align: stretch;
          -webkit-align-items: stretch;
          align-items: stretch;
          background-color: #030f22;
          padding: 0 0px 0 5px;
          border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px; }
          .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider {
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            max-width: 250px; }
            .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item {
              margin: 10px 2.5px; }
              .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item a {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center; }
                .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item a.active svg g {
                  fill: #0671DD; }
                .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item a.inactive svg g {
                  fill: #0671DD; }
              .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item svg {
                width: 25px; }
                @media only screen and (max-width: 1400px) {
                  .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item svg {
                    width: 20px; } }
  @media only screen and (max-width: 1400px) and (max-width: 1199px) {
    .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider .item svg {
      width: 20px; } }
            @media only screen and (max-width: 1400px) {
              .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider {
                max-width: 130px; } }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider {
                max-width: 150px; } }
          .main-editing-tool .toolbox .animation-play .frame-box .frames .incre-decrement {
            margin-left: 5px; }
            .main-editing-tool .toolbox .animation-play .frame-box .frames .incre-decrement a,
            .main-editing-tool .toolbox .animation-play .frame-box .frames .incre-decrement .frame-control {
              background-color: #05356f;
              width: 25px;
              height: 25px;
              margin: 2px;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              border-radius: 2px;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              cursor: pointer;
              margin-right: 0; }
        .main-editing-tool .toolbox .animation-play .frame-box .speed {
          width: 60px;
          border: 1px solid #052c5c;
          background-color: #05356f;
          margin-left: 2.5px;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .main-editing-tool .toolbox .animation-play .frame-box .speed h3 {
            font-size: 16px;
            color: #d5e8fe;
            line-height: 24px;
            font-weight: 500; }
            @media only screen and (max-width: 1400px) {
              .main-editing-tool .toolbox .animation-play .frame-box .speed h3 {
                font-size: 16px; } }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .animation-play .frame-box .speed h3 {
                font-size: 12px; } }
          .main-editing-tool .toolbox .animation-play .frame-box .speed span {
            color: rgba(255, 255, 255, 0.7);
            font-size: 10px;
            line-height: 12px; }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .animation-play .frame-box .speed span {
                font-size: 8px; } }
      .main-editing-tool .toolbox .animation-play .action-play {
        margin-left: 10px; }
        .main-editing-tool .toolbox .animation-play .action-play ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center; }
          .main-editing-tool .toolbox .animation-play .action-play ul li:first-child, .main-editing-tool .toolbox .animation-play .action-play ul li:last-child {
            height: 24px;
            width: 24px;
            background-color: #05356f;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            text-align: center;
            line-height: 24px;
            margin: 0 3px; }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .animation-play .action-play ul li:first-child, .main-editing-tool .toolbox .animation-play .action-play ul li:last-child {
                height: 18px;
                width: 18px;
                line-height: 18px; }
                .main-editing-tool .toolbox .animation-play .action-play ul li:first-child svg, .main-editing-tool .toolbox .animation-play .action-play ul li:last-child svg {
                  width: 10px; } }
          .main-editing-tool .toolbox .animation-play .action-play ul li:nth-child(2) {
            height: 35px;
            width: 35px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            background-color: #0671dd;
            line-height: 35px;
            text-align: center;
            border: 2.8px solid #0671dd; }
            @media only screen and (max-width: 1199px) {
              .main-editing-tool .toolbox .animation-play .action-play ul li:nth-child(2) {
                width: 25px;
                height: 25px;
                line-height: 25px; }
                .main-editing-tool .toolbox .animation-play .action-play ul li:nth-child(2) svg {
                  width: 18px; } }
      @media only screen and (max-width: 1199px) {
        .main-editing-tool .toolbox .animation-play {
          padding: 10px; } }

.authenticate-page {
  height: 100vh;
  width: 100%;
  background-image: url([object Module]);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow-x: hidden; }
  .authenticate-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
  .authenticate-page .logo-section {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99; }
    .authenticate-page .logo-section img {
      width: auto; }
  .authenticate-page .authenticate-page-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: relative; }
    .authenticate-page .authenticate-page-content .left-side-content {
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .authenticate-page .authenticate-page-content .left-side-content .content-box {
        width: 570px;
        max-width: 100%;
        text-align: center;
        position: relative;
        z-index: 99; }
        .authenticate-page .authenticate-page-content .left-side-content .content-box h2 {
          font-size: 50px;
          color: #ffffff;
          line-height: 60px;
          font-weight: 500;
          margin-bottom: 20px; }
          @media only screen and (max-width: 1199px) {
            .authenticate-page .authenticate-page-content .left-side-content .content-box h2 {
              font-size: 40px; } }
        .authenticate-page .authenticate-page-content .left-side-content .content-box p {
          font-size: 17px;
          line-height: 24px;
          color: #ffffff; }
    .authenticate-page .authenticate-page-content .form-section {
      width: 380px;
      backdrop-filter: blur(5px);
      height: 100vh;
      background-color: rgba(9, 32, 86, 0.5);
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 60px;
      position: relative;
      overflow-x: hidden; }
      .authenticate-page .authenticate-page-content .form-section .sign-in,
      .authenticate-page .authenticate-page-content .form-section .sign-up,
      .authenticate-page .authenticate-page-content .form-section forgot-password {
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .authenticate-page .authenticate-page-content .form-section .sign-in h3,
        .authenticate-page .authenticate-page-content .form-section .sign-up h3,
        .authenticate-page .authenticate-page-content .form-section forgot-password h3 {
          color: #ffffff;
          font-size: 24px;
          line-height: 28px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          font-weight: 500; }
          .authenticate-page .authenticate-page-content .form-section .sign-in h3 svg,
          .authenticate-page .authenticate-page-content .form-section .sign-up h3 svg,
          .authenticate-page .authenticate-page-content .form-section forgot-password h3 svg {
            margin-right: 15px;
            vertical-align: middle; }
          .authenticate-page .authenticate-page-content .form-section .sign-in h3 span img,
          .authenticate-page .authenticate-page-content .form-section .sign-up h3 span img,
          .authenticate-page .authenticate-page-content .form-section forgot-password h3 span img {
            vertical-align: middle;
            margin-left: 10px; }
          @media only screen and (max-width: 1199px) {
            .authenticate-page .authenticate-page-content .form-section .sign-in h3,
            .authenticate-page .authenticate-page-content .form-section .sign-up h3,
            .authenticate-page .authenticate-page-content .form-section forgot-password h3 {
              font-size: 20px; } }
        .authenticate-page .authenticate-page-content .form-section .sign-in p,
        .authenticate-page .authenticate-page-content .form-section .sign-up p,
        .authenticate-page .authenticate-page-content .form-section forgot-password p {
          color: rgba(255, 255, 255, 0.8);
          font-size: 13px;
          line-height: 16px;
          padding-top: 15px; }
        .authenticate-page .authenticate-page-content .form-section .sign-in ul,
        .authenticate-page .authenticate-page-content .form-section .sign-up ul,
        .authenticate-page .authenticate-page-content .form-section forgot-password ul {
          margin-top: 50px; }
          .authenticate-page .authenticate-page-content .form-section .sign-in ul li,
          .authenticate-page .authenticate-page-content .form-section .sign-up ul li,
          .authenticate-page .authenticate-page-content .form-section forgot-password ul li {
            margin-bottom: 15px; }
            .authenticate-page .authenticate-page-content .form-section .sign-in ul li a,
            .authenticate-page .authenticate-page-content .form-section .sign-up ul li a,
            .authenticate-page .authenticate-page-content .form-section forgot-password ul li a {
              text-decoration: none; }
              .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in,
              .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email,
              .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in,
              .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email,
              .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in,
              .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email {
                height: 50px;
                background-color: #fff;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                padding: 0 7px; }
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in img,
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email img,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in img,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email img,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in img,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email img {
                  display: block; }
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in .buttonText,
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email .buttonText,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in .buttonText,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email .buttonText,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in .buttonText,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email .buttonText {
                  text-align: center;
                  flex: 1;
                  color: #808080;
                  font-family: "Rubik";
                  font-size: 14px;
                  font-weight: 500;
                  letter-spacing: 0.6px;
                  line-height: 17px; }
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.facebook-sig-in, .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.facebook-sig-in,
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.facebook-sig-in,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.facebook-sig-in,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.facebook-sig-in,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.facebook-sig-in,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.continue-with-email {
                  background-color: #3e73d2;
                  padding: 0 13px; }
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.facebook-sig-in img, .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.continue-with-email img,
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.facebook-sig-in img,
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.continue-with-email img,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.facebook-sig-in img,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.continue-with-email img,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.facebook-sig-in img,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.continue-with-email img,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.facebook-sig-in img,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.continue-with-email img,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.facebook-sig-in img,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.continue-with-email img {
                    width: 24px;
                    display: block; }
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.facebook-sig-in .buttonText, .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.continue-with-email .buttonText,
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.facebook-sig-in .buttonText,
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.continue-with-email .buttonText,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.facebook-sig-in .buttonText,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.continue-with-email .buttonText,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.facebook-sig-in .buttonText,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.continue-with-email .buttonText,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.facebook-sig-in .buttonText,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.continue-with-email .buttonText,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.facebook-sig-in .buttonText,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.continue-with-email .buttonText {
                    color: #fff; }
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.continue-with-email,
                .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.continue-with-email {
                  background-color: transparent;
                  border: 1px solid #fff; }
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .google-sign-in.continue-with-email span svg,
                  .authenticate-page .authenticate-page-content .form-section .sign-in ul li a .continue-with-email.continue-with-email span svg,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .google-sign-in.continue-with-email span svg,
                  .authenticate-page .authenticate-page-content .form-section .sign-up ul li a .continue-with-email.continue-with-email span svg,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .google-sign-in.continue-with-email span svg,
                  .authenticate-page .authenticate-page-content .form-section forgot-password ul li a .continue-with-email.continue-with-email span svg {
                    vertical-align: middle; }
        .authenticate-page .authenticate-page-content .form-section .sign-in fieldset,
        .authenticate-page .authenticate-page-content .form-section .sign-up fieldset,
        .authenticate-page .authenticate-page-content .form-section forgot-password fieldset {
          margin-bottom: 15px; }
          .authenticate-page .authenticate-page-content .form-section .sign-in fieldset.check-terms-condition,
          .authenticate-page .authenticate-page-content .form-section .sign-up fieldset.check-terms-condition,
          .authenticate-page .authenticate-page-content .form-section forgot-password fieldset.check-terms-condition {
            margin-bottom: 30px; }
          .authenticate-page .authenticate-page-content .form-section .sign-in fieldset .form-control,
          .authenticate-page .authenticate-page-content .form-section .sign-up fieldset .form-control,
          .authenticate-page .authenticate-page-content .form-section forgot-password fieldset .form-control {
            box-sizing: border-box;
            height: 50px;
            width: 100%;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding: 0 15px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            background-color: transparent;
            outline: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            color: #fff; }
          .authenticate-page .authenticate-page-content .form-section .sign-in fieldset .submit-btn,
          .authenticate-page .authenticate-page-content .form-section .sign-in fieldset .next-btn,
          .authenticate-page .authenticate-page-content .form-section .sign-up fieldset .submit-btn,
          .authenticate-page .authenticate-page-content .form-section .sign-up fieldset .next-btn,
          .authenticate-page .authenticate-page-content .form-section forgot-password fieldset .submit-btn,
          .authenticate-page .authenticate-page-content .form-section forgot-password fieldset .next-btn {
            height: 50px;
            background-color: #0671dd;
            -webkit-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
            -moz-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
            box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
            color: #ffffff;
            font-size: 14px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            outline: none;
            border: none;
            font-weight: 600;
            letter-spacing: 1px;
            line-height: 16px;
            text-align: center;
            width: 100%;
            cursor: pointer;
            display: block;
            line-height: 50px;
            text-decoration: none; }
        .authenticate-page .authenticate-page-content .form-section .sign-in form,
        .authenticate-page .authenticate-page-content .form-section .sign-up form,
        .authenticate-page .authenticate-page-content .form-section forgot-password form {
          margin-top: 50px; }
          .authenticate-page .authenticate-page-content .form-section .sign-in form .forgot-password,
          .authenticate-page .authenticate-page-content .form-section .sign-up form .forgot-password,
          .authenticate-page .authenticate-page-content .form-section forgot-password form .forgot-password {
            text-align: center; }
            .authenticate-page .authenticate-page-content .form-section .sign-in form .forgot-password a,
            .authenticate-page .authenticate-page-content .form-section .sign-up form .forgot-password a,
            .authenticate-page .authenticate-page-content .form-section forgot-password form .forgot-password a {
              font-family: "Rubik";
              font-size: 14px;
              font-weight: 500;
              letter-spacing: 0.6px;
              line-height: 16px;
              color: rgba(255, 255, 255, 0.7);
              font-size: 14px;
              line-height: 17px;
              padding-top: 5px; }
        .authenticate-page .authenticate-page-content .form-section .sign-in.social-types-signup,
        .authenticate-page .authenticate-page-content .form-section .sign-up.social-types-signup,
        .authenticate-page .authenticate-page-content .form-section forgot-password.social-types-signup {
          -webkit-transition: 0.4s all ease-in-out;
          -moz-transition: 0.4s all ease-in-out;
          -o-transition: 0.4s all ease-in-out;
          transition: 0.4s all ease-in-out; }
      .authenticate-page .authenticate-page-content .form-section .new-signup {
        text-align: center;
        padding: 20px; }
        .authenticate-page .authenticate-page-content .form-section .new-signup p {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          font-size: 14px;
          color: #ffffff;
          line-height: 16px;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .authenticate-page .authenticate-page-content .form-section .new-signup p a {
            color: #0671dd;
            font-weight: 500;
            line-height: 16px;
            display: inline-block;
            margin-left: 5px; }
      @media only screen and (max-width: 1199px) {
        .authenticate-page .authenticate-page-content .form-section {
          width: 300px;
          padding: 0 30px; } }
    .authenticate-page .authenticate-page-content .login-in-form-box {
      position: absolute;
      top: 50%;
      left: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 99;
      width: calc(100% - 120px);
      height: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transition: 0.4s all ease-in-out;
      -moz-transition: 0.4s all ease-in-out;
      -o-transition: 0.4s all ease-in-out;
      transition: 0.4s all ease-in-out;
      opacity: 0;
      pointer-events: none; }
      @media only screen and (max-width: 1199px) {
        .authenticate-page .authenticate-page-content .login-in-form-box {
          width: calc(100% - 60px); } }
    .authenticate-page .authenticate-page-content .step-form {
      position: relative; }
      .authenticate-page .authenticate-page-content .step-form form {
        margin-top: 0;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: flex;
        position: relative; }
        .authenticate-page .authenticate-page-content .step-form form .step-1,
        .authenticate-page .authenticate-page-content .step-form form .step-2,
        .authenticate-page .authenticate-page-content .step-form form .step-3 {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          -webkit-transition: 0.4s all ease-in-out;
          -moz-transition: 0.4s all ease-in-out;
          -o-transition: 0.4s all ease-in-out;
          transition: 0.4s all ease-in-out; }
        .authenticate-page .authenticate-page-content .step-form form .step-2,
        .authenticate-page .authenticate-page-content .step-form form .step-3 {
          left: 100%;
          opacity: 0;
          pointer-events: none; }
        .authenticate-page .authenticate-page-content .step-form form h3 {
          width: 100%;
          margin-bottom: 50px; }
          .authenticate-page .authenticate-page-content .step-form form h3 span {
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1; }
          .authenticate-page .authenticate-page-content .step-form form h3 label {
            font-size: 12px;
            line-height: 28px;
            color: rgba(255, 255, 255, 0.5);
            text-align: right; }
        .authenticate-page .authenticate-page-content .step-form form .checkbox-container {
          display: block;
          position: relative;
          padding-left: 35px;
          cursor: pointer;
          font-size: 14px;
          color: #ffffff;
          line-height: 23px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
        .authenticate-page .authenticate-page-content .step-form form .checkbox-container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0; }
        .authenticate-page .authenticate-page-content .step-form form .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 18px;
          width: 18px;
          border: 1px solid #fff;
          border-radius: 1px;
          -webkit-border-radius: 1px;
          -moz-border-radius: 1px; }
        .authenticate-page .authenticate-page-content .step-form form .checkbox-container input:checked ~ .checkmark {
          background-color: transparent; }
        .authenticate-page .authenticate-page-content .step-form form .checkmark:after {
          content: "";
          position: absolute;
          display: none; }
        .authenticate-page .authenticate-page-content .step-form form .checkbox-container input:checked ~ .checkmark:after {
          display: block; }
        .authenticate-page .authenticate-page-content .step-form form .checkbox-container .checkmark:after {
          left: 6px;
          top: 3px;
          width: 3px;
          height: 8px;
          border: solid white;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .authenticate-page .authenticate-page-content .step-form form fieldset {
          position: relative; }
          .authenticate-page .authenticate-page-content .step-form form fieldset input[type="radio"] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            opacity: 0;
            cursor: pointer; }
          .authenticate-page .authenticate-page-content .step-form form fieldset.final-payment {
            margin-top: 10px; }
            .authenticate-page .authenticate-page-content .step-form form fieldset.final-payment .payment-method {
              display: -webkit-flex;
              display: flex;
              -moz-box-align: stretch;
              -webkit-align-items: stretch;
              align-items: stretch;
              margin: 0 -5px; }
            .authenticate-page .authenticate-page-content .step-form form fieldset.final-payment .paypal {
              border-radius: 4px;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              background: #ffc439;
              color: #111;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              padding: 12px 20px;
              text-decoration: none;
              -moz-box-flex: 1;
              -webkit-flex: 1;
              -ms-flex: 1;
              flex: 1;
              width: 50%;
              margin: 0 5px; }
              .authenticate-page .authenticate-page-content .step-form form fieldset.final-payment .paypal span {
                font-size: 12px;
                margin-left: 10px; }
            .authenticate-page .authenticate-page-content .step-form form fieldset.final-payment .pay-now {
              -moz-box-flex: 1;
              -webkit-flex: 1;
              -ms-flex: 1;
              flex: 1;
              color: #fff;
              padding: 15px 20px;
              background-color: #3aa3e3;
              border-radius: 4px;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              text-decoration: none;
              text-align: center;
              margin: 0 5px;
              font-weight: 500;
              font-size: 14px;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              align-items: center;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center; }
          .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan {
            border: 1px solid #0671dd;
            padding: 30px 20px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            cursor: pointer; }
            .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan h5 {
              font-size: 16px;
              font-weight: 500;
              color: #ffffff;
              line-height: 24px;
              margin-bottom: 30px; }
            .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan p {
              font-size: 12px;
              color: rgba(255, 255, 255, 0.9);
              line-height: 14px;
              padding-bottom: 20px;
              padding-top: 0; }
              .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan p span {
                font-weight: 500; }
            .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan .price {
              -webkit-border-radius: 100px 0 0 100px;
              -moz-border-radius: 100px 0 0 100px;
              border-radius: 100px 0 0 100px;
              background-color: #0671dd;
              padding: 6px 15px 6px 20px;
              font-weight: 500;
              color: #ffffff;
              letter-spacing: 0.2px;
              line-height: 24px;
              font-size: 21px;
              position: absolute;
              right: 0;
              top: 20px; }
            .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan label.radio-circle {
              height: 24px;
              width: 24px;
              border: 2px solid #0671dd;
              background-color: transparent;
              position: absolute;
              bottom: 10px;
              right: 10px;
              border-radius: 50%;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              display: block; }
              .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan label.radio-circle:before {
                content: " ";
                position: absolute;
                height: 12px;
                width: 12px;
                background-color: #0671dd;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                display: none; }
            .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan.yearly-plan {
              border-color: #fbbf1b; }
              .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan.yearly-plan .price {
                background-color: #fbbf1b;
                color: #222222; }
              .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan.yearly-plan label.radio-circle {
                border-color: #fbbf1b; }
                .authenticate-page .authenticate-page-content .step-form form fieldset .subscription-plan.yearly-plan label.radio-circle:before {
                  background-color: #fbbf1b; }
          .authenticate-page .authenticate-page-content .step-form form fieldset input[type="radio"]:checked + .subscription-plan label.radio-circle:before {
            display: block; }

.clearfix {
  clear: both; }

.bottom-nav-top {
  position: absolute;
  left: 0;
  bottom: 100%;
  background-color: rgba(5, 44, 92, 0.5);
  padding: 7px;
  width: 100%;
  z-index: 3;
  box-sizing: border-box; }
  .bottom-nav-top.fields-select-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    width: calc(100vw - 255px); }
    @media only screen and (max-width: 1199px) {
      .bottom-nav-top.fields-select-section {
        width: calc(100vw - 200px); } }
    .bottom-nav-top.fields-select-section .select-fields {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding: 5px 10px;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-right: 1px solid #042854;
      max-width: 60%; }
      @media only screen and (max-width: 1500px) {
        .bottom-nav-top.fields-select-section .select-fields {
          max-width: calc(100% - 600px); } }
      @media only screen and (min-width: 1501px) {
        .bottom-nav-top.fields-select-section .select-fields {
          max-width: calc(100% - 600px); } }
      .bottom-nav-top.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-y {
        width: 8px !important;
        background-color: rgba(4, 40, 85, 0.8);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        top: 0 !important;
        opacity: 0; }
        .bottom-nav-top.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
          background-color: #05356f;
          width: 4px;
          right: 2px; }
      .bottom-nav-top.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-x {
        background-color: #042349;
        opacity: 1;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        height: 10px; }
        .bottom-nav-top.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-x .ps__thumb-x {
          background-color: #06356f; }
      .bottom-nav-top.fields-select-section .select-fields .scrollbar-wrapper .inner-content {
        padding-bottom: 10px; }
      .bottom-nav-top.fields-select-section .select-fields ul {
        max-height: 210px; }
        .bottom-nav-top.fields-select-section .select-fields ul.fields-name {
          white-space: nowrap;
          display: block;
          text-align: left; }
          .bottom-nav-top.fields-select-section .select-fields ul.fields-name li {
            width: 100px;
            padding: 5px;
            display: inline-block;
            box-sizing: border-box;
            background-color: #05356f;
            margin: 5px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border: 1px solid #05356f; }
            .bottom-nav-top.fields-select-section .select-fields ul.fields-name li.active {
              border-color: #0471dd; }
            .bottom-nav-top.fields-select-section .select-fields ul.fields-name li a {
              display: block;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              overflow: hidden; }
            .bottom-nav-top.fields-select-section .select-fields ul.fields-name li img {
              width: 100%;
              display: block;
              height: 60px;
              object-fit: cover;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px; }
    .bottom-nav-top.fields-select-section .fields-position {
      padding: 0 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .bottom-nav-top.fields-select-section .fields-position .path-side:first-child {
        margin-right: 20px; }
      .bottom-nav-top.fields-select-section .fields-position h4 {
        font-size: 12px;
        line-height: 14px;
        color: #ffffff;
        margin: 10px 0;
        text-align: left; }
      .bottom-nav-top.fields-select-section .fields-position ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 -5px; }
        .bottom-nav-top.fields-select-section .fields-position ul li {
          margin: 0 5px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          border: 1px solid #052c5c;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          background-color: #05356f;
          padding: 10px;
          font-size: 10px;
          color: rgba(255, 255, 255, 0.7);
          line-height: 12px;
          text-decoration: none;
          height: 40px;
          width: 40px;
          border: 1px solid #05356f; }
          .bottom-nav-top.fields-select-section .fields-position ul li.active {
            -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            border-color: #0471dd; }
          .bottom-nav-top.fields-select-section .fields-position ul li svg {
            margin-bottom: 5px; }
  .bottom-nav-top.text-style-box, .bottom-nav-top.effect-style-box, .bottom-nav-top.notes-box, .bottom-nav-top.line-type-box, .bottom-nav-top.text-type-box {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: auto; }
    .bottom-nav-top.text-style-box h4, .bottom-nav-top.effect-style-box h4, .bottom-nav-top.notes-box h4, .bottom-nav-top.line-type-box h4, .bottom-nav-top.text-type-box h4 {
      font-size: 12px;
      color: white;
      text-align: left;
      margin: 5px 5px 7px; }
    .bottom-nav-top.text-style-box ul.font-style li, .bottom-nav-top.text-style-box ul.effect li, .bottom-nav-top.effect-style-box ul.font-style li, .bottom-nav-top.effect-style-box ul.effect li, .bottom-nav-top.notes-box ul.font-style li, .bottom-nav-top.notes-box ul.effect li, .bottom-nav-top.line-type-box ul.font-style li, .bottom-nav-top.line-type-box ul.effect li, .bottom-nav-top.text-type-box ul.font-style li, .bottom-nav-top.text-type-box ul.effect li {
      background-color: #05356f;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      margin: 5px;
      height: 70px;
      width: 70px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      line-height: 12px;
      color: #fff;
      padding: 0;
      width: 100%; }
      .bottom-nav-top.text-style-box ul.font-style li .line-option-type svg, .bottom-nav-top.text-style-box ul.effect li .line-option-type svg, .bottom-nav-top.effect-style-box ul.font-style li .line-option-type svg, .bottom-nav-top.effect-style-box ul.effect li .line-option-type svg, .bottom-nav-top.notes-box ul.font-style li .line-option-type svg, .bottom-nav-top.notes-box ul.effect li .line-option-type svg, .bottom-nav-top.line-type-box ul.font-style li .line-option-type svg, .bottom-nav-top.line-type-box ul.effect li .line-option-type svg, .bottom-nav-top.text-type-box ul.font-style li .line-option-type svg, .bottom-nav-top.text-type-box ul.effect li .line-option-type svg {
        opacity: 1; }
      .bottom-nav-top.text-style-box ul.font-style li .line-option-type:hover, .bottom-nav-top.text-style-box ul.effect li .line-option-type:hover, .bottom-nav-top.effect-style-box ul.font-style li .line-option-type:hover, .bottom-nav-top.effect-style-box ul.effect li .line-option-type:hover, .bottom-nav-top.notes-box ul.font-style li .line-option-type:hover, .bottom-nav-top.notes-box ul.effect li .line-option-type:hover, .bottom-nav-top.line-type-box ul.font-style li .line-option-type:hover, .bottom-nav-top.line-type-box ul.effect li .line-option-type:hover, .bottom-nav-top.text-type-box ul.font-style li .line-option-type:hover, .bottom-nav-top.text-type-box ul.effect li .line-option-type:hover {
        background-color: transparent; }
      .bottom-nav-top.text-style-box ul.font-style li .line-option-type span, .bottom-nav-top.text-style-box ul.effect li .line-option-type span, .bottom-nav-top.effect-style-box ul.font-style li .line-option-type span, .bottom-nav-top.effect-style-box ul.effect li .line-option-type span, .bottom-nav-top.notes-box ul.font-style li .line-option-type span, .bottom-nav-top.notes-box ul.effect li .line-option-type span, .bottom-nav-top.line-type-box ul.font-style li .line-option-type span, .bottom-nav-top.line-type-box ul.effect li .line-option-type span, .bottom-nav-top.text-type-box ul.font-style li .line-option-type span, .bottom-nav-top.text-type-box ul.effect li .line-option-type span {
        display: inline-block;
        margin-top: 10px;
        font-size: 10px;
        color: #fff; }
    .bottom-nav-top.text-style-box ul.font-style li, .bottom-nav-top.effect-style-box ul.font-style li, .bottom-nav-top.notes-box ul.font-style li, .bottom-nav-top.line-type-box ul.font-style li, .bottom-nav-top.text-type-box ul.font-style li {
      height: 50px;
      width: 50px; }
    .bottom-nav-top.text-style-box .line-style, .bottom-nav-top.effect-style-box .line-style, .bottom-nav-top.notes-box .line-style, .bottom-nav-top.line-type-box .line-style, .bottom-nav-top.text-type-box .line-style {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 2.5px; }
      .bottom-nav-top.text-style-box .line-style .line-type ul, .bottom-nav-top.effect-style-box .line-style .line-type ul, .bottom-nav-top.notes-box .line-style .line-type ul, .bottom-nav-top.line-type-box .line-style .line-type ul, .bottom-nav-top.text-type-box .line-style .line-type ul {
        display: block;
        margin: 0 2px; }
        .bottom-nav-top.text-style-box .line-style .line-type ul li, .bottom-nav-top.effect-style-box .line-style .line-type ul li, .bottom-nav-top.notes-box .line-style .line-type ul li, .bottom-nav-top.line-type-box .line-style .line-type ul li, .bottom-nav-top.text-type-box .line-style .line-type ul li {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; }
          .bottom-nav-top.text-style-box .line-style .line-type ul li a,
          .bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type, .bottom-nav-top.effect-style-box .line-style .line-type ul li a,
          .bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type, .bottom-nav-top.notes-box .line-style .line-type ul li a,
          .bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type, .bottom-nav-top.line-type-box .line-style .line-type ul li a,
          .bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type, .bottom-nav-top.text-type-box .line-style .line-type ul li a,
          .bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type {
            padding: 8px !important;
            background-color: #05356f;
            margin: 3px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 18px;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            border: 1px solid #05356f; }
            .bottom-nav-top.text-style-box .line-style .line-type ul li a.active,
            .bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type.active, .bottom-nav-top.effect-style-box .line-style .line-type ul li a.active,
            .bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type.active, .bottom-nav-top.notes-box .line-style .line-type ul li a.active,
            .bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type.active, .bottom-nav-top.line-type-box .line-style .line-type ul li a.active,
            .bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type.active, .bottom-nav-top.text-type-box .line-style .line-type ul li a.active,
            .bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type.active {
              -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              border-color: #0471dd; }
            .bottom-nav-top.text-style-box .line-style .line-type ul li a object,
            .bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type object, .bottom-nav-top.effect-style-box .line-style .line-type ul li a object,
            .bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type object, .bottom-nav-top.notes-box .line-style .line-type ul li a object,
            .bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type object, .bottom-nav-top.line-type-box .line-style .line-type ul li a object,
            .bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type object, .bottom-nav-top.text-type-box .line-style .line-type ul li a object,
            .bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type object {
              opacity: 1;
              width: 20px;
              height: 20px;
              vertical-align: middle;
              fill: transparent;
              margin: 0; }
            .bottom-nav-top.text-style-box .line-style .line-type ul li a.line-width span,
            .bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type.line-width span, .bottom-nav-top.effect-style-box .line-style .line-type ul li a.line-width span,
            .bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type.line-width span, .bottom-nav-top.notes-box .line-style .line-type ul li a.line-width span,
            .bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type.line-width span, .bottom-nav-top.line-type-box .line-style .line-type ul li a.line-width span,
            .bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type.line-width span, .bottom-nav-top.text-type-box .line-style .line-type ul li a.line-width span,
            .bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type.line-width span {
              display: inline-block;
              background-color: rgba(255, 255, 255, 0.9);
              height: 1px;
              width: 43px;
              margin: 0;
              vertical-align: middle;
              border-radius: 30px;
              -webkit-border-radius: 30px;
              -moz-border-radius: 30px; }
            .bottom-nav-top.text-style-box .line-style .line-type ul li a.line-width.medium span,
            .bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type.line-width.medium span, .bottom-nav-top.effect-style-box .line-style .line-type ul li a.line-width.medium span,
            .bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type.line-width.medium span, .bottom-nav-top.notes-box .line-style .line-type ul li a.line-width.medium span,
            .bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type.line-width.medium span, .bottom-nav-top.line-type-box .line-style .line-type ul li a.line-width.medium span,
            .bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type.line-width.medium span, .bottom-nav-top.text-type-box .line-style .line-type ul li a.line-width.medium span,
            .bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type.line-width.medium span {
              height: 3px; }
            .bottom-nav-top.text-style-box .line-style .line-type ul li a.line-width.thick span,
            .bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type.line-width.thick span, .bottom-nav-top.effect-style-box .line-style .line-type ul li a.line-width.thick span,
            .bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type.line-width.thick span, .bottom-nav-top.notes-box .line-style .line-type ul li a.line-width.thick span,
            .bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type.line-width.thick span, .bottom-nav-top.line-type-box .line-style .line-type ul li a.line-width.thick span,
            .bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type.line-width.thick span, .bottom-nav-top.text-type-box .line-style .line-type ul li a.line-width.thick span,
            .bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type.line-width.thick span {
              height: 5px; }
      .bottom-nav-top.text-style-box .line-style .swatch, .bottom-nav-top.effect-style-box .line-style .swatch, .bottom-nav-top.notes-box .line-style .swatch, .bottom-nav-top.line-type-box .line-style .swatch, .bottom-nav-top.text-type-box .line-style .swatch {
        width: 45px; }
      .bottom-nav-top.text-style-box .line-style.items-listing-wrapper .inner-content, .bottom-nav-top.effect-style-box .line-style.items-listing-wrapper .inner-content, .bottom-nav-top.notes-box .line-style.items-listing-wrapper .inner-content, .bottom-nav-top.line-type-box .line-style.items-listing-wrapper .inner-content, .bottom-nav-top.text-type-box .line-style.items-listing-wrapper .inner-content {
        padding-bottom: 15px; }
      .bottom-nav-top.text-style-box .line-style.items-listing-wrapper .select-item, .bottom-nav-top.effect-style-box .line-style.items-listing-wrapper .select-item, .bottom-nav-top.notes-box .line-style.items-listing-wrapper .select-item, .bottom-nav-top.line-type-box .line-style.items-listing-wrapper .select-item, .bottom-nav-top.text-type-box .line-style.items-listing-wrapper .select-item {
        white-space: nowrap;
        display: block;
        text-align: left; }
        .bottom-nav-top.text-style-box .line-style.items-listing-wrapper .select-item li, .bottom-nav-top.effect-style-box .line-style.items-listing-wrapper .select-item li, .bottom-nav-top.notes-box .line-style.items-listing-wrapper .select-item li, .bottom-nav-top.line-type-box .line-style.items-listing-wrapper .select-item li, .bottom-nav-top.text-type-box .line-style.items-listing-wrapper .select-item li {
          display: inline-block;
          padding: 5px; }
    .bottom-nav-top.text-style-box.bottom-listing-item, .bottom-nav-top.effect-style-box.bottom-listing-item, .bottom-nav-top.notes-box.bottom-listing-item, .bottom-nav-top.line-type-box.bottom-listing-item, .bottom-nav-top.text-type-box.bottom-listing-item {
      width: calc(100vw - 240px); }
      .bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x, .bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x, .bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x, .bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x, .bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x {
        background-color: #042349;
        opacity: 1;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        height: 10px; }
        .bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x:hover, .bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x:hover, .bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x:hover, .bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x:hover, .bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x:hover {
          background-color: #042349;
          opacity: 1;
          border-radius: 25px;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          height: 10px; }
          .bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x {
            background-color: #06356f; }
        .bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x .ps__thumb-x {
          background-color: #06356f; }
      @media only screen and (max-width: 1199px) {
        .bottom-nav-top.text-style-box.bottom-listing-item, .bottom-nav-top.effect-style-box.bottom-listing-item, .bottom-nav-top.notes-box.bottom-listing-item, .bottom-nav-top.line-type-box.bottom-listing-item, .bottom-nav-top.text-type-box.bottom-listing-item {
          width: calc(100vw - 200px); } }
    .bottom-nav-top.text-style-box.effect-style-box ul li, .bottom-nav-top.effect-style-box.effect-style-box ul li, .bottom-nav-top.notes-box.effect-style-box ul li, .bottom-nav-top.line-type-box.effect-style-box ul li, .bottom-nav-top.text-type-box.effect-style-box ul li {
      width: 70px; }
      .bottom-nav-top.text-style-box.effect-style-box ul li .effect-listing-item, .bottom-nav-top.effect-style-box.effect-style-box ul li .effect-listing-item, .bottom-nav-top.notes-box.effect-style-box ul li .effect-listing-item, .bottom-nav-top.line-type-box.effect-style-box ul li .effect-listing-item, .bottom-nav-top.text-type-box.effect-style-box ul li .effect-listing-item {
        text-decoration: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: 0.4s all ease-in-out;
        -moz-transition: 0.4s all ease-in-out;
        -o-transition: 0.4s all ease-in-out;
        transition: 0.4s all ease-in-out;
        height: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 0;
        width: 100%; }
        .bottom-nav-top.text-style-box.effect-style-box ul li .effect-listing-item span, .bottom-nav-top.effect-style-box.effect-style-box ul li .effect-listing-item span, .bottom-nav-top.notes-box.effect-style-box ul li .effect-listing-item span, .bottom-nav-top.line-type-box.effect-style-box ul li .effect-listing-item span, .bottom-nav-top.text-type-box.effect-style-box ul li .effect-listing-item span {
          display: inline-block;
          margin-top: 10px;
          font-size: 10px;
          color: #fff; }
  .bottom-nav-top.notes-box {
    width: 550px;
    padding: 10px; }
    .bottom-nav-top.notes-box .notes-head {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding-bottom: 10px; }
      .bottom-nav-top.notes-box .notes-head h4 {
        flex: 1; }
      .bottom-nav-top.notes-box .notes-head .tab-list ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border: 1px solid #fbbf1b;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px; }
        .bottom-nav-top.notes-box .notes-head .tab-list ul li .tab-action-bnt {
          padding: 8px 10px;
          color: #fbbf1b;
          font-size: 12px;
          font-weight: 500;
          line-height: 16px;
          text-align: center;
          width: 90px;
          cursor: pointer; }
          .bottom-nav-top.notes-box .notes-head .tab-list ul li .tab-action-bnt.active {
            background-color: #fbbf1b;
            color: #052c5c; }
    .bottom-nav-top.notes-box .tab-panel.notes .textarea-notes {
      height: 260px;
      width: 100%;
      background-color: #030f22;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none;
      box-sizing: border-box;
      resize: none;
      padding: 10px;
      outline: none;
      color: #fff;
      display: block;
      font-size: 15px; }
    .bottom-nav-top.notes-box .tab-panel.four-corner ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .bottom-nav-top.notes-box .tab-panel.four-corner ul li {
        width: 50%; }
        .bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          height: 130px;
          width: 100%;
          box-sizing: border-box;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          padding: 3px; }
          .bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap span {
            color: #052c5c;
            font-weight: 500;
            display: block;
            width: 100%;
            height: 100%; }
            .bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap span textarea {
              resize: none;
              width: 100%;
              height: 100%;
              border: none;
              padding: 10px;
              box-sizing: border-box; }
              .bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap span textarea::placeholder {
                color: rgba(0, 0, 0, 0.5); }
              .bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap span textarea:focus {
                outline: none; }
        .bottom-nav-top.notes-box .tab-panel.four-corner ul li.note-1 .note-wrap span textarea {
          background-color: #ce125d; }
        .bottom-nav-top.notes-box .tab-panel.four-corner ul li.note-2 .note-wrap span textarea {
          background-color: #40efa1; }
        .bottom-nav-top.notes-box .tab-panel.four-corner ul li.note-3 .note-wrap span textarea {
          background-color: #edf94c; }
        .bottom-nav-top.notes-box .tab-panel.four-corner ul li.note-4 .note-wrap span textarea {
          background-color: #42e7ef; }
    .bottom-nav-top.notes-box .notes-footer {
      text-align: right;
      padding: 10px 0 0; }
      .bottom-nav-top.notes-box .notes-footer button {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background-color: #0671dd;
        -webkit-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
        -moz-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
        box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
        padding: 13px 25px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.6px;
        line-height: 16px;
        border: none; }
  .bottom-nav-top.items-section {
    width: 600px; }
    .bottom-nav-top.items-section .select-item {
      width: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .bottom-nav-top.items-section .select-item li {
        width: 10%; }
        .bottom-nav-top.items-section .select-item li figure img {
          max-width: 80%;
          margin: 0 auto;
          object-fit: contain; }

.color-picker {
  margin: 3px;
  position: relative; }
  .color-picker .color-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .color-picker .swatch {
    padding: 7px;
    background-color: #05356f;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-top: 6px;
    display: flex !important;
    align-items: center; }
    .color-picker .swatch:first-child {
      margin-top: 0; }
  .color-picker .caret-down {
    margin-left: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white; }
  .color-picker .line-style {
    display: block !important;
    margin-bottom: 0; }
    .color-picker .line-style .line-type ul {
      margin: 0 !important; }
      .color-picker .line-style .line-type ul li .line-option-type {
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 3px 0 !important; }
        .color-picker .line-style .line-type ul li .line-option-type.active {
          -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          border-color: #0471dd; }
      .color-picker .line-style .line-type ul li:first-child .line-option-type {
        margin-top: 0 !important; }
        .color-picker .line-style .line-type ul li:first-child .line-option-type object {
          width: 35px; }
      .color-picker .line-style .line-type ul li:last-child .line-option-type {
        margin-bottom: 0 !important; }

.trails-settings.relationship-modal {
  width: auto; }

.relationship-modal {
  min-width: 850px; }
  .relationship-modal h2 {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 25px; }
  .relationship-modal .connectors-table {
    border: 1px solid #05356f;
    height: 420px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative; }
    .relationship-modal .connectors-table .scrollbar-wrapper {
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow-x: hidden;
      position: static; }
      .relationship-modal .connectors-table .scrollbar-wrapper .ps__rail-y {
        width: 6px;
        background-color: rgba(4, 40, 85, 0.8);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        top: 0 !important; }
        .relationship-modal .connectors-table .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
          background-color: #05356f;
          width: 4px;
          right: 1px; }
    .relationship-modal .connectors-table.pf-scroll .scrollbar-wrapper {
      position: static; }
    @media only screen and (max-width: 1400px) {
      .relationship-modal .connectors-table {
        height: 380px; } }
  .relationship-modal table {
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
    .relationship-modal table th,
    .relationship-modal table td {
      font-size: 16px;
      letter-spacing: 0.15px;
      line-height: 24px;
      color: rgba(255, 255, 255, 0.8);
      padding: 12px 25px;
      vertical-align: middle;
      border: none;
      text-align: center; }
    .relationship-modal table thead {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      .relationship-modal table thead tr th {
        position: sticky;
        position: -webkit-sticky;
        position: -ms-sticky;
        top: 0;
        z-index: 99;
        background-color: #05356f;
        white-space: nowrap;
        /*&:nth-child(2){
						text-align: left;
						padding-left: 10px;
					}*/ }
    .relationship-modal table td {
      position: relative;
      padding: 10px 10px;
      text-align: center;
      max-width: 300px; }
      .relationship-modal table td .input-range {
        width: 150px; }
        .relationship-modal table td .input-range .input-range__track {
          height: 12px;
          background-color: #022c5c; }
        .relationship-modal table td .input-range .input-range__track--active {
          background-color: #0671dd; }
        .relationship-modal table td .input-range .input-range__slider {
          height: 20px;
          width: 20px;
          background-color: #fff;
          margin-top: -17px; }
        .relationship-modal table td .input-range .input-range__label-container {
          display: none; }
        .relationship-modal table td .input-range .input-range__slider:active {
          transform: none; }
      .relationship-modal table td .bib-box {
        display: flex; }
    .relationship-modal table .color-picker {
      margin: 0; }
      .relationship-modal table .color-picker .swatch {
        padding: 0 5px;
        height: 34px;
        width: 50px;
        margin: 0 auto; }
        .relationship-modal table .color-picker .swatch + div {
          z-index: 999 !important; }
      .relationship-modal table .color-picker .sketch-picker > div {
        padding-bottom: 30% !important; }
        .relationship-modal table .color-picker .sketch-picker > div.flexbox-fix {
          padding-bottom: 0 !important; }
    .relationship-modal table .choose-row {
      position: relative; }
      .relationship-modal table .choose-row label {
        display: block;
        text-align: left; }
      .relationship-modal table .choose-row input[type="radio"],
      .relationship-modal table .choose-row input[type="checkbox"] {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
        cursor: pointer; }
      .relationship-modal table .choose-row input[type="radio"]:checked + span.radio-circle,
      .relationship-modal table .choose-row input[type="checkbox"]:checked + span.radio-circle {
        background-color: #0671dd; }
      .relationship-modal table .choose-row .radio-circle {
        display: inline-block;
        border: 4px solid #ffffff;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        vertical-align: middle; }
      .relationship-modal table .choose-row.starter .radio-circle {
        background-color: #fff; }
      .relationship-modal table .choose-row.starter input[type="radio"]:checked + span.radio-circle,
      .relationship-modal table .choose-row.starter input[type="checkbox"]:checked + span.radio-circle {
        background-color: #fbbf1b; }
    .relationship-modal table .select-box {
      position: relative;
      min-width: 60px;
      width: -moz-max-content;
      width: -webkit-max-content;
      width: fit-content;
      margin: 0 auto; }
      .relationship-modal table .select-box:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 8px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid white;
        pointer-events: none; }
      .relationship-modal table .select-box select {
        min-width: 60px;
        height: 34px;
        border: 2px solid #05356f;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        box-sizing: border-box;
        background-color: transparent;
        outline: none;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        padding: 0 20px 0 8px;
        font-family: "Catamaran", sans-serif;
        -webkit-appearance: none;
        cursor: pointer; }
        .relationship-modal table .select-box select option {
          color: #000;
          background-color: transparent; }
        .relationship-modal table .select-box select:focus {
          outline: none; }
    .relationship-modal table .action-link {
      height: 34px;
      width: 34px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #05356f;
      vertical-align: middle;
      margin: 0 auto; }
    .relationship-modal table.player-focus-listing tbody tr:first-child td, .relationship-modal table.tracking-player tbody tr:first-child td {
      padding-top: 30px; }
    .relationship-modal table.player-focus-listing tbody tr:last-child td, .relationship-modal table.tracking-player tbody tr:last-child td {
      padding-bottom: 30px; }
    .relationship-modal table.player-focus-listing td.players-connection .select-box.player-select-box, .relationship-modal table.tracking-player td.players-connection .select-box.player-select-box {
      width: 220px;
      margin: 0; }
      .relationship-modal table.player-focus-listing td.players-connection .select-box.player-select-box:before, .relationship-modal table.tracking-player td.players-connection .select-box.player-select-box:before {
        border-top: 7px solid #022c5c;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px; }
      .relationship-modal table.player-focus-listing td.players-connection .select-box.player-select-box select, .relationship-modal table.tracking-player td.players-connection .select-box.player-select-box select {
        min-width: 220px;
        background-color: #fff;
        height: 40px;
        color: #092056;
        font-size: 16px;
        line-height: 23px;
        padding: 0 10px;
        font-weight: 400;
        border: none; }
    .relationship-modal table.player-focus-listing td .select-box, .relationship-modal table.tracking-player td .select-box {
      margin: 0 auto; }
  .relationship-modal .table-footer {
    margin: 30px -30px 0;
    padding: 30px 30px 0;
    border-top: 1px solid rgba(216, 216, 216, 0.1); }
    .relationship-modal .table-footer .action-btn {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .relationship-modal .table-footer .action-btn.flex-end {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end; }
    .relationship-modal .table-footer div {
      padding: 15px 25px;
      border: 1px solid #0671dd;
      display: inline-block;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      font-size: 14px;
      font-weight: 500;
      line-height: 16px;
      letter-spacing: 0.6px;
      color: #0671dd;
      text-decoration: none;
      min-width: 45px;
      text-align: center; }
      .relationship-modal .table-footer div.apply {
        color: #fff;
        background-color: #0671dd; }
    .relationship-modal .table-footer button[type="button"].button-submit {
      background: transparent;
      color: #0671dd; }
  .relationship-modal .players-connection-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .relationship-modal .players-connection-info .left-side-panel,
    .relationship-modal .players-connection-info .right-side-panel {
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      width: 315px;
      border: 1px solid #05356f; }
      .relationship-modal .players-connection-info .left-side-panel .panel-header,
      .relationship-modal .players-connection-info .right-side-panel .panel-header {
        padding: 10px 30px;
        background-color: #05356f; }
        .relationship-modal .players-connection-info .left-side-panel .panel-header h3,
        .relationship-modal .players-connection-info .right-side-panel .panel-header h3 {
          color: rgba(255, 255, 255, 0.8);
          font-size: 16px;
          letter-spacing: 0.15px;
          line-height: 24px; }
      .relationship-modal .players-connection-info .left-side-panel .panel-list,
      .relationship-modal .players-connection-info .right-side-panel .panel-list {
        padding: 0 30px;
        height: 350px;
        display: -webkit-flex;
        display: -ms-flexbox;
        overflow: hidden;
        position: relative; }
        .relationship-modal .players-connection-info .left-side-panel .panel-list .scrollbar-wrapper,
        .relationship-modal .players-connection-info .right-side-panel .panel-list .scrollbar-wrapper {
          position: static; }
          .relationship-modal .players-connection-info .left-side-panel .panel-list .scrollbar-wrapper .ps__rail-y,
          .relationship-modal .players-connection-info .right-side-panel .panel-list .scrollbar-wrapper .ps__rail-y {
            width: 8px !important;
            background-color: rgba(4, 40, 85, 0.8);
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            top: 0 !important; }
            .relationship-modal .players-connection-info .left-side-panel .panel-list .scrollbar-wrapper .ps__rail-y .ps__thumb-y,
            .relationship-modal .players-connection-info .right-side-panel .panel-list .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
              background-color: #05356f;
              width: 4px;
              right: 2px; }
        .relationship-modal .players-connection-info .left-side-panel .panel-list .inner-content,
        .relationship-modal .players-connection-info .right-side-panel .panel-list .inner-content {
          padding: 5px 0; }
        .relationship-modal .players-connection-info .left-side-panel .panel-list ul li,
        .relationship-modal .players-connection-info .right-side-panel .panel-list ul li {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding: 5px 0; }
          .relationship-modal .players-connection-info .left-side-panel .panel-list ul li svg,
          .relationship-modal .players-connection-info .right-side-panel .panel-list ul li svg {
            margin-top: 7px; }
          .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list,
          .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list {
            position: relative; }
            .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list input[type="checkbox"],
            .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list input[type="checkbox"] {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              opacity: 0;
              cursor: pointer;
              z-index: 99; }
            .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox,
            .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox {
              background-color: #fff;
              border-color: #fff; }
              .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox:before,
              .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox:before {
                content: "";
                width: 12px;
                height: 6px;
                border-left: 3px solid #0890fb;
                border-bottom: 3px solid #0890fb;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                -moz-transform: translate(-50%, -50%) rotate(-45deg);
                -ms-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
                margin-top: -2px;
                margin-left: 1px; }
            .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list span.radio-checkbox,
            .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list span.radio-checkbox {
              height: 25px;
              width: 25px;
              border-radius: 50%;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              display: inline-block;
              border: 4px solid #05356f;
              position: relative; }
          .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .player,
          .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .player {
            margin: 0 40px; }
          .relationship-modal .players-connection-info .left-side-panel .panel-list ul li label,
          .relationship-modal .players-connection-info .right-side-panel .panel-list ul li label {
            color: #ffffff;
            font-size: 16px;
            letter-spacing: 0.15px;
            line-height: 24px; }
    .relationship-modal .players-connection-info .action-arrow {
      padding: 0 45px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .relationship-modal .players-connection-info .action-arrow a {
        height: 40px;
        width: 40px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.9);
        margin-bottom: 15px;
        cursor: pointer; }
        .relationship-modal .players-connection-info .action-arrow a span.arrow {
          height: 12px;
          width: 12px;
          border-left: 5px solid #042348;
          border-bottom: 5px solid #042348;
          display: inline-block; }
          .relationship-modal .players-connection-info .action-arrow a span.arrow.left {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-left: 5px; }
          .relationship-modal .players-connection-info .action-arrow a span.arrow.right {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
            margin-right: 5px; }
          .relationship-modal .players-connection-info .action-arrow a span.arrow.top {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: 5px; }
          .relationship-modal .players-connection-info .action-arrow a span.arrow.bottom {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-bottom: 5px; }
      .relationship-modal .players-connection-info .action-arrow.right-side {
        padding-right: 0; }
  .relationship-modal.team-squade .select-box.player-select-box {
    width: 150px; }
    .relationship-modal.team-squade .select-box.player-select-box select {
      min-width: 150px; }
  .relationship-modal.team-squade .input-box .form-control {
    box-sizing: border-box;
    width: 150px;
    background-color: #fff;
    height: 40px;
    color: #092056;
    font-size: 16px;
    line-height: 23px;
    padding: 0 10px;
    font-weight: 400;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    outline: none; }
  .relationship-modal.team-squade .input-box.shirt-number .form-control {
    min-width: auto;
    width: 55px;
    text-align: center;
    font-size: 14px;
    color: #022c5c;
    font-family: "Catamaran", sans-serif;
    line-height: 23px;
    font-weight: 900; }

.profle-setting-modal {
  width: 850px; }
  .profle-setting-modal .setting-modal-tab {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #fbbf1b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: fit-content;
    width: -ms-fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    margin: 0 auto; }
    .profle-setting-modal .setting-modal-tab .team-tab {
      padding: 6px 5px;
      color: #fbbf1b;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      text-align: center;
      min-width: 80px;
      text-decoration: none; }
      .profle-setting-modal .setting-modal-tab .team-tab.active {
        background-color: #fbbf1b;
        color: #052c5c; }
  .profle-setting-modal .team-profile-image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px; }
    .profle-setting-modal .team-profile-image .upload-new-image {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .profle-setting-modal .team-profile-image .upload-new-image figure {
        width: 100px;
        height: 100px;
        border: 5px solid rgba(255, 255, 255, 0.2);
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%; }
        .profle-setting-modal .team-profile-image .upload-new-image figure img {
          width: 90px;
          height: 90px;
          background-color: #fff;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%; }
      .profle-setting-modal .team-profile-image .upload-new-image input[type="file"] {
        display: none; }
      .profle-setting-modal .team-profile-image .upload-new-image label {
        padding: 12px 15px;
        background-color: #fbbf1b;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        cursor: pointer;
        color: #333333;
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        margin-left: 30px; }
        .profle-setting-modal .team-profile-image .upload-new-image label svg {
          width: 12px;
          margin-right: 8px; }
          .profle-setting-modal .team-profile-image .upload-new-image label svg path {
            fill: #333;
            vertical-align: middle; }
    .profle-setting-modal .team-profile-image .right-flex-1 {
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: right; }
      .profle-setting-modal .team-profile-image .right-flex-1 .team-squade-btn {
        display: inline-block;
        padding: 10px 15px;
        border: 1px solid #0671dd;
        color: #0671dd;
        line-height: 16px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.6px;
        text-decoration: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; }
      .profle-setting-modal .team-profile-image .right-flex-1 .team-squade-btn.disabled {
        border-color: #ccc;
        color: #999; }
  .profle-setting-modal .form-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px; }
    .profle-setting-modal .form-section label {
      color: #ffffff;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.15px;
      line-height: 24px;
      display: inline-block;
      margin-right: 30px;
      width: 120px; }
    .profle-setting-modal .form-section .form-control {
      height: 44px;
      font-size: 14px;
      padding: 0 0 0 10px;
      width: 100%;
      box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: 1px solid rgba(2, 44, 92, 0.1);
      outline: none; }
    .profle-setting-modal .form-section .right-section-field {
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .profle-setting-modal .form-section .right-section-field .form-control {
        width: 100%;
        outline: none;
        border: 1px solid rgba(2, 44, 92, 0.1);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        height: 40px;
        padding: 0 13px;
        font-size: 14px;
        box-sizing: border-box;
        color: #092056;
        letter-spacing: 0.15px;
        line-height: 24px; }
      .profle-setting-modal .form-section .right-section-field.colors-section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .profle-setting-modal .form-section .right-section-field.colors-section .choose-color {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin-right: 40px; }
          .profle-setting-modal .form-section .right-section-field.colors-section .choose-color .color-picker {
            width: 60px; }
          .profle-setting-modal .form-section .right-section-field.colors-section .choose-color h6 {
            color: rgba(255, 255, 255, 0.8);
            font-size: 16px;
            letter-spacing: 0.15px;
            line-height: 24px;
            margin-left: 10px; }
    .profle-setting-modal .form-section .select-slider {
      width: calc(100% - 150px);
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      position: relative;
      z-index: 0; }
      .profle-setting-modal .form-section .select-slider .slick-slider {
        padding: 0 25px;
        background-color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; }
      .profle-setting-modal .form-section .select-slider .slick-prev,
      .profle-setting-modal .form-section .select-slider .slick-next {
        background-color: #05356f;
        height: calc(100% + 2px);
        left: -1px;
        text-align: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex !important;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 5px;
        box-sizing: border-box;
        width: auto;
        z-index: 99; }
        .profle-setting-modal .form-section .select-slider .slick-prev svg,
        .profle-setting-modal .form-section .select-slider .slick-next svg {
          width: 15px;
          height: 15px; }
        .profle-setting-modal .form-section .select-slider .slick-prev:before,
        .profle-setting-modal .form-section .select-slider .slick-next:before {
          display: none; }
      .profle-setting-modal .form-section .select-slider .slick-prev {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .profle-setting-modal .form-section .select-slider .slick-next {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        left: auto;
        right: -1px; }
      .profle-setting-modal .form-section .select-slider .slick-slide {
        outline: none !important;
        padding: 5px 0; }
        .profle-setting-modal .form-section .select-slider .slick-slide:focus, .profle-setting-modal .form-section .select-slider .slick-slide:active {
          outline: none; }
        .profle-setting-modal .form-section .select-slider .slick-slide .player span {
          margin-bottom: 0; }
    .profle-setting-modal .form-section .flexbox-fix label {
      width: auto;
      margin-right: 0; }

.update-work {
  width: 760px; }
  .update-work h2 {
    color: #092056;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1400px) {
      .update-work h2 {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 26px; } }
  .update-work form .video-thumbnail-box {
    display: flex;
    align-items: center !important;
    padding-bottom: 25px; }
    .update-work form .video-thumbnail-box .video-thumbnail figure {
      width: 176px;
      height: 112px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      position: relative;
      overflow: hidden; }
      .update-work form .video-thumbnail-box .video-thumbnail figure:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); }
      .update-work form .video-thumbnail-box .video-thumbnail figure img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
      .update-work form .video-thumbnail-box .video-thumbnail figure span.play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 28px;
        height: 28px;
        border: 1.5px solid #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 28px; }
      @media only screen and (max-width: 1400px) {
        .update-work form .video-thumbnail-box .video-thumbnail figure {
          height: 80px;
          width: 150px; } }
    .update-work form .video-thumbnail-box .video-detail {
      padding-left: 15px; }
    @media only screen and (max-width: 1600px) {
      .update-work form .video-thumbnail-box {
        padding-bottom: 20px; } }
    @media only screen and (max-width: 1400px) {
      .update-work form .video-thumbnail-box {
        padding-bottom: 15px; } }
  .update-work form fieldset {
    position: relative;
    margin-bottom: 20px; }
    .update-work form fieldset label {
      color: rgba(2, 44, 92, 0.5);
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.11px;
      line-height: 24px;
      padding-bottom: 5px;
      display: inline-block; }
      .update-work form fieldset label.error {
        position: absolute;
        top: 100%;
        left: 0;
        color: #ff0000;
        font-weight: 400; }
    @media only screen and (max-width: 1600px) {
      .update-work form fieldset {
        margin-bottom: 15px; } }
    .update-work form fieldset textarea.form-control {
      height: auto;
      resize: none;
      font-family: "Rubik", sans-serif;
      padding: 10px 15px; }
  .update-work form .form-control,
  .update-work form select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(2, 44, 92, 0.1);
    border-radius: 4px;
    color: #022c5c;
    font-size: 16px;
    letter-spacing: 0.15px;
    line-height: 24px;
    height: 50px;
    padding: 10px 15px;
    outline: none;
    background-color: #fff;
    box-shadow: none;
    -webkit-appearance: none; }
    .update-work form .form-control.highligted,
    .update-work form select.highligted {
      border-color: #1471dd; }
    @media only screen and (max-width: 1600px) {
      .update-work form .form-control,
      .update-work form select {
        height: 44px; } }
    @media only screen and (max-width: 1400px) {
      .update-work form .form-control,
      .update-work form select {
        height: 40px;
        font-size: 12px;
        line-height: 20px; } }
  .update-work form .form-row {
    display: flex;
    margin: 0px -15px 20px;
    flex-wrap: wrap; }
    .update-work form .form-row .column {
      flex: 0 0 50%;
      padding: 0px 15px;
      box-sizing: border-box;
      margin-bottom: 15px; }
      .update-work form .form-row .column .autocomplete-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border: 1px solid #022c5c1a;
        border-radius: 4px;
        padding: 13px 0px;
        cursor: pointer; }
        .update-work form .form-row .column .autocomplete-container .autocomplete-container-selected-values-container {
          display: flex;
          flex-wrap: wrap;
          padding: 0px 4px;
          width: calc(100% - 58px); }
          .update-work form .form-row .column .autocomplete-container .autocomplete-container-selected-values-container .autocomplete-container-selected-values {
            background: #1471dd;
            color: white;
            padding: 5px 10px;
            border-radius: 8px;
            font-size: 14px;
            margin-right: 5px;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            white-space: nowrap;
            width: fit-content; }
            .update-work form .form-row .column .autocomplete-container .autocomplete-container-selected-values-container .autocomplete-container-selected-values .autocomplete-container-selected-values-remove {
              margin-left: 8px;
              cursor: pointer;
              font-weight: bold;
              padding: 2px 5px;
              border-radius: 50%;
              background: white;
              color: #0b088f; }
      .update-work form .form-row .column .select-box {
        position: relative; }
        .update-work form .form-row .column .select-box:before {
          content: "";
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid #092056;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px; }
        .update-work form .form-row .column .select-box.error::before {
          top: 37%; }
    @media only screen and (max-width: 1600px) {
      .update-work form .form-row {
        margin: 0px -15px 15px; } }
  .update-work form .action-btn {
    text-align: right; }
    .update-work form .action-btn .submit-btn {
      padding: 18px 28px;
      border: 1px solid #0671dd;
      display: inline-block;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      font-size: 14px;
      font-weight: 500;
      line-height: 16px;
      letter-spacing: 0.6px;
      color: #fff;
      background-color: #0671dd;
      letter-spacing: 1.25px;
      font-weight: 500;
      text-decoration: none;
      min-width: 140px;
      text-align: center;
      font-family: "Rubik", sans-serif; }
      @media only screen and (max-width: 1600px) {
        .update-work form .action-btn .submit-btn {
          padding: 15px 28px; } }

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

@media screen and (min-width: 320px) and (max-width: 1199px) and (orientation: portrait) {
  .orientation-lock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-body {
    display: none; } }

button[disabled] {
  opacity: 0.5; }

.player {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.cs-disabled span {
  background-color: #ddd !important;
  cursor: not-allowed;
  border: none !important;
  color: #adabab !important; }

.cs-disabled {
  color: #adabab !important;
  /*-ms-filter: grayscale(100%);
	filter: grayscale(100%);*/
  -webkit-filter: grayscale(100%) brightness(50%) contrast(100%);
  filter: grayscale(100%) brightness(50%) contrast(100%); }

.cs-loader {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9; }
  .cs-loader .loader,
  .cs-loader .loader:after {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 5em;
    height: 5em; }
  .cs-loader .loader {
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 0.5em solid rgba(255, 255, 255, 0.8);
    border-right: 0.5em solid rgba(255, 255, 255, 0.8);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.8);
    border-left: 0.5em solid #5b9be8;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

.main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider {
  width: 250px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider svg {
    vertical-align: middle; }

.frames .scrollbar-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .frames .scrollbar-wrapper .inner-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .frames .scrollbar-wrapper .inner-content .item .active svg {
      vertical-align: middle; }
      .frames .scrollbar-wrapper .inner-content .item .active svg g {
        fill: red; }

.frames .ps__rail-x {
  height: 6px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px; }
  .frames .ps__rail-x:hover {
    height: 6px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; }
    .frames .ps__rail-x:hover .ps__thumb-x {
      height: 3px; }
  .frames .ps__rail-x .ps__thumb-x {
    height: 3px; }

.erase-modals {
  text-align: center; }
  .erase-modals h2 {
    margin-bottom: 30px; }
  .erase-modals .submit-btn {
    background-color: #0671dd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px 0px;
    border: none;
    color: #fff;
    margin: 0px 5px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    width: 150px; }
    .erase-modals .submit-btn:focus {
      outline: none; }
    .erase-modals .submit-btn.no-action {
      background: #999; }
    .erase-modals .submit-btn:nth-child(2) {
      background-color: #999; }

.erase-modals-h3 {
  text-align: center; }
  .erase-modals-h3 h2 {
    margin-bottom: 30px; }
  .erase-modals-h3 h4 {
    margin-bottom: 0 !important; }
  .erase-modals-h3 h3 {
    margin-bottom: 10px; }
  .erase-modals-h3 .submit-btn {
    background-color: #0671dd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px 30px;
    border: none;
    color: #fff;
    margin: 0px 5px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer; }
    .erase-modals-h3 .submit-btn.no-action {
      background: #999; }

.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
  height: 6px !important; }

.team-squard-footer {
  margin-top: 20px; }

.object-size {
  height: 35px;
  width: 40px; }

.popup-style {
  display: flex;
  align-items: center; }
  .popup-style .pointer {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
    background: #042348; }
    .popup-style .pointer.blr-0 {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .popup-style .pointer.brr-0 {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .popup-style .pointer.mlr-2 {
      margin: 0px 2px 0px 2px; }
    .popup-style .pointer.width-auto {
      width: auto;
      max-width: 70px;
      padding-right: 5px; }
      .popup-style .pointer.width-auto .pointer-text {
        color: #ffffff;
        font-size: 10px;
        padding-right: 5px; }
    .popup-style .pointer.fields-select-section {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding: 0;
      width: calc(100vw - 257px); }
      @media only screen and (max-width: 1199px) {
        .popup-style .pointer.fields-select-section {
          width: calc(100vw - 200px); } }
      .popup-style .pointer.fields-select-section .select-fields {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding: 5px 10px;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-right: 1px solid #042854;
        max-width: 60%; }
        @media only screen and (min-width: 1501px) {
          .popup-style .pointer.fields-select-section .select-fields {
            max-width: calc(100% - 605px); } }
        @media only screen and (max-width: 1400px) {
          .popup-style .pointer.fields-select-section .select-fields {
            max-width: 46%; } }
        @media only screen and (max-width: 1199px) {
          .popup-style .pointer.fields-select-section .select-fields {
            max-width: 40%; } }
        .popup-style .pointer.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-y {
          width: 8px !important;
          background-color: rgba(4, 40, 85, 0.8);
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          top: 0 !important;
          opacity: 0; }
          .popup-style .pointer.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
            background-color: #05356f;
            width: 4px;
            right: 2px; }
        .popup-style .pointer.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-x {
          background-color: #042349;
          opacity: 1;
          border-radius: 25px;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          height: 10px; }
          .popup-style .pointer.fields-select-section .select-fields .scrollbar-wrapper .ps__rail-x .ps__thumb-x {
            background-color: #06356f; }
        .popup-style .pointer.fields-select-section .select-fields .scrollbar-wrapper .inner-content {
          padding-bottom: 10px; }
        .popup-style .pointer.fields-select-section .select-fields ul {
          max-height: 210px; }
          .popup-style .pointer.fields-select-section .select-fields ul.fields-name {
            white-space: nowrap;
            display: block;
            text-align: left; }
            .popup-style .pointer.fields-select-section .select-fields ul.fields-name li {
              width: 100px;
              padding: 5px;
              display: inline-block;
              box-sizing: border-box;
              background-color: #05356f;
              margin: 5px;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border: 1px solid #05356f; }
              .popup-style .pointer.fields-select-section .select-fields ul.fields-name li.active {
                border-color: #0471dd; }
              .popup-style .pointer.fields-select-section .select-fields ul.fields-name li a {
                display: block;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                overflow: hidden; }
              .popup-style .pointer.fields-select-section .select-fields ul.fields-name li img {
                width: 100%;
                display: block;
                height: 60px;
                object-fit: cover;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px; }
      .popup-style .pointer.fields-select-section .fields-position {
        padding: 0 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .popup-style .pointer.fields-select-section .fields-position .path-side:first-child {
          margin-right: 20px; }
        .popup-style .pointer.fields-select-section .fields-position h4 {
          font-size: 12px;
          line-height: 14px;
          color: #ffffff;
          margin: 10px 0;
          text-align: left; }
        .popup-style .pointer.fields-select-section .fields-position ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 -5px; }
          .popup-style .pointer.fields-select-section .fields-position ul li {
            margin: 0 5px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            border: 1px solid #052c5c;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            background-color: #05356f;
            padding: 10px;
            font-size: 10px;
            color: rgba(255, 255, 255, 0.7);
            line-height: 12px;
            text-decoration: none;
            height: 40px;
            width: 40px;
            border: 1px solid #05356f; }
            .popup-style .pointer.fields-select-section .fields-position ul li.active {
              -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              border-color: #0471dd; }
            .popup-style .pointer.fields-select-section .fields-position ul li svg {
              margin-bottom: 5px; }
    .popup-style .pointer.text-style-box, .popup-style .pointer.effect-style-box, .popup-style .pointer.notes-box, .popup-style .pointer.line-type-box, .popup-style .pointer.text-type-box {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      width: auto; }
      .popup-style .pointer.text-style-box h4, .popup-style .pointer.effect-style-box h4, .popup-style .pointer.notes-box h4, .popup-style .pointer.line-type-box h4, .popup-style .pointer.text-type-box h4 {
        font-size: 12px;
        color: white;
        text-align: left;
        margin: 5px 5px 7px; }
      .popup-style .pointer.text-style-box ul.font-style li, .popup-style .pointer.text-style-box ul.effect li, .popup-style .pointer.effect-style-box ul.font-style li, .popup-style .pointer.effect-style-box ul.effect li, .popup-style .pointer.notes-box ul.font-style li, .popup-style .pointer.notes-box ul.effect li, .popup-style .pointer.line-type-box ul.font-style li, .popup-style .pointer.line-type-box ul.effect li, .popup-style .pointer.text-type-box ul.font-style li, .popup-style .pointer.text-type-box ul.effect li {
        background-color: #05356f;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        margin: 5px;
        height: 70px;
        width: 70px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 12px;
        color: #fff;
        padding: 0;
        width: 100%; }
        .popup-style .pointer.text-style-box ul.font-style li .line-option-type svg, .popup-style .pointer.text-style-box ul.effect li .line-option-type svg, .popup-style .pointer.effect-style-box ul.font-style li .line-option-type svg, .popup-style .pointer.effect-style-box ul.effect li .line-option-type svg, .popup-style .pointer.notes-box ul.font-style li .line-option-type svg, .popup-style .pointer.notes-box ul.effect li .line-option-type svg, .popup-style .pointer.line-type-box ul.font-style li .line-option-type svg, .popup-style .pointer.line-type-box ul.effect li .line-option-type svg, .popup-style .pointer.text-type-box ul.font-style li .line-option-type svg, .popup-style .pointer.text-type-box ul.effect li .line-option-type svg {
          opacity: 1; }
        .popup-style .pointer.text-style-box ul.font-style li .line-option-type:hover, .popup-style .pointer.text-style-box ul.effect li .line-option-type:hover, .popup-style .pointer.effect-style-box ul.font-style li .line-option-type:hover, .popup-style .pointer.effect-style-box ul.effect li .line-option-type:hover, .popup-style .pointer.notes-box ul.font-style li .line-option-type:hover, .popup-style .pointer.notes-box ul.effect li .line-option-type:hover, .popup-style .pointer.line-type-box ul.font-style li .line-option-type:hover, .popup-style .pointer.line-type-box ul.effect li .line-option-type:hover, .popup-style .pointer.text-type-box ul.font-style li .line-option-type:hover, .popup-style .pointer.text-type-box ul.effect li .line-option-type:hover {
          background-color: transparent; }
        .popup-style .pointer.text-style-box ul.font-style li .line-option-type span, .popup-style .pointer.text-style-box ul.effect li .line-option-type span, .popup-style .pointer.effect-style-box ul.font-style li .line-option-type span, .popup-style .pointer.effect-style-box ul.effect li .line-option-type span, .popup-style .pointer.notes-box ul.font-style li .line-option-type span, .popup-style .pointer.notes-box ul.effect li .line-option-type span, .popup-style .pointer.line-type-box ul.font-style li .line-option-type span, .popup-style .pointer.line-type-box ul.effect li .line-option-type span, .popup-style .pointer.text-type-box ul.font-style li .line-option-type span, .popup-style .pointer.text-type-box ul.effect li .line-option-type span {
          display: inline-block;
          margin-top: 10px;
          font-size: 10px;
          color: #fff; }
      .popup-style .pointer.text-style-box ul.font-style li, .popup-style .pointer.effect-style-box ul.font-style li, .popup-style .pointer.notes-box ul.font-style li, .popup-style .pointer.line-type-box ul.font-style li, .popup-style .pointer.text-type-box ul.font-style li {
        height: 50px;
        width: 50px; }
      .popup-style .pointer.text-style-box .line-style, .popup-style .pointer.effect-style-box .line-style, .popup-style .pointer.notes-box .line-style, .popup-style .pointer.line-type-box .line-style, .popup-style .pointer.text-type-box .line-style {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 2.5px; }
        .popup-style .pointer.text-style-box .line-style .line-type ul, .popup-style .pointer.effect-style-box .line-style .line-type ul, .popup-style .pointer.notes-box .line-style .line-type ul, .popup-style .pointer.line-type-box .line-style .line-type ul, .popup-style .pointer.text-type-box .line-style .line-type ul {
          display: block;
          margin: 0 2px; }
          .popup-style .pointer.text-style-box .line-style .line-type ul li, .popup-style .pointer.effect-style-box .line-style .line-type ul li, .popup-style .pointer.notes-box .line-style .line-type ul li, .popup-style .pointer.line-type-box .line-style .line-type ul li, .popup-style .pointer.text-type-box .line-style .line-type ul li {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; }
            .popup-style .pointer.text-style-box .line-style .line-type ul li a,
            .popup-style .pointer.text-style-box .line-style .line-type ul li .line-option-type, .popup-style .pointer.effect-style-box .line-style .line-type ul li a,
            .popup-style .pointer.effect-style-box .line-style .line-type ul li .line-option-type, .popup-style .pointer.notes-box .line-style .line-type ul li a,
            .popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type, .popup-style .pointer.line-type-box .line-style .line-type ul li a,
            .popup-style .pointer.line-type-box .line-style .line-type ul li .line-option-type, .popup-style .pointer.text-type-box .line-style .line-type ul li a,
            .popup-style .pointer.text-type-box .line-style .line-type ul li .line-option-type {
              padding: 8px !important;
              background-color: #05356f;
              margin: 3px;
              border-radius: 3px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              height: 18px;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center;
              border: 1px solid #05356f; }
              .popup-style .pointer.text-style-box .line-style .line-type ul li a.active,
              .popup-style .pointer.text-style-box .line-style .line-type ul li .line-option-type.active, .popup-style .pointer.effect-style-box .line-style .line-type ul li a.active,
              .popup-style .pointer.effect-style-box .line-style .line-type ul li .line-option-type.active, .popup-style .pointer.notes-box .line-style .line-type ul li a.active,
              .popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type.active, .popup-style .pointer.line-type-box .line-style .line-type ul li a.active,
              .popup-style .pointer.line-type-box .line-style .line-type ul li .line-option-type.active, .popup-style .pointer.text-type-box .line-style .line-type ul li a.active,
              .popup-style .pointer.text-type-box .line-style .line-type ul li .line-option-type.active {
                -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
                border-color: #0471dd; }
              .popup-style .pointer.text-style-box .line-style .line-type ul li a object,
              .popup-style .pointer.text-style-box .line-style .line-type ul li .line-option-type object, .popup-style .pointer.effect-style-box .line-style .line-type ul li a object,
              .popup-style .pointer.effect-style-box .line-style .line-type ul li .line-option-type object, .popup-style .pointer.notes-box .line-style .line-type ul li a object,
              .popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type object, .popup-style .pointer.line-type-box .line-style .line-type ul li a object,
              .popup-style .pointer.line-type-box .line-style .line-type ul li .line-option-type object, .popup-style .pointer.text-type-box .line-style .line-type ul li a object,
              .popup-style .pointer.text-type-box .line-style .line-type ul li .line-option-type object {
                opacity: 1;
                width: 20px;
                height: 20px;
                vertical-align: middle;
                fill: transparent;
                margin: 0; }
              .popup-style .pointer.text-style-box .line-style .line-type ul li a.line-width span,
              .popup-style .pointer.text-style-box .line-style .line-type ul li .line-option-type.line-width span, .popup-style .pointer.effect-style-box .line-style .line-type ul li a.line-width span,
              .popup-style .pointer.effect-style-box .line-style .line-type ul li .line-option-type.line-width span, .popup-style .pointer.notes-box .line-style .line-type ul li a.line-width span,
              .popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type.line-width span, .popup-style .pointer.line-type-box .line-style .line-type ul li a.line-width span,
              .popup-style .pointer.line-type-box .line-style .line-type ul li .line-option-type.line-width span, .popup-style .pointer.text-type-box .line-style .line-type ul li a.line-width span,
              .popup-style .pointer.text-type-box .line-style .line-type ul li .line-option-type.line-width span {
                display: inline-block;
                background-color: rgba(255, 255, 255, 0.9);
                height: 1px;
                width: 43px;
                margin: 0;
                vertical-align: middle;
                border-radius: 30px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px; }
              .popup-style .pointer.text-style-box .line-style .line-type ul li a.line-width.medium span,
              .popup-style .pointer.text-style-box .line-style .line-type ul li .line-option-type.line-width.medium span, .popup-style .pointer.effect-style-box .line-style .line-type ul li a.line-width.medium span,
              .popup-style .pointer.effect-style-box .line-style .line-type ul li .line-option-type.line-width.medium span, .popup-style .pointer.notes-box .line-style .line-type ul li a.line-width.medium span,
              .popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type.line-width.medium span, .popup-style .pointer.line-type-box .line-style .line-type ul li a.line-width.medium span,
              .popup-style .pointer.line-type-box .line-style .line-type ul li .line-option-type.line-width.medium span, .popup-style .pointer.text-type-box .line-style .line-type ul li a.line-width.medium span,
              .popup-style .pointer.text-type-box .line-style .line-type ul li .line-option-type.line-width.medium span {
                height: 3px; }
              .popup-style .pointer.text-style-box .line-style .line-type ul li a.line-width.thick span,
              .popup-style .pointer.text-style-box .line-style .line-type ul li .line-option-type.line-width.thick span, .popup-style .pointer.effect-style-box .line-style .line-type ul li a.line-width.thick span,
              .popup-style .pointer.effect-style-box .line-style .line-type ul li .line-option-type.line-width.thick span, .popup-style .pointer.notes-box .line-style .line-type ul li a.line-width.thick span,
              .popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type.line-width.thick span, .popup-style .pointer.line-type-box .line-style .line-type ul li a.line-width.thick span,
              .popup-style .pointer.line-type-box .line-style .line-type ul li .line-option-type.line-width.thick span, .popup-style .pointer.text-type-box .line-style .line-type ul li a.line-width.thick span,
              .popup-style .pointer.text-type-box .line-style .line-type ul li .line-option-type.line-width.thick span {
                height: 5px; }
        .popup-style .pointer.text-style-box .line-style .swatch, .popup-style .pointer.effect-style-box .line-style .swatch, .popup-style .pointer.notes-box .line-style .swatch, .popup-style .pointer.line-type-box .line-style .swatch, .popup-style .pointer.text-type-box .line-style .swatch {
          width: 45px; }
        .popup-style .pointer.text-style-box .line-style.items-listing-wrapper .inner-content, .popup-style .pointer.effect-style-box .line-style.items-listing-wrapper .inner-content, .popup-style .pointer.notes-box .line-style.items-listing-wrapper .inner-content, .popup-style .pointer.line-type-box .line-style.items-listing-wrapper .inner-content, .popup-style .pointer.text-type-box .line-style.items-listing-wrapper .inner-content {
          padding-bottom: 15px; }
        .popup-style .pointer.text-style-box .line-style.items-listing-wrapper .select-item, .popup-style .pointer.effect-style-box .line-style.items-listing-wrapper .select-item, .popup-style .pointer.notes-box .line-style.items-listing-wrapper .select-item, .popup-style .pointer.line-type-box .line-style.items-listing-wrapper .select-item, .popup-style .pointer.text-type-box .line-style.items-listing-wrapper .select-item {
          white-space: nowrap;
          display: block;
          text-align: left; }
          .popup-style .pointer.text-style-box .line-style.items-listing-wrapper .select-item li, .popup-style .pointer.effect-style-box .line-style.items-listing-wrapper .select-item li, .popup-style .pointer.notes-box .line-style.items-listing-wrapper .select-item li, .popup-style .pointer.line-type-box .line-style.items-listing-wrapper .select-item li, .popup-style .pointer.text-type-box .line-style.items-listing-wrapper .select-item li {
            display: inline-block;
            padding: 5px; }
      .popup-style .pointer.text-style-box.bottom-listing-item, .popup-style .pointer.effect-style-box.bottom-listing-item, .popup-style .pointer.notes-box.bottom-listing-item, .popup-style .pointer.line-type-box.bottom-listing-item, .popup-style .pointer.text-type-box.bottom-listing-item {
        width: calc(100vw - 240px); }
        .popup-style .pointer.text-style-box.bottom-listing-item .ps__rail-x, .popup-style .pointer.effect-style-box.bottom-listing-item .ps__rail-x, .popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x, .popup-style .pointer.line-type-box.bottom-listing-item .ps__rail-x, .popup-style .pointer.text-type-box.bottom-listing-item .ps__rail-x {
          background-color: #042349;
          opacity: 1;
          border-radius: 25px;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          height: 10px; }
          .popup-style .pointer.text-style-box.bottom-listing-item .ps__rail-x:hover, .popup-style .pointer.effect-style-box.bottom-listing-item .ps__rail-x:hover, .popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x:hover, .popup-style .pointer.line-type-box.bottom-listing-item .ps__rail-x:hover, .popup-style .pointer.text-type-box.bottom-listing-item .ps__rail-x:hover {
            background-color: #042349;
            opacity: 1;
            border-radius: 25px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            height: 10px; }
            .popup-style .pointer.text-style-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .popup-style .pointer.effect-style-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .popup-style .pointer.line-type-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x, .popup-style .pointer.text-type-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x {
              background-color: #06356f; }
          .popup-style .pointer.text-style-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .popup-style .pointer.effect-style-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .popup-style .pointer.line-type-box.bottom-listing-item .ps__rail-x .ps__thumb-x, .popup-style .pointer.text-type-box.bottom-listing-item .ps__rail-x .ps__thumb-x {
            background-color: #06356f; }
        @media only screen and (max-width: 1199px) {
          .popup-style .pointer.text-style-box.bottom-listing-item, .popup-style .pointer.effect-style-box.bottom-listing-item, .popup-style .pointer.notes-box.bottom-listing-item, .popup-style .pointer.line-type-box.bottom-listing-item, .popup-style .pointer.text-type-box.bottom-listing-item {
            width: calc(100vw - 200px); } }
      .popup-style .pointer.text-style-box.effect-style-box ul li, .popup-style .pointer.effect-style-box.effect-style-box ul li, .popup-style .pointer.notes-box.effect-style-box ul li, .popup-style .pointer.line-type-box.effect-style-box ul li, .popup-style .pointer.text-type-box.effect-style-box ul li {
        width: 70px; }
        .popup-style .pointer.text-style-box.effect-style-box ul li .effect-listing-item, .popup-style .pointer.effect-style-box.effect-style-box ul li .effect-listing-item, .popup-style .pointer.notes-box.effect-style-box ul li .effect-listing-item, .popup-style .pointer.line-type-box.effect-style-box ul li .effect-listing-item, .popup-style .pointer.text-type-box.effect-style-box ul li .effect-listing-item {
          text-decoration: none;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-transition: 0.4s all ease-in-out;
          -moz-transition: 0.4s all ease-in-out;
          -o-transition: 0.4s all ease-in-out;
          transition: 0.4s all ease-in-out;
          height: 100%;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          text-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding: 0;
          width: 100%; }
          .popup-style .pointer.text-style-box.effect-style-box ul li .effect-listing-item span, .popup-style .pointer.effect-style-box.effect-style-box ul li .effect-listing-item span, .popup-style .pointer.notes-box.effect-style-box ul li .effect-listing-item span, .popup-style .pointer.line-type-box.effect-style-box ul li .effect-listing-item span, .popup-style .pointer.text-type-box.effect-style-box ul li .effect-listing-item span {
            display: inline-block;
            margin-top: 10px;
            font-size: 10px;
            color: #fff; }
    .popup-style .pointer.notes-box {
      width: 550px;
      padding: 10px; }
      .popup-style .pointer.notes-box .notes-head {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding-bottom: 10px; }
        .popup-style .pointer.notes-box .notes-head h4 {
          flex: 1; }
        .popup-style .pointer.notes-box .notes-head .tab-list ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          border: 1px solid #fbbf1b;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px; }
          .popup-style .pointer.notes-box .notes-head .tab-list ul li .tab-action-bnt {
            padding: 8px 10px;
            color: #fbbf1b;
            font-size: 12px;
            font-weight: 500;
            line-height: 16px;
            text-align: center;
            width: 90px;
            cursor: pointer; }
            .popup-style .pointer.notes-box .notes-head .tab-list ul li .tab-action-bnt.active {
              background-color: #fbbf1b;
              color: #052c5c; }
      .popup-style .pointer.notes-box .tab-panel.notes .textarea-notes {
        height: 260px;
        width: 100%;
        background-color: #030f22;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        box-sizing: border-box;
        resize: none;
        padding: 10px;
        outline: none;
        color: #fff;
        display: block;
        font-size: 15px; }
      .popup-style .pointer.notes-box .tab-panel.four-corner ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .popup-style .pointer.notes-box .tab-panel.four-corner ul li {
          width: 50%; }
          .popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 130px;
            width: 100%;
            box-sizing: border-box;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            padding: 3px; }
            .popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap span {
              color: #052c5c;
              font-weight: 500;
              display: block;
              width: 100%;
              height: 100%; }
              .popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap span textarea {
                resize: none;
                width: 100%;
                height: 100%;
                border: none;
                padding: 10px;
                box-sizing: border-box; }
                .popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap span textarea::placeholder {
                  color: rgba(0, 0, 0, 0.5); }
                .popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap span textarea:focus {
                  outline: none; }
          .popup-style .pointer.notes-box .tab-panel.four-corner ul li.note-1 .note-wrap span textarea {
            background-color: #ce125d; }
          .popup-style .pointer.notes-box .tab-panel.four-corner ul li.note-2 .note-wrap span textarea {
            background-color: #40efa1; }
          .popup-style .pointer.notes-box .tab-panel.four-corner ul li.note-3 .note-wrap span textarea {
            background-color: #edf94c; }
          .popup-style .pointer.notes-box .tab-panel.four-corner ul li.note-4 .note-wrap span textarea {
            background-color: #42e7ef; }
      .popup-style .pointer.notes-box .notes-footer {
        text-align: right;
        padding: 10px 0 0; }
        .popup-style .pointer.notes-box .notes-footer button {
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          background-color: #0671dd;
          -webkit-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
          -moz-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
          box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
          padding: 13px 25px;
          color: #ffffff;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.6px;
          line-height: 16px;
          border: none; }
    .popup-style .pointer.items-section {
      width: 600px; }
      .popup-style .pointer.items-section .select-item {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .popup-style .pointer.items-section .select-item li {
          width: 10%; }
          .popup-style .pointer.items-section .select-item li figure img {
            max-width: 80%;
            margin: 0 auto;
            object-fit: contain; }
  .popup-style .color-picker {
    margin: 3px;
    position: relative; }
    .popup-style .color-picker .color-cover {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .popup-style .color-picker .swatch {
      padding: 7px;
      background-color: #05356f;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      display: inline-block;
      cursor: pointer;
      position: relative;
      margin-top: 6px;
      display: flex !important;
      align-items: center; }
      .popup-style .color-picker .swatch:first-child {
        margin-top: 0; }
    .popup-style .color-picker .caret-down {
      margin-left: 5px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid white; }
    .popup-style .color-picker .line-style {
      display: block !important;
      margin-bottom: 0; }
      .popup-style .color-picker .line-style .line-type ul {
        margin: 0 !important; }
        .popup-style .color-picker .line-style .line-type ul li .line-option-type {
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 3px 0 !important; }
          .popup-style .color-picker .line-style .line-type ul li .line-option-type.active {
            -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
            border-color: #0471dd; }
        .popup-style .color-picker .line-style .line-type ul li:first-child .line-option-type {
          margin-top: 0 !important; }
          .popup-style .color-picker .line-style .line-type ul li:first-child .line-option-type object {
            width: 35px; }
        .popup-style .color-picker .line-style .line-type ul li:last-child .line-option-type {
          margin-bottom: 0 !important; }
  .popup-style .trails-settings.relationship-modal {
    width: auto; }
  .popup-style .relationship-modal {
    min-width: 850px; }
    .popup-style .relationship-modal h2 {
      font-size: 24px;
      font-weight: 500;
      color: #ffffff;
      line-height: 28px;
      margin-bottom: 25px; }
    .popup-style .relationship-modal .connectors-table {
      border: 1px solid #05356f;
      height: 420px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      overflow: hidden;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative; }
      .popup-style .relationship-modal .connectors-table .scrollbar-wrapper {
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-x: hidden;
        position: static; }
        .popup-style .relationship-modal .connectors-table .scrollbar-wrapper .ps__rail-y {
          width: 6px;
          background-color: rgba(4, 40, 85, 0.8);
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          top: 0 !important; }
          .popup-style .relationship-modal .connectors-table .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
            background-color: #05356f;
            width: 4px;
            right: 1px; }
      .popup-style .relationship-modal .connectors-table.pf-scroll .scrollbar-wrapper {
        position: static; }
      @media only screen and (max-width: 1400px) {
        .popup-style .relationship-modal .connectors-table {
          height: 380px; } }
    .popup-style .relationship-modal table {
      width: 100%;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px; }
      .popup-style .relationship-modal table th,
      .popup-style .relationship-modal table td {
        font-size: 16px;
        letter-spacing: 0.15px;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.8);
        padding: 12px 25px;
        vertical-align: middle;
        border: none;
        text-align: center; }
      .popup-style .relationship-modal table thead {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
        .popup-style .relationship-modal table thead tr th {
          position: sticky;
          position: -webkit-sticky;
          position: -ms-sticky;
          top: 0;
          z-index: 99;
          background-color: #05356f;
          white-space: nowrap;
          /*&:nth-child(2){
						text-align: left;
						padding-left: 10px;
					}*/ }
      .popup-style .relationship-modal table td {
        position: relative;
        padding: 10px 10px;
        text-align: center;
        max-width: 300px; }
        .popup-style .relationship-modal table td .input-range {
          width: 150px; }
          .popup-style .relationship-modal table td .input-range .input-range__track {
            height: 12px;
            background-color: #022c5c; }
          .popup-style .relationship-modal table td .input-range .input-range__track--active {
            background-color: #0671dd; }
          .popup-style .relationship-modal table td .input-range .input-range__slider {
            height: 20px;
            width: 20px;
            background-color: #fff;
            margin-top: -17px; }
          .popup-style .relationship-modal table td .input-range .input-range__label-container {
            display: none; }
          .popup-style .relationship-modal table td .input-range .input-range__slider:active {
            transform: none; }
        .popup-style .relationship-modal table td .bib-box {
          display: flex; }
      .popup-style .relationship-modal table .color-picker {
        margin: 0; }
        .popup-style .relationship-modal table .color-picker .swatch {
          padding: 0 5px;
          height: 34px;
          width: 50px;
          margin: 0 auto; }
          .popup-style .relationship-modal table .color-picker .swatch + div {
            z-index: 999 !important; }
        .popup-style .relationship-modal table .color-picker .sketch-picker > div {
          padding-bottom: 30% !important; }
          .popup-style .relationship-modal table .color-picker .sketch-picker > div.flexbox-fix {
            padding-bottom: 0 !important; }
      .popup-style .relationship-modal table .choose-row {
        position: relative; }
        .popup-style .relationship-modal table .choose-row label {
          display: block;
          text-align: left; }
        .popup-style .relationship-modal table .choose-row input[type="radio"],
        .popup-style .relationship-modal table .choose-row input[type="checkbox"] {
          position: absolute;
          height: 100%;
          width: 100%;
          opacity: 0;
          cursor: pointer; }
        .popup-style .relationship-modal table .choose-row input[type="radio"]:checked + span.radio-circle,
        .popup-style .relationship-modal table .choose-row input[type="checkbox"]:checked + span.radio-circle {
          background-color: #0671dd; }
        .popup-style .relationship-modal table .choose-row .radio-circle {
          display: inline-block;
          border: 4px solid #ffffff;
          height: 25px;
          width: 25px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          vertical-align: middle; }
        .popup-style .relationship-modal table .choose-row.starter .radio-circle {
          background-color: #fff; }
        .popup-style .relationship-modal table .choose-row.starter input[type="radio"]:checked + span.radio-circle,
        .popup-style .relationship-modal table .choose-row.starter input[type="checkbox"]:checked + span.radio-circle {
          background-color: #fbbf1b; }
      .popup-style .relationship-modal table .select-box {
        position: relative;
        min-width: 60px;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: fit-content;
        margin: 0 auto; }
        .popup-style .relationship-modal table .select-box:before {
          content: "";
          position: absolute;
          top: 50%;
          right: 8px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid white;
          pointer-events: none; }
        .popup-style .relationship-modal table .select-box select {
          min-width: 60px;
          height: 34px;
          border: 2px solid #05356f;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          box-sizing: border-box;
          background-color: transparent;
          outline: none;
          color: rgba(255, 255, 255, 0.8);
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          padding: 0 20px 0 8px;
          font-family: "Catamaran", sans-serif;
          -webkit-appearance: none;
          cursor: pointer; }
          .popup-style .relationship-modal table .select-box select option {
            color: #000;
            background-color: transparent; }
          .popup-style .relationship-modal table .select-box select:focus {
            outline: none; }
      .popup-style .relationship-modal table .action-link {
        height: 34px;
        width: 34px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #05356f;
        vertical-align: middle;
        margin: 0 auto; }
      .popup-style .relationship-modal table.player-focus-listing tbody tr:first-child td, .popup-style .relationship-modal table.tracking-player tbody tr:first-child td {
        padding-top: 30px; }
      .popup-style .relationship-modal table.player-focus-listing tbody tr:last-child td, .popup-style .relationship-modal table.tracking-player tbody tr:last-child td {
        padding-bottom: 30px; }
      .popup-style .relationship-modal table.player-focus-listing td.players-connection .select-box.player-select-box, .popup-style .relationship-modal table.tracking-player td.players-connection .select-box.player-select-box {
        width: 220px;
        margin: 0; }
        .popup-style .relationship-modal table.player-focus-listing td.players-connection .select-box.player-select-box:before, .popup-style .relationship-modal table.tracking-player td.players-connection .select-box.player-select-box:before {
          border-top: 7px solid #022c5c;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px; }
        .popup-style .relationship-modal table.player-focus-listing td.players-connection .select-box.player-select-box select, .popup-style .relationship-modal table.tracking-player td.players-connection .select-box.player-select-box select {
          min-width: 220px;
          background-color: #fff;
          height: 40px;
          color: #092056;
          font-size: 16px;
          line-height: 23px;
          padding: 0 10px;
          font-weight: 400;
          border: none; }
      .popup-style .relationship-modal table.player-focus-listing td .select-box, .popup-style .relationship-modal table.tracking-player td .select-box {
        margin: 0 auto; }
    .popup-style .relationship-modal .table-footer {
      margin: 30px -30px 0;
      padding: 30px 30px 0;
      border-top: 1px solid rgba(216, 216, 216, 0.1); }
      .popup-style .relationship-modal .table-footer .action-btn {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
        .popup-style .relationship-modal .table-footer .action-btn.flex-end {
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          justify-content: flex-end; }
      .popup-style .relationship-modal .table-footer div {
        padding: 15px 25px;
        border: 1px solid #0671dd;
        display: inline-block;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0.6px;
        color: #0671dd;
        text-decoration: none;
        min-width: 45px;
        text-align: center; }
        .popup-style .relationship-modal .table-footer div.apply {
          color: #fff;
          background-color: #0671dd; }
      .popup-style .relationship-modal .table-footer button[type="button"].button-submit {
        background: transparent;
        color: #0671dd; }
    .popup-style .relationship-modal .players-connection-info {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .popup-style .relationship-modal .players-connection-info .left-side-panel,
      .popup-style .relationship-modal .players-connection-info .right-side-panel {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        width: 315px;
        border: 1px solid #05356f; }
        .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-header,
        .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-header {
          padding: 10px 30px;
          background-color: #05356f; }
          .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-header h3,
          .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-header h3 {
            color: rgba(255, 255, 255, 0.8);
            font-size: 16px;
            letter-spacing: 0.15px;
            line-height: 24px; }
        .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list,
        .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list {
          padding: 0 30px;
          height: 350px;
          display: -webkit-flex;
          display: -ms-flexbox;
          overflow: hidden;
          position: relative; }
          .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list .scrollbar-wrapper,
          .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list .scrollbar-wrapper {
            position: static; }
            .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list .scrollbar-wrapper .ps__rail-y,
            .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list .scrollbar-wrapper .ps__rail-y {
              width: 8px !important;
              background-color: rgba(4, 40, 85, 0.8);
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              top: 0 !important; }
              .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list .scrollbar-wrapper .ps__rail-y .ps__thumb-y,
              .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list .scrollbar-wrapper .ps__rail-y .ps__thumb-y {
                background-color: #05356f;
                width: 4px;
                right: 2px; }
          .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list .inner-content,
          .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list .inner-content {
            padding: 5px 0; }
          .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li,
          .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 5px 0; }
            .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li svg,
            .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li svg {
              margin-top: 7px; }
            .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list,
            .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list {
              position: relative; }
              .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list input[type="checkbox"],
              .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list input[type="checkbox"] {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer;
                z-index: 99; }
              .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox,
              .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox {
                background-color: #fff;
                border-color: #fff; }
                .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox:before,
                .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list input[type="checkbox"]:checked + span.radio-checkbox:before {
                  content: "";
                  width: 12px;
                  height: 6px;
                  border-left: 3px solid #0890fb;
                  border-bottom: 3px solid #0890fb;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                  -moz-transform: translate(-50%, -50%) rotate(-45deg);
                  -ms-transform: translate(-50%, -50%) rotate(-45deg);
                  transform: translate(-50%, -50%) rotate(-45deg);
                  margin-top: -2px;
                  margin-left: 1px; }
              .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .select-list span.radio-checkbox,
              .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .select-list span.radio-checkbox {
                height: 25px;
                width: 25px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                display: inline-block;
                border: 4px solid #05356f;
                position: relative; }
            .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li .player,
            .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li .player {
              margin: 0 40px; }
            .popup-style .relationship-modal .players-connection-info .left-side-panel .panel-list ul li label,
            .popup-style .relationship-modal .players-connection-info .right-side-panel .panel-list ul li label {
              color: #ffffff;
              font-size: 16px;
              letter-spacing: 0.15px;
              line-height: 24px; }
      .popup-style .relationship-modal .players-connection-info .action-arrow {
        padding: 0 45px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        .popup-style .relationship-modal .players-connection-info .action-arrow a {
          height: 40px;
          width: 40px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          background-color: rgba(255, 255, 255, 0.9);
          margin-bottom: 15px;
          cursor: pointer; }
          .popup-style .relationship-modal .players-connection-info .action-arrow a span.arrow {
            height: 12px;
            width: 12px;
            border-left: 5px solid #042348;
            border-bottom: 5px solid #042348;
            display: inline-block; }
            .popup-style .relationship-modal .players-connection-info .action-arrow a span.arrow.left {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              margin-left: 5px; }
            .popup-style .relationship-modal .players-connection-info .action-arrow a span.arrow.right {
              -webkit-transform: rotate(-135deg);
              -moz-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
              transform: rotate(-135deg);
              margin-right: 5px; }
            .popup-style .relationship-modal .players-connection-info .action-arrow a span.arrow.top {
              -webkit-transform: rotate(135deg);
              -moz-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              transform: rotate(135deg);
              margin-top: 5px; }
            .popup-style .relationship-modal .players-connection-info .action-arrow a span.arrow.bottom {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
              margin-bottom: 5px; }
        .popup-style .relationship-modal .players-connection-info .action-arrow.right-side {
          padding-right: 0; }
    .popup-style .relationship-modal.team-squade .select-box.player-select-box {
      width: 150px; }
      .popup-style .relationship-modal.team-squade .select-box.player-select-box select {
        min-width: 150px; }
    .popup-style .relationship-modal.team-squade .input-box .form-control {
      box-sizing: border-box;
      width: 150px;
      background-color: #fff;
      height: 40px;
      color: #092056;
      font-size: 16px;
      line-height: 23px;
      padding: 0 10px;
      font-weight: 400;
      border: none;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      outline: none; }
    .popup-style .relationship-modal.team-squade .input-box.shirt-number .form-control {
      min-width: auto;
      width: 55px;
      text-align: center;
      font-size: 14px;
      color: #022c5c;
      font-family: "Catamaran", sans-serif;
      line-height: 23px;
      font-weight: 900; }
  .popup-style.right-tab {
    margin-left: 5px; }
  .popup-style object {
    margin-top: 5px; }

.line-amination-popup-type {
  background: #042348;
  border-radius: 5px;
  display: flex;
  padding: 8px 20px !important; }
  .line-amination-popup-type object {
    width: 60px;
    height: 45px;
    max-height: unset !important; }
  .line-amination-popup-type.low-opacity {
    background: rgba(4, 35, 72, 0.7); }

#text-Form form {
  background-color: #042348 !important;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  #text-Form form textarea {
    resize: none;
    background: transparent; }
  #text-Form form input,
  #text-Form form textarea {
    height: 36px;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: transparent;
    color: #fff;
    padding: 9px 15px;
    box-sizing: border-box; }
  #text-Form form button {
    height: 38px;
    border-radius: 4px;
    margin-left: 10px;
    background: #1677e3;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: 600; }

.progress {
  background-color: #d8d8d8;
  border-radius: 20px;
  position: relative;
  margin: 15px 0 20px;
  height: 16px;
  width: 100%; }

.progress-done {
  background: #0471dd;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 12px;
  width: 0;
  transition: 1s ease 0.3s; }

.btn-loader {
  border: 2px solid #fff;
  border-radius: 50%;
  border-top: 2px solid #0671dd;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  vertical-align: middle; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.individual-user-sidebar-modal.team-1 {
  left: auto;
  right: 120px; }
  @media only screen and (max-width: 1199px) {
    .individual-user-sidebar-modal.team-1 {
      right: 100px; } }
  .individual-user-sidebar-modal.team-1 .sidebar-main-body .player-selection-setting .notes-box {
    left: initial;
    right: 100%; }
  .individual-user-sidebar-modal.team-1 .sidebar-main-body .player-selection-setting .player-notes {
    right: initial;
    left: -72px; }
    .individual-user-sidebar-modal.team-1 .sidebar-main-body .player-selection-setting .player-notes a {
      border-radius: 3px;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }

#team-2 .player-selection-setting .bottom-nav-top.notes-box,
.team-2 .player-selection-setting .bottom-nav-top.notes-box {
  left: auto !important;
  right: 100% !important; }

.individual-user-sidebar-modal {
  position: absolute;
  left: 120px;
  height: calc(100% - 140px);
  width: 360px; }
  .individual-user-sidebar-modal .header-part {
    padding: 15px;
    text-align: center;
    background-color: #fff;
    position: relative; }
    .individual-user-sidebar-modal .header-part .close {
      position: absolute;
      top: 10px;
      right: 10px;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      outline: none;
      cursor: pointer;
      background: transparent;
      border: 2px solid #042348;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0; }
    .individual-user-sidebar-modal .header-part h3 {
      color: #042349;
      font-size: 20px;
      font-weight: 500;
      line-height: 30px; }
    .individual-user-sidebar-modal .header-part p {
      color: #245687;
      font-size: 15px;
      font-weight: 300;
      line-height: 30px; }
    @media only screen and (max-width: 1400px) {
      .individual-user-sidebar-modal .header-part {
        padding: 10px; }
        .individual-user-sidebar-modal .header-part h3 {
          font-size: 16px;
          line-height: 18px; }
        .individual-user-sidebar-modal .header-part p {
          font-size: 12px;
          line-height: 22px; } }
  .individual-user-sidebar-modal .sidebar-main-body {
    background-color: #042348;
    padding-top: 20px;
    height: calc(100% - 106px);
    position: relative; }
    @media only screen and (max-width: 1400px) {
      .individual-user-sidebar-modal .sidebar-main-body {
        height: calc(100% - 70px); } }
    .individual-user-sidebar-modal .sidebar-main-body .edit-button {
      position: absolute;
      top: 10px;
      right: 10px; }
    .individual-user-sidebar-modal .sidebar-main-body figure {
      background-color: #fff;
      width: 110px;
      height: 110px;
      border-radius: 50%;
      position: relative;
      margin: 0 auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .individual-user-sidebar-modal .sidebar-main-body figure .profile-user-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden; }
        .individual-user-sidebar-modal .sidebar-main-body figure .profile-user-info img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .individual-user-sidebar-modal .sidebar-main-body figure label {
        position: absolute;
        bottom: 0px;
        right: -5px;
        background-color: #ffffff;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        border: 1px solid #1077e2;
        cursor: pointer; }
      @media only screen and (max-width: 1650px) {
        .individual-user-sidebar-modal .sidebar-main-body figure {
          width: 90px;
          height: 90px; } }
      @media only screen and (max-width: 1400px) {
        .individual-user-sidebar-modal .sidebar-main-body figure {
          width: 70px;
          height: 70px; } }
    .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail {
      margin: 20px 45px;
      display: flex;
      flex-wrap: wrap;
      text-align: center; }
      .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box {
        width: 50%;
        box-sizing: border-box;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        border-right: 1px solid rgba(255, 255, 255, 0.18); }
        .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box:nth-child(even) {
          border-right: none; }
        .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box:nth-child(3), .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box:nth-child(4) {
          border-bottom: none; }
        .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box h4 {
          color: #ffffff;
          font-size: 14px;
          font-weight: 500;
          line-height: 18px;
          margin-bottom: 8px; }
          @media only screen and (max-width: 1400px) {
            .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box h4 {
              font-size: 11px;
              margin-bottom: 4px; } }
        .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box p {
          opacity: 0.7;
          color: #ffffff;
          font-size: 15px;
          line-height: 18px; }
          @media only screen and (max-width: 1400px) {
            .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box p {
              font-size: 12px;
              line-height: 16px; } }
        .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box input {
          border: none;
          background-color: transparent;
          outline: none;
          opacity: 0.7;
          color: #ffffff;
          font-size: 15px;
          line-height: 18px;
          padding: 0;
          text-align: center;
          box-sizing: border-box;
          width: 100%; }
          @media only screen and (max-width: 1400px) {
            .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box input {
              font-size: 12px;
              line-height: 16px; } }
        @media only screen and (min-width: 1800px) {
          .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box {
            padding: 30px 0; } }
        @media only screen and (max-width: 1500px) {
          .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box {
            padding: 15px 0; } }
        @media only screen and (max-width: 1400px) {
          .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box {
            padding: 10px 0; } }
        @media only screen and (max-width: 1300px) {
          .individual-user-sidebar-modal .sidebar-main-body .user-personal-detail .detail-box {
            padding: 5px 0; } }
    .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting {
      border-top: 1px solid rgba(255, 255, 255, 0.18);
      padding: 15px 0; }
      .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .scroll-section-sidebar {
        position: relative; }
      .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul {
        display: flex;
        flex-wrap: wrap; }
        @media only screen and (max-width: 1300px) {
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul {
            max-height: 200px; } }
        .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li {
          width: calc(50% - 30px);
          padding: 0 15px;
          display: flex;
          margin-bottom: 20px;
          align-items: center; }
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li label {
            color: #ffffff;
            font-size: 13px;
            font-weight: 500;
            line-height: 18px;
            flex: 1; }
            @media only screen and (max-width: 1400px) {
              .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li label {
                font-size: 11px; } }
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .select-box {
            position: relative; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .select-box:before {
              content: "";
              position: absolute;
              top: 50%;
              right: 8px;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              border-left: 4px solid transparent;
              border-right: 4px solid transparent;
              border-top: 4px solid #000;
              pointer-events: none; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .select-box select {
              -webkit-appearance: none;
              background-color: #fff;
              height: 28px;
              width: 70px;
              padding: 5px 10px;
              border-radius: 4px;
              border: none; }
              @media only screen and (max-width: 1400px) {
                .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .select-box select {
                  height: 26px; } }
              @media only screen and (max-width: 1300px) {
                .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .select-box select {
                  height: 22px;
                  font-size: 10px;
                  padding: 2px 8px; } }
              .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .select-box select:disabled {
                background-color: #b4bdc8;
                opacity: 1; }
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter {
            display: flex;
            background-color: #fff;
            border-radius: 4px;
            width: 70px;
            height: 28px;
            overflow: hidden; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter.disabled {
              background: #b4bdc8; }
              .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter.disabled input {
                background: #b4bdc8; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter svg,
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter g {
              fill: #207ce7;
              width: 8px;
              height: 8px; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter .counter-button {
              padding: 0 8px;
              display: flex;
              align-items: center; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter input {
              width: 100%;
              border: none;
              height: 100%;
              text-align: center; }
              .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter input:focus {
                outline: none; }
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter .counter-data {
              flex: 1;
              border-left: 1px solid rgba(151, 151, 151, 0.18);
              border-right: 1px solid rgba(151, 151, 151, 0.18); }
            @media only screen and (max-width: 1400px) {
              .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter {
                height: 26px; } }
            @media only screen and (max-width: 1300px) {
              .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li .counter {
                height: 22px;
                font-size: 10px; } }
          @media only screen and (max-width: 1300px) {
            .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul li {
              margin-bottom: 15px; } }
      .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .player-notes {
        text-align: center;
        position: absolute;
        top: 21px;
        right: -72px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        display: none; }
        .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .player-notes .player-notes-btn {
          padding: 5px 10px;
          display: inline-block;
          border-radius: 4px;
          border: 1px solid #1376e2;
          font-size: 12px;
          text-decoration: none;
          color: #fff;
          background: #042348;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .player-notes .player-notes-btn svg {
            width: 12px;
            vertical-align: middle;
            margin-right: 5px;
            fill: #fff; }
        @media only screen and (min-width: 1800px) {
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .player-notes {
            margin-top: 20px; } }
      .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .notes-box {
        position: absolute;
        left: 100%;
        bottom: 0;
        width: 450px; }
        .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .notes-box .tab-panel.notes .textarea-notes {
          height: 210px; }
        .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .notes-box .close {
          position: absolute;
          right: 10px;
          top: 10px;
          background: transparent;
          border-radius: 50%;
          border: 2px solid #ffff;
          padding: 0;
          width: 24px;
          height: 24px;
          display: -ms-flexbox;
          display: flex;
          align-items: center;
          justify-content: center; }
          .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .notes-box .close svg {
            fill: #fff; }
      @media only screen and (min-width: 1800px) {
        .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting {
          padding-top: 30px; } }
    @media only screen and (min-width: 1800px) {
      .individual-user-sidebar-modal .sidebar-main-body {
        padding-top: 40px;
        height: calc(100% - 128px); } }
    @media only screen and (max-width: 1400px) {
      .individual-user-sidebar-modal .sidebar-main-body {
        padding-top: 25px; } }
    @media only screen and (max-width: 1300px) {
      .individual-user-sidebar-modal .sidebar-main-body {
        padding-top: 15px; } }
  @media only screen and (max-width: 1400px) {
    .individual-user-sidebar-modal {
      width: 330px; } }
  @media only screen and (max-width: 1199px) {
    .individual-user-sidebar-modal {
      left: 100px; } }

.cs-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #042349;
  z-index: 99999; }
  .cs-popup-wrapper .inner-popup {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%; }
    .cs-popup-wrapper .inner-popup .loader {
      border-radius: 50%;
      width: 30px;
      height: 30px;
      position: relative;
      border-top: 5px solid rgba(255, 255, 255, 0.2);
      border-right: 5px solid rgba(255, 255, 255, 0.2);
      border-bottom: 5px solid rgba(255, 255, 255, 0.2);
      border-left: 5px solid #ffffff;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation: load8 1.1s infinite linear;
      animation: load8 1.1s infinite linear; }
      .cs-popup-wrapper .inner-popup .loader:after {
        border-radius: 50%;
        width: 10em;
        height: 10em; }
    .cs-popup-wrapper .inner-popup h3 {
      font-size: 20px;
      color: #fff;
      margin-top: 10px; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

body.show-notes-box .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting .player-notes {
  display: block; }

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  .main-editing-tool .field-section {
    height: calc(100vh - 69px - 140px); }
    .main-editing-tool .field-section.firefox {
      height: calc(100vh - 69px - 74px); } }

html {
  overflow: scroll;
  overflow-x: hidden; }

::-webkit-scrollbar {
  width: 0;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */ }

.select-style-slider {
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 0 10px; }
  .select-style-slider .inner-content {
    display: flex;
    padding: 20px 0; }
    .select-style-slider .inner-content .pointer {
      margin: 0 10px; }
  .select-style-slider .scrollbar-wrapper .ps__rail-x {
    background-color: #c3d5ec;
    opacity: 1;
    height: 10px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; }
    .select-style-slider .scrollbar-wrapper .ps__rail-x .ps__thumb-x {
      background-color: #06356f; }
  .select-style-slider .scrollbar-wrapper:hover .ps__rail-x {
    opacity: 1; }

.info-banner-section {
  position: fixed;
  padding: 20px;
  display: flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .info-banner-section p {
    font-size: 22px;
    color: #fff;
    line-height: 28px;
    font-weight: 500;
    position: relative;
    text-align: center;
    display: block;
    z-index: 2; }
  .info-banner-section img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .info-banner-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1; }

.drag-draw-effect {
  position: relative; }
  .drag-draw-effect:before {
    position: absolute;
    content: "";
    -webkit-box-shadow: 0 0 0 #f24327;
    box-shadow: 0 0 0 #f24327;
    background-color: #f24327;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: 300ms all;
    transition: 300ms all;
    -webkit-animation: blink-effect 2s infinite;
    animation-name: blink-effect 2s infinite; }
  .drag-draw-effect svg,
  .drag-draw-effect span {
    position: relative; }

@-webkit-keyframes blink-effect {
  0% {
    -webkit-box-shadow: 0 0 0 0 #f24327; }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@keyframes blink-effect {
  0% {
    -moz-box-shadow: 0 0 0 0 #f24327;
    box-shadow: 0 0 0 0 #f24327; }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

.recorder-modal {
  text-align: left; }
  .recorder-modal h2 {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center; }
  .recorder-modal p {
    line-height: 18px;
    font-size: 15px;
    margin-bottom: 10px; }
    .recorder-modal p strong {
      font-weight: 500; }
  .recorder-modal .info-text {
    margin: 15px 0; }
  .recorder-modal .submit-btn {
    margin: 16px auto 0;
    width: 100px;
    display: block; }

.fyrYpc:focus {
  outline: none; }

.fyrYpc:before {
  color: #000; }

.modal-video-movie-wrap {
  height: 100vh !important;
  width: 100vw !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  padding: 0 0 !important; }
  .modal-video-movie-wrap iframe {
    top: 50% !important;
    left: 50% !important;
    height: 80% !important;
    transform: translate(-50%, -50%) !important; }
  .modal-video-movie-wrap .modal-video-close-btn {
    top: 50px !important;
    right: 50px !important;
    outline: none !important;
    box-shadow: none !important; }

.public-profile.tutorial-video-page .public-profile-header {
  padding: 20px;
  background-color: #092056; }
  .public-profile.tutorial-video-page .public-profile-header img {
    display: block; }
  @media only screen and (max-width: 1199px) {
    .public-profile.tutorial-video-page .public-profile-header {
      width: 100%; } }
  @media only screen and (max-width: 991px) {
    .public-profile.tutorial-video-page .public-profile-header {
      padding: 10px 20px; } }

.public-profile.tutorial-video-page .profile-banner {
  height: 250px;
  background-size: cover;
  background-position: center center;
  position: relative; }
  .public-profile.tutorial-video-page .profile-banner:before {
    content: "";
    background-color: rgba(9, 32, 86, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  @media only screen and (max-width: 991px) {
    .public-profile.tutorial-video-page .profile-banner {
      height: 180px; } }

.public-profile.tutorial-video-page .wrapper-profile {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
  position: relative;
  height: 100%; }
  .public-profile.tutorial-video-page .wrapper-profile.banner {
    display: flex;
    align-items: center;
    justify-content: center; }
    .public-profile.tutorial-video-page .wrapper-profile.banner h1 {
      color: #fff;
      font-size: 34px;
      line-height: 40px;
      letter-spacing: 0;
      font-weight: 700;
      text-transform: capitalize; }
  .public-profile.tutorial-video-page .wrapper-profile .profile-detail {
    position: absolute;
    bottom: 0;
    left: 15px;
    display: flex; }
    .public-profile.tutorial-video-page .wrapper-profile .profile-detail figure {
      width: 160px;
      height: 160px;
      border-radius: 50%;
      border: 2px solid #0d84e6;
      position: relative;
      z-index: 99;
      overflow: hidden;
      margin-bottom: -50px; }
      .public-profile.tutorial-video-page .wrapper-profile .profile-detail figure img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
      @media only screen and (max-width: 767px) {
        .public-profile.tutorial-video-page .wrapper-profile .profile-detail figure {
          width: 120px;
          height: 120px; } }
    .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail {
      margin-left: 30px;
      color: #fff;
      margin-top: 20px; }
      .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail h6 {
        opacity: 0.7;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px; }
      .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail h3 {
        color: #fff;
        font-size: 21px;
        font-weight: 500;
        line-height: 25px;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail label {
        color: #022c5c;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
        padding: 6px 20px;
        display: inline-block;
        background-color: #fbbf1b;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px; }
      @media only screen and (max-width: 767px) {
        .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail {
          margin-top: 5px;
          margin-left: 20px; }
          .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail h3 {
            font-size: 16px;
            max-width: 150px; } }
    @media only screen and (max-width: 767px) {
      .public-profile.tutorial-video-page .wrapper-profile .profile-detail {
        bottom: 10px; } }

.public-profile.tutorial-video-page .profile-cards {
  margin-top: 50px; }
  .public-profile.tutorial-video-page .profile-cards .item-card.draft-card .main-card-data h3 {
    padding-top: 10px; }
  .public-profile.tutorial-video-page .profile-cards .item-card .main-card-data .hover-content-show {
    bottom: 0; }
  .public-profile.tutorial-video-page .profile-cards .item-card .main-card-data:hover .hover-content-show {
    height: 100%; }
  @media only screen and (min-width: 1800px) {
    .public-profile.tutorial-video-page .profile-cards .grid-layout .item-card {
      width: calc(25% - 15px); } }

.tutorial-body-content {
  margin-top: 50px; }
  .tutorial-body-content .wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px; }
    .tutorial-body-content .wrapper .item-card {
      flex: 0 0 25%;
      max-width: 25%;
      padding: 0px 15px;
      box-sizing: border-box; }
      .tutorial-body-content .wrapper .item-card .video-player {
        position: relative;
        max-height: 300px;
        margin-bottom: 30px;
        border-radius: 5px;
        overflow: hidden; }
        .tutorial-body-content .wrapper .item-card .video-player .play-video {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: 1.5px solid #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
          .tutorial-body-content .wrapper .item-card .video-player .play-video span i {
            color: #fff; }
          .tutorial-body-content .wrapper .item-card .video-player .play-video span svg {
            fill: #fff; }
          .tutorial-body-content .wrapper .item-card .video-player .play-video label {
            display: none; }
        .tutorial-body-content .wrapper .item-card .video-player iframe {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }
        .tutorial-body-content .wrapper .item-card .video-player .over-lay {
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.4);
          top: 0;
          left: 0; }
        @media only screen and (max-width: 991px) {
          .tutorial-body-content .wrapper .item-card .video-player {
            margin-bottom: 15px; } }
      @media only screen and (max-width: 991px) {
        .tutorial-body-content .wrapper .item-card {
          flex: 0 0 33.3%;
          max-width: 33.3%; } }
      @media only screen and (max-width: 991px) {
        .tutorial-body-content .wrapper .item-card {
          flex: 0 0 50%;
          max-width: 50%;
          padding: 0px 7.5px; } }
      @media only screen and (max-width: 767px) {
        .tutorial-body-content .wrapper .item-card {
          flex: 0 0 100%;
          max-width: 100%; } }
    @media only screen and (max-width: 991px) {
      .tutorial-body-content .wrapper {
        margin: 0px -7.5px; } }

#__next {
  overflow-y: auto; }

.tour-btn {
  position: relative; }
  .tour-btn .tour-dropdown {
    display: none;
    position: absolute;
    width: 140px;
    padding: 10px;
    background: #fff;
    right: 0;
    position: absolute;
    top: calc(100% + 5px);
    z-index: 99;
    border-radius: 4px; }
    .tour-btn .tour-dropdown li {
      text-align: right; }
      .tour-btn .tour-dropdown li a {
        color: #000;
        margin-left: 0; }
    .tour-btn .tour-dropdown.active {
      display: block; }

.fyrYpc:focus {
  outline: none; }

.fyrYpc:before {
  color: #000; }

.pitch-cont {
  display: table-caption;
  position: relative;
  bottom: -5px; }
  .pitch-cont h4 {
    font-size: 12px;
    color: #fff; }
  .pitch-cont ul {
    background-color: #052b5c;
    flex-wrap: wrap;
    margin: 8px 0 0 0;
    padding: 5px 32px 0 40px;
    border: 1px solid #0571dd;
    border-radius: 5px; }
    .pitch-cont ul li {
      font-size: 12px;
      color: #fff;
      padding: 0px 4px;
      align-items: flex-start !important;
      margin-bottom: -6px; }

.pointer-toggle::after {
  content: "";
  font-size: 1.4em;
  left: -37px;
  position: relative;
  top: -12px;
  width: 11px;
  height: 13px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px white;
  padding-left: 2px; }

.pointer-toggle.active::after {
  content: "\25CF";
  font-size: 1.4em;
  display: flex;
  align-items: flex-end;
  text-align: center;
  padding-left: 2px; }

.visually-hidden {
  position: absolute;
  left: -100vw; }

.pointer-toggle:nth-child(1)::after {
  background: #1e921e; }

.pointer-toggle:nth-child(2)::after {
  background: #4088f9; }

.pointer-toggle:nth-child(3)::after {
  background: #1e2123; }

.pointer-toggle:nth-child(4)::after {
  background: #ffffff; }

.pitch-cont ul li.pointer-toggle.active {
  background-color: transparent !important; }

.pitch-container {
  margin-left: 10px; }

span.label-text {
  margin-left: -10px; }

.tour-dropdown ul:before {
  content: " ";
  position: absolute;
  top: -4px;
  right: 10px;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border-radius: 2px;
  transform: rotate(45deg); }

@media only screen and (max-width: 1199px) {
  body .modal-video-body {
    max-width: 100%;
    display: block; } }

.player-fixture-objective {
  padding: 8px; }
  .player-fixture-objective .heading {
    color: #fff; }
  .player-fixture-objective .objective-list {
    padding: 16px 8px; }
    .player-fixture-objective .objective-list ul {
      display: block !important; }
      .player-fixture-objective .objective-list ul li {
        width: 100% !important;
        margin: 0px !important;
        padding: 8px 0px !important; }
        .player-fixture-objective .objective-list ul li label {
          font-size: 13px !important;
          font-weight: unset !important; }

.player-fixture-objective-notes-box {
  position: absolute;
  left: 100%;
  bottom: 12px;
  width: 450px;
  background-color: rgba(5, 44, 92, 0.5);
  padding: 8px;
  box-sizing: border-box; }
  .player-fixture-objective-notes-box .textarea-notes {
    height: 210px; }
  .player-fixture-objective-notes-box .notes-head {
    color: #fff;
    padding: 10px 0px; }
  .player-fixture-objective-notes-box .close {
    position: absolute;
    cursor: pointer;
    right: 10px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #ffff;
    width: 24px;
    height: 24px;
    display: -ms-flexbox; }
    .player-fixture-objective-notes-box .close svg {
      fill: #fff; }
  .player-fixture-objective-notes-box .notes .textarea-notes {
    height: 260px;
    width: 100%;
    background-color: #030f22;
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    resize: none;
    padding: 10px;
    outline: none;
    color: #fff;
    font-size: 15px; }

.team-1 .player-fixture-objective-notes-box {
  left: auto !important;
  right: 100% !important; }

.objective-feedback-and-player-notes {
  position: absolute;
  top: 40%;
  right: -72px;
  transform: rotate(90deg);
  display: none; }
  .objective-feedback-and-player-notes .player-notes-btn {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #1376e2;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background: #042348;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .objective-feedback-and-player-notes .player-notes-btn svg {
      width: 12px;
      vertical-align: middle;
      margin-right: 5px;
      fill: #fff; }
  @media only screen and (min-width: 1800px) {
    .objective-feedback-and-player-notes {
      margin-top: 20px; } }

.show-notes-box .objective-feedback-and-player-notes {
  display: block; }

.show-notes-box .team-1 .objective-feedback-and-player-notes {
  right: initial;
  left: -72px; }

/* custom-toastr  */
.custom-toast-info {
  max-width: 885px;
  width: 80% !important;
  min-height: 52px !important;
  position: fixed !important;
  left: 50%;
  bottom: 85px !important;
  transform: translateX(-50%);
  margin: 0 !important;
  text-align: center;
  background-color: #2f80ed !important;
  color: #fff !important;
  padding: 0 8px !important;
  box-sizing: border-box;
  border-radius: 8px !important;
  z-index: 9999; }

.custom-toast-info .rrt-right-container .close-toastr span {
  color: #fff !important; }

.custom-toast-info .rrt-middle-container {
  margin-top: 8px !important; }

.custom-toast-info .toast-message {
  color: #fff !important; }

/* Circular Progress  */
.circular-progress-with-text {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background-color: #919eab14; }

.circular-progress {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

.circular-svg {
  transform: rotate(-90deg); }

.circular-bg {
  stroke: #2f80ed52; }

.circular-bar {
  stroke: #3b82f6;
  transform-origin: center;
  transform: rotate(0.25turn);
  transition: stroke-dashoffset 0.35s; }

.circular-text {
  top: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: absolute; }

.progress-text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  line-height: 22px; }

footer {
  margin-left: 300px;
  display: flex;
  align-items: center;
  padding: 25px 50px;
  box-shadow: 0 0 1px 0 rgba(9, 32, 86, 0.3);
  background-color: #FFFFFF; }
  footer .copyright {
    flex: 1;
    font-size: 14px;
    line-height: 27px; }
  footer .social-link ul {
    display: flex;
    align-items: center; }
    footer .social-link ul li {
      margin: 0 12px; }
    footer .social-link ul i {
      color: #092056;
      opacity: 0.5;
      font-size: 18px; }
  @media only screen and (max-width: 1199px) {
    footer {
      padding: 0 25px; } }

@keyframes modal-video {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px); }
  to {
    transform: translate(0, 0); } }

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.modal-video-effect-exit {
  opacity: 0; }
  .modal-video-effect-exit .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px); }

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box; }

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  @media (orientation: landscape) {
    .modal-video-inner {
      padding: 10px 60px;
      box-sizing: border-box; } }

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }
  .modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent; }
  @media (orientation: landscape) {
    .modal-video-close-btn {
      top: 0;
      right: -45px; } }
  .modal-video-close-btn:before {
    transform: rotate(45deg); }
  .modal-video-close-btn:after {
    transform: rotate(-45deg); }
  .modal-video-close-btn:before, .modal-video-close-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url([object Module]) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url([object Module]);
    src: url([object Module]?#iefix) format('embedded-opentype'), url([object Module]) format('woff'), url([object Module]) format('truetype'), url([object Module]#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{height:15px;bottom:0}.ps__rail-x,.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;position:absolute}.ps__rail-y{width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps__rail-x:focus,.ps__rail-x:hover,.ps__rail-y:focus,.ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}.scrollbar-wrapper{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.scrollbar-wrapper>.inner-content.normal{height:100%;overflow-y:scroll}
.input-range__slider {
  appearance: none;
  background: #3f51b5;
  border: 1px solid #3f51b5;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 1rem;
  margin-left: -0.5rem;
  margin-top: -0.65rem;
  outline: none;
  position: absolute;
  top: 50%;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  width: 1rem; }
  .input-range__slider:active {
    transform: scale(1.3); }
  .input-range__slider:focus {
    box-shadow: 0 0 0 5px rgba(63, 81, 181, 0.2); }
  .input-range--disabled .input-range__slider {
    background: #cccccc;
    border: 1px solid #cccccc;
    box-shadow: none;
    transform: none; }

.input-range__slider-container {
  transition: left 0.3s ease-out; }

.input-range__label {
  color: #aaaaaa;
  font-family: "Helvetica Neue", san-serif;
  font-size: 0.8rem;
  transform: translateZ(0);
  white-space: nowrap; }

.input-range__label--min,
.input-range__label--max {
  bottom: -1.4rem;
  position: absolute; }

.input-range__label--min {
  left: 0; }

.input-range__label--max {
  right: 0; }

.input-range__label--value {
  position: absolute;
  top: -1.8rem; }

.input-range__label-container {
  left: -50%;
  position: relative; }
  .input-range__label--max .input-range__label-container {
    left: 50%; }

.input-range__track {
  background: #eeeeee;
  border-radius: 0.3rem;
  cursor: pointer;
  display: block;
  height: 0.3rem;
  position: relative;
  transition: left 0.3s ease-out, width 0.3s ease-out; }
  .input-range--disabled .input-range__track {
    background: #eeeeee; }

.input-range__track--background {
  left: 0;
  margin-top: -0.15rem;
  position: absolute;
  right: 0;
  top: 50%; }

.input-range__track--active {
  background: #3f51b5; }

.input-range {
  height: 1rem;
  position: relative;
  width: 100%; }
.animated{animation-duration:1s;animation-fill-mode:forwards}.animated.bounceIn{animation-duration:.7s}.animated.bounceOut{animation-duration:.5s}.animated.bounceIn{animation-name:bounceIn}.animated.bounceOut{animation-name:bounceOut}.animated.fadeIn{animation-name:fadeIn;animation-duration:.7s}.animated.fadeOut{animation-name:fadeOut;animation-duration:.3s}.animated.bounceInDown{animation-name:bounceInDown}.animated.bounceOutUp{animation-name:bounceOutUp}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:perspective(1px) scale3d(0.3, 0.3, 0.3)}20%{transform:perspective(1px) scale3d(1.1, 1.1, 1.1)}40%{transform:perspective(1px) scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:perspective(1px) scale3d(1.03, 1.03, 1.03)}80%{transform:perspective(1px) scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:perspective(1px) scale3d(1, 1, 1)}}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.rrt-confirm-holder{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999999}.rrt-confirm-holder .shadow{width:100%;height:100%;background-color:rgba(50,58,68,.8)}.rrt-confirm-holder .rrt-confirm{width:320px;background-color:#fff;position:absolute;z-index:9;top:20%;left:50%;margin-left:-160px;box-shadow:3px 3px 20px #333;border-radius:4px;overflow:hidden}.rrt-confirm-holder .rrt-confirm .rrt-message{width:100%;padding:5%;min-height:50px;font-size:1em;background-color:#fff;text-align:center;font-family:"open-sanscondensed-light",sans-serif;clear:both}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder{display:flex}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button{flex-grow:1;height:50px;text-transform:capitalize;border:none;background-color:rgba(0,0,0,0);padding:0;margin:0;float:left;border-top:1px solid #f0f0f0;font-size:14px;overflow:hidden;cursor:pointer}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover{background-color:#f5f5f5}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active{background-color:#60bb71;color:#fff}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active{background-color:#db6a64;color:#fff}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus{outline:none}body.toastr-confirm-active{overflow:hidden}.redux-toastr *,.redux-toastr *:before,.redux-toastr *:after{box-sizing:border-box}.redux-toastr .top-left,.redux-toastr .top-right,.redux-toastr .top-center,.redux-toastr .bottom-left,.redux-toastr .bottom-right,.redux-toastr .bottom-center{width:350px;position:fixed;z-index:99999999;padding:0 10px}.redux-toastr .top-left,.redux-toastr .top-right,.redux-toastr .top-center{top:0}.redux-toastr .top-right,.redux-toastr .bottom-right{right:0}.redux-toastr .bottom-left,.redux-toastr .bottom-right,.redux-toastr .bottom-center{bottom:0}.redux-toastr .top-left,.redux-toastr .bottom-left{left:0}.redux-toastr .top-center,.redux-toastr .bottom-center{left:50%;margin-left:-175px}@media(max-width: 320px){.redux-toastr .top-left,.redux-toastr .top-right,.redux-toastr .top-center,.redux-toastr .bottom-left,.redux-toastr .bottom-right,.redux-toastr .bottom-center{width:320px}.redux-toastr .top-center,.redux-toastr .bottom-center{margin-left:-160px}}.redux-toastr .toastr{background-color:#fcfcfc;width:100%;min-height:70px;overflow:hidden;margin:10px 0;border-radius:4px;position:relative;z-index:2;color:#333;opacity:.94;box-shadow:2px 2px 10px rgba(0,0,0,.4)}.redux-toastr .toastr:hover:not(.rrt-message){box-shadow:0px 0px 10px rgba(0,0,0,.6);opacity:1}.redux-toastr .toastr .toastr-status{width:100%;height:5px}.redux-toastr .toastr .toastr-status.success{background-color:#60bb71}.redux-toastr .toastr .toastr-status.warning{background-color:#f7a336}.redux-toastr .toastr .toastr-status.info{background-color:#58abc3}.redux-toastr .toastr .toastr-status.error{background-color:#db6a64}.redux-toastr .toastr .rrt-left-container,.redux-toastr .toastr .rrt-right-container{float:left;text-align:center;overflow:hidden}.redux-toastr .toastr .rrt-left-container{width:80px;top:0;left:0;position:absolute;bottom:0}.redux-toastr .toastr .rrt-left-container .rrt-holder{width:70px;height:70px;position:absolute;top:50%;margin-top:-35px;left:5px;line-height:60px}.redux-toastr .toastr .rrt-left-container .toastr-icon{fill:#fff;vertical-align:middle;margin-top:5px}.redux-toastr .toastr .rrt-middle-container{width:65%;margin-left:80px;position:relative;float:left;font-family:Arial,Helvetica,sans-serif,sans-serif;font-size:1em;text-align:left;padding:10px 5px}.redux-toastr .toastr .rrt-middle-container .rrt-title{font-size:1.1em;font-weight:bold;margin-bottom:5px}.redux-toastr .toastr .rrt-right-container{width:10%}.redux-toastr .toastr .close-toastr{width:10%;height:100%;position:absolute;top:0;right:0;background-color:rgba(0,0,0,0);font-size:22px;border:none;outline:none;opacity:.5;cursor:pointer;font-family:"Helvetica Neue",Helvetica,Arial sans-serif;color:#000}.redux-toastr .toastr .close-toastr:hover{opacity:1}.redux-toastr .toastr .close-toastr:focus{outline:none}.redux-toastr .toastr .close-toastr span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.redux-toastr .toastr.rrt-info,.redux-toastr .toastr.rrt-success,.redux-toastr .toastr.rrt-warning,.redux-toastr .toastr.rrt-error{color:#fff}.redux-toastr .toastr.rrt-info{background-color:#58abc3}.redux-toastr .toastr.rrt-info .rrt-progressbar{background-color:#378298}.redux-toastr .toastr.rrt-success{background-color:#60bb71}.redux-toastr .toastr.rrt-success .rrt-progressbar{background-color:#3e914d}.redux-toastr .toastr.rrt-warning{background-color:#f7a336}.redux-toastr .toastr.rrt-warning .rrt-progressbar{background-color:#d87e09}.redux-toastr .toastr.rrt-error{background-color:#db6a64}.redux-toastr .toastr.rrt-error .rrt-progressbar{background-color:#c5352e}.redux-toastr .toastr.rrt-light .rrt-progressbar{background-color:#ccc}.redux-toastr .toastr.rrt-light .toastr-icon{fill:#333 !important}.redux-toastr .toastr.rrt-message{opacity:1;border:1px solid #dbdbdb}.redux-toastr .toastr.rrt-message .rrt-title{width:90%;height:50px;text-align:center;overflow:hidden;font-size:1.2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:50px;padding:0 20px}.redux-toastr .toastr.rrt-message .rrt-text{width:100%;max-height:400px;overflow:hidden;overflow-y:auto;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;background-color:#fff;padding:15px;font-size:1.1em;margin-bottom:20px}.redux-toastr .toastr.rrt-message .rrt-text img{display:block;margin:10px auto;max-width:100%}.redux-toastr .toastr.rrt-message .close-toastr{height:50px}.redux-toastr .toastr .rrt-progress-container{height:5px;margin:0 -20px -20px -60px;position:absolute;bottom:20px;width:100%}.redux-toastr .toastr .rrt-progress-container .rrt-progressbar{border-radius:0 0 0 4px;height:100%}.redux-toastr .toastr-attention{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1}
@charset "UTF-8";
/* @import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Catamaran:400,500,700&display=swap"); */

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Lato";
  src: url([object Module]) format("truetype");
  font-weight: 100;
}

@media only screen and (max-width: 1199px) {
  body {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  background: #fafafa;
  font-family: "Rubik", sans-serif;
  /* font-family: "Lato"; */
}

textarea {
  font-family: "Rubik", sans-serif;
  /* font-family: "Lato"; */
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  touch-action: manipulation;
}

button::-moz-focus-inner,
select::-moz-focus-inner {
  border: 0;
  outline: none;
}

html,
body {
  overflow-y: hidden;
}

body {
  overflow-x: hidden;
}

.tool-header {
  background-color: #042349;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}
.tool-header .title-name {
  flex: 1;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}
.tool-header .title-name.demo-title {
  flex: initial;
  width: 50%;
  text-align: left;
}
.tool-header .demo-logo {
  width: 50%;
}
.tool-header .site-logo {
  flex: 1;
}
.tool-header .action-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.tool-header .action-btn .resolution-option a {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #05356f;
  display: inline-block;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  justify-content: center;
  padding: 0;
}
.tool-header .action-btn a,
.tool-header .action-btn button {
  text-decoration: none;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
}
.tool-header .action-btn a .tooltip,
.tool-header .action-btn button .tooltip {
  top: 135%;
  left: 50%;
  margin-left: -50px;
  visibility: hidden;
  position: absolute;
  width: 100px;
  background-color: #555;
  color: #fff;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.6s;
  text-align: center;
}
.tool-header .action-btn a .tooltip:before,
.tool-header .action-btn button .tooltip:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}
.tool-header .action-btn a:hover .tooltip,
.tool-header .action-btn button:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.tool-header .action-btn a svg,
.tool-header .action-btn button svg {
  vertical-align: middle;
}
.tool-header .action-btn a.generate-video,
.tool-header .action-btn button.generate-video {
  background-color: #fbbf1b;
}
.tool-header .action-btn a.generate-video:disabled,
.tool-header .action-btn button.generate-video:disabled {
  background-color: rgba(153, 153, 153, 0.5);
  opacity: 1;
}
.tool-header .action-btn a.generate-video:disabled svg,
.tool-header .action-btn button.generate-video:disabled svg {
  opacity: 0.5;
}
.tool-header .action-btn a.save-work,
.tool-header .action-btn button.save-work {
  background-color: #0671dd;
}
.tool-header .action-btn a.reset-button,
.tool-header .action-btn button.reset-button {
  background-color: transparent;
  border: 1px solid #0671dd;
  color: #0671dd;
}
.tool-header .action-btn a.reset-button svg,
.tool-header .action-btn button.reset-button svg {
  fill: #0671dd;
  height: 14px !important;
}
.tool-header .action-btn a.reset-button svg g,
.tool-header .action-btn button.reset-button svg g {
  stroke: #0671dd;
  fill: #0671dd;
}
.tool-header .action-btn a.reset-button.active,
.tool-header .action-btn button.reset-button.active {
  background: rgba(4, 113, 221, 0.2);
}

.sidebar {
  width: 300px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: url([object Module]);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.sidebar .sidebar-header {
  padding: 20px 20px 20px;
}
.sidebar .sidebar-header .edit-user {
  float: right;
}
.sidebar .coach-profile {
  padding-top: 30px;
  display: flex;
  width: 100%;
  align-items: center;
  padding-bottom: 70px;
  border-bottom: 1px solid rgba(216, 216, 216, 0.15);
}
.sidebar .coach-profile figure {
  margin-right: 10px;
}
.sidebar .coach-profile figure img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  object-fit: cover;
  border: 2px solid #022c5c;
  display: block;
}
.sidebar .coach-profile .coach-detail h6 {
  opacity: 0.7;
  color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
.sidebar .coach-profile .coach-detail h5 {
  color: #ffffff;
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 185px;
}
.sidebar .coach-profile .coach-detail label {
  color: #022c5c;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 6px 20px;
  display: inline-block;
  background-color: #fbbf1b;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.sidebar .sidebar-tab {
  flex: 1;
  max-height: calc(100vh - 242px - 69px);
  overflow-y: auto;
}
.sidebar .sidebar-tab li a {
  padding: 18px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  transition: 0.4s all ease-in-out;
  opacity: 0.6;
}
.sidebar .sidebar-tab li a label {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  transition: 0.4s all ease-in-out;
  text-transform: capitalize;
}
.sidebar .sidebar-tab li a svg {
  vertical-align: middle;
  margin-right: 15px;
}
.sidebar .sidebar-tab li a.active,
.sidebar .sidebar-tab li a:hover {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
.sidebar .sidebar-tab li a.active label,
.sidebar .sidebar-tab li a:hover label {
  font-weight: 400;
}
.sidebar .sidebar-footer {
  padding: 10px 20px;
}

.pointer {
  cursor: pointer;
}

object {
  max-height: calc(100% - 5px);
  pointer-events: none;
}

.public-profile.tutorial-video-page * {
  box-sizing: border-box;
}

.ps__rail-y,
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  width: 6px !important;
}

body {
  user-select: none;
  -webkit-user-select: none;
  -html-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: #2d7412;
  user-select: none;
  -webkit-user-select: none;
  -html-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.draggable {
  display: inline-block;
}

.align-right {
  float: right;
}

.flexOne {
  flex: 1;
}

.form-error {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}

.pointer.line-option-type {
  flex: 1;
}

.non-active {
  border: 2px solid transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
  display: block !important;
}
.non-active svg {
  margin-top: 0px;
}
.non-active svg:focus,
.non-active:focus {
  outline: none;
}
.non-active.player_disc_adjust {
  width: 60px;
  height: 60px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.active-slide-selector {
  border: 2px solid rgba(5, 53, 111, 0.6);
  text-align: center;
}

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

.button-submit {
  color: #fff;
  background-color: #0671dd;
  padding: 15px 25px;
  border: 1px solid #0671dd;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-decoration: none;
  min-width: 45px;
  cursor: pointer;
  text-align: center;
  outline: none;
}
@media only screen and (max-width: 1400px) {
  .button-submit {
    padding: 10px 25px;
  }
}

.player {
  font-size: 12px;
  color: #0091ff;
}
.player.green span {
  background-color: #6dd400;
  border: 2px solid #3d7601;
}
.player.team-2-player {
  color: #e02020;
}
.player.team-2-player span {
  background-color: #e02020;
  border: 2px solid #800202;
}
.player.team-2-player.green span {
  background-color: #6dd400;
  border: 2px solid #3d7601;
}
.player span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  color: #fff;
  font-size: 18px;
  margin: 0 auto 5px;
  background-color: #0091ff;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.5);
  border: 2px solid #014d87;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

body.ReactModal__Body--open,
body.body-lock {
  overflow: hidden;
  padding-right: 15px;
  position: fixed;
  width: 100%;
}

.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 9;
}

.ReactModal__Content {
  padding: 30px !important;
}
.ReactModal__Content button.close {
  top: 15px;
  right: 15px;
  position: absolute;
  background: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-weight: 800;
  background-color: rgba(201, 201, 204, 0.8);
  padding: 0;
}
.ReactModal__Content button.close span {
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: 22px;
  font-family: "Rubik", sans-serif;
  /* font-family: 'Lato',sans-serif; */
  /* font-family: 'Lato'; */
  line-height: 21px;
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-weight: 400;
}
@supports (-moz-appearance: none) {
  .ReactModal__Content button.close span {
    line-height: 20px;
  }
}
.ReactModal__Content button.close.tool-modal-close {
  height: 24px;
  width: 24px;
  background-color: #c6d8f0;
  font-size: 18px;
  top: 10px;
  right: 10px;
  text-align: center;
}
.ReactModal__Content button.close.tool-modal-close svg {
  fill: #042349;
  vertical-align: middle;
  margin-top: -2px;
}
.ReactModal__Content .edit-profile {
  width: 400px;
  max-width: 100%;
}
.ReactModal__Content .edit-profile h2 {
  color: #000 !important;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.ReactModal__Content .edit-profile h3 {
  color: red !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
}
.ReactModal__Content .edit-profile h4 {
  line-height: 18px;
  font-size: 15px;
}
.ReactModal__Content .edit-profile form,
.ReactModal__Content .edit-profile div {
  margin-top: 25px;
}
.ReactModal__Content .edit-profile form .upload-picture,
.ReactModal__Content .edit-profile div .upload-picture {
  padding-bottom: 5px;
}
.ReactModal__Content .edit-profile form .upload-picture .profile-figure,
.ReactModal__Content .edit-profile div .upload-picture .profile-figure {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #f1f1f1;
  border: 2px solid #0471dd;
  position: relative;
  float: left;
}
.ReactModal__Content .edit-profile form .upload-picture .profile-figure img,
.ReactModal__Content .edit-profile div .upload-picture .profile-figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  object-fit: cover;
}
.ReactModal__Content .edit-profile form .upload-picture input[type="file"],
.ReactModal__Content .edit-profile div .upload-picture input[type="file"] {
  display: none;
}
.ReactModal__Content .edit-profile form .upload-picture label,
.ReactModal__Content .edit-profile div .upload-picture label {
  float: left;
  background-color: #0671dd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 5px 10px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 110px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ReactModal__Content .edit-profile form .upload-picture label svg,
.ReactModal__Content .edit-profile div .upload-picture label svg {
  margin-right: 10px;
}
.ReactModal__Content .edit-profile form fieldset,
.ReactModal__Content .edit-profile div fieldset {
  margin-top: 10px;
  position: relative;
}
.ReactModal__Content .edit-profile form fieldset label,
.ReactModal__Content .edit-profile div fieldset label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(2, 44, 92, 0.5);
  letter-spacing: 0.11px;
  line-height: 24px;
}
.ReactModal__Content .edit-profile form fieldset label.error,
.ReactModal__Content .edit-profile div fieldset label.error {
  color: #ff0000;
  position: absolute;
  top: 100%;
  margin-top: 2px;
  font-size: 12px;
  line-height: 12px;
}
.ReactModal__Content .edit-profile form fieldset .form-control,
.ReactModal__Content .edit-profile div fieldset .form-control {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid rgba(2, 44, 92, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  padding: 0 15px;
  font-size: 14px;
}
.ReactModal__Content .edit-profile form .submit-btn,
.ReactModal__Content .edit-profile div .submit-btn {
  background-color: #0671dd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px 30px;
  border: none;
  color: #fff;
  height: 50px;
  margin-top: 25px;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  cursor: pointer;
}
.ReactModal__Content .edit-profile form .submit-btn:focus,
.ReactModal__Content .edit-profile div .submit-btn:focus {
  outline: none;
}
.ReactModal__Content .edit-profile form {
  margin-top: 0;
}
.ReactModal__Content .edit-profile.work-name h2 {
  font-size: 24px;
}
.ReactModal__Content .edit-profile.work-name input {
  height: 44px;
  font-size: 14px;
  padding: 0 0 0 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(2, 44, 92, 0.4);
  outline: none;
  font-family: "Rubik", sans-serif;
  /* font-family: "Lato", sans-serif; */
  /* font-family: 'Lato'; */
  line-height: 22px;
}
.ReactModal__Content .edit-profile.work-name label {
  font-size: 12px;
  color: rgba(2, 44, 92, 0.8);
  line-height: 24px;
  font-weight: 500;
}
.ReactModal__Content .edit-profile.work-name .form-section {
  margin-top: 40px;
}
.ReactModal__Content
  .edit-profile.work-name
  .form-section
  .right-section-field {
  margin-top: 5px;
}
.ReactModal__Content .edit-profile.work-name .form-error {
  margin-top: 5px;
}
.ReactModal__Content .edit-profile.work-name .submit-btn {
  margin-top: 20px;
}
@media only screen and (max-width: 1400px) {
  .ReactModal__Content {
    padding: 20px !important;
  }
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.sidebar-overlay.show-sidebar-overlay {
  opacity: 1;
  pointer-events: all;
}

.orientation-lock {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 100vh;
  width: 100%;
}
.orientation-lock figure img {
  width: 80%;
}
.orientation-lock p {
  font-size: 36px;
  padding-top: 50px;
}

.main-editing-tool {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #e8f2fe;
  height: calc(100vh - 66px);
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool {
    height: calc(100vh - 58px);
  }
}
@media only screen and (max-width: 1024px) {
  .main-editing-tool {
    height: calc(100vh - 68px);
  }
}
.main-editing-tool .team-section {
  width: 120px;
  background-color: #ffffff;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.main-editing-tool .team-section .scrollbar-wrapper ul {
  text-align: center;
}
.main-editing-tool .team-section.hide-left {
  margin-left: -120px;
}
.main-editing-tool .team-section.hide-right {
  margin-right: -120px;
}
.main-editing-tool .team-section .left-arrow-side {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
  position: absolute;
  top: 30px;
  right: -12px;
  z-index: 9;
  display: none;
}
.main-editing-tool .team-section#team-2 .left-arrow-side {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid #fff;
  left: -24px;
  display: none;
}
.main-editing-tool .team-section .right-arrow-side {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 30px;
  left: -12px;
}
.main-editing-tool .team-section .team-view {
  background: -webkit-linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
  background: -moz-linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
  background: -o-linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
  background: -webkit-gradient(270deg, #0671dd 0%, #3b94fb 100%);
  background: linear-gradient(270deg, #0671dd 0%, #3b94fb 100%);
  text-align: center;
  padding: 15px 10px;
}
.main-editing-tool .team-section .team-view .profile-image {
  height: 68px;
  width: 68px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.main-editing-tool .team-section .team-view .profile-image .profile-image-team {
  position: absolute;
  bottom: 0px;
  right: -5px;
  background-color: #ffffff;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border: 1px solid #1077e2;
  cursor: pointer;
}
.main-editing-tool .team-section .team-view .profile-image figure {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-editing-tool .team-section .team-view .profile-image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-editing-tool .team-section .team-view .profile-image .file-hidden {
  display: none;
}
.main-editing-tool .team-section .team-view .team-name {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  margin-top: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-editing-tool .team-section .team-view .team-name h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-editing-tool .team-section .team-view .team-name svg {
  margin-left: 5px;
  vertical-align: middle;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .team-section .team-view .team-name {
    font-size: 10px;
  }
}
.main-editing-tool .team-section .team-setting,
.main-editing-tool .team-section .field-replacement {
  text-align: center;
  padding: 12px 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid rgba(2, 44, 92, 0.07);
}
.main-editing-tool .team-section .team-setting a,
.main-editing-tool .team-section .field-replacement a {
  font-size: 12px;
  line-height: 14px;
  color: #0671dd;
  text-decoration: none;
}
.main-editing-tool .team-section .team-setting a object,
.main-editing-tool .team-section .field-replacement a object {
  vertical-align: text-top;
  margin-right: 2px;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .team-section .team-setting a,
  .main-editing-tool .team-section .field-replacement a {
    font-size: 10px;
  }
}
.main-editing-tool .team-section .team-setting a {
  display: flex;
  align-items: center;
}
.main-editing-tool .team-section .team-setting a span {
  padding-left: 5px;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .team-section .team-setting {
    padding: 12px 5px;
  }
}
.main-editing-tool .team-section .field-replacement {
  position: relative;
}
.main-editing-tool .team-section .field-replacement a span {
  display: block;
  margin-top: 5px;
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon {
  position: fixed;
  left: 121px;
  top: 65px;
  background-color: rgba(5, 44, 92, 0.5);
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  padding: 5px;
  width: 203px;
  max-height: calc(100vh - 147px);
  overflow-y: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool
    .team-section
    .field-replacement
    .field-replacement-dropdwon {
    max-height: calc(100vh - 350px);
  }
}
@media only screen and (max-width: 1024px) {
  .main-editing-tool
    .team-section
    .field-replacement
    .field-replacement-dropdwon {
    max-height: calc(100vh - 206px);
    left: 100px;
  }
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon
  .scrollbar-wrapper
  .ps__rail-y {
  width: 8px !important;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 2px;
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon
  ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon
  ul
  li {
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  color: #fff;
  border: 1px solid transparent;
  position: relative;
  z-index: 9;
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon
  ul
  li.active {
  border-color: rgba(255, 255, 255, 0.7);
}
.main-editing-tool
  .team-section
  .field-replacement
  .field-replacement-dropdwon
  ul
  li
  figure
  img {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.main-editing-tool
  .team-section
  .field-replacement.team-1-field-replacement
  .field-replacement-dropdwon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.main-editing-tool
  .team-section
  .field-replacement.team-2-field-replacement
  .field-replacement-dropdwon {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: unset;
  right: 121px;
}
@media only screen and (max-width: 1024px) {
  .main-editing-tool
    .team-section
    .field-replacement.team-2-field-replacement
    .field-replacement-dropdwon {
    right: 100px;
  }
}
.main-editing-tool
  .team-section
  .field-replacement.team-2-field-replacement
  .field-replacement-dropdwon
  ul
  li
  figure
  img {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.main-editing-tool .team-section .player-list {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: calc(100% - 137px - 40px - 67px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow-y: hidden;
}
.main-editing-tool .team-section .player-list .level-name {
  font-family: "Oswald", sans-serif;
}
.main-editing-tool .team-section .player-list ul li {
  text-align: center;
  margin: 20px 10px;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .team-section {
    width: 100px;
  }
  .main-editing-tool .team-section.hide-left {
    margin-left: -100px;
  }
  .main-editing-tool .team-section.hide-right {
    margin-right: -100px;
  }
}
.main-editing-tool .editing-field {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(100% - 240px);
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .editing-field {
    width: calc(100% - 200px);
    max-width: calc(100% - 200px);
  }
}
.main-editing-tool .field-section {
  height: calc(100vh - 66px - 74px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}
.main-editing-tool .field-section .img-privew {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.main-editing-tool .field-section .img-privew img {
  width: 100%;
  height: 100%;
}
.main-editing-tool .field-section .canvas-container {
  z-index: 2;
}
.main-editing-tool .field-section .inner-field {
  background-image: url([object Module]);
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1326px;
  max-height: 747px;
}
.main-editing-tool .field-section .inner-field canvas {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .field-section .inner-field {
    max-width: 900px;
    max-height: 507px;
    background-image: url([object Module]);
  }
}
.main-editing-tool .toolbox {
  background-color: #042349;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  z-index: 9;
  position: relative;
}
.main-editing-tool .toolbox .tool-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.main-editing-tool .toolbox .tool-list:before {
  content: "";
  width: 2px;
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
}
.main-editing-tool .toolbox .tool-list ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
}
.main-editing-tool .toolbox .tool-list ul li {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.main-editing-tool .toolbox .tool-list ul li object {
  width: 23px;
  height: 23px;
  max-height: unset;
}
.main-editing-tool .toolbox .tool-list ul li.active {
  background-color: #052b5c;
}
.main-editing-tool .toolbox .tool-list ul li.listing-data {
  position: static;
}
.main-editing-tool .toolbox .tool-list ul li a,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
  text-decoration: none;
  padding: 15px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.main-editing-tool .toolbox .tool-list ul li a img,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list img {
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  .main-editing-tool .toolbox .tool-list ul li a,
  .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
    padding: 15px 12px;
  }
}
@media only screen and (max-width: 1400px) {
  .main-editing-tool .toolbox .tool-list ul li a,
  .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
    padding: 15px 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .tool-list ul li a,
  .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
    padding: 15px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .main-editing-tool .toolbox .tool-list ul li a,
  .main-editing-tool .toolbox .tool-list ul li .tool-tab-list {
    padding: 15px 10px;
  }
}
.main-editing-tool .toolbox .tool-list ul li a:hover,
.main-editing-tool .toolbox .tool-list ul li a.active,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list:hover,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list.active {
  background-color: #052c5c;
}
.main-editing-tool .toolbox .tool-list ul li a span,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list span {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 7px;
}
.main-editing-tool .toolbox .tool-list ul li a.active svg,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list.active svg {
  opacity: 1;
}
.main-editing-tool .toolbox .tool-list ul li a.active span,
.main-editing-tool .toolbox .tool-list ul li .tool-tab-list.active span {
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .tool-list ul li a svg,
  .main-editing-tool .toolbox .tool-list ul li .tool-tab-list svg {
    width: 14px;
    height: 14px;
    margin-bottom: 7px;
  }
  .main-editing-tool .toolbox .tool-list ul li a span,
  .main-editing-tool .toolbox .tool-list ul li .tool-tab-list span {
    font-size: 8px;
    margin-top: 3px;
  }
}
.main-editing-tool .toolbox .tool-list ul li.drag-draw-step a:hover,
.main-editing-tool
  .toolbox
  .tool-list
  ul
  li.drag-draw-step
  .tool-tab-list:hover,
.main-editing-tool .toolbox .tool-list ul li.drag-draw-step.active {
  background: #97a3b4;
}
.main-editing-tool .toolbox .tool-list ul li.drag-draw-step a:hover svg g,
.main-editing-tool
  .toolbox
  .tool-list
  ul
  li.drag-draw-step
  .tool-tab-list:hover
  svg
  g,
.main-editing-tool .toolbox .tool-list ul li.drag-draw-step.active svg g {
  fill: #004c7e;
}
.main-editing-tool .toolbox .tool-list ul li.drag-draw-step a:hover span,
.main-editing-tool
  .toolbox
  .tool-list
  ul
  li.drag-draw-step
  .tool-tab-list:hover
  span,
.main-editing-tool .toolbox .tool-list ul li.drag-draw-step.active span {
  color: #004c7e;
}
.main-editing-tool .toolbox .tool-list,
.main-editing-tool .toolbox .animation-play {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-editing-tool .toolbox .animation-play {
  padding: 10px 20px 10px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-editing-tool .toolbox .animation-play .frame-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  height: 100%;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: flex-end;
}
.main-editing-tool .toolbox .animation-play .frame-box h6 {
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  text-align: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .animation-play .frame-box h6 {
    font-size: 8px;
    line-height: 12px;
    margin-right: 10px;
  }
}
.main-editing-tool .toolbox .animation-play .frame-box .frames {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background-color: #030f22;
  padding: 0 0px 0 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 250px;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .frames-slider
  .item {
  margin: 10px 2.5px;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .frames-slider
  .item
  a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .frames-slider
  .item
  a.active
  svg
  g {
  fill: #0671dd;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .frames-slider
  .item
  a.inactive
  svg
  g {
  fill: #0671dd;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .frames-slider
  .item
  svg {
  width: 25px;
}
@media only screen and (max-width: 1400px) {
  .main-editing-tool
    .toolbox
    .animation-play
    .frame-box
    .frames
    .frames-slider
    .item
    svg {
    width: 20px;
  }
}
@media only screen and (max-width: 1400px) and (max-width: 1199px) {
  .main-editing-tool
    .toolbox
    .animation-play
    .frame-box
    .frames
    .frames-slider
    .item
    svg {
    width: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .main-editing-tool
    .toolbox
    .animation-play
    .frame-box
    .frames
    .frames-slider {
    max-width: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool
    .toolbox
    .animation-play
    .frame-box
    .frames
    .frames-slider {
    max-width: 150px;
  }
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .incre-decrement {
  margin-left: 5px;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .incre-decrement
  a,
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .incre-decrement
  .frame-control {
  background-color: #05356f;
  width: 25px;
  height: 25px;
  margin: 2px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  margin-right: 0;
}
.main-editing-tool .toolbox .animation-play .frame-box .speed {
  width: 60px;
  border: 1px solid #052c5c;
  background-color: #05356f;
  margin-left: 2.5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-editing-tool .toolbox .animation-play .frame-box .speed h3 {
  font-size: 16px;
  color: #d5e8fe;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 1400px) {
  .main-editing-tool .toolbox .animation-play .frame-box .speed h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .animation-play .frame-box .speed h3 {
    font-size: 12px;
  }
}
.main-editing-tool .toolbox .animation-play .frame-box .speed span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  line-height: 12px;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .animation-play .frame-box .speed span {
    font-size: 8px;
  }
}
.main-editing-tool .toolbox .animation-play .action-play {
  margin-left: 10px;
}
.main-editing-tool .toolbox .animation-play .action-play ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-editing-tool .toolbox .animation-play .action-play ul li:first-child,
.main-editing-tool .toolbox .animation-play .action-play ul li:last-child {
  height: 24px;
  width: 24px;
  background-color: #05356f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  line-height: 24px;
  margin: 0 3px;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .animation-play .action-play ul li:first-child,
  .main-editing-tool .toolbox .animation-play .action-play ul li:last-child {
    height: 18px;
    width: 18px;
    line-height: 18px;
  }
  .main-editing-tool
    .toolbox
    .animation-play
    .action-play
    ul
    li:first-child
    svg,
  .main-editing-tool
    .toolbox
    .animation-play
    .action-play
    ul
    li:last-child
    svg {
    width: 10px;
  }
}
.main-editing-tool .toolbox .animation-play .action-play ul li:nth-child(2) {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #0671dd;
  line-height: 35px;
  text-align: center;
  border: 2.8px solid #0671dd;
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .animation-play .action-play ul li:nth-child(2) {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .main-editing-tool
    .toolbox
    .animation-play
    .action-play
    ul
    li:nth-child(2)
    svg {
    width: 18px;
  }
}
@media only screen and (max-width: 1199px) {
  .main-editing-tool .toolbox .animation-play {
    padding: 10px;
  }
}

.authenticate-page {
  height: 100vh;
  width: 100%;
  background-image: url([object Module]);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow-x: hidden;
}
.authenticate-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.authenticate-page .logo-section {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 99;
}
.authenticate-page .logo-section img {
  width: auto;
}
.authenticate-page .authenticate-page-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  position: relative;
}
.authenticate-page .authenticate-page-content .left-side-content {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.authenticate-page .authenticate-page-content .left-side-content .content-box {
  width: 570px;
  max-width: 100%;
  text-align: center;
  position: relative;
  z-index: 99;
}
.authenticate-page
  .authenticate-page-content
  .left-side-content
  .content-box
  h2 {
  font-size: 50px;
  color: #ffffff;
  line-height: 60px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .authenticate-page
    .authenticate-page-content
    .left-side-content
    .content-box
    h2 {
    font-size: 40px;
  }
}
.authenticate-page
  .authenticate-page-content
  .left-side-content
  .content-box
  p {
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
}
.authenticate-page .authenticate-page-content .form-section {
  width: 380px;
  backdrop-filter: blur(5px);
  height: 100vh;
  background-color: rgba(9, 32, 86, 0.5);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 60px;
  position: relative;
  overflow-x: hidden;
}
.authenticate-page .authenticate-page-content .form-section .sign-in,
.authenticate-page .authenticate-page-content .form-section .sign-up,
.authenticate-page .authenticate-page-content .form-section forgot-password {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.authenticate-page .authenticate-page-content .form-section .sign-in h3,
.authenticate-page .authenticate-page-content .form-section .sign-up h3,
.authenticate-page .authenticate-page-content .form-section forgot-password h3 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 500;
}
.authenticate-page .authenticate-page-content .form-section .sign-in h3 svg,
.authenticate-page .authenticate-page-content .form-section .sign-up h3 svg,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  h3
  svg {
  margin-right: 15px;
  vertical-align: middle;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  h3
  span
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  h3
  span
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  h3
  span
  img {
  vertical-align: middle;
  margin-left: 10px;
}
@media only screen and (max-width: 1199px) {
  .authenticate-page .authenticate-page-content .form-section .sign-in h3,
  .authenticate-page .authenticate-page-content .form-section .sign-up h3,
  .authenticate-page
    .authenticate-page-content
    .form-section
    forgot-password
    h3 {
    font-size: 20px;
  }
}
.authenticate-page .authenticate-page-content .form-section .sign-in p,
.authenticate-page .authenticate-page-content .form-section .sign-up p,
.authenticate-page .authenticate-page-content .form-section forgot-password p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 16px;
  padding-top: 15px;
}
.authenticate-page .authenticate-page-content .form-section .sign-in ul,
.authenticate-page .authenticate-page-content .form-section .sign-up ul,
.authenticate-page .authenticate-page-content .form-section forgot-password ul {
  margin-top: 50px;
}
.authenticate-page .authenticate-page-content .form-section .sign-in ul li,
.authenticate-page .authenticate-page-content .form-section .sign-up ul li,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li {
  margin-bottom: 15px;
}
.authenticate-page .authenticate-page-content .form-section .sign-in ul li a,
.authenticate-page .authenticate-page-content .form-section .sign-up ul li a,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a {
  text-decoration: none;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email {
  height: 50px;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0 7px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email
  img {
  display: block;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email
  .buttonText {
  text-align: center;
  flex: 1;
  color: #808080;
  /* font-family: Rubik; */
  font-family: "Rubik", sans-serif;
  /* font-family: 'Lato'; */
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 17px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.facebook-sig-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.facebook-sig-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.facebook-sig-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.facebook-sig-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.facebook-sig-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.facebook-sig-in,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.continue-with-email {
  background-color: #3e73d2;
  padding: 0 13px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.facebook-sig-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.facebook-sig-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.facebook-sig-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.facebook-sig-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.facebook-sig-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.continue-with-email
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.facebook-sig-in
  img,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.continue-with-email
  img {
  width: 24px;
  display: block;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.facebook-sig-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.facebook-sig-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.facebook-sig-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.facebook-sig-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.facebook-sig-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.continue-with-email
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.facebook-sig-in
  .buttonText,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.continue-with-email
  .buttonText {
  color: #fff;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.continue-with-email,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.continue-with-email {
  background-color: transparent;
  border: 1px solid #fff;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .google-sign-in.continue-with-email
  span
  svg,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  ul
  li
  a
  .continue-with-email.continue-with-email
  span
  svg,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .google-sign-in.continue-with-email
  span
  svg,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  ul
  li
  a
  .continue-with-email.continue-with-email
  span
  svg,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .google-sign-in.continue-with-email
  span
  svg,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  ul
  li
  a
  .continue-with-email.continue-with-email
  span
  svg {
  vertical-align: middle;
}
.authenticate-page .authenticate-page-content .form-section .sign-in fieldset,
.authenticate-page .authenticate-page-content .form-section .sign-up fieldset,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  fieldset {
  margin-bottom: 15px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  fieldset.check-terms-condition,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  fieldset.check-terms-condition,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  fieldset.check-terms-condition {
  margin-bottom: 30px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  fieldset
  .form-control,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  fieldset
  .form-control,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  fieldset
  .form-control {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  fieldset
  .submit-btn,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  fieldset
  .next-btn,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  fieldset
  .submit-btn,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  fieldset
  .next-btn,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  fieldset
  .submit-btn,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  fieldset
  .next-btn {
  height: 50px;
  background-color: #0671dd;
  -webkit-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  -moz-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  outline: none;
  border: none;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  display: block;
  line-height: 50px;
  text-decoration: none;
}
.authenticate-page .authenticate-page-content .form-section .sign-in form,
.authenticate-page .authenticate-page-content .form-section .sign-up form,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  form {
  margin-top: 50px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  form
  .forgot-password,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  form
  .forgot-password,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  form
  .forgot-password {
  text-align: center;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in
  form
  .forgot-password
  a,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up
  form
  .forgot-password
  a,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password
  form
  .forgot-password
  a {
  /* font-family: Rubik; */
  font-family: "Rubik", sans-serif;
  /* font-family: 'Lato'; */
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 17px;
  padding-top: 5px;
}
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-in.social-types-signup,
.authenticate-page
  .authenticate-page-content
  .form-section
  .sign-up.social-types-signup,
.authenticate-page
  .authenticate-page-content
  .form-section
  forgot-password.social-types-signup {
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.authenticate-page .authenticate-page-content .form-section .new-signup {
  text-align: center;
  padding: 20px;
}
.authenticate-page .authenticate-page-content .form-section .new-signup p {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.authenticate-page .authenticate-page-content .form-section .new-signup p a {
  color: #0671dd;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-left: 5px;
}
@media only screen and (max-width: 1199px) {
  .authenticate-page .authenticate-page-content .form-section {
    width: 300px;
    padding: 0 30px;
  }
}
.authenticate-page .authenticate-page-content .login-in-form-box {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  width: calc(100% - 120px);
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .authenticate-page .authenticate-page-content .login-in-form-box {
    width: calc(100% - 60px);
  }
}
.authenticate-page .authenticate-page-content .step-form {
  position: relative;
}
.authenticate-page .authenticate-page-content .step-form form {
  margin-top: 0;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.authenticate-page .authenticate-page-content .step-form form .step-1,
.authenticate-page .authenticate-page-content .step-form form .step-2,
.authenticate-page .authenticate-page-content .step-form form .step-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.authenticate-page .authenticate-page-content .step-form form .step-2,
.authenticate-page .authenticate-page-content .step-form form .step-3 {
  left: 100%;
  opacity: 0;
  pointer-events: none;
}
.authenticate-page .authenticate-page-content .step-form form h3 {
  width: 100%;
  margin-bottom: 50px;
}
.authenticate-page .authenticate-page-content .step-form form h3 span {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.authenticate-page .authenticate-page-content .step-form form h3 label {
  font-size: 12px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
  line-height: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  .checkbox-container
  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.authenticate-page .authenticate-page-content .step-form form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #fff;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  .checkbox-container
  input:checked
  ~ .checkmark {
  background-color: transparent;
}
.authenticate-page .authenticate-page-content .step-form form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  .checkbox-container
  input:checked
  ~ .checkmark:after {
  display: block;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  .checkbox-container
  .checkmark:after {
  left: 6px;
  top: 3px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.authenticate-page .authenticate-page-content .step-form form fieldset {
  position: relative;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  cursor: pointer;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset.final-payment {
  margin-top: 10px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset.final-payment
  .payment-method {
  display: -webkit-flex;
  display: flex;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 -5px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset.final-payment
  .paypal {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #ffc439;
  color: #111;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 20px;
  text-decoration: none;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 50%;
  margin: 0 5px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset.final-payment
  .paypal
  span {
  font-size: 12px;
  margin-left: 10px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset.final-payment
  .pay-now {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  padding: 15px 20px;
  background-color: #3aa3e3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  text-align: center;
  margin: 0 5px;
  font-weight: 500;
  font-size: 14px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan {
  border: 1px solid #0671dd;
  padding: 30px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan
  h5 {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
  margin-bottom: 30px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan
  p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 14px;
  padding-bottom: 20px;
  padding-top: 0;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan
  p
  span {
  font-weight: 500;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan
  .price {
  -webkit-border-radius: 100px 0 0 100px;
  -moz-border-radius: 100px 0 0 100px;
  border-radius: 100px 0 0 100px;
  background-color: #0671dd;
  padding: 6px 15px 6px 20px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.2px;
  line-height: 24px;
  font-size: 21px;
  position: absolute;
  right: 0;
  top: 20px;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan
  label.radio-circle {
  height: 24px;
  width: 24px;
  border: 2px solid #0671dd;
  background-color: transparent;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan
  label.radio-circle:before {
  content: " ";
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #0671dd;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: none;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan.yearly-plan {
  border-color: #fbbf1b;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan.yearly-plan
  .price {
  background-color: #fbbf1b;
  color: #222222;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan.yearly-plan
  label.radio-circle {
  border-color: #fbbf1b;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  .subscription-plan.yearly-plan
  label.radio-circle:before {
  background-color: #fbbf1b;
}
.authenticate-page
  .authenticate-page-content
  .step-form
  form
  fieldset
  input[type="radio"]:checked
  + .subscription-plan
  label.radio-circle:before {
  display: block;
}

.clearfix {
  clear: both;
}

.bottom-nav-top {
  position: absolute;
  left: 0;
  bottom: 100%;
  background-color: rgba(5, 44, 92, 0.5);
  padding: 7px;
  width: 100%;
  z-index: 3;
  box-sizing: border-box;
}
.bottom-nav-top.fields-select-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
  width: calc(100vw - 255px);
}
@media only screen and (max-width: 1199px) {
  .bottom-nav-top.fields-select-section {
    width: calc(100vw - 200px);
  }
}
.bottom-nav-top.fields-select-section .select-fields {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 5px 10px;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #042854;
  max-width: 60%;
}
@media only screen and (max-width: 1500px) {
  .bottom-nav-top.fields-select-section .select-fields {
    max-width: calc(100% - 600px);
  }
}
@media only screen and (min-width: 1501px) {
  .bottom-nav-top.fields-select-section .select-fields {
    max-width: calc(100% - 600px);
  }
}
.bottom-nav-top.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-y {
  width: 8px !important;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
  opacity: 0;
}
.bottom-nav-top.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 2px;
}
.bottom-nav-top.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-x {
  background-color: #042349;
  opacity: 1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 10px;
}
.bottom-nav-top.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-x
  .ps__thumb-x {
  background-color: #06356f;
}
.bottom-nav-top.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .inner-content {
  padding-bottom: 10px;
}
.bottom-nav-top.fields-select-section .select-fields ul {
  max-height: 210px;
}
.bottom-nav-top.fields-select-section .select-fields ul.fields-name {
  white-space: nowrap;
  display: block;
  text-align: left;
}
.bottom-nav-top.fields-select-section .select-fields ul.fields-name li {
  width: 100px;
  padding: 5px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #05356f;
  margin: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #05356f;
}
.bottom-nav-top.fields-select-section .select-fields ul.fields-name li.active {
  border-color: #0471dd;
}
.bottom-nav-top.fields-select-section .select-fields ul.fields-name li a {
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}
.bottom-nav-top.fields-select-section .select-fields ul.fields-name li img {
  width: 100%;
  display: block;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.bottom-nav-top.fields-select-section .fields-position {
  padding: 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bottom-nav-top.fields-select-section .fields-position .path-side:first-child {
  margin-right: 20px;
}
.bottom-nav-top.fields-select-section .fields-position h4 {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  margin: 10px 0;
  text-align: left;
}
.bottom-nav-top.fields-select-section .fields-position ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -5px;
}
.bottom-nav-top.fields-select-section .fields-position ul li {
  margin: 0 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #052c5c;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #05356f;
  padding: 10px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 12px;
  text-decoration: none;
  height: 40px;
  width: 40px;
  border: 1px solid #05356f;
}
.bottom-nav-top.fields-select-section .fields-position ul li.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-color: #0471dd;
}
.bottom-nav-top.fields-select-section .fields-position ul li svg {
  margin-bottom: 5px;
}
.bottom-nav-top.text-style-box,
.bottom-nav-top.effect-style-box,
.bottom-nav-top.notes-box,
.bottom-nav-top.line-type-box,
.bottom-nav-top.text-type-box {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
}
.bottom-nav-top.text-style-box h4,
.bottom-nav-top.effect-style-box h4,
.bottom-nav-top.notes-box h4,
.bottom-nav-top.line-type-box h4,
.bottom-nav-top.text-type-box h4 {
  font-size: 12px;
  color: white;
  text-align: left;
  margin: 5px 5px 7px;
}
.bottom-nav-top.text-style-box ul.font-style li,
.bottom-nav-top.text-style-box ul.effect li,
.bottom-nav-top.effect-style-box ul.font-style li,
.bottom-nav-top.effect-style-box ul.effect li,
.bottom-nav-top.notes-box ul.font-style li,
.bottom-nav-top.notes-box ul.effect li,
.bottom-nav-top.line-type-box ul.font-style li,
.bottom-nav-top.line-type-box ul.effect li,
.bottom-nav-top.text-type-box ul.font-style li,
.bottom-nav-top.text-type-box ul.effect li {
  background-color: #05356f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 5px;
  height: 70px;
  width: 70px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 12px;
  color: #fff;
  padding: 0;
  width: 100%;
}
.bottom-nav-top.text-style-box ul.font-style li .line-option-type svg,
.bottom-nav-top.text-style-box ul.effect li .line-option-type svg,
.bottom-nav-top.effect-style-box ul.font-style li .line-option-type svg,
.bottom-nav-top.effect-style-box ul.effect li .line-option-type svg,
.bottom-nav-top.notes-box ul.font-style li .line-option-type svg,
.bottom-nav-top.notes-box ul.effect li .line-option-type svg,
.bottom-nav-top.line-type-box ul.font-style li .line-option-type svg,
.bottom-nav-top.line-type-box ul.effect li .line-option-type svg,
.bottom-nav-top.text-type-box ul.font-style li .line-option-type svg,
.bottom-nav-top.text-type-box ul.effect li .line-option-type svg {
  opacity: 1;
}
.bottom-nav-top.text-style-box ul.font-style li .line-option-type:hover,
.bottom-nav-top.text-style-box ul.effect li .line-option-type:hover,
.bottom-nav-top.effect-style-box ul.font-style li .line-option-type:hover,
.bottom-nav-top.effect-style-box ul.effect li .line-option-type:hover,
.bottom-nav-top.notes-box ul.font-style li .line-option-type:hover,
.bottom-nav-top.notes-box ul.effect li .line-option-type:hover,
.bottom-nav-top.line-type-box ul.font-style li .line-option-type:hover,
.bottom-nav-top.line-type-box ul.effect li .line-option-type:hover,
.bottom-nav-top.text-type-box ul.font-style li .line-option-type:hover,
.bottom-nav-top.text-type-box ul.effect li .line-option-type:hover {
  background-color: transparent;
}
.bottom-nav-top.text-style-box ul.font-style li .line-option-type span,
.bottom-nav-top.text-style-box ul.effect li .line-option-type span,
.bottom-nav-top.effect-style-box ul.font-style li .line-option-type span,
.bottom-nav-top.effect-style-box ul.effect li .line-option-type span,
.bottom-nav-top.notes-box ul.font-style li .line-option-type span,
.bottom-nav-top.notes-box ul.effect li .line-option-type span,
.bottom-nav-top.line-type-box ul.font-style li .line-option-type span,
.bottom-nav-top.line-type-box ul.effect li .line-option-type span,
.bottom-nav-top.text-type-box ul.font-style li .line-option-type span,
.bottom-nav-top.text-type-box ul.effect li .line-option-type span {
  display: inline-block;
  margin-top: 10px;
  font-size: 10px;
  color: #fff;
}
.bottom-nav-top.text-style-box ul.font-style li,
.bottom-nav-top.effect-style-box ul.font-style li,
.bottom-nav-top.notes-box ul.font-style li,
.bottom-nav-top.line-type-box ul.font-style li,
.bottom-nav-top.text-type-box ul.font-style li {
  height: 50px;
  width: 50px;
}
.bottom-nav-top.text-style-box .line-style,
.bottom-nav-top.effect-style-box .line-style,
.bottom-nav-top.notes-box .line-style,
.bottom-nav-top.line-type-box .line-style,
.bottom-nav-top.text-type-box .line-style {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5px;
}
.bottom-nav-top.text-style-box .line-style .line-type ul,
.bottom-nav-top.effect-style-box .line-style .line-type ul,
.bottom-nav-top.notes-box .line-style .line-type ul,
.bottom-nav-top.line-type-box .line-style .line-type ul,
.bottom-nav-top.text-type-box .line-style .line-type ul {
  display: block;
  margin: 0 2px;
}
.bottom-nav-top.text-style-box .line-style .line-type ul li,
.bottom-nav-top.effect-style-box .line-style .line-type ul li,
.bottom-nav-top.notes-box .line-style .line-type ul li,
.bottom-nav-top.line-type-box .line-style .line-type ul li,
.bottom-nav-top.text-type-box .line-style .line-type ul li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.bottom-nav-top.text-style-box .line-style .line-type ul li a,
.bottom-nav-top.text-style-box .line-style .line-type ul li .line-option-type,
.bottom-nav-top.effect-style-box .line-style .line-type ul li a,
.bottom-nav-top.effect-style-box .line-style .line-type ul li .line-option-type,
.bottom-nav-top.notes-box .line-style .line-type ul li a,
.bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type,
.bottom-nav-top.line-type-box .line-style .line-type ul li a,
.bottom-nav-top.line-type-box .line-style .line-type ul li .line-option-type,
.bottom-nav-top.text-type-box .line-style .line-type ul li a,
.bottom-nav-top.text-type-box .line-style .line-type ul li .line-option-type {
  padding: 8px !important;
  background-color: #05356f;
  margin: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #05356f;
}
.bottom-nav-top.text-style-box .line-style .line-type ul li a.active,
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.bottom-nav-top.effect-style-box .line-style .line-type ul li a.active,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.bottom-nav-top.notes-box .line-style .line-type ul li a.active,
.bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type.active,
.bottom-nav-top.line-type-box .line-style .line-type ul li a.active,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.bottom-nav-top.text-type-box .line-style .line-type ul li a.active,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-color: #0471dd;
}
.bottom-nav-top.text-style-box .line-style .line-type ul li a object,
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.bottom-nav-top.effect-style-box .line-style .line-type ul li a object,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.bottom-nav-top.notes-box .line-style .line-type ul li a object,
.bottom-nav-top.notes-box .line-style .line-type ul li .line-option-type object,
.bottom-nav-top.line-type-box .line-style .line-type ul li a object,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.bottom-nav-top.text-type-box .line-style .line-type ul li a object,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object {
  opacity: 1;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: transparent;
  margin: 0;
}
.bottom-nav-top.text-style-box .line-style .line-type ul li a.line-width span,
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.bottom-nav-top.effect-style-box .line-style .line-type ul li a.line-width span,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.bottom-nav-top.notes-box .line-style .line-type ul li a.line-width span,
.bottom-nav-top.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.bottom-nav-top.line-type-box .line-style .line-type ul li a.line-width span,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.bottom-nav-top.text-type-box .line-style .line-type ul li a.line-width span,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  height: 1px;
  width: 43px;
  margin: 0;
  vertical-align: middle;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.bottom-nav-top.notes-box .line-style .line-type ul li a.line-width.medium span,
.bottom-nav-top.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span {
  height: 3px;
}
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.bottom-nav-top.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.bottom-nav-top.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.bottom-nav-top.notes-box .line-style .line-type ul li a.line-width.thick span,
.bottom-nav-top.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.bottom-nav-top.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.bottom-nav-top.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span {
  height: 5px;
}
.bottom-nav-top.text-style-box .line-style .swatch,
.bottom-nav-top.effect-style-box .line-style .swatch,
.bottom-nav-top.notes-box .line-style .swatch,
.bottom-nav-top.line-type-box .line-style .swatch,
.bottom-nav-top.text-type-box .line-style .swatch {
  width: 45px;
}
.bottom-nav-top.text-style-box .line-style.items-listing-wrapper .inner-content,
.bottom-nav-top.effect-style-box
  .line-style.items-listing-wrapper
  .inner-content,
.bottom-nav-top.notes-box .line-style.items-listing-wrapper .inner-content,
.bottom-nav-top.line-type-box .line-style.items-listing-wrapper .inner-content,
.bottom-nav-top.text-type-box .line-style.items-listing-wrapper .inner-content {
  padding-bottom: 15px;
}
.bottom-nav-top.text-style-box .line-style.items-listing-wrapper .select-item,
.bottom-nav-top.effect-style-box .line-style.items-listing-wrapper .select-item,
.bottom-nav-top.notes-box .line-style.items-listing-wrapper .select-item,
.bottom-nav-top.line-type-box .line-style.items-listing-wrapper .select-item,
.bottom-nav-top.text-type-box .line-style.items-listing-wrapper .select-item {
  white-space: nowrap;
  display: block;
  text-align: left;
}
.bottom-nav-top.text-style-box
  .line-style.items-listing-wrapper
  .select-item
  li,
.bottom-nav-top.effect-style-box
  .line-style.items-listing-wrapper
  .select-item
  li,
.bottom-nav-top.notes-box .line-style.items-listing-wrapper .select-item li,
.bottom-nav-top.line-type-box .line-style.items-listing-wrapper .select-item li,
.bottom-nav-top.text-type-box
  .line-style.items-listing-wrapper
  .select-item
  li {
  display: inline-block;
  padding: 5px;
}
.bottom-nav-top.text-style-box.bottom-listing-item,
.bottom-nav-top.effect-style-box.bottom-listing-item,
.bottom-nav-top.notes-box.bottom-listing-item,
.bottom-nav-top.line-type-box.bottom-listing-item,
.bottom-nav-top.text-type-box.bottom-listing-item {
  width: calc(100vw - 240px);
}
.bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x,
.bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x,
.bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x,
.bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x,
.bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x {
  background-color: #042349;
  opacity: 1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 10px;
}
.bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x:hover,
.bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x:hover,
.bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x:hover,
.bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x:hover,
.bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x:hover {
  background-color: #042349;
  opacity: 1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 10px;
}
.bottom-nav-top.text-style-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.bottom-nav-top.effect-style-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x:hover .ps__thumb-x,
.bottom-nav-top.line-type-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.bottom-nav-top.text-type-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x {
  background-color: #06356f;
}
.bottom-nav-top.text-style-box.bottom-listing-item .ps__rail-x .ps__thumb-x,
.bottom-nav-top.effect-style-box.bottom-listing-item .ps__rail-x .ps__thumb-x,
.bottom-nav-top.notes-box.bottom-listing-item .ps__rail-x .ps__thumb-x,
.bottom-nav-top.line-type-box.bottom-listing-item .ps__rail-x .ps__thumb-x,
.bottom-nav-top.text-type-box.bottom-listing-item .ps__rail-x .ps__thumb-x {
  background-color: #06356f;
}
@media only screen and (max-width: 1199px) {
  .bottom-nav-top.text-style-box.bottom-listing-item,
  .bottom-nav-top.effect-style-box.bottom-listing-item,
  .bottom-nav-top.notes-box.bottom-listing-item,
  .bottom-nav-top.line-type-box.bottom-listing-item,
  .bottom-nav-top.text-type-box.bottom-listing-item {
    width: calc(100vw - 200px);
  }
}
.bottom-nav-top.text-style-box.effect-style-box ul li,
.bottom-nav-top.effect-style-box.effect-style-box ul li,
.bottom-nav-top.notes-box.effect-style-box ul li,
.bottom-nav-top.line-type-box.effect-style-box ul li,
.bottom-nav-top.text-type-box.effect-style-box ul li {
  width: 70px;
}
.bottom-nav-top.text-style-box.effect-style-box ul li .effect-listing-item,
.bottom-nav-top.effect-style-box.effect-style-box ul li .effect-listing-item,
.bottom-nav-top.notes-box.effect-style-box ul li .effect-listing-item,
.bottom-nav-top.line-type-box.effect-style-box ul li .effect-listing-item,
.bottom-nav-top.text-type-box.effect-style-box ul li .effect-listing-item {
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
  width: 100%;
}
.bottom-nav-top.text-style-box.effect-style-box ul li .effect-listing-item span,
.bottom-nav-top.effect-style-box.effect-style-box
  ul
  li
  .effect-listing-item
  span,
.bottom-nav-top.notes-box.effect-style-box ul li .effect-listing-item span,
.bottom-nav-top.line-type-box.effect-style-box ul li .effect-listing-item span,
.bottom-nav-top.text-type-box.effect-style-box ul li .effect-listing-item span {
  display: inline-block;
  margin-top: 10px;
  font-size: 10px;
  color: #fff;
}
.bottom-nav-top.notes-box {
  width: 550px;
  padding: 10px;
}
.bottom-nav-top.notes-box .notes-head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 10px;
}
.bottom-nav-top.notes-box .notes-head h4 {
  flex: 1;
}
.bottom-nav-top.notes-box .notes-head .tab-list ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #fbbf1b;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.bottom-nav-top.notes-box .notes-head .tab-list ul li .tab-action-bnt {
  padding: 8px 10px;
  color: #fbbf1b;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  width: 90px;
  cursor: pointer;
}
.bottom-nav-top.notes-box .notes-head .tab-list ul li .tab-action-bnt.active {
  background-color: #fbbf1b;
  color: #052c5c;
}
.bottom-nav-top.notes-box .tab-panel.notes .textarea-notes {
  height: 260px;
  width: 100%;
  background-color: #030f22;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  outline: none;
  color: #fff;
  display: block;
  font-size: 15px;
}
.bottom-nav-top.notes-box .tab-panel.four-corner ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bottom-nav-top.notes-box .tab-panel.four-corner ul li {
  width: 50%;
}
.bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 130px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 3px;
}
.bottom-nav-top.notes-box .tab-panel.four-corner ul li .note-wrap span {
  color: #052c5c;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 100%;
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li
  .note-wrap
  span
  textarea {
  resize: none;
  width: 100%;
  height: 100%;
  border: none;
  padding: 10px;
  box-sizing: border-box;
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li
  .note-wrap
  span
  textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li
  .note-wrap
  span
  textarea:focus {
  outline: none;
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li.note-1
  .note-wrap
  span
  textarea {
  background-color: #ce125d;
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li.note-2
  .note-wrap
  span
  textarea {
  background-color: #40efa1;
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li.note-3
  .note-wrap
  span
  textarea {
  background-color: #edf94c;
}
.bottom-nav-top.notes-box
  .tab-panel.four-corner
  ul
  li.note-4
  .note-wrap
  span
  textarea {
  background-color: #42e7ef;
}
.bottom-nav-top.notes-box .notes-footer {
  text-align: right;
  padding: 10px 0 0;
}
.bottom-nav-top.notes-box .notes-footer button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #0671dd;
  -webkit-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  -moz-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  padding: 13px 25px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 16px;
  border: none;
}
.bottom-nav-top.items-section {
  width: 600px;
}
.bottom-nav-top.items-section .select-item {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bottom-nav-top.items-section .select-item li {
  width: 10%;
}
.bottom-nav-top.items-section .select-item li figure img {
  max-width: 80%;
  margin: 0 auto;
  object-fit: contain;
}

.color-picker {
  margin: 3px;
  position: relative;
}
.color-picker .color-cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.color-picker .swatch {
  padding: 7px;
  background-color: #05356f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-top: 6px;
  display: flex !important;
  align-items: center;
}
.color-picker .swatch:first-child {
  margin-top: 0;
}
.color-picker .caret-down {
  margin-left: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
}
.color-picker .line-style {
  display: block !important;
  margin-bottom: 0;
}
.color-picker .line-style .line-type ul {
  margin: 0 !important;
}
.color-picker .line-style .line-type ul li .line-option-type {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 3px 0 !important;
}
.color-picker .line-style .line-type ul li .line-option-type.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-color: #0471dd;
}
.color-picker .line-style .line-type ul li:first-child .line-option-type {
  margin-top: 0 !important;
}
.color-picker
  .line-style
  .line-type
  ul
  li:first-child
  .line-option-type
  object {
  width: 35px;
}
.color-picker .line-style .line-type ul li:last-child .line-option-type {
  margin-bottom: 0 !important;
}

.trails-settings.relationship-modal {
  width: auto;
}

.relationship-modal {
  min-width: 850px;
}
.relationship-modal h2 {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  margin-bottom: 25px;
}
.relationship-modal .connectors-table {
  border: 1px solid #05356f;
  height: 420px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.relationship-modal .connectors-table .scrollbar-wrapper {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
  position: static;
}
.relationship-modal .connectors-table .scrollbar-wrapper .ps__rail-y {
  width: 6px;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
}
.relationship-modal
  .connectors-table
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 1px;
}
.relationship-modal .connectors-table.pf-scroll .scrollbar-wrapper {
  position: static;
}
@media only screen and (max-width: 1400px) {
  .relationship-modal .connectors-table {
    height: 380px;
  }
}
.relationship-modal table {
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.relationship-modal table th,
.relationship-modal table td {
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  padding: 12px 25px;
  vertical-align: middle;
  border: none;
  text-align: center;
}
.relationship-modal table thead {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.relationship-modal table thead tr th {
  position: sticky;
  position: -webkit-sticky;
  position: -ms-sticky;
  top: 0;
  z-index: 99;
  background-color: #05356f;
  white-space: nowrap;
  /*&:nth-child(2){
  	text-align: left;
  	padding-left: 10px;
  }*/
}
.relationship-modal table td {
  position: relative;
  padding: 10px 10px;
  text-align: center;
  max-width: 300px;
}
.relationship-modal table td .input-range {
  width: 150px;
}
.relationship-modal table td .input-range .input-range__track {
  height: 12px;
  background-color: #022c5c;
}
.relationship-modal table td .input-range .input-range__track--active {
  background-color: #0671dd;
}
.relationship-modal table td .input-range .input-range__slider {
  height: 20px;
  width: 20px;
  background-color: #fff;
  margin-top: -17px;
}
.relationship-modal table td .input-range .input-range__label-container {
  display: none;
}
.relationship-modal table td .input-range .input-range__slider:active {
  transform: none;
}
.relationship-modal table td .bib-box {
  display: flex;
}
.relationship-modal table .color-picker {
  margin: 0;
}
.relationship-modal table .color-picker .swatch {
  padding: 0 5px;
  height: 34px;
  width: 50px;
  margin: 0 auto;
}
.relationship-modal table .color-picker .swatch + div {
  z-index: 999 !important;
}
.relationship-modal table .color-picker .sketch-picker > div {
  padding-bottom: 30% !important;
}
.relationship-modal table .color-picker .sketch-picker > div.flexbox-fix {
  padding-bottom: 0 !important;
}
.relationship-modal table .choose-row {
  position: relative;
}
.relationship-modal table .choose-row label {
  display: block;
  text-align: left;
}
.relationship-modal table .choose-row input[type="radio"],
.relationship-modal table .choose-row input[type="checkbox"] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.relationship-modal
  table
  .choose-row
  input[type="radio"]:checked
  + span.radio-circle,
.relationship-modal
  table
  .choose-row
  input[type="checkbox"]:checked
  + span.radio-circle {
  background-color: #0671dd;
}
.relationship-modal table .choose-row .radio-circle {
  display: inline-block;
  border: 4px solid #ffffff;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  vertical-align: middle;
}
.relationship-modal table .choose-row.starter .radio-circle {
  background-color: #fff;
}
.relationship-modal
  table
  .choose-row.starter
  input[type="radio"]:checked
  + span.radio-circle,
.relationship-modal
  table
  .choose-row.starter
  input[type="checkbox"]:checked
  + span.radio-circle {
  background-color: #fbbf1b;
}
.relationship-modal table .select-box {
  position: relative;
  min-width: 60px;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: fit-content;
  margin: 0 auto;
}
.relationship-modal table .select-box:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  pointer-events: none;
}
.relationship-modal table .select-box select {
  min-width: 60px;
  height: 34px;
  border: 2px solid #05356f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  background-color: transparent;
  outline: none;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px 0 8px;
  font-family: "Catamaran", sans-serif;
  -webkit-appearance: none;
  cursor: pointer;
}
.relationship-modal table .select-box select option {
  color: #000;
  background-color: transparent;
}
.relationship-modal table .select-box select:focus {
  outline: none;
}
.relationship-modal table .action-link {
  height: 34px;
  width: 34px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #05356f;
  vertical-align: middle;
  margin: 0 auto;
}
.relationship-modal table.player-focus-listing tbody tr:first-child td,
.relationship-modal table.tracking-player tbody tr:first-child td {
  padding-top: 30px;
}
.relationship-modal table.player-focus-listing tbody tr:last-child td,
.relationship-modal table.tracking-player tbody tr:last-child td {
  padding-bottom: 30px;
}
.relationship-modal
  table.player-focus-listing
  td.players-connection
  .select-box.player-select-box,
.relationship-modal
  table.tracking-player
  td.players-connection
  .select-box.player-select-box {
  width: 220px;
  margin: 0;
}
.relationship-modal
  table.player-focus-listing
  td.players-connection
  .select-box.player-select-box:before,
.relationship-modal
  table.tracking-player
  td.players-connection
  .select-box.player-select-box:before {
  border-top: 7px solid #022c5c;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.relationship-modal
  table.player-focus-listing
  td.players-connection
  .select-box.player-select-box
  select,
.relationship-modal
  table.tracking-player
  td.players-connection
  .select-box.player-select-box
  select {
  min-width: 220px;
  background-color: #fff;
  height: 40px;
  color: #092056;
  font-size: 16px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: 400;
  border: none;
}
.relationship-modal table.player-focus-listing td .select-box,
.relationship-modal table.tracking-player td .select-box {
  margin: 0 auto;
}
.relationship-modal .table-footer {
  margin: 30px -30px 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(216, 216, 216, 0.1);
}
.relationship-modal .table-footer .action-btn {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.relationship-modal .table-footer .action-btn.flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.relationship-modal .table-footer div {
  padding: 15px 25px;
  border: 1px solid #0671dd;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  color: #0671dd;
  text-decoration: none;
  min-width: 45px;
  text-align: center;
}
.relationship-modal .table-footer div.apply {
  color: #fff;
  background-color: #0671dd;
}
.relationship-modal .table-footer button[type="button"].button-submit {
  background: transparent;
  color: #0671dd;
}
.relationship-modal .players-connection-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.relationship-modal .players-connection-info .left-side-panel,
.relationship-modal .players-connection-info .right-side-panel {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 315px;
  border: 1px solid #05356f;
}
.relationship-modal .players-connection-info .left-side-panel .panel-header,
.relationship-modal .players-connection-info .right-side-panel .panel-header {
  padding: 10px 30px;
  background-color: #05356f;
}
.relationship-modal .players-connection-info .left-side-panel .panel-header h3,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-header
  h3 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.relationship-modal .players-connection-info .left-side-panel .panel-list,
.relationship-modal .players-connection-info .right-side-panel .panel-list {
  padding: 0 30px;
  height: 350px;
  display: -webkit-flex;
  display: -ms-flexbox;
  overflow: hidden;
  position: relative;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .scrollbar-wrapper,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .scrollbar-wrapper {
  position: static;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y {
  width: 8px !important;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 2px;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .inner-content,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .inner-content {
  padding: 5px 0;
}
.relationship-modal .players-connection-info .left-side-panel .panel-list ul li,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 0;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  svg,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  svg {
  margin-top: 7px;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list {
  position: relative;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"],
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 99;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox {
  background-color: #fff;
  border-color: #fff;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox:before,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox:before {
  content: "";
  width: 12px;
  height: 6px;
  border-left: 3px solid #0890fb;
  border-bottom: 3px solid #0890fb;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-top: -2px;
  margin-left: 1px;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  span.radio-checkbox,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  span.radio-checkbox {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  border: 4px solid #05356f;
  position: relative;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .player,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .player {
  margin: 0 40px;
}
.relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  label,
.relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  label {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.relationship-modal .players-connection-info .action-arrow {
  padding: 0 45px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.relationship-modal .players-connection-info .action-arrow a {
  height: 40px;
  width: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 15px;
  cursor: pointer;
}
.relationship-modal .players-connection-info .action-arrow a span.arrow {
  height: 12px;
  width: 12px;
  border-left: 5px solid #042348;
  border-bottom: 5px solid #042348;
  display: inline-block;
}
.relationship-modal .players-connection-info .action-arrow a span.arrow.left {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
}
.relationship-modal .players-connection-info .action-arrow a span.arrow.right {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 5px;
}
.relationship-modal .players-connection-info .action-arrow a span.arrow.top {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: 5px;
}
.relationship-modal .players-connection-info .action-arrow a span.arrow.bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: 5px;
}
.relationship-modal .players-connection-info .action-arrow.right-side {
  padding-right: 0;
}
.relationship-modal.team-squade .select-box.player-select-box {
  width: 150px;
}
.relationship-modal.team-squade .select-box.player-select-box select {
  min-width: 150px;
}
.relationship-modal.team-squade .input-box .form-control {
  box-sizing: border-box;
  width: 150px;
  background-color: #fff;
  height: 40px;
  color: #092056;
  font-size: 16px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: 400;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
}
.relationship-modal.team-squade .input-box.shirt-number .form-control {
  min-width: auto;
  width: 55px;
  text-align: center;
  font-size: 14px;
  color: #022c5c;
  font-family: "Catamaran", sans-serif;
  line-height: 23px;
  font-weight: 900;
}

.profle-setting-modal {
  width: 850px;
}
.profle-setting-modal .setting-modal-tab {
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #fbbf1b;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: fit-content;
  width: -ms-fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
}
.profle-setting-modal .setting-modal-tab .team-tab {
  padding: 6px 5px;
  color: #fbbf1b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  min-width: 80px;
  text-decoration: none;
}
.profle-setting-modal .setting-modal-tab .team-tab.active {
  background-color: #fbbf1b;
  color: #052c5c;
}
.profle-setting-modal .team-profile-image {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.profle-setting-modal .team-profile-image .upload-new-image {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.profle-setting-modal .team-profile-image .upload-new-image figure {
  width: 100px;
  height: 100px;
  border: 5px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.profle-setting-modal .team-profile-image .upload-new-image figure img {
  width: 90px;
  height: 90px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.profle-setting-modal .team-profile-image .upload-new-image input[type="file"] {
  display: none;
}
.profle-setting-modal .team-profile-image .upload-new-image label {
  padding: 12px 15px;
  background-color: #fbbf1b;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  color: #333333;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin-left: 30px;
}
.profle-setting-modal .team-profile-image .upload-new-image label svg {
  width: 12px;
  margin-right: 8px;
}
.profle-setting-modal .team-profile-image .upload-new-image label svg path {
  fill: #333;
  vertical-align: middle;
}
.profle-setting-modal .team-profile-image .right-flex-1 {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.profle-setting-modal .team-profile-image .right-flex-1 .team-squade-btn {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #0671dd;
  color: #0671dd;
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.profle-setting-modal .form-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
.profle-setting-modal .form-section label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 24px;
  display: inline-block;
  margin-right: 30px;
  width: 120px;
}
.profle-setting-modal .form-section .form-control {
  height: 44px;
  font-size: 14px;
  padding: 0 0 0 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(2, 44, 92, 0.1);
  outline: none;
}
.profle-setting-modal .form-section .right-section-field {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.profle-setting-modal .form-section .right-section-field .form-control {
  width: 100%;
  outline: none;
  border: 1px solid rgba(2, 44, 92, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 40px;
  padding: 0 13px;
  font-size: 14px;
  box-sizing: border-box;
  color: #092056;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.profle-setting-modal .form-section .right-section-field.colors-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.profle-setting-modal
  .form-section
  .right-section-field.colors-section
  .choose-color {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 40px;
}
.profle-setting-modal
  .form-section
  .right-section-field.colors-section
  .choose-color
  .color-picker {
  width: 60px;
}
.profle-setting-modal
  .form-section
  .right-section-field.colors-section
  .choose-color
  h6 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
  margin-left: 10px;
}
.profle-setting-modal .form-section .select-slider {
  width: calc(100% - 150px);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: relative;
  z-index: 0;
}
.profle-setting-modal .form-section .select-slider .slick-slider {
  padding: 0 25px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.profle-setting-modal .form-section .select-slider .slick-prev,
.profle-setting-modal .form-section .select-slider .slick-next {
  background-color: #05356f;
  height: calc(100% + 2px);
  left: -1px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 5px;
  box-sizing: border-box;
  width: auto;
  z-index: 99;
}
.profle-setting-modal .form-section .select-slider .slick-prev svg,
.profle-setting-modal .form-section .select-slider .slick-next svg {
  width: 15px;
  height: 15px;
}
.profle-setting-modal .form-section .select-slider .slick-prev:before,
.profle-setting-modal .form-section .select-slider .slick-next:before {
  display: none;
}
.profle-setting-modal .form-section .select-slider .slick-prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.profle-setting-modal .form-section .select-slider .slick-next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: auto;
  right: -1px;
}
.profle-setting-modal .form-section .select-slider .slick-slide {
  outline: none !important;
  padding: 5px 0;
}
.profle-setting-modal .form-section .select-slider .slick-slide:focus,
.profle-setting-modal .form-section .select-slider .slick-slide:active {
  outline: none;
}
.profle-setting-modal .form-section .select-slider .slick-slide .player span {
  margin-bottom: 0;
}
.profle-setting-modal .form-section .flexbox-fix label {
  width: auto;
  margin-right: 0;
}

.update-work {
  width: 760px;
}
.update-work h2 {
  color: #092056;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1400px) {
  .update-work h2 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 26px;
  }
}
.update-work form .video-thumbnail-box {
  display: flex;
  align-items: flex-end;
  padding-bottom: 25px;
}
.update-work form .video-thumbnail-box .video-thumbnail figure {
  width: 176px;
  height: 112px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.update-work form .video-thumbnail-box .video-thumbnail figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.update-work form .video-thumbnail-box .video-thumbnail figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.update-work form .video-thumbnail-box .video-thumbnail figure span.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
}
@media only screen and (max-width: 1400px) {
  .update-work form .video-thumbnail-box .video-thumbnail figure {
    height: 80px;
    width: 150px;
  }
}
.update-work form .video-thumbnail-box .video-detail {
  padding-left: 15px;
}
.update-work form .video-thumbnail-box .video-detail p {
  color: rgba(2, 44, 92, 0.7);
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 20px;
  padding-top: 15px;
}
.update-work form .video-thumbnail-box .video-detail p span {
  color: #022c5c;
  padding-right: 10px;
}
.update-work form .video-thumbnail-box .video-detail p a {
  text-decoration: none;
  color: #0671dd;
}
@media only screen and (max-width: 1600px) {
  .update-work form .video-thumbnail-box {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .update-work form .video-thumbnail-box {
    padding-bottom: 15px;
  }
}
.update-work form fieldset {
  position: relative;
  margin-bottom: 20px;
}
.update-work form fieldset label {
  color: rgba(2, 44, 92, 0.5);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.11px;
  line-height: 24px;
  padding-bottom: 5px;
  display: inline-block;
}
.update-work form fieldset label.error {
  position: absolute;
  top: 100%;
  left: 0;
  color: #ff0000;
  font-weight: 400;
}
@media only screen and (max-width: 1600px) {
  .update-work form fieldset {
    margin-bottom: 15px;
  }
}
.update-work form fieldset textarea.form-control {
  min-height: 125px;
  resize: none;
  /* font-family: "Rubik", sans-serif; */
  font-family: "Rubik", sans-serif;
  /* font-family: 'Lato'; */
  padding: 10px 15px;
}
@media only screen and (max-width: 1600px) {
  .update-work form fieldset textarea.form-control {
    min-height: 100px;
  }
}
@media only screen and (max-width: 1400px) {
  .update-work form fieldset textarea.form-control {
    min-height: 80px;
  }
}
.update-work form .form-control,
.update-work form select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(2, 44, 92, 0.1);
  border-radius: 4px;
  color: #022c5c;
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
  height: 50px;
  padding: 10px 15px;
  outline: none;
  background-color: #fff;
  box-shadow: none;
  -webkit-appearance: none;
}
.update-work form .form-control.highligted,
.update-work form select.highligted {
  border-color: #1471dd;
}
@media only screen and (max-width: 1600px) {
  .update-work form .form-control,
  .update-work form select {
    height: 44px;
  }
}
@media only screen and (max-width: 1400px) {
  .update-work form .form-control,
  .update-work form select {
    height: 40px;
    font-size: 12px;
    line-height: 20px;
  }
}
.update-work form .form-row {
  display: flex;
  margin: 0px -15px 20px;
  flex-wrap: wrap;
}
.update-work form .form-row .column {
  flex: 0 0 50%;
  padding: 0px 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.update-work form .form-row .column .select-box {
  position: relative;
}
.update-work form .form-row .column .select-box:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #092056;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
@media only screen and (max-width: 1600px) {
  .update-work form .form-row {
    margin: 0px -15px 15px;
  }
}
.update-work form .action-btn {
  text-align: right;
}
.update-work form .action-btn .submit-btn {
  padding: 18px 28px;
  border: 1px solid #0671dd;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  color: #fff;
  background-color: #0671dd;
  letter-spacing: 1.25px;
  font-weight: 500;
  text-decoration: none;
  min-width: 140px;
  text-align: center;
  /* font-family: "Rubik", sans-serif; */
  font-family: "Rubik", sans-serif;
  /* font-family: 'Lato'; */
}
@media only screen and (max-width: 1600px) {
  .update-work form .action-btn .submit-btn {
    padding: 15px 28px;
  }
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (min-width: 320px) and (max-width: 1199px) and (orientation: portrait) {
  .orientation-lock {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .main-body {
    display: none;
  }
}
button[disabled] {
  opacity: 0.5;
}

.player {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.cs-disabled span {
  background-color: #ddd !important;
  cursor: not-allowed;
  border: none !important;
  color: #adabab !important;
}

.cs-disabled {
  color: #adabab !important;
  /*-ms-filter: grayscale(100%);
  filter: grayscale(100%);*/
  -webkit-filter: grayscale(100%) brightness(50%) contrast(100%);
  filter: grayscale(100%) brightness(50%) contrast(100%);
}

.cs-loader {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.cs-loader .loader,
.cs-loader .loader:after {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 5em;
  height: 5em;
}
.cs-loader .loader {
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top: 0.5em solid rgba(255, 255, 255, 0.8);
  border-right: 0.5em solid rgba(255, 255, 255, 0.8);
  border-bottom: 0.5em solid rgba(255, 255, 255, 0.8);
  border-left: 0.5em solid #5b9be8;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.main-editing-tool .toolbox .animation-play .frame-box .frames .frames-slider {
  width: 250px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main-editing-tool
  .toolbox
  .animation-play
  .frame-box
  .frames
  .frames-slider
  svg {
  vertical-align: middle;
}

.frames .scrollbar-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.frames .scrollbar-wrapper .inner-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.frames .scrollbar-wrapper .inner-content .item .active svg {
  vertical-align: middle;
}
.frames .scrollbar-wrapper .inner-content .item .active svg g {
  fill: red;
}
.frames .ps__rail-x {
  height: 6px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
.frames .ps__rail-x:hover {
  height: 6px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
.frames .ps__rail-x:hover .ps__thumb-x {
  height: 3px;
}
.frames .ps__rail-x .ps__thumb-x {
  height: 3px;
}

.erase-modals {
  text-align: center;
}
.erase-modals h2 {
  margin-bottom: 30px;
}
.erase-modals .submit-btn {
  background-color: #0671dd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px 0px;
  border: none;
  color: #fff;
  margin: 0px 5px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  width: 150px;
}
.erase-modals .submit-btn:focus {
  outline: none;
}
.erase-modals .submit-btn.no-action {
  background: #999;
}
.erase-modals .submit-btn:nth-child(2) {
  background-color: #999;
}

.erase-modals-h3 {
  text-align: center;
}
.erase-modals-h3 h2 {
  margin-bottom: 30px;
}
.erase-modals-h3 h4 {
  margin-bottom: 0 !important;
}
.erase-modals-h3 h3 {
  margin-bottom: 10px;
}
.erase-modals-h3 .submit-btn {
  background-color: #0671dd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px 30px;
  border: none;
  color: #fff;
  margin: 0px 5px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.erase-modals-h3 .submit-btn.no-action {
  background: #999;
}

.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
  height: 6px !important;
}

.team-squard-footer {
  margin-top: 20px;
}

.object-size {
  height: 35px;
  width: 40px;
}

.popup-style {
  display: flex;
  align-items: center;
}
.popup-style .pointer {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  overflow: hidden;
  background: #042348;
}
.popup-style .pointer.blr-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.popup-style .pointer.brr-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.popup-style .pointer.mlr-2 {
  margin: 0px 2px 0px 2px;
}
.popup-style .pointer.width-auto {
  width: auto;
  max-width: 70px;
  padding-right: 5px;
}
.popup-style .pointer.width-auto .pointer-text {
  color: #ffffff;
  font-size: 10px;
  padding-right: 5px;
}
.popup-style .pointer.fields-select-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
  width: calc(100vw - 257px);
}
@media only screen and (max-width: 1199px) {
  .popup-style .pointer.fields-select-section {
    width: calc(100vw - 200px);
  }
}
.popup-style .pointer.fields-select-section .select-fields {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 5px 10px;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #042854;
  max-width: 60%;
}
@media only screen and (min-width: 1501px) {
  .popup-style .pointer.fields-select-section .select-fields {
    max-width: calc(100% - 605px);
  }
}
@media only screen and (max-width: 1400px) {
  .popup-style .pointer.fields-select-section .select-fields {
    max-width: 46%;
  }
}
@media only screen and (max-width: 1199px) {
  .popup-style .pointer.fields-select-section .select-fields {
    max-width: 40%;
  }
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-y {
  width: 8px !important;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
  opacity: 0;
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 2px;
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-x {
  background-color: #042349;
  opacity: 1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 10px;
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .ps__rail-x
  .ps__thumb-x {
  background-color: #06356f;
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  .scrollbar-wrapper
  .inner-content {
  padding-bottom: 10px;
}
.popup-style .pointer.fields-select-section .select-fields ul {
  max-height: 210px;
}
.popup-style .pointer.fields-select-section .select-fields ul.fields-name {
  white-space: nowrap;
  display: block;
  text-align: left;
}
.popup-style .pointer.fields-select-section .select-fields ul.fields-name li {
  width: 100px;
  padding: 5px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #05356f;
  margin: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #05356f;
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  ul.fields-name
  li.active {
  border-color: #0471dd;
}
.popup-style .pointer.fields-select-section .select-fields ul.fields-name li a {
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}
.popup-style
  .pointer.fields-select-section
  .select-fields
  ul.fields-name
  li
  img {
  width: 100%;
  display: block;
  height: 60px;
  object-fit: cover;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.popup-style .pointer.fields-select-section .fields-position {
  padding: 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.popup-style
  .pointer.fields-select-section
  .fields-position
  .path-side:first-child {
  margin-right: 20px;
}
.popup-style .pointer.fields-select-section .fields-position h4 {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  margin: 10px 0;
  text-align: left;
}
.popup-style .pointer.fields-select-section .fields-position ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -5px;
}
.popup-style .pointer.fields-select-section .fields-position ul li {
  margin: 0 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #052c5c;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #05356f;
  padding: 10px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 12px;
  text-decoration: none;
  height: 40px;
  width: 40px;
  border: 1px solid #05356f;
}
.popup-style .pointer.fields-select-section .fields-position ul li.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-color: #0471dd;
}
.popup-style .pointer.fields-select-section .fields-position ul li svg {
  margin-bottom: 5px;
}
.popup-style .pointer.text-style-box,
.popup-style .pointer.effect-style-box,
.popup-style .pointer.notes-box,
.popup-style .pointer.line-type-box,
.popup-style .pointer.text-type-box {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: auto;
}
.popup-style .pointer.text-style-box h4,
.popup-style .pointer.effect-style-box h4,
.popup-style .pointer.notes-box h4,
.popup-style .pointer.line-type-box h4,
.popup-style .pointer.text-type-box h4 {
  font-size: 12px;
  color: white;
  text-align: left;
  margin: 5px 5px 7px;
}
.popup-style .pointer.text-style-box ul.font-style li,
.popup-style .pointer.text-style-box ul.effect li,
.popup-style .pointer.effect-style-box ul.font-style li,
.popup-style .pointer.effect-style-box ul.effect li,
.popup-style .pointer.notes-box ul.font-style li,
.popup-style .pointer.notes-box ul.effect li,
.popup-style .pointer.line-type-box ul.font-style li,
.popup-style .pointer.line-type-box ul.effect li,
.popup-style .pointer.text-type-box ul.font-style li,
.popup-style .pointer.text-type-box ul.effect li {
  background-color: #05356f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 5px;
  height: 70px;
  width: 70px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 12px;
  color: #fff;
  padding: 0;
  width: 100%;
}
.popup-style .pointer.text-style-box ul.font-style li .line-option-type svg,
.popup-style .pointer.text-style-box ul.effect li .line-option-type svg,
.popup-style .pointer.effect-style-box ul.font-style li .line-option-type svg,
.popup-style .pointer.effect-style-box ul.effect li .line-option-type svg,
.popup-style .pointer.notes-box ul.font-style li .line-option-type svg,
.popup-style .pointer.notes-box ul.effect li .line-option-type svg,
.popup-style .pointer.line-type-box ul.font-style li .line-option-type svg,
.popup-style .pointer.line-type-box ul.effect li .line-option-type svg,
.popup-style .pointer.text-type-box ul.font-style li .line-option-type svg,
.popup-style .pointer.text-type-box ul.effect li .line-option-type svg {
  opacity: 1;
}
.popup-style .pointer.text-style-box ul.font-style li .line-option-type:hover,
.popup-style .pointer.text-style-box ul.effect li .line-option-type:hover,
.popup-style .pointer.effect-style-box ul.font-style li .line-option-type:hover,
.popup-style .pointer.effect-style-box ul.effect li .line-option-type:hover,
.popup-style .pointer.notes-box ul.font-style li .line-option-type:hover,
.popup-style .pointer.notes-box ul.effect li .line-option-type:hover,
.popup-style .pointer.line-type-box ul.font-style li .line-option-type:hover,
.popup-style .pointer.line-type-box ul.effect li .line-option-type:hover,
.popup-style .pointer.text-type-box ul.font-style li .line-option-type:hover,
.popup-style .pointer.text-type-box ul.effect li .line-option-type:hover {
  background-color: transparent;
}
.popup-style .pointer.text-style-box ul.font-style li .line-option-type span,
.popup-style .pointer.text-style-box ul.effect li .line-option-type span,
.popup-style .pointer.effect-style-box ul.font-style li .line-option-type span,
.popup-style .pointer.effect-style-box ul.effect li .line-option-type span,
.popup-style .pointer.notes-box ul.font-style li .line-option-type span,
.popup-style .pointer.notes-box ul.effect li .line-option-type span,
.popup-style .pointer.line-type-box ul.font-style li .line-option-type span,
.popup-style .pointer.line-type-box ul.effect li .line-option-type span,
.popup-style .pointer.text-type-box ul.font-style li .line-option-type span,
.popup-style .pointer.text-type-box ul.effect li .line-option-type span {
  display: inline-block;
  margin-top: 10px;
  font-size: 10px;
  color: #fff;
}
.popup-style .pointer.text-style-box ul.font-style li,
.popup-style .pointer.effect-style-box ul.font-style li,
.popup-style .pointer.notes-box ul.font-style li,
.popup-style .pointer.line-type-box ul.font-style li,
.popup-style .pointer.text-type-box ul.font-style li {
  height: 50px;
  width: 50px;
}
.popup-style .pointer.text-style-box .line-style,
.popup-style .pointer.effect-style-box .line-style,
.popup-style .pointer.notes-box .line-style,
.popup-style .pointer.line-type-box .line-style,
.popup-style .pointer.text-type-box .line-style {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5px;
}
.popup-style .pointer.text-style-box .line-style .line-type ul,
.popup-style .pointer.effect-style-box .line-style .line-type ul,
.popup-style .pointer.notes-box .line-style .line-type ul,
.popup-style .pointer.line-type-box .line-style .line-type ul,
.popup-style .pointer.text-type-box .line-style .line-type ul {
  display: block;
  margin: 0 2px;
}
.popup-style .pointer.text-style-box .line-style .line-type ul li,
.popup-style .pointer.effect-style-box .line-style .line-type ul li,
.popup-style .pointer.notes-box .line-style .line-type ul li,
.popup-style .pointer.line-type-box .line-style .line-type ul li,
.popup-style .pointer.text-type-box .line-style .line-type ul li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.popup-style .pointer.text-style-box .line-style .line-type ul li a,
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type,
.popup-style .pointer.effect-style-box .line-style .line-type ul li a,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type,
.popup-style .pointer.notes-box .line-style .line-type ul li a,
.popup-style .pointer.notes-box .line-style .line-type ul li .line-option-type,
.popup-style .pointer.line-type-box .line-style .line-type ul li a,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type,
.popup-style .pointer.text-type-box .line-style .line-type ul li a,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type {
  padding: 8px !important;
  background-color: #05356f;
  margin: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #05356f;
}
.popup-style .pointer.text-style-box .line-style .line-type ul li a.active,
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.popup-style .pointer.effect-style-box .line-style .line-type ul li a.active,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.popup-style .pointer.notes-box .line-style .line-type ul li a.active,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.popup-style .pointer.line-type-box .line-style .line-type ul li a.active,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active,
.popup-style .pointer.text-type-box .line-style .line-type ul li a.active,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-color: #0471dd;
}
.popup-style .pointer.text-style-box .line-style .line-type ul li a object,
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.popup-style .pointer.effect-style-box .line-style .line-type ul li a object,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.popup-style .pointer.notes-box .line-style .line-type ul li a object,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.popup-style .pointer.line-type-box .line-style .line-type ul li a object,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object,
.popup-style .pointer.text-type-box .line-style .line-type ul li a object,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type
  object {
  opacity: 1;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: transparent;
  margin: 0;
}
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width
  span,
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width
  span,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.popup-style .pointer.notes-box .line-style .line-type ul li a.line-width span,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width
  span,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width
  span,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width
  span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  height: 1px;
  width: 43px;
  margin: 0;
  vertical-align: middle;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.medium
  span,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.medium
  span {
  height: 3px;
}
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.popup-style
  .pointer.text-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.popup-style
  .pointer.effect-style-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.popup-style
  .pointer.notes-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.popup-style
  .pointer.line-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  a.line-width.thick
  span,
.popup-style
  .pointer.text-type-box
  .line-style
  .line-type
  ul
  li
  .line-option-type.line-width.thick
  span {
  height: 5px;
}
.popup-style .pointer.text-style-box .line-style .swatch,
.popup-style .pointer.effect-style-box .line-style .swatch,
.popup-style .pointer.notes-box .line-style .swatch,
.popup-style .pointer.line-type-box .line-style .swatch,
.popup-style .pointer.text-type-box .line-style .swatch {
  width: 45px;
}
.popup-style
  .pointer.text-style-box
  .line-style.items-listing-wrapper
  .inner-content,
.popup-style
  .pointer.effect-style-box
  .line-style.items-listing-wrapper
  .inner-content,
.popup-style
  .pointer.notes-box
  .line-style.items-listing-wrapper
  .inner-content,
.popup-style
  .pointer.line-type-box
  .line-style.items-listing-wrapper
  .inner-content,
.popup-style
  .pointer.text-type-box
  .line-style.items-listing-wrapper
  .inner-content {
  padding-bottom: 15px;
}
.popup-style
  .pointer.text-style-box
  .line-style.items-listing-wrapper
  .select-item,
.popup-style
  .pointer.effect-style-box
  .line-style.items-listing-wrapper
  .select-item,
.popup-style .pointer.notes-box .line-style.items-listing-wrapper .select-item,
.popup-style
  .pointer.line-type-box
  .line-style.items-listing-wrapper
  .select-item,
.popup-style
  .pointer.text-type-box
  .line-style.items-listing-wrapper
  .select-item {
  white-space: nowrap;
  display: block;
  text-align: left;
}
.popup-style
  .pointer.text-style-box
  .line-style.items-listing-wrapper
  .select-item
  li,
.popup-style
  .pointer.effect-style-box
  .line-style.items-listing-wrapper
  .select-item
  li,
.popup-style
  .pointer.notes-box
  .line-style.items-listing-wrapper
  .select-item
  li,
.popup-style
  .pointer.line-type-box
  .line-style.items-listing-wrapper
  .select-item
  li,
.popup-style
  .pointer.text-type-box
  .line-style.items-listing-wrapper
  .select-item
  li {
  display: inline-block;
  padding: 5px;
}
.popup-style .pointer.text-style-box.bottom-listing-item,
.popup-style .pointer.effect-style-box.bottom-listing-item,
.popup-style .pointer.notes-box.bottom-listing-item,
.popup-style .pointer.line-type-box.bottom-listing-item,
.popup-style .pointer.text-type-box.bottom-listing-item {
  width: calc(100vw - 240px);
}
.popup-style .pointer.text-style-box.bottom-listing-item .ps__rail-x,
.popup-style .pointer.effect-style-box.bottom-listing-item .ps__rail-x,
.popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x,
.popup-style .pointer.line-type-box.bottom-listing-item .ps__rail-x,
.popup-style .pointer.text-type-box.bottom-listing-item .ps__rail-x {
  background-color: #042349;
  opacity: 1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 10px;
}
.popup-style .pointer.text-style-box.bottom-listing-item .ps__rail-x:hover,
.popup-style .pointer.effect-style-box.bottom-listing-item .ps__rail-x:hover,
.popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x:hover,
.popup-style .pointer.line-type-box.bottom-listing-item .ps__rail-x:hover,
.popup-style .pointer.text-type-box.bottom-listing-item .ps__rail-x:hover {
  background-color: #042349;
  opacity: 1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 10px;
}
.popup-style
  .pointer.text-style-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.popup-style
  .pointer.effect-style-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.popup-style
  .pointer.notes-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.popup-style
  .pointer.line-type-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x,
.popup-style
  .pointer.text-type-box.bottom-listing-item
  .ps__rail-x:hover
  .ps__thumb-x {
  background-color: #06356f;
}
.popup-style
  .pointer.text-style-box.bottom-listing-item
  .ps__rail-x
  .ps__thumb-x,
.popup-style
  .pointer.effect-style-box.bottom-listing-item
  .ps__rail-x
  .ps__thumb-x,
.popup-style .pointer.notes-box.bottom-listing-item .ps__rail-x .ps__thumb-x,
.popup-style
  .pointer.line-type-box.bottom-listing-item
  .ps__rail-x
  .ps__thumb-x,
.popup-style
  .pointer.text-type-box.bottom-listing-item
  .ps__rail-x
  .ps__thumb-x {
  background-color: #06356f;
}
@media only screen and (max-width: 1199px) {
  .popup-style .pointer.text-style-box.bottom-listing-item,
  .popup-style .pointer.effect-style-box.bottom-listing-item,
  .popup-style .pointer.notes-box.bottom-listing-item,
  .popup-style .pointer.line-type-box.bottom-listing-item,
  .popup-style .pointer.text-type-box.bottom-listing-item {
    width: calc(100vw - 200px);
  }
}
.popup-style .pointer.text-style-box.effect-style-box ul li,
.popup-style .pointer.effect-style-box.effect-style-box ul li,
.popup-style .pointer.notes-box.effect-style-box ul li,
.popup-style .pointer.line-type-box.effect-style-box ul li,
.popup-style .pointer.text-type-box.effect-style-box ul li {
  width: 70px;
}
.popup-style
  .pointer.text-style-box.effect-style-box
  ul
  li
  .effect-listing-item,
.popup-style
  .pointer.effect-style-box.effect-style-box
  ul
  li
  .effect-listing-item,
.popup-style .pointer.notes-box.effect-style-box ul li .effect-listing-item,
.popup-style .pointer.line-type-box.effect-style-box ul li .effect-listing-item,
.popup-style
  .pointer.text-type-box.effect-style-box
  ul
  li
  .effect-listing-item {
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
  width: 100%;
}
.popup-style
  .pointer.text-style-box.effect-style-box
  ul
  li
  .effect-listing-item
  span,
.popup-style
  .pointer.effect-style-box.effect-style-box
  ul
  li
  .effect-listing-item
  span,
.popup-style
  .pointer.notes-box.effect-style-box
  ul
  li
  .effect-listing-item
  span,
.popup-style
  .pointer.line-type-box.effect-style-box
  ul
  li
  .effect-listing-item
  span,
.popup-style
  .pointer.text-type-box.effect-style-box
  ul
  li
  .effect-listing-item
  span {
  display: inline-block;
  margin-top: 10px;
  font-size: 10px;
  color: #fff;
}
.popup-style .pointer.notes-box {
  width: 550px;
  padding: 10px;
}
.popup-style .pointer.notes-box .notes-head {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 10px;
}
.popup-style .pointer.notes-box .notes-head h4 {
  flex: 1;
}
.popup-style .pointer.notes-box .notes-head .tab-list ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #fbbf1b;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.popup-style .pointer.notes-box .notes-head .tab-list ul li .tab-action-bnt {
  padding: 8px 10px;
  color: #fbbf1b;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  width: 90px;
  cursor: pointer;
}
.popup-style
  .pointer.notes-box
  .notes-head
  .tab-list
  ul
  li
  .tab-action-bnt.active {
  background-color: #fbbf1b;
  color: #052c5c;
}
.popup-style .pointer.notes-box .tab-panel.notes .textarea-notes {
  height: 260px;
  width: 100%;
  background-color: #030f22;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  resize: none;
  padding: 10px;
  outline: none;
  color: #fff;
  display: block;
  font-size: 15px;
}
.popup-style .pointer.notes-box .tab-panel.four-corner ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popup-style .pointer.notes-box .tab-panel.four-corner ul li {
  width: 50%;
}
.popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 130px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 3px;
}
.popup-style .pointer.notes-box .tab-panel.four-corner ul li .note-wrap span {
  color: #052c5c;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 100%;
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li
  .note-wrap
  span
  textarea {
  resize: none;
  width: 100%;
  height: 100%;
  border: none;
  padding: 10px;
  box-sizing: border-box;
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li
  .note-wrap
  span
  textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li
  .note-wrap
  span
  textarea:focus {
  outline: none;
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li.note-1
  .note-wrap
  span
  textarea {
  background-color: #ce125d;
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li.note-2
  .note-wrap
  span
  textarea {
  background-color: #40efa1;
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li.note-3
  .note-wrap
  span
  textarea {
  background-color: #edf94c;
}
.popup-style
  .pointer.notes-box
  .tab-panel.four-corner
  ul
  li.note-4
  .note-wrap
  span
  textarea {
  background-color: #42e7ef;
}
.popup-style .pointer.notes-box .notes-footer {
  text-align: right;
  padding: 10px 0 0;
}
.popup-style .pointer.notes-box .notes-footer button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #0671dd;
  -webkit-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  -moz-box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  box-shadow: 0 2px 5px 0 rgba(6, 113, 221, 0.2);
  padding: 13px 25px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 16px;
  border: none;
}
.popup-style .pointer.items-section {
  width: 600px;
}
.popup-style .pointer.items-section .select-item {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popup-style .pointer.items-section .select-item li {
  width: 10%;
}
.popup-style .pointer.items-section .select-item li figure img {
  max-width: 80%;
  margin: 0 auto;
  object-fit: contain;
}
.popup-style .color-picker {
  margin: 3px;
  position: relative;
}
.popup-style .color-picker .color-cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup-style .color-picker .swatch {
  padding: 7px;
  background-color: #05356f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-top: 6px;
  display: flex !important;
  align-items: center;
}
.popup-style .color-picker .swatch:first-child {
  margin-top: 0;
}
.popup-style .color-picker .caret-down {
  margin-left: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
}
.popup-style .color-picker .line-style {
  display: block !important;
  margin-bottom: 0;
}
.popup-style .color-picker .line-style .line-type ul {
  margin: 0 !important;
}
.popup-style .color-picker .line-style .line-type ul li .line-option-type {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 3px 0 !important;
}
.popup-style
  .color-picker
  .line-style
  .line-type
  ul
  li
  .line-option-type.active {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-color: #0471dd;
}
.popup-style
  .color-picker
  .line-style
  .line-type
  ul
  li:first-child
  .line-option-type {
  margin-top: 0 !important;
}
.popup-style
  .color-picker
  .line-style
  .line-type
  ul
  li:first-child
  .line-option-type
  object {
  width: 35px;
}
.popup-style
  .color-picker
  .line-style
  .line-type
  ul
  li:last-child
  .line-option-type {
  margin-bottom: 0 !important;
}
.popup-style .trails-settings.relationship-modal {
  width: auto;
}
.popup-style .relationship-modal {
  min-width: 850px;
}
.popup-style .relationship-modal h2 {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  margin-bottom: 25px;
}
.popup-style .relationship-modal .connectors-table {
  border: 1px solid #05356f;
  height: 420px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.popup-style .relationship-modal .connectors-table .scrollbar-wrapper {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
  position: static;
}
.popup-style
  .relationship-modal
  .connectors-table
  .scrollbar-wrapper
  .ps__rail-y {
  width: 6px;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
}
.popup-style
  .relationship-modal
  .connectors-table
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 1px;
}
.popup-style
  .relationship-modal
  .connectors-table.pf-scroll
  .scrollbar-wrapper {
  position: static;
}
@media only screen and (max-width: 1400px) {
  .popup-style .relationship-modal .connectors-table {
    height: 380px;
  }
}
.popup-style .relationship-modal table {
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.popup-style .relationship-modal table th,
.popup-style .relationship-modal table td {
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  padding: 12px 25px;
  vertical-align: middle;
  border: none;
  text-align: center;
}
.popup-style .relationship-modal table thead {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.popup-style .relationship-modal table thead tr th {
  position: sticky;
  position: -webkit-sticky;
  position: -ms-sticky;
  top: 0;
  z-index: 99;
  background-color: #05356f;
  white-space: nowrap;
  /*&:nth-child(2){
  	text-align: left;
  	padding-left: 10px;
  }*/
}
.popup-style .relationship-modal table td {
  position: relative;
  padding: 10px 10px;
  text-align: center;
  max-width: 300px;
}
.popup-style .relationship-modal table td .input-range {
  width: 150px;
}
.popup-style .relationship-modal table td .input-range .input-range__track {
  height: 12px;
  background-color: #022c5c;
}
.popup-style
  .relationship-modal
  table
  td
  .input-range
  .input-range__track--active {
  background-color: #0671dd;
}
.popup-style .relationship-modal table td .input-range .input-range__slider {
  height: 20px;
  width: 20px;
  background-color: #fff;
  margin-top: -17px;
}
.popup-style
  .relationship-modal
  table
  td
  .input-range
  .input-range__label-container {
  display: none;
}
.popup-style
  .relationship-modal
  table
  td
  .input-range
  .input-range__slider:active {
  transform: none;
}
.popup-style .relationship-modal table td .bib-box {
  display: flex;
}
.popup-style .relationship-modal table .color-picker {
  margin: 0;
}
.popup-style .relationship-modal table .color-picker .swatch {
  padding: 0 5px;
  height: 34px;
  width: 50px;
  margin: 0 auto;
}
.popup-style .relationship-modal table .color-picker .swatch + div {
  z-index: 999 !important;
}
.popup-style .relationship-modal table .color-picker .sketch-picker > div {
  padding-bottom: 30% !important;
}
.popup-style
  .relationship-modal
  table
  .color-picker
  .sketch-picker
  > div.flexbox-fix {
  padding-bottom: 0 !important;
}
.popup-style .relationship-modal table .choose-row {
  position: relative;
}
.popup-style .relationship-modal table .choose-row label {
  display: block;
  text-align: left;
}
.popup-style .relationship-modal table .choose-row input[type="radio"],
.popup-style .relationship-modal table .choose-row input[type="checkbox"] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.popup-style
  .relationship-modal
  table
  .choose-row
  input[type="radio"]:checked
  + span.radio-circle,
.popup-style
  .relationship-modal
  table
  .choose-row
  input[type="checkbox"]:checked
  + span.radio-circle {
  background-color: #0671dd;
}
.popup-style .relationship-modal table .choose-row .radio-circle {
  display: inline-block;
  border: 4px solid #ffffff;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  vertical-align: middle;
}
.popup-style .relationship-modal table .choose-row.starter .radio-circle {
  background-color: #fff;
}
.popup-style
  .relationship-modal
  table
  .choose-row.starter
  input[type="radio"]:checked
  + span.radio-circle,
.popup-style
  .relationship-modal
  table
  .choose-row.starter
  input[type="checkbox"]:checked
  + span.radio-circle {
  background-color: #fbbf1b;
}
.popup-style .relationship-modal table .select-box {
  position: relative;
  min-width: 60px;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: fit-content;
  margin: 0 auto;
}
.popup-style .relationship-modal table .select-box:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  pointer-events: none;
}
.popup-style .relationship-modal table .select-box select {
  min-width: 60px;
  height: 34px;
  border: 2px solid #05356f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  background-color: transparent;
  outline: none;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px 0 8px;
  font-family: "Catamaran", sans-serif;
  -webkit-appearance: none;
  cursor: pointer;
}
.popup-style .relationship-modal table .select-box select option {
  color: #000;
  background-color: transparent;
}
.popup-style .relationship-modal table .select-box select:focus {
  outline: none;
}
.popup-style .relationship-modal table .action-link {
  height: 34px;
  width: 34px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #05356f;
  vertical-align: middle;
  margin: 0 auto;
}
.popup-style
  .relationship-modal
  table.player-focus-listing
  tbody
  tr:first-child
  td,
.popup-style .relationship-modal table.tracking-player tbody tr:first-child td {
  padding-top: 30px;
}
.popup-style
  .relationship-modal
  table.player-focus-listing
  tbody
  tr:last-child
  td,
.popup-style .relationship-modal table.tracking-player tbody tr:last-child td {
  padding-bottom: 30px;
}
.popup-style
  .relationship-modal
  table.player-focus-listing
  td.players-connection
  .select-box.player-select-box,
.popup-style
  .relationship-modal
  table.tracking-player
  td.players-connection
  .select-box.player-select-box {
  width: 220px;
  margin: 0;
}
.popup-style
  .relationship-modal
  table.player-focus-listing
  td.players-connection
  .select-box.player-select-box:before,
.popup-style
  .relationship-modal
  table.tracking-player
  td.players-connection
  .select-box.player-select-box:before {
  border-top: 7px solid #022c5c;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.popup-style
  .relationship-modal
  table.player-focus-listing
  td.players-connection
  .select-box.player-select-box
  select,
.popup-style
  .relationship-modal
  table.tracking-player
  td.players-connection
  .select-box.player-select-box
  select {
  min-width: 220px;
  background-color: #fff;
  height: 40px;
  color: #092056;
  font-size: 16px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: 400;
  border: none;
}
.popup-style .relationship-modal table.player-focus-listing td .select-box,
.popup-style .relationship-modal table.tracking-player td .select-box {
  margin: 0 auto;
}
.popup-style .relationship-modal .table-footer {
  margin: 30px -30px 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(216, 216, 216, 0.1);
}
.popup-style .relationship-modal .table-footer .action-btn {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.popup-style .relationship-modal .table-footer .action-btn.flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.popup-style .relationship-modal .table-footer div {
  padding: 15px 25px;
  border: 1px solid #0671dd;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  color: #0671dd;
  text-decoration: none;
  min-width: 45px;
  text-align: center;
}
.popup-style .relationship-modal .table-footer div.apply {
  color: #fff;
  background-color: #0671dd;
}
.popup-style
  .relationship-modal
  .table-footer
  button[type="button"].button-submit {
  background: transparent;
  color: #0671dd;
}
.popup-style .relationship-modal .players-connection-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.popup-style .relationship-modal .players-connection-info .left-side-panel,
.popup-style .relationship-modal .players-connection-info .right-side-panel {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 315px;
  border: 1px solid #05356f;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-header,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-header {
  padding: 10px 30px;
  background-color: #05356f;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-header
  h3,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-header
  h3 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list {
  padding: 0 30px;
  height: 350px;
  display: -webkit-flex;
  display: -ms-flexbox;
  overflow: hidden;
  position: relative;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .scrollbar-wrapper,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .scrollbar-wrapper {
  position: static;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y {
  width: 8px !important;
  background-color: rgba(4, 40, 85, 0.8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  top: 0 !important;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .scrollbar-wrapper
  .ps__rail-y
  .ps__thumb-y {
  background-color: #05356f;
  width: 4px;
  right: 2px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  .inner-content,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  .inner-content {
  padding: 5px 0;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 0;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  svg,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  svg {
  margin-top: 7px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list {
  position: relative;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"],
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 99;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox {
  background-color: #fff;
  border-color: #fff;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox:before,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  input[type="checkbox"]:checked
  + span.radio-checkbox:before {
  content: "";
  width: 12px;
  height: 6px;
  border-left: 3px solid #0890fb;
  border-bottom: 3px solid #0890fb;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-top: -2px;
  margin-left: 1px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .select-list
  span.radio-checkbox,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .select-list
  span.radio-checkbox {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  border: 4px solid #05356f;
  position: relative;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  .player,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  .player {
  margin: 0 40px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .left-side-panel
  .panel-list
  ul
  li
  label,
.popup-style
  .relationship-modal
  .players-connection-info
  .right-side-panel
  .panel-list
  ul
  li
  label {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
}
.popup-style .relationship-modal .players-connection-info .action-arrow {
  padding: 0 45px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.popup-style .relationship-modal .players-connection-info .action-arrow a {
  height: 40px;
  width: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 15px;
  cursor: pointer;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .action-arrow
  a
  span.arrow {
  height: 12px;
  width: 12px;
  border-left: 5px solid #042348;
  border-bottom: 5px solid #042348;
  display: inline-block;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .action-arrow
  a
  span.arrow.left {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .action-arrow
  a
  span.arrow.right {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 5px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .action-arrow
  a
  span.arrow.top {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: 5px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .action-arrow
  a
  span.arrow.bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: 5px;
}
.popup-style
  .relationship-modal
  .players-connection-info
  .action-arrow.right-side {
  padding-right: 0;
}
.popup-style .relationship-modal.team-squade .select-box.player-select-box {
  width: 150px;
}
.popup-style
  .relationship-modal.team-squade
  .select-box.player-select-box
  select {
  min-width: 150px;
}
.popup-style .relationship-modal.team-squade .input-box .form-control {
  box-sizing: border-box;
  width: 150px;
  background-color: #fff;
  height: 40px;
  color: #092056;
  font-size: 16px;
  line-height: 23px;
  padding: 0 10px;
  font-weight: 400;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
}
.popup-style
  .relationship-modal.team-squade
  .input-box.shirt-number
  .form-control {
  min-width: auto;
  width: 55px;
  text-align: center;
  font-size: 14px;
  color: #022c5c;
  font-family: "Catamaran", sans-serif;
  line-height: 23px;
  font-weight: 900;
}
.popup-style.right-tab {
  margin-left: 5px;
}
.popup-style object {
  margin-top: 5px;
}

.line-amination-popup-type {
  background: #042348;
  border-radius: 5px;
  display: flex;
  padding: 8px 20px !important;
}
.line-amination-popup-type object {
  width: 60px;
  height: 45px;
  max-height: unset !important;
}
.line-amination-popup-type.low-opacity {
  background: rgba(4, 35, 72, 0.7);
}

#text-Form form {
  background-color: #042348 !important;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
#text-Form form textarea {
  resize: none;
  background: transparent;
}
#text-Form form input,
#text-Form form textarea {
  height: 36px;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
  padding: 9px 15px;
  box-sizing: border-box;
}
#text-Form form button {
  height: 38px;
  border-radius: 4px;
  margin-left: 10px;
  background: #1677e3;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-weight: 600;
}

.progress {
  background-color: #d8d8d8;
  border-radius: 20px;
  position: relative;
  margin: 15px 0 20px;
  height: 16px;
  width: 100%;
}

.progress-done {
  background: #0471dd;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 12px;
  width: 0;
  transition: 1s ease 0.3s;
}

.btn-loader {
  border: 2px solid #fff;
  border-radius: 50%;
  border-top: 2px solid #0671dd;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  vertical-align: middle;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.individual-user-sidebar-modal.team-1 {
  left: auto;
  right: 120px;
}
@media only screen and (max-width: 1199px) {
  .individual-user-sidebar-modal.team-1 {
    right: 100px;
  }
}
.individual-user-sidebar-modal.team-1
  .sidebar-main-body
  .player-selection-setting
  .notes-box {
  left: initial;
  right: 100%;
}
.individual-user-sidebar-modal.team-1
  .sidebar-main-body
  .player-selection-setting
  .player-notes {
  right: initial;
  left: -72px;
}
.individual-user-sidebar-modal.team-1
  .sidebar-main-body
  .player-selection-setting
  .player-notes
  a {
  border-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#team-2 .player-selection-setting .bottom-nav-top.notes-box,
.team-2 .player-selection-setting .bottom-nav-top.notes-box {
  left: auto !important;
  right: 100% !important;
}

.individual-user-sidebar-modal {
  position: absolute;
  left: 120px;
  height: calc(100% - 140px);
  width: 360px;
}
.individual-user-sidebar-modal .header-part {
  padding: 15px;
  text-align: center;
  background-color: #fff;
  position: relative;
}
.individual-user-sidebar-modal .header-part .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  background: transparent;
  border: 2px solid #042348;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.individual-user-sidebar-modal .header-part h3 {
  color: #042349;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.individual-user-sidebar-modal .header-part p {
  color: #245687;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal .header-part {
    padding: 10px;
  }
  .individual-user-sidebar-modal .header-part h3 {
    font-size: 16px;
    line-height: 18px;
  }
  .individual-user-sidebar-modal .header-part p {
    font-size: 12px;
    line-height: 22px;
  }
}
.individual-user-sidebar-modal .sidebar-main-body {
  background-color: #042348;
  padding-top: 20px;
  height: calc(100% - 106px);
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal .sidebar-main-body {
    height: calc(100% - 70px);
  }
}
.individual-user-sidebar-modal .sidebar-main-body .edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.individual-user-sidebar-modal .sidebar-main-body figure {
  background-color: #fff;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.individual-user-sidebar-modal .sidebar-main-body figure .profile-user-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  figure
  .profile-user-info
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.individual-user-sidebar-modal .sidebar-main-body figure label {
  position: absolute;
  bottom: 0px;
  right: -5px;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border: 1px solid #1077e2;
  cursor: pointer;
}
@media only screen and (max-width: 1650px) {
  .individual-user-sidebar-modal .sidebar-main-body figure {
    width: 90px;
    height: 90px;
  }
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal .sidebar-main-body figure {
    width: 70px;
    height: 70px;
  }
}
.individual-user-sidebar-modal .sidebar-main-body .user-personal-detail {
  margin: 20px 45px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box {
  width: 50%;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box:nth-child(even) {
  border-right: none;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box:nth-child(3),
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box:nth-child(4) {
  border-bottom: none;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box
  h4 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box
    h4 {
    font-size: 11px;
    margin-bottom: 4px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box
  p {
  opacity: 0.7;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box
    p {
    font-size: 12px;
    line-height: 16px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .user-personal-detail
  .detail-box
  input {
  border: none;
  background-color: transparent;
  outline: none;
  opacity: 0.7;
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box
    input {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1800px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 1500px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 1300px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .user-personal-detail
    .detail-box {
    padding: 5px 0;
  }
}
.individual-user-sidebar-modal .sidebar-main-body .player-selection-setting {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  padding: 15px 0;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .scroll-section-sidebar {
  position: relative;
}
.individual-user-sidebar-modal .sidebar-main-body .player-selection-setting ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1300px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul {
    max-height: 200px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li {
  width: calc(50% - 30px);
  padding: 0 15px;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  label {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  flex: 1;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul
    li
    label {
    font-size: 11px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .select-box {
  position: relative;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .select-box:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  pointer-events: none;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .select-box
  select {
  -webkit-appearance: none;
  background-color: #fff;
  height: 28px;
  width: 70px;
  padding: 5px 10px;
  border-radius: 4px;
  border: none;
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul
    li
    .select-box
    select {
    height: 26px;
  }
}
@media only screen and (max-width: 1300px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul
    li
    .select-box
    select {
    height: 22px;
    font-size: 10px;
    padding: 2px 8px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .select-box
  select:disabled {
  background-color: #b4bdc8;
  opacity: 1;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter {
  display: flex;
  background-color: #fff;
  border-radius: 4px;
  width: 70px;
  height: 28px;
  overflow: hidden;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter.disabled {
  background: #b4bdc8;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter.disabled
  input {
  background: #b4bdc8;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter
  svg,
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter
  g {
  fill: #207ce7;
  width: 8px;
  height: 8px;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter
  .counter-button {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter
  input {
  width: 100%;
  border: none;
  height: 100%;
  text-align: center;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter
  input:focus {
  outline: none;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  ul
  li
  .counter
  .counter-data {
  flex: 1;
  border-left: 1px solid rgba(151, 151, 151, 0.18);
  border-right: 1px solid rgba(151, 151, 151, 0.18);
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul
    li
    .counter {
    height: 26px;
  }
}
@media only screen and (max-width: 1300px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul
    li
    .counter {
    height: 22px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 1300px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    ul
    li {
    margin-bottom: 15px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .player-notes {
  text-align: center;
  position: absolute;
  top: 21px;
  right: -72px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: none;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .player-notes
  .player-notes-btn {
  padding: 5px 10px;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #1376e2;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  background: #042348;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .player-notes
  .player-notes-btn
  svg {
  width: 12px;
  vertical-align: middle;
  margin-right: 5px;
  fill: #fff;
}
@media only screen and (min-width: 1800px) {
  .individual-user-sidebar-modal
    .sidebar-main-body
    .player-selection-setting
    .player-notes {
    margin-top: 20px;
  }
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .notes-box {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 450px;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .notes-box
  .tab-panel.notes
  .textarea-notes {
  height: 210px;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .notes-box
  .close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: transparent;
  border-radius: 50%;
  border: 2px solid #ffff;
  padding: 0;
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .notes-box
  .close
  svg {
  fill: #fff;
}
@media only screen and (min-width: 1800px) {
  .individual-user-sidebar-modal .sidebar-main-body .player-selection-setting {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1800px) {
  .individual-user-sidebar-modal .sidebar-main-body {
    padding-top: 40px;
    height: calc(100% - 128px);
  }
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal .sidebar-main-body {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 1300px) {
  .individual-user-sidebar-modal .sidebar-main-body {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1400px) {
  .individual-user-sidebar-modal {
    width: 330px;
  }
}
@media only screen and (max-width: 1199px) {
  .individual-user-sidebar-modal {
    left: 100px;
  }
}

.cs-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #042349;
  z-index: 99999;
}
.cs-popup-wrapper .inner-popup {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.cs-popup-wrapper .inner-popup .loader {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.cs-popup-wrapper .inner-popup .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.cs-popup-wrapper .inner-popup h3 {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.show-notes-box
  .individual-user-sidebar-modal
  .sidebar-main-body
  .player-selection-setting
  .player-notes {
  display: block;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  .main-editing-tool .field-section {
    height: calc(100vh - 69px - 140px);
  }
  .main-editing-tool .field-section.firefox {
    height: calc(100vh - 69px - 74px);
  }
}
.select-style-slider {
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 0 10px;
}
.select-style-slider .inner-content {
  display: flex;
  padding: 20px 0;
}
.select-style-slider .inner-content .pointer {
  margin: 0 10px;
}
.select-style-slider .scrollbar-wrapper .ps__rail-x {
  background-color: #c3d5ec;
  opacity: 1;
  height: 10px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
.select-style-slider .scrollbar-wrapper .ps__rail-x .ps__thumb-x {
  background-color: #06356f;
}
.select-style-slider .scrollbar-wrapper:hover .ps__rail-x {
  opacity: 1;
}

.info-banner-section {
  position: fixed;
  padding: 20px;
  display: flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.info-banner-section p {
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  font-weight: 500;
  position: relative;
  text-align: center;
  display: block;
  z-index: 2;
}
.info-banner-section img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info-banner-section:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.drag-draw-effect {
  position: relative;
}
.drag-draw-effect:before {
  position: absolute;
  content: "";
  -webkit-box-shadow: 0 0 0 #f24327;
  box-shadow: 0 0 0 #f24327;
  background-color: #f24327;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-transition: 300ms all;
  transition: 300ms all;
  -webkit-animation: blink-effect 2s infinite;
  animation-name: blink-effect 2s infinite;
}
.drag-draw-effect svg,
.drag-draw-effect span {
  position: relative;
}

@-webkit-keyframes blink-effect {
  0% {
    -webkit-box-shadow: 0 0 0 0 #f24327;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes blink-effect {
  0% {
    -moz-box-shadow: 0 0 0 0 #f24327;
    box-shadow: 0 0 0 0 #f24327;
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.recorder-modal {
  text-align: left;
}
.recorder-modal h2 {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
}
.recorder-modal p {
  line-height: 18px;
  font-size: 15px;
  margin-bottom: 10px;
}
.recorder-modal p strong {
  font-weight: 500;
}
.recorder-modal .info-text {
  margin: 15px 0;
}
.recorder-modal .submit-btn {
  margin: 16px auto 0;
  width: 100px;
  display: block;
}

.fyrYpc:focus {
  outline: none;
}
.fyrYpc:before {
  color: #000;
}

.modal-video-movie-wrap {
  height: 100vh !important;
  width: 100vw !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  padding: 0 0 !important;
}
.modal-video-movie-wrap iframe {
  top: 50% !important;
  left: 50% !important;
  height: 80% !important;
  transform: translate(-50%, -50%) !important;
}
.modal-video-movie-wrap .modal-video-close-btn {
  top: 50px !important;
  right: 50px !important;
  outline: none !important;
  box-shadow: none !important;
}

.public-profile.tutorial-video-page .public-profile-header {
  padding: 20px;
  background-color: #092056;
}
.public-profile.tutorial-video-page .public-profile-header img {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .public-profile.tutorial-video-page .public-profile-header {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .public-profile.tutorial-video-page .public-profile-header {
    padding: 10px 20px;
  }
}
.public-profile.tutorial-video-page .profile-banner {
  height: 250px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.public-profile.tutorial-video-page .profile-banner:before {
  content: "";
  background-color: rgba(9, 32, 86, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .public-profile.tutorial-video-page .profile-banner {
    height: 180px;
  }
}
.public-profile.tutorial-video-page .wrapper-profile {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
  position: relative;
  height: 100%;
}
.public-profile.tutorial-video-page .wrapper-profile.banner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-profile.tutorial-video-page .wrapper-profile.banner h1 {
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: capitalize;
}
.public-profile.tutorial-video-page .wrapper-profile .profile-detail {
  position: absolute;
  bottom: 0;
  left: 15px;
  display: flex;
}
.public-profile.tutorial-video-page .wrapper-profile .profile-detail figure {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px solid #0d84e6;
  position: relative;
  z-index: 99;
  overflow: hidden;
  margin-bottom: -50px;
}
.public-profile.tutorial-video-page
  .wrapper-profile
  .profile-detail
  figure
  img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .public-profile.tutorial-video-page .wrapper-profile .profile-detail figure {
    width: 120px;
    height: 120px;
  }
}
.public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail {
  margin-left: 30px;
  color: #fff;
  margin-top: 20px;
}
.public-profile.tutorial-video-page
  .wrapper-profile
  .profile-detail
  .detail
  h6 {
  opacity: 0.7;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
.public-profile.tutorial-video-page
  .wrapper-profile
  .profile-detail
  .detail
  h3 {
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.public-profile.tutorial-video-page
  .wrapper-profile
  .profile-detail
  .detail
  label {
  color: #022c5c;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 6px 20px;
  display: inline-block;
  background-color: #fbbf1b;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .public-profile.tutorial-video-page .wrapper-profile .profile-detail .detail {
    margin-top: 5px;
    margin-left: 20px;
  }
  .public-profile.tutorial-video-page
    .wrapper-profile
    .profile-detail
    .detail
    h3 {
    font-size: 16px;
    max-width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .public-profile.tutorial-video-page .wrapper-profile .profile-detail {
    bottom: 10px;
  }
}
.public-profile.tutorial-video-page .profile-cards {
  margin-top: 50px;
}
.public-profile.tutorial-video-page
  .profile-cards
  .item-card.draft-card
  .main-card-data
  h3 {
  padding-top: 10px;
}
.public-profile.tutorial-video-page
  .profile-cards
  .item-card
  .main-card-data
  .hover-content-show {
  bottom: 0;
}
.public-profile.tutorial-video-page
  .profile-cards
  .item-card
  .main-card-data:hover
  .hover-content-show {
  height: 100%;
}
@media only screen and (min-width: 1800px) {
  .public-profile.tutorial-video-page .profile-cards .grid-layout .item-card {
    width: calc(25% - 15px);
  }
}

.tutorial-body-content {
  margin-top: 50px;
}
.tutorial-body-content .wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px;
}
.tutorial-body-content .wrapper .item-card {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0px 15px;
  box-sizing: border-box;
}
.tutorial-body-content .wrapper .item-card .video-player {
  position: relative;
  max-height: 300px;
  margin-bottom: 30px;
  border-radius: 5px;
  overflow: hidden;
}
.tutorial-body-content .wrapper .item-card .video-player .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1.5px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tutorial-body-content .wrapper .item-card .video-player .play-video span i {
  color: #fff;
}
.tutorial-body-content .wrapper .item-card .video-player .play-video span svg {
  fill: #fff;
}
.tutorial-body-content .wrapper .item-card .video-player .play-video label {
  display: none;
}
.tutorial-body-content .wrapper .item-card .video-player iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tutorial-body-content .wrapper .item-card .video-player .over-lay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .tutorial-body-content .wrapper .item-card .video-player {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .tutorial-body-content .wrapper .item-card {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
}
@media only screen and (max-width: 991px) {
  .tutorial-body-content .wrapper .item-card {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 7.5px;
  }
}
@media only screen and (max-width: 767px) {
  .tutorial-body-content .wrapper .item-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .tutorial-body-content .wrapper {
    margin: 0px -7.5px;
  }
}

#__next {
  overflow-y: auto;
}

.tour-btn {
  position: relative;
}
.tour-btn .tour-dropdown {
  display: none;
  position: absolute;
  width: 140px;
  padding: 10px;
  background: #fff;
  right: 0;
  position: absolute;
  top: calc(100% + 5px);
  z-index: 99;
  border-radius: 4px;
}
.tour-btn .tour-dropdown li {
  text-align: right;
}
.tour-btn .tour-dropdown li a {
  color: #000;
  margin-left: 0;
}
.tour-btn .tour-dropdown.active {
  display: block;
}

.fyrYpc:focus {
  outline: none;
}
.fyrYpc:before {
  color: #000;
}

.pitch-cont {
  display: table-caption;
  position: relative;
  bottom: -5px;
}
.pitch-cont h4 {
  font-size: 12px;
  color: #fff;
}
.pitch-cont ul {
  background-color: #052b5c;
  flex-wrap: wrap;
  margin: 8px 0 0 0;
  padding: 5px 32px 0 40px;
  border: 1px solid #0571dd;
  border-radius: 5px;
}
.pitch-cont ul li {
  font-size: 12px;
  color: #fff;
  padding: 0px 4px;
  align-items: flex-start !important;
  margin-bottom: -6px;
}

.pointer-toggle::after {
  content: "";
  font-size: 1.4em;
  left: -37px;
  position: relative;
  top: -12px;
  width: 11px;
  height: 13px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px white;
  padding-left: 2px;
}

.pointer-toggle.active::after {
  content: "\25CF";
  font-size: 1.4em;
  display: flex;
  align-items: flex-end;
  text-align: center;
  padding-left: 2px;
}

.visually-hidden {
  position: absolute;
  left: -100vw;
}

.pointer-toggle:nth-child(1)::after {
  background: #1e921e;
}
.pointer-toggle:nth-child(2)::after {
  background: #4088f9;
}
.pointer-toggle:nth-child(3)::after {
  background: #1e2123;
}

.pitch-cont ul li.pointer-toggle.active {
  background-color: transparent !important;
}

.pitch-container {
  margin-left: 10px;
}

span.label-text {
  margin-left: -10px;
}

.tour-dropdown ul:before {
  content: " ";
  position: absolute;
  top: -4px;
  right: 10px;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border-radius: 2px;
  transform: rotate(45deg);
}

@media only screen and (max-width: 1199px) {
  body .modal-video-body {
    max-width: 100%;
    display: block;
  }
}

footer {
  margin-left: 300px;
  display: flex;
  align-items: center;
  padding: 25px 50px;
  box-shadow: 0 0 1px 0 rgba(9, 32, 86, 0.3);
  background-color: #ffffff;
}
footer .copyright {
  flex: 1;
  font-size: 14px;
  line-height: 27px;
}
footer .social-link ul {
  display: flex;
  align-items: center;
}
footer .social-link ul li {
  margin: 0 12px;
}
footer .social-link ul i {
  color: #092056;
  opacity: 0.5;
  font-size: 18px;
}
@media only screen and (max-width: 1199px) {
  footer {
    padding: 0 25px;
  }
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-effect-exit {
  opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}
.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}