/*

FONTS -
    font-family: 'Raleway', sans-serif;
    font-family: 'Montserrat', sans-serif;
*/

/* ----------- GENERAL STYLES --------------------- */
body, p, h1, h2, h3, h4, span {
    margin: 0;
}

body {
    padding-bottom: 20px;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    text-transform: uppercase;
}

p {
    padding-bottom: 10px;
}

h1 {
    font-size: 24px;
}

button {
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
}

.textarea {
    border: 1px solid #E3E2E7;
}

p strong, li strong, span strong {
    font-weight: bold;
    text-transform: uppercase;
}

.no-bullet li {
    padding: 3px 0;
}

.card .dual-btn-wrapper {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
}

button.btn {
    padding-top: 5px;
}

.btn-container {
    margin: 10px 0;
}

.btn {
    display: inline-block;
    margin-bottom: 5px;
}

.left-btn {
    margin-right: 10px;
}

.right-btn {
    margin-left: 10px;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

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

.justify-content-around {
    justify-content: space-around;
}

.justify-content-center {
    justify-content: center;
}

.direction-row {
    flex-direction: row;
}

.align-item-baseline {
    align-items: baseline;
}

.multi-btn {
    margin: -2.5px -2.5px;
}

.main-container .margin-bottom-0 {
    margin-bottom: 0;
}

.multi-btn .btn {
    margin: 2.5px;
}

.clear {
    clear: both;
}

.no-bullet li {
    list-style-type: none;
}

.container-fluid.body-wrapper, .wrapper {
    padding: 0 75px 75px;
}

.mint-green {
    color: #48BAA8;
}

.green {
    color: #009780;
}

.dark-blue {
    color: #1C1F3B;
}

.gray {
    color: #868686;
}

.red {
    color: #EA2A2A;
}

.btn-light {
    background-color: #549BFC;
}

.btn-dark {
    background-color: #1C1F3B;
}

.btn-red {
    background-color: #EA2A2A;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}

.uppercase {
    text-transform: uppercase;
}

.hidden {
    display: none;
}

.admin-controls.inline-link .hidden {
    display: none;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.padding-top-25 {
    padding-top: 25px;
}

.app-store-imgs img {
    width: 80%;
}

.overlay-content {
    width: 60%;
}

.top-error-message, .error, .text-danger {
    background-color: #EA2A2A;
    border-radius: 4px;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    padding: 6px 10px;
    font-weight: bold;
    width: fit-content;
}

.field-error {
    margin-bottom: 8px;
}

.alert-success {
    background-color: #009780;
    border-radius: 4px;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    padding: 6px 10px;
    font-weight: bold;
    width: fit-content;
}

.top-error-message,
.alert-success {
    margin-bottom: 10px;
}

.montserrat-14 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
}

.raleway-14 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.raleway-med-italic-14 {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
}

.col-1-3 {
    width: 32.5%;
}

.col-1-6 {
    width: 16.2%;
}

.col-3-4 {
    width: 74.5%;
}

.col-1-4 {
    width: 24.5%;
}

.col-1-2 {
    width: 48%;
}

.space-between {
    justify-content: space-between;
}

.lower-case {
    text-transform: lowercase;
}

.no-transform {
    text-transform: none;
}

.row-padding {
    padding-bottom: 40px;
}

.uc-first {
    text-transform: capitalize;
}

.margin-top-50 {
    margin-top: 50px;
}

.main-container .row-margin {
    margin-bottom: 62px;
}

.padding-0 {
    padding: 0;
}

.general-top {
    padding-top: 50px;
}

.blue-hr {
    background-color: #549BFC;
    border: 0;
    height: 9px;
    margin-bottom: 25px;
}

.gap-padding {
    padding-bottom: 20px;
}

.extra-bottom {
    padding-bottom: 150px;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.help-block {
    font-family: raleway, sans-serif;
    font-size: 14px;
    padding: 5px;
    width: fit-content;
}

.copy-on-click {
    position: relative;
    padding: 4px 13px;
    background-color: #f7f7f7;
    border: 1px solid #e3e2e7;
    border-radius: 4px;
    cursor: pointer;
}

.copy-on-click.copied:after {
    content: 'copied';
    position: absolute;
    right: 0;
    top: 50%;
    color: #009780;
    transform: translate(110%, -50%);
}

.id-wrapper {
    padding-bottom: 25px;
}

.notification-tokens {
    text-transform: none;
    font-weight: normal;
}

.notification-token {
    text-transform: none;
    font-weight: bold;
}

.notification-token span {
    text-transform: none;
    font-weight: normal;
}

select#lang {
    background-color: transparent;
    border: 0;
    color: #fff;
}

select#lang option {
    font-family: Raleway, sans-serif;
    background: rgb(28,31,59);
    border: 0;
}

#print_jobs {
    position: relative;
}

