@charset "utf-8";

.clear, .content-wrapper {
    clear: both;
}

header, footer-nav, footer, article, section, hgroup, aside {
    display: block;
}

img {
    border: none;
}

/* TAGS */

body {
    font-size: 100%;
    color: #000;
    margin: 0;
    font-family: 'Outfit', sans-serif;
    min-width:300px;
}

body#delete,
body#popup {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

#black-overlay,
#deletion-prompt,
.popup-prompt {
    display: none;
}

body#delete #black-overlay,
body#popup #black-overlay {
    position: absolute;
    height:100vh;
    background-color: #000;
    opacity: 0.85;
    width: 100%;
    z-index: 1;
    display: block;
}

body#delete #deletion-prompt,
body#popup .popup-prompt {
    position: absolute;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 2;
    left: 0;
    top: 0;
}

body#popup .popup-prompt {
    display: none;
}

body#delete #deletion-prompt-wrap,
body#popup .popup-prompt-wrap {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

body#popup .popup-prompt-wrap {
    max-width: 400px;
    text-align: left;
    clear: both;
}

body#popup .popup-prompt .close-popup a {
    float: right;
    font-size: 1.7em;
}

body#popup  .popup-prompt-wrap p {
    margin: 0 0 20px;
    clear: both;
    display: block;
}

body#popup  .popup-prompt-wrap p span {
    display: block;
    width: 100%;
    clear: both;
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 4px 0 10px;
}

body#popup  .popup-prompt-wrap p input,
body#popup  .popup-prompt-wrap p textarea {
    padding: 8px 10px;
    border-radius: 3px;
    width: 100%;
    border: solid 1px #fff;
    box-sizing: border-box;
}

body#popup  .popup-prompt-wrap p textarea {
    height: 90px;
}

body#popup  .popup-prompt-wrap p input[type=button] {
    background-color: #16825d;
    color: #fff;
    cursor: pointer;
}

input,
textarea,
select {
    font-size: 90%;
    font-family: 'Outfit', sans-serif;
}

a {
     transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #498ba7;
}

a:hover {
    color: #808080;
}

p {
    line-height: 1.4em;
    margin: 0 0 15px 0;
}

h1 {
    color:#808080;
    margin: 0;
    font-size: 2.4em;
    font-weight: 700;
}

h2 {
    font-size: 2.1em;
    color:#808080;
    clear:both;
    margin: 0 0 5px 0;
    font-weight: 700;
    line-height: 1.1em;
}

h3 {
    margin: 0 0 5px;
    color: #808080;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight:700;
}

li {
    list-style-type: disc;
}

ul {
    padding: 0px;
    margin: 0 0 0 18px;
}

/* full width wrapper for the cta button  */
p.button-wrap {
    text-align: center;
    padding-top: 8px;
    height: 30px;
    display: block;
}

a.button,
span.button a,
input.button {
    padding: 6px 14px;
    background-color:#498ba7;
    border-radius: 4px;
    color: #fff;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;
    font-size: 14px;
}

input.button {
    border: none;
    cursor: pointer;
}

a.button:hover,
span.button a:hover
input.button:hover {
    background-color:#498ba7;
    color: #04192e;
}

.button.green {
    background-color:#16825d;
}

.button.green:hover {
    background-color:#498ba7;
}

.button.red {
    background-color: #DB113B;
    cursor: not-allowed;
}

.small-print {
    font-size: 0.85em;
}

/* PANEL CSS */

.panel {
    width: 100%;
    clear: both;
}

.panel.standard-vertical-padding {
    padding-top: 45px;
    padding-bottom: 40px;
}

.panel.alt-bg {
    background-color: #fff;
}

.panel.alt-bg:nth-of-type(even) {
    background-color: #ebe9e9;
}

/* END PANEL CSS */


/* CONTENT WRAPPER */

.content-wrapper {
    max-width: 1340px;
    margin: 0 auto;
}

.content-wrapper p {
    font-weight: 200;
}

.panel .content-wrapper>h2 {
   text-align: center;
}

.panel .content-wrapper>.subheading {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.1em;
}

@media screen and (max-width: 1340px) {
    .content-wrapper {
        width: calc(100% - 20px);
        padding: 0 10px;
    }
}

/* END CONTENT WRAPPER */


/* HEADER */

header {
    width: 100%;
    background-color: #2c2c2c;
}

nav ul {
    padding: 0;
    margin: 0;
}

nav ul li {
    padding: 0;
    margin: 0;
    list-style: none; 
    float:left;
}

#logo-crm-links {
    padding: 8px 0;
}

#logo-ico {
    width: 35px;
    height: 35px;
    float: left;
    display: block;
}

header nav#crm-links {
    width: calc(100% - 35px);
    font-size: 0.9em;
    float: right;
    padding-top: 3px;
}

header nav#crm-links ul {
    float: right;
}

header nav#crm-links ul li {
    padding: 6px 0 0 15px;
}

header nav#crm-links ul li a {
    color: #808080;
}

header ul li ul {
    display: none;
}

