@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#fixed {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

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, .left-col a:hover {
    color: #498ba7;
}

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;
}

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

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

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

body#fixed #deletion-prompt {
    position: absolute;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 2;
}

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

/* 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: 75%;
    float: left;
}

#listings-wrapper {
    width: 23%;
    float: left;
    background-color: #f3f3f3;
    margin-right: 2%;
    padding: 10px;
    box-sizing: border-box;
}

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

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

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

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

#listings-wrapper ul li span {
    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 i {
    margin-left: 3px;
}

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

.panel.single-listing .fields-wrapper {
    width: 100%;
    float: none;
    margin-right: 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;
}

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

.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;
    float: left;
}

.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: right;
    display: block;
    color: crimson;
}

.button.mcp-add {
    font-size: 0.8em;
    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 textarea {
    height: 300px!important;
}

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

.field-wrapper .status-icon {
    font-size: 0.7em;
    float: right;
}

.field-wrapper .required-field {
    color: crimson;
}

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

.field-wrapper .needs-improvement {
    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;
}

#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-bottom: 60px;
}



/* OLD STYLES - DELETE IN DUE COURSE*/

/*


a {
    color:  #14b1e2;
}
#nav li.selected {
    background-color: #14b1e2;
    border: 1px solid #14b1e2;
}
#nav2block, .triangle, #logow, a#config, a#home, a#structure, a#users {
    background-color: #14b1e2;
}


body {
    padding: 0px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 90%;
    background-image: url(../images/navshadow.png);
    background-position: center 71px;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
textarea, input
{
    font-family: Calibri, Arial, Helvetica, sans-serif;
}
a {
    text-decoration:none;
}
#navwrap a {
    color: #FFF;
}
.red
{
 color:#F00;
}
.green
{
    color:#090;
}
.right {
    text-align: right;
}


#navwrap a.selected {
    color: #000;
}
a:hover , #navwrap a:hover, .msgdel a:hover {
    color: #000;
}
input[type=submit]  , input[type=button]{
    font-size: 0.7em;
    text-transform: uppercase;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #f0973e;
    color: #053464;
    font-weight: bold;
    background-image: url(../images/submit.jpg);
    background-repeat: repeat-x;
    box-shadow:0px 2px 1px #666;
    -moz-box-shadow:0px 2px 1px #666;
    -webkit-box-shadow:0px 2px 1px #666;
    text-shadow:1px 1px 2px #fff;
    height:20px;
}

#main input[type=submit]
{
    font-size: 1.1em;
    height:25px;
}

select{
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    width: 140px;
    height: 24px;
    margin-right:3px;
    padding:2px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #8e8f8f;
}


#header {
    height: 95px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 0px;
}

#header  #icons span {
    width:100%;
    text-align:right;
    float:right;
    font-size:0.8em;
    margin-bottom:10px;
}

#header #icons {
    float: right;
    height: 25px;
    width: 500px;
    clear: right;
}

#header #icon-links {
    float: right;
    clear: both;
    text-align: right;
    font-size: 1.2em;
}

#header #icon-links i {
    margin: 8px 4px;
}

#header #link{
    float: right;
    text-transform: uppercase;
    display: block;
    text-align: right;
    clear: right;
    margin-top: 5px;
    width: 500px;
}

#header #link a {
    font-size: 1.4em;
    font-weight: bold;
}

#header #logow {
    height: 55px;
    width: 63px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 1px solid #fff;
    padding-top: 8px;
    float: left;
    margin-top: 13px;
}
#header #logo {
    float: left;
    margin-top: 10px;
}


a#config,a#structure,a#home,a#users {
    height: 25px;
    width: 25px;
    background-image: url(../images/h-icon-cog.png);
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-left:5px;
}


a#structure {
    background-image: url(../images/h-icon-structure.png);
}
a#home {
    background-image: url(../images/h-icon-home.png);
}
a#users {
    background-image: url(../images/h-icon-users.png);
}



a:hover#config, a:hover#home, a:hover#structure, a:hover#users {
    background-color: #000;
}



#nav{
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 34px;
    width: 960px;
    clear: both;
    list-style-position: inside;
    list-style-type: none;
}
#nav li {
    width: 116px;
    height: 31px;
    background-color: #B7B7B7;
    float: left;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    margin-right: 4px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #B7B7B7;
    text-transform: uppercase;
    background-image: url(../images/navbtnshadow.png);
    background-repeat: repeat-x;
    background-position: left 21px;
}
#nav li.selected {
    background-image: none;
}

#nav2block {
    width: 940px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: absolute;
    top: 117px;
    margin-right: auto;
    margin-left: auto;
    list-style-position: inside;
    list-style-type: none;
    padding-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
}
#nav2block li {
    float: left;
    color: #FFF;
    margin-right: 20px;
    text-transform: uppercase;
}
#navwrap {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    margin-top:0px;
    margin-bottom:0px;
    font-size: 90%;
    font-weight: bold;
}
#container {
    clear: both;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

#container  #main{
    float: left;
    width: 615px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #D8D8D8;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}

/*
#main p,
#main .para,
#main .tnyp,
*/