#main-header button.view_print_jobs {
    background: none;
    color: white;
    border: none;
}

#print_jobs_list {
    z-index: 1000;
    display: none;
    background-color: white;
    padding: 10px;
    width: 400px;
    border: 2px solid rgba(84, 155, 252, 1.000);
}

#print_jobs_pages_container {
    padding-top: 5px;
    font-weight: bold;
}

#print_jobs_list a {
    color: rgba(84, 155, 252, 1.000);
    padding: 0px;
    margin: 2px 5px 0 0;
}

#print_jobs_list_footer {
    text-align: right;
    padding-top: 10px;
}

#print_jobs_list_footer button.view_print_jobs{
    border: none;
    background: none;
    padding: 0;
    color: #313233;
}

.data-table-flash-message button.view_print_jobs {
    border: none;
    background: none;
    padding: 0;
    color: rgba(69, 137, 70, 1.000);
    font-weight: bold;
    text-transform: uppercase;
}

/* ------------------ TINY MCE ----------------------- */
.card .tox-tinymce {
    border: 1px solid #E3E2E7;
}

.card .tox .tox-edit-area__iframe {
    border-bottom: 1px solid #e3e2e7;
}

.card .tox .tox-statusbar {
    display: none;
}

.card .tox .tox-statusbar {
    border-top: 1px solid #E3E2E7;
}

.card .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #E3E2E7;
}

/* -------------------  NAV / HEADER  ------------------- */
#main-header {
    align-items: center;
    background: rgb(28,31,59);
    background: linear-gradient(90deg, rgba(28,31,59,1) 0%, rgba(0,45,118,1) 100%);
    border-bottom: 1px solid #DBDBDB;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
}

.menu-container a {
    color: #ffffff;
}

.main-container {
    position: relative;
    padding: 0 25px;
    width: 100%;
}

.inline-link li {
    display: inline;
}

.menu-container ul {
    margin: 0;
}

.menu-container a {
    padding: 6px 13px;
}

.menu-container .active a {
    color: #549BFC;
}

.admin-controls a {
    color: #ffffff;
}

.menu-container ul {
    margin: 0;
}

.logo-container img {
    width: 125px;
}

.admin-controls ul {
    align-items: center;
    display: flex;
    margin: 0;
}

.admin-controls img {
    width: 23px;
}

.admin-controls a,
#jobs_indicator_mount {
    display: inline-block;
    padding: 0 14px;
}

.admin-controls li:last-of-type a,
#jobs_indicator_mount {
    padding-right: 0;
}

.back-row {
    border-bottom: 1px solid #E3E2E7;
    margin: 0 -25px 50px -25px;
    padding: 0 25px;
}

/*--------------------- LOGIN -------------------------- */
.card .card-body .btn {
    margin-top: 0;
}

.login-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 50px auto;
    width: 35%;
}

.form-group.row {
    margin-top: 10px;
}