header #logo-sitelink {
    padding: 17px 0 15px 0;
}

header #logo {
    float: left;
    width: 302px;
    overflow: hidden;
}

header #logo img {
    width:100%;
    height: auto;
}

header #sitelink {
    width: calc(100% - 302px);
    float: right;
    text-align: right;
    line-height: 1em;
}

header #sitelink em {
    font-style: normal;
    font-size: 0.85em;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

header #sitelink a {
    font-style: normal;
    font-size: 1.4em;
    font-weight: bold;
    display: block;
    line-height: 1.1em;
}

header #cta {
    float: right;
    padding: 13px 0 0;
}

header #cta a.button {
    font-size: 15px;
    padding: 6px 15px;
    color: #04192e;
}

header nav#parent-links {
    margin: 0 auto;
}

@media screen and (max-width: 1340px) {
    header nav#parent-links .content-wrapper {
        width: calc(100% - 10px);
        padding: 0 10px 0 0;
    }
}

header nav#parent-links li a {
    padding: 8px 20px 9px;
    display: block;
    color: #808080;
    border-top: solid 1px #808080;
    border-right: solid 1px #808080;
    font-size: 0.9em;
    text-align: center;
    box-sizing: border-box;
}

header nav#parent-links li:first-of-type a {
    border-left: solid 1px #808080;
}

header nav#parent-links li.active, header nav#parent-links li:hover  {
    background-color: #808080;
}

header nav#parent-links li a:hover,
header nav#parent-links li.active a,
header nav#child-links li a:hover,
header nav#child-links li.active a {
    color: #c7d5df; 
}


header nav#child-links {
    margin: 0 auto;
    background-color: #808080;
}

@media screen and (max-width: 1340px) {
    header nav#child-links .content-wrapper {
        width: calc(100% - 10px);
        padding: 0 10px 0 0;
    }
}

header nav#child-links li a {
    padding: 8px 20px 9px;
    display: block;
    color: #ffffff;
    border-right: solid 1px #808080;
    font-size: 0.9em;
    text-align: center;
    box-sizing: border-box;
}

header nav#child-links li.active, header nav#child-links li:hover  {
    background-color: #808080;
}

/* Breadcrumbs */

ul#breadcrumbs {
    margin: 15px 0;
    font-size: 0.9em;
}

ul#breadcrumbs li {
    float: left;
    margin: 0 10px 15px 0;
    list-style: none;
}

/* Fields */

.fields-wrapper {
    width: 100%;
}

#listings-wrapper {
    width: 100%;
    float: left;
    background-color: #f3f3f3;
    box-sizing: border-box;
    padding: 20px 20px 30px;
    margin-bottom: 20px;
}

#listings-wrapper #filter {
    border-bottom: solid 1px #fff; 

}

#listings-wrapper ul {
    margin-left: 15px;
}

#listings-wrapper>ul {
    margin-left: 0;
}

#listings-wrapper ul li {
    list-style: none;
}

#listings-wrapper ul li span.li-wrapper {
    padding: 8px 0 10px;
    border-bottom: solid 1px #fff;
    display: block;
}

#listings-wrapper ul li>a {
    padding: 3px 0;
    display: block;
}

#listings-wrapper ul li span.interaction {
    float: right;
    text-align: right;
    font-size: 0.9em;
    margin: 3px 0 0 10px;
    width: 90px;
    box-sizing: border-box;
    display: block;
}

#listings-wrapper ul li span.interaction i {
    margin-left: 10px;
}

#listings-wrapper ul li span.interaction a i.fa-trash {
    color: #f49f34;
}

.panel.single-listing .fields-wrapper {
    width: 100%;
    float: none;
    margin-right: 0;
}

.section-wrapper {
    display: block;
    clear: both;
    padding: 0 10px;
    background-color: #ebe9e9;
    margin-bottom: 10px;
}

.section-wrapper>p {
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 15px 5px 15px;
    box-sizing: border-box;
    background-color: #ebe9e9;
    clear: both;
    margin: 0;
}

.section-wrapper>p .open-icons i {
    float: right;
    margin-top: 3px;
}

.section-wrapper>p .highlight-icons i {
    margin: 7px 6px 0 0;
    color: #DB113B;
    font-size: 0.6em;
    float: left;
}

.section-wrapper>div {
    display: none;
}

.section-wrapper.open {
    padding-bottom: 5px;
}

.section-wrapper.open>div {
    display: block;
}

.fields-list {
    clear: both;
    display: none;
}

.fields-list.open {
    display: block;
    padding: 15px 0;
}