/*


#main p.textline {
    padding-bottom: 5px;
}


#main .tnyp p {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin: 0px;
}

#main .heading {
    font-weight: bold;
    color: #000;
    padding: 7px 5px 0 10px;
    background-color: #F8F8F8;
    height: 26px;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border: 1px solid #F7F7F7;
}

#main .heading ul {
    margin:0;
    font-weight: bold;
    width:350px;
    background-color:#FFF;
    padding:0;
}

#main .heading li {
    float: left;
    margin-right: 20px;
    list-style-position: inside;
    list-style-type: none;
}

#main .heading span {
    float:right;
    width:250px;
    clear:none;
    margin:0;
    padding:0;
    text-align:right;
}

#main .heading span select {
    float:right;
    width:120px;
    clear:none;
    margin:-2px 0 0 10px;
    padding:0;
    text-align:right;
}

.triangle {
    background-image: url(../images/triangle.png);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    margin-top: 4px;
}

.multicheck {
    height: 350px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 5px;
    width: 585px;
    background-color: #FFF;
}
.multicheck .parent {
    clear: both;
    float: left;
    width: 100%;
}
.multicheck .child {
    padding-left: 25px;
    clear: both;
    float: left;
    width: 358px;
}
.multicheck .grandchild {
    padding-left: 15px;
    clear: both;
    float: left;
}

.multicheck .parent a{
    font-weight: bold;
    color: #F00;
    border: none;
    font-family: "Comic Sans MS", cursive;
    margin-top: -3px;
    display:block;
    font-size: 1.2em;
    width: 12px;
    float: left;
}
#main .textbox {
    border: 1px solid #CCCCCC;
    height: 20px;
    width: 585px;
    padding: 4px;
}
#main .textbox:focus {
    border: 1px solid #000000;
    background-color:#EDFAFE;
}


#main .textarea {
    border: 1px solid #CCCCCC;
    height: 80px;
    width: 585px;
    padding: 4px;
}

#main .textarea:focus {
    border: 1px solid #000000;
    background-color:#EDFAFE;
}

#main .textarea-tny {
    height: 400px;
    width: 540px;
}
#main .textarea-tny-small {
    height: 200px;
    width: 540px;
}

#container
#right
{
    float: right;
    width: 300px;
    height: 475px;
    overflow-y: scroll;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #D8D8D8;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#right td {
    vertical-align: middle;
}
#right #filter {
    width: 265px;
    padding:5px;
    background-color: #F7F7F7;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border: 1px solid #F7F7F7;
    margin-bottom:10px;
    font-size: 0.9em;
}
#right #filter select {
    width: 135px;
}
#right #filter input[type=text] {
    border: 1px solid #CCC;
    padding:4px;
    margin-left:22px;
    margin-right:2px;
    width:170px;
}

#right #filter p{
    float: right;
    margin: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 25px;
}
#right #filter p.nofilter {
    height: 18px;
    padding-top: 4px;
    float: none;
    text-align: center;
}


#right em {
    font-size: 0.7em;
    font-style: normal;
    color: #333;
}
#right .noitems {
    height: 40px;
    text-align: center;
}
#right td a{
    font-weight: bold;
}


#right table {
    width: 278px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border: 1px solid #EFEFEF;

}

#right .pgclass {
    height: 40px;
    border-bottom-color: #FFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#right img {
    padding-left: 5px;
}


#right .parent
{
    width:168px;
    background-color: #EFEFEF;
    padding-left: 10px;
}
#right .child
{
    padding-left: 20px;
    width:158px;
    background-color: #F4F4F4;
}
#right .grandchild
{
    padding-left: 35px;
    width:143px;
    background-color: #F8F8F8;
}

#right .icoparent
{
    background-color: #EFEFEF;
}
#right .icochild
{
    background-color: #F4F4F4;

}
#right .icograndchild
{
    background-color: #F8F8F8;

}


#right .pgclassico {
    height: 34px;
    padding-left: 5px;
    padding-top: 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
}




#footer {
    clear: both;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.9em;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 10px;
    color: #999;
}
.notes {
    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 10px;
    display: block;
}
#main .notes.msgdel {
    color: #FFF;
    background-color: #FF6262;
    border-top-color: #FF6262;
    border-right-color: #FF6262;
    border-bottom-color: #FF6262;
    border-left-color: #FF6262;
    font-size: 1.1em;
    text-align: center;
}

.msgdel a
{
    color: #FFF;
    text-decoration: underline;
}
#right .row {
    height: 40px;
    border-bottom-color: #FFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#right .col1row {
    width:225px;
    background-color: #EFEFEF;
    padding-left: 10px;
    overflow: hidden;
}
#right .col2row {
    width:23px;
    background-color: #EFEFEF;
    padding-left: 10px;
    padding-right: 10px;
}
#right .col3row {
    width:70px;
    background-color: #EFEFEF;
    padding-left: 10px;
    padding-right: 10px;
}


#right .row2 {
    background-color: #F4F4F4;
}


#cmshome #header {
    height: 81px;
    margin-top: 19px;
}

#cmshome #header #link {
    margin-top: 31px;
}

#cmshome #container {
    clear: both;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

#cmshome #loginform p {
    padding-top:10px;
    clear:both;
    margin: 0;
}

#cmshome h1 {
    padding:0;
    margin: 30px 0 0 0;
}

#cmshome .labels {
    width:40%;
    float:left;
    padding-top:8px;
}

#cmshome .inputs {
    width:60%;
    float:left;
}

#cmshome input[type=text],#cmshome input[type=password] {
    width:100%;
    border:1px solid #b3b3b3;
    padding-top: 6px;
    padding-right: 2%;
    padding-bottom: 6px;
    padding-left: 2%;
}

*/