@charset "UTF-8";
/* GF new style*/
/*GF Green*/
/*GF Glow-in-the-Dark*/
/*Seawater*/
/*Cloudy*/
/*Stormy*/
/*Lights Out */
/*BigBlue*/
/*Grape*/
/*Pacific*/
/* GF old style*/
/* Set GF old style*/
/* Set GF new style*/
/* GF1 style*/
/*GF Green*/
/*GF Glow-in-the-Dark*/
/*Seawater*/
/*Cloudy*/
/*Stormy*/
/*Lights Out */
/*BigBlue*/
/*Grape*/
/*Pacific*/
/*GF2 style*/
/* Set GF new style*/
/* --------------------------------------------- Font face mixin */
/* ------------------------------------------- Misc mixins */
/* Animation*/
/* --------------------------------------------- default CSS transition*/
/* --------------------------------------------- Misc transform mixins */
/* --------------------------------------------- Misc layout mixins */
/* ---------------------------------------------- Filter blur */
/* --------------------------------------------- Flexbox settings mixins */
@font-face {
    font-family: "greenfence2";
  src: url("../icons2/greenfence2.eot");
  src: url("../icons2/greenfence2.eot#iefix") format("embedded-opentype"), url("../icons2/greenfence2.ttf") format("truetype"), url("../icons2/greenfence2.woff") format("woff"), url("../icons2/greenfence2.svg#greenfence2") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 14, public/theme/greenfence3/sass/includes/_mixins.scss */
[class^='icon2-'], [class*=' icon2-'] {
  /* use !important to prevent issues with browser extensions that change fonts*/
    font-family: "greenfence2" !important;
    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;
    vertical-align: middle;
}

/* Variables*/
/* line 78, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-transfer:before {
    content: "";
}

/* line 84, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-play-button:before {
    content: "";
}

/* line 90, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-previous:before {
    content: "";
}

/* line 96, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-clock-time:before {
    content: "";
}

/* line 102, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-refresh:before {
    content: "";
}

/* line 108, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-ticked:before {
    content: "";
}

/* line 114, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-group-2:before {
    content: "";
}

/* line 120, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-next-arrow-skip:before {
    content: "";
}

/* line 126, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-back-arrow-skip:before {
    content: "";
}

/* line 132, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-chat-tick:before {
    content: "";
}

/* line 138, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-clock-fill:before {
    content: "";
}

/* line 144, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-incoming:before {
    content: "";
}

/* line 150, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-message-fill:before {
    content: "";
}

/* line 156, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-pencil-fill:before {
    content: "";
}

/* line 162, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-opened:before {
    content: "";
}

/* line 168, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-unseen:before {
    content: "";
}

/* line 174, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-alarm-clock:before {
    content: "";
}

/* line 180, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-arrow-2-down:before {
    content: "";
}

/* line 186, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-arrow-up-small:before {
    content: "";
}

/* line 192, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-arrow-left:before {
    content: "";
}

/* line 198, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-save:before {
    content: "";
}

/* line 204, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-send-email:before {
    content: "";
}

/* line 210, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-add:before {
    content: "";
}

/* line 216, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-arrow-down-small:before {
    content: "";
}

/* line 222, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-arrow-right:before {
    content: "";
}

/* line 228, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-audit:before {
    content: "";
}

/* line 234, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-banking:before {
    content: "";
}

/* line 240, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-botifications-inbox:before {
    content: "";
}

/* line 246, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-calendar:before {
    content: "";
}

/* line 252, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-close:before {
    content: "";
}

/* line 258, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-collapse:before {
    content: "";
}

/* line 264, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-connections:before {
    content: "";
}

/* line 270, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-contact-book:before {
    content: "";
}

/* line 276, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-cross-circled:before {
    content: "";
}

/* line 282, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-document-pin:before {
    content: "";
}

/* line 288, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-documents:before {
    content: "";
}

/* line 294, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-edit-pencil:before {
    content: "";
}

/* line 300, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-expand:before {
    content: "";
}

/* line 306, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-file-upload:before {
    content: "";
}

/* line 312, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-filter:before {
    content: "";
}

/* line 318, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-filters:before {
    content: "";
}

/* line 324, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-help:before {
    content: "";
}

/* line 330, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-hint:before {
    content: "";
}

/* line 336, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-home:before {
    content: "";
}

/* line 342, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-info:before {
    content: "";
}

/* line 348, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-mail:before {
    content: "";
}

/* line 354, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-message-bubble:before {
    content: "";
}

/* line 360, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-messages-inbox:before {
    content: "";
}

/* line 366, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-more:before {
    content: "";
}

/* line 372, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-my-network:before {
    content: "";
}

/* line 378, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-reminder:before {
    content: "";
}

/* line 384, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-repeat:before {
    content: "";
}

/* line 390, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-reports:before {
    content: "";
}

/* line 396, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-requests:before {
    content: "";
}

/* line 402, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-search:before {
    content: "";
}

/* line 408, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-selected:before {
    content: "";
}

/* line 414, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-settings:before {
    content: "";
}

/* line 420, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-snooze:before {
    content: "";
}

/* line 426, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-sort:before {
    content: "";
}

/* line 432, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-status-high:before {
    content: "";
}

/* line 438, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-status-low:before {
    content: "";
}

/* line 444, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-status-normal:before {
    content: "";
}

/* line 450, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-status-urgent:before {
    content: "";
}

/* line 456, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-tick:before {
    content: "";
}

/* line 462, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-tick-circled:before {
    content: "";
}

/* line 468, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-trash:before {
    content: "";
}

/* line 474, public/theme/greenfence3/sass/includes/_icons2.scss */
.icon2-wallet:before {
    content: "";
}

/* Buttons*/
/* line 3, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn {
    border-radius: 0px;
}

/* line 8, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-primary, a.btn-primary {
    background-color: #0bb26a !important;
    border: #0bb26a !important;
    color: white !important;
}
  /* line 12, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-primary:visited, a.btn-primary:visited {
    background-color: #0bb26a;
}
  /* line 16, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active {
    background-color: #0bb26a !important;
    box-shadow: none !important;
    color: white !important;
}

/* line 23, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-secondary, a.btn-secondary {
    background-color: #0bb26a;
    border: #0bb26a;
    color: white !important;
}
  /* line 27, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-secondary:visited, a.btn-secondary:visited {
    background-color: #0bb26a;
}
  /* line 30, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, a.btn-secondary:hover, a.btn-secondary:focus, a.btn-secondary:active {
    background-color: #0bb26a !important;
    box-shadow: none !important;
}

/* line 36, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-link {
    color: #0bb26a;
}
  /* line 38, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-link:hover {
    text-decoration: none;
    color: #0b9f5f;
}

/* line 45, public/theme/greenfence3/sass/includes/_buttons.scss */
a.btn-g .icon {
    color: white;
    vertical-align: middle;
}

/* line 50, public/theme/greenfence3/sass/includes/_buttons.scss */
.greenfence-icon {
    font-family: 'greenfence' !important;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 2px;
}

/* line 62, public/theme/greenfence3/sass/includes/_buttons.scss */
.btn-upload-profile {
    cursor: pointer;
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding: 9px;
}

/* line 70, public/theme/greenfence3/sass/includes/_buttons.scss */
.badge-primary {
    background-color: #0bb26a !important;
}

/*============================================================================
  Common v0.1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_common.scss */
.h1 {
    font-size: 24px;
}

/* line 9, public/theme/greenfence3/sass/includes/_common.scss */
.h2 {
    font-size: 18px;
}

/* line 13, public/theme/greenfence3/sass/includes/_common.scss */
.h3 {
    font-size: 12px;
}

/* line 17, public/theme/greenfence3/sass/includes/_common.scss */
.h4, .hh4 {
    font-size: 11px;
}

/* line 21, public/theme/greenfence3/sass/includes/_common.scss */
.h5 {
    font-size: 9px;
}

/* line 25, public/theme/greenfence3/sass/includes/_common.scss */
.h6 {
    font-size: 8px;
    font-size: 7px;
}

/* line 30, public/theme/greenfence3/sass/includes/_common.scss */
.p {
    font-size: 16px;
}

/* line 34, public/theme/greenfence3/sass/includes/_common.scss */
.d-xflex {
    display: flex;
    align-items: center;
}
  /* line 37, public/theme/greenfence3/sass/includes/_common.scss */
.d-xflex > div:not(:last-child) {
    padding-right: 10px;
}
    /* line 39, public/theme/greenfence3/sass/includes/_common.scss */
.d-xflex > div:not(:last-child).d-xflex {
    padding-right: 0px;
    padding-bottom: 0px;
}

/* line 46, public/theme/greenfence3/sass/includes/_common.scss */
.xmb-2 {
    padding-bottom: 20px;
}

/* line 50, public/theme/greenfence3/sass/includes/_common.scss */
.pp2 {
    padding: 10px;
}

/* line 54, public/theme/greenfence3/sass/includes/_common.scss */
.mm1 {
    margin: 5px;
}

/* line 58, public/theme/greenfence3/sass/includes/_common.scss */
.mm2 {
    margin: 10px;
}

/* line 62, public/theme/greenfence3/sass/includes/_common.scss */
.btn-ico {
    width: 30px;
    height: 30px;
}

/* line 67, public/theme/greenfence3/sass/includes/_common.scss */
.d-x, .d-xx {
    display: none;
}

@media only screen and (min-width: 320px) {
  /* Custom, iPhone Retina */
  /* line 73, public/theme/greenfence3/sass/includes/_common.scss */
    .h1 {
        font-size: 24px;
    }
  /* line 76, public/theme/greenfence3/sass/includes/_common.scss */
    .h2 {
        font-size: 18px;
    }
  /* line 79, public/theme/greenfence3/sass/includes/_common.scss */
    .h3 {
        font-size: 12px;
    }
  /* line 82, public/theme/greenfence3/sass/includes/_common.scss */
    .h4, .hh4 {
        font-size: 11px;
    }
  /* line 85, public/theme/greenfence3/sass/includes/_common.scss */
    .h5 {
        font-size: 9px;
    }
  /* line 88, public/theme/greenfence3/sass/includes/_common.scss */
    .h6 {
        font-size: 8px;
    }
  /* line 91, public/theme/greenfence3/sass/includes/_common.scss */
    .pp1 {
        padding: 5px;
    }
  /* line 94, public/theme/greenfence3/sass/includes/_common.scss */
    .pp2 {
        padding: 10px;
    }
  /* line 97, public/theme/greenfence3/sass/includes/_common.scss */
    .p15p3 {
        padding: 5px 5px;
    }
  /* line 100, public/theme/greenfence3/sass/includes/_common.scss */
    .mm1, .mm2 {
        margin: 5px;
    }
  /* line 103, public/theme/greenfence3/sass/includes/_common.scss */
    .mb2 {
        margin-bottom: 10px;
    }
  /* line 106, public/theme/greenfence3/sass/includes/_common.scss */
    .py3 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
  /* line 110, public/theme/greenfence3/sass/includes/_common.scss */
    .py4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
  /* line 114, public/theme/greenfence3/sass/includes/_common.scss */
    .px3 {
        padding-left: 5px;
        padding-right: 5px;
    }
  /* line 118, public/theme/greenfence3/sass/includes/_common.scss */
    .px4 {
        padding-left: 10px;
        padding-right: 10px;
    }
  /* line 122, public/theme/greenfence3/sass/includes/_common.scss */
    .btn-ico {
        width: 30px;
        height: 30px;
    }
  /* line 126, public/theme/greenfence3/sass/includes/_common.scss */
    .d-x, .d-xx {
        display: none;
    }
}

@media only screen and (min-width: 480px) {
  /* Extra Small Devices, Phones */
  /* line 133, public/theme/greenfence3/sass/includes/_common.scss */
    .h1 {
        font-size: 26px;
    }
  /* line 136, public/theme/greenfence3/sass/includes/_common.scss */
    .h2 {
        font-size: 20px;
    }
  /* line 139, public/theme/greenfence3/sass/includes/_common.scss */
    .h3 {
        font-size: 13px;
    }
  /* line 142, public/theme/greenfence3/sass/includes/_common.scss */
    .h4, .hh4 {
        font-size: 12px;
    }
  /* line 145, public/theme/greenfence3/sass/includes/_common.scss */
    .h5 {
        font-size: 10px;
    }
  /* line 148, public/theme/greenfence3/sass/includes/_common.scss */
    .h6 {
        font-size: 9px;
    }
  /* line 151, public/theme/greenfence3/sass/includes/_common.scss */
    .pp2 {
        padding: 6px;
        padding: 14px;
    }
  /* line 155, public/theme/greenfence3/sass/includes/_common.scss */
    .p15p3 {
        padding: 4px 8px;
    }
  /* line 158, public/theme/greenfence3/sass/includes/_common.scss */
    .mm1 {
        margin: 6px;
    }
  /* line 161, public/theme/greenfence3/sass/includes/_common.scss */
    .mm2 {
        margin: 8px;
    }
  /* line 164, public/theme/greenfence3/sass/includes/_common.scss */
    .mb2 {
        margin-bottom: 12px;
    }
  /* line 167, public/theme/greenfence3/sass/includes/_common.scss */
    .pp1 {
        padding: 6px;
    }
  /* line 170, public/theme/greenfence3/sass/includes/_common.scss */
    .py3 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
  /* line 174, public/theme/greenfence3/sass/includes/_common.scss */
    .py4 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
  /* line 178, public/theme/greenfence3/sass/includes/_common.scss */
    .px3 {
        padding-left: 8px;
        padding-right: 8px;
    }
  /* line 182, public/theme/greenfence3/sass/includes/_common.scss */
    .px4 {
        padding-left: 12px;
        padding-right: 12px;
    }
  /* line 186, public/theme/greenfence3/sass/includes/_common.scss */
    .btn-ico {
        width: 35px;
        height: 35px;
    }
  /* line 190, public/theme/greenfence3/sass/includes/_common.scss */
    .d-x, .d-xx {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
  /* Small Devices, Tablets */
  /* line 197, public/theme/greenfence3/sass/includes/_common.scss */
    .h1 {
        font-size: 28px;
    }
  /* line 200, public/theme/greenfence3/sass/includes/_common.scss */
    .h2 {
        font-size: 22px;
    }
  /* line 203, public/theme/greenfence3/sass/includes/_common.scss */
    .h3 {
        font-size: 15px;
    }
  /* line 206, public/theme/greenfence3/sass/includes/_common.scss */
    .h4, .hh4 {
        font-size: 13px;
    }
  /* line 209, public/theme/greenfence3/sass/includes/_common.scss */
    .h5, .h6 {
        font-size: 11px;
    }
  /* line 212, public/theme/greenfence3/sass/includes/_common.scss */
    .pp1 {
        padding: 8px;
    }
  /* line 215, public/theme/greenfence3/sass/includes/_common.scss */
    .pp2 {
        padding: 18px;
    }
  /* line 218, public/theme/greenfence3/sass/includes/_common.scss */
    .p15p3 {
        padding: 8px 20px;
    }
  /* line 221, public/theme/greenfence3/sass/includes/_common.scss */
    .mm1 {
        margin: 8px;
    }
  /* line 224, public/theme/greenfence3/sass/includes/_common.scss */
    .mm2 {
        margin: 18px;
    }
  /* line 227, public/theme/greenfence3/sass/includes/_common.scss */
    .mb2 {
        margin-bottom: 14px;
    }
  /* line 230, public/theme/greenfence3/sass/includes/_common.scss */
    .py3 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
  /* line 234, public/theme/greenfence3/sass/includes/_common.scss */
    .py4 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
  /* line 238, public/theme/greenfence3/sass/includes/_common.scss */
    .px3 {
        padding-left: 15px;
        padding-right: 15px;
    }
  /* line 242, public/theme/greenfence3/sass/includes/_common.scss */
    .px4 {
        padding-left: 20px;
        padding-right: 20px;
    }
  /* line 246, public/theme/greenfence3/sass/includes/_common.scss */
    .btn-ico {
        width: 40px;
        height: 40px;
    }
  /* line 250, public/theme/greenfence3/sass/includes/_common.scss */
    .d-xx {
        display: inherit;
        display: none;
    }
}

@media only screen and (min-width: 992px) {
  /* Medium Devices, Desktops */
  /* line 258, public/theme/greenfence3/sass/includes/_common.scss */
    .h1 {
        font-size: 30px;
    }
  /* line 261, public/theme/greenfence3/sass/includes/_common.scss */
    .h2 {
        font-size: 24px;
    }
  /* line 264, public/theme/greenfence3/sass/includes/_common.scss */
    .h3 {
        font-size: 18px;
    }
  /* line 267, public/theme/greenfence3/sass/includes/_common.scss */
    .h4, .hh4 {
        font-size: 14px;
    }
  /* line 270, public/theme/greenfence3/sass/includes/_common.scss */
    .h5, .h6 {
        font-size: 12px;
    }
  /* line 273, public/theme/greenfence3/sass/includes/_common.scss */
    .pp1 {
        padding: 10px;
    }
  /* line 276, public/theme/greenfence3/sass/includes/_common.scss */
    .pp2 {
        padding: 20px;
    }
  /* line 279, public/theme/greenfence3/sass/includes/_common.scss */
    .p15p3 {
        padding: 15px 30px;
    }
  /* line 282, public/theme/greenfence3/sass/includes/_common.scss */
    .py3 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
  /* line 286, public/theme/greenfence3/sass/includes/_common.scss */
    .py4 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
  /* line 290, public/theme/greenfence3/sass/includes/_common.scss */
    .px3 {
        padding-left: 20px;
        padding-right: 20px;
    }
  /* line 294, public/theme/greenfence3/sass/includes/_common.scss */
    .px4 {
        padding-left: 30px;
        padding-right: 30px;
    }
  /* line 298, public/theme/greenfence3/sass/includes/_common.scss */
    .mm1 {
        margin: 10px;
    }
  /* line 301, public/theme/greenfence3/sass/includes/_common.scss */
    .mm2 {
        margin: 20px;
    }
  /* line 304, public/theme/greenfence3/sass/includes/_common.scss */
    .mb2 {
        margin-bottom: 16px;
    }
  /* line 307, public/theme/greenfence3/sass/includes/_common.scss */
    .btn-ico {
        width: 45px;
        height: 45px;
    }
  /* line 311, public/theme/greenfence3/sass/includes/_common.scss */
    .d-x, .d-xx {
        display: inherit;
    }
}

@media only screen and (min-width: 1200px) {
  /* Large Devices, Wide Screens */
  /* line 318, public/theme/greenfence3/sass/includes/_common.scss */
    .h1 {
        font-size: 32px;
    }
  /* line 321, public/theme/greenfence3/sass/includes/_common.scss */
    .h2 {
        font-size: 26px;
    }
  /* line 324, public/theme/greenfence3/sass/includes/_common.scss */
    .h3 {
        font-size: 20px;
    }
  /* line 327, public/theme/greenfence3/sass/includes/_common.scss */
    .h4 {
        font-size: 16px;
    }
  /* line 330, public/theme/greenfence3/sass/includes/_common.scss */
    .h5, .hh4 {
        font-size: 14px;
    }
  /* line 333, public/theme/greenfence3/sass/includes/_common.scss */
    .h6 {
        font-size: 13px;
    }
  /* line 336, public/theme/greenfence3/sass/includes/_common.scss */
    .pp2 {
        padding: 20px;
    }
  /* line 339, public/theme/greenfence3/sass/includes/_common.scss */
    .p15p3 {
        padding: 15px 30px;
    }
  /* line 342, public/theme/greenfence3/sass/includes/_common.scss */
    .py3 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
  /* line 346, public/theme/greenfence3/sass/includes/_common.scss */
    .py4 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
  /* line 350, public/theme/greenfence3/sass/includes/_common.scss */
    .px3 {
        padding-left: 30px;
        padding-right: 30px;
    }
  /* line 354, public/theme/greenfence3/sass/includes/_common.scss */
    .px4 {
        padding-left: 40px;
        padding-right: 40px;
    }
  /* line 358, public/theme/greenfence3/sass/includes/_common.scss */
    .mm1 {
        margin: 10px;
    }
  /* line 361, public/theme/greenfence3/sass/includes/_common.scss */
    .mm2 {
        margin: 20px;
    }
  /* line 364, public/theme/greenfence3/sass/includes/_common.scss */
    .mb2 {
        margin-bottom: 20px;
    }
  /* line 367, public/theme/greenfence3/sass/includes/_common.scss */
    .btn-ico {
        width: 50px;
        height: 50px;
    }
  /* line 371, public/theme/greenfence3/sass/includes/_common.scss */
    .d-x {
        display: inherit;
    }
}

/* line 376, public/theme/greenfence3/sass/includes/_common.scss */
.avatar, .avatarx, .avatar-sm, .avatar-xsm {
    border-radius: 50%;
    display: inline-block;
    padding: 0;
}

/* line 382, public/theme/greenfence3/sass/includes/_common.scss */
i.avatar, i.avatarx, i.avatar-sm, i.avatar-xsm {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

/* line 389, public/theme/greenfence3/sass/includes/_common.scss */
.avatar-ico {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* line 395, public/theme/greenfence3/sass/includes/_common.scss */
.avatar-sm {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin-right: 10px;
}

/* line 403, public/theme/greenfence3/sass/includes/_common.scss */
.avatar {
    height: 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    margin-right: 16px;
}

/* line 411, public/theme/greenfence3/sass/includes/_common.scss */
.avatar-xsm {
    height: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin-right: 5px;
}

/* line 420, public/theme/greenfence3/sass/includes/_common.scss */
.avatar.ico-lg {
    font-size: 20px;
}

/* line 424, public/theme/greenfence3/sass/includes/_common.scss */
.avatarx {
    height: 60px !important;
    width: 60px !important;
    min-height: 60px !important;
    min-width: 60px !important;
    margin-right: 20px;
}

/* line 432, public/theme/greenfence3/sass/includes/_common.scss */
i.avatar, i.avatarx {
    background-color: #ddd;
    color: #666;
}

/* line 437, public/theme/greenfence3/sass/includes/_common.scss */
.avatar-block {
    display: flex;
    align-items: center;
}

/* line 442, public/theme/greenfence3/sass/includes/_common.scss */
table .avatar-block .avatar-md {
    margin-right: 10px;
}

/* line 446, public/theme/greenfence3/sass/includes/_common.scss */
.edit-avatar {
    height: 100px !important;
    width: 100px !important;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
}

/* line 454, public/theme/greenfence3/sass/includes/_common.scss */
.b, .bold {
    font-weight: 600;
}

/* line 459, public/theme/greenfence3/sass/includes/_common.scss */
.em {
    font-style: italic;
}

/* line 463, public/theme/greenfence3/sass/includes/_common.scss */
.h {
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}

/* line 469, public/theme/greenfence3/sass/includes/_common.scss */
.hover {
    color: #666;
    visibility: hidden;
}

/* line 473, public/theme/greenfence3/sass/includes/_common.scss */
a:hover .hover {
    visibility: visible;
}

/* line 477, public/theme/greenfence3/sass/includes/_common.scss */
.address {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #888;
}

/* line 484, public/theme/greenfence3/sass/includes/_common.scss */
.date-group {
    margin-bottom: 10px;
}
  /* line 486, public/theme/greenfence3/sass/includes/_common.scss */
.date-group label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    display: block;
    color: #888;
    font-style: italic;
}
  /* line 494, public/theme/greenfence3/sass/includes/_common.scss */
.date-group span {
    font-size: 16px;
}
  /* line 497, public/theme/greenfence3/sass/includes/_common.scss */
.date-group:last-child {
    margin-bottom: 0;
}

/* line 502, public/theme/greenfence3/sass/includes/_common.scss */
.btn-upload {
    font-size: 30px;
    position: relative;
    left: -50px;
    top: 50px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #eee;
    padding: 2px;
    color: #888;
}

/* line 515, public/theme/greenfence3/sass/includes/_common.scss */
.strong {
    font-weight: 600;
}

/* line 519, public/theme/greenfence3/sass/includes/_common.scss */
.status {
    font-weight: 600;
    color: #666;
}

/* line 524, public/theme/greenfence3/sass/includes/_common.scss */
.missing-img {
    border: thin dashed #888;
}

/* line 528, public/theme/greenfence3/sass/includes/_common.scss */
.username {
    color: #444;
    font-weight: bold;
    font-size: 16px;
}

/* line 534, public/theme/greenfence3/sass/includes/_common.scss */
.org-name {
    font-weight: bold;
}

/* line 538, public/theme/greenfence3/sass/includes/_common.scss */
.txt-lg {
    font-size: 16px;
}

/* bootstrap overrides */
/* line 544, public/theme/greenfence3/sass/includes/_common.scss */
.text-light {
    color: #999 !important;
}

/* line 548, public/theme/greenfence3/sass/includes/_common.scss */
.green {
    color: #00aa00;
}

/* line 552, public/theme/greenfence3/sass/includes/_common.scss */
.strong {
    font-weight: 600;
}

/* line 556, public/theme/greenfence3/sass/includes/_common.scss */
.center {
    text-align: center;
}

/* line 560, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg {
    position: relative;
    padding: 40px 20px;
    width: 30%;
    background: #f2f2f2;
    border-radius: 2px;
    margin: 20px 10px;
    overflow: hidden;
    height: 250px;
}
  /* line 569, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-will-change: all;
    will-change: all;
    font-size: 70px;
    color: #777;
}
  /* line 577, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg:hover i {
    color: #38393d;
}
  /* line 580, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg .card_stretch_title {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin-top: 1rem;
}
  /* line 587, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg .card_stretch_desc {
    font-size: 18px;
    text-align: center;
    color: #777;
    width: 100%;
}

/* line 595, public/theme/greenfence3/sass/includes/_common.scss */
.popover-large {
    max-width: 450px;
    width: 450px;
}

/* line 600, public/theme/greenfence3/sass/includes/_common.scss */
.popover-header {
    width: 100%;
    text-align: center;
}

/* line 607, public/theme/greenfence3/sass/includes/_common.scss */
i.icon, i.ico {
    padding-right: 10px;
}

/* line 610, public/theme/greenfence3/sass/includes/_common.scss */
i.ico-lg {
    font-size: 30px !important;
    vertical-align: middle;
    padding-right: 15px;
}

/* line 615, public/theme/greenfence3/sass/includes/_common.scss */
i.ico-md {
    font-size: 20px !important;
    vertical-align: middle;
}

/* line 619, public/theme/greenfence3/sass/includes/_common.scss */
i.ico-lg.pr {
    padding-right: 10px;
}

/* line 626, public/theme/greenfence3/sass/includes/_common.scss */
th i.icon, th i.ico {
    padding-right: 5px;
}

/* line 632, public/theme/greenfence3/sass/includes/_common.scss */
th i {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: baseline;
}

/* line 638, public/theme/greenfence3/sass/includes/_common.scss */
.info {
    font-size: 24px;
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle;
    color: #888;
}

/* line 646, public/theme/greenfence3/sass/includes/_common.scss */
.info-box {
    min-width: 200px;
    min-height: 10px;
    color: #222;
    padding: 0 20px;
}
  /* line 650, public/theme/greenfence3/sass/includes/_common.scss */
.info-box label {
    margin-top: 10px;
    margin-bottom: 0px;
    color: #444;
}
  /* line 655, public/theme/greenfence3/sass/includes/_common.scss */
.info-box div:first-child label {
    margin-top: 0px;
}

/* line 661, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar {
    display: flex;
    align-items: center;
    margin-left: 50;
}
  /* line 666, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-x, .btn-toolbar .btn-md, .btn-toolbar .btn-sm {
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #707070;
    color: #fff !important;
    border: none;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    margin: 10px;
    padding: 20px 10px 10px 10px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
  /* line 691, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-x, .btn-toolbar a.btn-md, .btn-toolbar a.btn-sm {
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #707070;
    color: #fff !important;
    border: none;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    margin: 10px;
    padding: 20px 10px 10px 10px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
    /* line 714, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-x:visited, .btn-toolbar a.btn-x:active, .btn-toolbar a.btn-x:focus, .btn-toolbar a.btn-x:hover, .btn-toolbar a.btn-md:visited, .btn-toolbar a.btn-md:active, .btn-toolbar a.btn-md:focus, .btn-toolbar a.btn-md:hover, .btn-toolbar a.btn-sm:visited, .btn-toolbar a.btn-sm:active, .btn-toolbar a.btn-sm:focus, .btn-toolbar a.btn-sm:hover {
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #707070;
    color: #fff !important;
    border: none;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    margin: 10px;
    padding: 20px 10px 10px 10px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
    /* line 738, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-x:active, .btn-toolbar a.btn-x:focus, .btn-toolbar a.btn-x:hover, .btn-toolbar a.btn-md:active, .btn-toolbar a.btn-md:focus, .btn-toolbar a.btn-md:hover, .btn-toolbar a.btn-sm:active, .btn-toolbar a.btn-sm:focus, .btn-toolbar a.btn-sm:hover {
    background-color: #434343;
}
  /* line 743, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-md {
    width: 60px;
    height: 60px;
    font-size: 12px;
    min-width: 60px;
    margin: 0px;
    margin-right: 4px;
    padding: 10px 5px 5px 5px;
}
  /* line 753, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-sm {
    width: 50px;
    height: 50px;
    font-size: 8px;
    min-width: 50px;
    margin: 0px;
    margin-right: 4px;
    padding: 8px 2px 5px 2px;
}
  /* line 763, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-md {
    width: 60px;
    height: 60px;
    font-size: 12px;
    min-width: 60px;
    margin: 0px;
    margin-right: 4px;
    padding: 10px 5px 5px 5px;
}
    /* line 771, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-md:visited, .btn-toolbar a.btn-md:active, .btn-toolbar a.btn-md:focus, .btn-toolbar a.btn-md:hover {
    width: 60px;
    height: 60px;
    font-size: 8px;
    min-width: 60px;
    margin: 0px;
    margin-right: 4px;
    padding: 10px 5px 5px 5px;
}
  /* line 782, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-sm {
    width: 50px;
    height: 50px;
    font-size: 8px;
    min-width: 50px;
    margin: 0px;
    margin-right: 4px;
    padding: 8px 2px 5px 2px;
}
    /* line 790, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-sm:visited, .btn-toolbar a.btn-sm:active, .btn-toolbar a.btn-sm:focus, .btn-toolbar a.btn-sm:hover {
    width: 50px;
    height: 50px;
    font-size: 8px;
    min-width: 50px;
    margin: 0px;
    margin-right: 4px;
    padding: 8px 2px 5px 2px;
}
  /* line 801, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-x i, .btn-toolbar .btn-md i, .btn-toolbar .btn-sm i {
    font-size: 30px;
    display: block;
}
  /* line 806, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-md i {
    font-size: 25px;
}
  /* line 810, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-sm i {
    font-size: 20px;
}
  /* line 814, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-x-title, .btn-toolbar .btn-x label, .btn-toolbar .btn-md-title, .btn-toolbar .btn-md label, .btn-toolbar .btn-sm label {
    word-wrap: break-word;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-top: 8px;
    text-transform: uppercase;
    font-weight: 600;
}
  /* line 824, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-sm label {
    font-size: 7;
    margin-top: 5px;
    white-space: nowrap;
}
  /* line 830, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-xx {
    width: 200px;
    height: 200px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #707070;
    padding: 12px;
    color: #fff;
    border: none;
    min-width: 150px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    margin: 10px;
    padding: 30px 20px;
    display: inline-block;
}
    /* line 851, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-xx:visited, .btn-toolbar a.btn-xx:active, .btn-toolbar a.btn-xx:focus, .btn-toolbar a.btn-xx:hover {
    width: 200px;
    height: 200px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #707070;
    padding: 12px;
    color: #fff;
    border: none;
    min-width: 150px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    margin: 10px;
    padding: 30px 20px;
    display: inline-block;
}
    /* line 873, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar a.btn-xx:active, .btn-toolbar a.btn-xx:focus, .btn-toolbar a.btn-xx:hover {
    background-color: #434343;
}
  /* line 878, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-xx i {
    font-size: 70px;
    display: block;
}
  /* line 883, public/theme/greenfence3/sass/includes/_common.scss */
.btn-toolbar .btn-xx-title, .btn-toolbar .btn-xx label {
    word-wrap: break-word;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-top: 24px;
    text-transform: uppercase;
    font-weight: 600;
}

/* line 896, public/theme/greenfence3/sass/includes/_common.scss */
.corner-frame {
    position: absolute;
    width: 80px;
    height: 80px;
    top: -40px;
    right: -40px;
    color: white;
    background-color: #515151;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* line 909, public/theme/greenfence3/sass/includes/_common.scss */
i.corner-icon {
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    top: 5px;
    right: 3px;
}

/* line 917, public/theme/greenfence3/sass/includes/_common.scss */
.btn-x .corner-frame {
    width: 70px;
    height: 70px;
}

/* line 922, public/theme/greenfence3/sass/includes/_common.scss */
.corner-frame-light {
    background-color: #aaa;
}

/* line 926, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg {
    position: relative;
    padding: 40px 20px;
    width: 30%;
    background: #f2f2f2;
    border-radius: 2px;
    margin: 20px 10px;
    overflow: hidden;
    height: 250px;
}
  /* line 935, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-will-change: all;
    will-change: all;
    font-size: 70px;
    color: #777;
}
  /* line 943, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg:hover i {
    color: #38393d;
}
  /* line 946, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg .card_stretch_title {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin-top: 1rem;
}
  /* line 953, public/theme/greenfence3/sass/includes/_common.scss */
.block_grey_bg .card_stretch_desc {
    font-size: 18px;
    text-align: center;
    color: #777;
    width: 100%;
}

/* line 961, public/theme/greenfence3/sass/includes/_common.scss */
.poweredby {
    margin-left: 20px;
}
  /* line 963, public/theme/greenfence3/sass/includes/_common.scss */
.poweredby img {
    height: 20px;
    display: block;
    margin-bottom: 10px;
}
  /* line 968, public/theme/greenfence3/sass/includes/_common.scss */
.poweredby label {
    font-size: 8px;
    display: block;
    color: #444;
    margin-bottom: 5px;
}

@media only screen and (min-width: 320px) {
  /* Custom, iPhone Retina */
  /* line 978, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby {
        margin-left: 10px;
    }
    /* line 980, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby img {
        height: 20px;
        margin-bottom: 10px;
    }
    /* line 984, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby label {
        font-size: 9px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 480px) {
  /* Extra Small Devices, Phones */
  /* line 993, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby {
        margin-left: 10px;
    }
    /* line 995, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby img {
        height: 25px;
        margin-bottom: 10px;
    }
    /* line 999, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby label {
        font-size: 9px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) {
  /* Small Devices, Tablets */
  /* line 1008, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby {
        margin-left: 20px;
    }
    /* line 1010, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby img {
        height: 30px;
        margin-bottom: 15px;
    }
    /* line 1014, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby label {
        font-size: 10px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) {
  /* Medium Devices, Desktops */
  /* line 1023, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby {
        margin-left: 20px;
    }
    /* line 1025, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby img {
        height: 40px;
        margin-bottom: 20px;
    }
    /* line 1029, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby label {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1200px) {
  /* Large Devices, Wide Screens */
  /* line 1038, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby {
        margin-left: 15px;
        padding-bottom: 15px;
    }
    /* line 1041, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby img {
        height: 40px;
        margin-bottom: 20px;
    }
    /* line 1045, public/theme/greenfence3/sass/includes/_common.scss */
    .poweredby label {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

/* line 1052, public/theme/greenfence3/sass/includes/_common.scss */
.content-wrapper {
    width: 100%;
    background-color: white;
    min-height: 50px;
}

/* line 1058, public/theme/greenfence3/sass/includes/_common.scss */
.block-header {
    background-color: white;
    height: 50px;
    padding-left: 30px;
    border-bottom: 1px solid #F1F1F1;
}

/* line 1065, public/theme/greenfence3/sass/includes/_common.scss */
.block-content {
    background-color: white;
    padding: 15px;
    margin-bottom: 25px;
}

@media (min-width: 576px) {
  /* line 1072, public/theme/greenfence3/sass/includes/_common.scss */
    .container-fluid.profile {
        max-width: 1200px;
    }
}

/* line 1078, public/theme/greenfence3/sass/includes/_common.scss */
.wait {
    cursor: wait !important;
}

/* line 1081, public/theme/greenfence3/sass/includes/_common.scss */
.a {
    cursor: pointer;
}

/* line 1085, public/theme/greenfence3/sass/includes/_common.scss */
.bg-grey1 {
    background-color: #eee;
}

/* line 1089, public/theme/greenfence3/sass/includes/_common.scss */
.table td, .table th {
    vertical-align: inherit;
}

/* line 1093, public/theme/greenfence3/sass/includes/_common.scss */
.white {
    color: white;
}

/* line 1097, public/theme/greenfence3/sass/includes/_common.scss */
.flex1 {
    flex: 1;
}

/* line 1100, public/theme/greenfence3/sass/includes/_common.scss */
.flex05 {
    flex: 0.5;
}

/* line 1104, public/theme/greenfence3/sass/includes/_common.scss */
.upload-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border: thin dashed #444;
}

/* line 1112, public/theme/greenfence3/sass/includes/_common.scss */
.number {
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    border-radius: 4px;
}

/* line 1119, public/theme/greenfence3/sass/includes/_common.scss */
.number-primary {
    background-color: #ddd;
    color: #fff;
}

/* line 1123, public/theme/greenfence3/sass/includes/_common.scss */
.number-secondary {
    background-color: #ddd;
    color: #444;
}

/* line 1128, public/theme/greenfence3/sass/includes/_common.scss */
.inner-panel {
    background-color: #f8f8f8;
    padding: 20px;
    margin-top: 20px;
}
  /* line 1132, public/theme/greenfence3/sass/includes/_common.scss */
.inner-panel .form-group:first-child {
    padding-top: 10px;
}

/* line 1138, public/theme/greenfence3/sass/includes/_common.scss */
.sm {
    line-height: 1.2;
    font-size: 13px;
}
  /* line 1142, public/theme/greenfence3/sass/includes/_common.scss */
.sm h3 {
    font-size: 18px;
    font-weight: bold;
}
  /* line 1146, public/theme/greenfence3/sass/includes/_common.scss */
.sm h4 {
    font-size: 15px;
    font-weight: bold;
}
  /* line 1150, public/theme/greenfence3/sass/includes/_common.scss */
.sm .avatar {
    height: 30px !important;
    width: 30px  !important;
}
  /* line 1154, public/theme/greenfence3/sass/includes/_common.scss */
.sm p {
    margin-bottom: 5px;
    font-size: 13px;
}
  /* line 1158, public/theme/greenfence3/sass/includes/_common.scss */
.sm .mt-3 {
    margin-top: 5px !important;
}
  /* line 1161, public/theme/greenfence3/sass/includes/_common.scss */
.sm .btn {
    font-size: 12px;
    padding: 5px 8px;
}
  /* line 1165, public/theme/greenfence3/sass/includes/_common.scss */
.sm .notification-date {
    margin: 5px 0;
}
  /* line 1168, public/theme/greenfence3/sass/includes/_common.scss */
.sm .triggers {
    margin-top: 10px !important;
}

/* line 1174, public/theme/greenfence3/sass/includes/_common.scss */
.hide {
    visibility: hidden !important;
}

/* line 1178, public/theme/greenfence3/sass/includes/_common.scss */
.nowrap {
    white-space: nowrap;
}

/* line 1182, public/theme/greenfence3/sass/includes/_common.scss */
.ico-error {
    font-size: 50px;
    vertical-align: middle;
}

/* line 1187, public/theme/greenfence3/sass/includes/_common.scss */
.mtop {
    margin-top: 30px;
}

/* line 1192, public/theme/greenfence3/sass/includes/_common.scss */
.h1.text-uppercase {
    text-transform: none !important;
}

/* line 1198, public/theme/greenfence3/sass/includes/_common.scss */
.btn.text-uppercase {
    text-transform: none !important;
}

/* line 1202, public/theme/greenfence3/sass/includes/_common.scss */
.pager {
    background-color: transparent;
}

/* line 1207, public/theme/greenfence3/sass/includes/_common.scss */
.hbar {
    flex: 1;
    border-bottom: thin solid #d0cece;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

/* line 1217, public/theme/greenfence3/sass/includes/_common.scss */
.dashboard-footer {
    display: none !important;
}

/* line 1221, public/theme/greenfence3/sass/includes/_common.scss */
.ui-panel-wrapper.toolbarx-wrapper {
    display: none;
}

/* line 1225, public/theme/greenfence3/sass/includes/_common.scss */
a.disabled {
    opacity: .5;
}

/* line 1229, public/theme/greenfence3/sass/includes/_common.scss */
.signin-wrapper {
    background: #fff !important;
}

/* line 37, public/theme/greenfence3/sass/includes/_mixins.scss */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
    color: #949ca5 !important;
    font-style: normal !important;
    font-weight: light !important;
}

/* line 43, public/theme/greenfence3/sass/includes/_mixins.scss */
input::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
    color: #949ca5 !important;
    font-style: normal !important;
    font-weight: light !important;
}

/* line 49, public/theme/greenfence3/sass/includes/_mixins.scss */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* IE 10+ */
    color: #949ca5 !important;
    font-style: normal !important;
    font-weight: light !important;
}

/* line 55, public/theme/greenfence3/sass/includes/_mixins.scss */
input:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
    color: #949ca5 !important;
    font-style: normal !important;
    font-weight: light !important;
}

/* line 61, public/theme/greenfence3/sass/includes/_mixins.scss */
input::placeholder, textarea::placeholder {
  /* Chrome/Opera/Safari */
    color: #949ca5 !important;
    font-style: normal !important;
    font-weight: light !important;
}

/* line 1237, public/theme/greenfence3/sass/includes/_common.scss */
.doc-name {
    color: #949ca5;
    font-size: 16px;
}

/* line 1244, public/theme/greenfence3/sass/includes/_common.scss */
.card-body .table .btn-sm {
    min-width: 80px;
    vertical-align: middle;
}

/* line 1257, public/theme/greenfence3/sass/includes/_common.scss */
#header-main-menu .dropdown ul li.child {
    position: relative;
}
  /* line 1259, public/theme/greenfence3/sass/includes/_common.scss */
#header-main-menu .dropdown ul li.child:after {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    border: 1px solid #00CF7B;
    position: absolute;
    top: 0px;
    left: 30px;
    border-width: 0 0 1px 1px;
}
  /* line 1270, public/theme/greenfence3/sass/includes/_common.scss */
