@charset "UTF-8";
/*GLOBAL STYLES*/
html, body {
    background-color: #ecf0f1;
    margin: 0;
    padding: 0;
    height: 100%;
}

html {
    font-size: initial;
}

body * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: normal;
}

.x-body {
    color: #303030;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    html {
        overflow-x: visible;
    }
    html, body {
        padding: 0;
        margin: 0;
        border: none;
        background: none;
    }
    @page {
        size: A4;
        margin: 0 !important;
        padding: 0 !important;
        border: none;
        @top-center {
            margin: 0;
            padding: 0;
        }
        @top-left {
            margin: 0;
            padding: 0;
        }
        @top-right {
            margin: 0;
            padding: 0;
        }
    }
}

a {
    color: #2E8DD6;
    text-decoration: none;
}

a:hover {
    color: #323F55;
}

a img {
    border: none;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

iframe {
    max-width: 100%;
}

.tpl-video-holder {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
}

.tpl-video-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form-group:after,
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* IE Fix */
select::-ms-expand {
    display: none;
}

/* Firefox fix */
.loading-image {
    min-height: 100px;
    width: 100%;
    z-index: 10;
    background: url("../img/ajax-loader.gif") no-repeat 50% 50%;
    margin: 0 auto;
}

.no-results {
    color: #494749;
    font-size: 14px;
    padding: 10px 3px;
    margin: 0;
}

h1, .tpl-h1,
h2, .tpl-h2,
h3, .tpl-h3,
h4, .tpl-h4,
h5, .tpl-h5,
h6, .tpl-h6 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
}

h1, .tpl-h1 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 34px;
}

h2, .tpl-h2 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 30px;
    line-height: normal;
}

h3, .tpl-h3 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 28px;
}

h4, .tpl-h4 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 26px;
}

h5, .tpl-h5 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 24px;
}

h6, .tpl-h6 {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 20px;
}

input[type="date"]::-webkit-inner-spin-button, input[type="time"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}

input[type=text],
input[type=date],
input[type=time],
input[type=email],
input[type=password],
input[type=number],
input[type=numeric],
input[type=card],
input[type=phone],
input[type=file],
select,
textarea,
.ui-widget input[type=text],
.ui-widget input[type=date],
.ui-widget input[type=time],
.ui-widget input[type=email],
.ui-widget input[type=password],
.ui-widget input[type=number],
.ui-widget input[type=numeric],
.ui-widget input[type=card],
.ui-widget input[type=phone],
.ui-widget input[type=file],
.ui-widget select,
.ui-widget textarea {
    border-radius: 2px;
    -webkit-appearance: none;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    resize: none;
    border: 2px solid #B7B7B7;
    background: #fff;
    color: #303030;
    padding: 0 12px;
    margin: 0;
    outline: none;
}

input[type=text]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=numeric]:focus,
input[type=card]:focus,
input[type=phone]:focus,
input[type=file]:focus,
select:focus,
textarea:focus,
.ui-widget input[type=text]:focus,
.ui-widget input[type=date]:focus,
.ui-widget input[type=time]:focus,
.ui-widget input[type=email]:focus,
.ui-widget input[type=password]:focus,
.ui-widget input[type=number]:focus,
.ui-widget input[type=numeric]:focus,
.ui-widget input[type=card]:focus,
.ui-widget input[type=phone]:focus,
.ui-widget input[type=file]:focus,
.ui-widget select:focus,
.ui-widget textarea:focus {
    border-color: #2E8DD6;
}

input.MuiInputBase-input {
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: unset;
    -webkit-appearance: unset;
    height: auto;
    line-height: normal;
    vertical-align: unset;
    font-weight: unset;
    font-family: unset;
    width: unset;
    resize: unset;
    border: unset;
    background: unset;
    color: unset;
    padding: 6px 0 7px;
    margin: unset;
}

input.MuiOutlinedInput-input {
    padding: 8px 10px;
}

input.MuiOutlinedInput-inputMarginDense {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
}

.MuiAutocomplete-root .MuiFormControl-root {
    vertical-align: unset;
}

.field-holder-error input[type=text],
.field-holder-error input[type=date],
.field-holder-error input[type=time],
.field-holder-error input[type=email],
.field-holder-error input[type=password],
.field-holder-error input[type=number],
.field-holder-error input[type=numeric],
.field-holder-error input[type=card],
.field-holder-error input[type=phone],
.field-holder-error input[type=file],
.field-holder-error select,
.field-holder-error textarea,
.field-holder-error .ui-widget input[type=text],
.field-holder-error .ui-widget input[type=date],
.field-holder-error .ui-widget input[type=time],
.field-holder-error .ui-widget input[type=email],
.field-holder-error .ui-widget input[type=password],
.field-holder-error .ui-widget input[type=number],
.field-holder-error .ui-widget input[type=numeric],
.field-holder-error .ui-widget input[type=card],
.field-holder-error .ui-widget input[type=phone],
.field-holder-error .ui-widget input[type=file],
.field-holder-error .ui-widget select,
.field-holder-error .ui-widget textarea {
    border-color: #E5483A;
    color: #E5483A;
}

input[type=text]:disabled,
input[type=date]:disabled,
input[type=time]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=numeric]:disabled,
input[type=card]:disabled,
input[type=phone]:disabled,
input[type=file]:disabled,
select:disabled,
textarea:disabled,
.ui-widget input[type=text]:disabled,
.ui-widget input[type=date]:disabled,
.ui-widget input[type=time]:disabled,
.ui-widget input[type=email]:disabled,
.ui-widget input[type=password]:disabled,
.ui-widget input[type=number]:disabled,
.ui-widget input[type=numeric]:disabled,
.ui-widget input[type=card]:disabled,
.ui-widget input[type=phone]:disabled,
.ui-widget input[type=file]:disabled,
.ui-widget select:disabled,
.ui-widget textarea:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: auto;
}

textarea,
.ui-widget textarea {
    height: auto;
    line-height: normal;
    padding-top: 12px;
    padding-bottom: 12px;
}

input.x-boxselect-input-field {
    height: auto;
    padding: 0;
}

/* Fields with icons (Select/Dropdown, Search, Date, etc.) */
.tpl-input-search-holder,
.input-search-holder,
.tpl-input-datepicker-holder,
.input-datepicker-holder,
.tpl-select-field-holder,
.select-field-holder,
.field-holder-error.form-input-holder {
    position: relative;
    background-color: #fff;
}

.tpl-input-search-holder:after,
.input-search-holder:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #737373;
    top: 50%;
    right: 13px;
    z-index: 0;
    margin-top: -13px;
}

.tpl-input-search-holder .clear:after,
.input-search-holder .clear:after {
    position: absolute;
    font-family: "Linearicons";
    content: "";
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #737373;
    top: 50%;
    right: 13px;
    z-index: 0;
    margin-top: -13px;
    font-size: 16px;
    z-index: 2;
    margin-top: -12px;
}

.tpl-input-datepicker-holder:after,
.input-datepicker-holder:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #737373;
    top: 50%;
    right: 13px;
    z-index: 0;
    margin-top: -13px;
}

.tpl-select-field-holder:after,
.select-field-holder:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #737373;
    top: 50%;
    right: 13px;
    z-index: 0;
    margin-top: -13px;
    font-size: 22px;
    margin-top: -11px;
}

.field-holder-error.form-input-holder:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #737373;
    top: 50%;
    right: 13px;
    z-index: 0;
    margin-top: -13px;
    color: #E5483A;
}

.tpl-input-search-holder .search,
.tpl-input-search-holder input[type=text],
.input-search-holder .search,
.input-search-holder input[type=text],
.tpl-input-datepicker-holder .datepicker,
.tpl-input-datepicker-holder input[type=text],
.input-datepicker-holder .datepicker,
.input-datepicker-holder input[type=text],
.tpl-select-field-holder select,
.select-field-holder select,
.field-holder-error.form-input-holder input[type=text] {
    position: relative;
    background: none;
    z-index: 1;
    padding-right: 35px;
}

.tpl-select-field-holder select,
.select-field-holder select {
    -webkit-appearance: none;
    -moz-appearance: none !important;
}

.form-input-holder .combo-options {
    border-color: #B7B7B7;
}

.form-input-holder .combo-options .records .option.focused {
    background-color: #ecf0f1;
}

.form-input-holder {
    margin: 5px 0;
}

.form-input-holder .error,
.form-input-error {
    font-weight: 300;
    padding: 3px 0 0 3px;
}

.ui.selection.dropdown {
    border: 2px solid #B7B7B7;
    min-height: 48px;
    line-height: normal;
    border-radius: 2px;
}

.ui.selection.dropdown:focus {
    border-color: #2E8DD6;
}

.ui.selection.dropdown.upward.selection, .ui.selection.dropdown.active.upward {
    border-radius: 2px !important;
}

.ui.multiple.dropdown > .label {
    margin-left: 4px;
    margin-right: 4px;
}

.ui.selection.dropdown > .dropdown.icon {
    padding: 13px 13px 0 0;
}

.ui.selection.dropdown > .dropdown.icon:before {
    content: '\f078';
    font-family: FontAwesome;
}

.ui.selection.dropdown > .close.icon {
    color: #737373;
    margin: 3px 22px 0 0;
}

.ui.selection.dropdown.multiple > .close.icon {
    right: auto;
    margin: -10px 0 0;
}

.ui.selection.dropdown.multiple > .close.icon:after {
    font-size: 14px;
}

.ui.selection.dropdown.multiple > .close.icon:before {
    display: none;
}

.ui.selection.dropdown .menu {
    border-radius: 0 0 1px 1px;
    margin: 2px -2px;
    min-width: calc(100% + 4px);
    width: calc(100% + 4px);
}

.ui.selection.dropdown.upward .menu {
    border-radius: 1px 1px 0 0;
}

.ui.selection.active.dropdown .menu {
    box-shadow: none;
}

.ui.selection.active.dropdown:hover .menu {
    border: 2px solid #2E8DD6;
}

.ui.selection.active.dropdown, .ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown .menu:hover {
    border: 2px solid #2E8DD6;
}

.ui.selection.dropdown .menu > .item,
.ui.selection.active.dropdown .menu .item {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none;
}

.ui.selection.dropdown .menu > .item:hover,
.ui.selection.active.dropdown .menu .item:hover {
    background-color: #B5D7F1;
}

.ui.dropdown .menu .selected.item {
    background: #2D8DD6;
    color: #fff;
    border: none;
}

.data-person-birthday-field .form-input-holder {
    position: relative;
}

.data-person-birthday-field .form-input-holder:after {
    position: absolute;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 16pt;
    color: #737373;
    top: 50%;
    right: 0;
    width: 25px;
    line-height: 38px;
    vertical-align: middle;
    height: 38px;
    margin-top: -19px;
    content: "\f133";
    margin-right: 6px;
}

.data-person-birthday-field .form-input-holder input[type=text] {
    background-image: none;
    padding-right: 30px;
}

/* Custom checkbox / radio buttons (iCheck) everything else is in custom skin (green) */
.custom-radio,
.custom-checkbox {
    margin-top: -2px;
}

.custom-checkbox {
    border: 2px solid #D6D6D6;
    width: 18px;
    height: 18px;
    line-height: 18px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    background: none;
    display: inline-block;
    border: 2px solid #D6D6D6;
    border-radius: 1px;
}

.custom-checkbox:hover {
    border-color: #9CC9EB;
}