.login-card .form-control {
    width: 100%;
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check label {
    margin-left: 5px;
}

form.identity-form {
    padding-top: 5px;
    text-align: center;
}

.identity-form button.btn.btn-primary.btn-light {
    margin-top: 25px;
}

/* -------------------  DATA TABLES  ------------------- */

.top-action-buttons {
    position: absolute;
    top: -17px;
    right: 25px;
    height: 76px;
    display: flex;
    align-items: center;
}

.top-action-buttons button {
    margin-left: 13px;
}

.ui-segment-tabs {
    padding-top: 52px;
    overflow-x: scroll;
}

.ui-segment-tabs-hrule {
    margin-left: -25px;
    margin-right: -25px;
}

.ui-segment-tabs .tab a,
.ui-segment-tabs .tab span {
    height: 39px;
}

.data-table-flash-message {
    padding: 10px 0 20px 0;
}

.data-table-flash-message em {
    font-style: italic;
    color: #47baa8;
}

.data-table-flash-message.success {
    width: fit-content;
    padding: 15px 15px;
    background-color: rgba(237, 247, 237, 1.000);
    color: rgba(29, 70, 32, 1.000);
    margin-bottom: 20px;
    border-radius: 10px;
}

.data-table-flash-message.success em {
    color: rgba(69, 137, 70, 1.000);
}

.data-table-flash-message.error {
    width: fit-content;
    padding: 15px 15px;
    background-color: rgba(253, 237, 237, 1.000);
    color: rgba(95, 33, 32, 1.000);
    margin-bottom: 20px;
    border-radius: 10px;
}

.data-table-flash-message.error em {
    color: rgba(215, 69, 68, 1.000);
}

#data_table_select_all_warning {
    color: rgb(234 42 42);
    margin-bottom: 10px;
    font-size: 10px;
}

#data_table_select_all_warning em {
    color: rgba(95, 33, 32, 1.000);
}

#fire_station_inventory_imports_directions {
    width: fit-content;
    padding: 15px 15px;
    background-color: rgba(255, 244, 229, 1.000);
    color: rgb(102, 60, 0);
    margin-bottom: 20px;
    border-radius: 10px;
}

#fire_station_inventory_imports_directions em {
    color: rgba(239, 123, 42, 1.000);
}

#fire_station_inventory_imports_directions .directions-heading {
    font-size: 14px;
    margin-bottom: 10px;
}

.data-table-forms {
    margin-bottom: 13px;
}

.data-table-forms button,
.data-table-forms .btn {
    margin-left: 13px;
    margin-right: 13px;
}

.data-table-forms .text-input {
    width: 100px;
    height: 48px;
    padding: 0px 0 0 23px;
    border: 1px solid #E3E2E7;
    box-sizing: border-box;
    border-radius: 4px;
    color: #939AA4;
}

#segmentation_filter_mount {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

#segmentation_filter_mount:empty {
    display: none;
}

#segmentation_filter_form {
    display: inline-block;
    margin-right: 13px;
}

#open_segmentation_filter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #E3E2E7;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
}

#open_segmentation_filter svg {
    width: 16px;
}

#open_segmentation_filter.active:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #48BAA8;
    right: -4px;
    top: -4px;
    border-radius: 50%;
}

#search_form {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 13px;
}

#search_form input[type=text] {
    width: 285px;
}

#search_form button {
    position: absolute;
    border: none;
    -webkit-appearance: none;
    background: none;
    width: 48px;
    height: 48px;
    right: 0;
    bottom: -2px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#select2-search_options-container {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(128, 127, 127, 1.000);
}

#search_options_container .select2-selection--single {
    height: 25px;
    padding: 5px 5px 5px 0px;
    border: none;
}

#search_options_container #select2-search_options-container {
    padding-left: 0;
}

#search_options_container .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
}

.select2-container--default .select2-results__option[id*="search_options"] {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(128, 127, 127, 1.000);
}

.select2-container--default .select2-results__option--highlighted[id*="search_options"] {
    color: white;
}

#limit_form {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 13px;
}

#limit_form label {
    margin-right: 20px;
}

#clear_all_query_values_form {
    display: inline-block;
    position: relative;
    top: -2px;
}

#bulk_actions {
    display: inline-block;
    position: relative;
    top: -2px;
    padding-left: 25px;
    margin-left: 10px;
    border-left: 1px solid #E3E2E7;
}

#bulk_actions .react-select-container {
    min-width: 250px;
    display: inline-block;
}

input[name="bulk_actions_select[]"],
input[name="bulk_actions_select_all"] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #E3E2E7;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
    top: 5px;
    outline-width: 0;
    cursor: pointer;
}

input[name="bulk_actions_select_all"] {
    background-color: #fff;
    border: 1px solid #E3E2E7;
    position: relative;
    top: 3px;
}

input[name="bulk_actions_select[]"]:checked,
input[name="bulk_actions_select_all"]:checked {
    background-color: #47baa8;
    border-color: #009780;
}