#header-main-menu .dropdown ul li.child a {
    padding-left: 50px;
}

/* line 1278, public/theme/greenfence3/sass/includes/_common.scss */
table tr.even {
    background-color: rgba(0, 0, 0, 0.05);
}

/*============================================================================
  Selectric v1.13.0
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

/* line 10, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-border .selectric {
    border-bottom: none;
    border: 1px solid #d9dfe4;
    background: #f7f7f7;
    border-radius: 3px;
}

/* line 17, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-responsive {
    width: 100%;
}

/* line 21, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric {
  /*border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;*/
    border-bottom: 1px solid #d9dfe4;
    position: relative;
    overflow: hidden;
}
  /* line 28, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 14px;
    line-height: 35px;
    color: #444;
    height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  /* line 43, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 35px;
    line-height: 35px;
    /*background-color: #F8f8f8;*/
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
    /* line 56, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}

/* line 73, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-focus .selectric {
  /*border-color: #aaaaaa;*/
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* line 78, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hover .selectric {
    border-color: #c4c4c4;
}
  /* line 80, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hover .selectric .button {
    color: #a2a2a2;
}
    /* line 82, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2;
}

/* line 88, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-open {
    z-index: 9999;
}
  /* line 90, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-open .selectric {
    border-color: #c4c4c4;
}
  /* line 93, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-open .selectric-items {
    display: block;
}

/* line 98, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* line 108, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}
  /* line 113, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hide-select select {
    position: absolute;
    left: -100%;
}
  /* line 117, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}
    /* line 122, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

/* line 137, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

/* line 153, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
/* line 161, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
  /*border: 1px solid #c4c4c4;*/
    z-index: -1;
    box-shadow: 0 0 10px -6px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.23);
}
  /* line 172, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}
  /* line 176, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .hide-state {
    display: none;
}
  /* line 179, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .show-state {
    display: flex !important;
}

/* line 184, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

/* line 190, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

/* line 198, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer;
    text-align: left !important;
}
  /* line 210, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover {
    color: #444;
}

/* line 214, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* line 226, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444;
}

/* line 237, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* line 241, public/theme/greenfence3/sass/includes/_selectric.scss */
.selectric-items .selectric-group li {
    padding-left: 25px;
}