.custom-checkbox.checked {
    border: 4px solid #2D8DD6;
    background: #2D8DD6;
    color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

/* Bootstrap adjustments */
.c-indicator {
    border: 2px solid #D6D6D6;
    width: 18px;
    height: 18px;
    line-height: 18px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    background: none;
    display: inline-block;
}

.c-checkbox .c-indicator {
    border: 2px solid #D6D6D6;
    border-radius: 1px;
}

.c-checkbox:hover .c-indicator {
    border-color: #9CC9EB;
}

.c-checkbox > input:checked ~ .c-indicator {
    border: 4px solid #2D8DD6;
    background: #2D8DD6;
    color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

.c-radio .c-indicator {
    border: 2px solid #D6D6D6;
    border-radius: 50%;
}

.c-radio:hover .c-indicator {
    border-color: #9CC9EB;
}

.c-radio > input:checked ~ .c-indicator {
    background-color: transparent;
    border-color: #D6D6D6;
}

.c-radio > input:checked ~ .c-indicator:after {
    content: "";
    display: block;
    border-radius: 50%;
    background: #2D8DD6;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
}

.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .btn-primary.dropdown-toggle, .open > .btn-primary, .open > .btn-primary.dropdown-toggle,
.btn-default,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.btn-default.dropdown-toggle, .open >
.btn-default, .open >
.btn-default.dropdown-toggle {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #484848;
}

.btn-primary:hover, .btn-primary:focus:hover, .btn-primary.focus:hover, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.dropdown-toggle:hover, .open > .btn-primary:hover, .open > .btn-primary.dropdown-toggle:hover,
.btn-default:hover,
.btn-default:focus:hover,
.btn-default.focus:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.dropdown-toggle:hover, .open >
.btn-default:hover, .open >
.btn-default.dropdown-toggle:hover {
    background-color: #dbdbdb;
    border-color: #E0E0E0;
    color: #484848;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
fieldset[disabled] .btn-primary:hover {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #484848;
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: auto;
}

.btn-primary.disabled:hover:hover,
.btn-primary:disabled:hover:hover,
fieldset[disabled] .btn-primary:hover:hover {
    background-color: #dbdbdb;
    border-color: #E0E0E0;
    color: #484848;
}

a.btn.disaabled,
fieldset[disabled] a.btn {
    pointer-events: auto;
}

.dropdown-toggle .caret {
    display: none;
}

.dropdown-toggle:after {
    display: inline-block;
    font-family: FontAwesome;
    content: "";
    color: #535153;
    font-size: 11px;
    width: auto;
    height: auto;
    border: none;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus {
    background-color: #3F4444;
    border-color: #3F4444;
    color: #fff;
}

.btn-dark.dropdown-toggle:after,
.btn-dark:hover.dropdown-toggle:after,
.btn-dark:focus.dropdown-toggle:after {
    color: #fff;
}

.btn.disabled,
.btn:disabled,
fieldset[disabled] .btn {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: auto;
}

.dropdown-menu {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    min-width: 170px;
    max-height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 8px 0;
}

.dropdown-item,
.btn-group .dropdown-menu .dropdown-item,
.ui.dropdown .menu > .item,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li a {
    font-size: 13px;
    line-height: normal;
    padding: 15px 18px !important;
    /* !important because of .ui.dropdown .menu > .item */
}

.dropdown-item,
.ui.dropdown .menu > .item,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li a {
    font-weight: 600;
    color: #535153;
    cursor: pointer;
}

.dropdown-item:focus, .dropdown-item:hover,
.ui.dropdown .menu > .item:focus,
.ui.dropdown .menu > .item:hover,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li a:focus,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li a:hover {
    background-color: #BEDCF2;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-header .title i.pull-left,
.custom-dropdown-wrapper .custom-dropdown-popup .card-header .title i.pull-right {
    line-height: 1.4rem;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-header .title i:after {
    font-family: FontAwesome;
    font-size: 0.688rem;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-header .primary-title i:after {
    content: "";
    color: #737373;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-header .secondary-title {
    color: #2D8DD6;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-header .secondary-title i:after {
    content: "";
    font-family: FontAwesome;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-block .content .help-text i:after {
    content: "\f05a";
    font-style: normal;
    font-family: FontAwesome;
    margin-right: 0.2rem;
}

.custom-dropdown-wrapper .custom-dropdown-popup .card-block .content.secondary-content .custom-range.selected,
.custom-dropdown-wrapper .custom-dropdown-popup .card-block .content.secondary-content .custom-range:hover {
    background-color: #2D8DD6;
    color: #fff;
}

.custom-dropdown-wrapper.active .custom-dropdown-button button,
.custom-dropdown-wrapper.active .custom-dropdown-clear-button button {
    background-color: #2E8DD6;
    border-color: #2E8DD6;
    color: #fff;
}

.custom-dropdown-wrapper.active .custom-dropdown-button .dropdown-toggle:after,
.custom-dropdown-wrapper.active .custom-dropdown-clear-button .dropdown-toggle:after {
    color: #fff;
}

.custom-dropdown-wrapper.active .custom-dropdown-clear-button button {
    padding-left: 8px;
    padding-right: 9px;
}

.custom-dropdown-wrapper.active .custom-dropdown-clear-button button i:after {
    content: "";
    font-family: "Linearicons";
    font-size: 16px;
    line-height: normal;
}

.input-group .input-group-btn .btn {
    height: 48px;
    margin-left: 0;
}

/* qTip */
.qtip-default {
    max-width: 220px;
    background: #fff;
    font-size: 13px;
    color: #303030;
    border: 1px solid #B7B7B7;
    border-radius: 2px;
    min-height: 55px;
    padding: 15px 20px;
    margin-left: 3px;
}

.qtip-default.qtip-pos-rt {
    margin-left: 0;
    margin-right: 3px;
}

.qtip-default .qtip-content {
    line-height: normal;
    padding: 3px 0 0;
}

.global-react-popup .close:after {
    display: none;
}

.global-react-popup .ui.selection.dropdown.loading .close.icon {
    display: none;
}

.global-react-popup .ui.selection.dropdown > .close.icon {
    margin: -15px 5px 0 0;
}

.global-react-popup .ui.selection.dropdown.multiple > .close.icon {
    right: auto;
    margin: -10px 0 0;
}

.global-react-popup .ui.selection.dropdown.multiple > .close.icon:before {
    display: block;
}

.global-react-popup .content .form-holder .form-actions .btn-link {
    color: #2D8DD6;
}

.global-react-popup.popup-absolute .content-wrapper {
    background: inherit;
}

.popover {
    font-family: "Open Sans", sans-serif;
    border-color: #B7B7B7;
}

.popover .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
    border-bottom-color: #B7B7B7;
}

.popover .popover-arrow:after, .popover.bs-tether-element-attached-top .popover-arrow:after {
    border-bottom-color: #F7F7F7;
}

.popover .react-popover .choice-form .choice .fullname {
    color: #737373;
}

.popover .react-popover .choice-form .choice .address {
    color: #8E9A9C;
    display: inline-block;
    max-width: 165px;
}

.popover .react-popover .choice-form .choice .info-icon:after {
    content: "";
    font-family: FontAwesome;
    color: #2D8DD6;
    font-size: 18px;
}

.popover .popover-title {
    border-color: #B7B7B7;
    background-color: #F7F7F7;
}

.popover .popover-content .content .person-info .person-info-inner {
    padding-left: 18px;
    padding-right: 18px;
    text-align: inherit;
}

.panel {
    border: 1px solid #f1f2f7;
    box-shadow: none;
}

.panel .panel-heading {
    background: #fafafa;
    border-bottom: 1px solid #f1f2f7;
    padding: 0;
}

.panel .panel-heading .module-title {
    display: block;
    float: left;
    text-transform: uppercase;
    color: #989ea7;
    font-size: 13px;
    padding: 16px 20px;
}

.panel .panel-heading .panel-actions i.fa {
    border-left: 1px solid #f1f2f7;
    color: #7d7f88;
    font-size: 19px;
    line-height: 45px;
    padding: 3px 15px 0;
}

.panel .panel-body .no-results {
    color: #AEAEAE;
    margin: 0 0 15px;
}

/*.filters-wrapper-dropdown .dropdown-menu {
    top: 54px;
    left: 50%;
    min-width: 270px;
    margin-left: -135px;
    padding: 2px 0;
}
!* Arrow *!
.filters-wrapper-dropdown .dropdown-menu:after,
.filters-wrapper-dropdown .dropdown-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.filters-wrapper-dropdown .dropdown-menu:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}
.filters-wrapper-dropdown .dropdown-menu:before {
    border-color: transparent;
    border-bottom-color: $color-black-transparent-02; !* color of border for arrow *!
    border-width: 13px;
    margin-left: -13px;
}*/
.filters-wrapper-dropdown .dropdown-menu .li {
    padding: 15px 18px;
}

.filters-wrapper-dropdown .dropdown-menu .li label {
    cursor: pointer;
    font-weight: normal;
    margin: 0 0 0 6px;
}

/********** Custom radio buttons and checkboxes  ************/
.custom-form-fields .one-chk-rad {
    position: relative;
    vertical-align: middle;
    padding-left: 21px;
}

.custom-form-fields .one-chk-rad input[type="checkbox"],
.custom-form-fields .one-chk-rad input[type="radio"] {
    display: none;
}

.custom-form-fields .one-chk-rad input[type="checkbox"] + label.img,
.custom-form-fields .one-chk-rad input[type="radio"] + label.img {
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    cursor: pointer;
}

.custom-form-fields .one-chk-rad input[type="checkbox"] + label.img {
    background: none;
    height: 19px;
    font-size: 19px;
    font-family: FontAwesome;
    font-weight: 200;
    color: #e2e4e6;
}

.custom-form-fields .one-chk-rad input[type="checkbox"] + label.img:after {
    content: '\f096';
}

.custom-form-fields .one-chk-rad input[type="radio"] + label.img {
    background: none;
    text-indent: 0;
    height: 17px;
    font-size: 17px;
    font-weight: 600;
    font-family: FontAwesome;
    color: #e2e4e6;
}

.custom-form-fields .one-chk-rad input[type="radio"] + label.img:after {
    content: '\f10c';
}

.custom-form-fields .one-chk-rad input[type="checkbox"]:checked + label.img {
    background: none;
    color: #2E8DD6;
}

.custom-form-fields .one-chk-rad input[type="checkbox"]:checked + label.img:after {
    content: '\f14a';
}

.custom-form-fields .one-chk-rad input[type="radio"]:checked + label.img {
    background: none;
    color: #2E8DD6;
    font-weight: normal;
}

.custom-form-fields .one-chk-rad input[type="radio"]:checked + label.img:after {
    content: '\f192';
}

.custom-form-fields.coach-color .one-chk-rad input[type="radio"]:checked + label.img {
    background: none;
}

.custom-form-fields .one-chk-rad input[type="checkbox"][disabled] + label.img,
.custom-form-fields .one-chk-rad input[type="radio"][disabled] + label.img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

/* Older IE fixes */
.custom-form-fields .default-form-fields .one-chk-rad {
    margin-top: 1px;
    padding: 0;
}

.custom-form-fields .default-form-fields .one-chk-rad input[type="checkbox"],
.custom-form-fields .default-form-fields .one-chk-rad input[type="radio"] {
    display: block;
}

.custom-form-fields .default-form-fields .one-chk-rad input[type="checkbox"] + label.img,
.custom-form-fields .default-form-fields .one-chk-rad input[type="radio"] + label.img {
    display: none;
}

/***************** Chosen (fancy dropdown) ******************/
.chosen-container {
    text-align: left;
    width: 100% !important;
}

.chosen-container a.chosen-single,
.chosen-container a.chosen-single span {
    height: 40px;
    line-height: 40px;
}

.chosen-container-single .chosen-single {
    box-shadow: none;
    background: #fff;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border: 1px solid #bdc3c7;
    color: #303030;
    font-size: 10pt;
    font-weight: 300;
    border-radius: 2px;
    padding: 0;
}

.chosen-container-single .chosen-single * {
    line-height: normal;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
    box-shadow: none;
    border: 1px solid #bdc3c7;
}

.chosen-container a.chosen-single span {
    line-height: 36px;
    padding-left: 12px;
}

.chosen-container a.chosen-single div {
    width: 15px;
    right: 9px;
}

.chosen-container-single .chosen-single div b {
    border: none;
    background: none;
    text-indent: 0;
    font-family: FontAwesome;
    font-size: 17pt;
    height: 16px;
    line-height: 38px;
    color: #bdc3c7;
    padding: 0;
}

.chosen-container a.chosen-single div b:after {
    content: '\f107';
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after {
    content: '\f106';
}

.chosen-container .chosen-results li {
    color: #303030;
    font-size: 10pt;
    line-height: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 8px 9px;
}

.chosen-container .chosen-results li.highlighted {
    color: #fff;
    background: #2E8DD6;
}

/* Small */
/* Multiple Select */
.chosen-container .chosen-choices {
    border: 2px solid #B7B7B7;
    color: #303030;
    box-shadow: none;
    background: #fff;
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
    font-size: 1rem;
    font-weight: 300;
    border-radius: 2px;
}

.chosen-container .chosen-choices * {
    line-height: normal;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #2E8DD6;
    color: #fff;
    border: none;
    box-shadow: none;
    padding: 8px 28px 8px 12px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: none;
    top: 50%;
    right: 10px;
    width: 9px;
    height: 9px;
    font-size: 9px;
    color: #fff;
    cursor: pointer;
    font-family: streamline-24px;
    margin-top: -6px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
    content: '\e2c0';
}

.chosen-container-multi .chosen-choices li.search-field {
    padding-top: 0;
    padding-bottom: 0;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 38px;
    color: #303030;
}

/********************** Select2 **********************/
.select2-container--default .select2-selection {
    height: 48px;
    line-height: 46px;
    vertical-align: middle;
    padding: 0 12px !important;
}

.select2-container--default .select2-selection--single {
    padding: 0 12px !important;
    border-radius: 2px;
    border: 2px solid #B7B7B7;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    line-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 24px;
    width: 2.4rem;
    bottom: 1px;
    height: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    line-height: inherit;
    font-size: 1rem;
    color: #303030;
}

.select2-container--open .select2-dropdown {
    border: 2px solid #B7B7B7;
    border-radius: 2px;
}

.select2-container--open .select2-selection.select2-selection--single {
    border-color: #B7B7B7;
}

.select2-results__options {
    padding: 5px;
}

.select2-container--default .select2-results__option--highlighted {
    background: #2E8DD6 !important;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: 0;
    margin-top: 3px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: 0;
    margin-bottom: 3px;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: -8px;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: -2px;
}

.select2-container--default .select2-results > .select2-results__options {
    margin: 2px;
}

.select2-dropdown {
    border-color: #B7B7B7;
    font-size: 1rem;
}

.select2-results__option {
    border-radius: 2px;
    font-size: 1rem;
    font-weight: 300;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background: none;
    text-indent: 0;
    font-family: "Linearicons";
    font-size: 16px;
    height: 16px;
    line-height: 38px;
    color: #B7B7B7;
    padding: 0;
    margin-top: -18px;
    margin-left: -10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: '\e93a';
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    content: '\e939';
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    color: transparent;
    overflow: hidden;
    width: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: '\e92a';
    font-family: "Linearicons";
    color: #303030;
}

/******************** MULTISELECT ********************/
.ui-multiselect,
.ui-multiselect.ui-state-default {
    width: 100% !important;
    height: 40px;
    border: 1px solid #bdc3c7;
    color: #303030;
    font-size: 10pt;
    font-weight: 300;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 9px 5px 9px 9px;
}

.ui-multiselect.ui-state-default span.ui-icon,
.ui-multiselect.ui-state-hover span.ui-icon,
.ui-multiselect.ui-state-active span.ui-icon {
    background: none;
    text-indent: 0;
    font-family: FontAwesome;
    font-size: 17pt;
    height: 16px;
    line-height: 16px;
    color: #bdc3c7;
}

.ui-multiselect.ui-state-default span.ui-icon:after,
.ui-multiselect.ui-state-hover span.ui-icon:after {
    content: '\f107';
}

.ui-multiselect.ui-state-active span.ui-icon:after {
    content: '\f106';
}

.ui-multiselect-checkboxes li {
    font-size: 10pt;
    padding: 0;
}

.ui-multiselect-checkboxes label,
.ui-multiselect-checkboxes label.ui-state-hover,
.ui-multiselect-checkboxes label.ui-state-active {
    border: 0 !important;
    background: none;
    font-weight: 400;
    color: #303030;
    white-space: nowrap;
    padding: 8px 10px;
}

.ui-multiselect-checkboxes label:hover,
.ui-multiselect-checkboxes label.ui-state-active {
    background: #2E8DD6;
    color: #fff;
}

.ui-multiselect-menu.ui-widget-content {
    background: none #fff;
    margin-top: -1px;
}

.ui-multiselect-menu.ui-widget-content .triangle {
    display: none;
}

.ui-multiselect-menu input[type="checkbox"],
.ui-multiselect-menu .icheck-item {
    display: none;
}

/* jQuery UI */
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-hover {
    /*background: $color-blue;*/
    /*color: #fff;*/
}

/* Phones */
.phone-holder.first {
    margin-top: 15px;
}

.phone-holder .clearfix {
    margin: 10px 0;
}

.phone-holder .default-and-type-holder {
    position: relative;
    width: 38%;
    float: left;
    padding-left: 22px;
    margin: 0 1% 0 0;
}

.phone-holder .default-and-type-holder .default {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 40px;
    line-height: 40px;
}

.phone-holder .number-holder {
    float: left;
    width: 61%;
    position: relative;
    margin: 0;
    padding-right: 45px;
}

.phone-holder .number-holder.with-minus-icon {
    padding-right: 90px;
}

.phone-holder .number-holder input.number {
    float: left;
}

.phone-holder .number-holder span.plus,
.phone-holder .number-holder span.minus {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    font-family: streamline-24px;
    font-size: 39px;
    font-weight: 100;
    float: right;
    text-align: right;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 42px;
}

.phone-holder .number-holder span.minus {
    right: 44px;
}

.phone-holder .number-holder span.plus:after {
    color: #2E8DD6;
    content: '\e2ab';
}

.phone-holder .number-holder span.minus:after {
    color: #E5483A;
    content: '\e2c2';
}

/* Responsive - Phones Number form fields */
@media only screen and (max-width: 420px) {
    .phone-holder .number-holder {
        padding-right: 20px;
    }
    .phone-holder .number-holder.with-minus-icon {
        padding-right: 40px;
    }
    .phone-holder .number-holder span.plus,
    .phone-holder .number-holder span.minus {
        width: 15px;
        font-size: 15px;
    }
    .phone-holder .number-holder span.minus {
        right: 20px;
    }
}

.is-combo .form-input-holder {
    position: relative;
}

.is-combo .form-input-holder:after {
    position: absolute;
    font-family: FontAwesome;
    content: '\f107';
    right: 10px;
    top: 0;
    line-height: 40px;
    height: 40px;
    width: 15px;
    font-size: 17pt;
    color: #bdc3c7;
    z-index: 2;
}

.is-combo .form-input-holder input {
    background-image: none;
}

.is-combo .form-input-holder .combo-options {
    font-size: 10pt;
    font-weight: 300;
    border: 1px solid #bdc3c7;
    border-top: none;
    margin-top: -1px;
}

.is-combo .form-input-holder .combo-options .records .option {
    line-height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 9px;
}

.is-combo .form-input-holder .combo-options .records .option.focused {
    background: #2E8DD6;
    color: #fff;
}

.info-message {
    color: #2E8DD6;
}

.error,
.form-error,
.ajax-error,
.form-input-error,
.form-input-error span,
.form-validation-errors {
    color: #E5483A;
}

.nothing {
    color: #bdc3c7;
    font-size: 11pt;
    font-weight: 300;
}

p,
.content {
    color: #303030;
    word-wrap: break-word;
}

.MuiTypography-root {
    color: unset;
    word-wrap: unset;
}

.button1,
.tpl-button,
.appointee-button,
button,
button.edit,
.ui-widget button,
input[type=button],
input[type=submit],
input[type=reset] {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
}

.MuiButtonBase-root {
    zoom: normal;
    height: unset;
    line-height: unset;
    font-weight: unset;
    font-family: unset;
    text-shadow: unset;
    box-shadow: unset;
}

.button1.disabled,
.tpl-button.disabled,
.appointee-button.disabled,
button.disabled,
button.edit.disabled,
input[type=button].disabled,
input[type=submit].disabled,
input[type=reset].disabled,
.button1:disabled,
.tpl-button:disabled,
.appointee-button:disabled,
button:disabled,
button.edit:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: auto;
}

.tpl-button.tpl-button-alt {
    border-color: #E74C3C;
    background-color: #E74C3C;
    margin-left: 10px;
}

button.edit {
    font-size: 11pt;
    padding: 4px;
}

.appointee-button {
    padding: 6px 12px 7px;
}

/* Navigation Arrow */
.nav-arrow-icon {
    height: 17px;
    width: 17px;
    display: inline-block;
    background: url("../img/nav-arrow.png") no-repeat 50% 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    right: 10px;
}

.active .nav-arrow-icon {
    background-position: 50% 100%;
}

.col {
    display: block;
    float: left;
}

/* GRID OF THREE  */
.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.6%;
}

.span_1_of_3 {
    width: 33.3%;
}

/* GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}

.span_1_of_2 {
    width: 50%;
}

/*======================*/
/* Custom Alert - Start */
/*======================*/
.customAlert {
    min-width: 510px;
    border: 1px solid #ecf0f1;
    font-family: "Open Sans", sans-serif;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.customAlert .customAlertLoading,
.customAlert .customAlertLoading img {
    border-radius: 2px;
}

.customAlert .customAlertInner {
    font-family: "Open Sans", sans-serif;
    padding: 0;
}

.customAlert .customAlertInner .customAlertTitle {
    position: relative;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background: #ecf0f1;
    padding: 10px 33px 10px 15px;
    margin: 0;
}

.customAlert .customAlertInner .customAlertTitle a.closeAlert {
    background: #89949B;
    font-weight: 400;
    border-radius: 2px;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    right: 9px;
    margin-top: -11px;
}

.customAlert .customAlertInner .customAlertTitle a.closeAlert:after {
    display: block;
    text-align: center;
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

.customAlert .customAlertInner .customAlertMsg {
    font-family: "Open Sans", sans-serif;
    position: relative;
    padding: 15px 18px;
}

.customAlert .customAlertMsg a {
    color: #2E8DD6;
}

.customAlert .customAlertInner .customAlertMsg img {
    display: none;
}

.customAlert .customAlertInner .customAlertMsg .confirmationIcon {
    background: none;
    position: relative;
    width: 100%;
    text-align: center;
}

.customAlert .customAlertInner .customAlertMsg .confirmationIcon:after {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 98px;
    height: 70px;
    line-height: 68px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
}

.customAlert .customAlertInner .customAlertMsg .title {
    font-weight: 300;
    font-size: 24px;
}

.customAlert .customAlertInner .customAlertMsg .required {
    background: none;
    vertical-align: middle;
    margin-right: 3px;
}

.customAlert .customAlertInner .customAlertMsg .required:after {
    content: "*";
}

.customAlert .customAlertInner .customAlertMsg span {
    vertical-align: middle;
}

.customAlert .customAlertInner .customAlertMsg input,
.customAlert .customAlertInner .customAlertMsg textarea,
.customAlert .customAlertInner .customAlertMsg select {
    margin: 5px 0 10px;
}

.customAlert .customAlertInner .customAlertMsg textarea {
    height: 108px;
}

.customAlert .customAlertInner .customAlertMsg input.last-row,
.customAlert .customAlertInner .customAlertMsg textarea.last-row,
.customAlert .customAlertInner .customAlertMsg select.last-row {
    margin-bottom: 0;
}

.customAlert .customAlertInner .customAlertMsg input.invalid,
.customAlert .customAlertInner .customAlertMsg textarea.invalid,
.customAlert .customAlertInner .customAlertMsg select.invalid {
    border-color: #E5483A;
}

.customAlert .customAlertInner .customAlertMsg input.readonly,
.customAlert .customAlertInner .customAlertMsg textarea.readonly,
.customAlert .customAlertInner .customAlertMsg select.readonly,
.customAlert .customAlertInner .customAlertMsg input.readonly:focus,
.customAlert .customAlertInner .customAlertMsg textarea.readonly:focus,
.customAlert .customAlertInner .customAlertMsg select.readonly:focus {
    background-color: #fff;
    border-color: #fff;
    color: #d4d4d4;
}

.customAlert .customAlertInner .customAlertMsg input[name="email"] {
    margin-bottom: 15px;
}

.customAlert .customAlertInner .customAlertMsg .radio-wrapper {
    width: 70px !important;
    vertical-align: top !important;
    padding: 3px 0;
    margin-bottom: 5px;
}

/* Custom radio */
/*.customAlert .customAlertInner .customAlertMsg .radio-wrapper input[type=radio] {
  display: none;
}

.customAlert .customAlertInner .customAlertMsg .radio-wrapper label:before {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid $border-color;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -4px;
}

.customAlert .customAlertInner .customAlertMsg .radio-wrapper label.checked:before {
  font-family: "FontAwesome";
  content: "\f111";
  color: $color-purple;
  background: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
}*/
.customAlert .customAlertInner .customAlertError {
    display: block;
    color: #E5483A;
    padding-bottom: 0;
}

.customAlert .customAlertInner .pop-up-buttons {
    margin: 20px 0 0;
}

.customAlert .customAlertInner .pop-up-buttons a {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
    display: block;
    width: 100%;
    margin: 7px 0 0;
}

.customAlert .customAlertInner .customAlertButtons,
.customAlert .customAlertInner .customAlertButtons.right {
    text-align: left;
    padding: 0 15px;
    margin: 10px 0 20px;
}

.customAlert button,
.customAlert .customAlertInner .customAlertButtons button {
    font-size: 13px;
    background-color: #2E8DD6;
    border: 0 solid #2E8DD6;
    color: #fff;
    margin: 3px 5px;
}

/* New Campaign popup */
.customAlert.newCampaignOptions {
    min-width: 410px;
}

.customAlert.newCampaignOptions .customAlertInner .customAlertMsg {
    color: #303030;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.customAlert.newCampaignOptions .customAlertInner .customAlertMsg .description {
    padding: 8px 0;
}

/* Responsive - Custom Alert */
@media (max-width: 520px) {
    .customAlert,
    .customAlert.newCampaignOptions {
        min-width: 0;
    }
}

/*====================*/
/* Custom Alert - End */
/*====================*/
/******************************************************************/
/************** jQuery UI - custom fixes - start ******************/
/******************************************************************/
/* Global */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #fff;
    font-weight: normal;
    border: 1px solid #2E8DD6;
    background: #2E8DD6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    color: #fff;
    font-weight: normal;
    border: 1px solid #2E8DD6;
    background: #2E8DD6;
}

.ui-widget-header {
    font-weight: normal;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #2E8DD6;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #2E8DD6;
}

/* Calendar / Datepicker */
.ui-datepicker * {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.ui-datepicker {
    border: none;
    min-width: 190px;
    max-width: 220px;
}

.ui-datepicker .ui-datepicker-header {
    background: #2E8DD6;
    height: 38px;
    line-height: normal;
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-header .ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon:hover {
    background: none;
    border: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    width: 33px;
    height: 36px;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
    background-image: url("../lib/jquery-ui-theme/images/jquery-ui-arrow-left.png");
    left: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    background-image: url("../lib/jquery-ui-theme/images/jquery-ui-arrow-right.png");
    right: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
    text-transform: uppercase;
    color: #fff;
    font-size: 11pt;
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
    line-height: 27px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    width: 48%;
    line-height: normal;
    height: auto;
    font-weight: normal;
    padding: 0 5px;
    margin: 3px 1%;
    -webkit-appearance: menulist;
    background: #2680c4;
}

.ui-datepicker table.ui-datepicker-calendar {
    border: 1px solid #dfdfe1;
    border-top: none;
}

.ui-datepicker table.ui-datepicker-calendar th {
    background: #e3e3e3;
    padding: 4px 3px;
}

.ui-datepicker table.ui-datepicker-calendar th span {
    text-transform: uppercase;
    color: #646464;
    font-size: 7pt;
}

.ui-datepicker table.ui-datepicker-calendar tbody td {
    border: 1px solid #dfdfe1;
    background: #fff;
    padding: 0;
}

.ui-datepicker table.ui-datepicker-calendar tbody td a,
.ui-datepicker table.ui-datepicker-calendar tbody td span {
    border: none;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    color: #5a5c5c;
    background: #fff;
    padding: 6px 3px;
}

.ui-datepicker table.ui-datepicker-calendar tbody td a:hover {
    background: #f6f2f2;
}

.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-current-day a,
.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-current-day span {
    background: #EAE6E6;
    text-shadow: none;
    box-shadow: 0 0 15px -4px #54838d inset;
}

.ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-highlight {
    background: #f5f5f5;
}

.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-other-month span {
    color: #cfcfcf;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    height: auto;
    line-height: normal;
    padding: 5px 7px 4px;
}

/* Dialog */
.ui-dialog {
    z-index: 9999;
    position: fixed;
}

@media (max-width: 768px) {
    .ui-dialog {
        width: auto !important;
        right: 20px !important;
        left: 20px !important;
    }
}

.ui-widget-overlay {
    z-index: 9999;
    position: fixed;
}

.ui-dialog .ui-dialog-title {
    margin: 5px 10px 3px 0;
}

.ui-dialog .ui-dialog-titlebar .ui-button .ui-icon {
    top: 0;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: static;
    float: right;
    text-align: center;
    font-weight: normal;
    margin: 3px -7px 0 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick,
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    display: block;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    margin-top: -12px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-dialog-content {
    padding: 22px 18px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-dialog-content p {
    margin: 10px 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-dialog-buttonset .ui-button-text-only .ui-button-text {
    padding: 0;
}

/* Auto-complete */
.ui-autocomplete-input.ui-autocomplete-loading {
    background: url("../img/ajax-loader.gif") 98% 50% no-repeat;
}

/******************************************************************/
/*************** jQuery UI - custom fixes - end *******************/
/******************************************************************/
/* Responsive - Global at 900px */
@media only screen and (max-width: 900px) {
    .span_3_of_3 {
        width: 100%;
    }
    .span_2_of_3 {
        width: 66.1%;
    }
    .span_1_of_3 {
        width: 32.2%;
    }
    .span_2_of_2 {
        width: 100%;
    }
    .span_1_of_2 {
        width: 49%;
    }
}

/* Responsive - Global at 700px */
@media only screen and (max-width: 700px) {
    .span_3_of_3 {
        width: 100%;
    }
    .span_2_of_3 {
        width: 66.1%;
    }
    .span_1_of_3 {
        width: 32.2%;
    }
    .span_2_of_2 {
        width: 100%;
    }
    .span_1_of_2 {
        width: 49%;
    }
}

/*Styles Jeremy Added for the Demo */
.users .users-recover-password {
    Margin: 100px;
}

.processes-modules-task-list .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .active > a,
.processes-modules-task-list .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .active > a:hover,
.processes-modules-task-list .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .active > a:focus {
    border-right: 0;
    background-color: #2E8DD6;
    color: #fff;
}

.processes-modules-task-list .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a, .processes-modules-task-list .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a:hover, .processes-modules-task-list .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a:focus {
    color: #2E8DD6;
    border-right: 1px solid #2E8DD6;
}

.processes-modules-task-list .accordion .accordion-header .progress-bar .percent-background {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2E8DD6;
    height: 40px;
    text-align: right;
    display: block;
    z-index: 1;
}

.processes-modules-task-list .accordion .accordion-header {
    color: #fff;
    background: #59a4de;
    border: 0;
    position: relative;
    min-height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 7px 10px 8px 17px;
    margin: 0 0 1px;
}

.processes-modules-task-list .person-info-icon {
    color: #2E8DD6;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -1px;
    margin-left: 2px;
}

.ui.dropdown .menu .deleted.item {
    font-style: italic;
    color: #ccc;
}

/*# sourceMappingURL=global.css.map */

@charset "UTF-8";
/*====================================*/
/* Module / Component pages positions */
/*====================================*/
.tpl-centered, .tpl-centered-1440, .tpl-centered-1220, .tpl-centered-960, .tpl-centered-900, .tpl-centered-850, .tpl-centered-770, .tpl-centered-750, .tpl-centered-650 {
    max-width: 1060px;
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
}

.tpl-centered-1440 {
    max-width: 1460px;
}

.tpl-centered-1220 {
    max-width: 1240px;
}

.tpl-centered-960 {
    max-width: 980px;
}

.tpl-centered-900 {
    max-width: 920px;
}

.tpl-centered-850 {
    max-width: 870px;
}

.tpl-centered-770 {
    max-width: 790px;
}

.tpl-centered-750 {
    max-width: 770px;
}

.tpl-centered-650 {
    max-width: 670px;
}

/*===============================*/
/* Columns / Grid ===============*/
/*===============================*/
.tpl-col, .tpl-col-1-2,
.tpl-child-items-1-2 [class^='tpl-architect-'],
.tpl-child-items-1-2 [class*=' tpl-architect-'], .tpl-col-1-3,
.tpl-child-items-1-3 [class^='tpl-architect-'],
.tpl-child-items-1-3 [class*=' tpl-architect-'], .tpl-col-2-3, .tpl-col-1-4,
.tpl-child-items-1-4 [class^='tpl-architect-'],
.tpl-child-items-1-4 [class*=' tpl-architect-'], .tpl-col-2-4, .tpl-col-3-4 {
    display: block;
    float: left;
}

/* GRID OF TWO  */
.tpl-col-1-2,
.tpl-child-items-1-2 [class^='tpl-architect-'],
.tpl-child-items-1-2 [class*=' tpl-architect-'] {
    width: 50%;
}

/* GRID OF THREE  */
.tpl-col-1-3,
.tpl-child-items-1-3 [class^='tpl-architect-'],
.tpl-child-items-1-3 [class*=' tpl-architect-'] {
    width: 33.3333%;
}

.tpl-col-2-3 {
    width: 66.6666%;
}

/* GRID OF FOUR  */
.tpl-col-1-4,
.tpl-child-items-1-4 [class^='tpl-architect-'],
.tpl-child-items-1-4 [class*=' tpl-architect-'] {
    width: 25%;
}

.tpl-col-2-4 {
    width: 50%;
}

.tpl-col-3-4 {
    width: 75%;
}

@media (max-width: 1200px) {
    .tpl-col-1-4,
    .tpl-child-items-1-4 [class^='tpl-architect-'],
    .tpl-child-items-1-4 [class*=' tpl-architect-'] {
        width: 50%;
    }
}

@media (max-width: 1000px) {
    .tpl-col-1-2,
    .tpl-child-items-1-2 [class^='tpl-architect-'],
    .tpl-child-items-1-2 [class*=' tpl-architect-'],
    .tpl-col-1-3,
    .tpl-child-items-1-3 [class^='tpl-architect-'],
    .tpl-child-items-1-3 [class*=' tpl-architect-'],
    .tpl-col-2-3,
    .tpl-col-2-4,
    .tpl-col-3-4 {
        float: none;
        width: 100%;
    }
}

@media (max-width: 900px) {
    .tpl-col-1-4,
    .tpl-child-items-1-4 [class^='tpl-architect-'],
    .tpl-child-items-1-4 [class*=' tpl-architect-'] {
        float: none;
        width: 100%;
    }
}

/*===============================*/
/* LOGIN ========================*/
/*===============================*/
.tpl-login-position {
    color: #768182;
    height: 100%;
}

.tpl-login-position .tpl-architect-wrapper-basic.tpl-col-1-2 {
    padding: 20px 50px;
}

@media (max-width: 1220px) {
    .tpl-login-position .tpl-architect-wrapper-basic.tpl-col-1-2 {
        padding: 20px;
    }
}

@media (max-width: 1170px) {
    .tpl-login-position .tpl-architect-wrapper-basic.tpl-col-1-2 {
        width: 100%;
    }
}

@media (max-width: 630px) {
    .tpl-login-position .tpl-architect-wrapper-basic.tpl-col-1-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

.tpl-login-position .tpl-h1, .tpl-login-position .tpl-h2, .tpl-login-position .tpl-h3, .tpl-login-position .tpl-h4, .tpl-login-position .tpl-h5, .tpl-login-position .tpl-h6 {
    color: #484848;
    margin: 0 0 15px;
}

.tpl-login-position .tpl-h1 {
    font-weight: 300;
    font-size: 3rem;
}

.tpl-login-position .tpl-architect-static-body-only {
    line-height: 1.6;
    margin: 10px 0;
}

.tpl-login-position .tpl-architect-static-body-only .tpl-button {
    font-weight: 600;
    font-size: 0.9375rem;
    margin: 20px 0;
}

.tpl-login-position .tpl-architect-static-body-only table {
    line-height: normal;
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
    font-size: 1rem;
    margin: 20px 0 10px;
}

.tpl-login-position .tpl-architect-static-body-only table thead td {
    background-color: #2E8DD6;
    color: #fff;
    font-weight: 600;
}

.tpl-login-position .tpl-architect-static-body-only table td {
    border: 1px solid #ecf0f1;
    padding: 15px 20px;
}

.tpl-login-position .tpl-architect-static-body-only table td a i {
    margin-left: 5px;
}

@media (max-width: 530px) {
    .tpl-login-position .tpl-architect-static-body-only table td {
        font-size: 0.875rem;
        padding: 10px;
    }
}

.tpl-login-position .users-modules-login {
    color: #484848;
    padding: 0 0 40px;
}

.tpl-login-position .users-modules-login h1 {
    display: none;
}

.tpl-login-position .users-modules-login .row {
    margin: 20px 0;
}

.tpl-login-position .users-modules-login .row .label {
    font-weight: 600;
    font-size: 0.875rem;
    margin: 8px 2px;
}

.tpl-login-position .users-modules-login .row .input {
    max-width: 550px;
}

.tpl-login-position .users-modules-login .row .input input {
    font-size: 1rem;
    height: 50px;
    line-height: 50px;
}

.tpl-login-position .users-modules-login .remember {
    margin: 10px 2px;
}

.tpl-login-position .users-modules-login .submit {
    padding: 10px 5px;
}

.tpl-login-position .users-modules-login .submit input[type=submit] {
    font-weight: 600;
    font-size: 0.9375rem;
    text-transform: uppercase;
    line-height: normal;
}

.tpl-login-position .users-modules-login .option.recover {
    display: none;
}

.tpl-container {
    background: #303030;
    width: 100%;
}

/*===============================*/
/* HEADER =======================*/
/*===============================*/
#tpl-header {
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    min-height: 67px;
}

#tpl-header .tpl-section-header-left-wrapper {
    background: #2E8DD6;
    color: #303030;
    float: left;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    width: 300px;
    text-align: center;
    border-right: solid #fff 0;
    display: table;
}

#tpl-header .tpl-section-header-left-wrapper * {
    line-height: normal;
}

#tpl-header .tpl-section-header-left-wrapper .tpl-position-header-left {
    height: 100px;
    overflow: hidden;
}

#tpl-header .tpl-section-header-left-wrapper .tpl-section-header-left {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

#tpl-header .tpl-section-header-left-wrapper .tpl-position-profile-photo {
    background: #303030;
    color: #89949B;
    width: 60px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

#tpl-header .tpl-section-header-left-wrapper .tpl-position-profile-photo .profile-photo-text {
    font-size: 0;
    text-align: center;
    color: transparent;
}

#tpl-header .tpl-section-header-left-wrapper .tpl-position-profile-photo .profile-photo-text:after {
    display: inline-block;
    line-height: 60px;
    color: #89949B;
    font-family: "Linearicons";
    content: "";
    font-size: 27px;
    margin-top: -2px;
}

#tpl-header .tpl-section-header-left-wrapper .tpl-position-profile-photo img {
    max-width: 150px;
    width: 100%;
    height: auto;
}

#tpl-header .tpl-header-inner {
    position: relative;
}

/* Sidebar Toggle */
#tpl-header .tpl-sidebar-toggle {
    float: left;
    position: absolute;
    left: 281px;
    top: 50%;
    background: #F2F2F2;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    z-index: 11;
    margin-top: -19px;
}

#tpl-header .tpl-sidebar-toggle .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
}

/* Page Title */
#tpl-header .tpl-position-page-title {
    position: absolute;
    top: 0;
    left: 300px;
    background: #fff;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 30px;
    z-index: 10;
}

#tpl-header .tpl-position-page-title h2 {
    line-height: inherit;
    font-weight: 600;
    font-size: 30px;
    color: #303030;
}

#tpl-header .tpl-position-page-title i.fa.tpl-sub-menu-trigger {
    display: none;
    color: #2E8DD6;
    font-size: 24px;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 3px;
}

.tpl-with-sub-menu #tpl-header .tpl-position-page-title {
    line-height: 78px;
}

/* Sub Menu */
#tpl-header .tpl-position-sub-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 300px;
    z-index: 11;
}

/* Header Right */
#tpl-header .tpl-position-header-right {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

#tpl-header .tpl-position-header-right > .tpl-architect-wrapper-basic,
#tpl-header .tpl-position-header-right > .tpl-menus-menu-user-menu {
    float: left;
}

/*===============================*/
/* SIDEBAR ======================*/
/*===============================*/
#tpl-sidebar {
    background: #303030;
    float: left;
    width: 300px;
    min-height: 100vh;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 1px 0px 5px -1px #303030;
    /* for Nice Scroll: */
    /*position: fixed;*/
    /*height: 100%;*/
}

#tpl-sidebar.hide-left-bar {
    margin-left: -300px !important;
}

#tpl-sidebar.fixed {
    position: fixed;
    left: 0;
    top: 0;
}

#tpl-sidebar .tpl-sidebar-inner {
    height: 100%;
}

#tpl-sidebar.light-mode {
    background-color: #EDF0F2;
}

#tpl-sidebar.dark-mode {
    background-color: #191D21;
}

/*===============================*/
/* MAIN CONTENT =================*/
/*===============================*/
#tpl-main-content {
    background: #ecf0f1;
    min-height: 100vh;
    margin-left: 300px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Move to left when sidebar is hidden */
#tpl-main-content.merge-left {
    margin-left: 0 !important;
}

#tpl-main-content .tpl-main-content-inner {
    width: 100%;
    max-width: 2000px;
    display: inline-block;
}

/* Responsive - global design (header, sidebar, menus, etc.) */
@media (max-width: 1080px) {
    /* HEADER */
    #tpl-header .tpl-header-inner {
        padding-right: 55px;
        padding-left: 20px;
    }
    #tpl-header.with-header-right .tpl-header-inner {
        padding-right: 145px;
    }
    /* Sidebar Toggle */
    #tpl-header .tpl-sidebar-toggle {
        display: block;
        left: auto;
        right: 13px;
        top: 16px;
        margin-top: 0;
    }
    /* Page Title */
    #tpl-header .tpl-position-page-title {
        position: relative;
        display: inline-block;
        left: 0;
        height: auto;
        width: auto;
        line-height: normal;
        padding: 20px 10px 20px 0;
    }
    #tpl-header .tpl-position-page-title h2 {
        font-size: 16pt;
    }
    #tpl-header .tpl-position-page-title i.fa.tpl-sub-menu-trigger {
        display: inline;
    }
    #tpl-header .tpl-position-page-title i.fa.tpl-sub-menu-trigger.expanded {
        display: none;
    }
    .tpl-with-sub-menu #tpl-header .tpl-position-page-title {
        line-height: normal;
    }
    /* Sub Menu */
    #tpl-header .tpl-position-sub-menu {
        display: none;
        position: static;
        padding: 0;
    }
    #tpl-header .tpl-position-sub-menu .tpl-menus-menu-sub-menu {
        padding-left: 0;
        margin-left: -1.25rem;
    }
    #tpl-header .tpl-position-sub-menu .tpl-menus-menu-sub-menu ul li {
        float: none;
    }
    #tpl-header .tpl-position-sub-menu .tpl-menus-menu-sub-menu ul li .tpl-first-level-item {
        display: inline-block;
        padding: 15px 20px;
        margin: 0;
    }
    #tpl-header .tpl-position-sub-menu .tpl-menus-menu-sub-menu ul li .tpl-second-level-items {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        border-radius: 0;
        box-shadow: none;
    }
    #tpl-header .tpl-position-sub-menu .tpl-menus-menu-sub-menu ul li .tpl-second-level-items li .tpl-second-level-item {
        display: inline-block;
        min-width: 248px;
        padding: 13px 35px;
    }
    /* HEADER (Profile Photo) and SIDEBAR - show above other content */
    #tpl-header .tpl-section-header-left-wrapper,
    #tpl-sidebar {
        position: absolute;
        z-index: 1002;
        top: 0;
        margin-left: -300px;
    }
    #tpl-sidebar {
        top: 100px;
    }
    #tpl-header .tpl-section-header-left-wrapper.hide-left-bar,
    #tpl-sidebar.hide-left-bar {
        margin-left: 0 !important;
    }
    #tpl-header .tpl-section-header-left-wrapper {
        transition: all .3s ease-in-out;
    }
    /* Header Right */
    #tpl-header .tpl-position-header-right {
        right: 38px;
        z-index: 20;
    }
    /* MAIN CONTENT */
    #tpl-main-content {
        margin-left: 0;
    }
}

/* Show Sub Menu if it was hidden while on smaller screen size */
@media (min-width: 1081px) {
    #tpl-header .tpl-position-sub-menu {
        display: block !important;
    }
}

@media print {
    html,
    body,
    .tpl-container {
        background: none;
        height: auto;
    }
    #tpl-header,
    aside {
        display: none;
    }
    #tpl-main-content {
        background: none;
        min-height: 0;
        margin: 0;
    }
    #tpl-main-content .tpl-main-content-inner {
        display: block;
    }
    #tpl-main-content .tpl-main-content-inner .tpl-architect-wrapper-basic {
        margin: 0;
    }
}

/*# sourceMappingURL=positions.css.map */

.tpl-menus-menu-user-menu {
    position: relative;
}

.tpl-menus-menu-user-menu .tpl-user-menu-trigger {
    position: relative;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #F2F2F2;
    color: #5a5c5c;
    font-size: 14px;
    border-radius: 36px;
    cursor: pointer;
    margin: 32px 20px;
}