table.dataTable thead th,
table.dataTable thead td {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #313233;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #313233;

    padding: 20px 0;
    vertical-align: middle;
    background-color: #48BAA8;
    border: #009780;
    white-space: nowrap;
    color: #fff;
    border-right: 1px solid #009780;
}

table.dataTable thead th {
    padding: 20px;
}

table.dataTable thead th:first-of-type,
table.dataTable thead td:first-of-type,
table.dataTable thead th:first-of-type[style],
table.dataTable thead td:first-of-type[style] {
    width: 56px !important;
    padding: 20px 0;
}

table.dataTable thead th:last-of-type,
table.dataTable thead td:last-of-type {
    border-right: none;
}

.data-table td {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;

    border-left: 1px solid #E3E2E7;
    border-bottom: 1px solid #E3E2E7;
    text-align: center;
    padding: 17px 20px;
    vertical-align: middle;
    white-space: nowrap;
}

.data-table td:last-of-type {
    border-right: 1px solid #E3E2E7;
}

.data-table .data-table-row-action,
.data-table .row-action-btn-wrap {
    display: inline-block;
    margin-right: 13px;
}

.data-table .data-table-row-action:last-of-type,
.data-table .row-action-btn-wrap:last-of-type {
    display: inline-block;
    margin-right: 0;
}

.dataTables_length {
    position: absolute;
    top: -56px;
    right: 0;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
    position: relative;
    background-image: none;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
}

table.dataTable thead .sorting:before {
    background-image: url(../images/sort_both.png);
    opacity: 0.5;
}

table.dataTable thead .sorting:hover:before {
    opacity: 1;
}

table.dataTable thead .sorting_desc:before {
    background-image: url(../images/sort_desc.png);
}

table.dataTable thead .sorting_asc:before {
    background-image: url(../images/sort_asc.png);
}

.dataTables_wrapper {
    max-width: 100%;
    /*overflow-x: scroll; This makes the "SHOW (n) ENTRIES disappear */
}

.dataTables_length,
.dataTables_length select {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #313233;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #313233;
}

.dataTables_length select {
    -webkit-appearance: none;
    border: 1px solid #E3E2E7;
    padding: 9px 3px 9px 13px;
    border-radius: 4px;
    background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;

    padding: 0;
    background: none;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #48BAA8 !important;
    text-decoration: underline !important;
    padding: 0;
    background: none;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;

    padding: 5px 27px;
    border-radius: 4px;
    margin-left: 16px;
    cursor: pointer;
    border: 1px solid #E3E2E7;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background-color: #E3E2E7;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-right: 16px;
}

.dataTables_info {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;

    padding: 0;
}

.table.dataTable.no-footer {
    border-bottom: none;
}

.dataTables_wrapper .dataTables_processing {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #313233;
    text-transform: uppercase;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 13px;
    z-index: 100;
}


/* Data Table Column Types */

.dataTable td a {
    text-transform: none;
    color: #549BFC;
}

.dataTable td .num_strikes a.profile-link {
    color: #EA2A2A;
}

.dataTable td .notification {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #EA2A2A;
    border: 1px solid #9F1818;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    top: 5px;
    outline-width: 0;
    cursor: pointer;
}

.dataTable td .notification.queued,
.dataTable td .notification.sent {
    background-color: #FFDF2E;
    border-color: #CEB009;
}

.dataTable td .notification.queued:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #CEB009;
    border-radius: 50%;
}

.dataTable td .notification.read {
    background-color: #47baa8;
    border-color: #009780;
}

.dataTable td .notification .timestamps {
    display: none;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%, -100%);
    background-color: white;
    border: 1px solid #E3E2E7;
    padding: 10px;
    z-index: 100;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
}

.dataTable td .view-rejected-submission {
    position: relative;
    top: 5px;
}


/* Collab List Management */

.list-header {
    padding: 15px 0 15px;
}

.list-header .separator {
    margin: 0 5px;
}

.list-header a {
    color: #549BFC;
}

.list-header a svg {
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 7px;
}

.collab-social-profile-list .ui-segment-tabs {
    padding-top: 0;
}

.dataTable td a.data-table-row-action {
    color: #fff;
}