/*============================================================================
  Flags v0.1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap {
    display: inline-block;
    position: relative;
    width: 100%;
}

/* line 10, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(flags.png) no-repeat;
}
  /* line 15, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ad {
    background-position: -16px 0;
}
  /* line 18, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ae {
    background-position: -32px 0;
}
  /* line 21, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-af {
    background-position: -48px 0;
}
  /* line 24, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ag {
    background-position: -64px 0;
}
  /* line 27, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ai {
    background-position: -80px 0;
}
  /* line 30, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-al {
    background-position: -96px 0;
}
  /* line 33, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-am {
    background-position: -112px 0;
}
  /* line 36, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-an {
    background-position: -128px 0;
}
  /* line 39, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ao {
    background-position: -144px 0;
}
  /* line 42, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ar {
    background-position: -160px 0;
}
  /* line 45, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-as {
    background-position: -176px 0;
}
  /* line 48, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-at {
    background-position: -192px 0;
}
  /* line 51, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-au {
    background-position: -208px 0;
}
  /* line 54, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-aw {
    background-position: -224px 0;
}
  /* line 57, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-az {
    background-position: -240px 0;
}
  /* line 60, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ba {
    background-position: 0 -11px;
}
  /* line 63, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bb {
    background-position: -16px -11px;
}
  /* line 66, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bd {
    background-position: -32px -11px;
}
  /* line 69, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-be {
    background-position: -48px -11px;
}
  /* line 72, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bf {
    background-position: -64px -11px;
}
  /* line 75, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bg {
    background-position: -80px -11px;
}
  /* line 78, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bh {
    background-position: -96px -11px;
}
  /* line 81, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bi {
    background-position: -112px -11px;
}
  /* line 84, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bj {
    background-position: -128px -11px;
}
  /* line 87, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bm {
    background-position: -144px -11px;
}
  /* line 90, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bn {
    background-position: -160px -11px;
}
  /* line 93, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bo {
    background-position: -176px -11px;
}
  /* line 96, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-br {
    background-position: -192px -11px;
}
  /* line 99, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bs {
    background-position: -208px -11px;
}
  /* line 102, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bt {
    background-position: -224px -11px;
}
  /* line 105, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bv {
    background-position: -240px -11px;
}
  /* line 108, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bw {
    background-position: 0 -22px;
}
  /* line 111, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-by {
    background-position: -16px -22px;
}
  /* line 114, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-bz {
    background-position: -32px -22px;
}
  /* line 117, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ca {
    background-position: -48px -22px;
}
  /* line 120, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-catalonia {
    background-position: -64px -22px;
}
  /* line 123, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cd {
    background-position: -80px -22px;
}
  /* line 126, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cf {
    background-position: -96px -22px;
}
  /* line 129, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cg {
    background-position: -112px -22px;
}
  /* line 132, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ch {
    background-position: -128px -22px;
}
  /* line 135, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ci {
    background-position: -144px -22px;
}
  /* line 138, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ck {
    background-position: -160px -22px;
}
  /* line 141, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cl {
    background-position: -176px -22px;
}
  /* line 144, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cm {
    background-position: -192px -22px;
}
  /* line 147, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cn {
    background-position: -208px -22px;
}
  /* line 150, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-co {
    background-position: -224px -22px;
}
  /* line 153, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cr {
    background-position: -240px -22px;
}
  /* line 156, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cu {
    background-position: 0 -33px;
}
  /* line 159, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cv {
    background-position: -16px -33px;
}
  /* line 162, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cw {
    background-position: -32px -33px;
}
  /* line 165, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cy {
    background-position: -48px -33px;
}
  /* line 168, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-cz {
    background-position: -64px -33px;
}
  /* line 171, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-de {
    background-position: -80px -33px;
}
  /* line 174, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-dj {
    background-position: -96px -33px;
}
  /* line 177, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-dk {
    background-position: -112px -33px;
}
  /* line 180, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-dm {
    background-position: -128px -33px;
}
  /* line 183, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-do {
    background-position: -144px -33px;
}
  /* line 186, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-dz {
    background-position: -160px -33px;
}
  /* line 189, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ec {
    background-position: -176px -33px;
}
  /* line 192, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ee {
    background-position: -192px -33px;
}
  /* line 195, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-eg {
    background-position: -208px -33px;
}
  /* line 198, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-eh {
    background-position: -224px -33px;
}
  /* line 201, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-england {
    background-position: -240px -33px;
}
  /* line 204, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-er {
    background-position: 0 -44px;
}
  /* line 207, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-es {
    background-position: -16px -44px;
}
  /* line 210, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-et {
    background-position: -32px -44px;
}
  /* line 213, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-eu {
    background-position: -48px -44px;
}
  /* line 216, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-fi {
    background-position: -64px -44px;
}
  /* line 219, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-fj {
    background-position: -80px -44px;
}
  /* line 222, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-fk {
    background-position: -96px -44px;
}
  /* line 225, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-fm {
    background-position: -112px -44px;
}
  /* line 228, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-fo {
    background-position: -128px -44px;
}
  /* line 231, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-fr {
    background-position: -144px -44px;
}
  /* line 234, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ga {
    background-position: -160px -44px;
}
  /* line 237, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gb {
    background-position: -176px -44px;
}
  /* line 240, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gd {
    background-position: -192px -44px;
}
  /* line 243, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ge {
    background-position: -208px -44px;
}
  /* line 246, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gf {
    background-position: -224px -44px;
}
  /* line 249, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gg {
    background-position: -240px -44px;
}
  /* line 252, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gh {
    background-position: 0 -55px;
}
  /* line 255, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gi {
    background-position: -16px -55px;
}
  /* line 258, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gl {
    background-position: -32px -55px;
}
  /* line 261, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gm {
    background-position: -48px -55px;
}
  /* line 264, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gn {
    background-position: -64px -55px;
}
  /* line 267, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gp {
    background-position: -80px -55px;
}
  /* line 270, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gq {
    background-position: -96px -55px;
}
  /* line 273, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gr {
    background-position: -112px -55px;
}
  /* line 276, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gs {
    background-position: -128px -55px;
}
  /* line 279, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gt {
    background-position: -144px -55px;
}
  /* line 282, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gu {
    background-position: -160px -55px;
}
  /* line 285, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gw {
    background-position: -176px -55px;
}
  /* line 288, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-gy {
    background-position: -192px -55px;
}
  /* line 291, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-hk {
    background-position: -208px -55px;
}
  /* line 294, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-hm {
    background-position: -224px -55px;
}
  /* line 297, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-hn {
    background-position: -240px -55px;
}
  /* line 300, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-hr {
    background-position: 0 -66px;
}
  /* line 303, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ht {
    background-position: -16px -66px;
}
  /* line 306, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-hu {
    background-position: -32px -66px;
}
  /* line 309, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ic {
    background-position: -48px -66px;
}
  /* line 312, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-id {
    background-position: -64px -66px;
}
  /* line 315, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ie {
    background-position: -80px -66px;
}
  /* line 318, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-il {
    background-position: -96px -66px;
}
  /* line 321, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-im {
    background-position: -112px -66px;
}
  /* line 324, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-in {
    background-position: -128px -66px;
}
  /* line 327, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-io {
    background-position: -144px -66px;
}
  /* line 330, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-iq {
    background-position: -160px -66px;
}
  /* line 333, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ir {
    background-position: -176px -66px;
}
  /* line 336, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-is {
    background-position: -192px -66px;
}
  /* line 339, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-it {
    background-position: -208px -66px;
}
  /* line 342, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-je {
    background-position: -224px -66px;
}
  /* line 345, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-jm {
    background-position: -240px -66px;
}
  /* line 348, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-jo {
    background-position: 0 -77px;
}
  /* line 351, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-jp {
    background-position: -16px -77px;
}
  /* line 354, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ke {
    background-position: -32px -77px;
}
  /* line 357, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kg {
    background-position: -48px -77px;
}
  /* line 360, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kh {
    background-position: -64px -77px;
}
  /* line 363, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ki {
    background-position: -80px -77px;
}
  /* line 366, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-km {
    background-position: -96px -77px;
}
  /* line 369, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kn {
    background-position: -112px -77px;
}
  /* line 372, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kp {
    background-position: -128px -77px;
}
  /* line 375, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kr {
    background-position: -144px -77px;
}
  /* line 378, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kurdistan {
    background-position: -160px -77px;
}
  /* line 381, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kw {
    background-position: -176px -77px;
}
  /* line 384, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ky {
    background-position: -192px -77px;
}
  /* line 387, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-kz {
    background-position: -208px -77px;
}
  /* line 390, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-la {
    background-position: -224px -77px;
}
  /* line 393, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lb {
    background-position: -240px -77px;
}
  /* line 396, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lc {
    background-position: 0 -88px;
}
  /* line 399, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-li {
    background-position: -16px -88px;
}
  /* line 402, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lk {
    background-position: -32px -88px;
}
  /* line 405, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lr {
    background-position: -48px -88px;
}
  /* line 408, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ls {
    background-position: -64px -88px;
}
  /* line 411, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lt {
    background-position: -80px -88px;
}
  /* line 414, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lu {
    background-position: -96px -88px;
}
  /* line 417, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-lv {
    background-position: -112px -88px;
}
  /* line 420, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ly {
    background-position: -128px -88px;
}
  /* line 423, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ma {
    background-position: -144px -88px;
}
  /* line 426, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mc {
    background-position: -160px -88px;
}
  /* line 429, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-md {
    background-position: -176px -88px;
}
  /* line 432, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-me {
    background-position: -192px -88px;
}
  /* line 435, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mg {
    background-position: -208px -88px;
}
  /* line 438, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mh {
    background-position: -224px -88px;
}
  /* line 441, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mk {
    background-position: -240px -88px;
}
  /* line 444, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ml {
    background-position: 0 -99px;
}
  /* line 447, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mm {
    background-position: -16px -99px;
}
  /* line 450, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mn {
    background-position: -32px -99px;
}
  /* line 453, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mo {
    background-position: -48px -99px;
}
  /* line 456, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mp {
    background-position: -64px -99px;
}
  /* line 459, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mq {
    background-position: -80px -99px;
}
  /* line 462, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mr {
    background-position: -96px -99px;
}
  /* line 465, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ms {
    background-position: -112px -99px;
}
  /* line 468, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mt {
    background-position: -128px -99px;
}
  /* line 471, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mu {
    background-position: -144px -99px;
}
  /* line 474, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mv {
    background-position: -160px -99px;
}
  /* line 477, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mw {
    background-position: -176px -99px;
}
  /* line 480, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mx {
    background-position: -192px -99px;
}
  /* line 483, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-my {
    background-position: -208px -99px;
}
  /* line 486, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-mz {
    background-position: -224px -99px;
}
  /* line 489, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-na {
    background-position: -240px -99px;
}
  /* line 492, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-nc {
    background-position: 0 -110px;
}
  /* line 495, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ne {
    background-position: -16px -110px;
}
  /* line 498, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-nf {
    background-position: -32px -110px;
}
  /* line 501, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ng {
    background-position: -48px -110px;
}
  /* line 504, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ni {
    background-position: -64px -110px;
}
  /* line 507, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-nl {
    background-position: -80px -110px;
}
  /* line 510, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-no {
    background-position: -96px -110px;
}
  /* line 513, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-np {
    background-position: -112px -110px;
}
  /* line 516, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-nr {
    background-position: -128px -110px;
}
  /* line 519, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-nu {
    background-position: -144px -110px;
}
  /* line 522, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-nz {
    background-position: -160px -110px;
}
  /* line 525, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-om {
    background-position: -176px -110px;
}
  /* line 528, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pa {
    background-position: -192px -110px;
}
  /* line 531, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pe {
    background-position: -208px -110px;
}
  /* line 534, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pf {
    background-position: -224px -110px;
}
  /* line 537, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pg {
    background-position: -240px -110px;
}
  /* line 540, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ph {
    background-position: 0 -121px;
}
  /* line 543, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pk {
    background-position: -16px -121px;
}
  /* line 546, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pl {
    background-position: -32px -121px;
}
  /* line 549, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pm {
    background-position: -48px -121px;
}
  /* line 552, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pn {
    background-position: -64px -121px;
}
  /* line 555, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pr {
    background-position: -80px -121px;
}
  /* line 558, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ps {
    background-position: -96px -121px;
}
  /* line 561, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pt {
    background-position: -112px -121px;
}
  /* line 564, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-pw {
    background-position: -128px -121px;
}
  /* line 567, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-py {
    background-position: -144px -121px;
}
  /* line 570, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-qa {
    background-position: -160px -121px;
}
  /* line 573, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-re {
    background-position: -176px -121px;
}
  /* line 576, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ro {
    background-position: -192px -121px;
}
  /* line 579, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-rs {
    background-position: -208px -121px;
}
  /* line 582, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ru {
    background-position: -224px -121px;
}
  /* line 585, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-rw {
    background-position: -240px -121px;
}
  /* line 588, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sa {
    background-position: 0 -132px;
}
  /* line 591, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sb {
    background-position: -16px -132px;
}
  /* line 594, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sc {
    background-position: -32px -132px;
}
  /* line 597, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-scotland {
    background-position: -48px -132px;
}
  /* line 600, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sd {
    background-position: -64px -132px;
}
  /* line 603, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-se {
    background-position: -80px -132px;
}
  /* line 606, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sg {
    background-position: -96px -132px;
}
  /* line 609, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sh {
    background-position: -112px -132px;
}
  /* line 612, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-si {
    background-position: -128px -132px;
}
  /* line 615, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sk {
    background-position: -144px -132px;
}
  /* line 618, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sl {
    background-position: -160px -132px;
}
  /* line 621, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sm {
    background-position: -176px -132px;
}
  /* line 624, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sn {
    background-position: -192px -132px;
}
  /* line 627, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-so {
    background-position: -208px -132px;
}
  /* line 630, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-somaliland {
    background-position: -224px -132px;
}
  /* line 633, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sr {
    background-position: -240px -132px;
}
  /* line 636, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ss {
    background-position: 0 -143px;
}
  /* line 639, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-st {
    background-position: -16px -143px;
}
  /* line 642, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sv {
    background-position: -32px -143px;
}
  /* line 645, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sx {
    background-position: -48px -143px;
}
  /* line 648, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sy {
    background-position: -64px -143px;
}
  /* line 651, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-sz {
    background-position: -80px -143px;
}
  /* line 654, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tc {
    background-position: -96px -143px;
}
  /* line 657, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-td {
    background-position: -112px -143px;
}
  /* line 660, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tf {
    background-position: -128px -143px;
}
  /* line 663, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tg {
    background-position: -144px -143px;
}
  /* line 666, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-th {
    background-position: -160px -143px;
}
  /* line 669, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tj {
    background-position: -176px -143px;
}
  /* line 672, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tk {
    background-position: -192px -143px;
}
  /* line 675, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tl {
    background-position: -208px -143px;
}
  /* line 678, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tm {
    background-position: -224px -143px;
}
  /* line 681, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tn {
    background-position: -240px -143px;
}
  /* line 684, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-to {
    background-position: 0 -154px;
}
  /* line 687, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tr {
    background-position: -16px -154px;
}
  /* line 690, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tt {
    background-position: -32px -154px;
}
  /* line 693, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tv {
    background-position: -48px -154px;
}
  /* line 696, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tw {
    background-position: -64px -154px;
}
  /* line 699, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-tz {
    background-position: -80px -154px;
}
  /* line 702, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ua {
    background-position: -96px -154px;
}
  /* line 705, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ug {
    background-position: -112px -154px;
}
  /* line 708, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-um {
    background-position: -128px -154px;
}
  /* line 711, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-us {
    background-position: -144px -154px;
}
  /* line 714, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-uy {
    background-position: -160px -154px;
}
  /* line 717, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-uz {
    background-position: -176px -154px;
}
  /* line 720, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-va {
    background-position: -192px -154px;
}
  /* line 723, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-vc {
    background-position: -208px -154px;
}
  /* line 726, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ve {
    background-position: -224px -154px;
}
  /* line 729, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-vg {
    background-position: -240px -154px;
}
  /* line 732, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-vi {
    background-position: 0 -165px;
}
  /* line 735, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-vn {
    background-position: -16px -165px;
}
  /* line 738, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-vu {
    background-position: -32px -165px;
}
  /* line 741, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-wales {
    background-position: -48px -165px;
}
  /* line 744, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-wf {
    background-position: -64px -165px;
}
  /* line 747, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ws {
    background-position: -80px -165px;
}
  /* line 750, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-ye {
    background-position: -96px -165px;
}
  /* line 753, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-yt {
    background-position: -112px -165px;
}
  /* line 756, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-za {
    background-position: -128px -165px;
}
  /* line 759, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-zanzibar {
    background-position: -144px -165px;
}
  /* line 762, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-zm {
    background-position: -160px -165px;
}
  /* line 765, public/theme/greenfence3/sass/includes/_flags.scss */
.flagstrap-icon.flagstrap-zw {
    background-position: -176px -165px;
}

/*============================================================================
  Header v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_header.scss */
body {
    color: #333;
  /*padding-top: 130px;*/
}

/* line 9, public/theme/greenfence3/sass/includes/_header.scss */
.header-wrapper {
    min-height: 30px !important;
    max-height: 60px !important;
    background: #38393d;
    overflow: visible !important;
  /*position: fixed !important;
    top: 75px;
    width: 100%;
	z-index: 100;*/
}

/* line 19, public/theme/greenfence3/sass/includes/_header.scss */
.header {
    background: #fff;
  /* position: fixed;
  top: 0;
  z-index: 500;*/
    padding-left: 25px;
    width: 100%;
}
  /* line 26, public/theme/greenfence3/sass/includes/_header.scss */
.header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

/* line 36, public/theme/greenfence3/sass/includes/_header.scss */
.nav-custom.tabular li.active {
    background: #ffffff;
    border-radius: 4px 0 0 4px;
}

/* line 40, public/theme/greenfence3/sass/includes/_header.scss */
.nav-custom i {
    padding-right: 20px;
}

/* line 45, public/theme/greenfence3/sass/includes/_header.scss */
.site-header .list-inline li > a {
    color: #bec6cc;
}
  /* line 47, public/theme/greenfence3/sass/includes/_header.scss */