.tpl-menus-menu-user-menu .tpl-user-menu-trigger i {
    position: absolute;
    width: 100%;
    height: 12px;
    text-align: center;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

@media (max-width: 1080px) {
    .tpl-menus-menu-user-menu .tpl-user-menu-trigger {
        margin: 16px 10px;
    }
}

.tpl-menus-menu-user-menu .tpl-menu-items {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    overflow: visible;
    width: 200px;
    z-index: 200;
    top: 19px;
    right: 19px;
    background: #fff;
    text-align: left;
    border: 1px solid #B7B7B7;
    border-radius: 2px;
    transition: all 0.1s ease-in;
    padding: 10px;
}

.tpl-menus-menu-user-menu .tpl-menu-items .tpl-item-holder a {
    display: block;
    border-radius: 2px;
    color: #494749;
    font-size: 14px;
    padding: 12px 13px 11px;
}

.tpl-menus-menu-user-menu .tpl-menu-items .tpl-item-holder a i {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

.tpl-menus-menu-user-menu .tpl-menu-items .tpl-item-holder a:hover {
    background: #F2F2F2;
}

.tpl-menus-menu-user-menu .tpl-menu-items .tpl-item-holder a:hover i {
    color: #2E8DD6;
}

.tpl-menus-menu-user-menu .tpl-menu-items:after, .tpl-menus-menu-user-menu .tpl-menu-items:before {
    bottom: 100%;
    right: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tpl-menus-menu-user-menu .tpl-menu-items:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-right: -10px;
}

.tpl-menus-menu-user-menu .tpl-menu-items:before {
    border-color: rgba(224, 224, 224, 0);
    border-bottom-color: #B7B7B7;
    border-width: 11px;
    margin-right: -11px;
}

.tpl-menus-menu-user-menu.visible .tpl-menu-items {
    opacity: 1;
    visibility: visible;
}

.tpl-menus-menu-user-menu.no-trigger {
    position: static;
}

.tpl-menus-menu-user-menu.no-trigger .tpl-user-menu-trigger {
    display: none;
}

.tpl-position-header-right .tpl-menus-menu-user-menu .tpl-menu-items {
    top: 86px;
}

@media (max-width: 1080px) {
    .tpl-position-header-right .tpl-menus-menu-user-menu .tpl-menu-items {
        right: 10px;
        top: 66px;
    }
}

.tpl-position-header-right .tpl-menus-menu-user-menu.no-trigger .tpl-menu-items {
    right: 32px;
}

@media (max-width: 1080px) {
    .tpl-position-header-right .tpl-menus-menu-user-menu.no-trigger .tpl-menu-items {
        right: 20px;
    }
}

@media (max-width: 920px) {
    .tpl-position-header-right .tpl-menus-menu-user-menu.no-trigger .tpl-menu-items {
        right: 24px;
    }
}

/*# sourceMappingURL=UserMenu.css.map */

@charset "UTF-8";
.tpl-menus-menu-sub-menu {
    display: block;
    padding-left: 1.25rem;
}

.tpl-menus-menu-sub-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tpl-menus-menu-sub-menu ul li {
    position: relative;
    display: block;
    float: left;
}

.tpl-menus-menu-sub-menu ul li .tpl-first-level-item {
    display: block;
    vertical-align: middle;
    padding: 10px 0;
    margin: 0 12px;
}

.tpl-menus-menu-sub-menu ul li .tpl-first-level-item, .tpl-menus-menu-sub-menu ul li .tpl-first-level-item:hover {
    cursor: pointer;
    font-style: normal;
    color: #5D5C5D;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    background: none;
}

.tpl-menus-menu-sub-menu ul li .tpl-first-level-item.active {
    color: #3A99D9;
}

.tpl-menus-menu-sub-menu ul li .tpl-second-level-items {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: all 0.1s ease-in;
    position: absolute;
    left: 12px;
    top: 100%;
    width: 248px;
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06);
    margin: 2px 0;
}

.tpl-menus-menu-sub-menu ul li .tpl-second-level-items li {
    float: none;
}

.tpl-menus-menu-sub-menu ul li .tpl-second-level-items li .tpl-second-level-item {
    display: block;
    padding: 15px 23px;
}

.tpl-menus-menu-sub-menu ul li .tpl-second-level-items li .tpl-second-level-item, .tpl-menus-menu-sub-menu ul li .tpl-second-level-items li .tpl-second-level-item:hover {
    color: #5D5C5D;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.tpl-menus-menu-sub-menu ul li .tpl-second-level-items li .tpl-second-level-item:hover {
    background: #BEDCF2;
}

.tpl-menus-menu-sub-menu ul li .tpl-second-level-items li .tpl-second-level-item.tpl-last-item {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.tpl-menus-menu-sub-menu ul li.tpl-with-second-level-items .tpl-first-level-item {
    position: relative;
    padding-right: 16px;
}

.tpl-menus-menu-sub-menu ul li.tpl-with-second-level-items .tpl-first-level-item:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    color: #5D5C5D;
    top: 50%;
    right: 0;
    margin-top: -6px;
}

.tpl-menus-menu-sub-menu ul li.visible .tpl-first-level-item:after {
    content: "";
}

.tpl-menus-menu-sub-menu ul li.visible .tpl-second-level-items {
    opacity: 1;
    visibility: visible;
    height: auto;
}

/*# sourceMappingURL=SubMenu.css.map */

@charset "UTF-8";
.tpl-menus-menu-main-menu {
    /* sub items */
    /* icons */
}

.tpl-menus-menu-main-menu .tpl-menu-title {
    display: block;
    color: rgba(118, 118, 118, 0.4);
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 28px 10px 13px 20px;
}

.tpl-menus-menu-main-menu ul,
.tpl-menus-menu-main-menu ul li ul.sub {
    padding: 0;
    margin: 0;
}

.tpl-menus-menu-main-menu ul li {
    position: relative;
    border-left: 5px solid transparent;
}

.tpl-menus-menu-main-menu ul li.current, .tpl-menus-menu-main-menu ul li.active {
    border-left-color: #2E8DD6;
    background: rgba(0, 0, 0, 0.4);
}

.tpl-menus-menu-main-menu ul li:hover {
    background: rgba(0, 0, 0, 0.2);
    border-left-color: rgba(0, 0, 0, 0.2);
}

.tpl-menus-menu-main-menu ul li.current.current, .tpl-menus-menu-main-menu ul li.active.current, .tpl-menus-menu-main-menu ul li:hover.current {
    border-left-color: #2E8DD6;
}

.tpl-menus-menu-main-menu ul li a {
    display: block;
    color: #89949B;
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 13px 10px 13px 16px;
}

.tpl-menus-menu-main-menu ul li a .tpl-secondary-badge {
    margin-left: 2px;
}

.tpl-menus-menu-main-menu ul li a span b {
    display: inline-block;
    background: #E74C3C;
    color: #fafafa;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
    margin-left: 10px;
    margin-top: -2px;
}

.tpl-menus-menu-main-menu ul li ul.sub li {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.tpl-menus-menu-main-menu ul li ul.sub li a {
    font-size: 14px;
    padding: 13px 0 13px 46px;
}

.tpl-menus-menu-main-menu ul li ul.sub li a:hover,
.tpl-menus-menu-main-menu ul li ul.sub li.active {
    color: #bdc3c7;
}

.tpl-menus-menu-main-menu ul li a i {
    display: inline-block;
    font-size: 15px;
    min-width: 23px;
    padding-right: 8px;
    margin-top: -4px;
}

.light-mode .tpl-menus-menu-main-menu .tpl-menu-title,
.dark-mode .tpl-menus-menu-main-menu .tpl-menu-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.light-mode .tpl-menus-menu-main-menu ul li a,
.dark-mode .tpl-menus-menu-main-menu ul li a {
    font-weight: 600;
}

.light-mode .tpl-menus-menu-main-menu ul li a .nav-arrow-icon,
.dark-mode .tpl-menus-menu-main-menu ul li a .nav-arrow-icon {
    background: none;
    line-height: 17px;
}

.light-mode .tpl-menus-menu-main-menu ul li a.active .nav-arrow-icon:before,
.dark-mode .tpl-menus-menu-main-menu ul li a.active .nav-arrow-icon:before {
    content: "";
    font-family: FontAwesome;
}

.light-mode .tpl-menus-menu-main-menu {
    background-color: #EDF0F2;
}

.light-mode .tpl-menus-menu-main-menu .tpl-menu-title {
    color: black;
}

.light-mode .tpl-menus-menu-main-menu ul li {
    color: black;
}

.light-mode .tpl-menus-menu-main-menu ul li:hover {
    background: #273134;
    border-left-color: #273134;
    color: #EDF0F2;
}

.light-mode .tpl-menus-menu-main-menu ul li:hover a {
    color: #EDF0F2;
}

.light-mode .tpl-menus-menu-main-menu ul li a {
    color: black;
}

.light-mode .tpl-menus-menu-main-menu ul li a:hover {
    color: #EDF0F2;
}

.light-mode .tpl-menus-menu-main-menu ul li.current, .light-mode .tpl-menus-menu-main-menu ul li.active {
    background: #2E8DD6;
    border-left-color: #2E8DD6;
}

.light-mode .tpl-menus-menu-main-menu ul li.current a, .light-mode .tpl-menus-menu-main-menu ul li.active a {
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu {
    background-color: #191D21;
}

.dark-mode .tpl-menus-menu-main-menu .tpl-menu-title {
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu ul li {
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu ul li:hover {
    background: #000;
    border-left-color: #000;
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu ul li:hover a {
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu ul li a {
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu ul li a:hover {
    color: #edf0f2;
}

.dark-mode .tpl-menus-menu-main-menu ul li.current, .dark-mode .tpl-menus-menu-main-menu ul li.active {
    background: #2E8DD6;
    border-left-color: #2E8DD6;
}

.dark-mode .tpl-menus-menu-main-menu ul li.current a, .dark-mode .tpl-menus-menu-main-menu ul li.active a {
    color: #edf0f2;
}

/*# sourceMappingURL=MainMenu.css.map */

.contributions {
    background-color: #fff;
    position: relative;
    min-height: 180px;
    padding: 40px 0 0;
    margin: 0;
    text-align: center;
}

/* Not logged in message */
.contributions .login-text {
    font-family: "Open Sans", sans-serif;
    color: #303030;
    padding: 2px 10px 35px;
}

.contributions .login-text a {
    color: #2E8DD6;
    font-weight: 500;
    text-decoration: underline;
}

/* Title with wrapper */
.contributions .form-body .title-wrapper,
.payment-processors .forms .title-wrapper {
    font-weight: normal;
    font-size: inherit;
    border: none;
    background: none;
    padding: 10px 0;
}

.contributions .form-body .secure-payment .title-wrapper {
    padding: 10px 10px;
}

.contributions .title,
.contributions .cart-summary-title,
.contributions .form-body .title-wrapper .title,
.payment-processors .title-wrapper .title,
.payment-processors #edit-payment-method-form .title {
    float: none;
    text-align: center;
    margin: 20px 0;
}

.contributions .form-body .title-wrapper .title-options .form-input-holder {
    width: auto;
}

.contributions .form-body .title-wrapper .title-options .form-input-wrapper .form-input-holder .radio {
    margin-left: 14px;
}

/* Cart summary */
.contributions #cart-summary-container.loading {
    background: url("../img/ajax-loader.gif") center center no-repeat;
}

.contributions #cart-summary-container.loading * {
    visibility: hidden;
}

.contributions .cart-summary-title {
    background: none;
    color: #303030;
    padding: 0 10px 35px;
}

/* Background color */
.contributions .campaign-page-buttons,
.contributions .forms {
    background-color: #ecf0f1;
}

/* Centered content */
.contributions .cart-summary .summary-row,
.contributions .form-body .recurring-options,
.contributions .form-body .register-options .form-panel-register,
.contributions .form-body .secure-payment .form-panel-existing-cards,
.contributions .form-body .secure-payment .form-panel-card,
.contributions .form-body .secure-payment .form-panel-check,
.contributions .form-body .billing-information,
.contributions .form-body .organization-information,
.contributions .form-validation-errors,
.contributions .form-actions,
.payment-processors .forms .secure-payment .form-panel-existing-cards,
.payment-processors .forms .secure-payment .form-panel-card,
.payment-processors .forms .secure-payment .form-panel-check,
.payment-processors .forms .billing-information,
.payment-processors .forms .organization-information,
.payment-processors .form-validation-errors,
.payment-processors .form-actions {
    max-width: 570px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
}

/* Custom combo values */
.form-input-holder .combo-options {
    max-width: 550px;
}

.contributions .cart-summary .summary-row {
    max-width: 655px;
    border: none;
    border-bottom: 2px solid #B7B7B7;
    background: none;
    padding: 30px 0 32px 6px;
    margin: 0 auto;
}

.contributions .cart-summary .summary-row .campaign-thumbnail {
    display: none;
}

.contributions .cart-summary .summary-row .top-data {
    text-transform: none;
    line-height: 1.3;
    padding-bottom: 10px;
    margin: 0;
}

.contributions .cart-summary .summary-row .top-data .name {
    max-width: 70%;
}

.contributions .cart-summary .summary-row .bottom-data {
    font-size: 15px;
    line-height: normal;
}

.contributions .cart-summary .summary-row .bottom-data .anonymous {
    margin-bottom: 5px;
}

.contributions .cart-summary .summary-row .bottom-data .notes {
    max-width: 70%;
    overflow: hidden;
    padding: 0;
}

.contributions .cart-summary .summary-row .bottom-data .notes .instructions,
.contributions .cart-summary .summary-row .bottom-data .buttons a {
    display: inline-block;
    line-height: normal;
    margin: 3px 0;
}

.contributions .cart-summary .summary-row .bottom-data .separator {
    color: #2E8DD6;
    padding: 0 2px;
}

.contributions .cart-summary .total,
.contributions .cart-summary .total .amount {
    color: #303030;
    text-align: center;
    background: none;
}

.contributions .cart-summary .total {
    padding: 48px 10px;
    margin: 0;
}

/* Form labels*/
.contributions .forms .form-input-wrapper .form-input-label,
.payment-processors .forms .form-input-wrapper .form-input-label,
.payment-processors .forms .form-input-wrapper.form-label-left .form-input-label {
    display: inline-block;
    font-size: 15px;
    line-height: normal;
    color: #303030;
    font-weight: 300;
    padding: 3px 2px;
}

.contributions .form-body .title-wrapper .title-options,
.payment-processors .forms .title-wrapper .title-options {
    float: none;
    text-align: center;
}

.contributions .form-body .title-wrapper .title-options.form-panel-payment-type,
.payment-processors .forms .title-wrapper .title-options.form-panel-payment-type {
    padding: 35px 0 10px;
}

.contributions .form-body .title-wrapper .title-options .payment-type-field,
.payment-processors .forms .title-wrapper .title-options .payment-type-field {
    display: inline-block;
}

.contributions .form-body .title-wrapper .title-options .form-input-label,
.payment-processors .forms .title-wrapper .title-options .form-input-label {
    line-height: 18px;
    padding: 1px 0;
}

.contributions .form-body .title-wrapper .title-options .form-input-label:after,
.payment-processors .forms .title-wrapper .title-options .form-input-label:after {
    content: ":";
}

/* Form errors */
.contributions .forms .form-input-wrapper .form-input-error span,
.contributions .form-validation-errors span {
    display: block;
    color: #E5483A;
    padding: 8px 4px;
}

/* Global form errors */
.contributions .form-validation-errors {
    font-size: 18px;
    padding: 0 15px 25px;
}

.contributions .form-validation-errors span {
    padding-left: 0;
}

/* Forms */
.contributions .forms {
    padding-bottom: 70px;
}

.contributions .forms .form-input-wrapper .form-input-holder input[type=text],
.contributions .forms .form-input-wrapper .form-input-holder input[type=email],
.contributions .forms .form-input-wrapper .form-input-holder input[type=password],
.contributions .forms .form-input-wrapper .form-input-holder input[type=number],
.contributions .forms .form-input-wrapper .form-input-holder input[type=numeric],
.contributions .forms .form-input-wrapper .form-input-holder input[type=card],
.contributions .forms .form-input-wrapper .form-input-holder input[type=phone],
.contributions .forms .form-input-wrapper .form-input-holder select,
.contributions .forms .form-input-wrapper .form-input-holder textarea,
.payment-processors .forms .form-input-wrapper .form-input-holder input,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=text],
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=email],
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=password],
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=number],
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=numeric],
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=card],
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=phone],
.payment-processors .forms .form-input-wrapper .form-input-holder select,
.payment-processors .forms .form-input-wrapper .form-input-holder textarea {
    border-radius: 2px;
    -webkit-appearance: none;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    resize: none;
    border: 2px solid #B7B7B7;
    background: #fff;
    color: #303030;
    padding: 0 12px;
    margin: 0;
    outline: none;
}

.contributions .forms .form-input-wrapper .form-input-holder input[type=text]:focus,
.contributions .forms .form-input-wrapper .form-input-holder input[type=email]:focus,
.contributions .forms .form-input-wrapper .form-input-holder input[type=password]:focus,
.contributions .forms .form-input-wrapper .form-input-holder input[type=number]:focus,
.contributions .forms .form-input-wrapper .form-input-holder input[type=numeric]:focus,
.contributions .forms .form-input-wrapper .form-input-holder input[type=card]:focus,
.contributions .forms .form-input-wrapper .form-input-holder input[type=phone]:focus,
.contributions .forms .form-input-wrapper .form-input-holder select:focus,
.contributions .forms .form-input-wrapper .form-input-holder textarea:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=text]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=email]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=password]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=number]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=numeric]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=card]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder input[type=phone]:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder select:focus,
.payment-processors .forms .form-input-wrapper .form-input-holder textarea:focus {
    border-color: #2E8DD6;
}

.contributions .form-body .form-input-wrapper,
.payment-processors .forms .form-input-wrapper {
    margin: 8px 0;
}

.contributions .form-body .form-panel-payment-type .form-input-wrapper,
.payment-processors .forms .form-input-wrapper.payment-type-field {
    line-height: 25px;
    margin: 0;
}

.payment-processors .forms .form-input-wrapper.form-label-left {
    padding-left: 0;
}

.payment-processors .forms .form-input-wrapper.form-label-left .form-input-label {
    position: static;
    width: 100%;
    background: none;
}

.payment-processors .forms .form-panel-payment-type .form-input-wrapper.form-label-left .form-input-label {
    width: auto;
}

.contributions .form-body .form-input-wrapper.transfer-fee-choice-field {
    margin: 15px 0;
}

.contributions .form-body .form-input-wrapper.transfer-fee-choice-field label {
    display: block;
    width: 100%;
    padding: 1px 0;
}

/* Some name */
/* Billing Information */
.contributions .forms .billing-information,
.payment-processors .forms .billing-information {
    margin-top: 15px;
}

/* CVV / Check popup helpers */
.contributions .form-body .form-input-wrapper.payment-card-security-code-field,
.contributions .form-body .form-input-wrapper.payment-check-account-number-field,
.contributions .form-body .form-input-wrapper.payment-check-bank-number-field,
.contributions .form-body .form-input-wrapper.payment-check-transit-number-field,
.contributions .form-body .form-input-wrapper.payment-check-routing-number-field {
    position: relative;
}

.contributions .form-body .form-input-wrapper.payment-card-security-code-field input[type=text],
.contributions .form-body .form-input-wrapper.payment-check-account-number-field input[type=text],
.contributions .form-body .form-input-wrapper.payment-check-bank-number-field input[type=text],
.contributions .form-body .form-input-wrapper.payment-check-transit-number-field input[type=text],
.contributions .form-body .form-input-wrapper.payment-check-routing-number-field input[type=text] {
    padding-right: 35px;
}

.contributions .form-body .form-input-wrapper label a.cvv-help-icon {
    background: none;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    right: 15px;
    bottom: 14px;
    margin: 0;
}

.contributions .form-body .form-input-wrapper label a.cvv-help-icon:before,
.payment-processors .forms .field-group .form-input-wrapper.payment-card-security-code-field label span:after {
    font-size: 20px;
}

.contributions .form-body .form-input-wrapper label a.cvv-help-icon:after {
    border: 1px solid #B7B7B7;
    overflow: hidden;
    top: 42px;
    right: -15px;
}

.contributions .form-body .form-input-wrapper label a.cvv-help-icon.check:after {
    border: none;
}

.payment-processors .forms .field-group .form-input-wrapper.payment-card-security-code-field label span:after {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    margin: -4px 0 0 8px;
}

.payment-processors .forms .field-group .form-input-wrapper.payment-card-security-code-field label > img {
    display: none;
}

.payment-processors .forms .field-group .form-input-wrapper.payment-card-security-code-field label .cvv-help {
    top: 28px;
    left: 40px;
    border-color: #B7B7B7;
}

.payment-processors .forms .field-group .form-input-wrapper.payment-card-security-code-field label .cvv-help img {
    background-size: cover;
}

.contributions .form-body input:focus,
.contributions .form-body select:focus,
.contributions .form-body textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Buttons */
.contributions .x-btn,
.contributions .forms .form-actions input,
.contributions .campaign-page-buttons a,
.payment-processors .x-btn,
.payment-processors .forms .form-actions input,
.payment-processors .campaign-page-buttons a,
.payment-processors .forms .form-actions a {
    text-shadow: none;
    margin-top: 10px;
}

.payment-processors .forms .form-actions {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px;
}

.payment-processors .forms .form-actions input[type=submit] {
    margin-right: 10px;
}

.contributions .campaign-page-buttons {
    text-align: center;
    padding: 55px 10px 3px;
    margin: 0;
}

.contributions .campaign-page-buttons a {
    width: auto;
    margin: 5px 10px;
}

/* Add / Cancel buttons */
.contributions .form-body .form-input-wrapper .form-input-holder .form-field-button,
.payment-processors .forms .form-input-wrapper .form-input-holder .form-field-button {
    position: static !important;
    display: inline-block;
    display: inline-block !important;
    float: left !important;
    font-weight: normal;
    background: none;
    color: #2E8DD6;
    font-size: 16px;
    border: none;
    width: auto !important;
    text-shadow: none;
    padding: 2px 0;
    margin: 5px;
}

/* Fields with (add / cancel) buttons on right side which are now below these fields */
.contributions .form-body .form-input-wrapper.payment-id-field .form-input-holder,
.contributions .form-body .form-input-wrapper.address-id-field .form-input-holder,
.contributions .form-body .form-input-wrapper.group-id-field .form-input-holder,
.payment-processors .forms .form-input-wrapper.has-buttons .form-input-holder,
.payment-processors .form-body .form-input-wrapper.address-id-field .form-input-holder,
.payment-processors .form-body .form-input-wrapper.group-id-field .form-input-holder {
    padding-right: 0;
}

.contributions .form-body .billing-information .form-panel-saved-addresses,
.contributions .form-body .secure-payment .form-panel-existing-cards,
.contributions .form-body .billing-information .form-panel-address,
.contributions .form-body .secure-payment .form-panel-card {
    display: block;
}

/* Recurring dates */
.contributions .form-body .recurring-options .is-recurring-field {
    margin: 10px 0;
}

.contributions .form-body .recurring-options .is-recurring-field .form-input-holder {
    text-align: center;
}

.contributions .form-body .form-input-wrapper.recurring-type-field .form-input-holder label {
    padding: 4px 15px 6px 30px;
}

.contributions .form-body .field-group .form-input-wrapper.recurring-start-date-field .form-input-holder input[type=text],
.contributions .form-body .field-group .form-input-wrapper.recurring-end-date-field .form-input-holder input[type=text] {
    background: none;
}

.contributions .form-body .field-group .form-input-wrapper.recurring-start-date-field,
.contributions .form-body .field-group .form-input-wrapper.recurring-end-date-field,
.contributions .form-body .field-group .form-input-wrapper.user-password-field,
.contributions .form-body .field-group .form-input-wrapper.user-password-repeat-field {
    width: 50%;
    padding: 0;
}

.contributions .form-body .field-group .form-input-wrapper.recurring-end-date-field,
.contributions .form-body .field-group .form-input-wrapper.user-password-repeat-field {
    width: 49%;
    margin-left: 1%;
}

/* Secure Payment */
.contributions .form-body .secure-payment {
    padding-top: 15px;
}

/* Card and Check info */
.contributions .form-body .field-group .form-input-wrapper.payment-card-expiration-month-field,
.payment-processors .forms .field-group .form-input-wrapper.payment-card-expiration-month-field,
.contributions .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
.payment-processors .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
.payment-processors .forms .field-group .form-input-wrapper.payment-card-expiration-year-field,
.contributions .form-body .field-group .form-input-wrapper.payment-check-checking-type-field,
.payment-processors .form-body .field-group .form-input-wrapper.payment-check-checking-type-field,
.contributions .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
.payment-processors .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
.contributions .form-body .field-group .form-input-wrapper.person-firstname-field,
.contributions .form-body .field-group .form-input-wrapper.person-lastname-field {
    width: 50%;
    padding: 0;
}

.contributions .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
.payment-processors .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
.payment-processors .forms .field-group .form-input-wrapper.payment-card-expiration-year-field,
.contributions .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
.payment-processors .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
.contributions .form-body .field-group .form-input-wrapper.person-lastname-field {
    width: 49%;
    margin-left: 1%;
    padding-top: 26px;
}

.contributions .form-body .field-group .form-input-wrapper.payment-card-security-code-field,
.payment-processors .forms .field-group .form-input-wrapper.payment-card-security-code-field {
    float: none;
    clear: both;
    width: 100%;
    padding: 0;
}

/* firefox fix */
@-moz-document url-prefix() {
    .contributions .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
    .payment-processors .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
    .payment-processors .forms .field-group .form-input-wrapper.payment-card-expiration-year-field,
    .contributions .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
    .payment-processors .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
    .contributions .form-body .field-group .form-input-wrapper.person-lastname-field {
        padding-top: 26px;
    }
}

/* Phone info (in Organization and Billing Information) */
.contributions .form-body .field-group .form-input-wrapper.phone-number-field,
.contributions .form-body .organization-information .form-panel-organization .inputs-wrapper .group-phone-number-field {
    width: 50%;
    padding: 0;
    margin-left: 0;
}

.contributions .form-body .organization-information .form-panel-organization .inputs-wrapper .group-phone-is-outside-us-field,
.contributions .form-body .field-group .form-input-wrapper.group-phone-number-field,
.contributions .form-body .field-group .form-input-wrapper.phone-is-outside-us-field,
.contributions .form-body .field-group .form-input-wrapper.group-phone-is-outside-us-field {
    width: 49%;
    padding-top: 45px;
    margin-left: 1%;
}

/* Custom combo */
.contributions .form-body .organization-information .is-combo input[type=text],
.contributions .form-body .billing-information .is-combo input[type=text],
.contributions .form-body .billing-information .form-panel-saved-addresses select,
.contributions .form-body .secure-payment .form-panel-existing-cards select,
.contributions .form-body .secure-payment .form-panel-card .payment-card-expiration-year-field select,
.contributions .form-body .secure-payment .form-panel-card .payment-card-expiration-month-field select,
.contributions .form-body .secure-payment .form-panel-check select,
.payment-processors .forms .form-input-wrapper .form-input-holder select,
.payment-processors .forms .form-input-wrapper.is-combo .form-input-holder input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.contributions .form-body .organization-information {
    padding-top: 28px;
}

.contributions .form-body .organization-information .group-yes-field .form-input-holder {
    text-align: center;
    margin: 12px 0;
}

/* Accepted Cards */
.contributions .form-body .accepted-cards {
    display: none;
    margin-top: 5px;
}

.contributions .form-body .accepted-cards img {
    height: 19px;
}

.contributions .form-body .accepted-cards .label {
    font-weight: normal;
}

/* Password Strength*/
.contributions .form-body .register-options {
    padding-bottom: 5px;
}

.contributions .form-body .register-options .password-strength-info {
    display: none;
}

/* Submit button */
.contributions .form-actions input[type=submit] {
    width: 100%;
    margin-top: 0;
}