.field-wrapper {
    background-color: #F7F7F7;
    display: block;
    width: 100%;
    padding: 10px 10px 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.field-wrapper p {
    margin: 0;
    padding: 0 0 7px;
}

.field-wrapper p.notes {
    padding: 0 0 10px;
    font-size: 0.8em;
    margin-top: -4px;
}

.field-wrapper input[type=text],
textarea,
.multi-select-wrapper {
    width: 100%;
    border: solid 1px #b9b8b8;
    padding: 8px;
    box-sizing: border-box;
    background-color: #fff;
}

.multi-select-wrapper.descendants.disabled {
    opacity: 0.4;
}

.disabled input {
    pointer-events:none;
}

.multi-select-wrapper.descendants ul {
    padding-left: 20px;
    margin-left: 0;
}

.multi-select-wrapper.descendants ul li {
    list-style: none;
    padding: 3px 0;
}

.multi-select-wrapper.descendants ul li input {
    margin-left: -15px;
}

.multi-select-wrapper.descendants ul li .expand {
    color: crimson;
    margin-left: 10px;
    cursor: pointer;
}

.multi-select-wrapper.descendants ul li .expand .fa-angle-up,
.multi-select-wrapper.descendants ul li .expand.open .fa-angle-down,
.multi-select-wrapper.descendants ul ul {
    display: none;
}

.multi-select-wrapper.descendants ul li .expand.open .fa-angle-up {
    display: inline;
}

.multi-select-wrapper.descendants li.disabled {
    color: #b9b8b8;
}

.mcp-panel, .form-field-wrapper {
    background-color: #ebe9e9;
    padding: 10px;
    margin-bottom: 20px;
}

.mcp-panel {
    display: none;
    padding: 10px 15px 0;
    background-color: #fff;
}

.form-field-wrapper {
    display: block;
}

.mcp-wrapper {
    margin-bottom: 20px;
}

.mcp-wrapper .mcp-panel.active {
    display: block;
}

.mcp-panel .field-wrapper:last-of-type,
.form-field-wrapper .field-wrapper:last-of-type {
    margin-bottom: 0;
}

.mcp-panel .mcp-name {
    padding: 3px 0 15px;
    display: block;
    cursor: pointer;
    margin-left: 100px;
}

.mcp-panel .mcp-name i {
    float: right;
    margin-top: 3px;
}

.form-field-wrapper .field-name {
    padding: 3px 0 15px;
    display: block;
}

.form-field-wrapper .field-wrapper {
    display: none;
}

.form-field-wrapper .field-wrapper:first-of-type {
    display: block;
}

.mcp-panel .mcp-delete {
    float: left;
    display: block;
    color: #e16302;
    background-color: #fff;
    padding: 14px;
    margin: -10px 0 0 -15px;
    border-right: solid 2px #ebe9e9;
    cursor: pointer;
}

.mcp-panel .mcp-delete:hover {
    color: #DB113B;
}

.mcp-panel .mcp-order {
    float: left;
    display: block;
    color: #e16302;
    background-color: #fff;
    padding: 14px 4px;
    margin: -10px 0 0 0;
    border-right: solid 2px #ebe9e9;
    cursor: pointer;
}

.mcp-panel .mcp-order a {
    display: block;
    padding: 0 6px;
    float: left;
}

.button.mcp-add {
    font-size: 0.9em;
    padding: 5px 8px 6px;
    font-weight: 400;
    cursor: pointer;
}

.field-wrapper select {
    width: 100%;
    border: solid 1px #b9b8b8;
    padding: 6px;
    box-sizing: border-box;
    background-color: #fff;
}

.field-wrapper textarea {
    height: 100px;
}

.field-wrapper.text-editor iframe {
    height: 300px!important;
}

.field-wrapper.image-gallery iframe {
    height: 300px!important;
}

/*
.field-wrapper .status-icon {
    float: right;
    margin-top: 4px;
}
*/

.field-wrapper ul.field-validation-notes {
    margin: 4px 0;
    font-size: 0.8em;
    color: #666;
}

.field-wrapper ul.field-validation-notes li {
    list-style: none;
}

.field-wrapper ul.field-validation-notes li i {
    font-size: 0.7em;
    float: left;
    margin: 5px 0 0 0;
    width: 20px;
    text-align: center;
}

.field-wrapper.warning .field-validation-notes {
    color: crimson;
}

.field-wrapper.is-valid .field-validation-notes {
    color:forestgreen;
}

.field-wrapper.needs-improvement .field-validation-notes {
    color: darkorange;
}

/*
.field-wrapper .fa-info {
    color: #fff;
    border-radius: 100%;
    padding-top: 4px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    font-size: 0.7em;
    text-align: center;
    background-color: forestgreen;
    margin-top: -20px;
}
*/

/*
.multi-select-wrapper {
    padding-bottom: 14px;
}
*/

.multi-select-wrapper .selection-rows {
    display: block;
    margin: 7px 0;
    padding-bottom: 5px;
    clear: both;
}

.multi-select-wrapper .selection-columns {
    width: 39%;
    float: left;
    padding-top: 4px;
}

.multi-select-wrapper .selection-columns:nth-of-type(even) {
    float: left;
    width: 59%;
    margin-left: 2%;
    background-color: #b9b8b8;
    padding-top: 0;
}

.multi-select-wrapper select {
    margin-bottom: 10px;
}

#form-interaction-panel {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px;
    background-color: #e6e5e5;
    border: solid 1px #b9b8b8;
}

footer {
    text-align: center;
    font-size: 0.8em;
    margin: 40px 0 60px;
}