@import url(../../../assets/css/icomoon.css);
@font-face {
  font-family: "Flaticon";
  src: url("../../../assets/fonts/flaticon.eot");
  src: url("../../../assets/fonts/flaticon.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/flaticon.woff") format("woff"), url("../../../assets/fonts/flaticon.ttf") format("truetype"), url("../../../assets/fonts/flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../../../assets/fonts/flaticon.svg#Flaticon") format("svg"); } }
@font-face {
  font-family: 'FontAwesome';
  src: url("../../../assets/fonts/fontawesome-webfont.eot");
  src: url("../../../assets/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/fontawesome-webfont.ttf") format("truetype"), url("../../../assets/fonts/fontawesome-webfont.woff") format("woff"), url("../../../assets/fonts/fontawesome-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../../../assets/fonts/icomoon.eot?vdw2jk");
  src: url("../../../assets/fonts/icomoon.eot?vdw2jk#iefix") format("embedded-opentype"), url("../../../assets/fonts/icomoon.ttf?vdw2jk") format("truetype"), url("../../../assets/fonts/icomoon.woff?vdw2jk") format("woff"), url("../../../assets/fonts/icomoon.svg?vdw2jk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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, #222222, #224156);
  /* Main */
  /* Store */
  /* Admin */
  /* Admin Editor */ }
  body.admin-site label {
    color: #224156; }
  body.admin-site a {
    color: #222222;
    font-size: 16px; }
  body.admin-site a:hover {
    color: #224156; }
  body.admin-site #create-sale .total, body.admin-site #create-sale .icon i {
    color: #393d72; }
  body.admin-site #create-sale #products #amount.form-control[readonly], body.admin-site #create-sale #paid_amount.form-control[readonly] {
    background: #393d72; }
  body.admin-site .btn-brand, body.admin-site .daterangepicker .ranges li.active, body.admin-site .btn-success {
    background: #222222;
    border-color: #222222; }
  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: #224156; }
  body.admin-site .content-wrap.pdf-wrap h1, body.admin-site h2, body.admin-site h3, body.admin-site h4, body.admin-site h5, body.admin-site h6 {
    font-family: "HelveticaNeue", sans-serif; }
  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: #224156; }
  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: #224156;
    color: #224156; }
  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: #224156; }
  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: #224156; }
  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: #393d72; }
  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: #222222;
    border: 1px solid #222222; }
  body.admin-site .btn-site {
    color: #fff;
    background: #224156;
    color: #fff;
    padding: 10px 36px;
    border-radius: 26px;
    font-size: 16px; }
  body.admin-site .btn-site:hover {
    background: #222222; }
  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: #224156;
    border-color: #224156; }
  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: #224156; }
  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: #224156; }
  body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
    color: #222222; }
  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; }

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

body.main-site {
  /*@import "master/main";
  @import "master/responsive";
  @import "segments/main";
  @import "segments/responsive";*/ }
  body.main-site .adoption-form {
    background: #fbfbfb;
    padding: 5% 3%;
    border-radius: 18px; }
    body.main-site .adoption-form .form-group {
      margin-bottom: 2rem; }
      body.main-site .adoption-form .form-group label {
        color: #ff4880;
        font-weight: 600; }
      body.main-site .adoption-form .form-group .form-check-label {
        color: #6c757d;
        font-weight: initial; }
  body.main-site .modal {
    z-index: 999999; }
  body.main-site .login-modal .modal-body,
  body.main-site .register-modal .modal-body,
  body.main-site .profile-form .modal-body {
    padding: 6% 4%; }
    body.main-site .login-modal .modal-body a,
    body.main-site .register-modal .modal-body a,
    body.main-site .profile-form .modal-body a {
      cursor: pointer; }
  body.main-site .login-modal h2,
  body.main-site .register-modal h2,
  body.main-site .profile-form h2 {
    margin-bottom: 30px; }
  body.main-site .login-modal .form-group,
  body.main-site .register-modal .form-group,
  body.main-site .profile-form .form-group {
    margin-bottom: 2rem; }
    body.main-site .login-modal .form-group label,
    body.main-site .register-modal .form-group label,
    body.main-site .profile-form .form-group label {
      color: #ff4880;
      font-weight: 600; }
  body.main-site .login-modal .close,
  body.main-site .register-modal .close,
  body.main-site .profile-form .close {
    position: absolute;
    right: 2%;
    top: 4%;
    color: #ff4880; }
    body.main-site .login-modal .close:hover,
    body.main-site .register-modal .close:hover,
    body.main-site .profile-form .close:hover {
      color: #ff4880; }
  body.main-site .box-radius {
    border-radius: 20px; }
  body.main-site .styled-pagination li.active span {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #ffffff;
    border: 0px solid #ffffff;
    color: #22254a;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    transition: all 500ms ease;
    z-index: 1;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    background: #20234c; }