@media (max-width: 570px) {
    .contributions .title,
    .contributions .cart-summary-title,
    .contributions .form-body .title-wrapper .title,
    .payment-processors .title-wrapper .title,
    .payment-processors #edit-payment-method-form .title {
        font-size: 40px;
        line-height: 1.2;
    }
    .contributions .cart-summary .summary-row {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 560px) {
    .contributions .cart-summary .summary-row .bottom-data .buttons,
    .contributions .cart-summary .summary-row .bottom-data .notes {
        float: none;
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .contributions .cart-summary .summary-row .top-data .name {
        padding: 0 15px 4px 0;
    }
    .contributions .cart-summary .summary-row .bottom-data .anonymous {
        float: none;
        padding-top: 2px;
    }
    .contributions .cart-summary .summary-row .bottom-data .anonymous span {
        display: block;
        padding-bottom: 4px;
    }
    .contributions .cart-summary .summary-row .bottom-data .notes {
        float: none;
        padding: 2px 0 0 0;
    }
    .contributions .cart-summary .summary-row .bottom-data .notes .instructions {
        padding-right: 15px;
    }
    .contributions .form-body .title-wrapper .title-options .form-input-wrapper .form-input-label {
        display: block;
        width: 100%;
        font-size: 21px;
        padding-bottom: 10px;
    }
    .contributions .form-body .title-wrapper .title-options .form-input-wrapper .form-input-holder {
        float: none;
    }
    .contributions .form-body .title-wrapper .title-options .form-input-wrapper .form-input-holder .radio {
        margin-left: 0;
        margin-right: 14px;
    }
    /* Recurring dates */
    .contributions .form-body .field-group .form-input-wrapper.recurring-start-date-field,
    .contributions .form-body .field-group .form-input-wrapper.recurring-end-date-field,
    .contributions .form-body .field-group .form-input-wrapper.user-password-field,
    .contributions .form-body .field-group .form-input-wrapper.user-password-repeat-field {
        float: none;
        clear: both;
        width: 100%;
        margin-left: 0;
    }
    /* Card and Check info */
    .contributions .form-body .field-group .form-input-wrapper.payment-card-expiration-month-field,
    .payment-processors .forms .field-group .form-input-wrapper.payment-card-expiration-month-field,
    .contributions .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
    .payment-processors .form-body .field-group .form-input-wrapper.payment-card-expiration-year-field,
    .payment-processors .forms .field-group .form-input-wrapper.payment-card-expiration-year-field,
    .contributions .form-body .field-group .form-input-wrapper.payment-check-checking-type-field,
    .payment-processors .form-body .field-group .form-input-wrapper.payment-check-checking-type-field,
    .contributions .form-body .field-group .form-input-wrapper.payment-check-account-type-field,
    .payment-processors .form-body .field-group .form-input-wrapper.payment-check-account-type-field {
        float: none;
        clear: both;
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }
    /* Person info (Name) */
    .contributions .form-body .field-group .form-input-wrapper.person-firstname-field,
    .contributions .form-body .field-group .form-input-wrapper.person-lastname-field {
        float: none;
        clear: both;
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }
    /* Phone info (in Organization and Billing Information) */
    .contributions .form-body .field-group .form-input-wrapper.phone-number-field,
    .contributions .form-body .organization-information .form-panel-organization .inputs-wrapper .group-phone-number-field {
        width: 100%;
    }
    .contributions .form-body .organization-information .form-panel-organization .inputs-wrapper .group-phone-is-outside-us-field,
    .contributions .form-body .field-group .form-input-wrapper.group-phone-number-field,
    .contributions .form-body .field-group .form-input-wrapper.phone-is-outside-us-field,
    .contributions .form-body .field-group .form-input-wrapper.group-phone-is-outside-us-field {
        width: 100%;
        padding-top: 0;
        margin-left: 0;
    }
    .contributions .form-body .accepted-cards {
        display: none;
    }
}

/*# sourceMappingURL=Checkout.css.map */

.contributions.thank-you {
    margin-bottom: 0;
    padding-bottom: 0;
}

.contributions.thank-you .thanks {
    max-width: 700px;
    text-align: left;
    padding: 10px 10px;
    margin: 0 auto;
}

.contributions.thank-you .thanks img.thanks-icon {
    display: none;
}

.contributions.thank-you .thanks .thanks-message {
    text-align: center;
}

.contributions.thank-you .thanks .thanks-message .title {
    color: #303030;
    line-height: normal;
}

.contributions.thank-you .thanks .thanks-message .content {
    padding: 22px 0 34px;
    margin: 0;
}

.contributions.thank-you .separator {
    display: none;
}

.contributions.thank-you .thank-you-login {
    background: #ecf0f1;
    color: #303030;
    padding: 38px 10px 44px;
}

.contributions.thank-you .thank-you-login.without-content {
    display: none;
}

.contributions.thank-you .thank-you-login .title {
    padding: 10px 0;
    margin: 0;
}

.contributions.thank-you .thank-you-login .content {
    padding: 8px 0;
}

.contributions.thank-you .thank-you-login .password-strength-info {
    display: none;
}

.contributions.thank-you .thank-you-login .form-body {
    width: 100%;
    max-width: 570px;
    padding: 15px 10px 10px;
}

.contributions.thank-you .thank-you-login .form-body .form-input-label {
    color: #303030;
}

.contributions.thank-you .thank-you-login .form-body .form-actions {
    padding: 0;
}

.contributions.thank-you .thank-you-login .form-body .form-actions input[type=submit] {
    width: 100%;
}

/*# sourceMappingURL=ThankYou.css.map */

.processes-task .task-title {
    padding: 30px 0 0;
    margin: 10px 0;
}

.processes-task .task-body {
    max-width: 950px;
    padding: 10px 20px;
    margin: 10px auto;
}

.processes-task .task-description {
    padding: 0 0 30px;
}

.processes-task .task-message-container .task-field-container {
    text-align: left;
    max-width: 700px;
}

.processes-task .task-message-container .task-field-container label {
    display: block;
    padding: 2px 0 5px 2px;
}

.processes-task .task-message-container .task-field-container textarea.task-message-body {
    height: 200px;
}

.processes-task .task-answers {
    margin: 20px 0;
}

.processes-task textarea.task-note {
    height: 250px;
}

.processes-task textarea.task-note, .processes-task input.task-subject, .processes-task .task-note-important-wrap {
    max-width: 700px;
}

.processes-task .task-buttons {
    margin: 20px auto;
}

.processes-task .task-buttons .cancel {
    background-color: #59a4de;
    border-color: #59a4de;
}

/* Responsive */
@media (max-width: 520px) {
    .processes-task .task-buttons input[type=button],
    .processes-task .task-buttons input[type=submit] {
        width: 100%;
    }
}

.react-task-form .react-task-form-field .field .tox-tinymce {
    border-radius: 2px;
    -webkit-appearance: none;
    border: 2px solid #B7B7B7;
    background: #fff;
    color: #303030;
}

.react-task-form .react-task-form-field .field .tox-tinymce.focused {
    border-color: #2E8DD6;
}

.react-task-form .react-task-form-field .field .tox-tinymce .tox-editor-container .tox-sidebar-wrap .tox-edit-area {
    border-top: 2px solid #B7B7B7;
    border-top-width: 1px;
}

/*# sourceMappingURL=Task.css.map */

.site-planner .content-item-record .content-image-holder {
    background-color: #badbf2;
}

.site-planner .content-item-record .content-image-holder .image-upload-holder .inner .icon {
    display: block;
    width: 100%;
    padding: 20px 0 0 2px;
}

.site-planner .content-item-record .content-image-holder .image-upload-holder .inner .icon:before {
    color: #fff;
    content: "\f1c5";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 5em;
}

.site-planner .content-item-record .content-image-holder .upload-error {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #E74C3C;
}

/*# sourceMappingURL=ContentItemRecord.css.map */

.tpl-architect-resource-list-files {
    margin: 0 2px 10px 35px;
}

.tpl-architect-resource-list-files a.file {
    color: #2A80B9;
    margin: 3px 0;
}

/*# sourceMappingURL=ListFiles.css.map */

.tpl-architect-resource-list-images {
    /*float: left;*/
    margin-bottom: 5px;
    margin-right: 5px;
}

.tpl-architect-resource-list-images img {
    max-height: 450px;
    max-width: 630px;
}

/*# sourceMappingURL=ListImages.css.map */

.tpl-architect-resource-list-videos {
    margin-bottom: 15px;
}

.tpl-architect-resource-list-videos .video video {
    background: #E0E0E0;
    border: 1px solid #CBCBCB;
}

.tpl-architect-resource-list-videos .video img.vjs-poster {
    height: 100%;
    background: #E0E0E0;
}

.tpl-architect-resource-list-videos .video .vjs-big-play-button {
    background-color: #2A80B9;
    border: 2px solid #CBCBCB;
    border-radius: 10px;
    height: 54px;
    width: 84px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -42px;
}

.tpl-architect-resource-list-videos .video .vjs-big-play-button:before {
    line-height: 54px;
}

.tpl-architect-resource-list-videos a.file {
    color: #2A80B9;
    margin: 3px 0;
}

/*# sourceMappingURL=ListVideos.css.map */

.tpl-architect-slider-article-rotator {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 486px;
    min-height: 224px;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #E74C3C;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.tpl-architect-slider-article-rotator .showcase-caption {
    position: absolute;
    width: 100%;
    top: 49%;
    /* top margin adjusted in template.js */
    left: 0;
    padding: 0;
    margin: 0 auto;
}

.tpl-architect-slider-article-rotator .showcase-caption .content-holder {
    position: relative;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    padding: 5px 35px;
    margin: auto;
}

.tpl-architect-slider-article-rotator .showcase-caption .content-holder .appointee-button {
    margin-bottom: 15px;
}

@media only screen and (max-width: 500px) {
    .tpl-architect-slider-article-rotator .showcase-caption .content-holder {
        padding: 5px 10px;
    }
}

/*# sourceMappingURL=ArticleRotator.css.map */

a.tpl-architect-static-app-launcher-tiles {
    vertical-align: top;
    width: 200px;
    margin: 10px;
    padding: 20px;
    display: inline-block;
    border-radius: unset;
    background-color: #fff;
    background-image: none !important;
    color: #8E9A9C;
    -moz-box-shadow: 3px 3px 3px #DEE3E4;
    -webkit-box-shadow: 3px 3px 3px #DEE3E4;
    box-shadow: 3px 3px 3px #DEE3E4;
    text-align: center;
}

a.tpl-architect-static-app-launcher-tiles .tpl-image {
    height: 64px;
    margin-bottom: 18px;
}

a.tpl-architect-static-app-launcher-tiles .tpl-image img {
    display: inline-block;
    vertical-align: top;
}

a.tpl-architect-static-app-launcher-tiles span {
    display: block;
    margin: 0;
    font-size: 15px;
    height: 30px;
}

/*# sourceMappingURL=AppLauncherTiles.css.map */

.tpl-architect-static-block-link {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #2E8DD6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    padding: 20px;
}

.tpl-architect-static-block-link, .tpl-architect-static-block-link:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer !important;
}

.tpl-architect-static-block-link .tpl-content {
    display: table;
    width: 100%;
    height: 100%;
}

.tpl-architect-static-block-link .tpl-content .tpl-content-inner {
    display: table-cell;
    vertical-align: middle;
}

.tpl-architect-static-block-link .tpl-content .tpl-content-inner .tpl-image {
    margin-bottom: 18px;
}

.tpl-architect-static-block-link .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-size: 20px;
    margin: 0;
}

.tpl-architect-static-block-link.tpl-inline-block {
    display: inline-block;
}

.tpl-architect-static-block-link.tpl-height-165px {
    height: 165px;
}

.tpl-architect-static-block-link.tpl-height-165px.tpl-square {
    width: 165px;
}

.tpl-architect-static-block-link.tpl-height-350px {
    height: 350px;
}

.tpl-architect-static-block-link.tpl-height-350px.tpl-square {
    width: 350px;
}

.tpl-architect-static-block-link.tpl-my-apps-styling {
    width: 200px;
    margin: 10px;
    padding: 20px;
    display: inline-block;
    border-radius: unset;
    background-color: #fff;
    background-image: none !important;
    color: #8E9A9C;
    -moz-box-shadow: 3px 3px 3px #DEE3E4;
    -webkit-box-shadow: 3px 3px 3px #DEE3E4;
    box-shadow: 3px 3px 3px #DEE3E4;
}

.tpl-architect-static-block-link.tpl-my-apps-styling.tpl-square {
    height: 200px;
}

.tpl-architect-static-block-link.tpl-my-apps-styling .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-size: 15px;
    height: 30px;
}

.tpl-architect-static-block-link.tpl-my-apps-styling .tpl-content .tpl-content-inner .tpl-image {
    height: 64px;
}

.tpl-architect-static-block-link.tpl-my-apps-styling .tpl-content .tpl-content-inner .tpl-image img {
    height: 100%;
}

.tpl-architect-static-block-link.tpl-text-align-left .tpl-content .tpl-content-inner {
    text-align: left;
}

.tpl-architect-static-block-link.tpl-text-align-left .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-block-link.tpl-text-align-right .tpl-content .tpl-content-inner {
    text-align: right;
}

.tpl-architect-static-block-link.tpl-text-align-right .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-block-link.tpl-text-align-top .tpl-content .tpl-content-inner {
    vertical-align: top;
}

.tpl-architect-static-block-link.tpl-text-align-top .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-block-link.tpl-text-align-bottom .tpl-content .tpl-content-inner {
    vertical-align: bottom;
}

.tpl-architect-static-block-link.tpl-text-align-bottom .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-block-link.tpl-text-h1 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 34px;
}

.tpl-architect-static-block-link.tpl-text-h2 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 30px;
    line-height: normal;
}

.tpl-architect-static-block-link.tpl-text-h3 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 28px;
}

.tpl-architect-static-block-link.tpl-text-h4 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 26px;
}

.tpl-architect-static-block-link.tpl-text-h5 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 24px;
}

.tpl-architect-static-block-link.tpl-text-h6 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 20px;
}

.tpl-architect-static-block-link.padding {
    padding: 10px;
}

.tpl-architect-static-block-link.padding-20px {
    padding: 20px;
}

.tpl-architect-static-block-link.padding-top {
    padding-top: 10px;
}

.tpl-architect-static-block-link.padding-bottom {
    padding-bottom: 10px;
}

.tpl-architect-static-block-link.padding-sides {
    padding-left: 10px;
    padding-right: 10px;
}

.tpl-architect-static-block-link.margin {
    margin: 10px;
}

.tpl-architect-static-block-link.margin-20px {
    margin: 20px;
}

.tpl-architect-static-block-link.margin-top {
    margin-top: 10px;
}

.tpl-architect-static-block-link.margin-bottom {
    margin-bottom: 10px;
}

.tpl-architect-static-block-link.margin-sides {
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 800px) {
    .tpl-architect-static-block-link .tpl-content .tpl-content-inner .tpl-title {
        font-size: 34px;
    }
    .tpl-architect-static-block-link .tpl-content .tpl-content-inner .tpl-body {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .tpl-architect-static-block-link {
        padding: 18px 40px 22px;
    }
    .tpl-architect-static-block-link .tpl-content {
        display: block;
        height: auto;
    }
    .tpl-architect-static-block-link .tpl-content .tpl-content-inner {
        display: block;
    }
    .tpl-architect-static-block-link .tpl-content .tpl-content-inner .tpl-title {
        font-size: 28px;
    }
    .tpl-architect-static-block-link .tpl-content .tpl-content-inner .tpl-body {
        font-size: 16px;
        line-height: 1.4;
    }
    .tpl-architect-static-block-link.tpl-my-apps-styling {
        display: block;
        width: auto;
    }
}

/*# sourceMappingURL=BlockLink.css.map */


/*# sourceMappingURL=BodyOnly.css.map */

.tpl-architect-static-image-and-title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
}

.tpl-architect-static-image-and-title .tpl-content {
    display: table;
    width: 100%;
    height: 100%;
}

.tpl-architect-static-image-and-title .tpl-content .tpl-content-inner {
    display: table-cell;
    vertical-align: middle;
}

.tpl-architect-static-image-and-title .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-size: 20px;
    margin: 0;
}

.tpl-architect-static-image-and-title.tpl-inline-block {
    display: inline-block;
}

.tpl-architect-static-image-and-title.tpl-background-blue {
    background: #2D8DD6;
}

.tpl-architect-static-image-and-title.tpl-text-white {
    color: #fff;
}

.tpl-architect-static-image-and-title.image-bottom-margin-10px .tpl-content .tpl-content-inner .tpl-image {
    margin-bottom: 10px;
}

.tpl-architect-static-image-and-title.image-bottom-margin-20px .tpl-content .tpl-content-inner .tpl-image {
    margin-bottom: 20px;
}

.tpl-architect-static-image-and-title.image-bottom-margin-30px .tpl-content .tpl-content-inner .tpl-image {
    margin-bottom: 30px;
}

.tpl-architect-static-image-and-title.tpl-height-165px {
    height: 165px;
}

.tpl-architect-static-image-and-title.tpl-height-165px.tpl-square {
    width: 165px;
}

.tpl-architect-static-image-and-title.tpl-height-200px {
    height: 200px;
}

.tpl-architect-static-image-and-title.tpl-height-200px.tpl-square {
    width: 200px;
}

.tpl-architect-static-image-and-title.tpl-height-350px {
    height: 350px;
}

.tpl-architect-static-image-and-title.tpl-height-350px.tpl-square {
    width: 350px;
}

.tpl-architect-static-image-and-title.tpl-text-align-left .tpl-content .tpl-content-inner {
    text-align: left;
}

.tpl-architect-static-image-and-title.tpl-text-align-left .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-image-and-title.tpl-text-align-right .tpl-content .tpl-content-inner {
    text-align: right;
}

.tpl-architect-static-image-and-title.tpl-text-align-right .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-image-and-title.tpl-text-align-top .tpl-content .tpl-content-inner {
    vertical-align: top;
}

.tpl-architect-static-image-and-title.tpl-text-align-top .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-image-and-title.tpl-text-align-bottom .tpl-content .tpl-content-inner {
    vertical-align: bottom;
}

.tpl-architect-static-image-and-title.tpl-text-align-bottom .tpl-content .tpl-content-inner .tpl-title {
    padding: 10px;
}

.tpl-architect-static-image-and-title.tpl-text-h1 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 34px;
}

.tpl-architect-static-image-and-title.tpl-text-h2 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 30px;
    line-height: normal;
}

.tpl-architect-static-image-and-title.tpl-text-h3 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 28px;
}

.tpl-architect-static-image-and-title.tpl-text-h4 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 26px;
}

.tpl-architect-static-image-and-title.tpl-text-h5 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 24px;
}

.tpl-architect-static-image-and-title.tpl-text-h6 .tpl-content .tpl-content-inner .tpl-title {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 20px;
}

.tpl-architect-static-image-and-title.image-bottom-margin-30px .tpl-content .tpl-content-inner .tpl-title {
    font-weight: 600;
}

.tpl-architect-static-image-and-title.padding {
    padding: 10px;
}

.tpl-architect-static-image-and-title.padding-20px {
    padding: 20px;
}

.tpl-architect-static-image-and-title.padding-top {
    padding-top: 10px;
}

.tpl-architect-static-image-and-title.padding-bottom {
    padding-bottom: 10px;
}

.tpl-architect-static-image-and-title.padding-sides {
    padding-left: 10px;
    padding-right: 10px;
}

.tpl-architect-static-image-and-title.margin {
    margin: 10px;
}

.tpl-architect-static-image-and-title.margin-20px {
    margin: 20px;
}

.tpl-architect-static-image-and-title.margin-top {
    margin-top: 10px;
}

.tpl-architect-static-image-and-title.margin-bottom {
    margin-bottom: 10px;
}

