@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html, body {
  height: 100%; }

/* Global */
.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.alert {
  margin-top: 20px; }

.alert.alert-success {
  font-size: 16px;
  font-weight: bold; }

.error {
  color: red;
  font-size: 13px; }

.content {
  text-align: center; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutters > [class^="col-"], .row.no-gutters .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0; }

/* Masonry */
.grid {
  position: relative; }

.grid-sizer, .grid-item {
  min-height: auto !important; }

body.admin-site {
  background: radial-gradient(circle, #0084ff, #0bb3d9);
  /* Main */
  /* Store */
  /* Admin */
  /* Admin Editor */ }
  body.admin-site label {
    color: #0BB3D9; }
  body.admin-site a {
    color: #0084FF;
    font-size: 16px; }
  body.admin-site a:hover {
    color: #0BB3D9; }
  body.admin-site #create-sale .total, body.admin-site #create-sale .icon i {
    color: #2D41FA; }
  body.admin-site #create-sale #products #amount.form-control[readonly], body.admin-site #create-sale #paid_amount.form-control[readonly] {
    background: #2D41FA; }
  body.admin-site .btn-brand, body.admin-site .daterangepicker .ranges li.active, body.admin-site .btn-success {
    background: #0084FF;
    border-color: #0084FF; }
  body.admin-site .page-sidebar .page-sidebar-menu > li.active.open > a, body.admin-site .page-sidebar .page-sidebar-menu > li.active > a, body.admin-site .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, body.admin-site .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, body.admin-site .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background: #0BB3D9; }
  body.admin-site .tooltip-custom, body.admin-site #map-canvas a.active .btn, body.admin-site .progress_bar .bar, body.admin-site .btn-site {
    background: #0BB3D9; }
  body.admin-site #map-canvas .btn:hover, body.admin-site .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, body.admin-site .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, body.admin-site .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, body.admin-site .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover {
    border-color: #0BB3D9;
    color: #0BB3D9; }
  body.admin-site .table .title, body.admin-site .m-content h1, body.admin-site .m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text {
    color: #0BB3D9; }
  body.admin-site .control-label, body.admin-site .btn.m-btn--label-brand, body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon {
    color: #0BB3D9; }
  body.admin-site .m-loader.m-loader--brand:before, body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover:not(.m-menu__item--actions) > .m-menu__link .m-menu__link-text {
    color: #2D41FA; }
  body.admin-site .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper, body.admin-site .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
    background: #0084FF;
    border: 1px solid #0084FF; }
  body.admin-site .btn-site {
    color: #fff;
    background: #0BB3D9;
    color: #fff;
    padding: 10px 36px;
    border-radius: 26px;
    font-size: 16px; }
  body.admin-site .btn-site:hover {
    background: #0084FF; }
  body.admin-site .pagination > .active > a, body.admin-site .pagination > .active > a:hover, body.admin-site .pagination > .active > a:focus, body.admin-site .pagination > .active > span, body.admin-site .pagination > .active > span:hover, body.admin-site .pagination > .active > span:focus {
    background: #0BB3D9;
    border-color: #0BB3D9; }
  body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--active-tab > .m-menu__link, body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--hover > .m-menu__link {
    background-color: #0BB3D9; }
  body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #0BB3D9; }
  body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
    color: #0084FF; }
  body.admin-site .btn-accent {
    background-color: #0084FF;
    border-color: #0084FF; }
  body.admin-site .flex-item .form_fields_actions {
    display: none;
    background: #f3f3f3;
    border: 1px dashed #ccc;
    padding: 10px;
    color: #777; }
  body.admin-site .flex-item:hover .form_fields_actions {
    display: block; }
  body.admin-site .box-list {
    background: #ffffff;
    padding: 12px 24px;
    border-radius: 6px;
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.15); }
    body.admin-site .box-list .admin-list {
      list-style: none;
      line-height: 38px;
      padding-left: 0px; }
      body.admin-site .box-list .admin-list a {
        background: #0084FF;
        padding: 2px 12px;
        border-radius: 12px;
        color: white;
        font-size: 14px;
        text-decoration: none;
        transition: 0.6s; }
      body.admin-site .box-list .admin-list a:hover {
        background: #0BB3D9; }
  body.admin-site .admin-mb {
    margin-bottom: 12px; }

@media (min-width: 1025px) {
  .admin-site.m-header--fixed.m-header--minimize-on .m-header .m-header__top {
    background-color: #0BB3D9 !important; } }
body.error-site {
  background: #0BB3D9;
  color: #0E3469; }
  body.error-site .top {
    background: #0E3469;
    color: #0BB3D9; }
  body.error-site .button {
    background: #0E3469;
    color: #0BB3D9; }
  body.error-site a:hover .button {
    background: #0E3469; }

body.admin-site-2 {
  background-image: linear-gradient(90deg, #e9f2fd 0%, #e5f3f1 38%, #e8dfec 100%); }
  body.admin-site-2 .primary {
    color: #0BB3D9 !important; }
  body.admin-site-2 .secondary {
    color: #0084FF !important; }
  body.admin-site-2 .bg-primary {
    background-color: #0BB3D9 !important; }
  body.admin-site-2 .bg-secondary {
    background-color: #0084FF !important; }
  body.admin-site-2 .alert-primary {
    color: #0BB3D9 !important;
    background: rgba(11, 179, 217, 0.06) !important; }
  body.admin-site-2 .alert-secondary {
    color: #0084FF !important;
    background: rgba(0, 132, 255, 0.06) !important; }
  body.admin-site-2 .badge-primary {
    background-color: #0BB3D9; }
  body.admin-site-2 .badge-secondary {
    background-color: #0084FF; }
  body.admin-site-2 .popover {
    border: 1px solid #0084FF; }
    body.admin-site-2 .popover .popover-header {
      background-color: #0084FF; }
      body.admin-site-2 .popover .popover-header::before {
        border-bottom: 1px solid #0084FF; }
    body.admin-site-2 .popover.bs-popover-bottom .arrow:after {
      border-bottom-color: #0084FF; }
  body.admin-site-2 .btn:disabled {
    background-color: #C4C4C4;
    color: #fff !important;
    border-color: transparent !important; }
    body.admin-site-2 .btn:disabled:hover {
      background-color: #bababa !important;
      cursor: not-allowed; }
  body.admin-site-2 .font-middle {
    font-size: .8vw; }
  body.admin-site-2 .main_logo {
    width: 40%;
    margin: 5vw; }
  body.admin-site-2 .login-footer {
    padding: 0 20%; }
  body.admin-site-2 .login-footer-links {
    position: absolute;
    bottom: -5vw;
    left: 0;
    right: 0; }
  body.admin-site-2 .login-absolute {
    position: absolute;
    top: 2vw; }
  body.admin-site-2 .login-absolute.left {
    left: 4vw; }
  body.admin-site-2 .login-absolute.right {
    right: 4vw; }
  body.admin-site-2 .service-bindig-elements {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C4C4C4;
    padding: 1.5rem 0; }
    body.admin-site-2 .service-bindig-elements img {
      max-width: 36px;
      max-height: 36px;
      border-radius: 50%;
      overflow: hidden; }
    body.admin-site-2 .service-bindig-elements span {
      line-height: 2.45;
      margin-left: 1.3rem;
      font-weight: 500; }
  body.admin-site-2 .service-bindig-elements:last-child {
    border-color: transparent; }
  body.admin-site-2 .navbar-light {
    background-image: linear-gradient(90deg, #eef6fa 0%, #edf6f5 35%, #f0ebf2 100%); }
  body.admin-site-2 .pace-progress {
    background-color: #0E3469; }
  body.admin-site-2 .admin-light-color {
    color: #0E3469; }
  body.admin-site-2 .logo-nav {
    max-height: 100%;
    display: block;
    margin: auto;
    width: 65%; }
  body.admin-site-2 h1, body.admin-site-2 h2, body.admin-site-2 h3, body.admin-site-2 h4, body.admin-site-2 h5, body.admin-site-2 h6, body.admin-site-2 .h1, body.admin-site-2 .h2, body.admin-site-2 .h3, body.admin-site-2 .h4, body.admin-site-2 .h5, body.admin-site-2 .h6 {
    color: #0BB3D9;
    font-family: "Russo One", sans-serif; }
  body.admin-site-2 a {
    font-family: "Nunito", sans-serif;
    color: #0084FF; }
  body.admin-site-2 a, body.admin-site-2 p {
    font-family: "Nunito", sans-serif;
    font-size: 1rem; }
  body.admin-site-2 p {
    margin-bottom: .5rem; }
  body.admin-site-2 h1.login, body.admin-site-2 h2.login, body.admin-site-2 h3.login, body.admin-site-2 h4.login, body.admin-site-2 h5.login, body.admin-site-2 h6.login, body.admin-site-2 .h1.login, body.admin-site-2 .h2.login, body.admin-site-2 .h3.login, body.admin-site-2 .h4.login, body.admin-site-2 .h5.login, body.admin-site-2 .h6.login, body.admin-site-2 a.login {
    color: #0084FF; }
  body.admin-site-2 .title {
    font-size: 1.55rem;
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    color: #0E3469; }
  body.admin-site-2 .title-inner {
    font-size: 1.4rem;
    font-family: "Nunito", sans-serif;
    font-weight: 600; }
  body.admin-site-2 .btn-title-inner {
    width: fit-content; }
  body.admin-site-2 .subtitle {
    font-size: 1rem;
    color: #0E3469;
    margin-bottom: .5rem;
    font-weight: 400; }
  body.admin-site-2 h2 {
    font-size: 2.5rem; }
  body.admin-site-2 a:hover {
    color: rgba(0, 0, 0, 0.6); }
  body.admin-site-2 .content {
    text-align: inherit; }
  body.admin-site-2 .btn-primary, body.admin-site-2 .btn-secondary, body.admin-site-2 .btn-warning, body.admin-site-2 .btn-success, body.admin-site-2 .btn-danger,
  body.admin-site-2 .badge-primary, body.admin-site-2 .badge-secondary, body.admin-site-2 .badge-warning, body.admin-site-2 .badge-success {
    font-weight: 600; }
  body.admin-site-2 .btn-secondary.border-width-2 {
    border: 2px solid #0084FF !important; }
  body.admin-site-2 .text_secondary {
    color: #0084FF; }
  body.admin-site-2 .text_third {
    color: #0E3469; }
  body.admin-site-2 .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, body.admin-site-2 .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
    background-color: #0BB3D9;
    color: #fff; }
  body.admin-site-2 .btn_sm {
    padding: .6rem 1.5rem;
    height: fit-content; }
  body.admin-site-2 .btn-primary {
    background-color: #0BB3D9 !important;
    font-weight: 500; }
  body.admin-site-2 .btn-white {
    background-color: #fff !important;
    color: #343434; }
  body.admin-site-2 .btn-login {
    border-radius: 40px;
    border: 1px solid #0084FF;
    color: #0E3469;
    padding: 1rem 2rem;
    font-weight: 500;
    font-size: 1rem; }
  body.admin-site-2 .btn-outline-primary {
    border: 1px solid #0BB3D9 !important;
    color: #0BB3D9 !important; }
  body.admin-site-2 .btn-outline-primary:hover {
    background-color: #0BB3D9 !important;
    color: #fff !important; }
  body.admin-site-2 .btn-outline-secondary {
    border: 1px solid #0084FF !important;
    color: #0084FF !important;
    font-weight: 500; }
  body.admin-site-2 .btn-outline-secondary:hover {
    background-color: #0084FF !important;
    color: #fff !important; }
  body.admin-site-2 .btn-outline-third {
    border: 1px solid #0E3469 !important;
    color: #0E3469 !important; }
  body.admin-site-2 .btn-outline-third:hover {
    background-color: #0E3469 !important;
    color: #fff !important; }
  body.admin-site-2 .btn-secondary {
    background-color: #0084FF !important; }
  body.admin-site-2 .progress.progress-bar-secondary .progress-bar {
    background-color: #0BB3D9; }
  body.admin-site-2 .progress.progress.progress-xl {
    height: 1.8rem; }
  body.admin-site-2 .progress .progress-bar {
    height: auto; }
  body.admin-site-2 .table .table-header {
    color: #0BB3D9;
    font-weight: 600; }
  body.admin-site-2 .ml_auto {
    margin-left: auto; }
  body.admin-site-2 .mr-auto {
    margin-right: auto; }
  body.admin-site-2 .margin-auto {
    margin: auto; }
  body.admin-site-2 .mr-50 {
    margin-right: .5rem; }
  body.admin-site-2 .w-50 {
    width: 50%; }
  body.admin-site-2 .w-30 {
    width: 10vw; }
  body.admin-site-2 .w_20 {
    width: 20%; }
  body.admin-site-2 .card {
    padding: 40px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease; }
  body.admin-site-2 .card.scroll {
    overflow-x: scroll; }
  body.admin-site-2 .card.transparent {
    background-color: rgba(255, 255, 255, 0.3);
    min-height: 75vh; }
  body.admin-site-2 .card.gray {
    background-color: #F0F5F7; }
  body.admin-site-2 .card.gray-light {
    background-color: #FAFAFA; }
  body.admin-site-2 .card.noshadow {
    box-shadow: none; }
  body.admin-site-2 .flexbox-container {
    background-image: linear-gradient(90deg, #e9f2fd 0%, #e5f3f1 38%, #bbdbf3 100%); }
  body.admin-site-2 .pointer-none {
    pointer-events: none; }
  body.admin-site-2 .gap_50 {
    gap: .5rem; }
  body.admin-site-2 .fw_500 {
    font-weight: 500; }
  body.admin-site-2 hr {
    width: 90%;
    border-top: 1px solid #E1E1E1; }
  body.admin-site-2 .card-title.black {
    color: #1F1F1F; }
  body.admin-site-2 .rounded-default {
    border-radius: 20px; }
  body.admin-site-2 .text_left {
    text-align: left; }
  body.admin-site-2 .text_right {
    text-align: right; }
  body.admin-site-2 .pt_0 {
    padding-top: 0; }
  body.admin-site-2 .pb_0 {
    padding-bottom: 0; }
  body.admin-site-2 .mt-50 {
    margin-top: .5rem; }
  body.admin-site-2 .mb-50 {
    margin-bottom: .5rem; }
  body.admin-site-2 .bg-authentication {
    background: #00040b;
    background: transparent;
    width: 100%; }
  body.admin-site-2 .text-content {
    padding: 0 1vw; }
  body.admin-site-2 .main-menu .navbar-header {
    width: 240px;
    height: 8rem;
    padding: 1rem;
    display: grid;
    align-items: center; }
  body.admin-site-2 .main-menu .shadow-bottom {
    background: linear-gradient(rgba(11, 179, 217, 0.7) 41%, rgba(11, 179, 217, 0.5) 95%, rgba(11, 179, 217, 0.2)); }
  body.admin-site-2 .main-menu.menu-dark {
    background: #0BB3D9; }
    body.admin-site-2 .main-menu.menu-dark .navigation {
      background: transparent; }
      body.admin-site-2 .main-menu.menu-dark .navigation li ul {
        background: transparent; }
      body.admin-site-2 .main-menu.menu-dark .navigation li.sidebar-group-active > a {
        background: #4D298C; }
      body.admin-site-2 .main-menu.menu-dark .navigation li.open > a {
        background: #4D298C;
        color: #fff; }
  body.admin-site-2 .main-menu.menu-light {
    background-image: linear-gradient(107.98deg, #f6f9fe 0.26%, #e9f3fb 100%); }
  body.admin-site-2 .main-menu.menu-light .navigation {
    background-color: transparent; }
    body.admin-site-2 .main-menu.menu-light .navigation li.active > a {
      background: #fff !important;
      transition: .6s;
      box-shadow: unset;
      color: #0084FF;
      font-weight: 600;
      border-radius: 8px;
      border: 1px solid #0084FF; }
  body.admin-site-2 .main-menu.menu-light .navigation > li ul .active {
    background: #fff !important;
    transition: .6s;
    box-shadow: unset;
    color: #0084FF !important;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #0084FF; }
    body.admin-site-2 .main-menu.menu-light .navigation > li ul .active > a {
      color: #0BB3D9; }
  body.admin-site-2 .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
    border-radius: 6px 6px 0 0;
    background: #0BB3D9; }
  body.admin-site-2 .admin-table tr.child td.child {
    text-align: center; }
  body.admin-site-2 .admin-table thead .sorting:after, body.admin-site-2 .admin-table thead .sorting_desc:after, body.admin-site-2 .admin-table .sorting_asc:after {
    content: '\e842';
    font-family: 'feather';
    position: initial; }
  body.admin-site-2 .admin-table thead .sorting:after, body.admin-site-2 .admin-table thead .sorting:before, body.admin-site-2 .admin-table thead .sorting_desc:after, body.admin-site-2 .admin-table thead .sorting_desc:before, body.admin-site-2 .admin-table thead .sorting_asc:after, body.admin-site-2 .admin-table thead .sorting_asc:before {
    display: none; }
  body.admin-site-2 .dropdown-notification .dropdown-menu.dropdown-menu-right::before {
    border-color: #0BB3D9;
    background: #0BB3D9; }
  body.admin-site-2 .dataTables_length label {
    display: block; }
  body.admin-site-2 #general-list .title {
    background: #0BB3D9;
    color: #fff; }
  body.admin-site-2 .form-control {
    border-width: 2px !important; }
  body.admin-site-2 .form-control:focus {
    border-color: #0084FF !important; }
  body.admin-site-2 .form-control:focus ~ .form-control-position i {
    color: #0084FF !important; }
  body.admin-site-2 .vs-checkbox {
    border-color: #0084FF;
    border-radius: 5px; }
  body.admin-site-2 .vs-checkbox-primary input:checked ~ .vs-checkbox {
    border-color: #0084FF !important; }
  body.admin-site-2 .vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: #0084FF !important; }
  body.admin-site-2 select.form-control:not([multiple='multiple']) {
    background-image: url(../../../assets/admin/img/arrow-down.png); }
  body.admin-site-2 form .form-label {
    color: #0E3469;
    font-weight: 500;
    font-size: 1rem; }
  body.admin-site-2 fieldset input {
    padding: .8rem;
    border: 2px solid #d9d9d9 !important; }
  body.admin-site-2 fieldset select {
    padding: .8rem;
    border: 2px solid #d9d9d9 !important; }
  body.admin-site-2 fieldset input::placeholder {
    color: #0E3469;
    font-size: .96rem;
    font-weight: 500; }
  body.admin-site-2 fieldset i {
    line-height: 2.6rem;
    font-size: 1.2rem;
    color: #0E3469 !important; }

.dashboard-element {
  background-color: rgba(11, 179, 217, 0.05);
  border-radius: 5px;
  padding: 2rem;
  height: 100%; }
  .dashboard-element svg {
    display: block;
    margin: auto;
    stroke: #0E3469; }
  .dashboard-element i {
    display: block;
    margin: auto;
    color: #0E3469;
    font-size: 24px; }
  .dashboard-element h5 {
    text-align: center;
    margin-top: .5rem;
    color: #0E3469 !important;
    margin-bottom: 1rem; }
  .dashboard-element p {
    margin-bottom: .3rem; }
    .dashboard-element p label {
      font-weight: 600;
      color: text_acent; }
  .dashboard-element p.resource {
    margin-bottom: -1rem;
    margin-top: .5rem;
    text-align: right;
    opacity: .8;
    font-size: .9rem;
    font-weight: 500; }

.dashboard-element.resource {
  padding: 1.5rem; }
  .dashboard-element.resource p {
    margin-bottom: -1rem;
    margin-top: .5rem;
    text-align: right;
    opacity: .8;
    font-size: .9rem;
    font-weight: 500; }

.folder-container {
  border-radius: 5px;
  border: 1px solid #0E3469;
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0;
  padding: 1rem;
  min-height: 60vh; }
  .folder-container .options {
    display: flex; }
  .folder-container .folder {
    padding: 1.3rem .5rem;
    text-align: center;
    width: 100px;
    height: 100px;
    cursor: pointer;
    border-radius: 5px; }
    .folder-container .folder i {
      font-size: 3.2rem; }
    .folder-container .folder p {
      font-size: .8rem; }
  .folder-container .folder:hover {
    background-color: rgba(14, 52, 105, 0.05); }
  .folder-container .folder.active {
    background-color: rgba(14, 52, 105, 0.05); }
  .folder-container .folder.create i {
    color: #0E3469; }
  .folder-container .folder.create p {
    color: #0E3469; }

.message-flow {
  display: flex; }
  .message-flow .message-option {
    border: 3px dashed #3E435480;
    border-radius: 5px;
    padding: .5rem; }
    .message-flow .message-option img {
      margin: auto;
      display: block; }

.email-show {
  display: none; }

.sms-show {
  display: none; }

.grid-container {
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); }
  .grid-container .card {
    padding: 30px !important; }
    .grid-container .card .card-title {
      display: flex;
      justify-content: space-between;
      font-size: 1.1rem;
      color: #8B94A3; }
      .grid-container .card .card-title .left img {
        height: 25px; }
      .grid-container .card .card-title img {
        height: 18px;
        margin: auto 0; }
      .grid-container .card .card-title .badge {
        color: #949DAB;
        background-color: #CED0D7;
        font-size: 65%;
        line-height: 1.2rem;
        letter-spacing: .1px;
        font-weight: 600; }
    .grid-container .card .card-content {
      display: flex;
      font-size: 1.1rem;
      font-weight: 500; }
      .grid-container .card .card-content img {
        width: 7px;
        margin: auto .5rem; }
  .grid-container .card.dashed {
    background-color: transparent;
    border: 3px dashed #CED1D8; }

.grid-container-2 {
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); }
  .grid-container-2 .card {
    padding: 22px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .grid-container-2 .card img {
      width: 25px;
      margin-right: .5rem; }
  .grid-container-2 .card.dashed {
    background-color: transparent;
    border: 3px dashed #0084FF;
    color: #0084FF; }

.flow-edition .step {
  border: 1px solid #3E4354;
  border-radius: 7px;
  padding: .45rem 1rem;
  display: flex;
  justify-content: space-between;
  margin: .5rem 0;
  animation: 'null'; }
  .flow-edition .step:hover {
    cursor: pointer; }
  .flow-edition .step .options {
    align-self: center;
    display: none; }
  .flow-edition .step .creating img {
    filter: grayscale(1); }
  .flow-edition .step .creating input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #b6b6b6; }
  .flow-edition .step .creating .creating-buttons {
    width: 50%;
    display: block;
    margin: auto; }
  .flow-edition .step .created {
    display: flex; }
    .flow-edition .step .created img {
      filter: grayscale(0); }
    .flow-edition .step .created input {
      background-color: transparent;
      border: 0;
      color: #0E3469;
      font-weight: 400;
      pointer-events: none;
      width: 80%; }
    .flow-edition .step .created .creating-buttons {
      display: none; }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.flow-edition .step.active {
  background-color: #fff;
  border-color: #0084FF; }
  .flow-edition .step.active .options {
    align-self: center;
    display: flex; }
.flow-edition .step.dashed {
  border: 3px dashed #3E4354;
  text-align: center;
  padding: .75rem 1rem; }
  .flow-edition .step.dashed span {
    width: 100%; }
.flow-edition .card.no-padding {
  padding: 0; }
.flow-edition .card.transparent {
  min-height: auto !important; }
.flow-edition .card .card-title {
  background-color: #d6d8dc;
  padding: 20px 40px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }
  .flow-edition .card .card-title label {
    font-size: 1.1rem; }
.flow-edition .card .card-content {
  padding: 20px 40px 40px; }
  .flow-edition .card .card-content label {
    font-size: .9rem;
    font-weight: 600;
    border-bottom: 1px solid #0084FF; }
  .flow-edition .card .card-content textarea {
    width: 100%;
    height: 100px;
    padding: .45rem 1rem;
    border-radius: 5px;
    border: transparent;
    background-color: #EFEFEF; }
  .flow-edition .card .card-content .dashed {
    border: 3px dashed #3E435480;
    padding: .45rem 1rem;
    width: 100%;
    text-align: center; }
    .flow-edition .card .card-content .dashed:hover {
      cursor: pointer; }
  .flow-edition .card .card-content .dashed.no-grid {
    padding-top: .8rem;
    padding-bottom: .8rem;
    margin-top: .5rem;
    font-size: .8rem; }
  .flow-edition .card .card-content .dashed.square {
    border-radius: 5px; }
  .flow-edition .card .card-content .dashed.round {
    border-radius: 5rem; }
  .flow-edition .card .card-content .dashed.secondary {
    border-color: #0084FF; }
  .flow-edition .card .card-content .small {
    font-size: 0.8rem;
    width: fit-content;
    font-weight: 600;
    margin-left: auto; }
  .flow-edition .card .card-content .grid-attachment {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem; }
    .flow-edition .card .card-content .grid-attachment .attachment-element {
      font-size: .8rem; }
      .flow-edition .card .card-content .grid-attachment .attachment-element .dashed {
        padding: 1rem; }
        .flow-edition .card .card-content .grid-attachment .attachment-element .dashed img {
          width: 23px;
          height: 23px; }

.grid-sub-container {
  display: grid;
  grid-template-columns: 65% 35%; }
  .grid-sub-container .grid-container-3 {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
    align-items: center; }
    .grid-sub-container .grid-container-3 #second-step {
      display: none; }
      .grid-sub-container .grid-container-3 #second-step .second-step-exit:hover {
        cursor: pointer; }
    .grid-sub-container .grid-container-3 .step-container {
      display: none; }
      .grid-sub-container .grid-container-3 .step-container .third-step-exit:hover {
        cursor: pointer; }
      .grid-sub-container .grid-container-3 .step-container .fourth-step-exit:hover {
        cursor: pointer; }
      .grid-sub-container .grid-container-3 .step-container .fifth-step-exit:hover {
        cursor: pointer; }
  .grid-sub-container .img-container {
    margin: auto;
    position: relative; }
    .grid-sub-container .img-container .box {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2;
      padding: 150px 35px 40px; }
      .grid-sub-container .img-container .box .bubble-message {
        background-color: #EFEFEF;
        border-radius: 7px;
        padding: .45rem 1rem;
        height: fit-content;
        align-self: center;
        min-height: 2.35rem;
        margin-right: 3rem;
        position: relative;
        min-width: 5rem; }
        .grid-sub-container .img-container .box .bubble-message .message-loader {
          display: flex;
          position: absolute;
          left: 0;
          right: 0;
          width: fit-content;
          margin: auto;
          left: 0;
          right: 0; }
          .grid-sub-container .img-container .box .bubble-message .message-loader div {
            width: 5px;
            height: .9rem;
            border-radius: 5px;
            align-self: center;
            margin: 3.5px .1rem; }
          .grid-sub-container .img-container .box .bubble-message .message-loader .bar-1 {
            background-color: #0084FF;
            animation: shrink 1s infinite ease; }
          .grid-sub-container .img-container .box .bubble-message .message-loader .bar-2 {
            background-color: rgba(0, 132, 255, 0.7);
            animation: shrink 1s .3s infinite ease; }
          .grid-sub-container .img-container .box .bubble-message .message-loader .bar-3 {
            background-color: rgba(0, 132, 255, 0.3);
            animation: shrink 1s .6s infinite ease; }
@keyframes shrink {
  0% {
    transform: scaleY(100%); }
  50% {
    transform: scaleY(70%); }
  100% {
    transform: scaleY(100%); } }
      .grid-sub-container .img-container .box .btn-options {
        border: 1px solid #bec1c4;
        border-radius: 7px;
        padding: .45rem 1rem;
        height: fit-content;
        width: 100%;
        align-self: center;
        min-height: 2rem;
        margin-right: 3rem; }
        .grid-sub-container .img-container .box .btn-options a {
          display: block;
          text-align: center;
          border-bottom: 1px solid #bec1c4;
          color: #0084FF;
          font-weight: 600; }
          .grid-sub-container .img-container .box .btn-options a:last-child {
            border-bottom: 0; }
      .grid-sub-container .img-container .box .upload-image-container {
        width: 100%;
        border-radius: 7px;
        border: 1px solid #bec1c4;
        margin-right: 3rem; }
        .grid-sub-container .img-container .box .upload-image-container img {
          margin: auto;
          display: block;
          object-fit: scale-down; }

/* -- You can use this tables in Bootstrap (v3) projects. -- */
/* -- Box model ------------------------------- */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* -- Material Design Table style -------------- */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: transparent !important;
  margin-top: 0 !important; }

.tr-card {
  border-spacing: 0px 12px;
  border-collapse: separate; }
  .tr-card .w-10px {
    width: 10px; }
  .tr-card thead th:nth-child(2) {
    width: 20%;
    text-align: left; }
  .tr-card thead th {
    padding: 1.8rem !important; }
  .tr-card tbody tr:not(tr:last-child) {
    margin-bottom: .5rem; }
  .tr-card tbody td {
    background-color: #fff; }
  .tr-card tbody td:first-child {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem; }
  .tr-card tbody td:nth-child(2) {
    width: 20%;
    text-align: left; }
  .tr-card tbody td:last-child {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem; }
  .tr-card tbody td {
    padding: 1.8rem !important; }

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 1.4rem;
  vertical-align: top;
  border-top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.1rem;
  text-align: center;
  vertical-align: middle; }

.table > thead > tr > th {
  font-weight: 400;
  color: #0E3469;
  vertical-align: bottom; }

.table > tbody > tr > td > img {
  max-width: 36px;
  max-height: 36px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.5rem; }

.table > tbody > tr > td:first-child,
.table > thead > tr > th:first-child {
  text-align: left; }

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.table .table {
  background-color: #fff; }

.table .no-border {
  border: 0; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.8rem; }

.table-bordered {
  border: 0; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #e0e0e0; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f6f6f6; }

.table-hover.pointer > tbody > tr:hover > td,
.table-hover.pointer > tbody > tr:hover > th {
  cursor: pointer; }

.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  background-color: #fde0dc; }

.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
  background-color: #f9bdbb; }

@media screen and (max-width: 1600px) {
  .w-30 {
    width: 21vw !important; } }
@media screen and (max-width: 1400px) {
  .col_10 {
    max-width: 100%; }

  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    font-size: 1rem; }

  .subtitle {
    font-size: .9rem !important; }

  a, p {
    font-size: .9rem; }

  .btn-login {
    font-size: .9rem; }

  form .form-label {
    font-size: .9rem; } }
@media screen and (max-width: 1001px) {
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent; }

  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none; }

  .table-responsive-vertical > .table > tbody {
    display: block; }

  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    font-size: 1rem;
    display: flex !important;
    justify-content: space-between;
    align-items: center; }

  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem; }

  .table-responsive-vertical > .table > tbody > tr > td {
    background-color: #fff;
    display: block;
    vertical-align: middle;
    text-align: right; }

  .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: 500;
    color: #0E3469; }

  .table-responsive-vertical.shadow-z-1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); }

  .table-responsive-vertical > .table-bordered {
    border: 0; }

  .table-responsive-vertical > .table-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0; }

  .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
    border-bottom: 0; }

  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5; }

  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
    background-color: rgba(0, 0, 0, 0.12); }

  tbody tr:last-child {
    margin-bottom: 0 !important; }

  .text_left, .text_right {
    text-align: inherit; }

  .w_20 {
    width: inherit !important; }

  .w-30 {
    width: 100% !important; }

  .flex_column_md {
    flex-direction: column;
    gap: .5rem; }

  .pt_0 {
    padding-top: 40px !important; }

  .pb_0 {
    padding-bottom: 40px !important; }

  .login-footer-links {
    position: relative !important;
    bottom: 0 !important;
    margin: 2rem 0; } }
@media screen and (max-width: 992px) {
  .login-gap {
    gap: 2rem; }

  .flexbox-container {
    height: auto !important; }

  .login-absolute {
    position: relative !important; }

  .login-absolute.left {
    left: 0 !important; }

  .login-absolute.right {
    right: 0 !important; }

  .login-links {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem; } }
@media screen and (max-width: 767px) {
  .requirements-page .file-btn {
    font-size: 10px; }

  .accordion .card-header h5 {
    line-height: 2em; }

  .table > tbody > tr > td > img {
    margin-right: 0.5rem; } }
@media screen and (max-width: 600px) {
  h2 {
    font-size: 2rem !important; }

  .login-footer a {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .login-footer a img {
      width: 20px;
      height: 20px;
      margin-bottom: .5rem; } }
@media screen and (max-width: 500px) {
  .card.transparent {
    padding: 0 !important; } }
body.main-site {
  /*@import "master/main";
  @import "master/responsive";
  @import "segments/main";
  @import "segments/responsive";*/ }
  body.main-site .h1, body.main-site .h2, body.main-site .h3, body.main-site .h4, body.main-site .h5, body.main-site .h6, body.main-site h1, body.main-site h2, body.main-site h3, body.main-site h4, body.main-site h5, body.main-site h6 {
    color: #000324; }
  body.main-site .__subtitle {
    color: #01B7D5; }
  body.main-site .custom-btn--style-2 {
    background: linear-gradient(90deg, #000324 25%, #01b7d5 60%) 0/200%;
    transition: .6s; }
    body.main-site .custom-btn--style-2:hover {
      background: linear-gradient(122deg, #000324 25%, #01b7d5 60%) 80%/200%; }
  body.main-site .custom-btn--style-3 {
    background: linear-gradient(90deg, #2d41fa 25%, #4d298c 60%) 0/200%;
    transition: .6s; }
    body.main-site .custom-btn--style-3:hover {
      background: linear-gradient(122deg, #2d41fa 25%, #4d298c 60%) 80%/200%; }
  body.main-site .section--base-bg {
    background: linear-gradient(90deg, #000324, #01b7d5); }
  body.main-site .feature--style-1 .__item--first {
    background: #2D41FA; }
  body.main-site .feature--style-1 .__item--second {
    background: #000324; }
  body.main-site .feature--style-1 .__item--third {
    background: #01B7D5; }
  body.main-site #footer {
    background: linear-gradient(90deg, #2d41fa, #4d298c); }
  body.main-site #btn-to-top {
    background: linear-gradient(90deg, #2d41fa, #4d298c); }
  @media screen and (max-width: 767px) {
    body.main-site .welcome {
      text-align: center; }
    body.main-site .partners img {
      width: 160px; } }

.mt-checkbox-inline {
  overflow: scroll;
  height: 100px; }

.image-price {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%; }

.image-price img {
  position: absolute; }

.order_activities {
  width: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center; }

.fade_out_clone {
  border-width: 10px;
  border-style: solid;
  border-color: green;
  margin: 10px; }

.input-group-two {
  position: relative;
  display: flex;
  width: 100%; }

.input-group-addon-two {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, 0.15); }

.wrapper {
  width: 520px;
  max-width: 100%; }

.progress-bar {
  height: 30px;
  width: 100%;
  background-color: #FF4713E6;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 2px 0 10px inset rgba(0, 0, 0, 0.2);
  position: relative; }

* + .progress-bar {
  margin-top: 2rem; }

.bar {
  width: 0;
  height: 100%;
  background-color: #4BB543;
  /*Lollipop background gradient*/
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 30px 30px;
  animation: move 2s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0, 0, 0, 0.2);
  transition: width 2s ease-out; }

/*Lollipop background gradient animation*/
@keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 30px 30px; } }
.perc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold; }

.spinner-ajax {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -moz-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);
  z-index: 100000000000005;
  color: #1E1746; }