/* DOmedia Layout Stylesheet | AjZ / 2.17 */
html,body,input {
    font:16px/1.6 'Open Sans',Arial,Helvetica,sans-serif;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;
    color:#666;
    background:#303030;
}
body {
    background:#303030 !important;
}

/* type */
a, a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:underline;}
/*h1,h2,h3,h4,h5,h6 {clear:left; font-family:'Open Sans',Arial,Helvetica,sans-serif; margin:0 0 .25em 0; line-height:1em; font-weight:300!important; text-shadow:1px 1px 0 #FFF; font-style:normal;}*/
/*h1,h3,h5 {font-size:28px; font-weight:300; color:#333;}*/
/*h2,h4,h6 {font-size:23px; font-weight:300;}*/
/*h3 {font-size:20px; border-bottom:solid 1px #CCC;}*/
/*h4 {font-size:20px;}*/
/*h5 {font-size:20px; color:#333;}*/
/*h6 {font-size:18px;}*/
.largeType {font-size:16px;}
.normalType {font-size:12px;}
.smallType, .smallType a {font-size: 11px !important; line-height: 1.5em !important;}
.XLtype {font-size:23px; line-height:1.25em;}
h1 .h1Color2,h5 .h5Color2 {color:#808080;}

/* tables */
table tr th, table tr td, table tfoot tr td, table tr td a {
    font-size: 0.75rem !important;
}
table tr th, table tr td, table tfoot tr td {
    padding: 1rem;
}
table tr td {
    color: #000;
    font-weight: 400 !important;
}
table thead th.checkbox {
    padding: 0;
}
table img {margin:2px 0;}
th a:hover {color:#FFF;}
/* TAB table */
#tab2 td:nth-of-type(2),#tab2 td:nth-of-type(3),#tab2 td:nth-of-type(4),#tab2 td:nth-of-type(5),#tab2 td:nth-of-type(6),
#tab2 th:nth-of-type(2),#tab2 th:nth-of-type(3),#tab2 th:nth-of-type(4),#tab2 th:nth-of-type(5),#tab2 th:nth-of-type(6) {text-align:center;}
td.noWrapA {min-width:275px!important;}
td.noWrapA a {white-space:nowrap!important; display:inline-block;}

/* lists */
/*ul,ol {list-style-type:none; margin:0 0 0 .5em; line-height:1.5em;}*/
ol {margin-left:-1em;}
ol li {list-style:decimal outside;}
/* List bullet: a 4px brand-orange (#F37736) dot drawn in CSS where ball1.gif used to be; still a background-image, so
   the theme overrides (ball1wl.gif) and the banner/alert text-colour bullets replace it as before. */
ul li {padding:0 0 0 14px; background:transparent radial-gradient(circle 2px at center, #F37736 1.5px, transparent 2px) 1px .6em / 4px 4px no-repeat;}
ul ul {margin:.3em .75em; padding:0;}
/* Nested-list bullet: the 2px #F69968 square that ball2.gif was, drawn in CSS (theme overrides still swap it). */
ul ul li {padding-left:13px; background:transparent linear-gradient(#F69968, #F69968) 4px .6em / 2px 2px no-repeat;}
p+ul {margin-top:-.5em;}
ul.fa-ul li {background:none!important; padding-left:.25em;}

ul.no-indent li {
    background:none!important;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul[role="tablist"] li.nav-item a[aria-selected="true"] {
    border-top: #0DADD6 3px solid;
}

.compile-header {
    background: #eee;
    border: lightgrey solid 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* IFACE */
#oCon {background:transparent; width:100%;}
#iCon {width:1366px; text-align:left; margin:0 auto; padding-top:19px .75em 0 .75em; position:relative; z-index:1;}
.container {width:100%; max-width:1366px; text-align:left; margin:0 auto; padding-top:0; position:relative;}
header {width:100%; height:auto; background:none;}
nav,header,footer,section,aside,hgroup {display:block;}
.menu-icon::after {background:#F0F0F0!important;}
.title-bar {background:none; background:#FFF;}
/* Logo */
a.logo {display:block; float:left; margin:5px 15px 0 0; padding-left:.75em; height:58px; overflow:hidden; max-width:250px;}
a.logo img {max-height:100%; max-width:100%; vertical-align:middle;}
/* header add-ons */

.bct {
    color: var(--sidebar-bg-color);
    font-weight: 600;
    margin-bottom: 2rem;
}

.bct i {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Breadcrumb separators are Regular beside the semibold (600) crumbs, not the app-wide Light -- the same pairing
   as icons beside button labels and the .link-caret chevrons (styles/start_domedia.css). */
.bct i.fa-light {
    --fa-style: 400;
}

.bct a {
    color: var(--sidebar-bg-color) !important;
}

.bct .current, .bct .router-link-exact-active {
    -webkit-text-decoration: var(--sidebar-bg-color) 2px solid underline;
    text-decoration: var(--sidebar-bg-color) 2px solid underline;
    -webkit-text-underline-position: under;
    text-underline-position: under;
    text-underline-offset: 5px;
}

.bct .disabled {
    color: #A4A4A4;
    font-weight: 600;
}

/* Same 1em-each-side gap between crumbs as the Vue breadcrumb (Layout.scss), not the generic .spacer padding. */
.bct .spacer {
    padding: 0;
    margin: 0 1em;
}

.headerNav {color:#999; margin-top:-1em;}

/* tabbed steps */
ul.steps {width:100%;border-bottom:1px solid #CCC;margin:0 0 1.5em 0;padding:0;box-sizing:border-box;}
.steps li:first-of-type {margin-left:.5em;}
.steps li {
    display:inline-block;
    background-image:none;
    padding:0;
    border:1px solid #CCC;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom:none;
    color:#CCC;
    height:38px;
	line-height:35px;
    box-sizing:border-box;
}
.steps span {padding: 0 1em .15em 1em;display:inline-block;margin-bottom:-1px;box-sizing:border-box;}
.steps span.current {border-bottom:2px solid #FFF; font-weight:bold; color:#666; background:none;}
.steps li a {display:block; border-top-left-radius:6px; border-top-right-radius:6px;}
.steps li a:hover {text-decoration:none; background:#DDF8FE; border-bottom:1px solid #DDF8FE;}

/* Login */
form.loginForm {margin-top:0; float:right; text-align:right;}
form.loginForm div.loginContainer div {float:left; margin-right:5px; position:relative;}
form.loginForm input,form.logoutForm input {
    margin:0;
    padding:0 55px 0 10px;
    width:180px;
    line-height:2em;
    border-radius:6px;
    background-color:rgba(255,255,255,.5);
    font:.7461em 'Open Sans',Helvetica, Arial, sans-serif;
    border:1px solid rgba(255,255,255,.25)!important;
    transition:all .2s ease-in-out;
}
form.loginForm input.text {color:#333; text-shadow:none;}
.loginContainer {float:right;}
.loginContainer label {font-size:10px; color:#FFF; margin-top:-1px; padding-bottom:0; line-height:1.55em;}
.loginContainer input {margin-top:-7px!important; height:2.825em !important;}
.loginContainer input:focus {background-color:rgba(255,255,255,8);}
.loginButtonsOnly {display:none; float:right;}
.loginContainer button,.loginButtonsOnly button {font-weight:bold!important; margin-top:1.09em; min-width:82px!important;}
#secondaryNav button + button {margin-left:1px;}
a.passwordRecovery {
    position:absolute;
    top:.55em;
    right:5px;
    margin:14px 0 0;
    padding:0 6px;
    height:18px;
    color:#FFF;
    font-size:10px;
    font-weight:normal;
    line-height:17px;
    box-sizing:border-box;
    border-radius:3px;
    text-decoration:none;
    display:inline-block;
}
form.loginForm a.passwordRecovery:hover {background-color:#767676;}
/* Logout */
form.logoutForm {margin-top:9px; float:right; text-align:right; color:#FFF;}
form.logoutForm a {color:#EEE; text-decoration:underline;}

/* New Login Failed Styles */
.loginFailed {display: none; padding: 10px 0; text-align: center; color: #FFF; background: #d45659; border-bottom: 3px solid #c24649;}
.loginFailed a#closeLoginFailed {color: #a12f31;font-size: 14px;padding-right: 20px;position: absolute;right: 0;}

/* Separator Style */
.separator {background:transparent url(https://blog.domedia.com/wp-content/uploads/separator-shadow.png) no-repeat top center; width: 100%; height: 30px; }
hr.separator {background:transparent url(https://blog.domedia.com/wp-content/uploads/separator-shadow.png) no-repeat top center; border: none; width: 100%; height: 30px;}

/* Navigation */
/* Secondary Navigation Menu */
#secondaryNav {min-width:1000px; height:45px; background:url('../images/secondary-nav-bg.png') repeat #555; padding:0 .75em;}
nav.secondary {float:left}
nav.secondary ul { display: block; margin: 0px; padding: 0px; }
nav.secondary ul li { border-right: 1px solid #7d7c7f; display: inline-block; float: left; background: none; padding: 0px;}
nav.secondary ul li.active {background-color: rgba(0,0,0,0.12); -moz-box-shadow: 2px 0 16px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 2px 0 16px rgba(0,0,0,0.6) inset; box-shadow: 2px 0 16px rgba(0,0,0,0.6) inset; }
nav.secondary ul li a {display: block; border-left: 1px solid #7d7c7f; border-right: 1px solid #565659; padding: 0 .8em; color: #eee; font-weight: 600; line-height: 44px; text-decoration: none; text-shadow: 0 -1px 1px #000; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
nav.secondary ul li a:hover, nav.secondary ul li a:focus {background-color:rgba(0,0,0,0.10);color:#fff;text-decoration:none}
nav.secondary ul li.active a {border-left: 1px solid #414042; border-right: 1px solid #414042; }
nav.secondary ul li.navparent { display: inline-block; float: left; position: relative; background: none; padding: 0px;}
nav.secondary ul li.navparent ul { display: none; position: absolute; left: 0px; top: 44px; list-style: none; margin: 0px; padding: 8px; background: #6e6d71; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-left: 1px solid #555; border-bottom: 1px solid #555; border-right: 1px solid #555; z-index: 99999;}
nav.secondary ul li.navparent:hover ul { display: block; /* Bring back on-screen when needed */}
nav.secondary ul li.navparent ul li { padding: 0px; margin: 0px; background: none; float: none; border-bottom: 1px solid #565659; display: block; border-right: 0px; z-index: 999999; width: 200px; }
nav.secondary ul li.navparent ul li:last-child { border-bottom: 0px; }
nav.secondary ul li.navparent ul li a {padding: 8px; font-size: 14px; text-transform: none; text-decoration: none; font-weight: 400; border: 0px; color: #FFF; line-height:normal; margin: 0px; }
nav.secondary ul li.navparent ul li a:hover { background: #555; padding: 8px; margin: 0px; }
nav.secondary ul li.navparent ul li a:hover:before { content: '\203A'; color: #0dadd6; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }
nav.secondary ul li.navparent ul li a:before { content: '\203A'; color: #F37736; font-size: 1.2em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }

/* Primary Navigation Menu */
#primaryNav { height: 75px; background-color: #FFF; color: #666; font-weight: bold; background: -moz-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(0, 0, 0, .18) 96%,rgba(0, 0, 0, .04) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(89%,#FFF),color-stop(90%,rgba(204, 204, 204, .53)),color-stop(94%,rgba(204, 204, 204, .24)),color-stop(96%,rgba(204, 204, 204, .18)),color-stop(100%,rgba(204, 204, 204, .04))); background: -webkit-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); background: -o-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); background: -ms-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); background: linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); }
nav.primary {float:left; margin-top: 22px; height: 45px; }
nav.primary ul { display: block; margin: 0px; padding:0px; }
nav.primary ul li.navparent { display: inline-block; float: left; position: relative; height: 45px; background: none; padding: 0px;}
nav.primary ul li.navparent:hover > a { color: #0dadd6; }
nav.primary ul li.navparent a { border-left: 1px solid #ccc; display: block; padding: 0 14px; color: #666; font-size: 14px; font-weight: 400; line-height: 30px; text-shadow: 0 1px 1px #fff; margin: 0 0 22px 0; text-decoration: none;  }
nav.primary ul li.navparent ul { display: none; position: absolute; left: 0px; top: 100%; list-style: none; margin: 0px; padding: 8px; background: #F6F6F6;  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(.95, #FFFFFF), color-stop(1, #F6F6F6)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; z-index: 99999;}
nav.primary ul li.navparent:hover ul{ display: block; /* Bring back on-screen when needed */}
nav.primary ul li.navparent ul li { padding: 0px; margin: 0px; background: none; float: none; border-bottom: 1px dotted #DDD; display: block; border-right: 0px; z-index: 999999; width: 200px; }
nav.primary ul li.navparent ul li:last-child { border-bottom: 0px; }
nav.primary ul li.navparent ul li a {padding: 8px; font-size: 14px; text-transform: none; text-decoration: none; font-weight: 400; border: 0px; color: #666; line-height:normal; margin: 0px; }
nav.primary ul li.navparent ul li a:hover { background: #EEE; padding: 8px; margin: 0px; }
nav.primary ul li.navparent ul li a:hover:before { content: '\203A'; color: #0dadd6; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }
nav.primary ul li.navparent ul li a:before { content: '\203A'; color: #F37736; font-size: 1.2em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }

/* nav */
#nav {
    float:left;
    z-index:999;
    width:1286px;
    height:36px;
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid #DADADA;
    border-radius:.5em;
    background-image:-webkit-linear-gradient(top, #F6F6F6 0%, #EEE 100%);
    background:linear-gradient(to bottom, #F6F6F6, #EEE);
}
#nav li {font-size:14px; float:left; position:relative; margin:0; padding:0 1px 0 0; list-style:none; background:url(../images/iface/bgNav-li.gif) no-repeat bottom right;}
#nav a {
    text-decoration:none;
    color:#757575;
    float:left;
    padding:7px 14px 7px 14px;
    transition:opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.home .home, .learn .learn, .account .account, .companyprofile .companyprofile, .search .search, .rfp .rfp, .marketplace .marketplace, .press .press, .contact .contact, .blog .blog, .resources .resources, .campaigns .campaigns, .mediaprofiles .mediaprofiles, .doimprove .doimprove, .mediaorders .mediaorders, .admin .admin, .adminusers .adminusers, .accountapproval .accountapproval, .accountmanagement .accountmanagement, .qa .qa, .tools .tools, .reporting .reporting {background:transparent url(../images/iface/bgNav-active.gif) center 32px no-repeat;}
#nav a:hover {background-color:#E5E5E5; color:#444;}
#nav div {
    padding:8px;
    background:rgba(246, 246, 246, 0.95);
    position:absolute;
    top:37px;
    left:-1px;
    z-index:1000;
    width:170px;
    font-size:13px;
    line-height:1.6em;
    border:solid 1px #DADADA;
    border-top:none;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em;
}
#nav div a:link, #nav div a:visited {color:#F37736; float:none; margin-left:0!important; padding:0!important; margin:0;}
#nav div a:hover {background-color:transparent; text-decoration:underline;}
#nav div .divider {display:block; margin:5px 0 10px 0; position:static; width:100%; border-right:none; border-left:none; height:2px; border-bottom:solid 1px #CCC; z-index:10000; font-size:1px;}
#nav div ul {float:none;}
#nav div ul li {float:none; font-size:11px; line-height:1.6em;}
#navSocial {float:right; margin-right:7px; margin-top: 20px; height:26px;}
#navSocial a {padding:7px 7px 0 7px; margin-top:-1px;}
#navSocial a:hover {background-color:transparent; margin-top:0;}

#nav2 {width:100%; margin:10px 0 15px 0;}
#nav2 .active{font-weight:bold; color:#59BDDB;}

/* content */
/*#content {background:#FFF; width:100%!important; height:auto; display:inline-block; padding:0!important; text-shadow:1px 1px 0 #FFF; text-align:left;}*/
/*#content,.fancybox-skin {font:14px/1.7 'Open Sans',Arial,Helvetica,sans-serif; color:#666;}*/
.fancybox-skin { background-color: #fff; }
#main {float:left; width:1286px; padding:3em 0; margin:0;}
textarea {width:1000px;}
.more {background-color:#FFF;}
/* ellipsis */
.EL {line-height:1.7; max-height:1.7em;}/* match content */
.EL2 {max-height:3.4em;}/* site 2x */
.EL3 {max-height:5.1em;}/* site 3x */
.EL4 {max-height:6.8em;}/* site 4x */
/* iface */
#iCon {width:100%!important; padding:0;}
.fullPageImg {background-color:#FFF; width:100%; /*min-width:1366px;*/ text-align:center;}
.fullPageWrap {
    width:100%;
    /*max-width:1366px;*/
    height:auto;
    min-height:750px;
    display:inline-block;
    text-align:left;
    padding:60px 0;
    box-sizing:border-box;}
hr {border-top:1px dashed #CCC; margin:0 0 1.5em 0; clear:both;}
/* pop-ups */
.pop,.popV {margin:2em; border-radius:.7em;}

/* footer */
footer {display:block; overflow:hidden; background-color:#303030; color:#EEE; font-size:14px; font-weight:normal; padding:40px 0;}
footer span.header {font-size:13px; font-weight:800;}
footer .container div.col4 {display:block; float:left; font-size:13px; width:23.495%; box-sizing:border-box;}
footer span.header {font-size:13px; font-weight:800;}
footer a {color:#FFF!important;}
footer a:hover {color:#DDD!important; text-decoration:none;}
footer a.roll img {margin:-1px .5em 0 0; display:block; opacity:1!important; float:right; box-shadow:0 0 5px hsla(0, 0%, 4%, 0.5);}
footer a.roll img:hover {margin-top:0;}
footer .copyright {font-size:10px; margin-top:20px;}
footer .container .left {float:left; width:48%;}
footer .container .right {float:right; text-align:right; width:48%;}

/* layouts */
.boxWrap, .colWrap {width:100%; float:left; clear:both;}
.boxWrap a, .col2, .col3, .col4, .col5, .col6 {width:100%; margin:0 2% 2.15% 0; float:left; display:block; text-decoration:none;}
.box2 a, .col2 {width:48.99%;}
.box3 a, .col3 {width:32%;}
.box4 a, .col4 {width:23.495%;}
.box5 a, .col5 {width:18.40%;}
.box6 a, .col6 {width:15.0%;}
.box2 a:nth-of-type(even), .box3 a:nth-of-type(3n+0), .box4 a:nth-of-type(4n+0), .box5 a:nth-of-type(5n+0), .box6 a:nth-of-type(6n+0), .col2:nth-of-type(even), .col3:nth-of-type(3n+0), .col4:nth-of-type(4n+0), .col5:nth-of-type(5n+0), .col6:nth-of-type(6n+0) {margin-right:0;}
.box2 a:nth-of-type(2n+1), .box3 a:nth-of-type(3n+1), .box4 a:nth-of-type(4n+1), .box5 a:nth-of-type(5n+1), .box6 a:nth-of-type(6n+1), .col2:nth-of-type(2n+1), .col3:nth-of-type(3n+1), .col4:nth-of-type(4n+1), .col5:nth-of-type(5n+1), .col6:nth-of-type(6n+1) {clear:both;}
.boxWrap div {width:auto; min-height:180px; height:auto; padding:20px 16px; color:#666;}
.round {border-radius:10px;}
.borderB {border:1px solid #65B4D0;}
a .borderB,a:hover .borderB {text-decoration:none!important;}
a .borderB p {padding:0;}
a:hover .borderB {color:#F37736; border:1px solid #F37736;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color:#F37736;}

.col23, .col34, .col45 {width:66%; float:left; margin-bottom:2.15%;}
.col34 {width:74.5%;}
.col45 {width:79.6%;}
div.col23+div.col3, div.col34+div.col4, div.col45+div.col5 {margin:0 0 2.15% 2%;}
.thinCol {width:20px; text-align:center; max-width:50px;}

.captionL, .captionR {float:left; border:1px solid #CCC; margin:0 1.5em 1em 0; padding:1.5em 1.5em 0 1.5em; background:#FFF;}
.captionR {float:right; margin:0 0 .5em 1.5em;}

/* sprites */
a.icon {margin-bottom:.5em; float:left; clear:both; text-decoration:none;}
.delete, .down, .next, .plus, .prev, .up {border:1px solid #0DADD6;}
.ccard, .email, .logout, .print {border:none!important;}
a.icon:hover div {border-color:#F37736;}
.prevS a, .nextS a {background:transparent url(../images/iface/prevS.gif) no-repeat; display:inline;}
.nextS a {background-image:url(../images/iface/nextS.gif);}
.prevS img, .nextS img {width:10px; height:10px;}
.prevS a:hover, .nextS a:hover {background-position:0 -10px;}

/* PROJECT SPECIFIC */
.dotsUnder {border-bottom:1px dotted #CCC; margin:5px 0; padding:0;}
.total {color:#0DADD6; font-size:14px; font-weight:bold;}
.navSpacer {margin:0 .6em; font-weight:normal; color:#CCC;}
.spacer {font-weight:normal; color:#CCC;}
.MH50 {min-height:50px!important;}
.W360 {width:360px;}
table table {width:100.1%;}
.select2-container {width:100%!important; white-space:nowrap!important; display:block; z-index:9999999;}
.select2-container--default .select2-selection--single {border-color:#CCC!important;}
.bold .select2-container {font-weight:200} /* allows label to be bold and select2 be 200 font-weight */
/* image file image */
a.showTip, a:link.showTip, a:visited.showTip {
    width:11px;
    height:13px;
    margin:4px auto 0 auto;
    display:block;
    background:url(../images/iface/imgFileNR.gif) no-repeat;
}
a:hover.showTip {background-position:0 -13px;}
/* hilite colors */
.hiLite, .hiLite td {background:#F6FDFF!important; border:1px solid #0DADD6;}
.error td {background-color:#FCF1EF!important;}
.error td:last-child {border-right:#C00;}
.important td {background-color:#FFFEE6!important;}
.important td:last-child {border-right:#CFA214;}
/* XL table styles */
#XLtable {margin-right:2em;}
#XLtable td,#XLtable th {width:auto; white-space:nowrap;}

/* large image */
.imgWrap {width:100%;}
.imgWrap img {margin-bottom:5px; opacity:.75; filter:alpha(opacity=75);}
.imgWrap img:hover {opacity:1; filter:alpha(opacity=1);}
.imgWrap div {width:450px; padding-bottom:1.5em;}
.imgWrap div div {width:150px; float:left; text-align:center;}

/* Company Details / Company Profile */
.industryAffiliationsImg {max-height:60px; max-width:100%;}
.industryAffiliationsImgWrapper {
    display: inline-block;
    text-align: center;
}
.industryAffiliationText {
    display: block;
}
#companyDetailsMapContainer {background:url(../images/iface/loading-spinner.gif) center center no-repeat;}

/* Asset Details */
#assetLinks {margin-bottom: 1em;}
#assetLinks > a {padding: 0 .5em; border-left: 1px solid #CCC;}
#assetLinks > a:first-of-type {padding-left: 0; border-left: none;}

/* Project Brief 1.13 - BW */
#pb-rfp-info-container {display:block; width:600px; max-width:600px; float:left;}
#pb-somo-container {display:block; width:270px; max-width:270px; float:right;}
#pb-somo {
    width:241px;
    height:auto;
    text-align:left;
    margin:0 0 1.5em 25px;
    padding:10px;
    border:1px solid #47C2E1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:transparent url(../images/banBG.jpg) repeat-x center bottom;
    overflow: hidden;
}
#pb-somo p {color:#666; font-size:12px; margin-bottom:-.5em;}
#pb-somo h1 {font-size:20px; font-weight:bold; color:#09C; text-shadow:1px 1px 1px #CCC; text-align: center;}
#pb-somo img {margin:0 .5em;}
#pb-somo .link {color:#F36318; font-weight:bold;}
#pb-somo a {font-weight: bold; text-decoration:underline;}
#pb-somo a:hover {text-decoration:none;}

/* Responsive iFrames */
.iframeWrapper {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

/* Seller Proposal Generation Specific */
select#_sellerProposalDealType_id {height: 35px}
.iframeWrapper#sellerProposalMap {
    position: relative;
    padding-bottom: 33%;
    height: 0;
    overflow: hidden;
}

/* Buyer RFP Dashboard */
.vendorProposalContainer { background: #F9F9F9!important; }
.vendorProposalContainer div { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F9F9F9!important; overflow: hidden; text-align: left; }
.vendorProposalTable { width: 1177px; float: right; }
.vendorProposalTable thead tr { background: #666 !important; }
.vendorProposalTable thead tr th {color:#FFF; border-top: none;}
.vendorProposalTable tbody tr:hover { background: #F9F9F9 !important; }

/* RFP Specific */
.rfpKey {width:134px!important;}
.rfpBut {min-width:40px!important; width:auto!important; margin-right:0!important;}
.imgButBox {
    float:left;
    background-color:#F3F3F3;
    padding:.25em;
    width:auto;
    display:block;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
}
.imgButBox.top {
    border-top-left-radius:1em;
    border-top-right-radius:1em;
}
.imgButBox.bottom {
    margin:-12px 0 2em 0;
    border-top-left-radius:0em;
    border-top-right-radius:0em;
    border-bottom-left-radius:1em;
    border-bottom-right-radius:1em;
}
.noradius {border-radius:0;}
.imgBut {
    float:left;
    margin:.5em .5em 1.5em .5em;
    border-radius:.5em;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    box-shadow:0 0 3px #999;
    background: #0FAED6; /* IE Fix */
    background:-moz-linear-gradient(bottom,#0FAED6,#95DAEB);
    background:-webkit-gradient(linear,left bottom,left top,from(#0FAED6),to(#95DAEB));
}
.imgButBox .imgBut {margin:.5em;}
.imgBut2 {background: #FFB80F; /* IE Fix */ background:-moz-linear-gradient(bottom,#FFB80F,#FFEF71); background:-webkit-gradient(linear,left bottom,left top,from(#FFB80F),to(#FFEF71));}
.imgBut a {display:block; width:auto; font-weight:bold; padding:.25em .75em; font-size:14px; line-height:30px; color:#FFF;}
.imgBut2 a {color:#333;}
.imgBut img {margin-right:.5em;}

/* new banner 1.11 */
#banner2 {
    padding: 10px 6.5px 0;
    width: auto;
    display: inline-block;
    height:auto;
    text-align:left;
    margin:0 0 1.5em 0;
    border:1px solid #47C2E1;
    border-radius:6px;
    background:transparent url(../images/iface/banBG.jpg) repeat-x center bottom;
}
#banner2 p {color:#666; font-size:14px; margin-bottom:-.5em;}
#banner2 h1 {font-size:30px; font-weight:bold; color:#09C; text-shadow:1px 1px 1px #CCC;}
#banner2 img {margin: 0 auto; display: block;}
#banner2 .link {color:#F36318; font-weight:bold;}
#banner2 .link:after {font-family:"Font Awesome 7 Pro"; font-weight:300; content:" \F0DA\ ";}
#banner2:hover {cursor:pointer; border-color:#F36318;}
#banner2 a:hover {text-decoration:none;}
#banner2:hover .link {text-decoration:underline;}

/* New Homepage Specific */
/* Correcting Z-Index of Header */
header.fixed { z-index: 1000; }
.valign-middle {
	display: table;
}

.valign-middle .columns {
	display: table-cell;
	vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
	float: none;
}
.learnmore-header { display: block; overflow: hidden; border-bottom: 1px dashed #CCC; margin-bottom: 20px !important; padding-bottom:10px; }

.learnmore-header h1 {font-weight: 300; font-size: 36px; color: #333; margin: 0px; position: relative; z-index: 1;}
.content h3 { border-bottom: 0px; color: #3E4C58; font-size: 28px; font-weight: 100; line-height: 36px; margin-bottom: 10px; }
ul.cms-arrows li {
	background: url(/img/arrow-bullet.png) no-repeat 0 4px;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}
/* Hide Support Tab */
#supportTab {display: none!important;}

.content {padding-bottom: 0px!important;}
.content p, .content li {font-weight: 400; font-size: 14px; color: #555; line-height: 22px;}

.separator {background: transparent url(/img/separator-shadow.png) no-repeat top center; width: 100%; height: 30px; margin: 20px 0;}

div.subMenu { border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; background: #EFEFEF; padding: 10px; }
div.subMenu ul { margin-bottom: 0px; }

/* Image Frame */
.imageFrame { padding: 5px; border: 1px solid #CCC; margin: 10px; -moz-box-shadow: 2px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

/* Image Frame Container */
.imageFrameContainer { display: inline-block; float: left; font-size: 12px;font-weight: 600; margin: 0px 20px 20px 0px; text-align: center; }

/* Home Section Backgrounds */
section#home1 {
	background: url(/img/homepage-bg.jpg) no-repeat center center;
	background-size: cover;
	margin-top: -40px;
	padding: 40px 0;
}
section#home1 #localSearch .text { color: #FFF; font-size: 24px; font-weight: 100;}
section#home1 #localSearch select#categories {
	background: #FFF;
	display:inline-block;
	width: auto;
	line-height: 33px;
	height: 33px;
}
section#home1 #localSearch input#zipcode {
	background: #FFF;
	display:inline-block;
	width: auto;
	line-height: 33px;
	height: 33px;
}
section#home1 #localSearch .ctaBtn {
	width: auto;
	display: inline-block;
	padding: 0 1.5em;
	margin-left: 1em;
	line-height: 40px;
	background: rgba(0,187,215,0.8);
	border: 2px solid #00bbd7;
	-webkit-transition: color 500ms ease-out 300ms; -moz-trasition: color 500ms ease-out 300ms; -o-transition: color 500ms ease-out 300ms; transition: color 500ms ease-out 300ms; color: #FFF;
}
section#home1 #localSearch .ctaBtn:hover {background: #f15b19; border: 2px solid #F37736; text-decoration: none; }
section#home1 h1 {
	font-weight: 100;
	text-shadow: 2px 2px 2px #000;
}
section#home1 h1 strong {
	font-weight: 600;
}
section#home1 {margin-top: -40px;}
section#home2 {
	margin: 20px 0 0 0;
	overflow: hidden;
}

section#home1 h1, section#home2 h1, section#home3 h1 {
	font-weight: 100;
	text-shadow: 2px 2px 2px #000;
}
section#home1 h1 strong, section#home2 h1 strong, , section#home3 h1 strong {
	font-weight: 400;
}
section#home2 .homeColWrap {
	overflow: hidden; padding-bottom:20px;
}
section#home2 .homeColWrap > div {
	background: url(/img/homepage-bg.jpg) no-repeat center center;
	background-size: cover;
	width: 32%;
	float: left;
	padding: 2em;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
section#home2 .homeColWrap #sellers {
	background: url(/content/images/sellers-bg.jpg) no-repeat center center;
	background-size: cover;
}
section#home2 .homeColWrap #buyers {
	background: url(/content/images/buyers-bg.jpg) no-repeat center center;
	background-size: cover;
}
section#home2 .homeColWrap #findMedia {
	background: url(/content/images/findMedia-bg.jpg) no-repeat center center;
	background-size: cover;
}
section#home2 .homeColWrap > div p {
	color: #FFF;
	font-size: 20px;
	font-weight: 100;
	line-height: 1.3em;
}
section#home2 .homeColWrap > div ul.columnList {
	list-style-type: disc;
	list-style-position: inside;
	color: #FFF;
}
section#home2 .homeColWrap > div ul.columnList li {
	list-style: inherit;
	color: #FFF;
	background: none;
}
section#home2 .homeColWrap > div h3 {
	font-size: 26px;
	color: #FFF;
	display: inline-block;
}
section#home2 .homeColWrap > div h3 span {
	font-size: 38px;
	font-weight: 600;
}
section#home2 .homeColWrap .blueBorder {
	padding: 20px;
	background: rgba(0,0,0,.8);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: #0dadd6 solid 2px;
	color: #FFF;
	overflow: hidden;
}
section#home2 .column2 {
	margin: 0 2%;
}
section#home3 {
	background: url(/content/images/testimonials-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 40px 0;
	margin: 0px;
}

.bracket { height: 120px; vertical-align: top; }

.homeCtaBtn {
	background: rgba(255,255,255,0.4);
	border: 2px solid #FFF;
	padding-left: 8%;
	-webkit-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	-moz-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	-o-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	cursor: pointer;
	cursor: hand;
	display: block;
	width: 85%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #FFF!important;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
	margin: 0 auto;
	line-height: 40px;
	font-weight: 200;
	text-align: center;
}
.homeCtaBtn .icon {
	display: inline-block;
	height: 100%;
	border-left: 1px #FFF dotted;
	float: right;
	padding: 0 4%;
	font-size: 30px;
	color: #FFF;
}
.homeFocus {padding: 22px 40px; background: rgba(0,0,0,.5); -webkit-border-radius: 12px;-moz-border-radius: 12px; border-radius: 12px; border: rgba(255,255,255,.2) solid 3px; margin-top: 20px;}
.homeFocus h4 {color: white; text-align: left; font-weight: 300; border: 0px; margin-bottom: 20px; margin-top: 0px;}
.homeFocus a.ctaBtn {-webkit-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -moz-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -o-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; cursor: pointer;cursor: hand;display: block;width: 80%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; color: #FFF;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);margin: 0 auto;line-height:50px; font-weight:200; text-align:center;}
.homeFocus a.ctaBtn.learnMore { background: rgba(255,255,255,0.4); border: 2px solid #FFF; padding-left: 8%; }
	.homeFocus a.ctaBtn.learnMore:hover { background: rgba(0,187,215,1); border: 2px solid #02a6bf; text-decoration: none; }
.homeFocus a.ctaBtn.learnMore .icon, .homeFocus a.ctaBtn.blue .icon {-webkit-transition: color 500ms ease-out 300ms; -moz-trasition: color 500ms ease-out 300ms; -o-transition: color 500ms ease-out 300ms; transition: color 500ms ease-out 300ms; color: #FFF;}
.homeFocus a.ctaBtn.learnMore .icon { display: inline-block;height: 100%; border-left: 1px #FFF dotted;float: right;padding: 0 4%;font-size: 30px; }
.homeFocus a.ctaBtn.learnMore:hover .icon { color: #f15b19; }
.homeFocus a.ctaBtn.blue {background: rgba(0,187,215,0.8); border: 2px solid #00bbd7;}
	.homeFocus a.ctaBtn.blue:hover {background: #f15b19; border: 2px solid #F37736; text-decoration: none; }
	.homeFocus a.ctaBtn.signUp .icon {display: inline-block;height: 100%;border-right: 1px #FFF dotted;float: left;padding: 0 4%;font-size: 30px;}

#availableNow {overflow: hidden;}
#availableNow img {border-radius: 8px; border: 1px solid #FFF;}
#availableNowCaption {color: #FFF; margin-top: .5em;}

.pageArrows { color: #FFF; font-size: 36px; }
.pageArrows span { cursor: pointer; }

/* Cycle Styles */
.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	width: 30%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 800;
	height: 100%;
	cursor: pointer;
}
.cycle-prev:hover, .cycle-next:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.cycle-prev {
	left: 0;
	background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}

.cycle-next {
	right: 0;
	background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}
.availableNowPager > * {
	cursor: pointer;
}
.availableNowPager span {
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd;
}
.availableNowPager span.cycle-pager-active {
	color: #F37736;
}

/* Horizontal Line w/ Text */
.horiz-bar { margin: 0 0 10px 0; overflow: hidden; text-align: center; display: block; font-weight: 100; font-size: 24px; width: 100%; }
.horiz-bar.white {color: #FFF;}
.horiz-bar.blue {color:#0dadd6}
.horiz-bar.orange {color: #FF3736;}

.horiz-bar:before, .horiz-bar:after { content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
	.horiz-bar:before { right: 1em; margin-left: -50%; }
	.horiz-bar:after { left: 1em; margin-right: -50%; }
.horiz-bar.white:before, .horiz-bar.white:after { background: #FFF; }
.horiz-bar.blue:before, .horiz-bar.blue:after { background: #0dadd6; }
.horiz-bar.orange:before, .horiz-bar.orange:after { background: #F37736; }

/* Section 3 Spectific Styles */
#quotes .cycle-slide {overflow: hidden; display: block; width: 100%;}
#quotes span.quote {color: #FFF; display: block; font-size: 24px; font-weight: 100;}
#quotes span.name {color: #FFF; font-weight: 600; font-size: 16px; display: block; margin-top: 1em;}
#quotes span.jobTitle {color: #FFF; display: block; margin-top: .5em;}

#mediaProposal {
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), to(rgba(255, 255, 255, 0.3)));
	color: #FFF;
	display: block;
	font-size: 4rem;
	font-weight: 200;
	height: 44px;
	line-height: 38px;
	margin: 20px auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
}

/* Share Map Email Fancybox CSS */
#shareEmailSuccess { background-color: #43AC6A; border: 1px solid #3a945b; border-radius: 3px; color: #FFFFFF; display: block; font-size: 0.72222rem; font-weight: normal; margin-bottom: 1.11111rem; padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem; position: relative; transition: opacity 300ms ease-out;}
form#shareMapEmail label.error { float:right; margin-left: 1em; }
form#shareMapEmail label[for='message'] label.error {float: left; margin: .5em 0 0 0;}

/* CKeditor overrides */
.cke_editor tbody tr:nth-of-type(2n+1) {background: none repeat scroll 0 0 transparent; }
.cke_dialog input.cke_dialog_ui_input_text {
    width: 80ch !important;
}
.cke_dialog .cke_dialog_ui_labeled_content {
    width: auto !important;
}
.cke_dialog .cke_dialog_ui_hbox {
    display: flex !important;
    flex-wrap: wrap !important;
}
/* HandsOnTable overrides */
.handsontable td.htInvalid { background-color: #FCF1EF !important; }
.handsontable th.pass, .handsontable td.pass{ background-color: #FFFF00 !important; }
.handsontable .htDimmed { font-style:normal; color:#000; }
.handsontable td.colVendorHideReadOnly, .colVendorHideReadOnly {
    font-weight: bold;
    background-color: #ddd;
}
.handsontable td.colVendorShowReadOnly, .colVendorShowReadOnly {
    background-color: #ddd	;
}
.handsontable td.colVendorHide, .colVendorHide {
    font-weight: bold;
}
.handsontable td.colVendorShow, .colVendorShow {
}
.legend {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px 6px 3px 6px;
}
.hotSource {
    width:1258px; height:600px; overflow:hidden;
}
#hotContainer { z-index: 99999999; }

.hotSource .inventoryPackage {
    background: rgba(13, 173, 214, .08) !important;
}
.hotSource .inventoryPackageReadonly,
.hotSource .lockedCellReadonly {
    background: rgba(13, 173, 214, .15) !important;
}
.hotSource .inventoryPackageSummary {
    background: rgba(13, 173, 214, .25) !important;
    font-weight: bold;
}

/* Information  / Question images */
#iCel {white-space:nowrap;}
#qCel {font-size:11px; color:#333; font-weight:bold; margin-top:.5em;}
#iCel span, #qCel span {display:block; white-space:nowrap; float:left;}
#iCel a:link, #iCel a:visited, #qCel a:link, #qCel a:visited {
    float:left;
    width:10px;
    height:10px;
    margin:3px 0 3px 4px;
    display:block;
    white-space:nowrap;
    background:url(../images/infoN_R.gif) no-repeat;
}
#qCel a:link, #qCel a:visited {background:url(../images/qN_R.gif) no-repeat;}
#iCel a:hover, #qCel a:hover {background-position:0 -9px;}
h3#iCel {padding-bottom:1em; *padding-bottom:27px;}

/* Horizontal Line w/ Text */
.horiz-bar { margin: 0 0 10px 0; overflow: hidden; text-align: center; display: block; font-weight: bold; width: 100%; }
.horiz-bar.white {color: #FFF;}
.horiz-bar.blue {color:#0dadd6}
.horiz-bar.orange {color: #F37736;}

.horiz-bar:before, .horiz-bar:after { background: #333; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
.horiz-bar:before { right: 1em; margin-left: -50%; }
.horiz-bar:after { left: 1em; margin-right: -50%; }
.horiz-bar.white:before, .horiz-bar.white:after { background: #FFF; }
.horiz-bar.blue:before, .horiz-bar.blue:after { background: #0dadd6; }
.horiz-bar.orange:before, .horiz-bar.orange:after { background: #F37736; }

/* tablesorter styles */
table.tablesorter {
    margin:10px 0pt 15px;
    width:100%;
    text-align:left;
}
table.tablesorter th.header {
    background:url(../images/iface/bg.gif);
    background-repeat:no-repeat;
    background-position:right;
    cursor:pointer;
}
table.tablesorter thead tr th.headerSortUp {background-image: url(../images/small_asc.gif); }
table.tablesorter thead tr th.headerSortDown {background-image: url(../images/small_desc.gif);}
table.tablesorter tbody tr.even td {background-color:#F0F0F6;}
.sortable th { cursor:pointer; color:#F37736; }
.sortable th:hover { text-decoration: underline; }
.sortable th.sorttable_nosort { cursor:text; }
.sortable th.sorttable_nosort:hover { text-decoration: none; }

/* HandsOnTable */
#buyerContractCreateForm table.htCore, #buyerContractUpdateForm table.htCore, #buyerContractCopyForm table.htCore, #savedTemplatePreview table.htCore, #userClientLocationListCreateForm table.htCore, #userClientLocationListUpdateForm table.htCore, #userTabPlanCreateForm table.htCore, #userTabPlanUpdateForm table.htCore, #userGeoMapCustomKmlLayerCreateForm table.htCore, #userGeoMapCustomKmlLayerUpdateForm table.htCore, #buyerCampaignCompileForm table.htCore, #sellerSellerProposalUpdateInventoryForm table.htCore, #sellerSellerProposalViewForm table.htCore, #anonymousSellerProposalViewForm table.htCore { padding-bottom:0; }
#buyerContractCreateForm #container, #buyerContractUpdateForm #container, #buyerContractCopyForm #container, #savedTemplatePreview #container, #userClientLocationListCreateForm #container, #userClientLocationListUpdateForm #container, #userTabPlanCreateForm #container, #userTabPlanUpdateForm #container, #userGeoMapCustomKmlLayerCreateForm #container, #userGeoMapCustomKmlLayerUpdateForm #container, #buyerCampaignCompileForm #container, #sellerSellerProposalUpdateInventoryForm #container, #sellerSellerProposalViewForm #container, #anonymousSellerProposalViewForm #container {overflow:hidden;}
#savedTemplatePreview #container {width:1258px; height:600px;}
#sellerSellerProposalViewForm table.htCore td.htDimmed, #anonymousSellerProposalViewForm table.htCore td.htDimmed {color:#666;}

/* Tablesorter Styles */
.tablesorter .header,
.tablesorter thead tr,
.tablesorter .tablesorter-headerRow {
    cursor: pointer;
}
.tablesorter-headerSortUp,
.tablesorter-headerAsc {
    background-image: url(../images/tablesorter-asc.png);
    background-repeat:no-repeat;
    background-position:right;
}
.tablesorter-headerSortUp:hover,
.tablesorter-headerAsc:hover {
    background-image: url(../images/tablesorter-asc-hovered.png);
    background-repeat:no-repeat;
    background-position:right;
}
.tablesorter-headerSortDown,
.tablesorter-headerDesc {
    background-image: url(../images/tablesorter-desc.png);
    background-repeat:no-repeat;
    background-position:right;
}
.tablesorter-headerSortDown:hover,
.tablesorter-headerDesc:hover {
    background-image: url(../images/tablesorter-desc-hovered.png);
    background-repeat:no-repeat;
    background-position:right;
}
.sorter-false .tablesorter-header {
    background-image: none;
}

#tabCopy { font-size: 11px; }

.handsontable .htAutocompleteArrow { color: #777; }
.handsontable td .htAutocompleteArrow:hover { color: #000; }
.handsontable .dragdealer .handle {
    border-radius: 30px 30px 30px 30px;
    background: #0DADD6 !important;
}

/* Support Tab */
#supportTab {
    border: solid 1px;
    cursor: pointer;
    height: 108px;
    overflow: hidden;
    position: fixed;
    text-indent: -5000px;
    top: 23%;
    left: -10px;
    width: 45px;
    display: block;
    background-image: url(../images/supportTab.png);
    background-color: rgb(243, 119, 54);
    border-color: rgb(243, 119, 54);
    z-index: 10000;
    /* Fix for highlighting div background change */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.search-btn {
    width: auto;
    border: 1px solid #FF5A00;
    color: white;
    -moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;
    box-shadow:0 0 3px #999;
    background: #FF8B00;
    background-image: -ms-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: -moz-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: -o-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8B00), color-stop(1, #FF5F2E));
    background-image: -webkit-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: linear-gradient(to bottom, #FF8B00 0%, #FF5F2E 100%);
    font-size: 16px;
    font-weight: 200;
    margin: 0;
    padding: 8px 15px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.search-btn:hover {background:#FF8B00; -moz-border-radius:6px; border-radius:6px; -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px #888; box-shadow:0 0 5px #888;}

/* Redmine #18153: gold background removed; preferred vendors are now indicated by the leading star only. */

/* Homepage Announcement */
.homepageAnnouncement { width: 800px; margin: 15px auto; padding: 10px 0; background: #88e7ff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #0DADD6; font-size: 14px; color: #333; text-align: center; }
.scrollable {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.legendimage {height: 16px;}

/* DataTables styles */
#contracts_length select, #postingInstructions_length select {width:50px; margin-right:0;}
.creativeImg {max-height:60px; max-width:170px;}
.dataTable {padding-bottom:0;}
.dataTables_filter input {margin-left: 6px;}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer, .dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom:1px solid #CCC;}
table.dataTable {border-collapse:collapse;}

/* Contracting CSS */
#_postingInstructions_label_id {float:left;}
#_contractTerms_label_id {float:right;}
.contractType.Proposal select, .contractType.Campaign select {height:40px;}

/* Posting Instructions Additional Info Text Box */
#_additionalTerms_label_id {padding-bottom:0; width:100%;}
select[name="shippingAddresses"],select[name="mailingAddresses"] {height:32px; min-width:270px; max-width:270px;}
#adminCampaignCreateForm select, #adminCampaignUpdateForm select {height:26px;}
span#contacts\.errors {display:block; margin-bottom:1em; margin-top:-1em;}

/* Paneling */
.panel {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #DDD;
}
.panel-heading { color: #41464d; padding: 20px; border-bottom: 1px solid #e7e7e7; }
.panel > .panel-heading {
    border-color: #e7e7e7;
    background-color: #f9f9f9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.largeType .panel-title {
    font-weight: 400 !important;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-heading p {
    color: #77818e;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0px;
    line-height: 18px;
}
.panel-body {
    padding:20px 20px 0 20px;
    overflow: hidden;
}
.panel-body-scrollable {
    padding:5px 5px 0px 10px;
    overflow-y: scroll;
    max-height: 208px;

}
.panel-body label, .panel-body input, .panel-body label input, .panel-body label textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.panel-body label input, .panel-body label textarea  {padding: 5px;}
.panel-body label input {height:auto;}
.fileAttachment {clear:both;}

.templateHeaderContainer .header {
    background: #eee;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-sizing: content-box;
    padding: 6px;
    width: 95%;
    height: 24px;
    margin-bottom: 6px;
}
.templateHeaderContainer .draggable {
    border: 2px dashed #ddd;
}
.templateHeaderContainer label {
    margin-right: 0.5em;
    padding-bottom: 0;
    margin-left: .5em;
}
.templateHeaderContainer label:first-child {
    width: 16px;
}
.templateHeaderContainer label:last-child {
    margin-right: 0;
    float: right;
}
.templateHeaderContainer input, .templateHeaderContainer select {
    background: #fff;
}
.templateHeaderContainer select {
    width: 135px;
    min-width: 135px;
}
.templateHeaderContainer input {
    width:375px;
    height: 35px;
    padding: 5.6px 3px;
}

/* Mapping */
.thumb {
    height: 38px;
    width: 29px;
    margin: 0;
}
.titleBar {
    display:inline-block;
    background: #FFF none;
    margin:0 -.5em -1px .5em;
    padding:0;
    border:1px solid #CCC;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em;
    border-top:none;
    color:#808080;
    min-width: 230px;
}
.titleBar h1 {
    padding:.5em .75em;
    display:inline-block;
    margin: 0;
    background:none;
}
.messageBar {
    display:inline-block;
    background: #FFF none;
    border:1px solid #CCC;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em;
    border-top:none;
    color:#808080;
    margin: 1px -.5em -1px .5em;
    padding: 0.3em;
}
.bottomMessage {
    font-size: 16px;
    padding:.5em .75em;
    display:inline-block;
    background: #FFF none;
    margin:0 -.5em -1px .5em;
    border:1px solid #CCC;
    border-top-left-radius:.5em;
    border-top-right-radius:.5em;
    border-bottom:none;
    color:#808080;
}
.msgread {
    color: darkgray;
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 1.5em;
}
.msgread .blue {
    color: darkgray;
}

.settings {
    display: inline-block;
    border: 1px solid #CCC;
    border-top: none;
    color: #808080;
    background: #FFF none;
    cursor: pointer;
    width: 300px;
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 20px 0 0;
}
.settings h5, #settingsScrollTab h5 {
	background: #555;
	padding: 10px 42px 10px 10px;
	color: #FFF;
	font-weight: 100;
	font-size: 18px;
	position: relative;
    width: 300px;
	margin-bottom: 0px;
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	-o-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
}
.settings h5:hover {
	background: #666;
}
.settings .steps li, #markerDetailContainer .steps li {
	display: inline-block;
	background: rgba(238,238,238,.6);
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	-o-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
	margin: 0 -.5em -1px .5em;
	padding: 0;
	border: 1px solid #CCC;
	border-right: 0px;
	border-bottom: none;
	border-radius: 0px;
	color: #808080;
}
.settings .steps li:hover, #markerDetailContainer .steps li:hover {
	background: rgba(238,238,238,.8);
}
.settings .steps li:last-child, #markerDetailContainer .steps li:last-child {
	border-right: 1px solid #CCC;
}
.settings .steps li span.current, #markerDetailContainer .steps li span.current {
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	color: #666;
	background: #FFF;
	border-top: #f37736 3px solid;
    margin-top: -3px;
}

.settingsTabContent {
    padding: 10px;
}
.settingsTabContent label{
    padding: 0 0 5px 5px;
}
.settingsOpen {
    width:300px;
    height:auto;
}
.legend {
    padding:.25em .5em;
    display:inline-block;
    border:1px solid #CCC;
    border-bottom-right-radius:.5em;
    border-top-right-radius:.5em;
    border-left:none;
    color:#808080;
    background: #FFF none;
    margin-bottom: 10em;
    width: 100px;
}
.legendEntry {
    float: left;
    border: solid 1px #808080;
    width: 15px;
    height: 15px;
    background-color: #0087FF;
}
.legend80to100 {
    background-color: #95a3b9;
}
.legend60to80 {
    background-color: #a2c0d8;
}
.legend40to60 {
    background-color: #c0d7e4;
}
.legend20to40 {
    background-color: #e2e8ee;
}
.legend0to20 {
    background-color: #f5f4f4;
}
.markerDetail {
    display:inline-block;
    background: #FFF none;
    margin:0 -.5em -1px .5em;
    border:1px solid #CCC;
    border-top-left-radius:.5em;
    border-top-right-radius:.5em;
    border-bottom:none;
    color:#808080;
    cursor: pointer;
    overflow: hidden;
}
.markerDetailOpen {
    max-height:320px;
    width: calc(100% - 195px);
    z-index: 1000002;
    left: 0px !important;
}
.markerDetailTabContent {
    overflow: scroll;
    max-height: 208px;

}

.controlArrow {
    padding-left: 0.5em;
}
.contextMenu {
    padding:.25em .5em;
    border:1px solid #CCC;
    color:#808080;
    display:inline-block;
    background: #FFF none;
}
.contextMenuSeparator {
    background-color: #A0A0A0;
    height: 1px;
    margin: 1px;
    padding: 0;
}
#searchBox {
    background-color: rgba(255, 255, 255, 0.8);
    width: 315px;
    margin: 1em;
}
#searchBoxSubmit {
    background: url('/d/images/ui-icons_222222_256x240.png') 95px 128px;
    position:absolute;
    left: 315px;
    top: 17px;
    height: 15px;
    width: 15px;
    opacity: 0.6;
    zoom:1.2;
    -ms-transform:scale(1.2,1.2);
    -ms-transform-origin:0 0 0;
    -webkit-transform:scale(1.2,1.2);
    -webkit-transform-origin:1850% 160%;
    -moz-transform:scale(1.2);
    -moz-transform-origin:0 0;
}
.markerIndexLabel {
    background: #FFF none;
    border:1px solid #CCC;
    border-radius:.5em;
    color:#808080;
    padding: 0 0.25em;
    font-size: 14px;
}
.markerPackageLabel {
    color: white;
    border-radius:.5em;
    padding: 0 0.4em;
    font-size: 14px;
    text-align: center;
    margin-left: 0 !important;
}
/*
    Rotate around the color wheel by 137 degrees ("golden angle") for each new color added.
    This way, each color is evenly spaced with no duplicates.
*/
.markerPackageLabel.markerLabelColor1 {
    background-color: hsl(0, 60%, 30%);
    border: 1px solid hsl(0, 60%, 60%);
}
.markerPackageLabel.markerLabelColor2 {
    background-color: hsl(137, 60%, 30%);
    border: 1px solid hsl(137, 60%, 60%);
}
.markerPackageLabel.markerLabelColor3 {
    background-color: hsl(275, 60%, 30%);
    border: 1px solid hsl(275, 60%, 60%);
}
.markerPackageLabel.markerLabelColor4 {
    background-color: hsl(51, 60%, 30%);
    border: 1px solid hsl(51, 60%, 60%);
}
.markerPackageLabel.markerLabelColor5 {
    background-color: hsl(188, 60%, 30%);
    border: 1px solid hsl(188, 60%, 60%);
}
.markerPackageLabel.markerLabelColor6 {
    background-color: hsl(325, 60%, 30%);
    border: 1px solid hsl(325, 60%, 60%);
}
.markerPackageLabel.markerLabelColor7 {
    background-color: hsl(102, 60%, 30%);
    border: 1px solid hsl(102, 60%, 60%);
}
.markerPackageLabel.markerLabelColor8 {
    background-color: hsl(239, 60%, 30%);
    border: 1px solid hsl(239, 60%, 60%);
}
.markerPackageLabel.markerLabelColor9 {
    background-color: hsl(16, 60%, 30%);
    border: 1px solid hsl(16, 60%, 60%);
}
.markerPackageLabel.markerLabelColor10 {
    background-color: hsl(153, 60%, 30%);
    border: 1px solid hsl(153, 60%, 60%);
}
.markerClusterLabel {
    font-weight:bold;
}
#map-canvas ul.steps {
    margin: 0 0 0.5em;
}
#markerDetailScrollTab {
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 72px;
    display: block;
    background: #fff none repeat scroll 0 0;
    border-image: none;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border: 1px solid #ccc;
    border-bottom: medium none -moz-use-text-color;
    color: #808080;
    margin: 0 -0.5em -1px 0.5em;
    padding: 0.5em 0.75em;
    text-decoration: none;
    z-index: 10000;
}
#settingsScrollTab {
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 20px;
    display: block;
    background: #fff none repeat scroll 0 0;
    border-image: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #ccc;
    color: #808080;
    text-decoration: none;
    z-index: 10000;
    border-top:none;
    padding: 0px;
    margin: 0;
    width: 300px;
}
.ds_IMAGE .moreImages, .ds_STREETVIEW, .ds_ADDTOPROPOSAL, .ds_ADDTORFP {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-left: 23px;
}

.infowindowImage {
    margin: .5em auto;
    display: block;
    padding-left: 23px;
    max-width: 167px !important;
    padding: 5px;
    border: 1px solid #CCC;
    -moz-box-shadow: 2px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    position: relative;
    left: 10px;
}
.quickjumpMenu {
    position:fixed;
    background: #fff none repeat scroll 0 0;
    border-top-right-radius: 8px;
    border: 1px solid #ccc;
    z-index:-100;
    margin-left:1360px;
    margin-top:15px;
    padding-left: 1.5em;
    padding-top: 0.5em;
}
.quickjumpMenuContent {
    overflow-y: scroll;
    max-height: 600px;
}
.selectable .ui-selected {
    outline: 2px dotted #333;
}

/* Crop Image Styles */
.crop-icon-wrapper {
    height: 364px;
    width: 100%;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}
.crop-icon-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}
.crop-icon-container #upload-crop {display: none;}
.crop-icon-container.ready #upload-crop {display: block;}
.crop-icon-container #upload-msg {width: 560px; height: 514px; border: 3px dashed #CCC;}
.crop-icon-container #upload-msg p {margin-top: 145px; font-size: 24px; font-weight: 100;}
.crop-icon-container #upload-msg p .icon-wrapper { display:inline-block; }
.crop-icon-container #upload-msg p .icon-wrapper i {
    font-size:100px;
    background:#CCC;
    background:rgba(0,0,0,0.4);
    padding:20px;
    -webkit-border-radius:1100%;
    -moz-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%;
    color:#fff;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    width:120px;
    height:120px;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.crop-icon-container #upload-msg p i .fix-editor { display:none; }

.crop-icon-container.ready #upload-msg {display: none;}
.crop-icon-preview { float: left; overflow: hidden; position: absolute; height: 46px; width: 46px; }
.cr-slider-wrap {margin-top: 10px !important;}
.cr-slider {border-color: #FFF !important;}

.clientIcon .thumb {max-height:50px; max-width: 50px; width: auto; height: auto;}

/* New Mapping Styles */
.mapContainer .ds_Name { /* title of map marker */
    border-bottom: 1px solid #CCC;
    font-weight: 400;
    margin-bottom: 4px;
    text-align: center;
}
.gm-style {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

#mapIntro {padding:10px;}

#settingsTitle, #settingScrollTitle {text-transform: capitalize;}

#settingsControlArrow.controlArrow {
    float: right;
    font-size: 12px;
    padding: 5px;
    color: #FFF;
    background: #0dadd6;
    border: 1px solid #00849f;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    -webkit-transition: background 500ms ease-out, border 500ms ease-out;
    -moz-transition: background 500ms ease-out, border 500ms ease-out;
    -o-transition: background 500ms ease-out, border 500ms ease-out;
    transition: background 500ms ease-out, border 500ms ease-out;
}
    .settings h5:hover #settingsControlArrow.controlArrow {
        background: #00849f;
        border: 1px solid #FFF;
    }
#settingsContent {
    font-size:12px;
    overflow-y: auto;
    max-height: calc(100vh - 260px);
    padding: 10px;
}
#settingsContent a:hover {text-decoration: none;}
#settingsContent h6 {
    background: #0dadd6;
    border-bottom: 2px solid #00849f;
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    padding: 8px;
    margin-bottom: 0px;
    margin-top: .5em;
    -webkit-transition: background 500ms ease-out, border 500ms ease-out;
    -moz-transition: background 500ms ease-out, border 500ms ease-out;
    -o-transition: background 500ms ease-out, border 500ms ease-out;
    transition: background 500ms ease-out, border 500ms ease-out;
}
#settingsContent h6:hover {background: #00849f}
#settingsContent .toggleContentSymbol {
    float:right;
}
#settingsContent .content {
    padding: 8px !important;
    overflow: hidden;
    background: #F4F4F4;
    border: 1px solid #CCC;
    margin-top: 0px;
}
#settingsContent .content label:last-of-type {padding-bottom:0;}

/* Marker Detail Section */
#markerDetailHeaderContainer, #markerDetailScrollTab {
    background: #555;
    color: #FFF;
    cursor: default;
    padding: 10px;
}
#markerDetailHeaderContainer h5, #markerDetailScrollTab h5 { font-weight: 100; color: #FFF; cursor: pointer; margin-bottom:0px;}
#markerDetailHeaderContainer .controlArrow, #markerDetailScrollTab .controlArrow {
    font-size: 12px;
    padding: 3px 5px;
    color: #FFF;
    background: #0dadd6;
    border: 1px solid #00849f;
    border-radius: 100%;
    margin-left: .5em;
    -webkit-transition: background 500ms ease-out, border 500ms ease-out;
    -moz-transition: background 500ms ease-out, border 500ms ease-out;
    -o-transition: background 500ms ease-out, border 500ms ease-out;
    transition: background 500ms ease-out, border 500ms ease-out;
}
#markerDetailHeaderContainer h5:hover  .controlArrow, #markerDetailScrollTab h5:hover .controlArrow {
        background: #00849f;
        border: 1px solid #FFF;
}
#markerDetailContainer {
    clear: both;
    margin-top: .5em;
    padding: 0 .5em .5em .5em;
}
#markerDetailHeading {
    min-height: 38px;
}
#markerDetailHeaderContainer {
    min-height: 46px;
}
/* Every icon in this toolbar is an <i>; matching the element keeps the rule working whatever family
   class the icon carries. */
#locationDetailsActions a i { font-size: 14px; }
#shareMapWindow { max-width: 475px; }
#changeFormatColorsWindow,
#changeVendorLocationColorsWindow {
    min-width: 475px;
    max-width: 900px;
}
#changeFormatColorsWindow .selectable li,
#changeVendorLocationColorsWindow .selectable li {
    float: left;
    text-align: center;
    padding: 0.5em;
    margin-right: 0.5em;
    background: none;
}

/* iFrame Map Styles */
body#iFrameLayout, body#iFrameLayout #oCon, body#iFrameLayout #oCon #mapAndToolsContainer, body#iFrameLayout #oCon #mapAndToolsContainer #mapSideBarContainer,
body#iFrameLayout #oCon #mapAndToolsContainer #mapSideBarContainer #mapContainer {height: 800px !important;}

.row-selected   {
    background:#A0A0A0!important;
    font-weight:bold;
}

.truncate {
    width: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* tabs */
ul.tabs {
    margin:.5em 0 0 0;
    padding:0;
    float:left;
    list-style:none;
    height:32px;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    width:100%;
}
ul.tabs li {
    float:left;
    margin:0;
    padding:0;
    height:31px;
    line-height:31px;
    border:1px solid #CCC;
    border-left:none;
    margin-bottom:-1px;
    overflow:hidden;
    position:relative;
    background:#FFF;
    font-weight:bold;
}
ul.tabs li a {
    text-decoration:none;
    display:block;
    font-size:1.2em;
    padding:0 17px;
    outline:none;
    color:#0DADD6;
}
.tabs > ul.steps > li > a:hover {
    background:#DDF8FE;
}
.tabs > ul.steps > li.active > a:hover {
    color: #666666;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {background:#FFF; border-bottom:1px solid #FFF;}
html ul.tabs li.active a {color:#F37736; cursor:default;}
.tab_container {
    border:1px solid #CCC;
    overflow:hidden;
    clear:both;
    float:left;
    width:100%;
    background:#FFF;
    margin:-1px 0 1.5em 0;
}
.tab_content {padding:1.5em 2em .5em 2em;}
.tabs > ul.steps > li.active {
    background: #0DADD6;
    font-weight: 600;
}
.tabs > ul.steps > li.active > a {
    color: white;
}
.tabs > ul.steps > li > a {
    color: #666666;
    text-shadow: none;
}
.tabs > ul.steps {
    margin-bottom: 0px;
}
.tabs > [role="tabpanel"] {
    border-width: 1px;
    border-color: #DDD;
    border-style: solid;
    border-top-style: none;
    display:none;
}
.tabs > [role="tabpanel"].active {
    display:block;
}

.fa-stack {text-shadow:none;}
/* Every fancybox popup's close X is the round button the image gallery uses (.fancybox-bigger-close below). */
.fancybox-close {
    background: #FFF none;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
    font-size: 20px;
    line-height: 1;
}
.fancybox-close:before {font-family:"Font Awesome 7 Pro"; font-weight:300; content:"\f00d";}
.fancybox-close:hover {text-decoration:none;}
.tooltip_templates {display:none;}
.pika-title button,.pika-table button {min-width:0; color:#666!important;}

/*  LT 2016.12.21  */
.handsontable td { text-shadow:none !important; }
#markerDetailHeaderContainer h5, #markerDetailScrollTab h5, .settings H5, #settingsContent H6, #settingsContainerHeading { text-shadow: none;}
#savedTemplatePreview #container { width:1366px; }
.hotSource { width:1366px;  }
.hotSource textarea.handsontableInput {
    padding: 1px 5px 0 !important;
    border: 0px !important;
}
#displayTabContent label, #displayTabContent select {min-width:0;width: 100%;}
.grid .H220 { min-height: 220px; }
.grid .H290 { min-height: 290px; }
.boxWrap h4, .boxWrap p { text-shadow: none; }
#multi p { min-height:142px; }
#primaryNav {
    background: #FFF;
    color: #666;
    font-weight: bold;
    height: 69px;
}
/*header {width:100%; height:114px; background-color:#FFF!important; display:block; position:fixed; box-shadow:0 0 10px hsla(0,0%,4%,.2); z-index:999997;}*/
/*#content { margin-top:102px; }*/
/* A round button centred on the frame's top-right corner, with the X centred inside it. */
.fancybox-bigger-close {
    background: #FFF none;
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
    cursor: pointer;
    z-index: 8040;
    font-size: 20px;
    line-height: 1;
}
.fancybox-bigger-close:before {font-family:"Font Awesome 7 Pro"; font-weight:300; content:"\f00d";}
.fancybox-bigger-close:hover {text-decoration:none;}
/* Gallery previous / next: the same round button as the close X, with an angle caret centred inside. */
.fancybox-nav span {
    background: #FFF none;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
    color: #10ADD6;
    font-size: 20px;
    line-height: 1;
}
.fancybox-prev span:before {font-family:"Font Awesome 7 Pro"; font-weight:300; content:"\f104";}
.fancybox-next span:before {font-family:"Font Awesome 7 Pro"; font-weight:300; content:"\f105";}
.fancybox-overlay {z-index:999998;}
#fancybox-loading, .fancybox-wrap, .themodal-overlay {z-index:999999;}
/*#content {width:101%!important\9;}!* IE FIX *!*/
.templateHeaderContainer .header { height: 32px; }
#searchBoxSubmit { left: 305px; }
.boxWrap a:hover { text-decoration:none !important; }
.rfpLocked, .rfpUnlocked { float:right; }
.rfpLocked { color:#0dadd6; }
.rfpUnlocked { color: #f37736; }
.catSub { color: var(--link-color) !important; font-size: 14px; }
.tsmsselect select { min-height: 300px !important; }
.gmnoprint button {
    background-color: #fff !important;
}
#map-canvas .gm-style-iw-t button {
    background-color: #fff !important;
    background-image: url("https://www.google.com/intl/en_us/mapfiles/close.gif") !important;
    background-repeat: no-repeat !important;
    background-size: 14px 13px !important;
    border-radius: 0 !important;
    width: 14px !important;
    height: 13px !important;
    top: 0 !important;
    right: 0 !important;
}
button.pika-button {
    border: none !important;
    border-radius: 0px;
    box-shadow: none;
}
button.pika-button, .pika-prev, .pika-next {
    background-color: #FFFFFF !important;
}
button.pika-prev, button.pika-next {
    border: none !important;
}
button.pika-button:hover, .pika-prev:hover, .pika-next:hover {
    background-color: #DDDDDD !important;
}
table.pika-table tr, table.pika-table tr:hover {
    background: none !important;
}
#planning .selectedBtn {
    background-color: #0DADD6;
    color: #fff;
}
.planningLink:link, .planningLink:visited {
    color: #0DADD6;
}
.is-today .pika-button {
    color: #0DADD6 !important;
}
.is-selected .pika-button {
    color: #fff !important;
    background-color: #0DADD6 !important;
}
textarea.handsontableInput:focus { transition:none; padding: 0 4px !important; }
.handsontable td, .handsontable th { border-width:0 1px 1px 0 !important; padding: 0 4px !important; }
@-moz-document url-prefix() {/* firefox fix */
    select:-moz-focusring, select::-moz-focus-inner {
        color:#000 !important;
    }
}
.select2-container {min-width:200px !important;}

/* Homepage Specific */
#home-content { background: url(/img/homepage-bg.jpg) no-repeat center center; background-size: cover;  margin-top: 95px; padding: 40px 0; }
#home-content h1 { color: #FFF; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 200; text-shadow: 2px 2px 2px #000; }
/* Smaller than 940px */
@media only screen and (max-width: 58.74em) {
    #home-content h1 {margin: 0px !important;}
}
#home-content ul{ list-style:none; margin:0 0 1em 15px; padding: 0; }
#home-content ul li{ font-size: 25px; font-weight: 200;	color: #fff; line-height:1.3em; margin: .25em 0; padding: 0 0 0 25px; background:url(/img/arrow-bullet.png) no-repeat 0 7px; }

.homeCTA {padding: 22px 40px; background: rgba(0,0,0,.5); -webkit-border-radius: 12px;-moz-border-radius: 12px; border-radius: 12px; border: rgba(255,255,255,.2) solid 3px; margin-top: 20px;}
.homeCTA h4 {color: white; text-align: left; font-weight: 300; border: 0px; margin-bottom: 20px; margin-top: 0px;}
.homeCTA a.ctaBtn {-webkit-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -moz-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -o-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; cursor: pointer;cursor: hand;display: block;width: 80%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; color: #FFF;font-weight: 400;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);margin: 0 auto;line-height: 50px;font-weight: 200; text-align:center; }

/* Screen Smaller than 642px */
@media only screen and (max-width: 40.063em) {
    .homeCTA .row .large-6:first-child { margin-bottom: 10px;}
    .homeCTA .row .large-4 .horiz-bar { margin: 10px 0; }
}

@media only screen and (min-width: 25.57em) { .homeCTA a.ctaBtn { font-size: 1.3rem; } }
@media only screen and (max-width: 25.57em) { .homeCTA a.ctaBtn { font-size: 1rem; padding:0px !important; } }
.homeCTA a.ctaBtn.learnMore { background: rgba(255,255,255,0.4); border: 2px solid #FFF; padding-left: 8%; }
.homeCTA a.ctaBtn.learnMore:hover { background: rgba(0,187,215,1); border: 2px solid #02a6bf; text-decoration: none; }
.homeCTA a.ctaBtn.learnMore .icon, .homeCTA a.ctaBtn.signUp .icon {-webkit-transition: color 500ms ease-out 300ms; -moz-trasition: color 500ms ease-out 300ms; -o-transition: color 500ms ease-out 300ms; transition: color 500ms ease-out 300ms; color: #FFF;}
.homeCTA a.ctaBtn.learnMore .icon { display: inline-block;height: 100%; border-left: 1px #FFF dotted;float: right;padding: 0 4%;font-size: 30px; }
.homeCTA a.ctaBtn.learnMore:hover .icon { color: #f15b19; }
.homeCTA a.ctaBtn.signUp {background: rgba(0,187,215,0.8); border: 2px solid #00bbd7; padding-right: 8%; }
.homeCTA a.ctaBtn.signUp:hover {background: #f15b19; border: 2px solid #F37736; text-decoration: none; }
.homeCTA a.ctaBtn.signUp .icon {display: inline-block;height: 100%;border-right: 1px #FFF dotted;float: left;padding: 0 4%;font-size: 30px;}

/* Testimonial Section on Homepage */
.testimonialSlider li { background: none; padding: none; }

/* Homepage Video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    border: 6px solid #EEE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 30px 7px #333;
    -moz-box-shadow: 0 0 30px 7px #333;
    box-shadow: 0 0 30px 7px #333;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Homepage Sections */
.homeSection {
    background: #FFF;
    padding: 0 0 30px 0;
}
.homeSection .row {
    padding-top: 20px;
}
.homeSection h2 {
    display: block;
    font-size: 35px;
    color: #3E4C58;
    font-weight: 100;
    line-height: 40px;
    margin-bottom: 10px;
}
.homeSection p {
    font-size: 16px;
    font-weight: 200;
}
.homeSection a {
    color: #f37736;
    font-size: 14px;
    font-weight: bold;
}
.homeSection a:hover {color: #0dadd6; text-decoration: none;}
.content { width: 100%; background: #FFF; padding: 20px 0;}

/* Add-Ons */
.hotSource {width:1366px; margin-bottom:1.5em;}

.changeableRadius {
    width: 40px !important;
    font-size: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* Navigator Tabs on seller proposal page */
.nav-tabs li .status.active {background-color: var(--btn-primary-bg) !important;}
.nav-tabs li a.status.active:hover {color: var(--btn-primary-bg) !important; background-color:#fff !important;}
.nav-tabs li a{padding:.5em .7em}
.nav-tabs ul.top{margin:0 .1em;padding:0}
.nav-tabs ul.top>ul{margin:0;padding:0 0 1.5em}
.nav-tabs ul.top>ul>li:first-of-type{margin-left:-53px}
.nav-tabs a.undo{
    color:#0DADD6;
}
.nav-tabs .content{
    min-height: 70%;
}

.nav-tabs {
    position: relative;
    min-height: 150px; /* This part sucks */
    clear: both;
    margin: 25px 0;
}

.nav-tab {
    float: left;
}
.tableNav .nav-tab ul {
    /* we are providing our own bottom*/
    border-bottom:none;

}
.nav-tab label {
    background: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px 6px 0 0;
    margin-left: -1px;
    position: relative;
    left: 1px;
}
.nav-tab [type=radio] {
    display: none;
}
.nav-tab .content {
    position: absolute;
    top: 54px;
    left: 0;
    background: white;
    right: 0;
    bottom: 0;
    padding: 20px;
    border: 1px solid #ccc;
    /* square top-left: the tab sits on it */
    border-radius: 0 6px 6px 6px;
}
.nav-tab .content li{
    margin:0 .25em;
}
.nav-tab [type=radio]:checked ~ label {
    background: white;
    border-bottom: 1px solid white;
    z-index: 2;
}
.nav-tab [type=radio]:checked ~ label h1 span{
    font-weight: 700;
}

.nav-tab [type=radio]:checked ~ label ~ .content {
    z-index: 1;
}
/*seller proposal prevent links from wrapping*/
#sellerProposalTable a[class^="action-"]{
    white-space: nowrap;
}
/*contract fill buttons*/
fieldset.contract-fill-button-group {
    /*position: relative;*/
    margin-top: -2em;
    padding: 1em .5em 0;
}
fieldset.contract-fill-button-group label:first-of-type{
    padding-right:.25em;
}

fieldset.contract-fill-button-group legend{
    font-size:small;
}

.hideImportant {
    display:none !important;
}

.flex-layout {
    display: flex;
}

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

.flex-layout .flex-column {
    flex-direction: column !important;
    flex: 0 0 auto;
}

.force-to-foreground {
    z-index: 2147483647 !important;
}

/* Filter Chip Styles */
.filter-chip-row {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.filter-chip,
a.filter-chip,
a.filter-chip:link,
a.filter-chip:visited {
    padding: 4px 8px;
    background: white;
    border: 1px solid var(--sidebar-bg-color, #005F81);
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.25s ease;
    text-decoration: none;
    color: var(--sidebar-bg-color, #005F81) !important;
    box-sizing: border-box;
}

.filter-chip:hover,
a.filter-chip:hover {
    background: var(--sidebar-bg-color, #005F81);
    border-color: var(--sidebar-bg-color, #005F81);
    color: white !important;
    text-decoration: none;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}

.filter-chip.selected,
a.filter-chip.selected,
a.filter-chip.selected:link,
a.filter-chip.selected:visited {
    background: var(--sidebar-bg-color, #005F81) !important;
    border-color: var(--sidebar-bg-color, #005F81) !important;
    color: white !important;
}

.filter-chip.selected:hover,
a.filter-chip.selected:hover {
    background: white !important;
    color: var(--sidebar-bg-color, #005F81) !important;
}

.filter-section {
    margin-bottom: 20px;
}

/* Redmine #18206 - Target Location List control header redesign.
   Title stays top-left with the filter chips stacked beneath it. A single
   control row (per-page selector + search on the left, two orange CTA buttons
   on the right) is lifted up beside the chips, all bottoms aligned on one line.
   Everything is scoped under .target-location-list-page so the shared
   filterPersistence / table tags used by other pages are unaffected. */
.target-location-list-page {
    position: relative;
}
.target-location-list-page .target-location-list-page-header h1 {
    margin: 0 0 12px 0;
}

/* Filter chips: stacked, left-aligned below the title. The whole chip block
   floats left so the DataTables control row can flow into the space to its
   right (top-aligned beside the chips), and the table then CLEARS the float to
   sit directly beneath the chip block -- no dead whitespace band. Modeled on
   the Maps list, where the search + create button share the chip band's top
   line and the table follows the chip block with only a small gap. */
.target-location-list-page .target-location-list-filter-band {
    float: left;
    margin: 0;
    /* Redmine #18206 fix: the full-width .dataTables_wrapper is positioned
       (position: relative), so per CSS paint order it renders ABOVE this floated
       chip band and intercepts every click on the filter chips. Give the chip
       band its own stacking context above the wrapper so the chips stay
       clickable. */
    position: relative;
    z-index: 2;
}
.target-location-list-page .target-location-list-filter-band .filter-section {
    margin: 0;
}
.target-location-list-page .target-location-list-filter-band .filter-chip-row {
    margin-bottom: 8px;
}
.target-location-list-page .target-location-list-filter-band .filter-section .filter-chip-row:last-child {
    margin-bottom: 0;
}

/* The DataTables wrapper is NOT floated: it flows beside the floated chip
   block, so its control row (per-page + search on the left, Create New TLL on
   the right) lands on the top-right, top-aligned with the chips. */
.target-location-list-page .dataTables_wrapper {
    position: relative;
    text-align: right;
}
/* The table and its scroll/info/paginate siblings clear the floated chip block,
   dropping directly beneath it with only a small gap. */
.target-location-list-page .dataTables_wrapper > table.dataTable,
.target-location-list-page .dataTables_wrapper .dataTables_scroll,
.target-location-list-page .dataTables_wrapper .dataTables_info,
.target-location-list-page .dataTables_wrapper .dataTables_paginate {
    clear: both;
    text-align: left;
}
.target-location-list-page .dataTables_wrapper > table.dataTable {
    margin-top: 12px;
}
.target-location-list-page .dataTables_wrapper table.dataTable td,
.target-location-list-page .dataTables_wrapper table.dataTable th {
    text-align: left;
}
.target-location-list-page .dataTables_wrapper .dataTables_length,
.target-location-list-page .dataTables_wrapper .dataTables_filter,
.target-location-list-page .dataTables_wrapper .dataTableNav {
    display: inline-block;
    float: none;
    clear: none;
    vertical-align: top;
    text-align: left;
    margin: 0 0 0 14px;
}
/* reserve room on the right for the absolutely-placed CSV button so the
   Create New TLL button sits just to its left */
.target-location-list-page .dataTables_wrapper .dataTableNav {
    margin-right: 185px;
}
.target-location-list-page .dataTables_wrapper .dataTableNav:empty {
    display: none;
    margin: 0;
}
/* Redmine #18206 fix: the floated .target-location-list-filter-band above was
   given position: relative; z-index: 2 so the chips paint over -- and stay
   clickable above -- the positioned .dataTables_wrapper. But the full-width
   .dataTables_wrapper (position: relative, z-index auto) comes AFTER the header's
   absolutely-placed CSV button in the DOM, so among the auto-z-index positioned
   elements it paints LAST -- on top of the CSV button -- and swallows its click.
   The in-wrapper control row (per-page selector, search, "Create New TLL") sits
   below the band by the same mechanism. Lift the whole control row one level
   ABOVE the band (z-index: 3) so every control's click lands, while the chips
   (z-index: 2) stay clickable over the table.
   NOTE: only give the CSV button z-index here -- it must KEEP its own
   position: absolute; right: 0 (set just below). Do NOT add it to a rule that
   also sets `position`, and do NOT qualify its selector with the `a` element:
   `.target-location-list-page a.target-location-list-csv-import` (0,2,1) would
   outrank the positioning rule `.target-location-list-page
   .target-location-list-csv-import` (0,2,0) and force it back to position:
   relative, dropping it out of the top-right and onto the chips. */
.target-location-list-page .dataTables_wrapper .dataTables_length,
.target-location-list-page .dataTables_wrapper .dataTables_filter,
.target-location-list-page .dataTables_wrapper .dataTableNav {
    position: relative;
    z-index: 3;
}

/* --- Search box: light-gray pill, magnifier on the left, clear "x" on the right --- */
.target-location-list-page .dataTables_filter label {
    font-size: 0;
    font-weight: normal;
    margin: 0;
    position: relative;
    display: inline-block;
}
.target-location-list-page .dataTables_filter .clearfilter {
    position: relative;
    display: inline-block;
}
.target-location-list-page .dataTables_filter .clearfilter:before {
    font-family:"Font Awesome 7 Pro"; font-weight:300;
    content: "\f002";
    font-size: 14px;
    color: #888;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}
.target-location-list-page .dataTables_filter input,
.target-location-list-page .dataTables_filter .clearfilter input {
    font-size: 14px;
    background: #EEEEEE;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    padding: 8px 30px 8px 34px !important;
    margin: 0;
    width: 340px;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
}
.target-location-list-page .dataTables_filter .clearfilter span {
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-family: sans-serif;
    font-size: 15px;
}

/* --- Orange CTA buttons: "Create New TLL" (DataTables nav) + "Create From CSV" (anchor) --- */
.target-location-list-page .dataTableNav,
.target-location-list-page .dataTableNav #horizNav,
.target-location-list-page .dataTableNav #horizNav ul,
.target-location-list-page .dataTableNav #horizNav li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: inherit !important;
}
.target-location-list-page .dataTableNav #horizNav li:after {
    content: none;
}
.target-location-list-page .dataTableNav #horizNav li a,
.target-location-list-page a.target-location-list-csv-import,
.target-location-list-page a.target-location-list-csv-import:link,
.target-location-list-page a.target-location-list-csv-import:visited {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--secondary, #F0773F) !important;
    background-color: var(--secondary, #F0773F) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px;
    padding: 0 16px;
    height: 39px;
    box-sizing: border-box;
    min-width: 0;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase !important;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
}
.target-location-list-page .dataTableNav #horizNav li a:hover,
.target-location-list-page a.target-location-list-csv-import:hover {
    background: var(--secondary-light, #D86B39) !important;
    background-color: var(--secondary-light, #D86B39) !important;
    color: #fff !important;
    text-decoration: none;
}
/* neutralise the default .button caret and inner-span padding for the CSV anchor */
.target-location-list-page a.target-location-list-csv-import span {
    padding: 0;
    line-height: 1;
}
.target-location-list-page a.target-location-list-csv-import:after,
.target-location-list-page a.target-location-list-csv-import span:after,
.target-location-list-page a.target-location-list-csv-import span:not(.fa-stack):before {
    content: none !important;
    display: none !important;
}

/* CSV button pinned to the far right, aligned with the control line
   (per-page / search / Create New TLL) which sits at the top of the chip band */
.target-location-list-page .target-location-list-csv-import {
    position: absolute;
    top: 41px;
    right: 0;
    margin: 0;
    /* Redmine #18206: above the band (z-index 2) and the full-width
       .dataTables_wrapper (auto) so the CSV button's click is not swallowed.
       Kept on this same-specificity rule so position: absolute is preserved. */
    z-index: 3;
}

/* Single circle-plus glyph (FontAwesome \f055) in place of the stacked square + plus, so this JSPX list's
   create button has the same SHAPE as the Vue Maps list beside it, which renders
   <font-awesome-icon icon="circle-plus" />.

   The shapes match; the WEIGHTS deliberately do not, and have not since the Font Awesome 7 Classic Light
   migration. This rule is pinned to Solid (900) because it sits in the same toolbar as the other
   .dataTableNav stacked icons, which are Solid. The Vue circle-plus resolves Light (300) via
   config.styleDefault -- a ~1px ring around a ~1px plus at 16px. If the two are ever unified, unify them
   the other way (make the Vue create buttons Solid); do not turn this one Light, or it stops matching the
   toolbar it lives in. */
.target-location-list-page .dataTableNav #horizNav .fa-stack,
.target-location-list-page .target-location-list-csv-import .fa-stack {
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0;
    vertical-align: middle;
    color: #fff;
}
.target-location-list-page .dataTableNav #horizNav .fa-stack > i,
.target-location-list-page .target-location-list-csv-import .fa-stack > i {
    display: none;
}
.target-location-list-page .dataTableNav #horizNav .fa-stack:before,
.target-location-list-page .target-location-list-csv-import .fa-stack:before {
    content: "\f055";
    font-family: "Font Awesome 7 Pro";
    font-size: 16px;
    font-weight: 900; /* Solid: this is a filled glyph, not the Light ring */
    color: #fff;
    text-shadow: none;
}