.tpl-architect-static-image-and-title.margin-sides {
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 800px) {
    .tpl-architect-static-image-and-title .tpl-content .tpl-content-inner .tpl-title {
        font-size: 34px;
    }
    .tpl-architect-static-image-and-title .tpl-content .tpl-content-inner .tpl-body {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .tpl-architect-static-image-and-title {
        padding: 18px 40px 22px;
        height: auto !important;
    }
    .tpl-architect-static-image-and-title .tpl-content {
        display: block;
        height: auto;
    }
    .tpl-architect-static-image-and-title .tpl-content .tpl-content-inner {
        display: block;
    }
    .tpl-architect-static-image-and-title .tpl-content .tpl-content-inner .tpl-title {
        font-size: 28px;
    }
    .tpl-architect-static-image-and-title .tpl-content .tpl-content-inner .tpl-body {
        font-size: 16px;
        line-height: 1.4;
    }
}

/*# sourceMappingURL=ImageAndTitle.css.map */

.tpl-architect-static-slide {
    text-align: center;
    color: #fff;
    background-color: #2E8DD6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    padding: 18px 50px 25px;
}

.tpl-architect-static-slide .tpl-content {
    display: table;
    width: 100%;
    height: 260px;
    max-width: 850px;
    margin: 0 auto;
}

.tpl-architect-static-slide .tpl-content .tpl-content-inner {
    display: table-cell;
    vertical-align: middle;
}

.tpl-architect-static-slide .tpl-content .tpl-content-inner .tpl-title {
    text-transform: uppercase;
    font-size: 40px;
    margin: 0;
}

.tpl-architect-static-slide .tpl-content .tpl-content-inner .tpl-body {
    font-size: 16px;
    line-height: 20px;
    margin: 15px 0 0;
}

@media (max-width: 800px) {
    .tpl-architect-static-slide .tpl-content .tpl-content-inner .tpl-title {
        font-size: 34px;
    }
    .tpl-architect-static-slide .tpl-content .tpl-content-inner .tpl-body {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .tpl-architect-static-slide {
        padding: 18px 40px 22px;
    }
    .tpl-architect-static-slide .tpl-content {
        display: block;
        height: auto;
    }
    .tpl-architect-static-slide .tpl-content .tpl-content-inner {
        display: block;
    }
    .tpl-architect-static-slide .tpl-content .tpl-content-inner .tpl-title {
        font-size: 28px;
    }
    .tpl-architect-static-slide .tpl-content .tpl-content-inner .tpl-body {
        font-size: 16px;
        line-height: 1.4;
    }
}

/*# sourceMappingURL=Slide.css.map */

.tpl-position-header-left .tpl-architect-static-title-only {
    color: #d4e8f6;
    font-size: 13px;
}

.tpl-architect-static-title-only.tpl-color-gray {
    color: #768182;
    font-weight: 600;
}

/*# sourceMappingURL=TitleOnly.css.map */

.tpl-architect-static-title-and-body .tpl-title {
    text-transform: uppercase;
    font-size: 20px;
}

.tpl-architect-static-title-and-body.tpl-line hr {
    margin: 30px auto;
    width: 75px;
    border: 1px solid #768182;
}

.tpl-architect-static-title-and-body.tpl-white-text {
    color: white;
}

.tpl-architect-static-title-and-body.tpl-white-text hr {
    border-color: white;
}

/*# sourceMappingURL=TitleAndBody.css.map */

.tpl-architect-static-floating-button {
    display: block;
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
    text-decoration: none;
    box-shadow: 0 0 10px #58a6d5;
    border-radius: 36px;
    z-index: 1;
}

.tpl-architect-static-floating-button:hover, .tpl-architect-static-floating-button:focus {
    text-decoration: none;
}

.tpl-architect-static-floating-button.tpl-top-left {
    position: fixed;
    top: 10px;
    left: 10px;
}

.tpl-architect-static-floating-button.tpl-top-right {
    position: fixed;
    top: 10px;
    right: 10px;
}

.tpl-architect-static-floating-button.tpl-bottom-left {
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.tpl-architect-static-floating-button.tpl-bottom-right {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

/*# sourceMappingURL=FloatingButton.css.map */

@charset "UTF-8";
.tpl-architect-wrapper-one-accordion .tpl-accordion-title {
    text-align: center;
}

.tpl-architect-wrapper-one-accordion .tpl-accordion-title .tpl-accordion-title-inner {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 28px;
    display: inline-block;
    padding: 20px 5px 20px 50px;
    position: relative;
    cursor: pointer;
}

.tpl-architect-wrapper-one-accordion .tpl-accordion-title .tpl-accordion-title-inner:before {
    transition: all 0.3s ease-in-out;
    font-family: FontAwesome;
    font-size: 30px;
    content: "";
    color: #303030;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: -12px;
}

.tpl-architect-wrapper-one-accordion .tpl-accordion-content {
    display: none;
}

.tpl-architect-wrapper-one-accordion.expanded .tpl-accordion-title .tpl-accordion-title-inner:before {
    transform: rotate(180deg);
}

.tpl-architect-wrapper-one-accordion.tpl-title-color-black,
.tpl-architect-wrapper-one-accordion.tpl-title-color-black .tpl-accordion-title .tpl-accordion-title-inner,
.tpl-architect-wrapper-one-accordion.tpl-title-color-black .tpl-accordion-title .tpl-accordion-title-inner:before {
    color: #000;
}

.tpl-architect-wrapper-one-accordion.tpl-title-color-white,
.tpl-architect-wrapper-one-accordion.tpl-title-color-white .tpl-accordion-title .tpl-accordion-title-inner,
.tpl-architect-wrapper-one-accordion.tpl-title-color-white .tpl-accordion-title .tpl-accordion-title-inner:before {
    color: #FFF;
}

.tpl-architect-wrapper-one-accordion.tpl-background-dark-color-black {
    background-color: #000;
}

.tpl-architect-wrapper-one-accordion.tpl-background-dark-color-dark {
    background-color: #303030;
}

.tpl-architect-wrapper-one-accordion.tpl-background-dark-color-gray {
    background-color: #767676;
}

.tpl-architect-wrapper-one-accordion.tpl-background-dark-color-gray-dark {
    background-color: #181E20;
}

.tpl-architect-wrapper-one-accordion.tpl-background-color-gray-light {
    background-color: #d2d3db;
}

.tpl-architect-wrapper-one-accordion.tpl-background-color-gray-lighter {
    background-color: #F0F0F0;
}

.tpl-architect-wrapper-one-accordion.tpl-background-color-blue {
    background-color: #2E8DD6;
}

.tpl-architect-wrapper-one-accordion.tpl-background-color-green {
    background-color: #58B28F;
}

.tpl-architect-wrapper-one-accordion.tpl-child-title-h1 .tpl-accordion-title .tpl-accordion-title-inner {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 34px;
    padding: 20px 5px 20px 50px;
    display: inline-block;
}

.tpl-architect-wrapper-one-accordion.tpl-child-title-h2 .tpl-accordion-title .tpl-accordion-title-inner {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 30px;
    line-height: normal;
    padding: 20px 5px 20px 50px;
    display: inline-block;
}

.tpl-architect-wrapper-one-accordion.tpl-child-title-h4 .tpl-accordion-title .tpl-accordion-title-inner {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 26px;
    padding: 20px 5px 20px 50px;
    display: inline-block;
}

.tpl-architect-wrapper-one-accordion.tpl-child-title-h5 .tpl-accordion-title .tpl-accordion-title-inner {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 24px;
    padding: 20px 5px 20px 50px;
    display: inline-block;
}

.tpl-architect-wrapper-one-accordion.tpl-child-title-h6 .tpl-accordion-title .tpl-accordion-title-inner {
    display: block;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    font-size: 20px;
    padding: 20px 5px 20px 50px;
    display: inline-block;
}

.tpl-architect-wrapper-one-accordion.tpl-title-align-left .tpl-accordion-title {
    padding-left: 20px;
    text-align: left;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-size-12 .tpl-accordion-title .tpl-accordion-title-inner {
    padding: 20px 10px 20px 30px;
    font-size: 12px;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-size-14 .tpl-accordion-title .tpl-accordion-title-inner {
    padding: 20px 10px 20px 35px;
    font-size: 14px;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-size-16 .tpl-accordion-title .tpl-accordion-title-inner {
    padding: 20px 10px 20px 40px;
    font-size: 16px;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-size-18 .tpl-accordion-title .tpl-accordion-title-inner {
    padding: 20px 10px 20px 45px;
    font-size: 18px;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-size-12 .tpl-accordion-title .tpl-accordion-title-inner:before, .tpl-architect-wrapper-one-accordion.tpl-title-font-size-14 .tpl-accordion-title .tpl-accordion-title-inner:before, .tpl-architect-wrapper-one-accordion.tpl-title-font-size-16 .tpl-accordion-title .tpl-accordion-title-inner:before, .tpl-architect-wrapper-one-accordion.tpl-title-font-size-18 .tpl-accordion-title .tpl-accordion-title-inner:before {
    text-align: center;
    font-size: 1.5em;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-weight-light .tpl-accordion-title .tpl-accordion-title-inner {
    font-weight: 300;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-weight-medium .tpl-accordion-title .tpl-accordion-title-inner {
    font-weight: 600;
}

.tpl-architect-wrapper-one-accordion.tpl-title-font-weight-bold .tpl-accordion-title .tpl-accordion-title-inner {
    font-weight: 700;
}

@media (max-width: 768px) {
    .tpl-architect-wrapper-one-accordion .tpl-accordion-title .tpl-accordion-title-inner {
        font-size: 23px;
        padding: 16px 5px 16px 36px;
    }
    .tpl-architect-wrapper-one-accordion .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 26px;
    }
}

@media only screen and (max-width: 480px) {
    .tpl-architect-wrapper-one-accordion .tpl-accordion-title {
        padding: 10px;
    }
    .tpl-architect-wrapper-one-accordion .tpl-accordion-title .tpl-accordion-title-inner {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 20px;
    }
    .tpl-architect-wrapper-one-accordion .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 23px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-video-yes .tpl-content .tpl-body {
        padding-bottom: 0;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h1 .tpl-accordion-title .tpl-accordion-title-inner {
        font-size: 24px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h1 .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 27px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h2 .tpl-accordion-title .tpl-accordion-title-inner {
        font-size: 21px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h2 .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 24px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h4 .tpl-accordion-title .tpl-accordion-title-inner {
        font-size: 19px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h4 .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 21px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h5 .tpl-accordion-title .tpl-accordion-title-inner {
        font-size: 17px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h5 .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 20px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h6 .tpl-accordion-title .tpl-accordion-title-inner {
        font-size: 14px;
    }
    .tpl-architect-wrapper-one-accordion.tpl-child-title-h6 .tpl-accordion-title .tpl-accordion-title-inner:before {
        font-size: 17px;
    }
}

/*# sourceMappingURL=Accordion.css.map */

.tpl-architect-wrapper-basic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tpl-architect-wrapper-basic.max-width-1100 {
    max-width: 1100px;
}

.tpl-architect-wrapper-basic.text-align-center {
    text-align: center;
}

.tpl-architect-wrapper-basic.position-relative {
    position: relative;
}

.tpl-architect-wrapper-basic.padding {
    padding: 10px;
}

.tpl-architect-wrapper-basic.padding-top {
    padding-top: 10px;
}

.tpl-architect-wrapper-basic.padding-bottom {
    padding-bottom: 10px;
}

.tpl-architect-wrapper-basic.padding-sides {
    padding-left: 10px;
    padding-right: 10px;
}

.tpl-architect-wrapper-basic.padding.padding-x-1-5 {
    padding: 15px;
}

.tpl-architect-wrapper-basic.padding-top.padding-x-1-5 {
    padding-top: 15px;
}

.tpl-architect-wrapper-basic.padding-bottom.padding-x-1-5 {
    padding-bottom: 15px;
}

.tpl-architect-wrapper-basic.padding-sides.padding-x-1-5 {
    padding-left: 15px;
    padding-right: 15px;
}

.tpl-architect-wrapper-basic.padding.padding-x-2 {
    padding: 20px;
}

.tpl-architect-wrapper-basic.padding-top.padding-x-2 {
    padding-top: 20px;
}

.tpl-architect-wrapper-basic.padding-bottom.padding-x-2 {
    padding-bottom: 20px;
}

.tpl-architect-wrapper-basic.padding-sides.padding-x-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.tpl-architect-wrapper-basic.padding.padding-x-3 {
    padding: 30px;
}

.tpl-architect-wrapper-basic.padding-top.padding-x-3 {
    padding-top: 30px;
}

.tpl-architect-wrapper-basic.padding-bottom.padding-x-3 {
    padding-bottom: 30px;
}

.tpl-architect-wrapper-basic.padding-sides.padding-x-3 {
    padding-left: 30px;
    padding-right: 30px;
}

.tpl-architect-wrapper-basic.padding.padding-x-4 {
    padding: 40px;
}

.tpl-architect-wrapper-basic.padding-top.padding-x-4 {
    padding-top: 40px;
}

.tpl-architect-wrapper-basic.padding-bottom.padding-x-4 {
    padding-bottom: 40px;
}

.tpl-architect-wrapper-basic.padding-sides.padding-x-4 {
    padding-left: 40px;
    padding-right: 40px;
}

.tpl-architect-wrapper-basic.margin {
    margin: 10px;
}

.tpl-architect-wrapper-basic.margin-20px {
    margin: 20px;
}

.tpl-architect-wrapper-basic.margin-top {
    margin-top: 10px;
}

.tpl-architect-wrapper-basic.margin-bottom {
    margin-bottom: 10px;
}

.tpl-architect-wrapper-basic.margin-sides {
    margin-left: 10px;
    margin-right: 10px;
}

.tpl-architect-wrapper-basic.margin.margin-x-2 {
    margin: 20px;
}

.tpl-architect-wrapper-basic.margin-20px.margin-x-2 {
    margin: 40px;
}

.tpl-architect-wrapper-basic.margin-top.margin-x-2 {
    margin-top: 20px;
}

.tpl-architect-wrapper-basic.margin-bottom.margin-x-2 {
    margin-bottom: 20px;
}

.tpl-architect-wrapper-basic.margin-sides.margin-x-2 {
    margin-left: 20px;
    margin-right: 20px;
}

.tpl-architect-wrapper-basic.margin.margin-x-3 {
    margin: 30px;
}

.tpl-architect-wrapper-basic.margin-20px.margin-x-3 {
    margin: 60px;
}

.tpl-architect-wrapper-basic.margin-top.margin-x-3 {
    margin-top: 30px;
}

.tpl-architect-wrapper-basic.margin-bottom.margin-x-3 {
    margin-bottom: 30px;
}

.tpl-architect-wrapper-basic.margin-sides.margin-x-3 {
    margin-left: 30px;
    margin-right: 30px;
}

.tpl-architect-wrapper-basic.margin.margin-x-4 {
    margin: 40px;
}

.tpl-architect-wrapper-basic.margin-20px.margin-x-4 {
    margin: 80px;
}

.tpl-architect-wrapper-basic.margin-top.margin-x-4 {
    margin-top: 40px;
}

.tpl-architect-wrapper-basic.margin-bottom.margin-x-4 {
    margin-bottom: 40px;
}

.tpl-architect-wrapper-basic.margin-sides.margin-x-4 {
    margin-left: 40px;
    margin-right: 40px;
}

/*# sourceMappingURL=Basic.css.map */

.tpl-architect-wrapper-module-holder {
    padding: 20px;
}

.tpl-architect-wrapper-module-holder .tpl-module-holder-inner {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 270px;
    min-height: 225px;
    border-radius: 5px;
    padding: 14px 18px 22px;
}

.tpl-architect-wrapper-module-holder.position-relative {
    position: relative;
}

.tpl-architect-wrapper-module-holder.transparent-background .tpl-module-holder-inner {
    background: none;
}

.tpl-architect-wrapper-module-holder.cancel-spacing-top {
    padding-top: 0;
}

.tpl-architect-wrapper-module-holder.cancel-spacing-right {
    padding-right: 0;
}

.tpl-architect-wrapper-module-holder.cancel-spacing-bottom {
    padding-bottom: 0;
}

.tpl-architect-wrapper-module-holder.cancel-spacing-left {
    padding-left: 0;
}

.tpl-architect-wrapper-module-holder.cancel-spacing-all {
    padding: 0;
}

.tpl-architect-wrapper-module-holder.cancel-padding .tpl-module-holder-inner {
    padding: 0;
}

.tpl-architect-wrapper-module-holder.cancel-background-color .tpl-module-holder-inner {
    background-color: transparent;
}

.tpl-architect-wrapper-module-holder.cancel-min-height .tpl-module-holder-inner {
    min-height: 0;
}

.tpl-architect-wrapper-module-holder.cancel-min-width .tpl-module-holder-inner {
    min-width: 0;
}

.tpl-architect-wrapper-module-holder.tpl-full-height {
    height: 100%;
    padding: 0;
}

.tpl-architect-wrapper-module-holder.tpl-full-height .tpl-module-holder-inner {
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tpl-architect-wrapper-module-holder.tpl-full-height .tpl-module-holder-inner > style,
.tpl-architect-wrapper-module-holder.tpl-full-height .tpl-module-holder-inner > .clearfix {
    display: none;
}

/*# sourceMappingURL=ModuleHolder.css.map */

.tpl-architect-wrapper-slider {
    position: relative;
}

.tpl-architect-wrapper-slider .tpl-slider-nav {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    height: 30px;
    z-index: 2;
    padding: 0 20px;
    margin-top: -12px;
}

.tpl-architect-wrapper-slider .tpl-slider-nav .owl-prev,
.tpl-architect-wrapper-slider .tpl-slider-nav .owl-next {
    cursor: pointer;
}

.tpl-architect-wrapper-slider .tpl-slider-nav .owl-prev:before,
.tpl-architect-wrapper-slider .tpl-slider-nav .owl-next:before {
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    transform: rotate(-135deg);
    margin-left: 6px;
}

.tpl-architect-wrapper-slider .tpl-slider-nav .owl-prev {
    float: left;
}

.tpl-architect-wrapper-slider .tpl-slider-nav .owl-next {
    float: right;
}

.tpl-architect-wrapper-slider .tpl-slider-nav .owl-next:before {
    transform: rotate(45deg);
    margin-left: 0;
    margin-right: 6px;
}

@media (max-width: 600px) {
    .tpl-architect-wrapper-slider .tpl-slider-nav {
        height: 22px;
        padding: 0 10px;
        margin-top: -10px;
    }
    .tpl-architect-wrapper-slider .tpl-slider-nav .owl-prev:before,
    .tpl-architect-wrapper-slider .tpl-slider-nav .owl-next:before {
        height: 16px;
        width: 16px;
    }
}

/*# sourceMappingURL=Slider.css.map */

.tpl-architect-wrapper-tabs {
    padding: 20px;
}

.tpl-architect-wrapper-tabs .tpl-tabs-inner {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 270px;
    min-height: 225px;
    border-radius: 5px;
    padding: 14px 18px 22px;
}

.tpl-architect-wrapper-tabs.position-relative {
    position: relative;
}

.tpl-architect-wrapper-tabs.transparent-background .tpl-tabs-inner {
    background: none;
}

.tpl-architect-wrapper-tabs.cancel-spacing-top {
    padding-top: 0;
}

.tpl-architect-wrapper-tabs.cancel-spacing-right {
    padding-right: 0;
}

.tpl-architect-wrapper-tabs.cancel-spacing-bottom {
    padding-bottom: 0;
}

.tpl-architect-wrapper-tabs.cancel-spacing-left {
    padding-left: 0;
}

.tpl-architect-wrapper-tabs.cancel-spacing-all {
    padding: 0;
}

.tpl-architect-wrapper-tabs.cancel-padding .tpl-tabs-inner {
    padding: 0;
}

.tpl-architect-wrapper-tabs.cancel-background-color .tpl-tabs-inner {
    background-color: transparent;
}

.tpl-architect-wrapper-tabs.cancel-min-height .tpl-tabs-inner {
    min-height: 0;
}

.tpl-architect-wrapper-tabs.cancel-min-width .tpl-tabs-inner {
    min-width: 0;
}

.tpl-architect-wrapper-tabs .tpl-tab-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
}

.tpl-architect-wrapper-tabs .tpl-tab-buttons .tpl-tab-button {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #484848;
    margin-right: 10px !important;
}

.tpl-architect-wrapper-tabs .tpl-tab-buttons .tpl-tab-button:hover {
    background-color: #dbdbdb;
    border-color: #E0E0E0;
    color: #484848;
}

.tpl-architect-wrapper-tabs .tpl-tab-buttons .tpl-tab-button.active {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
}

.tpl-architect-wrapper-tabs .tpl-tab-buttons .tpl-tab-button:last-child {
    margin-right: 0 !important;
}

.tpl-architect-wrapper-tabs .tpl-tab-content > div {
    display: none;
}

.tpl-architect-wrapper-tabs .tpl-tab-content > div.active {
    display: block;
}

/*# sourceMappingURL=Tabs.css.map */

.edit-activity-record-popup {
    max-height: 80%;
    overflow: auto;
}

/*# sourceMappingURL=ActivityGrid.css.map */

.change-log-modules-change-log-grid .ss-grid .grid-filters,
.change-log-modules-change-log-grid .ss-grid .grid-holder {
    background: #fff;
    border-radius: 3px;
}

.change-log-entries-popup {
    background-color: #fff;
}

.change-log-entries-popup .header {
    background-color: #58B28F;
    color: #fff;
}

.change-log-entries-popup .header i {
    color: #fff;
}

.change-log-entries-popup .log-data .log-header {
    border-bottom-color: #E0E0E0;
    background-color: #F2F2F2;
    font-weight: bold;
}

.change-log-entries-popup .log-data .row-delta {
    border-bottom-color: #E0E0E0;
}

.change-log-entries-popup .log-data .row-delta .label {
    color: #AEAEAE;
    padding: 0;
}

.change-log-entries-popup .log-data .row-delta .sub-delta {
    padding: 15px;
    background-color: #F2F2F2;
}

/*# sourceMappingURL=ChangeLogGrid.css.map */

.contributions-modules-contribution-goal {
    max-width: 100% !important;
}

.contributions.contributions-modules-contribution-goal .title {
    font-size: 18pt;
    font-weight: 300;
}

.contributions-modules-contribution-goal .graph {
    width: 60%;
    margin-top: 20px;
}

.contributions-modules-contribution-goal .graph .percentage {
    top: 50%;
    left: 35px;
    width: 90px;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14pt;
    margin-top: -22px;
}

.contributions-modules-contribution-goal .num-info {
    width: 40%;
}

.contributions-modules-contribution-goal .num-info .goal .text {
    font-weight: 300;
    font-size: 18px;
    margin: 10px 0 3px;
}

.contributions-modules-contribution-goal .num-info .goal .num {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contributions-modules-contribution-goal .num-info .info {
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    padding: 3px 0;
}

.contributions-modules-contribution-goal .num-info .info span {
    width: 20px;
    height: 20px;
}

.contributions-modules-contribution-goal .num-info .info.raised span {
    background: #215b81;
}

.contributions-modules-contribution-goal .num-info .info.need span {
    background: #a43e0e;
}

@media only screen and (max-width: 900px) {
    .contributions-modules-contribution-goal .graph {
        width: 100%;
        margin-top: 20px;
    }
    .contributions-modules-contribution-goal .num-info {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .contributions-modules-contribution-goal .num-info .info span {
        width: 18px;
        height: 18px;
    }
}

/*# sourceMappingURL=ContributionGoal.css.map */

.module-contribution-goal-graph {
    height: auto !important;
}

.module-contribution-goal-graph #contribution-goal-chart {
    color: #303030;
}

.module-contribution-goal-graph .header {
    padding-bottom: 30px;
}

.module-contribution-goal-graph .header h2 {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    color: #303030;
}

/*# sourceMappingURL=ContributionGoalGraph.css.map */

.contributions-modules-donor-giving {
    padding: 5px 0 0 0;
    margin-bottom: 0 !important;
}

.contributions-modules-donor-giving .donor-giving-chart #donor-recent-giving-chart {
    height: 230px;
}

/*LAYOUTS*/
.contributions-modules-donor-giving.full {
    width: 100%;
}

.contributions-modules-donor-giving.width-1-2 {
    width: 50%;
    float: left;
}

.contributions-modules-donor-giving.width-1-3 {
    width: 33.3333%;
    float: left;
}

.contributions-modules-donor-giving.width-2-3 {
    width: 66.3333%;
    float: left;
}

@media screen and (max-width: 900px) {
    .contributions-modules-donor-giving.full {
        width: 100% !important;
        float: none;
        margin-left: 0;
    }
    .contributions-modules-donor-giving.width-1-2 {
        width: 100% !important;
        float: none;
        margin-left: 0;
    }
    .contributions-modules-donor-giving.width-1-3 {
        width: 100% !important;
        float: none;
        margin-left: 0;
    }
    .contributions-modules-donor-giving.width-2-3 {
        width: 100% !important;
        float: none;
        margin-left: 0;
    }
}

/*# sourceMappingURL=DonorGiving.css.map */

.contributions-modules-latest-received-contributions .title {
    font-size: 18pt;
    font-weight: 300;
    border: none;
}

.contributions-modules-latest-received-contributions .title a {
    color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #ecf0f1;
}

.contributions-modules-latest-received-contributions .title a:after {
    font-family: "Linearicons";
    content: '\e9e9';
    color: #89949B;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution {
    position: relative;
    margin: 15px 0;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution .message-holder a {
    background: none;
    padding: 0;
    margin-top: 15px;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution .message-holder a:after {
    font-family: "Linearicons";
    content: '\e612';
    color: #494749;
    font-size: 16px;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution .message-holder .message {
    display: none;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution .person-name {
    border: none;
    font-weight: 500;
    font-size: 11pt;
    margin: 0;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution .contribution-data .contribution-date {
    border-color: #303030;
    font-size: 10pt;
    padding-right: 6px;
    margin-right: 2px;
}

.contributions-modules-latest-received-contributions .contributions-list .contribution .contribution-data .contribution-amount {
    font-size: 10pt;
    color: #fff;
    background: #2E8DD6;
    padding: 3px 5px;
}

/*# sourceMappingURL=LatestReceivedContributions.css.map */

.historic-giving-modules-historic-giving-chart {
    padding: 15px;
    margin: 0.625rem 0 1.25rem;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.historic-giving-modules-historic-giving-chart .module-title-holder {
    font-size: 24px;
    margin: 10px 10px 5px 0;
}

.historic-giving-modules-historic-giving-chart .chart-el .chart-header {
    padding: 5px;
}

/*# sourceMappingURL=HistoricGivingChart.css.map */

.historic-giving-modules-historic-giving-grid .ss-grid .grid-filters,
.historic-giving-modules-historic-giving-grid .ss-grid .grid-holder {
    background: #fff;
    border-radius: 3px;
}

.historic-giving-modules-historic-giving-grid .ss-grid .grid-holder .grid-row.grid-heading .grid-col.grid-col-normal,
.historic-giving-modules-historic-giving-grid .ss-grid .grid-holder .grid-row .grid-col.not-pushed-col.grid-col-normal {
    width: 200px;
}

@media (max-width: 580px) {
    .historic-giving-modules-historic-giving-grid .ss-grid .grid-holder .grid-row.grid-heading .grid-col.grid-col-normal,
    .historic-giving-modules-historic-giving-grid .ss-grid .grid-holder .grid-row .grid-col.not-pushed-col.grid-col-normal {
        width: auto;
    }
}

.historic-giving-modules-historic-giving-grid .ss-grid .grid-holder .grid-row.grid-heading .grid-col.always-visible-col,
.historic-giving-modules-historic-giving-grid .ss-grid .grid-holder .grid-row .grid-col.not-pushed-col.always-visible-col {
    min-width: 210px;
}

.historic-giving-modules-historic-giving-grid .grid-custom-filters-title {
    border-radius: 3px 3px 0 0;
    background: #58B28F;
}

.historic-giving-modules-historic-giving-grid .grid-custom-filters-title a:before {
    font-family: "Linearicons";
    content: '\e92a';
}

.historic-giving-modules-historic-giving-grid .grid-col-tools .grid-col-tool .linked-tool {
    color: #44a880;
    cursor: default;
}

/*# sourceMappingURL=HistoricGivingGrid.css.map */

.historic-giving-modules-historic-giving-metrics .module-title-holder h5 {
    text-transform: uppercase;
    font-size: 1rem;
    color: #767676;
    margin: 0;
}

.historic-giving-modules-historic-giving-metrics .featured-amount {
    font-size: 3rem;
    font-weight: 100;
    color: #767676;
}

.historic-giving-modules-historic-giving-metrics .progress-bar-holder .custom-progress {
    background: rgba(208, 208, 208, 0.4);
}

.historic-giving-modules-historic-giving-metrics .progress-bar-holder .custom-progress .custom-progress-bar {
    background: #2E8DD6;
}

.historic-giving-modules-historic-giving-metrics .progress-bar-holder .custom-progress .custom-progress-bar span {
    color: #2E8DD6;
    font-size: 0.8125rem;
}

.historic-giving-modules-historic-giving-metrics .progress-bar-holder .custom-progress .custom-progress-bar .bar {
    border-right: 1px solid #2E8DD6;
}

.historic-giving-modules-historic-giving-metrics .progress-bar-holder .custom-progress.percent-0 .custom-progress-bar .bar, .historic-giving-modules-historic-giving-metrics .progress-bar-holder .custom-progress.percent-100 .custom-progress-bar .bar {
    display: none;
}

.historic-giving-modules-historic-giving-metrics .progress-bar-amounts .progress-bar-amount {
    padding: 5px 10px;
}

.historic-giving-modules-historic-giving-metrics .progress-bar-amounts .progress-bar-amount .title {
    font-size: 0.875rem;
    color: #767676;
}

.historic-giving-modules-historic-giving-metrics .transactions a,
.historic-giving-modules-historic-giving-metrics .transactions a:hover {
    font-size: 1rem;
    color: #2E8DD6;
    text-decoration: none;
}

/*# sourceMappingURL=HistoricGivingMetrics.css.map */

.historic-giving-modules-historic-giving-balance .module-title-holder h5 {
    text-transform: uppercase;
    font-size: 1rem;
    color: #767676;
    margin: 0;
}

.historic-giving-modules-historic-giving-balance .featured-amount {
    font-size: 3rem;
    font-weight: 100;
    color: #767676;
}

/*# sourceMappingURL=HistoricGivingBalance.css.map */

@charset "UTF-8";
/***************************************************************************************************/
/************************************ Responsive View **********************************************/
/***************************************************************************************************/
.messages-modules-my-conversations.responsive {
    background: none;
    /* Both Conversations and Messages */
    /* Conversations */
    /* Conversations list */
    /* Messages */
}

.messages-modules-my-conversations.responsive .loading-icon {
    width: 40px;
    padding: 0;
    margin: 80px auto 100px;
}

.messages-modules-my-conversations.responsive .loading-icon:before {
    font-family: "Linearicons";
    content: "";
}

.messages-modules-my-conversations.responsive .short-loading-icon {
    margin: 30px auto;
}

.messages-modules-my-conversations.responsive .no-results {
    padding: 20px;
}

.messages-modules-my-conversations.responsive .panel {
    border: 1px solid #f1f2f7;
}

.messages-modules-my-conversations.responsive .panel .panel-heading {
    background: #fafafa;
    border-bottom: 1px solid #f1f2f7;
}

.messages-modules-my-conversations.responsive .panel .panel-heading .panel-actions i.fa {
    border-left: 1px solid #f1f2f7;
    color: #89949B;
}

.messages-modules-my-conversations.responsive .panel .panel-heading .panel-actions i.fa.active {
    color: #2E8DD6;
}

.messages-modules-my-conversations.responsive .conversations-holder .search-bar {
    border-bottom: 1px solid #f1f2f7;
}

.messages-modules-my-conversations.responsive .conversations-holder .search-bar:after {
    right: 18px;
}

.messages-modules-my-conversations.responsive .conversations-holder .search-bar input {
    font-size: 14px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel-body {
    padding: 0;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel-body .content-holder .load-conversations {
    min-height: 150px;
    max-height: 360px;
}

.messages-modules-my-conversations.responsive .messages-modules-my-conversations.responsive.show-messages .conversations-holder .panel-body .content-holder .load-conversations {
    /*min-height: 160px;*/
}

.messages-modules-my-conversations.responsive .conversations-holder .panel-body .content-holder .no-more-conversations {
    color: #89949B;
    padding: 5px 10px 0;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation {
    position: relative;
    border-left: 2px solid transparent;
    height: 98px;
    overflow: hidden;
    padding-left: 100px;
    margin-bottom: 1px;
    /*.person-photo-holder img,*/
    /*.person-photo-holder .no-default-photo {*/
    /*-webkit-border-radius:	50%;*/
    /*-moz-border-radius:		50%;*/
    /*border-radius: 			50%;*/
    /*}*/
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation.has-new {
    background-color: #d4e8f6;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation.last-item {
    margin-bottom: 0;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation.active {
    border-left-color: #2E8DD6;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .person-photo-holder {
    position: absolute;
    left: 18px;
    top: 50%;
    width: 75px;
    height: 75px;
    margin: -38px 0 0;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .person-photo-holder .no-default-photo .no-default-photo-icon {
    line-height: 74px;
    font-size: 38px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .actions {
    text-align: right;
    color: #2E8DD6;
    padding: 3px 8px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .actions .unread {
    font-size: 11px;
    font-weight: 600;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation:hover .info .actions .unread {
    display: none;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .actions .archive,
.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .actions .un-archive {
    display: none;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation:hover .info .actions .archive,
.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation:hover .info .actions .un-archive {
    display: inline;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .person {
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 75px;
    margin: 2px 8px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .date {
    position: absolute;
    right: 0;
    top: 24px;
    color: #89949B;
    font-size: 12px;
    margin: 5px 8px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .title {
    font-size: 15px;
    line-height: normal;
    font-weight: normal;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 1px 9px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .view-archive {
    border-top: 1px solid #f1f2f7;
    color: #2E8DD6;
    font-size: 14px;
    padding: 18px 10px;
    margin-top: 15px;
}

.messages-modules-my-conversations.responsive .conversations-holder .panel .load-more-holder {
    display: none;
}

.messages-modules-my-conversations.responsive .messages-holder {
    /* Messages list */
    /* Messages sent by not logged in person */
    /* Messages sent by logged in person */
    /* Send/Reply form */
}

.messages-modules-my-conversations.responsive .messages-holder .panel-body {
    padding: 20px 10px 20px 20px;
}

.messages-modules-my-conversations.responsive .messages-holder .panel-body .content-holder .load-messages {
    min-height: 130px;
    max-height: 450px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.messages-modules-my-conversations.responsive .messages-holder .panel-body .content-holder .load-messages .loading-icon {
    padding: 50px 0;
    margin: 0 auto;
}

.messages-modules-my-conversations.responsive .messages-holder .panel-body .content-holder .no-more-messages {
    color: #89949B;
    padding: 0 10px 13px;
}

.messages-modules-my-conversations.responsive .messages-holder .panel-body .content-holder .message-form-holder {
    padding-right: 10px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message {
    position: relative;
    padding: 0 130px;
    margin-bottom: 20px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .person-photo-holder {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info {
    min-height: 110px;
    position: relative;
    background: #fafafa;
    color: #767676;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info:after {
    right: 100%;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(250, 250, 250, 0);
    border-right-color: #fafafa;
    border-width: 10px;
    margin-top: -10px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info .person {
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
    padding-right: 75px;
    margin: 3px 5px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info .date {
    position: absolute;
    right: 0;
    top: 0;
    color: #89949B;
    font-size: 12px;
    margin: 17px 20px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info .body {
    color: #767676;
    font-size: 15px;
    line-height: normal;
    font-weight: normal;
    margin: 13px 6px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info .body p {
    color: #767676;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper.not-logged-in-person .message {
    padding-right: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper.logged-in-person .message {
    text-align: left;
    padding-left: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper.logged-in-person .message .person-photo-holder {
    float: none;
    left: auto;
    right: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-wrapper.logged-in-person .message .info:after {
    right: auto;
    left: 100%;
    border-right-color: rgba(250, 250, 250, 0);
    border-left-color: #fafafa;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder {
    /* TinyMCE adjustments */
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .message-to-holder {
    position: relative;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .message-to-holder .arrow:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #737373;
    top: 50%;
    right: 13px;
    z-index: 0;
    margin-top: -13px;
    cursor: pointer;
    font-style: normal;
    z-index: 1;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .message-to-holder input[type=text] {
    position: relative;
    background: none;
    z-index: 1;
    padding-right: 35px;
    z-index: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .form-input-holder {
    margin: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-results .ui-menu {
    width: auto !important;
    min-width: 232px !important;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-results .ui-menu .ui-menu-item a {
    cursor: pointer;
    padding: 6px 12px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-container {
    min-width: 225px !important;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-container .ui-autocomplete-pagination-details {
    min-width: 173px;
    font-size: 12px;
    line-height: 1.1;
    padding: 6px 6px 6px 10px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-container button.previous-page,
.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-container button.next-page {
    display: inline-block;
    text-align: center;
    line-height: normal;
    min-width: 20px;
    height: auto;
    padding: 0;
    margin: 2px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-container button.previous-page:after {
    content: "<";
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .ui-autocomplete-pagination-container button.next-page:after {
    content: ">";
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder input[type=text],
.messages-modules-my-conversations.responsive .messages-holder .message-form-holder textarea {
    border: 1px solid #f1f2f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder input#MessageSubject {
    padding-left: 15px;
    margin: 10px 0;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder textarea {
    height: 100px;
    padding: 15px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-panel,
.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-menubar {
    border-color: #f1f2f7;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-panel {
    background-color: #fff;
    background-image: none;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn {
    background: none;
    border: none;
    box-shadow: none;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn:hover {
    border: none;
    background-image: none;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn-group .mce-first,
.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn-group .mce-last {
    border-left: none;
    border-right: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn.mce-active {
    background-color: #ecf0f1;
    background-image: none;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-colorbutton:hover .mce-open {
    border-left-color: transparent;
    border-right-color: transparent;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn,
.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-btn-group .mce-btn {
    margin: 1px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .mce-menubar .mce-menubtn {
    margin: 2px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .send-buttons-holder {
    border: 1px solid #f1f2f7;
    text-align: right;
    padding: 6px;
    margin-top: -1px;
}

.messages-modules-my-conversations.responsive .messages-holder .message-form-holder .send-buttons-holder input[type=submit] {
    background: #2E8DD6;
    border: 1px solid #2E8DD6;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.messages-modules-my-conversations.responsive .messages-holder .no-results {
    padding: 5px 3px 0;
}

@media (max-width: 550px) {
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message {
        padding: 0 80px;
    }
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .person-photo-holder {
        width: 60px;
        height: auto;
    }
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info .body {
        font-size: 13px;
        line-height: 1.6;
    }
}

@media (max-width: 400px) {
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation {
        height: 84px;
        padding-left: 64px;
        /* Set image as conversation background */
        /*.person-photo-holder {
			  width: 100%;
			  height: 100px;
			  top: -100%;
			  left: 0;
			  margin: 0;
			  z-index: 9;
		  }
		  .person-photo-holder img {
			  opacity: 0.3;
			  border-radius: 0;
		  }
		  .person-photo-holder .no-default-photo {
			  display: none;
		  }
		  .info {
			  position: absolute;
			  top: 0;
			  left: 0;
			  z-index: 10;
		  }*/
    }
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .person-photo-holder {
        left: 10px;
        width: 50px;
        height: 50px;
        margin: -25px 0 0;
    }
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .person-photo-holder .no-default-photo .no-default-photo-icon {
        line-height: 48px;
        font-size: 30px;
    }
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .actions {
        margin-bottom: 0;
    }
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .person {
        font-size: 15px;
        margin-top: 1px;
    }
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .date {
        margin-top: 3px;
    }
    .messages-modules-my-conversations.responsive .conversations-holder .panel .conversation .info .title {
        font-size: 13px;
    }
    .messages-modules-my-conversations.responsive .messages-holder .panel-body {
        padding: 15px 5px 15px 15px;
    }
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message {
        padding: 0;
        margin-bottom: 15px;
    }
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .person-photo-holder {
        display: none;
    }
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info {
        padding-left: 7px;
        padding-right: 7px;
    }
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper .message .info:after,
    .messages-modules-my-conversations.responsive .messages-holder .message-wrapper.logged-in-person .message .info:after {
        left: auto;
        right: auto;
        top: auto;
        border: none;
        content: '';
        border-width: 0;
        margin: 0;
    }
}

/*# sourceMappingURL=MyConversations.css.map */

.messages-modules-my-conversations-popup {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0px;
    margin-right: 5px;
}

/*.messages-modules-my-conversations-popup > img {
    width: 18px;
    height: 12px;
    background: no-repeat center url("../img/messages-icon.png");
}
.messages-modules-my-conversations-popup .border-placeholder {
    background: url("../img/arrow-up.png") no-repeat center bottom;
}*/
.messages-modules-my-conversations-popup .popup {
    top: 30px;
    background-color: #58a6d5;
    border-color: #0057a2;
}

.messages-modules-my-conversations-popup .title {
    font-size: 16px;
    color: #fff;
}

.messages-modules-my-conversations-popup .popup hr {
    border: 1px solid #fff;
}

/*# sourceMappingURL=MyMessagesPopup.css.map */

@charset "UTF-8";
.ss-grid .grid-filters {
    padding: 40px;
}

.ss-grid .grid-filters .grid-filters-label a {
    font-size: 15px;
}

.ss-grid .grid-filters .grid-filters-label a:hover {
    text-decoration: none;
}

.ss-grid .grid-filters .grid-filters-label a i:after {
    font-family: "Linearicons";
    content: "";
    font-style: normal;
    vertical-align: top;
    display: inline-block;
    padding: 3px 0 0;
}

.ss-grid .grid-filters .grid-filters-label .saved-view-holder .btn-group .clear-view {
    margin-left: 1px;
    padding-left: 8px;
    padding-right: 9px;
}

.ss-grid .grid-filters .grid-filters-label .saved-view-holder .btn-group .clear-view i:after {
    content: "";
    font-family: "Linearicons";
    font-size: 16px;
    line-height: normal;
}

.ss-grid .grid-filters .grid-filters-label .saved-view-holder .btn-group.active button {
    background-color: #2E8DD6;
    border-color: #2E8DD6;
    color: #fff;
}

.ss-grid .grid-filters .grid-filters-label .saved-view-holder .btn-group.active .dropdown-toggle {
    padding-right: 12px;
}

.ss-grid .grid-filters .grid-filters-label .saved-view-holder .btn-group.active .dropdown-toggle:after {
    color: #fff;
}

@media (max-width: 900px) {
    .ss-grid .grid-filters {
        padding: 20px;
    }
}

.ss-grid .grid-header-holder .grid-bulk-action,
.ss-grid .grid-footer-holder .grid-bulk-action {
    margin-left: 0;
}

.ss-grid .grid-header-holder .sort-by-holder .grid-sort-direction,
.ss-grid .grid-footer-holder .sort-by-holder .grid-sort-direction {
    width: 40px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
}

.ss-grid .grid-header-holder .sort-by-holder .grid-sort-direction i.icon-up:after, .ss-grid .grid-header-holder .sort-by-holder .grid-sort-direction i.icon-down:after,
.ss-grid .grid-footer-holder .sort-by-holder .grid-sort-direction i.icon-up:after,
.ss-grid .grid-footer-holder .sort-by-holder .grid-sort-direction i.icon-down:after {
    font-family: FontAwesome;
}

.ss-grid .grid-header-holder .sort-by-holder .grid-sort-direction i.icon-up:after,
.ss-grid .grid-footer-holder .sort-by-holder .grid-sort-direction i.icon-up:after {
    content: "\f176";
}

.ss-grid .grid-header-holder .sort-by-holder .grid-sort-direction i.icon-down:after,
.ss-grid .grid-footer-holder .sort-by-holder .grid-sort-direction i.icon-down:after {
    content: "\f175";
}

.ss-grid .grid-header-holder .grid-paging-holder .btn,
.ss-grid .grid-footer-holder .grid-paging-holder .btn {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #484848;
}

.ss-grid .grid-header-holder .grid-paging-holder .btn i,
.ss-grid .grid-footer-holder .grid-paging-holder .btn i {
    font-family: "Linearicons";
}

.ss-grid .grid-header-holder .grid-paging-holder .btn i:after,
.ss-grid .grid-footer-holder .grid-paging-holder .btn i:after {
    display: block;
    margin-top: -1px;
}

.ss-grid .grid-header-holder .grid-paging-holder .btn i.icon-left:after,
.ss-grid .grid-footer-holder .grid-paging-holder .btn i.icon-left:after {
    content: "\e93b";
}

.ss-grid .grid-header-holder .grid-paging-holder .btn i.icon-right:after,
.ss-grid .grid-footer-holder .grid-paging-holder .btn i.icon-right:after {
    content: "\e93c";
}

.ss-grid .grid-empty-result h4, .ss-grid .grid-empty-result h6 {
    color: #323F55;
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-group-expander .c-group-expander .c-indicator {
    font-family: FontAwesome;
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-group-expander .c-group-expander .c-indicator.collapsed:after {
    font-size: 0.7rem;
    content: "\f067";
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-group-expander .c-group-expander .c-indicator.expanded:after {
    font-size: 0.7rem;
    content: "\f068";
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-toggle .toggle-icon {
    font-family: FontAwesome;
    color: #484848;
    font-size: 0.8125rem;
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-toggle .toggle-icon.icon-down:after {
    content: "";
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-toggle .toggle-icon.icon-up:after {
    content: "";
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-normal a {
    color: #2D8DD6;
}

.ss-grid .grid-holder .grid-row .grid-col.grid-col-normal a:hover, .ss-grid .grid-holder .grid-row .grid-col.grid-col-normal a:active {
    color: #2272ae;
    text-decoration: none;
}

.ss-grid .grid-holder .grid-row .grid-col .grid-cell-value {
    color: #484848;
}

.ss-grid .grid-holder .grid-row .grid-col .grid-cell-subtitle {
    color: #747474;
}

.ss-grid .grid-holder .grid-row .grid-col.pushed-col .grid-cell-value {
    width: 74%;
}

.ss-grid .grid-holder .grid-row .grid-col.pushed-col .grid-cell-subtitle {
    width: 26%;
    text-align: left;
}

.ss-grid .grid-holder .grid-row.has-pushed-cols.expanded .c-checkbox .c-indicator {
    border-color: #181E20;
}

.ss-grid .grid-holder .grid-row.has-pushed-cols.expanded .c-checkbox > input:checked ~ .c-indicator {
    border-color: #2D8DD6;
}

.ss-grid .grid-holder .grid-row.has-pushed-cols.expanded .grid-col-actions .dropdown-toggle {
    background-color: #C4CCCE;
}

.ss-grid .grid-holder .grid-row.grid-heading .grid-col .grid-cell-value {
    color: #fff;
}

.ss-grid .grid-holder.show-column-headers .grid-empty-result {
    margin: 20px;
}

.ss-grid .grid-holder.classic-grid .grid-row .grid-col.grid-col-actions i.grid-action.delete:after {
    color: #E5483A;
    font-family: FontAwesome;
    content: "\f057";
    font-size: 18px;
}

.field-group.field-group-checkbox .field-holder-inline {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin: -2px 6px 0;
}

.global-react-popup .content .form-holder .field-group .field-holder-inline {
    padding-left: 3px;
}

.popover .react-popover .content .actions {
    padding: 0.875rem;
}

.popover .react-popover .content .actions .submit {
    padding-left: 15px;
    padding-right: 15px;
}

.popover .react-popover .choice-form .choice .c-radio .c-indicator {
    margin-top: 5px;
}

.custom-dropdown-wrapper .custom-dropdown-popup .c-checkbox .c-indicator {
    margin-top: 1px;
}

.loading-mask {
    background: rgba(255, 255, 255, 0.7);
}

.loading-mask:after {
    margin-top: -19px;
    margin-left: -19px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 38px;
    font-family: "Linearicons";
    content: "";
}

/*# sourceMappingURL=Global.css.map */

.people-modules-addperson .form-title {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    color: #303030;
    padding: 30px 0 10px;
}

.people-modules-addperson .person-photo-holder {
    padding-top: 10px;
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .inner {
    border: 2px solid #B7B7B7;
    width: 185px;
    height: 185px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .icon {
    background: none;
    font-family: "Linearicons";
    font-size: 72px;
    height: 90px;
    font-weight: 100;
    color: #B7B7B7;
    padding-left: 3px;
    margin: 28px auto 2px;
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .icon:after {
    content: '\e71e';
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .info, .people-modules-addperson .person-photo-holder .photo-upload-holder .info-or {
    display: none;
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .info, .people-modules-addperson .person-photo-holder .photo-upload-holder .info-or {
    display: none;
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .upload-button-holder button.person-button {
    font-size: 10pt;
    padding: 6px 8px;
}

.people-modules-addperson .person-photo-holder .photo-upload-holder .upload-button-holder input {
    top: 3px;
}

.people-modules-addperson .person-photo-holder #progress .bar {
    background: #2E8DD6;
}

.people-modules-addperson .phone-holder .default-phone {
    height: 48px;
    margin: 4px 0;
}

.people-modules-addperson .phone-holder .default-phone input:checked + label {
    color: #2E8DD6;
}

.people-modules-addperson .phone-holder .type-and-number-holder .number-holder .clearfix,
.people-modules-addperson .phone-holder .type-and-number-holder .type-holder .clearfix {
    display: none;
    margin: 0;
}

.people-modules-addperson .phone-holder .type-and-number-holder .number-holder .plus,
.people-modules-addperson .phone-holder .type-and-number-holder .number-holder .minus {
    font-weight: normal;
    height: 30px;
    margin-top: -18px;
}

.people-modules-addperson .phone-holder .select2-container {
    margin: 0;
}

.people-modules-addperson .form-actions {
    text-align: center;
    padding: 20px 0;
}

/*# sourceMappingURL=AddPerson.css.map */

.people-modules-crm .ss-grid .grid-filters,
.people-modules-crm .ss-grid .grid-holder {
    background: #fff;
    border-radius: 3px;
}

/*# sourceMappingURL=Crm.css.map */

@charset "UTF-8";
.people-modules-crm-record .reltype-select {
    padding-left: 18px;
    padding-right: 18px;
}

.people-modules-crm-record .reltype-select .ui.inline.dropdown .dropdown.icon {
    vertical-align: middle;
    margin: -5px 0 0 5px;
}

.people-modules-crm-record .reltype-select .ui.dropdown .menu {
    min-width: 11.56rem;
    margin-left: -18px;
    margin-top: 4px;
}

.people-modules-crm-record .ui.search.selection.dropdown > input.search {
    line-height: inherit;
    padding: inherit;
}

.people-modules-crm-record .ui.search.selection.dropdown.multiple > input.search {
    padding: 0;
    margin: 0.35240952em 0 0.45240952em 0.71428571em;
}

.people-modules-crm-record .ui.selection.dropdown {
    padding: 11px 12px;
}

.people-modules-crm-record .ui.selection.dropdown.multiple {
    padding: 6px 2.6em 6px 0.28571em;
}

.people-modules-crm-record .ui.selection.dropdown.multiple > .dropdown.icon {
    padding-top: 9px;
}

.people-modules-crm-record .crm-basic-information {
    height: 385px;
}

.people-modules-crm-record .crm-basic-information.no-tasks {
    height: auto;
}

.people-modules-crm-record .crm-basic-information.no-tasks .overview-holder {
    width: 100%;
}

.people-modules-crm-record .crm-section-wrapper {
    border-radius: 2px;
    background-color: #fff;
}

.people-modules-crm-record .crm-section-wrapper.overview-holder {
    width: 33%;
}

.people-modules-crm-record .crm-tasks {
    width: calc(67% - 2rem);
    float: right;
    height: 100%;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel {
    height: 100%;
    position: relative;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs {
    border-radius: 2px 2px 0 0;
    overflow: hidden;
    height: 56px;
    background: #5D5C5D;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs .nav-link {
    height: 100%;
    position: relative;
    padding: 16px 25px;
    font-size: 15px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    color: #B7B7B7;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs .nav-link:after {
    visibility: hidden;
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs .nav-link.active {
    background: #373737;
    color: #fff;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs .nav-link.active:after {
    visibility: visible;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper {
    position: absolute;
    top: 56px;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 14px 20px 18px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content {
    height: 100%;
    position: relative;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content.tab-content-relationship {
    padding: 6px 0 2px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-fields .field-group {
    margin-bottom: 8px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-fields .field-group label {
    font-weight: 600;
    margin-bottom: 0;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom .form-actions-left {
    float: left;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom .form-actions-right {
    float: right;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-note-record .form-fields textarea {
    min-height: 130px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-message-record .form-fields textarea {
    min-height: 130px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record {
    width: 100%;
    height: 100%;
    display: table;
    background: #F8F8F8;
    border: 1px solid #EAE6E6;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    text-align: center;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content .title {
    padding: 0 0 1.5rem;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content .field-group {
    padding-bottom: 0.8rem;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content label {
    padding: 0;
    margin: 0 0.8rem;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content .ui.selection.dropdown {
    height: 48px;
    line-height: 44px;
    padding: 0 40px 0 12px;
    margin: 10px 0;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content .ui.selection.dropdown.visible.upward {
    border-radius: 0 0 2px 2px !important;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content .ui.search.selection.dropdown > input.search {
    height: 44px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .inner-content .btn-primary {
    height: 48px;
    line-height: 48px;
    margin: 6px 0.8rem 10px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .quick-relationship-record .reltype-select {
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    padding-left: 18px;
    padding-right: 18px;
    margin: 6px 0 10px;
}

.people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content label.required:before {
    content: " * ";
    color: #E5483A;
}

.people-modules-crm-record .overview-holder {
    position: relative;
    height: 100%;
    float: left;
    padding: 0;
}

.people-modules-crm-record .overview-holder .crm-section-information {
    padding: 1.25rem;
}

.people-modules-crm-record .overview-holder .image-holder {
    background-color: #aed3ef;
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder #person-photo-progress .bar {
    background-color: #2E8DD6;
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder #person-photo-progress p {
    color: #2E8DD6;
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder .photo-upload-holder .inner .icon {
    display: block;
    width: 100%;
    padding: 20px 0 0 2px;
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder .photo-upload-holder .inner .icon:after {
    content: "";
    font-family: "Linearicons";
    font-size: 50px;
    color: #fff;
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder .photo-upload-holder .upload-button-holder .add-image,
.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder .photo-upload-holder.with-image button#remove-image {
    font-size: 13px;
    font-weight: 600;
    padding: 6px;
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder .photo-upload-holder.with-image button#remove-image {
    background-color: rgba(46, 141, 214, 0.8);
}

.people-modules-crm-record .overview-holder .image-holder .people-react-person-photo .person-photo-holder .photo-upload-holder .upload-error {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #E5483A;
}

.people-modules-crm-record .overview-holder .overview-content {
    max-width: calc(100% - 9rem);
}

.people-modules-crm-record .overview-holder .overview-content .name {
    font-size: 1.25rem;
    font-weight: 600;
}

.people-modules-crm-record .overview-holder .overview-content .overview-content-item {
    margin: 0.4rem 0 0.5rem;
    font-size: 0.9rem;
}

.people-modules-crm-record .overview-holder .overview-content .overview-content-item.email {
    word-wrap: break-word;
}

.people-modules-crm-record .overview-holder .crm-action-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.people-modules-crm-record .overview-holder .crm-action-buttons .btn {
    width: 100%;
    background: none;
    border: none;
    border-top: 1px solid #E0E0E0;
    height: auto;
    line-height: normal;
    padding: 15px;
    margin: 0;
}

.people-modules-crm-record .overview-holder .crm-action-buttons .btn:hover {
    text-decoration: underline;
}

.people-modules-crm-record .crm-tab-panel {
    clear: both;
}

.people-modules-crm-record .crm-tabs {
    border-bottom: none;
    padding-top: 1.25rem;
}

.people-modules-crm-record .crm-tabs .nav-link {
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: #5D5C5D;
    border-radius: 2px;
    padding: 13px 0;
    margin: 0 15px 10px;
}

.people-modules-crm-record .crm-tabs .nav-link:first-child {
    margin-left: 0;
}

.people-modules-crm-record .crm-tabs .nav-link.active {
    background-color: #C4E1F4;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
}

.people-modules-crm-record .crm-section-holder .crm-section .empty-contact-details-section .empty-contact-details {
    padding: 35px 20px 32px;
}

.people-modules-crm-record .crm-section-holder .crm-section .empty-contact-details-section .empty-contact-details h3,
.people-modules-crm-record .crm-section-holder .crm-section .empty-contact-details-section .empty-contact-details .add-item-holder {
    color: #415168;
}

.people-modules-crm-record .crm-section-holder .crm-section h2.sub-section-title {
    font-weight: 600;
    font-size: 1.563rem;
}

.people-modules-crm-record .crm-section-holder .crm-section h3.sub-section-title {
    font-weight: 600;
    font-size: 1.313rem;
    font-style: italic;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .form-actions .btn-link {
    color: #2D8DD6;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .view-edit-form .field-group .field-group-inner {
    min-height: 5.2rem;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .view-edit-form.view-edit-form-with-TextArea .field-group .field-group-inner {
    min-height: 8.1rem;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .view-edit-form.view-edit-form-with-multiselect-dropdown .field-group .field-group-inner {
    min-height: 7.1rem;
}

@media (max-width: 580px) {
    .people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .view-edit-form .field-group .field-group-inner,
    .people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .view-edit-form.view-edit-form-with-TextArea .field-group .field-group-inner {
        min-height: 0;
    }
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel {
    border-radius: 2px;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel .field-group .ui.selection.dropdown {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel .field-group .ui.selection.dropdown > .search.icon {
    top: 50%;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -24px;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel .field-group .reltype-select {
    height: 48px;
    line-height: 48px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: left;
    padding-right: 0;
    margin: 0;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel .form-actions {
    padding-top: 1.2rem;
}

.people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section.person-details h2.sub-section-title {
    padding-top: 0;
    padding-bottom: 0;
}

.people-modules-crm-record .crm-section-holder .crm-section .tab-content-with-grid .crm-sub-section-header .title-holder .title {
    padding-top: 0.55rem;
}

@media (max-width: 1200px) {
    .people-modules-crm-record .crm-section-wrapper {
        margin-top: 1.2rem;
        width: 100%;
    }
    .people-modules-crm-record .crm-section-wrapper.overview-holder {
        height: auto;
        width: 100%;
        margin-top: 0;
    }
    .people-modules-crm-record .crm-section-wrapper.overview-holder .crm-action-buttons {
        position: static;
        margin-top: 1.2rem;
    }
    .people-modules-crm-record .crm-section-wrapper .crm-tabs {
        margin-top: 1.2rem;
    }
    .people-modules-crm-record .crm-tasks {
        position: relative;
        height: auto;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper {
        position: relative;
        top: 0;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom {
        position: relative;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom .form-actions-left {
        float: none;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content.tab-content-relationship .quick-relationship-record {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media all and (max-width: 1315px) and (min-width: 1201px), (max-width: 670px) {
    .people-modules-crm-record .crm-tasks {
        height: auto;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper {
        top: 0;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-workflow-instance-record .form-bottom .form-actions {
        float: none;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content.tab-content-relationship .quick-relationship-record {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper,
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom {
        position: relative;
        margin: 4px 0;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom .form-actions-right {
        margin: 4px 0;
        display: block;
        float: none;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tab-content-wrapper .quick-tab-content .form-bottom .form-actions-left {
        margin: 4px 0;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs {
        height: auto;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs .nav-link {
        display: block;
        padding: 12px 25px;
        font-size: 13px;
        font-weight: 600;
    }
    .people-modules-crm-record .crm-tasks .crm-quick-tab-panel .crm-quick-tabs .nav-link:after {
        visibility: hidden;
        position: absolute;
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 8px 8px;
        border-color: transparent transparent transparent #fff;
        bottom: 12px;
        left: -1px;
        margin-left: 0;
    }
}

@media all and (max-width: 1315px) and (min-width: 1201px), (max-width: 440px) {
    .people-modules-crm-record .crm-basic-information {
        height: auto;
    }
    .people-modules-crm-record .overview-holder .image-holder {
        float: none;
    }
    .people-modules-crm-record .overview-holder .overview-content {
        float: none;
        width: auto;
        max-width: 100%;
    }
    .people-modules-crm-record .overview-holder .crm-action-buttons {
        position: static;
    }
}

@media (max-width: 500px) {
    .people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel .field-group {
        padding-left: 0;
    }
    .people-modules-crm-record .crm-section-holder .crm-section .crm-sub-section .add-new-relationship-panel .field-group .btn-group {
        position: static;
        margin-bottom: 0.8rem;
    }
}

/*# sourceMappingURL=CrmRecord.css.map */

.people-modules-edit-profile {
    padding: 8px 5px 6px;
    margin: 0 auto;
}

.people-modules-edit-profile .crm-field-container .add-phone-wrapper .x-box-inner > div {
    width: 100% !important;
}

.people-modules-edit-profile .crm-field-container .add-phone-wrapper .x-box-inner > div .add-button {
    left: auto;
    right: 10px;
    top: 0 !important;
    background-color: transparent !important;
    border: none;
    height: auto;
    padding: 0;
}

.people-modules-edit-profile .crm-field-container .add-phone-wrapper .x-box-inner > div .add-button button {
    float: right;
    width: auto;
    height: auto !important;
    line-height: normal;
}

.people-modules-edit-profile .crm-field-container .add-phone-wrapper .x-box-inner > div .add-button .x-btn-inner {
    height: auto;
    line-height: normal;
    font-size: 16px;
    font-weight: 600;
    color: #2E8DD6 !important;
    background-color: transparent !important;
}

.people-modules-edit-profile .crm-field-container .add-phone-wrapper .x-box-inner > div .add-button .x-btn-inner:before {
    font-family: "FontAwesome";
    content: "\f055";
    font-weight: 400;
    margin-right: 8px;
}

.people-modules-edit-profile .x-btn,
.people-modules-edit-profile .x-btn .x-btn-inner {
    background-color: #2E8DD6 !important;
    border: 0 solid #2E8DD6 !important;
}

.people-modules-edit-profile .x-btn.x-btn-over .x-btn-inner {
    background: transparent !important;
}

.people-modules-edit-profile .x-toolbar .x-btn {
    background-color: #2E8DD6 !important;
    border: 0 solid #2E8DD6 !important;
    height: 48px;
    width: auto;
}

.people-modules-edit-profile .x-toolbar .x-btn .x-btn-inner {
    font-size: 20px;
    height: auto;
    width: auto;
    background: transparent !important;
}

.people-modules-edit-profile .payment-method-warning .x-form-display-field {
    font-size: 16px;
}

/*# sourceMappingURL=EditProfile.css.map */

/** jqGrid UI changes **/
.ui-jqgrid .ui-state-default {
    color: #fff;
}

.ui-jqgrid .ui-jqgrid-view .ui-state-default,
.ui-jqgrid .ui-jqgrid-view .ui-widget-content
.ui-jqgrid .ui-jqgrid-view .ui-state-default,
.ui-jqgrid .ui-jqgrid-view .ui-widget-header .ui-state-default,
.ui-jqgrid .pager.ui-state-default,
.ui-jqgrid .pager.ui-widget-content
.ui-jqgrid .pager.ui-state-default,
.ui-jqgrid .pager.ui-widget-header .ui-state-default {
    border: none;
    background: none;
    font-weight: inherit;
    color: inherit;
}

.ui-jqgrid table.ui-jqgrid-htable,
.ui-jqgrid table.ui-jqgrid-btable {
    table-layout: auto;
}

.ui-jqgrid table.ui-jqgrid-btable {
    border: 1px solid #ecf0f1;
    border-bottom: none;
}

.ui-jqgrid .ui-jqgrid-hdiv th,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    background: none #2E8DD6;
    color: #fff;
    border-right: 1px solid #fff;
    font-weight: 400;
    font-size: 10pt;
    height: 40px;
    padding: 2px 10px;
}

/* Hide right border for ID and responsive toggle cols */
.ui-jqgrid .ui-jqgrid-hdiv th[id$="toggle-responsive-col"],
.ui-jqgrid .ui-jqgrid-hdiv th[id$="id"] {
    border-right: none;
}

.ui-jqgrid .ui-jqgrid-hdiv th div.ui-jqgrid-sortable span.ui-icon {
    text-indent: 0;
    font-family: FontAwesome;
    font-size: 16px;
    width: 10px;
    height: 16px;
    margin: 0 0 0 7px;
}

.ui-jqgrid .ui-jqgrid-hdiv th div.ui-jqgrid-sortable span.ui-icon.ui-icon-asc,
.ui-jqgrid .ui-jqgrid-hdiv th div.ui-jqgrid-sortable span.ui-icon.ui-icon-desc {
    background: none;
}

.ui-jqgrid .ui-jqgrid-hdiv th div.ui-jqgrid-sortable span.ui-icon.ui-icon-asc:after {
    content: '\f107';
}

.ui-jqgrid .ui-jqgrid-hdiv th div.ui-jqgrid-sortable span.ui-icon.ui-icon-desc:after {
    content: '\f106';
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow td {
    border-bottom: 1px solid #ecf0f1 !important;
    color: #303030;
    font-size: 10pt;
    height: 40px;
    padding: 2px 10px;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow td.toggle-responsive-col,
.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow td.checkbox-col {
    text-align: center;
    padding: 2px 4px;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow td.clickable,
.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow td.clickable a {
    color: #2E8DD6;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow.expanded td {
    border-bottom: none;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow.extra-row td {
    padding: 3px 43px 15px;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow.extra-row td .row {
    padding: 3px 0;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow.extra-row td .row b {
    font-weight: 500;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.jqgrow.extra-row td .row .nothing {
    font-weight: 200;
    margin: 0;
}

/* Checkbox and toggle col */
.ui-jqgrid .ui-jqgrid-bdiv tr td .toggle-responsive-row,
.ui-jqgrid .ui-jqgrid-bdiv tr td .custom-form-fields,
.ui-jqgrid .ui-jqgrid-bdiv tr td .custom-form-fields div {
    text-align: center;
    line-height: 23px;
}

.ui-jqgrid .ui-jqgrid-bdiv tr td .toggle-responsive-row {
    font-size: 12pt;
}

.ui-jqgrid .ui-jqgrid-bdiv tr td .custom-form-fields {
    width: 20px;
    margin: 0 auto;
}

.ui-jqgrid .ui-jqgrid-bdiv tr td .custom-form-fields .one-chk-rad {
    padding-left: 20px;
}

.ui-jqgrid .pager {
    padding: 5px 0 !important;
    height: auto;
}

.ui-jqgrid .pager table td table td.ui-pg-button span.ui-icon-seek-first,
.ui-jqgrid .pager table td table td.ui-pg-button span.ui-icon-seek-prev,
.ui-jqgrid .pager table td table td.ui-pg-button span.ui-icon-seek-next,
.ui-jqgrid .pager table td table td.ui-pg-button span.ui-icon-seek-end {
    position: relative;
    text-indent: 0;
    font-family: FontAwesome;
    width: 40px;
    height: 40px;
    color: #B7B7B7;
    border: 1px solid #e2e4e6;
    background: #ecf0f1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ui-jqgrid .pager table td table td span.ui-icon-seek-prev:after,
.ui-jqgrid .pager table td table td span.ui-icon-seek-next:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    height: 14px;
    margin-top: -7px;
}

.ui-jqgrid .pager table td table td span.ui-icon-seek-prev:after {
    content: '\f053';
}

.ui-jqgrid .pager table td table td span.ui-icon-seek-next:after {
    content: '\f054';
}

.ui-jqgrid .pager table td table td span.ui-icon-seek-first,
.ui-jqgrid .pager table td table td span.ui-icon-seek-end {
    display: none;
}

.ui-jqgrid .pager table td table td input.ui-pg-input {
    /*display: none;*/
    height: 40px;
    width: 60px;
    padding: 2px 7px;
    margin: 0;
}

.ui-jqgrid .pager table td table td.ui-pg-button span,
.ui-jqgrid .pager table td table td.ui-pg-button.ui-state-hover span {
    margin: 4px;
}

.ui-jqgrid .pager .chosen-small {
    margin: 10px 0 10px 10px;
}

.ui-jqgrid .pager .chosen-container,
.ui-jqgrid .pager select.with-selected {
    width: 174px !important;
}

.ui-jqgrid .pager .ui-icon.ui-icon-closethick {
    background: none;
    text-indent: 0;
    color: #B7B7B7;
    font-family: 'streamline-24px';
    font-size: 12px;
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

.ui-jqgrid .pager .ui-icon.ui-icon-closethick:after {
    content: '\e2c0';
}

.ui-jqgrid.ui-widget .nothing {
    margin: 25px 8px;
}

.ui-jqgrid .loading {
    border: 1px solid #e2e4e6 !important;
    background: #ecf0f1;
    color: #303030;
    font-weight: 400;
    padding: 7px 12px;
}

.people-modules-person-grid {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.people-modules-person-grid .person-grid-filters {
    overflow: auto;
    padding: 10px;
    float: left;
    width: 100%;
}

.people-modules-person-grid .person-grid-filters .column {
    float: left;
    padding-right: 5px;
}

.people-modules-person-grid .person-grid-filters.three-column .column {
    width: 33.33%;
}

.people-modules-person-grid .person-grid-filters.two-column .column {
    width: 25%;
}

.people-modules-person-grid .person-grid-filters.one-column .column {
    width: 100%;
}

.people-modules-person-grid .person-grid-filters .grid-filter.input-filter {
    position: relative;
}

.people-modules-person-grid .person-grid-top .person-grid-actions {
    padding: 10px;
}

.people-modules-person-grid .person-grid-filters .grid-filter.input-filter:after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 17px;
    height: 18px;
    width: 18px;
    color: #bdc3c7;
    content: '\f002';
    top: 50%;
    right: 10px;
    margin-top: -10px;
}

.people-modules-person-grid .person-grid-pager .person-grid-pager-limit .label {
    font-size: 10pt;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.people-modules-person-grid .person-grid-pager .person-grid-pager-limit .paging-select-wrap {
    width: 200px;
    padding-left: 50px;
    padding-right: 10px;
    position: relative;
    max-width: 100%;
    margin-top: 5px;
}

.people-modules-person-grid .person-grid-pager .person-grid-pager-limit .select2-small {
    margin: 0;
}

@media only screen and (max-width: 700px) {
    .people-modules-person-grid .person-grid-filters.three-column .column {
        width: 50%;
    }
    .people-modules-person-grid .person-grid-top.has-actions .person-grid-filters {
        width: 100%;
        padding-right: 10px;
    }
    .people-modules-person-grid .person-grid-top.has-actions .person-grid-actions {
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .people-modules-person-grid .person-grid-filters .column {
        width: 100%;
    }
}

/*# sourceMappingURL=PersonGrid.css.map */

@charset "UTF-8";
.tpl-position-page-title .people-modules-person-info {
    display: inline-block;
    font-size: 30px;
}

.tpl-position-page-title .people-modules-person-info .back-link, .tpl-position-page-title .people-modules-person-info .back-link:hover {
    color: #303030;
    text-decoration: none;
}

.tpl-position-page-title .people-modules-person-info .back-link i:after {
    display: inline-block;
    content: "";
    font-family: "Linearicons";
    font-style: normal;
    line-height: normal;
    font-size: 21px;
    margin: -6px 5px 0 0;
}

.tpl-position-page-title .people-modules-person-info .info {
    display: inline;
    color: #303030;
}

@media (max-width: 1080px) {
    .tpl-position-page-title .people-modules-person-info {
        font-size: 16pt;
    }
}

.tpl-position-header-left .people-modules-person-info {
    font-size: 16px;
    text-transform: uppercase;
    margin: 8px 0 0;
}

.tpl-position-header-left .people-modules-person-info .info {
    display: inline;
    color: #fff;
}

.tpl-position-header-right .people-modules-person-info {
    display: flex;
    justify-content: stretch;
    align-items: center;
    border-radius: 36px;
    background: #F2F2F2;
    padding-right: 15px;
    margin: 32px;
    margin-left: 0;
}

.tpl-position-header-right .people-modules-person-info .photo {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}

.tpl-position-header-right .people-modules-person-info .photo.without-photo {
    background: #DEE3E4;
}

.tpl-position-header-right .people-modules-person-info .photo.without-photo img {
    display: none;
}

.tpl-position-header-right .people-modules-person-info .photo.without-photo:after {
    content: "\e71e";
    font-family: "Linearicons";
    display: block;
    color: #484848;
    font-size: 14px;
    width: 100%;
    text-align: center;
    height: 36px;
    line-height: 34px;
}

.tpl-position-header-right .people-modules-person-info .info {
    display: inline-block;
    font-size: 13px;
    color: #484848;
    margin-left: 5px;
}

.tpl-position-header-right .people-modules-person-info.with-menu {
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}

.tpl-position-header-right .people-modules-person-info.with-menu:after {
    position: absolute;
    content: "\f078";
    font-family: FontAwesome;
    color: #8E9A9C;
    font-size: 11px;
    right: 13px;
    top: 50%;
    height: 12px;
    margin-top: -6px;
}

.tpl-position-header-right .people-modules-person-info.with-menu .back-link {
    display: none;
}

@media (max-width: 1080px) {
    .tpl-position-header-right .people-modules-person-info {
        margin: 16px 20px;
        margin-left: 0;
    }
}

@media (max-width: 920px) {
    .tpl-position-header-right .people-modules-person-info {
        background: none;
        padding-right: 0;
    }
    .tpl-position-header-right .people-modules-person-info .photo {
        margin-right: 0;
    }
    .tpl-position-header-right .people-modules-person-info .info {
        display: none;
    }
    .tpl-position-header-right .people-modules-person-info.with-menu {
        padding-right: 0;
    }
    .tpl-position-header-right .people-modules-person-info.with-menu:after {
        display: none;
    }
}

/*# sourceMappingURL=PersonInfo.css.map */

.notes-module-wrapper .actions {
    padding: 10px 2px 20px 10px;
}

.people-modules-person-notes {
    padding: 5px 0 0;
}

.people-modules-person-notes form .actions {
    padding: 15px 0;
}

.people-modules-person-notes form .actions .checkbox {
    padding: 10px 0;
}

.people-modules-person-notes form .actions .checkbox label {
    color: #303030;
    line-height: 18px;
    position: relative;
    padding-left: 26px;
}

.people-modules-person-notes form .actions .checkbox label:before {
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-family: "FontAwesome", sans-serif;
    font-size: 14px;
    content: '';
    text-align: center;
    border: 1px solid #B7B7B7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: -1px;
    left: 0;
}

.people-modules-person-notes form .actions .checkbox label.checked:before {
    content: '\f00c';
}

.people-modules-person-notes form .actions .checkbox label input {
    display: none;
}

.people-modules-person-notes form .actions .submit button {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
}

.people-modules-person-notes .notes h3 {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    color: #303030;
    padding-bottom: 15px;
}

.people-modules-person-notes .notes .notes-loader .note {
    border-color: #B7B7B7;
    padding-top: 15px;
}

.people-modules-person-notes .notes .notes-loader .note .date {
    margin: 5px 0;
}

.people-modules-person-notes .notes .notes-loader .note .date.important:after {
    color: #E5483A;
    border-color: #E5483A;
    width: 18px;
    height: 18px;
    line-height: 18px;
    right: -28px;
}

.people-modules-person-notes .notes .notes-loader .note .time {
    margin: 5px 0;
}

.people-modules-person-notes .notes .notes-loader .note .author {
    font-weight: 600;
    margin: 7px 0;
}

.people-modules-person-notes .notes .notes-loader .note .delete {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
    height: auto;
    line-height: normal;
    font-size: 12px;
    background-color: #E5483A;
    border-color: #E5483A;
    padding: 3px 7px;
}

.people-modules-person-notes .notes .notes-loader .note .body {
    margin: 15px 0;
}

@media screen and (max-width: 900px) {
    .people-modules-person-notes .notes {
        padding-top: 20px;
    }
}

/*# sourceMappingURL=PersonNotes.css.map */

/* todo: remove all !important stuff when bug with including CSS 2 times in view of this module is fixed */
.people-modules-person-relation-assignment {
    padding: 5px 4px !important;
}

.people-modules-person-relation-assignment .person-info .info .icon {
    background-image: none !important;
    width: 38px !important;
    height: 38px !important;
}

.people-modules-person-relation-assignment .person-info .info .data {
    padding-top: 6px !important;
    font-size: 18px !important;
}

.people-modules-person-relation-assignment .person-info .info .icon:after {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    text-align: center;
    color: #303030;
    font-family: "FontAwesome", sans-serif;
    position: absolute;
    top: 0;
    left: 0;
}

.people-modules-person-relation-assignment .person-info .info.email .icon:after {
    content: '\f003';
}

.people-modules-person-relation-assignment .person-info .info.phone .icon:after {
    content: '\f10b';
    font-size: 24px;
}

.people-modules-person-relation-assignment .person-info .info.address .icon:after {
    content: '\f015';
}

@media screen and (max-width: 900px) {
    .people-modules-person-relation-assignment .person-info .info .data {
        word-wrap: break-word;
    }
}

/*# sourceMappingURL=PersonRelationAssignment.css.map */

.processes-modules-crm-data .people {
    float: left;
    width: 32%;
    padding: 5px 10px 5px 5px;
}

.processes-modules-crm-data .people .role-group .role-title {
    background: #E0E0E0;
    padding: 15px;
}

.processes-modules-crm-data.default .role-group .role-person {
    border: none;
    padding: 0;
}

.processes-modules-crm-data .people .role-group .role-people .role-person a {
    display: block;
    border: 1px solid #E0E0E0;
    border-top: none;
    line-height: 1.1;
    padding: 15px;
}

.processes-modules-crm-data .crm-data {
    float: right;
    width: 68%;
    padding: 5px 5px 5px 10px;
}

.processes-modules-crm-data .crm-data .person-details-tpl {
    font-size: 14px;
    line-height: normal;
    color: #303030;
    padding: 20px 10px;
}

.processes-modules-crm-data .crm-data .person-details-tpl .section {
    overflow: hidden;
    margin: 0 0 10px;
}

.processes-modules-crm-data .crm-data .person-details-tpl .section-content {
    padding: 10px 15px;
}

.processes-modules-crm-data .crm-data .person-details-tpl .section-title {
    font-weight: normal;
    font-size: 18px;
}

.processes-modules-crm-data .crm-data .person-details-tpl .row {
    margin-bottom: 7px;
}

.processes-modules-crm-data .crm-data .person-details-tpl .row span {
    font-weight: 500;
}

/* Specific to address fields */
.processes-modules-crm-data .crm-data .person-details-tpl .address .row {
    margin-bottom: 1px;
}

.processes-modules-crm-data .crm-data .person-details-tpl .address .row span.type {
    display: block;
    margin-bottom: 5px;
}

.processes-modules-crm-data.basic-information .panel {
    border: none;
}

.processes-modules-crm-data.basic-information .panel .panel-heading {
    background: none;
    border-bottom: none;
}

.processes-modules-crm-data.basic-information .panel .panel-heading .module-title {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    color: #303030;
    float: none;
    padding: 3px 0 10px;
}

.processes-modules-crm-data.basic-information .panel-body {
    padding: 15px 10px 0 3px;
}

.processes-modules-crm-data.basic-information .panel-body .person-info.email i {
    margin-top: -7px;
}

.processes-modules-crm-data.basic-information .panel-body .person-info.send-message {
    display: none;
}

/* Rest (tab navigation) is in Ext JS theme */
@media (max-width: 720px) {
    .processes-modules-crm-data .people,
    .processes-modules-crm-data .crm-data {
        float: none;
        width: 100%;
        padding: 5px 0 15px 0;
    }
}

/*# sourceMappingURL=CrmData.css.map */

/* Style for panel heading and body are in global.css under Bootstrap section */
.processes-modules-file-manager .panel .panel-body .event-holder .progress {
    margin: 5px 0 20px;
}

.processes-modules-file-manager .panel .panel-body .event-holder .progress .progress-bar {
    background-color: #2E8DD6;
    width: 20%;
}

.processes-modules-file-manager .panel .panel-body .event-holder .info-messages {
    margin: 15px 2px;
}

.processes-modules-file-manager .panel .panel-body .event-holder .info-messages .info-message {
    margin: 5px 2px 10px;
}

.processes-modules-file-manager .panel .panel-body .files-holder .file-row {
    background: #f3f3f3;
}

.processes-modules-file-manager .panel .panel-body .files-holder .file-row .file-name,
.processes-modules-file-manager .panel .panel-body .files-holder .file-row .file-name:hover {
    font-size: 14px;
    color: #2E8DD6;
    text-decoration: none;
}

.processes-modules-file-manager .panel .panel-body .files-holder .file-row .file-actions a i {
    color: #d4d4d4;
}

.processes-modules-file-manager .panel .panel-body .files-holder .file-row:hover .file-actions a i {
    color: #7d7f88;
}

/*# sourceMappingURL=FileManager.css.map */

.processes-react-group-progress .grid-filters {
    background: #fff;
    border-radius: 3px;
}

.processes-react-group-progress .grid-holder {
    background: #fff;
    border-radius: 3px;
    padding: 1.25rem 1.25rem 0;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-header {
    font-weight: bold;
    color: #303030;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell {
    background: #E0E0E0;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell .info-tooltip {
    border-color: #B7B7B7;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell .info-tooltip:before {
    border-color: transparent transparent #B7B7B7 transparent;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell .info-tooltip p {
    color: #303030;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell .info-tooltip.align-top:before {
    border-color: #B7B7B7 transparent transparent transparent;
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell.has-assignments {
    background: rgba(46, 141, 214, 0.5);
}

.processes-react-group-progress .grid-holder .grid-content .grid-rows .row-cell.has-assignments .row-progress {
    background: #2E8DD6;
}

.processes-react-group-progress .grid-holder .grid-content .sticky-content .row-cell {
    color: #303030;
    font-weight: bold;
}

/*# sourceMappingURL=GroupProgress.css.map */

@charset "UTF-8";
.processes-modules-show-notifications {
    background: none;
    padding: 0;
    margin: 0;
}

.processes-modules-show-notifications .one-notification {
    position: relative;
    text-align: center;
    border-radius: 2px;
    padding: 10px 0;
    margin: 0;
}

.processes-modules-show-notifications .one-notification .notification-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    cursor: pointer;
}

.processes-modules-show-notifications .one-notification .notification-close.fa:before {
    display: inline-block;
    font-family: "Linearicons";
    content: "";
    padding: 5px;
}

.processes-modules-show-notifications .one-notification .notification-title {
    word-wrap: break-word;
    line-height: 1.1;
    padding: 0;
    margin: 5px 0 15px;
}

.processes-modules-show-notifications .one-notification .notification-description {
    font-size: 18px;
    font-weight: lighter;
    line-height: 1.5;
    margin: 15px 0 0;
}

/*# sourceMappingURL=ShowNotifications.css.map */

.processes-modules-status-changer .info-message {
    margin: 10px 5px;
}

/*# sourceMappingURL=StatusChanger.css.map */

.react-task-form .react-task-form-multi-fieldset button.add-button {
    background: #2c3e50;
}

.react-task-form .react-task-form-fieldset .fieldset-header button.add-button {
    background: #4e8056;
}

.react-task-form .react-task-form-field .field button.add-button {
    background: #4e8056;
}

/*# sourceMappingURL=TaskForm.css.map */

@charset "UTF-8";
/*========================================================================================*/
/*=================== Filter buttons and other elements at the top - Start ===============*/
/*========================================================================================*/
.processes-modules-task-list.default .task-list-title-wrapper {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    color: #303030;
    padding: 0 5px 10px;
}

.processes-modules-task-list.default .task-list-title-wrapper .nopadding {
    padding: 0;
}

.processes-modules-task-list.default .task-list-content-wrapper {
    padding-left: 5px;
    padding-right: 5px;
}

.processes-modules-task-list.default.landmarks-toggle-yes .toggle-all-landmarks-holder .toggle-all-landmarks {
    background: #2E8DD6;
    font-size: 10pt;
}

.processes-modules-task-list.default.landmarks-toggle-yes .toggle-all-landmarks-holder .toggle-all-landmarks:after {
    font-family: FontAwesome;
    content: "";
}

.processes-modules-task-list.default.landmarks-toggle-yes .toggle-all-landmarks-holder .toggle-all-landmarks.expanded:after {
    content: "";
}

.processes-modules-task-list.default .filter-buttons {
    padding-top: 10px;
    margin: 10px 0;
}

.processes-modules-task-list.default .filter-buttons .toggle-filters {
    border: 1px solid #e3e3e3;
    background: #ecf0f1;
    color: #303030;
    cursor: pointer;
    font-size: 10pt;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 11px;
    margin: 15px 0;
}

.processes-modules-task-list.default .filter-buttons .btn-group {
    padding-top: 0;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-date,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-search,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-dropdown,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox {
    float: left;
    margin: 5px 10px 5px 0;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-date {
    max-width: 400px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-date .date-filter-wrapper .datepicker {
    padding-left: 8px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-date .date-filter-wrapper .datepicker.date-to {
    border-left: none;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-search {
    width: 100%;
    max-width: 188px;
}

/* Dropdown menu is in global.css */
.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow {
    float: none;
    margin-top: 8px;
    margin-bottom: 0;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li {
    padding: 0;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li a {
    display: block;
    padding: 15px 22px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-workflow .dropdown-menu .li a:hover {
    text-decoration: none;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one,
.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox {
    margin-top: 12px;
    margin-bottom: 12px;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse {
    background-color: #fff;
    color: #2E8DD6;
    border-color: #E0E0E0;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-brand {
    display: none;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-collapse {
    padding: 0;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a:hover,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a:focus {
    color: #2E8DD6;
    border-right: 1px solid #E0E0E0;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .last > a,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .last > a:hover,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .last > a:focus {
    border-right: none;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .active > a,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .active > a:hover,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .active > a:focus {
    border-right: none;
    background-color: #2E8DD6;
    color: #fff;
}

.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .disabled > a,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .disabled > a:hover,
.processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > .disabled > a:focus {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox {
    line-height: 50px;
    margin-left: 15px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox input[type=checkbox],
.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox .custom-checkbox {
    margin-right: 4px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox label {
    font-weight: normal;
    margin-bottom: 0;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox.with-checked-unchecked-classes input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox.with-checked-unchecked-classes label {
    position: relative;
    padding-left: 28px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox.with-checked-unchecked-classes label:before {
    border: 2px solid #D6D6D6;
    width: 18px;
    height: 18px;
    line-height: 18px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    background: none;
    display: inline-block;
    border: 2px solid #D6D6D6;
    border-radius: 1px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox.with-checked-unchecked-classes label:hover:before {
    border-color: #9CC9EB;
}

.processes-modules-task-list.default .filter-buttons .filters-wrapper-checkbox.with-checked-unchecked-classes.checked label:before {
    border: 4px solid #2D8DD6;
    background: #2D8DD6;
    color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}

/* Responsive - Filters */
@media (max-width: 767px) {
    .processes-modules-task-list.default .filter-buttons .filters-wrapper-date,
    .processes-modules-task-list.default .filter-buttons .filters-wrapper-search,
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one {
        float: none;
        max-width: 100%;
        margin: 8px 0;
    }
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-brand,
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-brand:hover {
        display: block;
        color: #373737;
        font-size: 16px;
        padding: 13px;
    }
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-toggle {
        border-color: #2E8DD6;
        background: #2E8DD6;
        margin: 7px 9px 7px 0;
    }
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-collapse,
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-form {
        border-color: #E0E0E0;
    }
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-collapse {
        padding: 0 15px;
    }
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a,
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a:hover,
    .processes-modules-task-list.default .filter-buttons .waypoint-level-one.navbar-inverse .navbar-nav > li > a:focus {
        border-right: none;
    }
}

/*========================================================================================*/
/*=================== Filter buttons and other elements at the top - Start ===============*/
/*========================================================================================*/
/*========================================================================================*/
/*=================== Accordion / Percentage Bar / Second Waypoint - Start ===============*/
/*========================================================================================*/
.processes-modules-task-list.default .accordion .accordion-header {
    color: #fff;
    background: #59a4de;
    border: none;
    position: relative;
    min-height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 7px 10px 8px 17px;
    margin: 0 0 1px;
}

.processes-modules-task-list.default .accordion .accordion-header.ui-state-active {
    margin-bottom: 0;
}

/* Top left and right border radius for first accordion */
.processes-modules-task-list.default .accordion .accordion-header.first {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.processes-modules-task-list.default .accordion .accordion-header.first .progress-bar .percent-background,
.processes-modules-task-list.default .accordion .accordion-header.first .progress-bar .percent-background .percent {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.processes-modules-task-list.default .accordion .accordion-header.without-percentage {
    background: #2E8DD6;
}

.processes-modules-task-list.default .accordion .accordion-header .ui-accordion-header-icon {
    left: auto;
    right: 15px;
    z-index: 3;
    background: none;
    text-indent: 0;
    line-height: 16px;
    margin-top: -10px !important;
}

.processes-modules-task-list.default .accordion .accordion-header .ui-accordion-header-icon:after {
    font-family: FontAwesome;
    color: #fff;
    content: "\f078";
    font-size: 10pt;
}

.processes-modules-task-list.default .accordion .accordion-header.ui-state-active .ui-accordion-header-icon:after {
    content: "\f077";
}

.processes-modules-task-list.default .accordion .accordion-header .name {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 18px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 3;
    padding-right: 50px;
}

.processes-modules-task-list.default .accordion .accordion-header .progress-bar {
    width: 100%;
    height: 100%;
    padding: 0;
}

.processes-modules-task-list.default .accordion .accordion-header .progress-bar .percent-background {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2E8DD6;
    height: 40px;
    text-align: right;
    display: block;
    z-index: 1;
}

.processes-modules-task-list.default .accordion .accordion-header .progress-bar .percent-background .percent {
    text-align: right;
    vertical-align: middle;
    display: block;
    line-height: 40px;
    min-width: 330px;
    padding: 0 20px 0 0;
}

.processes-modules-task-list.default .accordion .accordion-header .progress-bar.high-percentage .percent-background .percent {
    padding-right: 35px;
}

/* Accordion Body / jqGrid */
.processes-modules-task-list.default .accordion .accordion-body,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid {
    color: #5a5c5c;
    border: none;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

/* jqGrid header */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hdiv {
    background: none;
    border: none;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox {
    float: none;
    padding: 0;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hdiv table {
    border-collapse: separate;
    /* for border-right in header */
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-state-active,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-state-hover {
    border-right: 1px solid #fff;
    background: #3F4444;
    color: #fff;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column {
    text-align: left;
    line-height: normal;
    font-weight: normal;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-cb,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-toggle,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-last {
    border-right: none;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column .ui-jqgrid-resize {
    width: 8px;
    margin-right: -15px;
}

/*======================== Custom sort / toggle icon and popups - Start ==================*/
.processes-modules-task-list.default #sort-toggle-icon {
    right: 4px;
}

.processes-modules-task-list.default #sort-toggle-icon .arrow-toggle {
    cursor: pointer;
    font-size: 16px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner,
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup {
    border: 1px solid #d2d3db;
    border-radius: 3px;
    padding: 5px 0;
}

/* First popup only */
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner {
    top: 10px;
}

/* on right side */
.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner {
    margin-right: -10px;
}

/* Arrow top - middle/right */
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner:after,
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/* move arrow to the right */
.processes-modules-task-list.default th.ui-jqgrid-th-last #sort-toggle-icon .sort-toggle-inner:after,
.processes-modules-task-list.default th.ui-jqgrid-th-last #sort-toggle-icon .sort-toggle-inner:before {
    left: auto;
    right: 10px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner:before {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    /* color of border for arrow */
    border-width: 13px;
    margin-left: -13px;
}

/* Second popup (cols) only */
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup {
    margin-left: 13px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup .toggle-cols-triangle {
    display: block;
    float: left;
    height: 82px;
    width: 18px;
    margin-left: -16px;
}

/* on right side */
.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup {
    margin-left: 0;
    margin-right: 13px;
}

.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup .toggle-cols-triangle {
    float: right;
    margin-left: 0;
    margin-right: -16px;
}

/* Arrow left side top */
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:after,
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:after {
    border-color: transparent;
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:before {
    border-color: transparent;
    border-right-color: #d2d3db;
    border-width: 11px;
    margin-top: -11px;
}

/* Arrow right side top */
.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:after,
.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:before {
    right: auto;
    left: 100%;
}

.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:after {
    border-right-color: transparent;
    border-left-color: #fff;
}

.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:before {
    border-color: transparent;
    border-right-color: transparent;
    border-left-color: #d2d3db;
}

/* Rows for both */
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level,
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level ul.toggle-cols-list li {
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    padding: 2px 15px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level .first-level-label,
.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level ul.toggle-cols-list li label {
    cursor: pointer;
    font-weight: normal;
    margin: 0 0 0 6px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level .first-level-label {
    margin-left: 8px;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level.cols {
    position: relative;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level.cols .right-arrow {
    position: absolute;
    right: 22px;
    top: 0;
    font-size: 20px;
    line-height: 38px;
}

/* on right side */
.processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level.cols .right-arrow {
    display: none;
}

.processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level.cols div.custom-checkbox {
    height: 20px;
}

/*========================= Custom sort / toggle icon and popups - End ===================*/
/* jqGrid body */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid .ui-widget-content {
    background: none;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid table.ui-jqgrid-btable {
    border: none;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup {
    border: none;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow td,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup td {
    border: none;
    font-size: 14px;
    height: 50px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow td.ui-grid-normal-field,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .grouped-instances-name {
    padding-left: 10px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow td .toggle-responsive-row {
    font-size: 16px;
}

/* Read / Not Read rows */
.processes-modules-task-list.default .ui-jqgrid tr.jqgrow.jqgrow-read td,
.processes-modules-task-list.default .ui-jqgrid tr.jqgroup.jqgrow-read td {
    background-color: #f1f2f7;
}

/* Task Name column */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr td .task-type-label {
    font-size: 11px;
    text-transform: uppercase;
    background-color: #373737;
    color: #fff;
    vertical-align: bottom;
    padding: 2px 6px;
    margin-left: 4px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup td .task-type-label {
    margin-left: 8px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr td .task-type-label.standard {
    background-color: #f39c12;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr td .task-type-label.message {
    background-color: #27ae60;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr td .task-type-label.form {
    background-color: #8e44ad;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr td .task-type-label.question {
    background-color: #ad2134;
}

/* Responsive extra/hidden rows */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrid-extra-row td {
    padding: 15px 18px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrid-extra-row td .jqgrid-each-row {
    line-height: normal;
    margin: 5px 0;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrid-extra-row td .jqgrid-each-row b {
    margin-right: 5px;
}

/* Checkbox and toggle columns */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-cb,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-toggle,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow td.ui-grid-toggle-field,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow td.ui-grid-checkbox-field,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .custom-checkbox-wrapper {
    width: 35px;
    /* but this doesn't work so good without "width" being set for these cols in jqGrid col model */
    text-align: center;
    padding: 0;
}

/* Specific to grouped rows (but they are styled with normal rows above) */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .custom-checkbox-wrapper {
    display: inline-block;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .grouped-instances-toggle {
    cursor: pointer;
    color: #2E8DD6;
    font-size: 13px;
    margin-left: 5px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .grouped-instances-toggle i.fa {
    font-size: 15px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .grouped-instances-toggle i.fa:before {
    content: "\f107";
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup .grouped-instances-toggle.expanded i.fa:before {
    content: "\f106";
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-normal-field {
    padding-left: 30px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-checkbox-field,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-toggle-field {
    overflow: visible;
    position: relative;
    z-index: 1;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-checkbox-field .custom-checkbox-wrapper,
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-toggle-field i.fa {
    margin-right: -40px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrow.jqgroup-child td.ui-grid-checkbox-field {
    min-width: 35px;
    z-index: 2;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr td.ui-grid-checkbox-field .custom-checkbox {
    margin-top: 2px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-normal-field.ui-grid-keep-when-grouped {
    width: 100%;
    border-right: 1px solid #E0E0E0;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgroup-child td.ui-grid-normal-field.ui-grid-hide-when-grouped {
    display: none;
    width: 0;
    padding: 0;
}

/* Task Description */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid .show-task-description tr.jqgrow {
    border-top: none;
    border-bottom: none;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid .show-task-description tr.jqgrid-description-row {
    border-bottom: 1px solid #E0E0E0;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrid-description-row td {
    height: auto;
    max-width: 100%;
    white-space: normal;
    overflow: auto;
    padding: 15px 18px 28px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid tr.jqgrid-description-row-grouped td {
    padding-left: 27px;
}

/* Completion Button */
.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid .show-completion-button tr.jqgrow td.ui-grid-always-visible-field {
    position: relative;
    padding-right: 110px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid .show-completion-button tr.jqgrow td.ui-grid-always-visible-field .completion-button-wrapper {
    position: absolute;
    top: 0;
    right: 5px;
    width: 100%;
    max-width: 100px;
    line-height: 49px;
}

.processes-modules-task-list.default .accordion .accordion-body .ui-jqgrid .show-completion-button tr.jqgrow td.ui-grid-always-visible-field .completion-button-wrapper .completion-button {
    font-size: 13px;
    font-weight: 200;
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 7px 3px;
}

/* Empty second level landmarks and grid */
.processes-modules-task-list.default .accordion .no-results {
    text-align: center;
    font-size: 1.8rem;
}

/* Empty grid */
.processes-modules-task-list.default .accordion .no-results-jqgrid {
    border: 1px solid #E0E0E0;
    border-top-width: 0;
    padding: 4rem;
}

.processes-modules-task-list.default .hide-completed-landmark .no-results-jqgrid {
    border-top-width: 1px;
}

/* Responsive - Accordion / Percentage Bar / Second Waypoint */
@media (max-width: 1000px) {
    /* Second popup (cols) only */
    .processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup,
    .processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup {
        border-top-style: dashed;
        width: 200px;
        top: 41px;
        left: 50%;
        margin-left: -100px;
    }
    .processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup .toggle-cols-triangle,
    .processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup .toggle-cols-triangle {
        float: none;
        width: 100%;
        height: 10px;
        margin-top: -10px;
        margin-left: 0;
    }
    /* Hide popup arrow */
    .processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:after,
    .processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:before,
    .processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:after,
    .processes-modules-task-list.default th.ui-jqgrid-th-right #sort-toggle-icon .sort-toggle-inner .cols .toggle-cols-popup:before {
        display: none;
    }
    /* Hide arrow in "Columns" trigger */
    .processes-modules-task-list.default #sort-toggle-icon .sort-toggle-inner .sort-toggle-first-level.cols .right-arrow {
        display: none;
    }
}

@media (max-width: 520px) {
    .processes-modules-task-list.default .accordion .accordion-header .progress-bar .percent-background .percent,
    .processes-modules-task-list.default .accordion .accordion-header .progress-bar.high-percentage .percent-background .percent {
        padding-right: 35px;
    }
}

/*========================================================================================*/
/*==================== Accordion / Percentage Bar / Second Waypoint - End ================*/
/*========================================================================================*/
/*========================================================================================*/
/*============================= Person Icon and popup - Start ============================*/
/*========================================================================================*/
.processes-modules-task-list.default .person-info-icon {
    color: #2E8DD6;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: -1px;
    margin-left: 2px;
}

.processes-modules-task-list.default .person-info-popup {
    z-index: 500;
    display: none;
    text-align: center;
    position: relative;
    border: 1px solid #d2d3db;
    background: #fff;
    width: 270px;
    font-size: 13px;
    font-weight: 300;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
}

/* Arrow - Bottom */
.processes-modules-task-list.default .person-info-popup:after,
.processes-modules-task-list.default .person-info-popup:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.processes-modules-task-list.default .person-info-popup:after {
    border-color: transparent;
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.processes-modules-task-list.default .person-info-popup:before {
    border-color: transparent;
    border-top-color: #d2d3db;
    border-width: 11px;
    margin-left: -11px;
}

/* Arrow - Left */
.processes-modules-task-list.default .person-info-popup.info-popup-right:after,
.processes-modules-task-list.default .person-info-popup.info-popup-right:before {
    top: 26px;
    left: auto;
    right: 100%;
}

.processes-modules-task-list.default .person-info-popup.info-popup-right:after {
    border-top-color: transparent;
    margin-left: 0;
    border-right-color: #fff;
    margin-top: -10px;
}

.processes-modules-task-list.default .person-info-popup.info-popup-right:before {
    border-top-color: transparent;
    margin-left: 0;
    border-right-color: #d2d3db;
    margin-top: -11px;
}

.processes-modules-task-list.default .person-info-popup .loading-icon {
    padding: 20px 0;
}

.processes-modules-task-list.default .person-info-popup .image-holder {
    max-width: 140px;
    margin: 5px auto 18px;
}

.processes-modules-task-list.default .person-info-popup .image-holder img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.processes-modules-task-list.default .person-info-popup .full-name {
    font-size: 20px;
    font-weight: 200;
    margin: 15px 0;
}

.processes-modules-task-list.default .person-info-popup .default-phone,
.processes-modules-task-list.default .person-info-popup .default-address {
    margin: 10px 0;
}

.processes-modules-task-list.default .person-info-popup .view-more-button {
    display: block;
    border: 1px solid #373737;
    color: #373737;
    width: 40px;
    height: 40px;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 20px auto 4px;
}

.processes-modules-task-list.default .person-info-popup .view-more-button i {
    padding: 0;
    margin: 0;
}

/*========================================================================================*/
/*============================== Person Icon and popup - End =============================*/
/*========================================================================================*/
/*========================================================================================*/
/*================================= Search Results - Start ===============================*/
/*========================================================================================*/
.processes-modules-task-list.default .search-results-popup {
    z-index: 400;
    display: none;
    position: relative;
    border: 1px solid #d2d3db;
    background: #fff;
    width: 270px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Arrow - Bottom */
.processes-modules-task-list.default .search-results-popup:after,
.processes-modules-task-list.default .search-results-popup:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.processes-modules-task-list.default .search-results-popup:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -9px;
}

.processes-modules-task-list.default .search-results-popup:before {
    border-color: transparent;
    border-bottom-color: #d2d3db;
    border-width: 10px;
    margin-left: -10px;
}

.processes-modules-task-list.default .search-results-popup .loading-icon {
    padding: 20px 0;
}

.processes-modules-task-list.default .search-results-popup .no-results {
    padding: 15px;
}

.processes-modules-task-list.default .search-results-popup .search-results-popup-inner {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.processes-modules-task-list.default .search-results-popup .one-search-result {
    position: relative;
    border-bottom: 1px solid #f1f2f7;
    min-height: 50px;
    padding: 10px 15px;
}

.processes-modules-task-list.default .search-results-popup .one-search-result.last {
    border-bottom: none;
}

.processes-modules-task-list.default .search-results-popup .one-search-result .one-search-result-content {
    padding-right: 20px;
}

.processes-modules-task-list.default .search-results-popup .one-search-result .full-name {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.processes-modules-task-list.default .search-results-popup .one-search-result.without-address .full-name {
    padding-top: 5px;
}

.processes-modules-task-list.default .search-results-popup .one-search-result .default-address {
    font-size: 10px;
    line-height: 11px;
    color: #C4CCCE;
    margin: -3px 0 0;
}

.processes-modules-task-list.default .search-results-popup .one-search-result .person-info-icon {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 50px;
    vertical-align: middle;
}

/*========================================================================================*/
/*================================== Search Results - End ================================*/
/*========================================================================================*/

/*# sourceMappingURL=TaskList.css.map */

.processes-modules-task-sequence .sequence-task-list a.sequence-item {
    color: #89949B;
    background: #E0E0E0;
    font-size: 16px;
    border-radius: 46px;
    padding: 13px 22px;
}

.processes-modules-task-sequence .sequence-task-list a.sequence-item.selected {
    color: #fff;
    background: #2E8DD6;
    font-weight: normal;
}

.processes-modules-task-sequence .sequence-task-list a.sequence-item:hover {
    text-decoration: none;
}

.processes-modules-task-sequence .processes-task.sequence-task-container .task-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #2E8DD6;
}

.processes-modules-task-sequence .processes-task.sequence-task-container .task-file-container #upload-form #upload-drop-zone {
    border-color: #9e9e9e;
    margin: 30px 0;
}

.processes-modules-task-sequence .processes-task.sequence-task-container .task-note-container,
.processes-modules-task-sequence .processes-task.sequence-task-container .task-message-container .task-field-container {
    max-width: 100%;
}

.processes-modules-task-sequence .processes-task.sequence-task-container .task-note-container .mce-menubar,
.processes-modules-task-sequence .processes-task.sequence-task-container .task-message-container .task-field-container .mce-menubar {
    border-color: #B7B7B7;
}

.processes-modules-task-sequence .processes-task.sequence-task-container .task-note-container .mce-tinymce,
.processes-modules-task-sequence .processes-task.sequence-task-container .task-message-container .task-field-container .mce-tinymce {
    border: 2px solid #B7B7B7 !important;
}

.processes-modules-task-sequence .processes-task.sequence-task-container .task-note-container .mce-tinymce .mce-container-body .mce-panel,
.processes-modules-task-sequence .processes-task.sequence-task-container .task-message-container .task-field-container .mce-tinymce .mce-container-body .mce-panel {
    border-color: #B7B7B7;
    background: none;
}

@media (max-width: 1100px) {
    .processes-modules-task-sequence .sequence-task-list a.sequence-item {
        margin-right: 10px;
        padding: 8px 16px;
    }
}

/*# sourceMappingURL=TaskSequence.css.map */

.processes-modules-workflow-grid .ss-grid .grid-filters,
.processes-modules-workflow-grid .ss-grid .grid-holder {
    background: #fff;
    border-radius: 3px;
}

/*# sourceMappingURL=WorkflowGrid.css.map */

/* Filter buttons */
.processes-modules-workflow-instance-list .filter-buttons {
    overflow: visible;
    margin-bottom: 10px;
}

.processes-modules-workflow-instance-list .filter-buttons .toggle-filters {
    border: 1px solid #e2e4e6;
    background: #ecf0f1;
    color: #303030;
    cursor: pointer;
    font-size: 10pt;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 11px;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date {
    float: left;
    position: relative;
    width: 100%;
    max-width: 350px;
    margin: 10px 10px 10px 0;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .filter-label {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 38px;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .date-filter-wrapper {
    padding-left: 90px;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .date-filter-wrapper .date-picker-holder {
    float: left;
    width: 50%;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .date-filter-wrapper .date-picker-holder.date-to {
    margin-left: -1px;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-dropdown {
    float: left;
    width: 100%;
    max-width: 140px;
    margin: 10px 10px 10px 0;
}

.processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-dropdown .ui-multiselect {
    width: 100% !important;
    margin: 0 !important;
}

/** jqGrid **/
.processes-modules-workflow-instance-list .ui-jqgrid.ui-widget {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* jqGrid Header */
.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-hbox {
    float: none;
    padding: 0;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-hdiv th,
.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-hdiv th.ui-th-column {
    border: none;
    padding: 2px 5px;
    text-align: left;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-hdiv th div.ui-jqgrid-sortable span.ui-icon.ui-state-disabled {
    display: none;
}

/* jqGrid Body */
.processes-modules-workflow-instance-list .ui-jqgrid table.ui-jqgrid-btable {
    border: 1px solid #ecf0f1;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-widget-content.jqgrow {
    border: none;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr td {
    border: none;
    white-space: normal;
    font-size: 10pt;
    padding-left: 5px;
    padding-right: 5px;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr td .toggle-responsive-row,
.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr td .custom-form-fields,
.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr td .custom-form-fields div {
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr.jqgrid-extra-row td {
    border-bottom: 1px solid #ecf0f1;
    color: #303030;
    font-size: 10pt;
    padding: 5px 20px 15px;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr.jqgrid-extra-row td .jqgrid-each-row {
    margin: 10px 0;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr.jqgrid-extra-row td .jqgrid-each-row .nothing {
    font-weight: 200;
    color: #bdc3c7;
    margin: 0;
}

.processes-modules-workflow-instance-list .ui-jqgrid .ui-jqgrid-bdiv tr td .toggle-responsive-row {
    cursor: pointer;
}

/* Checkbox and toggle columns */
.processes-modules-workflow-instance-list .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-cb,
.processes-modules-workflow-instance-list .ui-jqgrid-hbox .ui-th-column.ui-jqgrid-th-toggle,
.processes-modules-workflow-instance-list .ui-jqgrid tr.jqgrow td.ui-grid-toggle-field,
.processes-modules-workflow-instance-list .ui-jqgrid tr.jqgrow td.ui-grid-checkbox-field {
    width: 35px;
    /* but this doesn't work so good without "width" being set for these cols in jqGrid col model */
    text-align: center;
    padding: 0;
}

/* jqGrid Pager */
.processes-modules-workflow-instance-list .ui-jqgrid .pager,
.processes-modules-workflow-instance-list .ui-jqgrid .pager.ui-state-default {
    background: none;
    border: none;
    overflow: visible;
    height: auto;
    padding-top: 15px !important;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager .ui-pg-table td {
    padding: 0;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager .ui-pg-table td input {
    vertical-align: middle;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager table td.ui-pg-button.ui-state-hover {
    border: none;
    background: none;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button .ui-separator {
    display: none;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button span,
.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button.ui-state-hover span {
    margin: 0;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button span.ui-icon-seek-prev,
.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button.ui-state-hover span.ui-icon-seek-prev
.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button span.ui-icon-seek-next,
.processes-modules-workflow-instance-list .ui-jqgrid .pager table td table td.ui-pg-button.ui-state-hover span.ui-icon-seek-next {
    margin-right: 4px;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager .jqgrid-pager-left {
    width: 0;
}

.processes-modules-workflow-instance-list .ui-jqgrid .pager .input-search-holder .search {
    width: 100%;
    background-position: 3%;
    max-width: 250px;
    font-size: 10pt;
    padding: 2px 28px 2px 10px;
}

@media (max-width: 700px) {
    .processes-modules-workflow-instance-list .filter-buttons .toggle-filters {
        display: block;
    }
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper {
        display: none;
    }
    .processes-modules-workflow-instance-list .ui-jqgrid .pager .input-search-holder .search {
        max-width: 130px;
    }
}

/* Show filters if it was hidden while on smaller screen size */
@media (min-width: 700px) {
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper {
        display: block !important;
    }
}

@media (max-width: 590px) {
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper {
        padding: 10px 0 5px;
    }
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date,
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-dropdown {
        max-width: 100%;
        margin: 6px 0;
    }
    .processes-modules-workflow-instance-list .filter-buttons .ui-multiselect-menu.ui-widget-content {
        min-width: 200px;
    }
}

@media (max-width: 400px) {
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .filter-label {
        position: static;
    }
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .date-filter-wrapper {
        padding-left: 0;
    }
    .processes-modules-workflow-instance-list .filter-buttons .filters-wrapper-date .date-filter-wrapper input {
        padding-left: 6px;
    }
}

/*# sourceMappingURL=WorkflowInstanceList.css.map */

.processes-modules-workflow-progress {
    padding: 5px 10px 0 0;
}

.processes-modules-workflow-progress .title-wrapper {
    padding: 5px;
}

.processes-modules-workflow-progress .panel-body {
    padding: 10px 30px 5px;
    margin: 15px 0 0;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table {
    /* First checkmark */
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar {
    background-color: #ecf0f1;
    padding-right: 20px;
    /* to end where visible progress ends */
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar .inner-bar {
    background-color: #2E8DD6;
    height: 40px;
    min-width: 20px;
    margin-left: 20px;
    /* to start from visible progress */
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar .workflow-progress-checkmark {
    color: #ecf0f1;
    height: 56px;
    width: 56px;
    font-size: 57px;
    right: -28px;
    margin-top: -28px;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .landmark-percentage-100 .workflow-progress-bar .workflow-progress-checkmark {
    color: #2E8DD6;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar .workflow-progress-checkmark.first-checkmark {
    color: #2E8DD6;
    left: -28px;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-name {
    margin: 10px 15px 5px;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-name span {
    text-transform: uppercase;
    color: #303030;
    font-size: 14px;
    font-weight: 300;
}

.processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-name .landmark-info {
    color: #2E8DD6;
    font-size: 16px;
}

.cancel-background-color .processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar {
    background-color: #fff;
}

/* Responsive is done by adding 'responsive-layout' class instead of just @media max-width because range of possible landmarks is too wide */
.processes-modules-workflow-progress.responsive-layout .panel-body {
    padding-left: 2px;
    margin-top: 10px;
}

.processes-modules-workflow-progress.responsive-layout .panel-body .workflow-progress-table .one-landmark {
    margin: 12px 0;
}

.processes-modules-workflow-progress.responsive-layout .panel-body .workflow-progress-table .workflow-progress-name {
    margin: 5px 2px;
}

@media (max-width: 450px) {
    /* Smaller progress bar and checkmark */
    .processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar {
        padding-right: 10px;
        /* to end where visible progress ends */
        /* First checkmark */
    }
    .processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar .inner-bar {
        height: 30px;
        min-width: 10px;
        margin-left: 10px;
        /* to start from visible progress */
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }
    .processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar .workflow-progress-checkmark {
        height: 40px;
        width: 40px;
        font-size: 41px;
        right: -20px;
        margin-top: -20px;
    }
    .processes-modules-workflow-progress .panel-body .workflow-progress-table .workflow-progress-bar .workflow-progress-checkmark.first-checkmark {
        left: -20px;
    }
}

/*# sourceMappingURL=WorkflowProgress.css.map */

.siteplanner-modules-article-rotator,
.siteplanner-modules-article-rotator .bx-wrapper,
.siteplanner-modules-article-rotator .bx-wrapper .bx-viewport {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.siteplanner-modules-article-rotator {
    margin: 20px;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-viewport {
    border: none !important;
    background: transparent !important;
    left: 0;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-viewport ul {
    margin: 0;
    padding: 0;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-viewport ul li {
    top: 0;
    left: 0;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-controls-direction a {
    padding: 4px;
    position: absolute;
    z-index: 51;
    width: 17px;
    height: 56px;
    top: 50%;
    margin-top: -28px;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-controls-direction a.disabled {
    display: inline;
    zoom: 1;
    filter: alpha(opacity=20);
    opacity: 0.20;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 18px;
    background: url("../img/arrow-left.png") no-repeat 50% 50%;
}

.siteplanner-modules-article-rotator .bx-wrapper .bx-controls-direction a.bx-next {
    right: 18px;
    background: url("../img/arrow-right.png") no-repeat 50% 50%;
}

@media only screen and (max-width: 500px) {
    .siteplanner-modules-article-rotator .bx-wrapper .bx-controls-direction a,
    .siteplanner-modules-article-rotator .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }
}

/*# sourceMappingURL=ArticleRotator.css.map */

.site-planner-modules-content-grid .module-title-holder {
    float: left;
    font-size: 24px;
    margin: 15px 10px 5px 0;
}

.site-planner-modules-content-grid .ss-grid .grid-filters,
.site-planner-modules-content-grid .ss-grid .grid-holder {
    background: #fff;
    border-radius: 3px;
}

/*# sourceMappingURL=ContentGrid.css.map */

.site-planner-modules-content-grid .module-title-holder {
    float: left;
    font-size: 24px;
    margin: 15px 10px 5px 0;
}

.site-planner-modules-content-grid .ss-grid .grid-filters,
.site-planner-modules-content-grid .ss-grid .grid-holder {
    background: #fff;
    border-radius: 3px;
}

/*# sourceMappingURL=ContentGrid.css.map */

.users-modules-login-smart {
    padding-top: 0;
    text-align: left;
}

.users-modules-login-smart .form-inner {
    padding: 0;
    margin: 0;
}

.users-modules-login-smart .form-inner .loading-mask {
    background: rgba(250, 250, 250, 0.5);
}

.users-modules-login-smart .form-inner .loading-mask:after {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    font-family: FontAwesome;
    content: '\f110';
    color: #303030;
    -webkit-animation: spin 1s infinite steps(8);
    animation: spin 1s infinite steps(8);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.users-modules-login-smart .form-inner .form-title {
    display: none;
    padding-bottom: 20px;
}

.users-modules-login-smart .form-inner .form-title h1 {
    font-size: 24px;
    color: #303030;
    font-weight: bold;
}

.users-modules-login-smart .form-inner .form-body .form-fields .login-form-field {
    margin: 20px 0;
    max-width: 550px;
}

.users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input {
    font-size: 1rem;
    height: 50px;
    line-height: 50px;
    -webkit-text-fill-color: #303030 !important;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    outline: none;
}

.users-modules-login-smart .form-inner .form-body .form-fields .login-form-field:before {
    display: block;
    content: '';
    font-weight: 600;
    font-size: 0.875rem;
    margin: 8px 2px;
    color: #484848;
}

.users-modules-login-smart .form-inner .form-body .form-fields .login-form-field.user-name-field:before {
    content: 'Email';
}

.users-modules-login-smart .form-inner .form-body .form-fields .login-form-field.password-field:before {
    content: 'Password';
}

.users-modules-login-smart .form-inner .form-body .form-fields .login-form-field.password-repeat-field:before {
    content: 'Repeat Password';
}

.users-modules-login-smart .form-inner .form-body .form-fields .form-errors p {
    padding: 0;
    margin: 0;
    color: #E5483A;
    font-size: 14px;
}

.users-modules-login-smart .form-inner .form-body .login-form-user-info {
    color: #3F4444;
}

.users-modules-login-smart .form-inner .form-body .login-form-user-info img {
    float: left;
    margin-right: 10px;
    width: 75px;
    height: 75px;
    box-shadow: 0 0 10px 0 #5a5c5c;
}

.users-modules-login-smart .form-inner .form-body .login-form-user-info h4 {
    font-weight: 400;
    padding: 0;
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    color: #3F4444;
}

.users-modules-login-smart .form-inner .form-body .login-form-user-info h5 {
    font-weight: 400;
    padding: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 24px;
    color: #494749;
}

.users-modules-login-smart .form-inner .g-recaptcha {
    text-align: left;
    margin: 20px 0;
}

.users-modules-login-smart .form-inner .g-recaptcha > div {
    margin: 0;
    overflow: hidden;
}

.users-modules-login-smart .form-inner .form-buttons {
    padding: 0;
    margin: 20px 0;
}

.users-modules-login-smart .form-inner .form-links {
    padding: 0;
    margin: 20px 0;
}

.tpl-login-minimal-look .users-modules-login-smart {
    margin-top: 50px;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner {
    text-align: center;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field {
    margin: 10px auto;
    max-width: 350px;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field:before {
    display: none;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input {
    border-color: transparent;
    border-radius: 0;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input.placeholder {
    opacity: .6;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input:-moz-placeholder {
    opacity: .6;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input::-moz-placeholder {
    opacity: .6;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input:-ms-input-placeholder {
    opacity: .6;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-body .form-fields .login-form-field input::-webkit-input-placeholder {
    opacity: .6;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .g-recaptcha:empty {
    display: none;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-buttons {
    margin: 10px auto;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-buttons button {
    margin: 0;
    width: 100%;
    max-width: 350px;
    height: 50px;
    font-size: 14px;
    border-radius: 0;
    background-color: #03528D;
}

.tpl-login-minimal-look .users-modules-login-smart .form-inner .form-links a {
    color: white;
}

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

@-webkit-keyframes autofill {
    to {
        color: #303030;
        background: #fff;
    }
}

/*# sourceMappingURL=LoginSmart.css.map */

@charset "UTF-8";
#users-modules-login-popup,
#users-modules-register-popup {
    width: 450px;
    margin-left: -225px;
    left: 50% !important;
    border: 1px solid #B7B7B7;
    overflow: hidden;
    padding: 15px;
}

#users-modules-login-popup .close,
#users-modules-register-popup .close {
    display: block;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
}

#users-modules-login-popup #UserLoginForm,
#users-modules-login-popup .form,
#users-modules-register-popup #UserLoginForm,
#users-modules-register-popup .form {
    margin: 15px 15px 0;
}

#users-modules-login-popup .row input,
#users-modules-login-popup .form .row input,
#users-modules-register-popup .row input,
#users-modules-register-popup .form .row input {
    width: 100%;
}

#users-modules-login-popup .row .input.multi input.first,
#users-modules-login-popup .row .input.multi input.last,
#users-modules-login-popup .form .row .input.multi input.first,
#users-modules-login-popup .form .row .input.multi input.last,
#users-modules-register-popup .row .input.multi input.first,
#users-modules-register-popup .row .input.multi input.last,
#users-modules-register-popup .form .row .input.multi input.first,
#users-modules-register-popup .form .row .input.multi input.last {
    width: 50%;
}

#users-modules-login-popup .row .input.multi input.first,
#users-modules-login-popup .form .row .input.multi input.first,
#users-modules-register-popup .row .input.multi input.first,
#users-modules-register-popup .form .row .input.multi input.first {
    width: 49.5%;
    margin-right: 0.5%;
}

#users-modules-login-popup .options,
#users-modules-register-popup .options {
    float: left;
    width: 260px;
    padding: 0 0 0px 15px;
    margin-top: -10px;
}

#users-modules-login-popup .options .recover .label,
#users-modules-login-popup .options .register .label,
#users-modules-register-popup .options .recover .label,
#users-modules-register-popup .options .register .label {
    color: #767676;
    font-weight: 100;
}

#users-modules-login-popup .error,
#users-modules-login-popup .form-error,
#users-modules-register-popup .error,
#users-modules-register-popup .form-error {
    color: #E5483A;
    float: none;
    margin: 0 15px 30px;
}

#users-modules-login-popup .submit button,
#users-modules-register-popup .submit button {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
}

#users-modules-login-popup {
    min-height: 345px;
}

#users-modules-register-popup .form .error,
#users-modules-register-popup .form .form-error {
    padding: 3px 15px 10px;
    margin: 0;
    width: 100%;
    text-align: center;
}

#users-modules-register-popup .submit {
    float: none;
    text-align: center;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 0;
    position: relative;
}

#users-modules-register-popup .submit button {
    width: 100%;
    margin: 0 0 30px 0;
}

@media only screen and (max-width: 500px) {
    #users-modules-login-popup,
    #users-modules-register-popup {
        width: 100%;
        height: 100%;
        max-height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        border: none;
        margin-left: 0;
    }
    #users-modules-login-popup #UserLoginForm,
    #users-modules-login-popup .form,
    #users-modules-register-popup #UserLoginForm,
    #users-modules-register-popup .form {
        margin: 10px 10px 10px;
    }
    #users-modules-login-popup .submit,
    #users-modules-register-popup .submit {
        width: 100%;
        float: none;
    }
    #users-modules-login-popup .submit button,
    #users-modules-register-popup .submit button {
        width: 100%;
        padding: 0 4px;
    }
    #users-modules-login-popup #UserLoginForm .submit,
    #users-modules-register-popup #UserLoginForm .submit {
        padding: 20px 0 10px;
    }
    #users-modules-login-popup .options,
    #users-modules-register-popup .options {
        padding: 0 10px;
        text-align: center;
        width: 100%;
        float: none;
    }
    #users-modules-login-popup .options .label,
    #users-modules-register-popup .options .label {
        display: block;
        margin: 0 0 5px;
    }
    #users-modules-login-popup .error,
    #users-modules-login-popup .form-error,
    #users-modules-register-popup .error,
    #users-modules-register-popup .form-error {
        padding: 0 10px 10px;
        margin: 0;
        width: 100%;
        text-align: center;
    }
}

/*# sourceMappingURL=LoginPopup.css.map */

.users-modules-change-password-default .title {
    font-size: 18px;
    padding-left: 0;
}

.users-modules-change-password-default .body .notes {
    padding-top: 10px;
}

.users-modules-change-password-default .body .form.no-labels .form-field .field-label {
    display: none;
}

.users-modules-change-password-default .body .form.has-labels .form-field {
    padding-left: 0;
}

.users-modules-change-password-default .body .form.has-labels .form-field .field-label {
    position: static;
    width: 100%;
    text-align: left;
    padding: 4px;
    top: auto;
    left: auto;
    float: none;
}

.users-modules-change-password-default .body .form .form-field .field-wrapper input {
    border-radius: 2px;
    -webkit-appearance: none;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    resize: none;
    border: 2px solid #B7B7B7;
    background: #fff;
    color: #303030;
    padding: 0 12px;
    margin: 0;
    outline: none;
    font-size: 15px;
}

.users-modules-change-password-default .body .form .form-field .field-wrapper input:focus {
    border-color: #2E8DD6;
}

.users-modules-change-password-default .body .form .form-field .field-wrapper input.invalid {
    border: 2px solid #E5483A;
}

.users-modules-change-password-default .body .form .form-field .field-wrapper .toggle-password-visibility {
    border-color: #2E8DD6;
    color: #2E8DD6;
    top: 15px;
    margin-top: 0;
}

.users-modules-change-password-default .body .form .form-field .field-wrapper .toggle-password-visibility.active {
    background: #2E8DD6;
    color: #fff;
}

.users-modules-change-password-default .body .form .form-options button.submit {
    border-radius: 2px;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 600;
    overflow: hidden;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    border: 0 solid #2E8DD6;
    background-color: #2E8DD6;
    padding: 0 24px;
    margin: 0;
}

/*# sourceMappingURL=ChangePassword.css.map */