.data-table-row-action.review-status:first-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}

.data-table-row-action.review-status:nth-of-type(2) {
    border-radius: 0;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-right: 0;
    margin-left: 0;
}

.data-table-row-action.review-status:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

.data-table-row-action.review-status.active {
    background-color: #48baa8;
}

.ui-segment-tab.active span {
    background-color: #539bfc;
    border: 1px solid #002d76;
}

table.dataTable thead th,
table.dataTable thead td {
    background-color: #539bfc;
    border-right-color: transparent;
}

input[name="bulk_actions_select[]"],
input[name="bulk_actions_select_all"] {
    border: 1px solid #E3E2E7;
}

input[name="bulk_actions_select_all"] {
    background-color: #fff;
}

input[name="bulk_actions_select[]"]:checked,
input[name="bulk_actions_select_all"]:checked{
    background-color: #539bfc;
    border-color: #002d76;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #539bfc !important;
}

.SegmentationFilter .header {
    background-color: #539bfc;
}

.SegmentationFilter .filter-name {
    background-color: #539bfc;
    border: 1px solid #002d76;
}

#open_segmentation_filter.active:after {
    background-color: #539bfc;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111;
}

/*---------------- Social Profile ------------------ */

.card {
    border: 1px solid #E3E2E7;
    border-radius: 10px;
    box-shadow: 0 3px 6px #00000029;
    padding: 25px;
    position: relative;
}

.card.green-border {
    border-left: 10px solid #539bfc;
}

.campaign h3 {
    padding-bottom: 3px;
}

.card.campaign {
    margin-bottom: 15px;
}

.extendable img {
    width: 17px;
}

.rotated {
    transform: rotate(180deg);
}

.extendable .card.campaign:first-of-type {
    display: block;
}

.extendable .card:nth-of-type(n+3) {
    display: none;
}

.card.red-border .select2-container,
.card.red-border .form-field,
.card.red-border .btn {
    display: none;
}

.card.red-border.edit .select2-container,
.card.red-border.edit .form-field,
.card.red-border.edit .btn {
    display: block;
}

.form-field .field-input {
    width: 100%;
}

.float-right {
    float: right;
}

.text-align-right {
    text-align: right;
}

.btn-spaces a:first-of-type, .pause-wrapper {
    margin-right: 10px;
}

.card.red-border {
    margin-bottom: 15px;
}

.card.red-border .field-input, .card.red-border .date-picker {
    display: none;
}

/*.card.edit .date-picker, */
.card.edit .field-input {
    display: block;
}

.hidden-submit {
    display: none;
}

.card.red-border.edit .field-value {
    display: none;
}

.status-block .btn {
    margin-left: 15px;
}

.slides .card {
    padding: 10px 25px 25px;
}