.site-header .list-inline li > a [class^="icon-"], .site-header .list-inline li > a [class*=" icon-"] {
    font-size: 15px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

/* line 55, public/theme/greenfence3/sass/includes/_header.scss */
.col-search {
    flex: 1;
    /*margin-left: 200px;*/
    padding-left: 40px;
}

/* line 61, public/theme/greenfence3/sass/includes/_header.scss */
form.search {
    margin: 0;
    padding: 0;
    width: 90%;
}

/* line 67, public/theme/greenfence3/sass/includes/_header.scss */
.search {
    width: 90%;
}

/* line 70, public/theme/greenfence3/sass/includes/_header.scss */
.search input {
    background: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-style: italic;
    display: inline-block;
    width: 100%;
}

@media only screen and (max-width: 320px) {
  /* Custom, iPhone Retina */
  /* line 82, public/theme/greenfence3/sass/includes/_header.scss */
    .search input {
        display: none;
    }
}

@media only screen and (min-width: 480px) {
  /* Extra Small Devices, Phones */
  /* line 89, public/theme/greenfence3/sass/includes/_header.scss */
    .search input {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
  /* Small Devices, Tablets */
  /* line 96, public/theme/greenfence3/sass/includes/_header.scss */
    .search input {
        display: inline-block;
    }
}

@media only screen and (min-width: 992px) {
  /* Medium Devices, Desktops */
  /* line 103, public/theme/greenfence3/sass/includes/_header.scss */
    .search input {
        display: inline-block;
    }
}

@media only screen and (min-width: 1200px) {
  /* Large Devices, Wide Screens */
}

/* line 114, public/theme/greenfence3/sass/includes/_header.scss */
.search-icon-wrapper {
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 184px;
    top: 20px;
    padding: 10px 4px;
}
  /* line 121, public/theme/greenfence3/sass/includes/_header.scss */
.search-icon-wrapper > * {
    color: white;
    background-color: #38393d;
    border-radius: 50%;
    padding: 6px;
    font-size: 12px;
}

/* line 130, public/theme/greenfence3/sass/includes/_header.scss */
.site-search input:focus {
    background: #d9dfe4;
}

/* line 134, public/theme/greenfence3/sass/includes/_header.scss */
.logo {
    background-image: url(../img/greenfence-full-logo.png);
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 78px;
    width: 140px;
    display: inline-block;
}

/* line 144, public/theme/greenfence3/sass/includes/_header.scss */
.logo-box {
    text-align: center;
    width: 200px;
    position: absolute;
    left: 0;
}
  /* line 151, public/theme/greenfence3/sass/includes/_header.scss */
.logo-box .header-logo {
    height: 30px;
}

/* line 158, public/theme/greenfence3/sass/includes/_header.scss */
.mobile-logo {
    background-image: url(../img/logo.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: inline-block;
    background-size: auto;
}

/* line 169, public/theme/greenfence3/sass/includes/_header.scss */
.col-header {
    display: flex;
    align-items: center;
    height: 76px;
}

/* line 175, public/theme/greenfence3/sass/includes/_header.scss */
.col-logo {
    background: #ecf0f4;
    justify-content: center;
}

/* line 180, public/theme/greenfence3/sass/includes/_header.scss */
.col-search {
    /*border-left: 1px solid #d9dfe4;*/
}

/* line 184, public/theme/greenfence3/sass/includes/_header.scss */
.col-toolbar {
    padding-right: 0;
    margin-right: 0;
    justify-content: flex-end;
}

/* line 190, public/theme/greenfence3/sass/includes/_header.scss */
.col-user-info {
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    flex-direction: row;
    align-items: stretch;
}

/* line 198, public/theme/greenfence3/sass/includes/_header.scss */
.change-order1 {
    order: 2;
}

/* line 202, public/theme/greenfence3/sass/includes/_header.scss */
.change-order2 {
    order: 1;
}

/* line 207, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar {
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: 0;
    list-style: none;
    font-size: 24px;
    padding-right: 10px;
}
  /* line 215, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .dropdown {
    position: relative;
}
    /* line 218, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .dropdown .dropdown-title + .text-right {
    position: absolute;
    top: 20px;
    right: 20px;
}
    /* line 223, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .dropdown .dropdown-title .count {
    padding-top: 0;
}
    /* line 227, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .dropdown .dropdown-sep {
    position: relative;
}
      /* line 229, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .dropdown .dropdown-sep .text-right {
    position: absolute;
    top: 12px;
    right: 0px;
}

/* line 238, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar-rev .header-toolbar {
    padding: 0 5px !important;
    margin: 0 15px;
}

/* line 244, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .rev-icon {
    margin: 0px;
}

/* line 249, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li {
    position: relative;
}
  /* line 251, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li > a {
    text-decoration: none;
    color: #bec6cc;
    padding: 0 !important;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 15px;
    display: block;
}
    /* line 255, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li > a:hover, .header-toolbar > li > a:visited, .header-toolbar > li > a:active, .header-toolbar > li > a:focus {
    text-decoration: none;
    color: #bec6cc;
    padding: 0 !important;
}
    /* line 266, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li > a i {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
  /* line 271, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li .dropdown {
    right: 20px;
    margin-top: 0;
    top: 0;
}
  /* line 277, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li:last-child {
    margin-right: 5px;
}
    /* line 279, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li:last-child > a {
    margin-right: 0;
}
    /* line 282, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li:last-child .dropdown {
    right: 0;
}
  /* line 287, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li:nth-child(2) .dropdown {
    right: -50px;
}
  /* line 292, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar > li:first-child .dropdown {
    right: -115px;
}

/* line 298, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar-rev {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 100%;
    background: #707070;
    color: #fff !important;
}
  /* line 307, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar-rev .header-toolbar > li:last-child {
    margin-right: 0px;
}

/* line 312, public/theme/greenfence3/sass/includes/_header.scss */
a.rev-icon {
    color: #fff !important;
    padding: 20px 20px;
    font-size: 20pt;
}

/* line 318, public/theme/greenfence3/sass/includes/_header.scss */
.nav-menu, .nav-item {
    overflow: hidden;
}

/* line 322, public/theme/greenfence3/sass/includes/_header.scss */
.col-user-info a {
    text-decoration: none;
    color: #38393d;
}
  /* line 325, public/theme/greenfence3/sass/includes/_header.scss */
.col-user-info a:hover, .col-user-info a:visited, .col-user-info a:active, .col-user-info a:focus {
    text-decoration: none;
    color: #38393d;
}

/* line 331, public/theme/greenfence3/sass/includes/_header.scss */
.user-box {
    background: #ededed;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    border-left: 1px solid #cbcbcb;
    justify-content: flex-end;
    position: relative;
}
  /* line 340, public/theme/greenfence3/sass/includes/_header.scss */
.user-box .dropdown {
    top: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 20px 0;
}
    /* line 346, public/theme/greenfence3/sass/includes/_header.scss */
.user-box .dropdown .dropdown-title {
    font-size: 16px;
    font-weight: normal;
    color: #38393d;
}
    /* line 351, public/theme/greenfence3/sass/includes/_header.scss */
.user-box .dropdown .dropdown-list {
    padding: 0 10px;
}
      /* line 353, public/theme/greenfence3/sass/includes/_header.scss */
.user-box .dropdown .dropdown-list i {
    display: none;
}

/* line 361, public/theme/greenfence3/sass/includes/_header.scss */
.user-box-inner {
    border-radius: 20px;
    background-color: #fff;
    padding: 4px;
    margin: 20px;
    display: flex;
    vertical-align: middle;
    align-items: center;
}

/* line 371, public/theme/greenfence3/sass/includes/_header.scss */
.org-box {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0 10px;
}
  /* line 378, public/theme/greenfence3/sass/includes/_header.scss */
.org-box > a {
    width: 100%;
}

/* line 383, public/theme/greenfence3/sass/includes/_header.scss */
.msie10 .org-box {
    padding-right: 150px;
}

/* line 387, public/theme/greenfence3/sass/includes/_header.scss */
.ie .org-box {
    min-width: 220px;
}

/* line 392, public/theme/greenfence3/sass/includes/_header.scss */
.org-box-inner {
    border-radius: 20px;
    background: #ededed;
    padding: 4px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

/* line 403, public/theme/greenfence3/sass/includes/_header.scss */
.user-box.icon-arrow-down {
    float: right;
    padding-left: 10px;
}

/* line 408, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown {
    font-size: 16px;
}

/* line 413, public/theme/greenfence3/sass/includes/_header.scss */
.org-box .icon-arrow-down {
    float: right;
    padding-left: 10px;
}

/* line 417, public/theme/greenfence3/sass/includes/_header.scss */
.org-box .dropdown {
    right: 200px;
    min-width: 280px;
    top: 50px;
}

/* line 422, public/theme/greenfence3/sass/includes/_header.scss */
.org-box > a {
    height: 100%;
    margin-top: 30px;
}

/* line 428, public/theme/greenfence3/sass/includes/_header.scss */
.user-info {
    font-size: 15px;
}

/* line 432, public/theme/greenfence3/sass/includes/_header.scss */
.org-info {
    padding-left: 8px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
}

/* line 441, public/theme/greenfence3/sass/includes/_header.scss */
.user-info {
    display: inline-block;
    vertical-align: middle;
}
  /* line 442, public/theme/greenfence3/sass/includes/_header.scss */
.user-info .user-name {
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
  /* line 447, public/theme/greenfence3/sass/includes/_header.scss */
.user-info .user-title {
    font-size: 13px;
}

/* line 454, public/theme/greenfence3/sass/includes/_header.scss */
.user-img {
    display: inline-block;
    vertical-align: middle;
}

/* line 459, public/theme/greenfence3/sass/includes/_header.scss */
.user-info {
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 480px) {
  /* line 465, public/theme/greenfence3/sass/includes/_header.scss */
    .user-info {
        display: none;
    }
}

/* line 470, public/theme/greenfence3/sass/includes/_header.scss */
.info-box-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* line 476, public/theme/greenfence3/sass/includes/_header.scss */
.counter-wrapper {
    position: relative;
}

/* line 481, public/theme/greenfence3/sass/includes/_header.scss */
.counter {
    font-size: 12px;
    background-color: #a7a7a7;
    color: white;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    min-width: 20px;
    padding: 1px 3px;
    margin-left: 10px;
    top: 5px;
    right: 0;
}
  /* line 494, public/theme/greenfence3/sass/includes/_header.scss */
.counter.counter-top {
    background-color: #FF4747;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(70%);
    transform: translateX(70%);
    top: -5px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 1px 6px;
}

/* line 511, public/theme/greenfence3/sass/includes/_header.scss */
.user-info a {
    line-height: 1.3;
}

/* line 514, public/theme/greenfence3/sass/includes/_header.scss */
.user-info .user-org {
    display: block;
}

/* line 520, public/theme/greenfence3/sass/includes/_header.scss */
.user-img img {
    clip-path: circle(20px at center);
}

/* line 523, public/theme/greenfence3/sass/includes/_header.scss */
.user-img.status {
    position: relative;
}
  /* line 525, public/theme/greenfence3/sass/includes/_header.scss */
.user-img.status::before {
    height: 14px;
    width: 14px;
    right: -1px;
    top: 1px;
    content: "";
    position: absolute;
    z-index: 999;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
  /* line 536, public/theme/greenfence3/sass/includes/_header.scss */
.user-img.status.active:before {
    background: #34b64b;
}
  /* line 539, public/theme/greenfence3/sass/includes/_header.scss */
.user-img.status.inactive::before {
    background: #bec6cc;
}

/* line 543, public/theme/greenfence3/sass/includes/_header.scss */
.user-img.img-md img {
    max-width: 50px;
    width: 100%;
    clip-path: circle(25px at center);
}

/* line 550, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown a {
    text-decoration: none;
}

/* line 554, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-avatar {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

/* line 560, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown a {
    text-decoration: none;
    color: #707070;
}
  /* line 563, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown a:hover, .dropdown a:active, .dropdown a:focus, .dropdown a:visited {
    text-decoration: none;
    color: #707070;
}
  /* line 567, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown a.btn {
    color: #fff;
}

/* line 572, public/theme/greenfence3/sass/includes/_header.scss */
.text-center {
    text-align: center;
}

/* line 576, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-top {
    top: 50px;
    min-width: 200px;
}

/* line 581, public/theme/greenfence3/sass/includes/_header.scss */
.msie10 .dropdown-top {
    top: 40px;
}

/* line 586, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-list ul {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

/* line 593, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-list li {
    padding: 4px 10px;
    list-style: none;
    text-align: left;
}
  /* line 597, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-list li:last-of-type {
    padding-bottom: 0;
}

/* line 603, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-sep {
    border-top: thin solid #707070;
    margin-top: 20px;
}

/* line 608, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-title {
    margin-top: 10px;
    font-weight: 600;
    color: #aaa;
    white-space: nowrap;
}

/* line 615, public/theme/greenfence3/sass/includes/_header.scss */
.invitation-stats-title {
    margin-top: 10px;
    font-weight: 600;
    color: #aaa;
    white-space: nowrap;
}

/* line 621, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-subtitle {
    margin-top: 6px;
    font-weight: 400;
    word-wrap: break-word;
}

/* line 627, public/theme/greenfence3/sass/includes/_header.scss */
a.dropdown-link {
    font-weight: 600;
    color: #aaa;
}
  /* line 630, public/theme/greenfence3/sass/includes/_header.scss */
a.dropdown-link:hover, a.dropdown-link:visited, a.dropdown-link:active, a.dropdown-link:focus {
    font-weight: 600;
    color: #aaa;
}

/* line 636, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-sep {
    border-top: thin solid #aaa;
    margin-top: 10px;
}

/* line 641, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown .logout {
    padding: 0;
    border: 0;
    background: none;
    color: #707070;
}

/* line 648, public/theme/greenfence3/sass/includes/_header.scss */
.invitation-stats-list {
    list-style: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
}
  /* line 653, public/theme/greenfence3/sass/includes/_header.scss */
.invitation-stats-list li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* line 661, public/theme/greenfence3/sass/includes/_header.scss */
.notifications .dropdown-menu {
    width: 400px;
    right: 0;
    left: initial;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
    border: none;
    top: 37px;
}
  /* line 668, public/theme/greenfence3/sass/includes/_header.scss */
.notifications .dropdown-menu:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    transform: rotate(45deg);
    top: -9px;
    right: 25px;
    box-shadow: -3px -2px 10px -5px rgba(0, 0, 0, 0.5);
}

/* line 681, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid {
    font-size: 12px;
    width: 320px !important;
    min-width: 320px !important;
    color: #707070;
    padding: 10px;
}
  /* line 687, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
    list-style: none;
}
  /* line 693, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid li {
    text-align: center;
    vertical-align: center;
    padding: 0;
}
    /* line 697, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid li:nth-child(3n-2), .dropdown-grid li:nth-child(3n-1) {
    -webkit-box-shadow: 0px 1px 0 #eee, 0px 0 0 #eee;
    box-shadow: 0px 1px 0 #eee, 0px 0 0 #eee;
    border-right: thin solid #eee;
    border-bottom: thin solid #eee;
}
    /* line 703, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid li:nth-child(3n) {
    -webkit-box-shadow: 0px 1px 0 #eee, 0px 0 0 #eee;
    box-shadow: 0px 1px 0 #eee, 0px 0 0 #eee;
    border-bottom: thin solid #eee;
}
    /* line 708, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid li:nth-child(7) {
    border-bottom: none;
    box-shadow: inherit;
}
  /* line 713, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid a {
    display: block;
    text-align: center;
    color: #707070;
    width: 90px;
    padding: 10px 10px 5px 10px;
    height: 100%;
}
    /* line 720, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid a:hover, .dropdown-grid a:focus {
    color: #303030;
    background-color: #eee;
}
  /* line 725, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid i {
    padding: 0 0 10px 0 !important;
    display: block;
    font-size: 20px;
    padding-bottom: 4px;
}
    /* line 730, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-grid i.icon-users {
    font-size: 32px;
}

/* line 736, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown i {
    padding-right: 10px;
}

/* line 740, public/theme/greenfence3/sass/includes/_header.scss */
a {
    color: #38393d;
    text-decoration: none;
}
  /* line 743, public/theme/greenfence3/sass/includes/_header.scss */
a:hover, a:visited, a:focus, a:active {
    color: #38393d;
    text-decoration: none;
}

/* line 749, public/theme/greenfence3/sass/includes/_header.scss */
.header-toolbar .dropdown {
    min-width: 350px;
}

/* line 753, public/theme/greenfence3/sass/includes/_header.scss */
.invitation-stats-list {
    margin-top: 20px;
}

/* line 757, public/theme/greenfence3/sass/includes/_header.scss */
.dropdown-footer {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

/*
  NEW LAYOUT BLOCKS
*/
/* line 767, public/theme/greenfence3/sass/includes/_header.scss */
.panel {
    box-shadow: 0px 1px 1px 1px rgba(184, 184, 184, 0.35);
    background-color: white;
}
  /* line 770, public/theme/greenfence3/sass/includes/_header.scss */
.panel-title {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #CBCFD2;
}

/* line 776, public/theme/greenfence3/sass/includes/_header.scss */
.content-title {
    margin-bottom: 25px;
}

/* line 781, public/theme/greenfence3/sass/includes/_header.scss */
header .icon-facebook2, header .icon-twitter2 {
    display: none !important;
}

/* line 786, public/theme/greenfence3/sass/includes/_header.scss */
.icon-hamburger {
    display: none !important;
}

/*Hide Reports menu*/
/* line 792, public/theme/greenfence3/sass/includes/_header.scss */
#header-main-menu #nav-reports {
    display: none !important;
}

/*============================================================================
  Layout v1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_layout.scss */
.layout,
.layout2,
.layout2x,
.layout2s {
    display: flex;
}

/* line 18, public/theme/greenfence3/sass/includes/_layout.scss */
.msie9 .layout > div,
.msie9 .layout2 > div,
.msie9 .layout2x > div,
.msie9 .layout2s > div,
.msie8 .layout > div,
.msie8 .layout2 > div,
.msie8 .layout2x > div,
.msie8 .layout2s > div {
    display: inline-block;
}

/* line 22, public/theme/greenfence3/sass/includes/_layout.scss */
.msie9 .header > nav > *,
.msie8 .header > nav > * {
    display: inline-block;
}

/* line 25, public/theme/greenfence3/sass/includes/_layout.scss */
.msie9 .header-toolbar > li,
.msie8 .header-toolbar > li {
    display: inline-block;
}

/* line 28, public/theme/greenfence3/sass/includes/_layout.scss */
.msie9 .nav-item,
.msie8 .nav-item {
    display: inline-block;
}

/* line 31, public/theme/greenfence3/sass/includes/_layout.scss */
.msie9 .ui-panel-wrapper0,
.msie8 .ui-panel-wrapper0 {
    width: 250px;
}

/* line 35, public/theme/greenfence3/sass/includes/_layout.scss */
.msie9 .nav-side .nav-item,
.msie8 .nav-side .nav-item {
    display: block;
}

/* line 41, public/theme/greenfence3/sass/includes/_layout.scss */
.layout,
.layout2,
.layout2s {
    margin-top: 30px;
}

/* line 47, public/theme/greenfence3/sass/includes/_layout.scss */
.layout > *:first-child,
.layout2 > *:first-child,
.layout2x > *:first-child,
.layout2s > *:first-child {
    flex: 0 !important;
    margin-right: 50px;
    margin-left: 20px;
}

/* line 56, public/theme/greenfence3/sass/includes/_layout.scss */
.layout > *,
.layout2 > *,
.layout2x > *,
.layout2s > * {
    flex: 1;
}

/* line 64, public/theme/greenfence3/sass/includes/_layout.scss */
.msie10 .layout > *:first-child,
.msie10 .layout2 > *:first-child,
.msie10 .layout2x > *:first-child,
.msie10 .layout2s > *:first-child {
    flex: 0 !important;
    margin-right: 300px;
    margin-left: 20px;
}

/* line 72, public/theme/greenfence3/sass/includes/_layout.scss */
.msie10 .ui-panel-wrapper {
    min-width: 250px !important;
}

/* line 75, public/theme/greenfence3/sass/includes/_layout.scss */
.msie10 .ui-panel-wrapper .nav-side-wrapper > * {
    width: 250px;
}

/* line 82, public/theme/greenfence3/sass/includes/_layout.scss */
.ie11 .signin-wrapper .container,
.msie10 .signin-wrapper .container {
    margin-left: 100px !important;
}

/* line 85, public/theme/greenfence3/sass/includes/_layout.scss */
.ie11 .container-vsplit-content,
.msie10 .container-vsplit-content {
    width: 100%;
}

/* line 88, public/theme/greenfence3/sass/includes/_layout.scss */
.ie11 .modal-dialog .multi-input-wrapper #q,
.msie10 .modal-dialog .multi-input-wrapper #q {
    height: 6%;
}

/* line 94, public/theme/greenfence3/sass/includes/_layout.scss */
.ie .layout > *:first-child,
.ie .layout2 > *:first-child,
.ie .layout2x > *:first-child,
.ie .layout2s > *:first-child {
    min-width: 230px;
}

/* line 102, public/theme/greenfence3/sass/includes/_layout.scss */
.layout > *:last-child {
    min-width: 25%;
    padding-left: 40px;
    flex: 0.6 !important;
}

/* line 108, public/theme/greenfence3/sass/includes/_layout.scss */
.layout > .layout-panel-sm:last-child {
    flex: 0.3 !important;
}

/* line 112, public/theme/greenfence3/sass/includes/_layout.scss */
.layout > .hidden.layout-panel-sm:last-child {
    flex: 0.1 !important;
}

/* line 116, public/theme/greenfence3/sass/includes/_layout.scss */
.layout2 > *:last-child,
.layout2x > *:last-child {
    margin-right: 0;
}

/* line 121, public/theme/greenfence3/sass/includes/_layout.scss */
.layout2s > *:last-child {
    margin-right: 10%;
}

/* line 133, public/theme/greenfence3/sass/includes/_layout.scss */
.layout2x > div:first-child,
.layout > div:first-child,
.layout2s > div:first-child,
.layout2 > div:first-child {
    display: none;
}

/* line 136, public/theme/greenfence3/sass/includes/_layout.scss */
.layout2x > div:last-child,
.layout > div:last-child,
.layout2s > div:last-child,
.layout2 > div:last-child {
    display: block !important;
    padding-left: 10px;
}

/*============================================================================
  Forms  v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group {
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: 0;
}

/* line 10, public/theme/greenfence3/sass/includes/_forms.scss */
.modal-body .form-group {
    padding: 10px 0;
}

/* line 14, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group-border {
    border-bottom: solid 1px #ededed;
}

/* line 18, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group-row {
    margin-bottom: 20px;
}

/* line 22, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group label, .label {
    min-width: 0em;
    font-weight: 600;
    display: inline-block;
    font-size: medium;
}

/* line 29, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group .label2 {
    font-size: 14px;
    font-weight: 400;
}

/* line 34, public/theme/greenfence3/sass/includes/_forms.scss */
.label-sm {
    font-size: 12px !important;
    font-weight: 600;
}

/* line 40, public/theme/greenfence3/sass/includes/_forms.scss */
.label-lg {
    font-size: 18px !important;
    font-weight: 600;
}

/* line 45, public/theme/greenfence3/sass/includes/_forms.scss */
.form-control {
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    padding: 15px 15px;
    border: thin solid #cbcbcb;
    background: #fff;
    border-radius: 2px;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border-radius: 4px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 66, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="number"] {
    display: block;
    width: 100%;
}

/* line 71, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group[type="date"], .form-group select, .form-group textarea {
    display: block;
    width: 100%;
}

/* line 75, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group input[type="checkbox"] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

/* line 85, public/theme/greenfence3/sass/includes/_forms.scss */
input[type="checkbox"].form-control, input[type="checkbox"].form-check {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

/* line 94, public/theme/greenfence3/sass/includes/_forms.scss */
.checkbox-rp {
    margin-right: 6px;
}

/* line 99, public/theme/greenfence3/sass/includes/_forms.scss */
input[type="radio"].form-control, input[type="radio"].form-check {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

/* line 108, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group .field-input input[type="file"] {
    width: 100%;
    border-style: none;
}

/* line 113, public/theme/greenfence3/sass/includes/_forms.scss */
legend {
    font-size: 20px;
    font-weight: 400;
    display: block;
    padding-top: 20px;
    padding-bottom: 0px;
}

/* line 121, public/theme/greenfence3/sass/includes/_forms.scss */
.input-field2 {
    margin-top: 10px;
}

/* line 125, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group2 {
    border: 1px solid #ccc;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #fafafa;
    display: flex;
    flex-direction: row;
}
  /* line 134, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group2 > * {
    vertical-align: top;
    display: inline-block;
}
  /* line 138, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group2 > :first-child {
    background-color: #fafafa;
    margin: 0;
    padding: 0px 20px;
    line-height: 3em;
    min-width: 10em;
}
  /* line 145, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group2 > :nth-child(2) {
    flex: 1;
    width: 40rem;
    margin: 0;
    background-color: white;
    vertical-align: top;
}
  /* line 153, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group2 .selectric {
    border: 0;
    border-left: thin solid #cbcbcb;
}

/* line 159, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group-custom {
    margin-bottom: 30px;
    margin-top: 10px;
}
  /* line 162, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group-custom > * {
    vertical-align: top;
}

/* line 167, public/theme/greenfence3/sass/includes/_forms.scss */
.input-wrapper {
    background-color: white;
    display: flex;
    padding: 12px 10px;
    border: thin solid #cbcbcb;
    background: #fff;
    border-radius: 2px;
    background-image: none;
    background-clip: padding-box;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  /* line 184, public/theme/greenfence3/sass/includes/_forms.scss */
.input-wrapper input[type='text'] {
    border: 0;
    padding: 0;
    color: #495057;
    border-radius: 2px;
    background-color: #fff;
    width: calc(95% - 10px);
    display: inline-block;
}
    /* line 192, public/theme/greenfence3/sass/includes/_forms.scss */
.input-wrapper input[type='text'].q {
    outline: none;
}
  /* line 196, public/theme/greenfence3/sass/includes/_forms.scss */
.input-wrapper input[name='q'] {
    outline: none;
}

/* line 202, public/theme/greenfence3/sass/includes/_forms.scss */
.required-alert {
    font-size: 0.8em;
    margin-top: 20px;
}
  /* line 205, public/theme/greenfence3/sass/includes/_forms.scss */
.required-alert .required {
    vertical-align: middle;
}

/* line 210, public/theme/greenfence3/sass/includes/_forms.scss */
.red {
    color: red;
}

/* line 214, public/theme/greenfence3/sass/includes/_forms.scss */
.redtxt, .required {
    color: red;
    font-weight: bold;
    font-size: large;
    position: relative;
    top: 0;
    padding-left: 2px;
}

/* line 223, public/theme/greenfence3/sass/includes/_forms.scss */
.caret {
    float: right;
    color: grey;
}

/* line 228, public/theme/greenfence3/sass/includes/_forms.scss */
.error {
    color: red;
    font-weight: bold;
    font-size: medium;
    padding-top: 10px;
}

/* line 235, public/theme/greenfence3/sass/includes/_forms.scss */
.form-control-icon {
    position: relative;
    left: 15px;
    font-size: 24px;
    z-index: 10;
    top: 40px;
}

/* line 243, public/theme/greenfence3/sass/includes/_forms.scss */
.form-control-with-icon {
    padding-left: 50px;
}

/* line 247, public/theme/greenfence3/sass/includes/_forms.scss */
.form-control-with-icon-right {
    padding-right: 50px;
}

/* line 251, public/theme/greenfence3/sass/includes/_forms.scss */
.form-control-wrapper {
    position: relative;
}

/* line 255, public/theme/greenfence3/sass/includes/_forms.scss */
.form-control-icon-right {
    right: 18px;
    position: absolute;
    font-size: 24px;
    z-index: 10;
    top: 15px;
}

/* line 263, public/theme/greenfence3/sass/includes/_forms.scss */
.form-group-compact {
    padding: 0;
}

/* line 267, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label {
    cursor: pointer;
}
  /* line 269, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label input[type="checkbox"] {
    display: none !important;
}
    /* line 271, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label input[type="checkbox"] ~ span {
    position: relative;
    display: block;
    font-weight: normal;
    padding: 0 0 0 30px !important;
    line-height: 1.6 !important;
}
      /* line 277, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label input[type="checkbox"] ~ span:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: #ececec;
    border: 1px solid #d0cece;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
      /* line 290, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label input[type="checkbox"] ~ span:after {
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    transition: all .3s;
}
    /* line 307, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label input[type="checkbox"]:checked ~ span:before {
    background: #00c771;
    border-color: #00c771;
}
    /* line 311, public/theme/greenfence3/sass/includes/_forms.scss */
.form-check-label input[type="checkbox"]:checked ~ span:after {
    opacity: 1;
}

/*============================================================================
  Container  v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_container.scss */
.container-vsplit, .container-full {
    margin: 0 auto;
    margin-top: 4%;
    margin-bottom: 10%;
    padding-top: 30px;
}

/* line 11, public/theme/greenfence3/sass/includes/_container.scss */
.container-vsplit, .modal-vsplit {
    display: flex;
}

/* line 15, public/theme/greenfence3/sass/includes/_container.scss */
.modal-noborder {
    border: inherit;
}

/* line 19, public/theme/greenfence3/sass/includes/_container.scss */
.container-centered {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
}

/* line 25, public/theme/greenfence3/sass/includes/_container.scss */
.container-vsplit .container-content, .container-vsplit-content {
    background: white;
    padding: 20px 30px;
    min-width: 70%;
    margin: 0;
}

/* line 32, public/theme/greenfence3/sass/includes/_container.scss */
.container-full-content {
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    margin-bottom: 10%;
}

/* line 39, public/theme/greenfence3/sass/includes/_container.scss */
.container-main {
    margin-bottom: 50px;
}

/* line 42, public/theme/greenfence3/sass/includes/_container.scss */
.container-sidebar, .modal-sidebar {
    padding: 20px;
    background: #34ca90;
    max-width: 280px;
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 600px) {
  /* line 55, public/theme/greenfence3/sass/includes/_container.scss */
    .container-sidebar, .modal-sidebar {
        display: none;
    }
}

/* line 61, public/theme/greenfence3/sass/includes/_container.scss */
.container-sidebar h4, .container-sidebar h2, .container-sidebar h3 {
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* line 69, public/theme/greenfence3/sass/includes/_container.scss */
.modal-sidebar h4, .modal-sidebar h2, .modal-sidebar h3 {
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* line 77, public/theme/greenfence3/sass/includes/_container.scss */
.container-vsplit-content-title h4, .container-vsplit-content-title h3, .container-vsplit-content-title h2 {
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: thin solid #dadada;
}

/* line 86, public/theme/greenfence3/sass/includes/_container.scss */
.container-content-title {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
    color: #515151;
}
  /* line 90, public/theme/greenfence3/sass/includes/_container.scss */
.container-content-title h1 {
    font-size: 2em;
}
  /* line 93, public/theme/greenfence3/sass/includes/_container.scss */
.container-content-title h2 {
    font-size: 1.8em;
}
  /* line 96, public/theme/greenfence3/sass/includes/_container.scss */
.container-content-title h3 {
    font-size: 1.6em;
}
  /* line 99, public/theme/greenfence3/sass/includes/_container.scss */
.container-content-title h4 {
    font-size: 1.4em;
    color: #515151;
}
  /* line 104, public/theme/greenfence3/sass/includes/_container.scss */
.container-content-title h3, .container-content-title h2, .container-content-title h1 {
    color: #515151;
}

/* line 109, public/theme/greenfence3/sass/includes/_container.scss */
.container-footer {
    margin-top: 60px;
    margin-bottom: 20px;
    border-top: thin solid #ccc;
    padding-top: 20px;
}
  /* line 114, public/theme/greenfence3/sass/includes/_container.scss */
.container-footer .btn {
    margin-right: 20px;
}
    /* line 116, public/theme/greenfence3/sass/includes/_container.scss */
.container-footer .btn:last-child {
    margin-right: 0px;
}

/* line 123, public/theme/greenfence3/sass/includes/_container.scss */
.modal .container-footer {
    margin-bottom: 0;
    margin-top: 10px;
}

/* line 128, public/theme/greenfence3/sass/includes/_container.scss */
.container-content {
    margin-top: 40px;
    margin-bottom: 80px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 320px) {
  /* Custom, iPhone Retina */
  /* line 139, public/theme/greenfence3/sass/includes/_container.scss */
    .container {
        max-width: initial;
    }
  /* line 142, public/theme/greenfence3/sass/includes/_container.scss */
    .container-content {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 480px) {
  /* Extra Small Devices, Phones */
  /* line 151, public/theme/greenfence3/sass/includes/_container.scss */
    .container {
        max-width: initial;
    }
  /* line 154, public/theme/greenfence3/sass/includes/_container.scss */
    .container-content {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 576px) {
  /* Large, Phones */
  /* line 163, public/theme/greenfence3/sass/includes/_container.scss */
    .container {
        max-width: initial;
    }
  /* line 166, public/theme/greenfence3/sass/includes/_container.scss */
    .container-content {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 768px) {
  /* Small Devices, Tablets */
  /* line 175, public/theme/greenfence3/sass/includes/_container.scss */
    .container-content {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) {
  /* Medium Devices, Desktops */
  /* line 184, public/theme/greenfence3/sass/includes/_container.scss */
    .container-content {
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1200px) {
  /* Large Devices, Wide Screens */
  /* line 193, public/theme/greenfence3/sass/includes/_container.scss */
    .container-content {
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1100px) {
  /* line 201, public/theme/greenfence3/sass/includes/_container.scss */
    .modal-xlg {
        max-width: 1000px;
    }
  /* line 204, public/theme/greenfence3/sass/includes/_container.scss */
    .modal-xxlg {
        max-width: 1060px;
    }
}

@media (min-width: 1200px) {
  /* line 210, public/theme/greenfence3/sass/includes/_container.scss */
    .modal-xxlg {
        max-width: 1140px;
    }
}

@media (min-width: 1300px) {
  /* line 216, public/theme/greenfence3/sass/includes/_container.scss */
    .modal-xxlg {
        max-width: 1240px;
    }
}

/* line 221, public/theme/greenfence3/sass/includes/_container.scss */
.modal-title {
    padding-right: 80px;
}

@media (min-width: 1300px) {
  /* line 226, public/theme/greenfence3/sass/includes/_container.scss */
    .container {
        max-width: 1240px !important;
    }
}

@media (min-width: 1400px) {
  /* line 232, public/theme/greenfence3/sass/includes/_container.scss */
    .container {
        max-width: 1340px !important;
    }
}

/*
@media (min-width: 360px) {
	.container {
	    max-width: 350px !important;
	}
}
*/
/* line 245, public/theme/greenfence3/sass/includes/_container.scss */
.modal-header {
    text-align: center;
    position: relative;
}

/* line 250, public/theme/greenfence3/sass/includes/_container.scss */
.modal-header .close {
    position: absolute;
    right: 30px;
    to: 30px;
}

/* line 256, public/theme/greenfence3/sass/includes/_container.scss */
.modal-header .icon-arrow-left:parent {
    float: left;
}

/* line 260, public/theme/greenfence3/sass/includes/_container.scss */
.modal-header .icon-arrow-right:parent {
    float: right;
}

/*============================================================================
	Multi-input
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input {
    background-color: white;
    display: inline-block;
    border: thin solid #cbcbcb;
    border-radius: 2px;
    background-image: none;
    background-clip: padding-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/* line 22, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-wrapper {
    position: relative;
}
  /* line 24, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-wrapper i {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* line 31, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input input[type='text'] {
    border: 0;
    color: #495057;
    border-radius: 2px;
    background-color: #fff;
    width: calc(95% - 10px);
    display: inline-block;
    line-height: 3.5em;
    padding: 0px 15px;
    padding-right: 40px;
}

/* line 43, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-items > * {
    display: inline-block;
    padding: 4px 4px;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    background-image: none;
    margin: 5px 10px;
    border-radius: 2px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
  /*border: 1px solid #aaaaaa;*/
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
}

/* line 68, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list {
    background-color: white;
    border: 1px solid #aaaaaa;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    position: relative;
}
  /* line 75, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list .active {
    background-color: #e4e4e4;
}
  /* line 79, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list > * {
    display: block;
    padding: 0.5rem;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
}
  /* line 87, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list > a {
    color: #333;
    text-decoration: none;
}
    /* line 90, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list > a:hover, .multi-input-list > a:active, .multi-input-list > a:visited, .multi-input-list > a:focus {
    color: #333;
    text-decoration: none;
}
    /* line 94, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list > a:hover, .multi-input-list > a:active {
    background-color: #e4e4e4;
}
  /* line 98, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-list > *:hover {
    background-color: #e4e4e4;
}

/* line 104, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item > span > img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

/* line 114, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input .multi-input-item-delete {
    padding-left: 30px;
    padding-right: 10px;
    vertical-align: middle;
    cursor: pointer;
}

/* line 121, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item > span {
    display: flex;
    align-items: center;
}

/* line 126, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item > span > span > :first-child {
    display: flex;
    align-items: center;
}

/* line 130, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item .label2 {
    font-size: 12px;
    color: #555;
    font-style: oblique;
    padding-left: 10px;
}

/* line 137, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item .label3 {
    font-size: 12px;
    color: #666;
    display: block;
    padding-top: 5px;
}

/* line 144, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item .label3 span {
    display: inline-block !important;
}

/* line 149, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-item .label3 img {
    margin-left: 5px;
    margin-right: 10px;
    display: inline-block;
}

/* line 156, public/theme/greenfence3/sass/includes/_multi-input.scss */
.multi-input-title {
    color: #888;
    font-weight: bold;
}

/*============================================================================
	Selectx	v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric {
    border: thin solid #cbcbcb;
    font-size: 16px;
    line-height: 18px;
    color: #303030;
    padding-top: 10px;
    padding-bottom: 10px;
}
  /* line 11, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
}
  /* line 18, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric i, .selectric .icon {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
  /* line 24, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .label {
    font-size: 16px;
    font-weight: 400;
    color: #495057;
    line-height: inherit;
    display: flex;
    align-items: center;
}
    /* line 31, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .label > span {
    display: flex;
    align-items: center;
}
  /* line 36, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .label1 {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    padding-left: 10px;
}
  /* line 43, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .label2 {
    font-size: 13px;
    color: #888;
    font-weight: 300;
    display: block;
}
  /* line 49, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .label3 {
    font-weight: bold;
    color: #aaa;
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: block;
}
  /* line 57, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .label4 {
    font-size: 16px;
    color: #444;
    display: block;
}
  /* line 63, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric .button-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 38px;
    height: 35px;
    line-height: 35px;
    color: #BBB;
    text-align: center;
}
  /* line 75, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric a:hover {
    background-color: #eee;
}

/* line 81, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-scroll i, .selectric-scroll [class^="icon-"], .selectric-scroll [class*=" icon-"] {
    text-align: right;
    font-style: normal;
    font-weight: normal;
}

/* line 89, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items ul {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    min-height: 3em;
}

/* line 95, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    min-height: 3em;
    display: flex;
    align-items: center;
    border-bottom: thin solid #f0f0f0;
}
  /* line 103, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items li > span {
    display: flex;
    align-items: center;
}

/* line 108, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items .label-wrapper {
    display: inline-block;
}

/* line 112, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
}

/* line 119, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items .label1 {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    padding-left: 10px;
}

/* line 126, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items .label2 {
    font-size: 13px;
    color: #888;
    font-weight: 300;
    display: block;
}

/* line 132, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items .label3 {
    font-weight: bold;
    color: #aaa;
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: block;
}

/* line 140, public/theme/greenfence3/sass/includes/_selectx.scss */
.selectric-items .label4 {
    font-size: 16px;
    color: #444;
    display: block;
}

/* line 148, public/theme/greenfence3/sass/includes/_selectx.scss */
.flagstrap-icon {
    margin-right: 15px;
    margin-left: 10px;
}

/*============================================================================
	Multi Selectx v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items {
    min-height: 2em;
    max-height: 10em;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cbcbcb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 1rem 0;
    font-size: 16px;
    width: 100%;
}

/* line 17, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items-lg {
    max-height: 16em;
}

/* line 21, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items-bg {
    background-color: #f8f8f8;
  /*box-shadow: 0 3px 3px rgba(0,0,0,0.1);*/
}

/* line 27, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: thin solid #ddd;
}

/* line 33, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .item:last-child {
    border-bottom: none;
}

/* line 36, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .item > :first-child {
    display: flex;
    align-items: center;
    flex: 1;
}

/* line 41, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items img {
    width: 30px;
    display: inline-block;
    margin-right: 20px;
}

/* line 46, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .round img {
    height: 30px;
    border-radius: 50%;
}

/* line 50, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items i, .mselect-items .icon {
    font-size: 22px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* line 56, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .label-wrapper {
    display: inline-block;
}
  /* line 58, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .label-wrapper i, .mselect-items .label-wrapper .icon {
    font-size: 20px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* line 65, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .label1 {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    padding-left: 10px;
}

/* line 72, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .label2 {
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    color: #888;
    display: block;
}

/* line 79, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .label3 {
    font-weight: bold;
    color: #aaa;
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: block;
}

/* line 87, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .label4 {
    font-size: 16px;
    color: #444;
    display: block;
}

/* line 92, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-items .item-delete {
    margin-right: 0;
    margin-left: 20px;
}

/* line 99, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.selectric-items i {
    font-size: 20px;
    padding-right: 15px;
}

/* line 104, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.selectric-items li.item-selected {
    font-weight: bold;
}

/* line 109, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-box {
    background-color: #fafafa;
    padding: 30px 20px 10px 20px;
}
  /* line 112, public/theme/greenfence3/sass/includes/_multi-selectx.scss */
.mselect-box .selectric {
    background: #fff;
}

/*============================================================================
  Pager v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_pager.scss */
.pager {
    margin: 15px 0 0 0;
    padding: 20px 10px;
  /*     background-color: white; */
    background-color: #FFFFFF;
}

/* line 11, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-link {
    font-weight: 600;
    border: 1px solid #CBCFD2;
    background-color: #FCFCFC;
    font-size: 14px;
}

/* line 18, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-link i {
    color: black;
    font-size: 17px;
}

/* line 23, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .pagination-wrapper {
    display: flex;
    align-items: center;
}

/* line 28, public/theme/greenfence3/sass/includes/_pager.scss */
.pager ul {
    margin-bottom: 0;
}

/* line 32, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .selectric-wrapper {
    display: inline-block;
}

/* line 36, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .pagination-wrapper ul li {
    display: inline;
    margin: 0px 10px 0px 0px;
}

/* line 41, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .selectric {
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 5em;
}

/* line 47, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .selectric .button-icon {
    top: 1px;
    left: 35px;
}

/* line 52, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .icon-pagesize {
    font-size: 28px;
    position: relative;
    bottom: 5px;
    padding-right: 8px;
}

/* line 59, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-item.active .page-link {
    color: black;
    border: 1px solid #7a7d7e;
    background-color: #FCFCFC;
    font-weight: bold;
    border-radius: 0;
}

/* line 67, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-item.number a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*============================================================================
  Alert  v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_alert.scss */
.msg-box {
    font-weight: bold;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    top: 10px;
    background: none;
    z-index: 10000;
}

/* line 15, public/theme/greenfence3/sass/includes/_alert.scss */
.msg-info > *, .msg-error > * {
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    margin: 0 auto;
}

/* line 22, public/theme/greenfence3/sass/includes/_alert.scss */
.msg-error > * {
    background-color: red;
    color: white;
}

/* line 27, public/theme/greenfence3/sass/includes/_alert.scss */
.msg-info > * {
    color: fff;
    background-color: black;
}

/* line 34, public/theme/greenfence3/sass/includes/_alert.scss */
.gf-alert.alert {
    position: absolute;
    right: 50px;
    bottom: 20;
}

/*============================================================================
  Actions Menu  v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.popover {
    padding: 0;
}

/* line 7, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.popover-body {
    padding: 20px 0;
    margin: 0;
}

/* line 12, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions {
    cursor: pointer;
}

/* line 16, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-right {
    float: right;
    padding-right: 10px;
}

/* line 21, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu, .actions-td {
    padding: 0;
    margin: 0;
    border: 0;
}

/* line 28, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu ul, .actions-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* line 33, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu a, .actions-menu button {
    text-decoration: none;
    color: #38393d;
    border-left: 4px solid #fff;
    display: block;
    padding: 10px 20px;
    margin: 0 !important;
}
  /* line 40, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu a:hover, .actions-menu a:visited, .actions-menu a:active, .actions-menu a:focus, .actions-menu button:hover, .actions-menu button:visited, .actions-menu button:active, .actions-menu button:focus {
    text-decoration: none;
    color: #38393d;
    border-left: 4px solid #fff;
    display: block;
    padding: 10px 20px;
}
  /* line 47, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu a:hover, .actions-menu button:hover {
    border-left: 4px solid #38393d;
}

/* line 51, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu i {
    padding-right: 20px;
}

/* line 54, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu form {
    padding: 0 !important;
    margin: 0 !important;
}

/* line 58, public/theme/greenfence3/sass/includes/_actions-menu.scss */
.actions-menu button {
    border: none;
    border-left: 4px solid #fff;
    background: none;
    vertical-align: middle;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*============================================================================
  Select Org  v1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_select-org.scss */
.table-orgs-select-wrapper {
    max-height: 20em;
    overflow: auto;
}

/* line 10, public/theme/greenfence3/sass/includes/_select-org.scss */
.table-orgs-select-wrapper .handler {
    width: 40px;
    cursor: pointer;
}

/* line 16, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .d-xflex {
    display: block;
}

/* line 19, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric {
    border: none;
}
  /* line 21, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric img {
    height: 40px;
    width: 40px;
}
  /* line 25, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric .label-wrapper {
    text-align: left;
    font-weight: 600;
    color: #aaa;
}
    /* line 29, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric .label-wrapper .label2 {
    font-size: 13px;
    color: #888;
    font-weight: 300;
    display: block;
}
  /* line 36, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric .label {
    height: 50px;
}

/* line 43, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric-items {
    box-shadow: none;
    border: thin solide #ccc;
}

/* line 48, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .button-icon {
    margin-right: 4px;
}

/* line 53, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric, .org-picker .org-picker-op .selectric-items {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}
  /* line 59, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric li, .org-picker .org-picker-op .selectric-items li {
    line-height: 1.2;
    min-height: 2em;
    padding: 5px 10px;
}
  /* line 65, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric img, .org-picker .org-picker-op .selectric-items img {
    height: 25px;
    width: 25px;
    margin-right: 28px;
    margin-left: 3px;
}
  /* line 71, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric .button-icon, .org-picker .org-picker-op .selectric-items .button-icon {
    top: -2px;
    margin-right: 0px;
}
  /* line 75, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric i, .org-picker .org-picker-op .selectric-items i {
    font-size: 20px;
    padding-left: 5px;
    padding-right: 30px;
    margin-right: 0;
}
  /* line 81, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric .label-wrapper, .org-picker .org-picker-op .selectric-items .label-wrapper {
    text-align: left;
    font-weight: 400;
    color: #aaa;
    font-size: 13px;
}
    /* line 86, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric .label-wrapper .label2, .org-picker .org-picker-op .selectric-items .label-wrapper .label2 {
    line-height: 1em;
    font-size: 11px;
    color: #888;
    font-weight: 300;
    display: block;
}
  /* line 94, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .org-picker-op .selectric .label, .org-picker .org-picker-op .selectric-items .label {
    height: 30px;
}

/* line 103, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric-focus .selectric {
    box-shadow: none;
}

/* line 106, public/theme/greenfence3/sass/includes/_select-org.scss */
.org-picker .selectric-hover .selectric {
    border-color: none;
}

/*============================================================================
  Pager v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_pager.scss */
.pager {
    margin: 15px 0 0 0;
    padding: 20px 10px;
  /*     background-color: white; */
    background-color: #FFFFFF;
}

/* line 11, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-link {
    font-weight: 600;
    border: 1px solid #CBCFD2;
    background-color: #FCFCFC;
    font-size: 14px;
}

/* line 18, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-link i {
    color: black;
    font-size: 17px;
}

/* line 23, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .pagination-wrapper {
    display: flex;
    align-items: center;
}

/* line 28, public/theme/greenfence3/sass/includes/_pager.scss */
.pager ul {
    margin-bottom: 0;
}

/* line 32, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .selectric-wrapper {
    display: inline-block;
}

/* line 36, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .pagination-wrapper ul li {
    display: inline;
    margin: 0px 10px 0px 0px;
}

/* line 41, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .selectric {
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 5em;
}

/* line 47, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .selectric .button-icon {
    top: 1px;
    left: 35px;
}

/* line 52, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .icon-pagesize {
    font-size: 28px;
    position: relative;
    bottom: 5px;
    padding-right: 8px;
}

/* line 59, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-item.active .page-link {
    color: black;
    border: 1px solid #7a7d7e;
    background-color: #FCFCFC;
    font-weight: bold;
    border-radius: 0;
}

/* line 67, public/theme/greenfence3/sass/includes/_pager.scss */
.pager .page-item.number a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*============================================================================
  Greenfence Extra  v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.logo {
    background-image: url(../img/greenfence-full-logo.png) !important;
    background-repeat: no-repeat !important;
    background-position: inherit !important;
    height: 30px !important;
    width: 130px !important;
}

/* line 13, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.header-wrapper {
    border-top: 4px solid #00c771;
}

/* line 17, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
body {
    font-size: 16px;
    color: #383838;
    background: white;
}

/* line 23, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.btn-g {
    background-color: #42c080;
    min-width: initial;
    color: white;
}
  /* line 27, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.btn-g:visited {
    background-color: #42c080;
    min-width: initial;
    color: white;
}
  /* line 32, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.btn-g:hover, .btn-g:active, .btn-g:focus {
    background-color: #33ab6f;
    color: white;
}

/* line 39, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 4em;
}

/* line 51, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 46px;
}

/* line 59, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
div.fileinputs {
    position: relative;
}

/* line 63, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
div.fakefile input {
    width: 100%;
    height: 46px;
    border: dashed 1px #cbcbcb;
    padding: 0px 5px;
    color: #434343;
}

/* line 70, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
div.fakefile button {
    left: 79%;
    position: relative;
    padding: 0;
    margin: 0;
    clear: both;
    height: 34px;
    min-width: 110px;
    top: -40px;
}

/* line 83, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.loading {
    margin: auto;
    width: 200px;
    display: block;
    height: 200px;
}

/*Notifications*/
/* line 92, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
a.notification-delete {
    font-size: large;
    color: grey;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: none;
}
  /* line 101, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
a.notification-delete:hover, a.notification-delete:visited, a.notification-delete:active, a.notification-delete:focus {
    font-size: large;
    color: grey;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: none;
}

/* line 113, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard {
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    color: #3b3b3b;
    position: relative;
    font-size: 16px;
}
  /* line 123, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard:last-child {
    margin-bottom: 0;
}
  /* line 128, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard .hcard-footer {
    margin-top: 30px;
}
  /* line 131, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard .title {
    font-size: 18px;
    line-height: 1.33;
    display: block;
    margin-bottom: 5px;
}
  /* line 137, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard .subtitle {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
  /* line 142, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard .subsubtitle {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    display: block;
}
  /* line 148, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard a {
    text-decoration: none;
    color: #3b3b3b;
}
    /* line 151, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.hcard a:hover, .hcard a:active, .hcard a:visited, .hcard a:focus {
    text-decoration: none;
    color: #3b3b3b;
}

/* line 158, public/theme/greenfence3/sass/includes/_greenfence-extra.scss */
.h-bg {
    background-color: #444;
    color: white;
}

/*============================================================================
  Dashboard v1
============================================================================*/
/* line 7, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-toolbar-wrapper {
    background-color: #fff;
    min-height: 30px;
    margin-bottom: 30px !important;
    overflow: hidden;
}

/* line 13, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-toolbar {
    display: flex;
    background-color: #fff;
    overflow: hidden;
    margin: 20 40;
}

/* line 19, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-section {
    display: flex;
    margin-top: 30px;
    margin-bottom: 60px;
}

/* line 25, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-section-2 {
    justify-content: space-around;
    padding-left: 60px;
    padding-right: 60px;
}

/* line 31, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card-block {
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 30px;
}

/* line 37, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card {
    padding: 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(184, 184, 184, 0.35);
    box-shadow: 0 1px 3px rgba(184, 184, 184, 0.35);
}
  /* line 44, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card .card-content {
    min-height: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
    /* line 49, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card .card-content .card-content-head {
    margin-bottom: 0;
}

/* line 55, public/theme/greenfence3/sass/includes/_dashboard.scss */
.card-icon-block {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    align-items: center;
}

/* line 74, public/theme/greenfence3/sass/includes/_dashboard.scss */
.grey-circle {
    font-size: 50px;
    color: #777;
    position: relative;
    background: #f2f2f2;
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    align-items: center;
}

/* line 101, public/theme/greenfence3/sass/includes/_dashboard.scss */
.mini-icon-wrapper {
    border: solid 1 #fff;
    background: #38393d;
    right: 0.2rem;
    position: absolute;
    top: 0.2rem;
    left: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    align-items: center;
    font-size: 16px;
}

/* line 130, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card-footer {
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
}

/* line 146, public/theme/greenfence3/sass/includes/_dashboard.scss */
.btn-card {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 10em;
    text-transform: uppercase;
    color: #fff;
    background-color: #38393d;
    position: relative;
    display: block;
    height: 3em;
    line-height: 3em;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    border-radius: 2px;
    text-decoration: none !important;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
}

/* line 169, public/theme/greenfence3/sass/includes/_dashboard.scss */
a.btn-card {
    min-width: 10em;
    text-transform: uppercase;
    color: #fff;
    background-color: #38393d;
    position: relative;
    display: block;
    height: 3em;
    line-height: 3em;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    border-radius: 2px;
    text-decoration: none !important;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
}
  /* line 188, public/theme/greenfence3/sass/includes/_dashboard.scss */
a.btn-card:hover, a.btn-card:active, a.btn-card:visited, a.btn-card:focus {
    min-width: 10em;
    text-transform: uppercase;
    color: #fff;
    background-color: #38393d;
    position: relative;
    display: block;
    height: 3em;
    line-height: 3em;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    border-radius: 2px;
    text-decoration: none !important;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
}

/* line 213, public/theme/greenfence3/sass/includes/_dashboard.scss */
.card-content-head, h2.card-content-head {
    text-align: center;
    font-weight: 400;
  /*text-transform: uppercase;*/
}

/* line 219, public/theme/greenfence3/sass/includes/_dashboard.scss */
.card-content-text {
    height: 3em;
    color: #777;
    overflow: hidden;
    line-height: 1.5;
}

/* line 226, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-footer {
    font-size: 18px;
    font-weight: 400;
    padding: 20px 10px;
    color: #434343;
    display: block;
    text-align: center;
    align-items: center;
    clear: both;
    margin-top: 40px;
}

/* line 238, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card {
    width: 200px;
    position: relative;
}
  /* line 241, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card .info {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 100;
    cursor: pointer;
    visibility: hidden;
}
  /* line 249, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card .ico-fav {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    font-size: 20px;
    cursor: pointer;
    color: #888;
    visibility: hidden;
}
  /* line 260, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card:hover .info {
    visibility: visible;
}
  /* line 263, public/theme/greenfence3/sass/includes/_dashboard.scss */
.dashboard-card:hover .ico-fav {
    visibility: visible;
}

@media only screen and (min-width: 320px) {
  /* Custom, iPhone Retina */
  /* line 271, public/theme/greenfence3/sass/includes/_dashboard.scss */
    .dashboard-card {
        width: 160px;
    }
}

@media only screen and (min-width: 480px) {
  /* Extra Small Devices, Phones */
  /* line 278, public/theme/greenfence3/sass/includes/_dashboard.scss */
    .dashboard-card {
        width: 200px;
    }
}

@media only screen and (min-width: 768px) {
  /* Small Devices, Tablets */
  /* line 285, public/theme/greenfence3/sass/includes/_dashboard.scss */
    .dashboard-card {
        width: 220px;
    }
}

@media only screen and (min-width: 992px) {
  /* Medium Devices, Desktops */
  /* line 292, public/theme/greenfence3/sass/includes/_dashboard.scss */
    .dashboard-card {
        width: 240px;
    }
}

@media only screen and (min-width: 1200px) {
  /* Large Devices, Wide Screens */
  /* line 299, public/theme/greenfence3/sass/includes/_dashboard.scss */
    .dashboard-card {
        width: 260px;
    }
}

/* line 306, public/theme/greenfence3/sass/includes/_dashboard.scss */
a.btn-dashboard-large, a.btn-dashboard-large:visited, a.btn-dashboard-large:active, a.btn-dashboard-large:focus, a.btn-dashboard-large:hover {
    width: 200px;
    height: 200px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #707070;
    padding: 12px;
    color: #fff;
    border: none;
    min-width: 150px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    margin: 10px;
    padding: 30px 20px;
    display: inline-block;
}

/* line 329, public/theme/greenfence3/sass/includes/_dashboard.scss */
a.btn-dashboard-large:active, a.btn-dashboard-large:focus, a.btn-dashboard-large:hover {
    background-color: #434343;
}

/* line 333, public/theme/greenfence3/sass/includes/_dashboard.scss */
.btn-dashboard-large i {
    font-size: 70px;
    display: block;
}

/* line 339, public/theme/greenfence3/sass/includes/_dashboard.scss */
.btn-dashboard-large-title {
    word-wrap: break-word;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-top: 24px;
    text-transform: uppercase;
    font-weight: 600;
}

/*============================================================================
  Profile Header v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_profile-header.scss */
.header-profile {
    position: relative;
}

/* line 8, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-header {
    position: relative;
    margin: 0px auto;
    z-index: 10;
    height: 200px;
    width: 100%;
    background-size: cover;
    background-image: url("/img/cover.jpg");
    padding-top: 10px !important;
    padding-left: 20% !important;
}
  /* line 18, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-header .upload-btn {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    right: 1rem;
    border: 1px solid #fff;
    background-color: rgba(79, 79, 80, 0.5);
    z-index: 999999;
    padding: 0;
    padding-left: 8px;
    color: white !important;
    background: #4F4F50;
}
    /* line 34, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-header .upload-btn i {
    margin-left: 15px;
    font-size: 14px;
    background: #5F5F60;
    display: inline-block;
    padding: 6px;
}

/* line 44, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-public {
    padding-top: 20px;
    height: 180px;
}

/* line 49, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-wrapper {
    display: flex;
    align-items: center;
}

/* line 54, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-avatar {
    vertical-align: top;
}

/* line 58, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-content {
    vertical-align: middle;
}

/* line 62, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-msg-metaline {
    color: #d7d7d7;
    font-size: 24px;
    display: block;
}

/* line 68, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-msg {
    font-weight: 900;
    display: inline;
    margin: 10px 0 5px;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
}

/* line 79, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-user-name {
    font-size: 40px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-decoration: none !important;
}

/* line 89, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-user-title {
    color: #fff;
}

/* line 93, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-user-location {
    cursor: text;
    color: #fff;
    padding-bottom: 20px;
}

/* line 99, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-social {
    margin-top: 10px;
    color: #fff;
}
  /* line 102, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-social a {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    margin-right: 20px;
}

/* line 110, public/theme/greenfence3/sass/includes/_profile-header.scss */
a.dashboard-button {
    font-size: 12px;
    padding-left: 10px;
    background: #EBEBEC;
    color: #707070;
    margin-top: 10px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 2.5em;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    border-radius: 2px;
    text-decoration: none !important;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
}
  /* line 128, public/theme/greenfence3/sass/includes/_profile-header.scss */
a.dashboard-button:hover, a.dashboard-button:focus {
    background: #D5D5D5;
}

/* line 133, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-button .butt_icon_right {
    border-radius: 0 2px 2px 0;
    width: 2.5em;
    padding: 10px;
    background: #D5D5D5;
    display: inline-block;
    margin-left: 10px;
}

/* line 142, public/theme/greenfence3/sass/includes/_profile-header.scss */
.user_msg_hline {
    font-weight: 900;
    display: inline;
    font-size: 1.8rem;
    margin: 1rem 0 0.2rem;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
}

/* line 152, public/theme/greenfence3/sass/includes/_profile-header.scss */
section {
    padding-top: 0;
}

/* line 156, public/theme/greenfence3/sass/includes/_profile-header.scss */
.profile_header_w {
    z-index: 2;
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
}

/* line 164, public/theme/greenfence3/sass/includes/_profile-header.scss */
.dashboard-avatar img {
    position: relative;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    left: 6px;
    top: 6px;
}

/* line 173, public/theme/greenfence3/sass/includes/_profile-header.scss */
.avatar_upload {
    width: 11rem;
    height: 11rem;
    line-height: 11rem;
    cursor: pointer;
    border-radius: 50%;
}

/* line 181, public/theme/greenfence3/sass/includes/_profile-header.scss */
.c100 {
    position: relative;
    font-size: 102px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 20px 10px 0;
    background-color: #575757;
}

/* line 192, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs-wrapper {
    position: relative;
    top: -50px;
    padding: 0;
    width: 65%;
    margin: 0 auto;
    z-index: 10;
}

/* line 201, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs {
    background: rgba(255, 255, 255, 0.2);
    padding: 0;
    border-radius: 5px 5px 0 0;
    font-weight: normal;
    font-size: 16px;
    border: 0;
    outline: 0;
}
  /* line 210, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: flex-start;
    -webkit-box-pack: start;
    -webkit-box-align: start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
  /* line 240, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs li {
    position: relative;
    margin: 0 1.6rem 0 0;
    display: block;
    float: left;
    list-style: none;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
  /* line 255, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs a {
    color: #fff;
    display: block;
    position: relative;
    border-radius: 5px 5px 0 0;
    opacity: 0.75;
    text-transform: uppercase;
    padding: 16px 30px;
    text-decoration: none !important;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    cursor: pointer;
}
    /* line 269, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs a:hover, .master-tabs a:active, .master-tabs a:visited, .master-tabs a:focus {
    color: #fff;
    display: block;
    position: relative;
    border-radius: 5px 5px 0 0;
    opacity: 0.75;
    text-transform: uppercase;
    padding: 16px 30px;
    text-decoration: none !important;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    cursor: pointer;
}
    /* line 284, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs a:hover {
    opacity: 1;
}
    /* line 287, public/theme/greenfence3/sass/includes/_profile-header.scss */
.master-tabs a.active {
    color: #383838;
    background: white;
    opacity: 1;
}

/* line 300, public/theme/greenfence3/sass/includes/_profile-header.scss */
.c_tooltip {
    position: absolute;
    top: 16rem;
    right: 1rem;
    display: inline-block;
}

/* line 306, public/theme/greenfence3/sass/includes/_profile-header.scss */
.slider_cover_header .update_buton {
    padding: 0 3.7rem 0 1.5rem;
    right: 1rem;
    top: 16rem;
    border: 1px solid #fff;
    background-color: #4F4F50;
    color: #fff;
    z-index: 999;
}

/* line 315, public/theme/greenfence3/sass/includes/_profile-header.scss */
.c_tooltip .update_buton {
    position: relative;
    top: 0;
    right: 0;
}

/* line 320, public/theme/greenfence3/sass/includes/_profile-header.scss */
.small_button {
    width: auto !important;
    font-size: 1.1rem;
    padding-left: 1.5rem;
    padding-right: 0;
    background: #EBEBEC;
    color: #707070;
}

/* line 328, public/theme/greenfence3/sass/includes/_profile-header.scss */
.c_tooltip .c_tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #424242;
    color: #fff;
    text-align: left;
    border-radius: 3px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 45px;
    right: 0;
    line-height: 2.0;
}

/*============================================================================
  Profile Body v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-body {
    width: 100%;
    margin: 0;
    background: #fff;
    margin-bottom: 20px;
    padding-left: 10%;
    padding-right: 10%;
}

/* line 13, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 67rem;
}

/* line 20, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-headline {
    display: block;
    color: #434343;
    font-size: 1.8rem;
    font-weight: 600;
}

/* line 27, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-about-text {
    max-height: 8.5em;
    line-height: 1.7;
    text-align: justify;
    overflow: hidden;
}

/* line 34, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-contact-info {
    width: 27rem;
    margin: 1.6rem 0 1.6rem auto;
    box-shadow: inset 1px 0 0 #F1F1F1;
    overflow: hidden;
}

/* line 41, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-contact-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* line 46, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-contact-info li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

/* line 54, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-contact-link:hover, .profile-contact-link:focus {
    cursor: pointer;
    text-decoration: none;
    color: #38393d;
}

/* line 59, public/theme/greenfence3/sass/includes/_profile-body.scss */
.profile-contact-link {
    padding-left: 10px;
    line-height: 2em;
    color: #8a8a8a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*============================================================================
	Notifications v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-list {
    padding: 0;
    max-height: 600px;
    overflow-y: scroll;
}
  /* line 9, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-list .notification {
    border: none;
    border-bottom: thin solid #eee;
    margin-bottom: 0px;
    margin-top: 0px;
    box-shadow: inherit;
}
  /* line 16, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-list .notification-inner {
    min-height: 50px;
}
  /* line 19, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-list .notification-date {
    font-size: 14px;
    margin: 0;
}
  /* line 23, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-list h5, .notification-list h3 {
    font-size: 14px;
}

/* line 28, public/theme/greenfence3/sass/includes/_notifications.scss */
.notifications-container {
    margin-bottom: 40px;
}

/* line 32, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification {
    border: thin solid #eee;
    margin-bottom: 30px;
    margin-top: 10px;
    background-color: white;
    box-shadow: 2px 2px 2px #ccc;
}

/* line 40, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-imgs {
    min-width: 100px;
}

/* line 44, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-body .avatar {
    margin-left: 10px;
    margin-right: 10px;
}

/* line 49, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-inner {
    display: flex;
    align-items: center;
    min-height: 100px;
    padding: 20px;
}

/* line 59, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-content {
    color: #373737;
    display: inline-block;
}

/* line 64, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-meta {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    vertical-align: bottom;
}

/* line 72, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-date {
    color: #bcbcbc;
    font-size: 16px;
    margin: 0px 20px;
    white-space: nowrap;
    display: inline-block;
}

/* line 81, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification-triggers .triggers {
    margin: 20px 10px;
}

/* line 86, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers {
    margin-top: 20px;
}
  /* line 88, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers ul {
    display: flex;
    justify-content: space-between;
}
  /* line 92, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers ul, .triggers li {
    list-style: none;
    margin: 0;
    padding: 0;
}
  /* line 97, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers form {
    display: inline;
    margin: 0;
    padding: 0;
}
  /* line 102, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers button {
    border: 0;
}
  /* line 105, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers ul > li:last-child .trigger {
    margin-right: 0;
}
  /* line 108, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers .notification-status {
    font-weight: 600;
    font-size: 18px;
    color: #444;
}
  /* line 113, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers .notification-status.accepted {
    color: #38393d;
}
  /* line 116, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers .notification-status.failed {
    color: #e41a2d;
}
  /* line 119, public/theme/greenfence3/sass/includes/_notifications.scss */
.triggers .notification-status.rejected {
    color: #e41a2d;
}

/* line 125, public/theme/greenfence3/sass/includes/_notifications.scss */
.trigger {
    font-size: 12px;
    padding: 10px 20px;
    margin-right: 30px;
    text-transform: uppercase;
}
  /* line 130, public/theme/greenfence3/sass/includes/_notifications.scss */
.trigger:first-child {
    margin-left: 0;
}

/* line 134, public/theme/greenfence3/sass/includes/_notifications.scss */
.trigger-accept {
    color: #fff;
    background: #38393d;
}
  /* line 137, public/theme/greenfence3/sass/includes/_notifications.scss */
.trigger-accept:hover {
    background: #202022;
}

/* line 141, public/theme/greenfence3/sass/includes/_notifications.scss */
.trigger-reject {
    color: #fff;
    background: #e41a2d;
}
  /* line 144, public/theme/greenfence3/sass/includes/_notifications.scss */
.trigger-reject:hover {
    background: #e34d4d;
}

/* line 150, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification2 {
    background-color: white;
    margin-bottom: 0px;
    border-bottom: thin solid #aaa;
}

/* line 156, public/theme/greenfence3/sass/includes/_notifications.scss */
.notification .source {
    font-size: large;
}

/* line 160, public/theme/greenfence3/sass/includes/_notifications.scss */
.app-preferences {
    margin-top: 30px;
}

/* line 164, public/theme/greenfence3/sass/includes/_notifications.scss */
table.preferences {
    width: 90%;
}
  /* line 166, public/theme/greenfence3/sass/includes/_notifications.scss */
table.preferences th {
    padding: 10px 20px;
    background-color: #74ba6f;
    color: white;
    padding: 10px 20px;
}
  /* line 172, public/theme/greenfence3/sass/includes/_notifications.scss */
table.preferences td {
    padding: 20px 20px 10px 20px;
}
  /* line 175, public/theme/greenfence3/sass/includes/_notifications.scss */
table.preferences .switch, table.preferences th.switch {
    width: 100px;
    text-align: center;
}

/* line 181, public/theme/greenfence3/sass/includes/_notifications.scss */
.app h3 {
    font-size: larger;
    font-weight: bold;
}

/* Notifications*/
/* line 188, public/theme/greenfence3/sass/includes/_notifications.scss */
a.notification-delete {
    font-size: large;
    color: grey;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: none;
}
  /* line 197, public/theme/greenfence3/sass/includes/_notifications.scss */
a.notification-delete:hover, a.notification-delete:visited, a.notification-delete:active, a.notification-delete:focus {
    font-size: large;
    color: grey;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: none;
}

/*============================================================================
	Messages v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_messages.scss */
.message-list {
    padding: 0;
    max-height: 600px;
    overflow-y: scroll;
}
  /* line 9, public/theme/greenfence3/sass/includes/_messages.scss */
.message-list .message {
    border: none;
    border-bottom: thin solid #eee;
    margin-bottom: 0px;
    margin-top: 0px;
    box-shadow: inherit;
}
  /* line 16, public/theme/greenfence3/sass/includes/_messages.scss */
.message-list .message-inner {
    min-height: 50px;
}
  /* line 19, public/theme/greenfence3/sass/includes/_messages.scss */
.message-list .message-date {
    font-size: 14px;
    margin: 0;
}
  /* line 23, public/theme/greenfence3/sass/includes/_messages.scss */
.message-list h5, .message-list h3 {
    font-size: 14px;
}

/* line 28, public/theme/greenfence3/sass/includes/_messages.scss */
.messages-container {
    margin-bottom: 40px;
}

/* line 32, public/theme/greenfence3/sass/includes/_messages.scss */
.message {
    border: thin solid #eee;
    margin-bottom: 30px;
    margin-top: 10px;
    background-color: white;
    box-shadow: 2px 2px 2px #ccc;
}

/* line 40, public/theme/greenfence3/sass/includes/_messages.scss */
.message-imgs {
    min-width: 100px;
}

/* line 44, public/theme/greenfence3/sass/includes/_messages.scss */
.message-body .avatar {
    margin-left: 10px;
    margin-right: 10px;
}

/* line 49, public/theme/greenfence3/sass/includes/_messages.scss */
.message-inner {
    display: flex;
    align-items: center;
    min-height: 100px;
    padding: 20px;
}

/* line 59, public/theme/greenfence3/sass/includes/_messages.scss */
.message-content {
    color: #373737;
    display: inline-block;
}

/* line 64, public/theme/greenfence3/sass/includes/_messages.scss */
.message-meta {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    vertical-align: bottom;
}

/* line 72, public/theme/greenfence3/sass/includes/_messages.scss */
.message-date {
    color: #bcbcbc;
    font-size: 16px;
    margin: 0px 20px;
    white-space: nowrap;
    display: inline-block;
}

/* line 81, public/theme/greenfence3/sass/includes/_messages.scss */
.message-triggers .triggers {
    margin: 20px 10px;
}

/* line 86, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers {
    margin-top: 20px;
}
  /* line 88, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers ul {
    display: flex;
    justify-content: space-between;
}
  /* line 92, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers ul, .triggers li {
    list-style: none;
    margin: 0;
    padding: 0;
}
  /* line 97, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers form {
    display: inline;
    margin: 0;
    padding: 0;
}
  /* line 102, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers button {
    border: 0;
}
  /* line 105, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers ul > li:last-child .trigger {
    margin-right: 0;
}
  /* line 108, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers .message-status {
    font-weight: 600;
    font-size: 18px;
    color: #444;
}
  /* line 113, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers .message-status.accepted {
    color: #38393d;
}
  /* line 116, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers .message-status.failed {
    color: #e41a2d;
}
  /* line 119, public/theme/greenfence3/sass/includes/_messages.scss */
.triggers .message-status.rejected {
    color: #e41a2d;
}

/* line 125, public/theme/greenfence3/sass/includes/_messages.scss */
.trigger {
    font-size: 12px;
    padding: 10px 20px;
    margin-right: 30px;
    text-transform: uppercase;
}
  /* line 130, public/theme/greenfence3/sass/includes/_messages.scss */
.trigger:first-child {
    margin-left: 0;
}

/* line 134, public/theme/greenfence3/sass/includes/_messages.scss */
.trigger-accept {
    color: #fff;
    background: #38393d;
}
  /* line 137, public/theme/greenfence3/sass/includes/_messages.scss */
.trigger-accept:hover {
    background: #202022;
}

/* line 141, public/theme/greenfence3/sass/includes/_messages.scss */
.trigger-reject {
    color: #fff;
    background: #e41a2d;
}
  /* line 144, public/theme/greenfence3/sass/includes/_messages.scss */
.trigger-reject:hover {
    background: #e34d4d;
}

/* line 150, public/theme/greenfence3/sass/includes/_messages.scss */
.message2 {
    background-color: white;
    margin-bottom: 0px;
    border-bottom: thin solid #aaa;
}

/* line 156, public/theme/greenfence3/sass/includes/_messages.scss */
.message .source {
    font-size: large;
}

/* line 160, public/theme/greenfence3/sass/includes/_messages.scss */
.app-preferences {
    margin-top: 30px;
}

/* line 164, public/theme/greenfence3/sass/includes/_messages.scss */
table.preferences {
    width: 90%;
}
  /* line 166, public/theme/greenfence3/sass/includes/_messages.scss */
table.preferences th {
    padding: 10px 20px;
    background-color: #74ba6f;
    color: white;
    padding: 10px 20px;
}
  /* line 172, public/theme/greenfence3/sass/includes/_messages.scss */
table.preferences td {
    padding: 20px 20px 10px 20px;
}
  /* line 175, public/theme/greenfence3/sass/includes/_messages.scss */
table.preferences .switch, table.preferences th.switch {
    width: 100px;
    text-align: center;
}

/* line 181, public/theme/greenfence3/sass/includes/_messages.scss */
.app h3 {
    font-size: larger;
    font-weight: bold;
}

/* messages*/
/* line 188, public/theme/greenfence3/sass/includes/_messages.scss */
a.message-delete {
    font-size: large;
    color: grey;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: none;
}
  /* line 197, public/theme/greenfence3/sass/includes/_messages.scss */
a.message-delete:hover, a.message-delete:visited, a.message-delete:active, a.message-delete:focus {
    font-size: large;
    color: grey;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: none;
}

/*============================================================================
  Menu Main  v1
============================================================================*/
/* line 6, public/theme/greenfence3/sass/includes/_menu-main.scss */
.container-nav {
    color: #fff;
    display: flex;
    justify-content: space-between;
    background: #38393d;
    color: #fff;
    align-items: center;
}

/* line 14, public/theme/greenfence3/sass/includes/_menu-main.scss */
.nav-menu a.nav-link, .nav-menu a.nav-link:visited, .nav-menu a.nav-link:hover, .nav-menu a.nav-link:focus, .nav-menu a.nav-link:active {
    color: #fff;
    border-radius: 4px;
    display: block;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    -webkit-will-change: background;
    will-change: background;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

/* line 27, public/theme/greenfence3/sass/includes/_menu-main.scss */
.nav-menu a.nav-link:hover {
    background-color: #444;
}

/* line 31, public/theme/greenfence3/sass/includes/_menu-main.scss */
.nav-menu a.nav-link.active, .nav-menu a.nav-link.nav-link.active:visited, .nav-menu a.nav-link.nav-link.active:hover, .nav-menu a.nav-link.active:focus, .nav-menu a.nav-link.active:active {
    background-color: #fff;
    color: #38393d;
}

/* line 36, public/theme/greenfence3/sass/includes/_menu-main.scss */
.nav-burger {
    display: flex;
    align-items: center;
    margin: 0;
}

/* line 41, public/theme/greenfence3/sass/includes/_menu-main.scss */
.nav-burger > a {
    margin: 0;
}

/* line 45, public/theme/greenfence3/sass/includes/_menu-main.scss */
.dropdown-menubar {
    margin-top: -45px !important;
    padding: 0 !important;
}

/* line 50, public/theme/greenfence3/sass/includes/_menu-main.scss */
.dropdown-menubar ul, .dropdown-menubar li {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

/* line 57, public/theme/greenfence3/sass/includes/_menu-main.scss */
.dropdown-menubar li a {
    width: 100%;
    display: inline-block;
    margin: 0;
    border-left: 4px solid #fff;
    padding: 10px 20px;
}

/* line 64, public/theme/greenfence3/sass/includes/_menu-main.scss */
.dropdown-menubar li a:hover {
    border-left: 4px solid #38393d;
}

/* line 68, public/theme/greenfence3/sass/includes/_menu-main.scss */
.dropdown {
    background-color: white;
    position: absolute !important;
    opacity: 0;
    visibility: hidden;
    display: none;
    outline: none;
    -webkit-transform: translate(0, 2rem);
    -ms-transform: translate(0, 2rem);
    transform: translate(0, 2rem);
    box-shadow: 0 1px 3px rgba(184, 184, 184, 0.35);
    border: 1px solid #eee;
    border-radius: 2px;
    z-index: 1000;
    color: #707070;
    padding: 20px;
    margin: 0;
    margin-top: -10px;
    -webkit-transition: all 2s ease-in-out;
  /* Safari */
    transition: all 2s ease-in-out;
}

/* line 91, public/theme/greenfence3/sass/includes/_menu-main.scss */
a.dropdown-a:hover + .dropdown, a.dropdown-a:hover .dropdown, .dropdown:hover {
    opacity: 1;
    visibility: visible;
    display: block;
}

/* line 98, public/theme/greenfence3/sass/includes/_menu-main.scss */
#header-main-menu a.dropdown-a {
    cursor: pointer;
}

/* line 101, public/theme/greenfence3/sass/includes/_menu-main.scss */
#header-main-menu a.dropdown-a:hover + .dropdown, #header-main-menu a.dropdown-a:hover .dropdown, #header-main-menu .dropdown:hover {
    opacity: 0;
    visibility: hidden;
    display: none;
}

/* line 108, public/theme/greenfence3/sass/includes/_menu-main.scss */
#header-main-menu a.dropdown-a + .dropdown.active {
    opacity: 1 !important;
    visibility: visible;
    display: block;
}

/* line 114, public/theme/greenfence3/sass/includes/_menu-main.scss */
#header-main-menu i {
    display: none !important;
}

/* line 1, public/theme/greenfence3/sass/includes/_normalize.scss */
ul {
    list-style: none;
}

/* line 1, public/theme/greenfence3/sass/includes/_cards.scss */
.bg-white {
    background-color: white;
}

/* line 5, public/theme/greenfence3/sass/includes/_cards.scss */
.card-alert {
    border: 4px solid #f44;
    border-radius: inherit;
}

/* line 10, public/theme/greenfence3/sass/includes/_cards.scss */
.card.disabled {
    background: #eee !important;
}

/* line 14, public/theme/greenfence3/sass/includes/_cards.scss */
.card.disabled .bg-white {
    background: #eee !important;
}

/* line 18, public/theme/greenfence3/sass/includes/_cards.scss */
.card.disabled .card-body {
    background: white;
}

/* line 23, public/theme/greenfence3/sass/includes/_cards.scss */
.card-title {
    margin-bottom: 0;
}

/* line 26, public/theme/greenfence3/sass/includes/_cards.scss */
.card-title-wrapper {
    border-bottom: 1px solid #CBCFD2;
    display: flex;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

/* line 32, public/theme/greenfence3/sass/includes/_cards.scss */
.card-section {
    border-bottom: thin solid #ccc;
    padding: 1.25rem;
}

/* line 36, public/theme/greenfence3/sass/includes/_cards.scss */
.card-body-sections {
    padding: 0;
}

/* line 40, public/theme/greenfence3/sass/includes/_cards.scss */
.card-header label {
    font-weight: bold;
}

/* line 43, public/theme/greenfence3/sass/includes/_cards.scss */
.card-xheader {
    padding-top: 25px;
    padding-bottom: 25px;
}

/* line 48, public/theme/greenfence3/sass/includes/_cards.scss */
.panel {
    background-color: white;
    border-bottom: thin solid #ccc;
}
  /* line 52, public/theme/greenfence3/sass/includes/_cards.scss */
.panel .panel-group {
    border-bottom: 1px solid #F1F1F1;
}

/* line 1, public/theme/greenfence3/sass/includes/_spinnerx.scss */
.spinner-wrapper {
    width: 220px;
    position: relative;
}

/* line 6, public/theme/greenfence3/sass/includes/_spinnerx.scss */
.spinner {
    padding-right: 50px;
}

/* line 10, public/theme/greenfence3/sass/includes/_spinnerx.scss */
.spinner-buttons {
    background-color: #eee;
    display: flex;
    flex-direction: column;
    width: 24px;
    justify-content: center;
    padding: 2px;
    align-items: center;
    border-radius: 0 4px 4px 0;
    color: #495057;
    position: absolute;
    font-size: 18px;
    z-index: 10;
    right: 10px;
    top: 10px;
}

/* line 28, public/theme/greenfence3/sass/includes/_spinnerx.scss */
.item .spinner-wrapper {
    width: 100%;
}

/* line 31, public/theme/greenfence3/sass/includes/_spinnerx.scss */
.item .spinner-buttons {
    top: 10px;
    right: 10px;
}

/*============================================================================
	Tabs	v1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_tabs.scss */
.tabs-container {
    background: white;
}
  /* line 7, public/theme/greenfence3/sass/includes/_tabs.scss */
.tabs-container ul.nav {
    padding-top: 15px;
    padding-left: 20%;
}

/* line 13, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav-tabs {
    border: none;
}

/* line 19, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav-tabs li {
    position: relative;
    margin: 0 1.6rem 0 0;
    display: block;
    float: left;
}
  /* line 24, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav-tabs li a {
    display: block;
    position: relative;
    padding: 15px 30px;
    /* 	border-radius: 5px 5px 0 0; */
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    color: #4b4b4d;
    border: none;
}

/* line 38, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav-tabs > li.active > a, .nav-tabs > li.active a:hover {
    color: #202022;
    background-color: white;
    border-radius: 5px 5px 0 0;
}

/* line 44, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > span {
    color: #202022;
    background-color: white;
    border-radius: 5px 5px 0 0;
}

/* line 54, public/theme/greenfence3/sass/includes/_tabs.scss */
.tab-content-border {
    border: thin solid #dee2e6;
    border-top: 0;
    padding: 20px;
    margin-top: 0;
    -webkit-box-shadow: 3px 3px 3px rgba(184, 184, 184, 0.35);
    box-shadow: 3px 3px 3px rgba(184, 184, 184, 0.35);
}

/* line 65, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav.nav2 .nav-link, .nav.nav2 li {
    width: 50%;
}

/* line 69, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav.nav3 .nav-link, .nav.nav3 li {
    width: 33%;
}

/* line 73, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav.nav4 .nav-link, .nav.nav4 li {
    width: 25%;
}

/* line 77, public/theme/greenfence3/sass/includes/_tabs.scss */
.nav.nav5 .nav-link, .nav.nav5 li {
    width: 20%;
}

/* line 82, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick {
    width: 100%;
    margin-bottom: 20px;
}
  /* line 86, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick label {
    font-weight: 600;
    font-size: 16px;
}
  /* line 91, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick .nav-link {
    border-bottom: 1px solid #38393d;
    padding: 10px 10px;
    display: flex;
    position: relative;
}
    /* line 97, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick .nav-link:active, nav.nav-slick .nav-link:visited, nav.nav-slick .nav-link:focus {
    padding: 10px 10px;
}
    /* line 101, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick .nav-link.active {
    color: inherit;
    background-color: inherit;
    border-bottom: 3px solid #00CF7B;
}
    /* line 107, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick .nav-link i {
    padding-right: 10px;
    font-size: 20px;
}
    /* line 112, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-slick .nav-link .counter {
    background-color: red;
    position: absolute;
    padding: 4;
}

/* line 123, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-bar li a, nav.nav-bar li span, .nav-bar li a, .nav-bar li span {
    display: block;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    color: #4b4b4d;
    border: none;
}

/* line 131, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-bar li.active > a, nav.nav-bar li.active a:hover, nav.nav-bar li.active a:focus, nav.nav-bar li.active > span, .nav-bar li.active > a, .nav-bar li.active a:hover, .nav-bar li.active a:focus, .nav-bar li.active > span {
    color: #202022;
    background-color: #f7f7f7;
    border-radius: 5px 5px 0 0;
}

/* line 137, public/theme/greenfence3/sass/includes/_tabs.scss */
nav.nav-bar li a:hover, nav.nav-bar li a:focus, .nav-bar li a:hover, .nav-bar li a:focus {
    border: none;
    border-color: none;
    color: #202022;
    background-color: transparent;
}

/* line 148, public/theme/greenfence3/sass/includes/_tabs.scss */
.tabs-container {
    background: #e6e6e6;
    width: 100%;
}

/* line 153, public/theme/greenfence3/sass/includes/_tabs.scss */
.tab-content-border {
    border: thin solid #dee2e6;
    border-top: 0;
    padding: 20px;
    margin-top: 0;
    -webkit-box-shadow: 3px 3px 3px rgba(184, 184, 184, 0.35);
    box-shadow: 3px 3px 3px rgba(184, 184, 184, 0.35);
}

/* line 1, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx {
    background: #323237;
    display: flex;
    flex-direction: row;
    text-align: justify;
    margin: 0;
    width: 100%;
    justify-content: space-around;
}

/* line 11, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-wrapper {
    background-color: #323237;
}

/* line 15, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn-wrapper {
    text-align: center;
}

/* line 19, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn {
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: justify;
    justify-content: center;
    border-radius: 50%;
    background-color: white;
    border: solid 5px  #464850;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-will-change: all;
    will-change: all;
}

/* line 35, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn:hover {
    border: solid 15px #38393d;
}

/* line 39, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn i {
    font-size: 60px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-will-change: all;
    will-change: all;
    display: block;
}

/* line 48, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn:hover i {
    color: #323237;
}

/* line 52, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn-label {
    display: inline-block;
    color: white;
    font-weight: 600;
    margin-top: 10px;
}

/* line 59, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn i {
    font-size: 30;
}

/* line 62, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn:hover i {
    font-size: 35px;
}

/* line 66, public/theme/greenfence3/sass/includes/_toolbarx.scss */
.toolbarx-btn-label {
    width: 40px;
}

@media only screen and (min-width: 320px) {
  /* Custom, iPhone Retina */
  /* line 70, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn i {
        font-size: 30;
    }
  /* line 73, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn:hover i {
        font-size: 35;
    }
  /* line 76, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn {
        width: 60px;
        height: 60px;
        border: solid 5px  #464850;
    }
  /* line 81, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn-label {
        width: 60px;
    }
}

@media only screen and (min-width: 480px) {
  /* Extra Small Devices, Phones */
  /* line 87, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn i {
        font-size: 30;
    }
  /* line 90, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn:hover i {
        font-size: 35px;
    }
  /* line 93, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn {
        width: 80px;
        height: 80px;
        border: solid 8px  #464850;
    }
  /* line 98, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn-label {
        width: 80px;
    }
}

@media only screen and (min-width: 768px) {
  /* Small Devices, Tablets */
  /* line 104, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn i {
        font-size: 40;
    }
  /* line 107, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn:hover i {
        font-size: 50px;
    }
  /* line 110, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn {
        width: 100px;
        height: 100px;
        border: solid 10px  #464850;
    }
  /* line 115, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn-label {
        width: 100px;
    }
}

@media only screen and (min-width: 992px) {
  /* Medium Devices, Desktops */
  /* line 121, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn i {
        font-size: 50;
    }
  /* line 124, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn:hover i {
        font-size: 60px;
    }
  /* line 127, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn {
        width: 120px;
        height: 120px;
        border: solid 13px  #464850;
    }
  /* line 132, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn-label {
        width: 140px;
    }
}

@media only screen and (min-width: 1200px) {
  /* Large Devices, Wide Screens */
  /* line 138, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn i {
        font-size: 60;
    }
  /* line 141, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn:hover i {
        font-size: 70px;
    }
  /* line 144, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn {
        width: 140px;
        height: 140px;
        border: solid 15px  #464850;
    }
  /* line 149, public/theme/greenfence3/sass/includes/_toolbarx.scss */
    .toolbarx-btn-label {
        width: 140px;
    }
}

/* line 2, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item.top-level .tree-item-info {
    font-size: 18px;
    font-weight: 500;
    color: #575757;
}

/* line 8, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item {
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
}

/* line 21, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item .tree-item-info, .tree-item-info {
    flex: 1;
    font-weight: 600;
    color: #575757;
    font-size: 18px;
    line-height: 1.3;
}

/* line 28, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item.top-level .tree-item-info {
    font-size: 18px;
    display: block;
    font-weight: 400;
    color: #666;
    line-height: 1.3;
}

/* line 36, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item .tree-item-info .tree-item-address, .tree-item-address {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #888;
    margin-bottom: 5px;
}

/* line 44, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item .tree-item-info .tree-item-level, .tree-item-level {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #888;
    line-height: 1;
}

/* line 52, public/theme/greenfence3/sass/includes/_tree.scss */
.tree-item-level i {
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 4px;
}

/* line 58, public/theme/greenfence3/sass/includes/_tree.scss */
.tree {
    margin-bottom: 30px;
}

/* line 62, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item .tree-item-options {
    align-self: center;
}

/* line 66, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .tree-item.top-level .tree-item-options a {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
}

/* line 73, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .icon {
    color: black;
    font-size: 20px;
    vertical-align: middle;
}

/* line 80, public/theme/greenfence3/sass/includes/_tree.scss */
.tree .btn .icon {
    color: white;
}

/* line 84, public/theme/greenfence3/sass/includes/_tree.scss */
.tree-item-options i {
    font-size: 20px;
}

/* line 88, public/theme/greenfence3/sass/includes/_tree.scss */
.tree-item-options button {
    display: inline-block;
    margin-right: 10px;
}

/* line 1, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 5000;
    background: #ececec;
    color: #38393d;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow-y: auto;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    padding: 30px 20px;
}
  /* line 15, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer a, .drawer a:active, .drawer a:focus, .drawer a:visited, .drawer a:hover {
    color: #38393d;
    text-decoration: none;
}
  /* line 20, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.active {
    left: 0;
}
  /* line 24, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer {
    overflow-y: visible;
    box-shadow: none;
    left: -250px;
    padding: 62px 20px 30px 20px;
}
    /* line 29, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer.active {
    left: 70px;
}
    /* line 33, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-header i, .drawer.tb-drawer .drawer-close {
    font-size: 14px;
    padding: 8px;
}
    /* line 38, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-menu .menu-header {
    color: #999;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
    /* line 44, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-menu .nav-link {
    padding: 0 0 0 0px;
}
    /* line 47, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-menu > li {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
}
    /* line 52, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-menu i {
    width: 30px;
    display: inline-block;
    display: none;
}
    /* line 57, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-menu li ul {
    padding: 20px 0 0 0;
    margin-bottom: 20px;
}
      /* line 60, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer.tb-drawer .drawer-menu li ul li {
    margin-bottom: 10px;
    font-size: 16px;
}
  /* line 68, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-header {
    font-size: 30;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}
  /* line 76, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-close {
    font-size: 16px !important;
    cursor: pointer;
    color: #00c771;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    right: -15px;
    top: 105px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
    /* line 89, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    margin-left: -4px;
}
  /* line 95, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-info {
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 16px;
}
  /* line 101, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-info .avatar {
    margin-bottom: 10px;
}
  /* line 106, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-menu, .drawer ul.drawer-menu, .drawer .drawer-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
}
  /* line 114, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer-menu li {
    margin-bottom: 20px;
}
  /* line 119, public/theme/greenfence3/sass/includes/_drawer.scss */
.drawer .drawer .menu-sep {
    margin-bottom: 30px;
}

/* line 1, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter {
    width: 350px;
    position: fixed;
    top: 0;
    right: -350px;
    height: 100vh;
    z-index: 5000;
    background: white;
    border-left: 6px solid #d0cece;
    color: #696969;
    transition: all 0.3s;
    overflow-y: auto;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    padding: 30px 20px;
}
  /* line 16, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter a, .xfilter a:active, .xfilter a:focus, .xfilter a:visited, .xfilter a:hover {
    color: #696969;
    text-decoration: none;
}
  /* line 21, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter.active {
    right: 0;
}
  /* line 25, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .xfilter-header {
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 20px;
}
  /* line 33, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .xfilter-header i, .xfilter .xfilter-close {
    font-size: 20;
    cursor: pointer;
    color: white;
    background-color: #0bb26a;
    padding: 10px;
    margin-right: 20px;
    display: inline-block;
}
  /* line 42, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .xfilter-info {
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 16px;
}
  /* line 48, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .xfilter-info .avatar {
    margin-bottom: 10px;
}
  /* line 53, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .xfilter-menu, .xfilter ul.xfilter-menu, .xfilter .xfilter-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
}
  /* line 61, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .xfilter-menu li {
    margin-bottom: 20px;
}
  /* line 66, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .menu-sep {
    margin-bottom: 30px;
}
  /* line 70, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .ico-filter {
    padding-right: 5px;
}
  /* line 73, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter i.icon-setting-settingequalizer {
    display: none;
}
  /* line 77, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .d-xflex {
    flex-direction: column;
    display: block;
}
    /* line 80, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .d-xflex .flex1 {
    flex: 0;
    width: 100%;
}
    /* line 84, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .d-xflex > div:not(:last-child) {
    padding-right: 0px;
    padding-bottom: 20px;
}
      /* line 87, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .d-xflex > div:not(:last-child).d-xflex {
    padding-right: 0px;
    padding-bottom: 0px;
    padding: 0;
}
  /* line 95, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter label {
    margin-top: 20px;
}
  /* line 99, public/theme/greenfence3/sass/includes/_filter.scss */
.xfilter .select-box {
    background-color: inherit;
}

/* line 1, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side {
    border-radius: 2px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 16px;
    margin-right: 30px;
    width: 100%;
}

/* line 12, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side li ul {
    margin-left: 30px;
    padding: 0;
}

/* line 17, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side li i {
    padding-right: 10px;
}

/* line 23, public/theme/greenfence3/sass/includes/_nav-side.scss */
.ie .nav-side-wrapper {
    min-width: 230px;
}

/* line 26, public/theme/greenfence3/sass/includes/_nav-side.scss */
.ie .nav-side-wrapper.hidden {
    min-width: 30px !important;
    width: 30px !important;
}

/* line 30, public/theme/greenfence3/sass/includes/_nav-side.scss */
.ie .ui-panel-wrapper.hidden, .ie .ui-panel-wrapper0.hidden {
    min-width: 30px !important;
    width: 30px !important;
}

/* line 37, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side-wrapper h2, .nav-side-wrapper h3, .nav-side-wrapper h4 {
    margin-bottom: 10px;
    display: flex;
    background-color: #383838;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
    padding-left: 5px;
}

/* line 48, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side-wrapper h3 i {
    font-size: 12px;
    padding-right: 10px;
    vertical-align: middle;
    padding-top: 5px;
}

/* line 55, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side li {
    border-bottom: thin solid #ccc;
}

/* line 58, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side li ul li {
    border-left: thin solid #ccc;
}

/* line 62, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side li ul li:last-child {
    border-bottom: none;
}

/* line 66, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side a, .nav-side a:hover, .nav-side a:visited, .nav-side a:active, .nav-side a:focus {
    white-space: nowrap;
    text-decoration: none;
    border-left: 4px solid transparent;
}

/* line 72, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side a:hover, .nav-side a:active, .nav-side a:focus {
    border-left: 4px solid #38393D;
    background: #eee;
}

/* line 77, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side a.active {
    background: #eee;
    border-left: 4px solid #38393D;
}

/* line 82, public/theme/greenfence3/sass/includes/_nav-side.scss */
.nav-side {
    text-transform: uppercase;
}

/* line 1, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb {
    border: none;
    background-color: #38393d;
    color: white;
    padding: 0px;
    text-transform: uppercase;
    text-align: center;
    width: 70px;
    overflow: hidden;
    display: inherit;
}
  /* line 12, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb i {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
}
  /* line 18, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb i.tb-logo {
    color: #00c771;
    font-size: 33px;
    margin-top: 20px;
    margin-bottom: 30px;
}
  /* line 25, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb h3, .nav-tb li {
    font-size: 12px;
}
  /* line 28, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb li {
    /*border-bottom: thin solid #ccc;*/
    width: 100%;
}
    /* line 31, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb li a {
    white-space: nowrap;
    text-decoration: none;
    background-color: #38393d;
    color: white;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
}
      /* line 42, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb li a:before {
    content: '';
    padding-top: 100%;
    display: block;
}
      /* line 48, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb li a:hover, .nav-tb li a:active, .nav-tb li a:focus, .nav-tb li a.active {
    background-color: rgba(255, 255, 255, 0.1);
}
      /* line 52, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb li a i {
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
  /* line 59, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-tb span {
    display: none;
}

/* line 64, public/theme/greenfence3/sass/includes/_nav-tb.scss */
.nav-xtb {
    position: fixed;
    top: 0;
    z-index: 9999;
    height: 100vh;
    display: block;
}

/* line 73, public/theme/greenfence3/sass/includes/_nav-tb.scss */
#nav-vmenu {
    display: none;
}

/* line 1, public/theme/greenfence3/sass/includes/_switch.scss */
html, body {
    font-family: arial,tahoma;
}

/* line 6, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.active {
    opacity: 1;
    display: block;
}
  /* line 7, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.active.hurkanSwitch-switch-item-status-off {
    padding-right: 15px;
    padding-left: 32px;
    background: white;
    color: #0bb26a;
    text-align: right;
}
  /* line 14, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.active.hurkanSwitch-switch-item-status-on {
    padding-right: 32px;
    padding-left: 15px;
    background-color: white;
    color: #fff;
    text-align: left;
    border-color: white;
}

/* line 25, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box.switch-animated-on > .hurkanSwitch-switch-item.active {
    opacity: 1;
}
  /* line 27, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box.switch-animated-on > .hurkanSwitch-switch-item.active .lbl {
    opacity: 1;
    animation-name: active;
    animation-duration: 0.5s;
}

/* line 35, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch-switch-item-status-on {
    color: black;
}
  /* line 37, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch-switch-item-status-on span.lbl {
    color: white;
    margin-left: -7px;
}
  /* line 41, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch-switch-item-status-on .hurkanSwitch-switch-cursor-selector {
    background-color: white !important;
}

/* line 47, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item {
    line-height: 14px;
    font-size: 100%;
    opacity: 0;
    display: none;
    border-radius: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
  /* 	box-shadow:0px 0px 2px #777777 inset; */
    border: 1px solid #0bb26a;
    height: 25px;
    box-sizing: border-box;
}
  /* line 60, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item:hover {
    text-decoration: none;
}
  /* line 63, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-off > .hurkanSwitch-switch-cursor-selector {
    left: 5px;
}
  /* line 66, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-on > .hurkanSwitch-switch-cursor-selector {
    right: 5px;
}

/* line 71, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box.switch-animated-on > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-on > .hurkanSwitch-switch-cursor-selector {
    animation-duration: 0.5s;
    animation-name: right;
}

/* line 75, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box.switch-animated-on > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-off > .hurkanSwitch-switch-cursor-selector {
    animation-duration: 0.5s;
    animation-name: left;
}

/* line 80, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item > .hurkanSwitch-switch-cursor-selector {
    height: 18px;
    position: absolute;
    top: 4px;
    width: 18px;
    margin-top: -1px;
  /* box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); */
    display: block;
    content: "";
    border-radius: 100%;
    background: white;
    border: thin solid #0bb26a;
}

@keyframes left {
    0% {
        left: 100%;
    }

    100% {
        left: 5px;
    }
}

@keyframes right {
    0% {
        right: 100%;
    }

    100% {
        right: 5px;
    }
}

@keyframes active {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* line 128, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch-switch-plugin.hurkanSwitch-switch-input {
    display: none;
}

/* line 133, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch {
    display: inline-block;
}
  /* line 134, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box {
    cursor: pointer;
    background-color: white;
    overflow: hidden;
    border: 0px solid #0b9f5f;
    padding: 0px;
    display: inline-block;
    width: auto;
}
    /* line 136, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-warning {
    background-color: #f0ad4e !important;
}
    /* line 139, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-info {
    background-color: #5bc0de !important;
}
    /* line 142, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-default {
    background-color: #fff !important;
    color: #0bb26a !important;
}
      /* line 145, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-default > .hurkanSwitch-switch-cursor-selector {
    border: 1px solid white !important;
    margin-top: -2.2px;
}
    /* line 150, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-danger {
    background-color: white !important;
}
    /* line 153, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    cursor: default;
}
  /* line 168, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch.switch-responsive {
    display: block;
}
    /* line 170, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch.switch-responsive > .hurkanSwitch-switch-box {
    display: block !important;
}

/* .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-primary{ */
/* 	background-color:#0275d8 !important */
/* } */
/* line 180, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box > .hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-primary {
    background-color: #0bb26a !important;
}

/* line 184, public/theme/greenfence3/sass/includes/_switch.scss */
.hurkanSwitch > .hurkanSwitch-switch-box {
    background-color: white;
}

/*============================================================================
  Popover  v1
============================================================================*/
/* Popup container */
/* line 6, public/theme/greenfence3/sass/includes/_popover.scss */
.popoverx {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popover (appears on top) */
/* line 13, public/theme/greenfence3/sass/includes/_popover.scss */
.popoverx > * {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
/* line 29, public/theme/greenfence3/sass/includes/_popover.scss */
.popoverx > *::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popover container (hide and show the popover) */
/* line 41, public/theme/greenfence3/sass/includes/_popover.scss */
.popoverx .show, .popoverx.show > *, .popoverx .visible, .popoverx.visible > * {
    visibility: visible;
    -webkit-animation: popover-fade-in 1s;
    animation: popover-fade-in 1s;
}

/* Add animation (fade in the popover) */
@-webkit-keyframes popover-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes popover-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*============================================================================
  Map  v1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_map.scss */
.map-popover > *, .map-popover > span > * {
    width: 160px;
    height: 160px;
    background-color: transparent;
    position: absolute !important;
    padding: 0;
    border-radius: 8px;
}

/* line 14, public/theme/greenfence3/sass/includes/_map.scss */
.map-popover > span {
    width: 162px;
    height: 162px;
    border: thin solid #888;
    border-radius: 6px;
    margin-left: -102px;
    margin-bottom: 25px;
}

/* line 23, public/theme/greenfence3/sass/includes/_map.scss */
.open-map-popover {
    cursor: pointer;
}

/* line 27, public/theme/greenfence3/sass/includes/_map.scss */
.infowin .address {
    display: block;
    font-size: 11px;
}

/* line 1, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container {
    width: 100%;
    height: 100%;
}
  /* line 4, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}
  /* line 13, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}
  /* line 21, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}
  /* line 32, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
    z-index: 2;
    box-shadow: none;
    pointer-events: none;
}
  /* line 46, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal {
    position: absolute;
    pointer-events: all;
}
  /* line 50, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}
  /* line 60, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer-vertical {
    bottom: 4px;
    cursor: ne-resize;
    width: 29%;
    height: 14%;
}
    /* line 65, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}
  /* line 70, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer-horisontal {
    right: 4px;
    cursor: sw-resize;
    width: 14%;
    height: 29%;
}
    /* line 75, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}
  /* line 80, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-original-image {
    display: none;
}
  /* line 83, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-vp-circle {
    border-radius: 50%;
}
  /* line 86, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}
  /* line 92, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

/* line 99, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-result {
    position: relative;
    overflow: hidden;
}
  /* line 102, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-result img {
    position: absolute;
}

/* line 108, public/theme/greenfence3/sass/includes/_croppie.scss */
.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
/* line 122, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider {
    -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */
  /*fix for FF unable to apply focus style bug */
    width: 300px;
  /*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}
  /* line 133, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
  /* line 140, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
  /* line 149, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider:focus {
    outline: none;
}
  /* line 152, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
  /* line 159, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
  /* line 167, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}
  /* line 171, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;
    /*remove default tick marks*/ }
  /* line 182, public/theme/greenfence3/sass/includes/_croppie.scss */
  .cr-slider::-ms-fill-lower, .cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px; }
  /* line 186, public/theme/greenfence3/sass/includes/_croppie.scss */
  .cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px; }
  /* line 195, public/theme/greenfence3/sass/includes/_croppie.scss */
  .cr-slider:focus::-ms-fill-lower, .cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5); }

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
/*hide the outline behind the border*/
/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
/* line 215, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1; }
  /* line 220, public/theme/greenfence3/sass/includes/_croppie.scss */
  .cr-rotate-controls button {
    border: 0;
    background: none; }
  /* line 224, public/theme/greenfence3/sass/includes/_croppie.scss */
  .cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px; }

/* line 232, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-rotate-l i:before {
  content: '↺'; }

/* line 236, public/theme/greenfence3/sass/includes/_croppie.scss */
.cr-rotate-r i:before {
  content: '↻'; }

/*============================================================================
  UI
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_ui.scss */
.ui {
  cursor: pointer;
  visibility: visible;
  opacity: 1 !important;
  transition: all .3s linear;
  -webkit-transition: all .3s linear; }

/* line 12, public/theme/greenfence3/sass/includes/_ui.scss */
.anim-color {
  transition: color .3s ease-in;
  -webkit-transition: color .3s ease-in; }

/* line 17, public/theme/greenfence3/sass/includes/_ui.scss */
.top10 {
  position: absolute;
  top: 10px; }

/* line 22, public/theme/greenfence3/sass/includes/_ui.scss */
.abs-10 {
  position: absolute;
  top: 10px;
  left: 10px; }

/* line 28, public/theme/greenfence3/sass/includes/_ui.scss */
.ui-panel-wrapper, .ui-panel-wrapper0 {
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in; }

/* line 33, public/theme/greenfence3/sass/includes/_ui.scss */
.ui-panel-wrapper {
  min-width: 40px !important;
  min-height: 40px !important;
  overflow: hidden;
  position: relative; }
  /* line 38, public/theme/greenfence3/sass/includes/_ui.scss */
  .ui-panel-wrapper.hidden {
    flex: .1 !important; }

/* line 42, public/theme/greenfence3/sass/includes/_ui.scss */
.ui.hidden.ui-grey {
  color: #aaa; }

/* line 45, public/theme/greenfence3/sass/includes/_ui.scss */
.ui.ui-sm.hidden {
  font-size: 10px; }

/* line 49, public/theme/greenfence3/sass/includes/_ui.scss */
.ui-panel {
  opacity: 1;
  transition: all .3s linear;
  -webkit-transition: all .3s linear; }

/* line 55, public/theme/greenfence3/sass/includes/_ui.scss */
.ui-panel.hidden {
  visibility: hidden;
  margin: 0;
  padding: 0; }

/* line 61, public/theme/greenfence3/sass/includes/_ui.scss */
.ui-panel.hidden > .ui-fade {
  opacity: 0;
  -webkit-transition: all .3s linear; }

/* line 66, public/theme/greenfence3/sass/includes/_ui.scss */
.visible {
  visibility: visible !important; }

/* line 1, public/theme/greenfence3/sass/includes/_file-picker.scss */
.td-file-icon {
  width: 30px; }

/* line 5, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-list {
  height: 40%;
  overflow-y: auto; }

/* line 10, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-toolbar {
  margin-bottom: 20px;
  background-color: #e9ecef;
  padding: 10px; }

/* line 16, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-toolbar .ico-wrapper {
  background-color: #e9ecef;
  border-radius: 4px;
  border: thin solid #aaa;
  padding: 5px;
  display: inline-block;
  /*box-shadow: 0px 5px 2px #888;*/ }

/* line 25, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-toolbar i {
  font-size: 30px; }

/* line 29, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before {
  content: none; }

/* line 33, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-breadcrumb-wrapper {
  font-size: 15px;
  vertical-align: middle;
  font-weight: bold; }

/* line 39, public/theme/greenfence3/sass/includes/_file-picker.scss */
.file-breadcrumb-wrapper .ico-folder {
  padding-right: 20px; }

/* line 43, public/theme/greenfence3/sass/includes/_file-picker.scss */
.breadcrumb {
  align-items: center; }

/*============================================================================
  Steps v0.1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_steps.scss */
.stepn {
  color: #999 !important;
  display: block !important;
  margin-bottom: 10px;
  font-weight: bold; }

/* line 12, public/theme/greenfence3/sass/includes/_steps.scss */
.step-link {
  height: 40px;
  display: flex; }

/* line 16, public/theme/greenfence3/sass/includes/_steps.scss */
.step-link-sm {
  height: 30px; }

/* line 19, public/theme/greenfence3/sass/includes/_steps.scss */
.step-link > div:first-child {
  border-right: 4px solid #ddd;
  height: 100%;
  width: 100px;
  position: relative; }

/* line 25, public/theme/greenfence3/sass/includes/_steps.scss */
.step-link.step-last {
  height: 30px; }

/* line 28, public/theme/greenfence3/sass/includes/_steps.scss */
.step-last i {
  position: absolute;
  font-weight: bold;
  right: -9px;
  bottom: -14px;
  color: #ddd;
  font-size: 14; }

/* line 39, public/theme/greenfence3/sass/includes/_steps.scss */
.steps {
  display: flex;
  margin-top: 10px;
  margin-bottom: 40px;
  position: relative;
  color: #0bb26a; }
  /* line 45, public/theme/greenfence3/sass/includes/_steps.scss */
  .steps .step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0px;
    height: 105px;
    font-size: 12px;
    font-weight: bold; }
    /* line 56, public/theme/greenfence3/sass/includes/_steps.scss */
    .steps .step.done i {
      background-color: #0bb26a;
      color: white; }
    /* line 60, public/theme/greenfence3/sass/includes/_steps.scss */
    .steps .step.done span {
      color: #0bb26a; }
    /* line 66, public/theme/greenfence3/sass/includes/_steps.scss */
    .steps .step.active i {
      background-color: #0bb26a;
      color: white; }
    /* line 70, public/theme/greenfence3/sass/includes/_steps.scss */
    .steps .step.active span {
      color: #0bb26a; }
    /* line 75, public/theme/greenfence3/sass/includes/_steps.scss */
    .steps .step i {
      font-size: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 4px solid #0bb26a;
      width: 80px;
      height: 80px;
      border-radius: 50%; }
    /* line 85, public/theme/greenfence3/sass/includes/_steps.scss */
    .steps .step span {
      padding-top: 5px; }
  /* line 90, public/theme/greenfence3/sass/includes/_steps.scss */
  .steps .hlink {
    width: 3em;
    margin-bottom: 60px;
    border-bottom: 4px solid #b3e7be; }

/*============================================================================
  HELP
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_help.scss */
body {
  overflow-x: hidden; }

/* line 8, public/theme/greenfence3/sass/includes/_help.scss */
.btn-help {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 2rem;
  position: relative; }

/* line 16, public/theme/greenfence3/sass/includes/_help.scss */
.help {
  width: 500px;
  position: absolute;
  height: 100%;
  right: -500px;
  top: 0;
  background: white;
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
  z-index: 1000;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  /* line 30, public/theme/greenfence3/sass/includes/_help.scss */
  .help.show {
    right: 0;
    display: flex; }
  /* line 35, public/theme/greenfence3/sass/includes/_help.scss */
  .help .help-header {
    margin: 0;
    margin-bottom: 30px;
    color: white;
    background-color: #0bb26a;
    width: 100%;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    font-size: 24px; }
    /* line 46, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-header i {
      font-size: 30px;
      padding-right: 20px;
      vertical-align: baseline; }
    /* line 51, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-header *:first-child {
      display: flex;
      font-size: 24px;
      align-items: center; }
    /* line 56, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-header *:last-child {
      font-size: 30px;
      text-align: right;
      display: block;
      flex: 1; }
  /* line 65, public/theme/greenfence3/sass/includes/_help.scss */
  .help .help-search {
    padding: 10px 10px; }
    /* line 68, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-search input {
      width: 100%;
      font-size: 20px;
      padding: 10px 10px;
      color: #444; }
  /* line 75, public/theme/greenfence3/sass/includes/_help.scss */
  .help .help-content {
    padding: 20px;
    font-size: 20px;
    border-top: thin solid #0bb26a;
    overflow-y: auto;
    overflow: auto;
    flex: 1; }
    /* line 82, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-content ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      /* line 86, public/theme/greenfence3/sass/includes/_help.scss */
      .help .help-content ul ul {
        margin-left: 20px; }
    /* line 90, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-content li {
      list-style: none;
      padding-left: 0px;
      margin-bottom: 10px; }
    /* line 97, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-content .section {
      font-size: 28px;
      font-weight: bold;
      color: #00c771; }
    /* line 102, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-content .subsection {
      font-size: 24px;
      font-style: italic; }
  /* line 109, public/theme/greenfence3/sass/includes/_help.scss */
  .help .help-footer {
    display: flex;
    padding: 20px 20px;
    margin-top: 30px;
    justify-content: space-between; }
    /* line 115, public/theme/greenfence3/sass/includes/_help.scss */
    .help .help-footer .btn {
      margin: 10px 20px;
      padding: 10px 20px;
      font-size: 22px; }

/*============================================================================
	Signature Pad	v1
============================================================================*/
/* line 4, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  max-width: 700px;
  max-height: 460px; }

/* line 20, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); }

/* line 32, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
  transform: skew(-3deg) rotate(-3deg); }

/* line 38, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
  transform: skew(3deg) rotate(3deg); }

/* line 44, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f4f4f4; }

/* line 52, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad--body canvas {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; }

/* line 65, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad--footer {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px; }

/* line 72, public/theme/greenfence3/sass/includes/_signature-pad.scss */
.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 8px; }

/* line 2, public/theme/greenfence3/sass/includes/_connection.scss */
.connection-panel {
  height: 100%; }

/* line 6, public/theme/greenfence3/sass/includes/_connection.scss */
.connection {
  background: white;
  padding: 0px 20px; }

/* line 11, public/theme/greenfence3/sass/includes/_connection.scss */
.connection .connection-type {
  display: block;
  color: #aaa;
  font-weight: 600; }

/* line 17, public/theme/greenfence3/sass/includes/_connection.scss */
.org-type {
  white-space: nowrap;
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  color: #888;
  line-height: 1; }

/* line 26, public/theme/greenfence3/sass/includes/_connection.scss */
table .org-type i {
  padding-right: 4px;
  padding-left: 0px; }

/* line 31, public/theme/greenfence3/sass/includes/_connection.scss */
.connection .name {
  font-size: 20px; }

/* line 34, public/theme/greenfence3/sass/includes/_connection.scss */
.connection .org-type {
  font-size: 16px; }

/* line 38, public/theme/greenfence3/sass/includes/_connection.scss */
.connection .tag-sm {
  font-size: 16px;
  margin-right: 15px;
  background-color: #ddd;
  border-radius: 4px;
  padding: 4px 6px; }

/* line 46, public/theme/greenfence3/sass/includes/_connection.scss */
.connection .tag-sm > * {
  display: flex;
  align-items: center; }

/* line 51, public/theme/greenfence3/sass/includes/_connection.scss */
.connection .org-type i {
  font-size: 20px; }

/* line 55, public/theme/greenfence3/sass/includes/_connection.scss */
.tags-sm {
  margin-top: 5px; }

/* line 59, public/theme/greenfence3/sass/includes/_connection.scss */
.tag-sm {
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
  color: #666; }

/* line 66, public/theme/greenfence3/sass/includes/_connection.scss */
.tag-sm > * {
  display: flex; }

/* line 70, public/theme/greenfence3/sass/includes/_connection.scss */
.tag-sm i {
  padding-right: 5px;
  font-size: 14px; }

/* line 74, public/theme/greenfence3/sass/includes/_connection.scss */
.tag-sm > * > span {
  padding-right: 10px; }

/* line 77, public/theme/greenfence3/sass/includes/_connection.scss */
.public-tag {
  opacity: 0.5; }

/* line 82, public/theme/greenfence3/sass/includes/_connection.scss */
.selectable {
  cursor: pointer; }

/*============================================================================
  Table
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_table.scss */
.table-sm {
  font-size: 12px; }
  /* line 7, public/theme/greenfence3/sass/includes/_table.scss */
  .table-sm th {
    font-size: 13px;
    padding: 10px 5px; }
  /* line 11, public/theme/greenfence3/sass/includes/_table.scss */
  .table-sm .form-control {
    font-size: 11px; }

/* line 17, public/theme/greenfence3/sass/includes/_table.scss */
.table .spinner-buttons {
  top: 5px; }

/* line 21, public/theme/greenfence3/sass/includes/_table.scss */
.table.user-table td {
  height: 75px; }

/*============================================================================
  Fix  v1
============================================================================*/
/* line 1, public/theme/greenfence3/sass/includes/_time.scss */
.time-box {
  font-size: 20px;
  color: #696969;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  /* line 6, public/theme/greenfence3/sass/includes/_time.scss */
  .time-box i {
    vertical-align: middle;
    padding-right: 10px;
    color: #0bb26a; }
  /* line 14, public/theme/greenfence3/sass/includes/_time.scss */
  .time-box .now {
    margin-left: 5px;
    vertical-align: top;
    margin-top: 0px;
    display: inline-block;
    font-size: 14px; }

/*============================================================================
  Perspective v1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_perspective.scss */
.perspective-box {
  text-align: center;
  margin: 0 -20px; }
  /* line 8, public/theme/greenfence3/sass/includes/_perspective.scss */
  .perspective-box i {
    display: inline-block !important; }
  /* line 11, public/theme/greenfence3/sass/includes/_perspective.scss */
  .perspective-box .perspetive-header {
    color: #aaa;
    text-transform: uppercase;
    margin: 10px 0 10px 0;
    display: block; }
  /* line 18, public/theme/greenfence3/sass/includes/_perspective.scss */
  .perspective-box i.perspective, .perspective-box i {
    font-size: 16px;
    color: #696969;
    padding: 5px;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
    border: thin solid #696969;
    border-radius: 50%; }
    /* line 28, public/theme/greenfence3/sass/includes/_perspective.scss */
    .perspective-box i.perspective.active, .perspective-box i.active {
      background-color: #696969;
      color: white; }

/*============================================================================
  Theme v1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_theme.scss */
.theme-box {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 10, public/theme/greenfence3/sass/includes/_theme.scss */
  .theme-box .theme-header {
    color: #aaa;
    text-transform: uppercase;
    margin: 5px 20px 0px 0;
    display: block; }
  /* line 17, public/theme/greenfence3/sass/includes/_theme.scss */
  .theme-box .selectric-wrapper {
    width: 6em;
    outline: none; }
    /* line 20, public/theme/greenfence3/sass/includes/_theme.scss */
    .theme-box .selectric-wrapper.selectric-focus {
      box-shadow: none !important;
      overflow: none !important; }
    /* line 24, public/theme/greenfence3/sass/includes/_theme.scss */
    .theme-box .selectric-wrapper .selectric {
      border: none;
      font-size: 12px;
      margin: 0;
      padding-top: 5px;
      padding-bottom: 0;
      outline: none; }
      /* line 31, public/theme/greenfence3/sass/includes/_theme.scss */
      .theme-box .selectric-wrapper .selectric .label {
        font-size: 14px; }
      /* line 34, public/theme/greenfence3/sass/includes/_theme.scss */
      .theme-box .selectric-wrapper .selectric .button-icon {
        font-size: 14px;
        margin-right: 0; }
    /* line 39, public/theme/greenfence3/sass/includes/_theme.scss */
    .theme-box .selectric-wrapper .selectric-items ul {
      margin-top: 0; }
      /* line 41, public/theme/greenfence3/sass/includes/_theme.scss */
      .theme-box .selectric-wrapper .selectric-items ul li {
        font-size: 12px; }

/* line 50, public/theme/greenfence3/sass/includes/_theme.scss */
.coming-soon {
  min-height: 400px;
  background: #fff url(../img/coming-soon.png) no-repeat center center; }

/*============================================================================
  Search
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_search.scss */
.search-bar {
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative; }
  /* line 9, public/theme/greenfence3/sass/includes/_search.scss */
  .search-bar .input-wrapper {
    border-radius: 0 20px 20px 0;
    border-left: none; }
    /* line 12, public/theme/greenfence3/sass/includes/_search.scss */
    .search-bar .input-wrapper i {
      color: #0bb26a;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 30px;
      position: absolute; }
  /* line 20, public/theme/greenfence3/sass/includes/_search.scss */
  .search-bar .select-search-wrapper {
    width: 10em;
    outline: none; }
    /* line 23, public/theme/greenfence3/sass/includes/_search.scss */
    .search-bar .select-search-wrapper.selectric-focus {
      box-shadow: none !important;
      overflow: none !important; }
    /* line 27, public/theme/greenfence3/sass/includes/_search.scss */
    .search-bar .select-search-wrapper .selectric {
      border-radius: 20px 0 0 20px;
      font-size: 14px;
      margin: 0;
      padding-left: 10px;
      padding-top: 6px;
      padding-bottom: 6px;
      outline: none; }
      /* line 35, public/theme/greenfence3/sass/includes/_search.scss */
      .search-bar .select-search-wrapper .selectric .label {
        font-size: 14px; }
      /* line 38, public/theme/greenfence3/sass/includes/_search.scss */
      .search-bar .select-search-wrapper .selectric .button-icon {
        font-size: 14px;
        margin-right: 0; }
    /* line 43, public/theme/greenfence3/sass/includes/_search.scss */
    .search-bar .select-search-wrapper .selectric-items ul {
      margin-top: 0; }
      /* line 45, public/theme/greenfence3/sass/includes/_search.scss */
      .search-bar .select-search-wrapper .selectric-items ul li {
        font-size: 12px; }

/* line 52, public/theme/greenfence3/sass/includes/_search.scss */
.results-box {
  position: relative; }

/* line 55, public/theme/greenfence3/sass/includes/_search.scss */
.results-wrapper {
  position: absolute;
  top: 0;
  z-index: 1000;
  border: thin solid #d0cece;
  background-color: white;
  z-index: 100;
  width: 95%;
  margin-left: 2.5%;
}

/* line 66, public/theme/greenfence3/sass/includes/_search.scss */
.results .result-type {
  font-weight: 600;
  font-size: 13px;
  color: #aaa;
  padding: 5px 5px 2px 5px; }

/* line 72, public/theme/greenfence3/sass/includes/_search.scss */
.results .result {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  text-align: center; }
  /* line 79, public/theme/greenfence3/sass/includes/_search.scss */
  .results .result:hover {
    background-color: #ececec; }
  /* line 83, public/theme/greenfence3/sass/includes/_search.scss */
  .results .result img, .results .result .avatar-sm {
    display: inline-block;
    margin-right: 20px;
    height: 24px !important;
    width: 24px !important;
    min-height: 24px !important;
    min-width: 24px !important; }
  /* line 95, public/theme/greenfence3/sass/includes/_search.scss */
  .results .result .result-description {
    text-color: #aaa;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/* line 103, public/theme/greenfence3/sass/includes/_search.scss */
.results .result:not(last-child) {
  padding-bottom: 0px; }

/* line 1, public/theme/greenfence3/sass/includes/_calendar.scss */
.calendar {
  margin: 0px 40px;
  max-width: 100%; }
  /* line 7, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar h1 {
    font-size: 20px;
    display: inline-block; }
  @media only screen and (max-width: 768px) {
    /* line 1, public/theme/greenfence3/sass/includes/_calendar.scss */
    .calendar {
      /* For mobile phones: */ }
      /* line 13, public/theme/greenfence3/sass/includes/_calendar.scss */
      .calendar [class*="calendar"] {
        width: 100%; } }
  /* line 18, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .dash {
    margin-right: 20px !important; }
  /* line 22, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .card {
    width: 100%;
    border-radius: 2px; }
  /* line 27, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .card-body.calendar {
    padding-bottom: 50px; }
  /* line 31, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .weekdays {
    margin-right: -15px;
    margin-left: -15px;
    padding: 10px 0;
    background-color: #ddd;
    display: flex;
    text-align: right; }
  /* line 40, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .weekdays li {
    display: inline-block;
    width: 14.28571428571429%;
    text-align: right; }
  /* line 46, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar [data-toggle="calendar"] > .row > .calendar-day {
    font-family: 'Roboto', sans-serif;
    width: 14.28571428571429%;
    border: 1px solid #ccc;
    border-right-width: 0px;
    border-bottom-width: 0px;
    height: 200px;
    overflow-y: auto;
    color: white;
    position: relative; }
  /* line 58, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar [data-toggle="calendar"] > .row > .calendar-day.calendar-no-current-month {
    color: #c8c8c8 !important; }
  /* line 62, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar [data-toggle="calendar"] > .row > .calendar-day:last-child {
    border-right-width: 1px; }
  /* line 66, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar [data-toggle="calendar"] > .row:last-child > .calendar-day {
    border-bottom-width: 1px; }
  /* line 70, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .calendar-day > time {
    display: block;
    bottom: 0px;
    left: 0px;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    padding: 10px 10px 3px 0px;
    text-align: right;
    background-color: #38393d;
    cursor: pointer; }
  /* line 83, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .calendar-day.calendar-no-current-month > time {
    background-color: initial; }
  /* line 87, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .calendar-day > .event {
    font-size: 12px;
    text-align: center;
    color: white;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; }
  /* line 98, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .calendar-day.today {
    box-shadow: 0px 0px 0px 10px #ccc inset; }
  /* line 102, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .btn {
    background-color: #38393d;
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    text-transform: uppercase; }
  /* line 117, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .schedule-right-panel {
    width: 300px;
    display: none; }
  /* line 122, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .card-header {
    background-color: #383838;
    color: #fff;
    text-transform: uppercase; }
  /* line 128, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .card-body.card-body-details {
    white-space: pre-line; }
  /* line 132, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar button.close {
    color: white; }
  /* line 136, public/theme/greenfence3/sass/includes/_calendar.scss */
  .calendar .right-panel-wrapper {
    padding-bottom: 20px; }

/* line 142, public/theme/greenfence3/sass/includes/_calendar.scss */
.embeded {
  max-width: 30%;
  padding-left: 50px !important;
  padding-right: 30px !important; }
  /* line 147, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded .calendar {
    margin: 0px 20px 0px 40px; }
    /* line 150, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .weekdays {
      background-color: white;
      color: grey; }
      /* line 154, public/theme/greenfence3/sass/includes/_calendar.scss */
      .embeded .calendar .weekdays li {
        font-size: 15px;
        text-align: center !important; }
    /* line 160, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar h1 {
      font-size: 20px; }
    /* line 164, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .calendar-title {
      max-width: 75%;
      color: grey; }
    /* line 169, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .btn {
      padding: 5px 0px;
      text-align: center;
      text-decoration: none;
      font-size: 20px;
      margin-bottom: 10px;
      margin-right: 10px;
      margin-left: 10px;
      display: inline-block;
      text-transform: uppercase;
      background-color: white;
      color: grey; }
    /* line 183, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .calendar-event {
      font-size: 12px;
      text-align: center;
      color: white;
      cursor: pointer;
      position: inherit;
      display: flex;
      align-items: center;
      justify-content: center; }
    /* line 194, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .event {
      text-align: left; }
    /* line 198, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .calendar-day > .eventDropdown {
      left: 0; }
    /* line 202, public/theme/greenfence3/sass/includes/_calendar.scss */
    .embeded .calendar .eventDropdown {
      display: inline-grid;
      z-index: 1000;
      position: absolute;
      box-shadow: 0 1px 3px rgba(184, 184, 184, 0.35);
      border: 1px solid #eee;
      border-radius: 2px;
      color: #707070;
      padding: 20px;
      margin: 0;
      background-color: white; }
  /* line 217, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded [data-toggle="calendar"] > .row > .calendar-day.calendar-no-current-month {
    color: white !important; }
  /* line 221, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded [data-toggle="calendar"] > .row > .calendar-day {
    height: 40px;
    border: 1px solid #fff;
    text-align: right;
    color: grey;
    position: inherit; }
  /* line 229, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded [data-toggle="calendar"] > .row > .calendar-day .selected-day {
    background-color: #f9f9f9; }
  /* line 233, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded .selected-day {
    background-color: #f9f9f9; }
  /* line 237, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded [data-toggle="calendar"] > .row > .calendar-day .actual-day-border {
    border: 2px solid transparent; }
  /* line 241, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded .actual-day {
    border: 2px solid grey !important; }
  /* line 245, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded .event-on-day {
    color: black;
    font-weight: bold !important; }
  /* line 250, public/theme/greenfence3/sass/includes/_calendar.scss */
  .embeded .calendar-day > time {
    font-size: 15px;
    padding: 2px 2px 0px 0px;
    background-color: white;
    text-align: center; }

/*============================================================================
  Common v0.1
============================================================================*/
/* line 5, public/theme/greenfence3/sass/includes/_common2.scss */
body {
  background-color: transparent; }

/* line 8, public/theme/greenfence3/sass/includes/_common2.scss */
.body-inner {
  margin-left: 70px;
  -webkit-transition: all .3s;
  transition: all .3s; }
  /* line 11, public/theme/greenfence3/sass/includes/_common2.scss */
  .body-inner.shrink {
    margin-left: 320px; }

/* line 16, public/theme/greenfence3/sass/includes/_common2.scss */
.header-wrapper, .dashboard-header-wrapper, .nav-side-wrapper,
.dashboard-header-wrapper, .master-tabs-wrapper,
.logo-box, .search-icon-wrapper, .header-toolbar-rev,
.dashboard-card-footer, .dashboard-footer,
.container-sidebar, .modal-sidebar,
.dashboard-left-section .logo2,
.help {
  visibility: hidden;
  opacity: 0;
  display: none; }

/* line 27, public/theme/greenfence3/sass/includes/_common2.scss */
.dashboard-footer {
  display: block; }

/* line 30, public/theme/greenfence3/sass/includes/_common2.scss */
.user-box {
  background-color: white;
  border-left: none; }

/* line 34, public/theme/greenfence3/sass/includes/_common2.scss */
.org-box-inner {
  background-color: white; }

/* line 38, public/theme/greenfence3/sass/includes/_common2.scss */
.card {
  border: none;
  background-color: transparent; }
  /* line 41, public/theme/greenfence3/sass/includes/_common2.scss */
  .card .card-header {
    background-color: #f8f8f8 !important;
    border-bottom: none; }

/* line 47, public/theme/greenfence3/sass/includes/_common2.scss */
.panel {
  background-color: #f8f8f8 !important; }
  /* line 49, public/theme/greenfence3/sass/includes/_common2.scss */
  .panel .panel-group {
    border-bottom: thin solid #ccc; }

/* line 54, public/theme/greenfence3/sass/includes/_common2.scss */
.step-link {
  visibility: hidden;
  opacity: 0;
  height: 10px; }

/* line 60, public/theme/greenfence3/sass/includes/_common2.scss */
.dashboard-card-container {
  margin-top: 50px; }

/* line 63, public/theme/greenfence3/sass/includes/_common2.scss */
.dashboard-card {
  padding: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 150px;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  /* line 72, public/theme/greenfence3/sass/includes/_common2.scss */
  .dashboard-card .info {
    margin-right: 0;
    right: 0; }
  /* line 76, public/theme/greenfence3/sass/includes/_common2.scss */
  .dashboard-card .dashboard-card-header-wrapper {
    width: 100px;
    height: 100px; }
  /* line 81, public/theme/greenfence3/sass/includes/_common2.scss */
  .dashboard-card .dashboard-card-header {
    width: 100px;
    height: 100px;
    position: absolute; }
  /* line 86, public/theme/greenfence3/sass/includes/_common2.scss */
  .dashboard-card .card-content {
    bottom: 0px;
    white-space: nowrap;
    position: absolute; }
    /* line 90, public/theme/greenfence3/sass/includes/_common2.scss */
    .dashboard-card .card-content .card-content-head {
      margin-bottom: 0; }

/* line 96, public/theme/greenfence3/sass/includes/_common2.scss */
.card-content {
  margin-top: 10px;
  font-size: 14px;
  color: #696969; }

/* line 101, public/theme/greenfence3/sass/includes/_common2.scss */
.card-content-head, h2.card-content-head {
  font-size: 14px !important; }

/* line 105, public/theme/greenfence3/sass/includes/_common2.scss */
.grey-circle {
  background: white;
  border: 1px solid #d0cece;
  width: 100px;
  height: 100px;
  font-size: 40px;
  transition: font-size 0.1s; }
  /* line 112, public/theme/greenfence3/sass/includes/_common2.scss */
  .grey-circle:hover {
    background-color: #ececec;
    font-size: 50px; }

/* line 119, public/theme/greenfence3/sass/includes/_common2.scss */
a.btn-card {
  border-radius: 20px; }

/* line 122, public/theme/greenfence3/sass/includes/_common2.scss */
.btn {
  border-radius: 20px; }

/* line 127, public/theme/greenfence3/sass/includes/_common2.scss */
.layout, .layout2, .layout2s, .layout2x {
  margin-left: 10px; }
  /* line 129, public/theme/greenfence3/sass/includes/_common2.scss */
  .layout > :first-child, .layout2 > :first-child, .layout2s > :first-child, .layout2x > :first-child {
    display: none; }

/* line 134, public/theme/greenfence3/sass/includes/_common2.scss */
.breadcrumb-box {
  margin-right: auto; }
  /* line 136, public/theme/greenfence3/sass/includes/_common2.scss */
  .breadcrumb-box .breadcrumb {
    background-color: inherit;
    margin-bottom: 0; }
  /* line 143, public/theme/greenfence3/sass/includes/_common2.scss */
  .breadcrumb-box .breadcrumb-item + .breadcrumb-item::before {
    color: #00c771;
    content: "»"; }

/* line 149, public/theme/greenfence3/sass/includes/_common2.scss */
.powered-by {
  position: fixed;
  color: #eee;
  bottom: 30px;
  right: 30px;
  z-index: -1;
  font-size: 50px; }

/* line 157, public/theme/greenfence3/sass/includes/_common2.scss */
img.powered-by {
  left: 100px;
  bottom: 30px;
  height: 30px;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: .15; }

/* line 166, public/theme/greenfence3/sass/includes/_common2.scss */
.table th, .table thead th {
  padding: 10px 10px;
  border-bottom: 2px solid #38393d;
  border-top: none;
  background-color: white; }

/* line 173, public/theme/greenfence3/sass/includes/_common2.scss */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: inherit; }

/* line 177, public/theme/greenfence3/sass/includes/_common2.scss */
.table-striped.table-docs tbody tr:nth-of-type(odd) {
  background-color: #fafafa; }

/* line 181, public/theme/greenfence3/sass/includes/_common2.scss */
.toolbarx-wrapper {
  background-color: white;
  margin-left: 40px;
  padding-left: 20px; }

/* line 187, public/theme/greenfence3/sass/includes/_common2.scss */
.toolbarx {
  background-color: white;
  color: #696969;
  justify-content: flex-start;
  padding-left: 40px;
  margin-bottom: 20px; }
  /* line 194, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn-wrapper {
    margin: 0;
    margin-right: 20px; }
  /* line 199, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn {
    /*border: solid 1px #464850;*/
    border: none;
    background-color: #ececec; }
  /* line 205, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn:hover {
    /*border:  solid 2px #38393d;*/
    border: none; }
  /* line 210, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn-label {
    color: #464850;
    font-size: 14px;
    width: 80;
    position: relative;
    visibility: hidden;
    display: none; }
  /* line 218, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn-label:hover {
    visibility: visible;
    display: block; }
  /* line 224, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn i {
    font-size: 26; }
  /* line 227, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn:hover i {
    font-size: 30px; }
  /* line 231, public/theme/greenfence3/sass/includes/_common2.scss */
  .toolbarx .toolbarx-btn i {
    margin-top: 5px; }

/* line 236, public/theme/greenfence3/sass/includes/_common2.scss */
.toolbarx-btn {
  width: 60px !important;
  height: 60px  !important;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0; }

/* line 245, public/theme/greenfence3/sass/includes/_common2.scss */
.tabs-container {
  background-color: white; }
  /* line 248, public/theme/greenfence3/sass/includes/_common2.scss */
  .tabs-container ul.nav {
    padding-top: 0;
    padding-left: 0; }

/* line 256, public/theme/greenfence3/sass/includes/_common2.scss */
nav.nav-bar li a, nav.nav-bar li span, .nav-bar li a, .nav-bar li span {
  border-bottom: 1px solid #38393d; }

/* line 259, public/theme/greenfence3/sass/includes/_common2.scss */
nav.nav-bar li.active > a, nav.nav-bar li.active a:hover, nav.nav-bar li.active a:focus, nav.nav-bar li.active > span, nav.nav-bar li a:hover, nav.nav-bar li a:focus,
nav.nav-bar li > a.active, nav.nav-bar li > a.active:hover, nav.nav-bar li > a.active:focus, nav.nav-bar li > span.active, nav.nav-bar li a.active:hover, nav.nav-bar li a.active:focus, .nav-bar li.active > a, .nav-bar li.active a:hover, .nav-bar li.active a:focus, .nav-bar li.active > span, .nav-bar li a:hover, .nav-bar li a:focus,
.nav-bar li > a.active, .nav-bar li > a.active:hover, .nav-bar li > a.active:focus, .nav-bar li > span.active, .nav-bar li a.active:hover, .nav-bar li a.active:focus {
  color: inherit;
  border-bottom: 3px solid #383838;
  background-color: inherit;
  border-radius: 0; }

/* line 270, public/theme/greenfence3/sass/includes/_common2.scss */
table.preferences th {
  background-color: white !important;
  color: #38393d !important;
  border-bottom: 2px solid #38393d; }

/*home*/
/* line 277, public/theme/greenfence3/sass/includes/_common2.scss */
.dashboard-title .selectric {
  background-color: white !important; }

/* line 282, public/theme/greenfence3/sass/includes/_common2.scss */
.mtop {
  margin-top: 0; }

/* line 286, public/theme/greenfence3/sass/includes/_common2.scss */
.hx, .h1 {
  display: flex;
  text-transform: none;
  color: #696969;
  align-items: center; }
  /* line 292, public/theme/greenfence3/sass/includes/_common2.scss */
  .hx .haction, .h1 .haction {
    margin-left: 20px; }

/* line 298, public/theme/greenfence3/sass/includes/_common2.scss */
.badge {
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px; }

/* line 304, public/theme/greenfence3/sass/includes/_common2.scss */
.container-vsplit {
  margin-top: 0; }

/* line 308, public/theme/greenfence3/sass/includes/_common2.scss */
.input-wrapper {
  border-radius: 20px; }
  /* line 310, public/theme/greenfence3/sass/includes/_common2.scss */
  .input-wrapper i {
    color: #0bb26a; }

/* line 315, public/theme/greenfence3/sass/includes/_common2.scss */
.dashboard-header {
  border-top: 4px solid #00c771; }

/* line 319, public/theme/greenfence3/sass/includes/_common2.scss */
.profile-body > div {
  border-bottom: thin solid #ececec; }

/* line 324, public/theme/greenfence3/sass/includes/_common2.scss */
.ui.white {
  color: #696969; }

/* line 329, public/theme/greenfence3/sass/includes/_common2.scss */
.dashboard-header .ui.white {
  color: white; }

/* line 334, public/theme/greenfence3/sass/includes/_common2.scss */
.poweredby {
  margin-left: 20px; }
  /* line 336, public/theme/greenfence3/sass/includes/_common2.scss */
  .poweredby img {
    height: 20px;
    display: block;
    margin-bottom: 10px; }
  /* line 341, public/theme/greenfence3/sass/includes/_common2.scss */
  .poweredby label {
    font-size: 8px;
    display: block;
    color: #444;
    margin-bottom: 5px; }

/* line 350, public/theme/greenfence3/sass/includes/_common2.scss */
a.btn-dashboard-large, a.btn-dashboard-large:visited, a.btn-dashboard-large:active, a.btn-dashboard-large:focus, a.btn-dashboard-large:hover {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: thin solid #444; }

/* line 357, public/theme/greenfence3/sass/includes/_common2.scss */
.btn-dashboard-large-title {
  font-size: 15px;
  margin-top: 14px; }

/* line 362, public/theme/greenfence3/sass/includes/_common2.scss */
.btn-dashboard-large i {
  font-size: 50px;
  transition: font-size 0.1s; }

/* line 370, public/theme/greenfence3/sass/includes/_common2.scss */
.hcard {
  background-color: #fafafa; }

/* line 374, public/theme/greenfence3/sass/includes/_common2.scss */
.container-vsplit .container-content, .container-vsplit-content {
  min-width: 100%; }

/* line 37, public/theme/greenfence3/sass/includes/_mixins.scss */
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d0cece !important;
  font-style: normal !important;
  font-weight: light !important; }

/* line 43, public/theme/greenfence3/sass/includes/_mixins.scss */
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #d0cece !important;
  font-style: normal !important;
  font-weight: light !important; }

/* line 49, public/theme/greenfence3/sass/includes/_mixins.scss */
input:-ms-input-placeholder {
  /* IE 10+ */
  color: #d0cece !important;
  font-style: normal !important;
  font-weight: light !important; }

/* line 55, public/theme/greenfence3/sass/includes/_mixins.scss */
input:-moz-placeholder {
  /* Firefox 18- */
  color: #d0cece !important;
  font-style: normal !important;
  font-weight: light !important; }

/* line 61, public/theme/greenfence3/sass/includes/_mixins.scss */
input::placeholder {
  /* Chrome/Opera/Safari */
  color: #d0cece !important;
  font-style: normal !important;
  font-weight: light !important; }

/* line 8, public/theme/greenfence3/sass/includes/_intercom.scss */
#gf_help_trigger_bttn:before {
  font-family: "greenfence";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale; }

/* line 21, public/theme/greenfence3/sass/includes/_intercom.scss */
#gf_help_trigger_bttn:before {
  content: "\e620"; }

/* line 157, public/theme/greenfence3/sass/includes/_intercom.scss */
#gf_help_trigger_bttn {
  -webkit-transition: intercom_all 0.3s ease-in-out;
  transition: intercom_all 0.3s ease-in-out;
  -webkit-will-change: intercom_all;
  will-change: intercom_all;
  position: fixed;
  display: block;
  cursor: pointer;
  padding: 0.7rem 1.6rem 0.7rem 1.2rem;
  border-radius: 4rem;
  background: #38393d;
  border: 6px solid #fff;
  box-shadow: 0.5px 0.9px 4px #a1a1a1;
  z-index: 9999;
  bottom: 2rem;
  right: 2rem;
  font-size: 1rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2; 
}
  /* line 175, public/theme/greenfence3/sass/includes/_intercom.scss */
  #gf_help_trigger_bttn span {
    display: inline-block;
    vertical-align: middle; }
  /* line 179, public/theme/greenfence3/sass/includes/_intercom.scss */
  #gf_help_trigger_bttn:before {
    margin-right: 1rem;
    vertical-align: middle;
    font-size: 1.2rem; }
  /* line 185, public/theme/greenfence3/sass/includes/_intercom.scss */
  #gf_help_trigger_bttn:hover {
    background: #202022; }
  /* line 188, public/theme/greenfence3/sass/includes/_intercom.scss */
  #gf_help_trigger_bttn.inactive {
    opacity: 0;
    visibility: hidden; }