.addresses.card div {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.submit-row {
    background-color: #FCFCFC;
    border-top: 1px solid #DBDBDB;
    bottom: 0;
    text-align: right;
    margin-left: -25px;
    padding: 25px 110px 25px 95px;
    position: fixed;
    width: 100%;
}

.submit-row.add-button {
    margin-left: -100px;
}

.control-label {
    color: #313233;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 10px 10px;
    text-transform: uppercase;
}

.field-input,
.select2-container--default .select2-selection--single, .date-picker {
    border: 1px solid #E3E2E7;
    border-radius: 4px;
    color: #313233;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset;
}

.form-page {
    padding: 75px 75px 100px;
}

.select2-container--default .select2-selection--single {
    height: 42px;
    padding: 14px 5px 5px 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.card>div  {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

/*:not(.delete-btn):not(.checkbox):not(.checkbox-group):not(.radio-group):not(.hide-question):not(.direction-row)*/
/*:not(.dual-btn-wrapper):not(.btn):not(.form-group.row), body .form-page .fire-form.card.form div*/

.card .checkbox {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}

.card .checkbox label {
    padding-bottom: 2px;
    padding-top: 4px;
}

.address-column .card {
    margin-bottom: 30px;
}

.collection-container.addresses.card>div:first-of-type,
.collection-container.addresses.card>div>div:first-of-type {
    margin: 0;
}

.card input[type="checkbox"], .entry-rejection input[type="checkbox"] {
    display: inline-block;
    -webkit-appearance: none;
    border: 1px solid #E3E2E7;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    padding: 0;
    margin: 0;
}

.card input[type="checkbox"]:checked, .entry-rejection input[type="checkbox"]:checked {
    background-color: #549BFC;
}

.prototype-add-row {
    margin-top: 40px;
    text-align: center;
}

.prototype-add-row span {
    padding-right: 15px;
}

.prototype-add-row {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

button.add-to-collection {
    background-color: #ffffff;
    border: 1px solid #E3E2E7;
    border-radius: 4px;
    font-size: 26px;
    margin-left: 5px;
    padding: 5px 12px 3px;
}


form.submitting:after,
.form.submitting:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.form .select2-container--default .select2-selection--multiple {
    border: 1px solid #E3E2E7;
    height: 100px;
    padding: 3px;
}

.form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E3E2E7;
    border: 1px solid #E3E2E7;
    display: flex;
    flex-direction: row-reverse;
    padding: 7px 10px 5px 15px;
}

.form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #313233;
    font-size: 34px;
    font-weight: 400;
    line-height: .15em;
    margin-left: 8px;
}

.form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E3E2E7;
    border-color: #E3E2E7;
    color: #313233;
    display: flex;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    padding: 11px 10px 9px 10px;
    text-transform: uppercase;
}

.card .btn {
    margin-top: 15px;
}

.card .btn.btn-icon {
    margin-top: 0;
}

.social-form .submit-row {
    margin-left: -25px;
}

.full-width-wrapper {
    padding-bottom: 110px;
}

/*---------------- Agenda Slides ------------------ */

.slides, .hose-locations {
    display: flex;
    flex-wrap: wrap;
}

.slides .card {
    margin-bottom: 30px;
    margin-right: 30px;
    width: 23.5%;
}

.slides>label {
    display: none;
}

.agenda-wrapper label {
    font-weight: bold;
}

.card .delete-control, .card .slide-control {
    margin: 0;
    width: 25px;
}

.submit-row span {
    margin-right: 10px;
}

.card.red-border {
    border-left: 10px solid #EA2A2A;
}

.collection-container>label.control-label {
    display: none;
}

.edit-control {
    position: absolute;
    right: 30px;
    top: 0;
}

.delete-btn .btn {
    width: fit-content;
}

.card.red-border {
    padding-top: 15px;
    padding-bottom: 25px;
}

.card.red-border.edit {
    padding-bottom: 50px;
}

.card.red-border .edit-btn {
    cursor: pointer;
}

.card .delete-btn {
    float: right;
    margin: 0 10px 0 0;
}

button.strike-submit.btn.btn-green {
    float: right;
}

/*------------------- Survey Questions ------------------- */
.no-option .option-group {
    display: none;
}

.card .maybe-displayed {
    display: none;
}

.card .maybe-displayed.displayed {
    display: block;
}

input.survey-field-type {
    border: 0;
    font-weight: 700;
}

.drag-form img {
    cursor: move;
    width: 10px;
}

.delete-form {
    cursor: pointer;
    width: 15px;
}

.delete-control {
    position: absolute;
    right: 15px;
    top: 15px;
}

.card .radio-group {
    display: inline-block;
    margin-top: 25px;
}

.card .radio-group .control-label {
    padding-left: 2px;
}

.agenda-wrapper.is-system .delete-form,
.agenda-wrapper .hide-question {
    display: none;
}

.agenda-wrapper.is-system .hide-question, .agenda-wrapper .checkbox-group {
    display: block;
    margin-top: 25px;
}

.form .select2-container--default .select2-selection--multiple {
    height: auto;
}

/* -------------------- Collabs ------------------ */
.card .collab-note-wrapper {
    display: none;
}

.edit-form .collab-note-wrapper {
    display: flex;
}

/* -------------------- Brands ------------------- */

/*--------------------- Collections -------------- */
.tabless-table .top-action-buttons {
    top: 40px;
}

/*-------------------- Products ------------------ */
.card .product-btn {
    margin-top: 35px;
}

/*-------------------- Survey Submissions --------- */

.star-rating {
    width: 65%;
}

.survey-entry-form .form-field {
    display: none;
}

.card .rejection, .entry-rejection .rejection {
    display: none;
}

.survey-entry-form .card {
    margin-bottom: 25px;
    width: 32.5%;
}

.no-label>label {
    display: none;
}

img.entry-img {
    width: fit-content;
}

.entry-rejection {
    margin-right: 25px;
}

.entry-rejection .checkbox {
    padding-bottom: 10px;
}

body .card .maybe-displayed.hidden {
    display: none;
}

.card.no-option .radio-group {
    display: none;
}

.card.no-option .radio-group.new-screen {
    display: inline-block;
    margin-top: 25px;
}

.slides .card {
    width: 100%;
}

.card .card-override {
    flex-direction: row;
}

.survey-images img {
    margin-bottom: 10px;
}

.vert-hr {
    background-color: #549BFC;
    width: 1px;
}

.half-size {
    margin-bottom: 10px;
    width: 23%;
}

/*--------------------- help screen --------------------- */

.bordered-faq {
    border: 2px solid #549BFC;
    border-radius: 10px;
}

.faq-answer {
    display: none;
    padding: 0 8px 10px;
}

.faq-question {
    padding-bottom: 0;
}

.help-form {
    margin-top: 25px;
}

.faq-toggle {
    cursor: pointer;
    padding: 8px;
}

/*------------------ inventory create -------------------- */
.half-card>div {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.card .direction-row {
    flex-direction: row;
}

/*----------------- Hoses ----------------------------- */
.half-card .out-of-service {
    display: none;
}

.mini-card div label {
    display: none;
}

.card .mini-card {
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
}

.card .mini-card:last-of-type {
    margin-right: 0;
}

.mini-card .delete-control {
    right: 0;
    top: 12px;
}

.mini-card .delete-control img {
    width: 12px;
}

.collection-container.hose-locations>label.control-label {
    display: block;
    flex-basis: 100%;
}

.card .less-margin .btn {
    margin-top: 0;
}

.user-form div {
    padding-bottom: 20px;
}

.radio-group.redirection.displayed {
    display: inline-flex;
}

.radio-group.redirection input[type="radio"] {
    margin: 0 3px 0 0;
}

.radio-group.redirection .control-label {
    margin-right: 15px;
    padding-bottom: 0;
}

.radio-group.redirection {
    align-items: center;
    display: none;
    flex-direction: row;
    justify-content: center;
}

/* ------------------- Inventory Lookup for print --------------- */
table#inventory td {
    text-align: center;
}

table#inventory {
    margin-top: 25px;
}

table#inventory.dataTable thead th:first-of-type {
    width: auto !important;
}

.action-box .btn {
    color: #ffffff;
    text-transform: uppercase;
}

/* ------------------ MOBILE OVERLAY ----------------------------- */
.mobile-overlay {
    align-items: center;
    background-color: rgba(213,213,213, 1);
    display: flex;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -125px; /* Account for the header */
    width: 100vw;
    z-index: 100;
}

.overlay-content {
    text-align: center;
}

.overlay-content img {
    margin-bottom: 10px;
}

@media screen and (min-width: 991px) {
    .mobile-overlay {
        display: none;
    }
}


@media screen and (min-width: 1199px) {
    .slides .card {
        width: 47%;
    }

    .slides .card:nth-child(2n) {
        margin-right: 0;
    }

}

@media screen and (min-width: 1340px ) {
    .slides .card {
        width: 30.5%;
    }

    .slides .card:nth-child(2n) {
        margin-right: 25px;
    }

    .slides .card:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (min-width: 1698px) {
    .slides .card {
        width: 23.5%;
    }

    .slides .card:nth-child(2n) {
        margin-right: 25px;
    }

    .slides .card:nth-child(3n) {
        margin-right: 25px;
    }

    .slides .card:nth-child(4n) {
        margin-right: 0;
    }
}

.inventory-label {
    font-weight: bold;
}

.inventory-serial {
    font-weight: bold;
    font-size: 20px;
    color: #549BFC;
    margin-right: 20px;
}

.print-preview {
    position: relative;
}

.print-preview img.background {
    max-width: 100%;
    height: auto;
}

.print-preview .data {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.print-preview.test-certificate {
    
}

.print-preview.test-certificate .data .field {
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #313233;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 0;
}

/* React UI Overrides */

.modal-header {
    background-color: #539bfc;
}

.filepond--drop-label label .filepond--label-action {
    color: #539bfc;
    text-decoration-color: #539bfc;
}

.JobsIndicator .dropdown .job .progress .CircularProgressbar-path {
    stroke: #539bfc;
}

.SegmentationFilter .header {
    background-color: #539bfc;
}

.SegmentationFilter .filter-name {
    background-color: #539bfc;
    border: 1px solid #1C1F3B;
}

/* Sales Opportunities */

.sales-opportunity-detail {
    margin: -8px -10px;
    text-align: left;
}

.sales-opportunity-detail h3 {
    margin: 0;
    padding: 0px 10px;
    background-color: #E3E2E7;
}

.sales-opportunity-detail .detail-info {
    padding: 4px 10px 8px 10px;
}

.sales-opportunity-detail .sales-opportunity-diff {
    margin-left: 5px;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
}

.sales-opportunity-detail .sales-opportunity-diff.diff-positive {
    color: green;
}

.sales-opportunity-detail .sales-opportunity-diff.diff-negative {
    color: red;
}

/**
 * Hose Test Import Status
 */

.hose-test-imports-status {
    position: relative;
    justify-content: flex-end; 
    padding-top: 13px; 
    padding-bottom: 13px; 
    z-index: 1000;
    display: none;
}

@media screen and (min-width: 991px) {
    .hose-test-imports-status {
        display: flex;
    }
}

.hose-test-imports-status > .error {
    right: 0; 
    display: flex;
    color: red;
}

.hose-test-imports-status > .inner {
    display: flex; 
    margin-bottom: -91px;
    max-width: 90%;
}

.hose-test-imports-status > .inner .section {
    padding: 5px;
    background-color: #e3e2e7;
}

.hose-test-imports-status > .inner .col {
    padding-left: 13px;
}

.hose-test-imports-status > .inner .col:first-of-type {
    padding-left: 0;
}

.hose-test-imports-status > .inner .test-bench-cols {
    display: flex;
    flex-direction: row;
}
 
.hose-test-imports-status > .inner .test-bench-col {
    display: flex;
    flex-direction: column;
    margin-bottom: 13px;
    margin-left: 13px;
}

.hose-test-imports-status > .inner .test-bench-col:first-of-type {
    margin-left: 0;
}

.hose-test-imports-status > .inner .test-bench-col h4 {
    color: #549bfc; 
}

.hose-test-imports-status > .inner > .col:first-of-type {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hose-test-imports-status > .inner > .col h2 {
    padding-bottom: 13px;
}

.hose-test-imports-status h1,
.hose-test-imports-status h2,
.hose-test-imports-status h3,
.hose-test-imports-status h4,
.hose-test-imports-status h5,
.hose-test-imports-status h5,
.hose-test-imports-status dt,
.hose-test-imports-status dd,
.hose-test-imports-status .message {
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    font-weight: 700;
}

.hose-test-imports-status h2 {
    color: #549bfc;
}

.hose-test-imports-status h3,
.hose-test-imports-status h4 {
    padding-bottom: 5px;
}

.hose-test-imports-status .status {
    /*font-weight: normal;*/
    /*font-style: italic;*/
    color: #009900;
}

.hose-test-imports-status .status.type-error {
    color: #ff0000;
}

.hose-test-imports-status dt {
    padding-right: 13px;
    padding-bottom: 5px;
}

.hose-test-imports-status dd {
    font-weight: normal;
    padding-bottom: 5px;
}

.hose-test-imports-status dd:last-of-type {
    padding-bottom: 0;
}

.hose-test-imports-status .messages {
    padding-top: 5px;
}

.hose-test-imports-status .message {
    font-weight: normal;
    font-style: italic;
}

.hose-test-imports-status .message.type-debug {
    color: #8e8e8e;
}

.hose-test-imports-status .message.type-info {
    color: #549bfc;
}

.hose-test-imports-status .message.type-warning {
    color: #ff8300;
}

.hose-test-imports-status .message.type-error {
    color: #ff0000;
}


button.btn.diameter-quick-select {
    margin-top: 100px;
}

.nfpa-standards {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.nfpa-standards a.btn {
    padding: 20px;
}