html {
   /*background-color: #11316A;*/
}

body {
   text-align: left;
   background-color: #ffffff;
}



optgroup {
   font-weight: bold;
   font-style: italic;
   background-color: #ddd;
}

table {
   width: 100%;
}

pre {
   text-align: left;
}

input, select {
   font-size: 10pt;
   padding: .25em;
}

input.button {
   font-size: 10pt;
}

input[readonly] {
   background-color: whitesmoke;
}

.label.dropdown-readonly {
   font-size: 100%;
   white-space: nowrap;
   display: inline-block;
   font-weight: normal;
   padding: .5em;
}

.mphq-dyn-list-item-add-template {
   display: none;
}

#mphq-menu-modules-combined .navbar-nav>li>a,
#mphq-menu-modules .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
   }

#bsMediaInsertionAdFormDialog #adContainer[data-ad-new='true'] #addExistingContainer,
#bsMediaInsertionAdFormDialog #adContainer[data-ad-new='false'] #addNewContainer {
   display: none;
}

.border-light{border-color:#f8f9fa!important}

.text-bg-light {
   color: #000!important;
   background-color: RGBA(248,249,250,1)!important;
}

.badge-new {
   color: #fff!important;
   background-color: RGBA(25,135,84,1)!important;
}
.badge-improved {
   color: #fff!important;
   background-color: RGBA(13,110,253,1)!important;
}
.badge-fixed {
   color: #000!important;
   background-color: RGBA(255,193,7,1)!important;
}
.badge-customization {
   color: #000!important;
   background-color: RGBA(13,202,240,1)!important;
}
.badge-maintenance {
   color: #fff!important;
   background-color: RGBA(220,53,69,1)!important;
}

.dropdown-text {
   display: block;
   padding: 3px 20px;
}

.font-italic {
   font-style: italic!important;
}

#history-list blockquote {
   word-break: break-word;
}

.fa-stack:not(.fa-legacy) { font-size: 0.5em; }
.fa-stack i { vertical-align: middle; }

a.active span.show-collapsed {
   display: none;
}

a.collapsed span.show-active {
   display: none;
}

a.decorated {
   padding-right: .25em;
}

.metric-actual-source .panel-title > a.active > small {
   display: none;
}

table#metricActualFormTable > thead > tr > th.metric-actual {
   width: 200px;
}
table#metricActualFormTable > tbody > tr > td,
table#metricActualFormTable > tbody > tr > td > input[type='text'] {
   width: 100px;
}

fieldset#helpPopover legend h1,
fieldset#userNotificationListFieldset legend h1 {
   margin-top: 0;
   margin-bottom: 0;
}

/*a:visited {*/
/*color: #111;*/
/*}*/

a.decorated:hover {
   background-color: #333;
   color: #fff;
   padding-top: .10em;
   padding-right: .25em;
   padding-bottom: .10em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

/*Google emoticons styling*/
img.an1 {
   height:1.2em;
   width:1.2em;
   vertical-align:middle
}

.tableActionBar {
   margin-left: -15px;
   margin-right: -15px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 7px;
   border-bottom: 1px solid #eee;
}

.columnS-131 div a div:after,
.columnS-131 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' INVOICES'
}
body.lang-fr .columnS-131 div a div:after,
body.lang-fr .columnS-131 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' FACTURES'
}

.columnS-173 div a div:after,
.columnS-173 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' EXPECTED'
}
body.lang-fr .columnS-173 div a div:after,
body.lang-fr .columnS-173 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' ATTENDUES'
}

body.lang-fr .columnS-174 div a div:after,
body.lang-fr .columnS-174 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' REÇUES'
}

.columnS-174 div a div:after,
.columnS-174 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' RECEIVED'
}

body.lang-fr .columnS-175 div a div:after,
body.lang-fr .columnS-175 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' APPROUVÉES'
}

.columnS-175 div a div:after,
.columnS-175 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' APPROVED'
}

.columnS-176 div a div:after,
.columnS-176 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' PAID'
}
body.lang-fr .columnS-176 div a div:after,
body.lang-fr .columnS-176 div a div:after{
   font-size: 85%;
   color: #777;
   content: ' PAYÉE'
}

.tableActionBar,
.tableActionBar a,
.tableActionBar button,
.filterActionBar,
.filterActionBar a,
.filterActionBar button{
   color: #767676;
}

.selectize-dropdown {
   z-index: 1060;
}

.d-block {
   display: block;
}

.d-block-ellipsis {
   display: block;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.pager.pager-sm {
   font-size: 12px;
}

.pager.pager-table {
   margin: 0;
}

.pager.pager-sm li>a, .pager.pager-sm li>span{
   padding: 3px 8px;
}
.pager.pager-borderless li>a, .pager.pager-borderless li>span {
   border: none;
   vertical-align: middle;
   padding: 5px 12px;
}


.bg-and-text-danger {
   background-color: #f2dede;
}

.bg-and-text-danger,
.bg-and-text-danger a {
   color: #da3849!important;
}

.bg-and-text-primary {
   background-color: #daedf7;
}

bg-and-text-primary,
.bg-and-text-primary a {
   color: #157efb!important;
}

.bg-and-text-success {
   background-color: #e0f0d9;
}

.bg-and-text-success,
.bg-and-text-success a {
   color: #30a64a!important;
}

#selectTestSuiteButton {
   font-size: 10pt;
}

label {
   font-weight: bold;
}

.label:not(.text-nowrap) {
   white-space: normal;
}

.label-tags {
   background-color: #dfdfdf;
   color: #333333;
   font-size: 100%;
   font-weight: normal;
}

.label-status {
   font-size: 100%;
   font-weight: normal;
}

.d-inline {
   display: inline;
}

.d-inline-block {
   display: inline-block;
}

.selectize-control.multi .selectize-input > div {
   background-color: #dfdfdf;
}

.logoContainer {
   height: 70px;
}

.logoContainer span {
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}

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

.indent {
   padding-left: .5em;
}

.highlight1 {
   background-color: #F2F2F2;
}

.right {
   float: right;
}

.left {
   float: left;
}

.spacetop {
   margin-top: .5em;
}

.spaceleft {
   margin-left: .5em;
}

.gutter {
   padding: .5em;
}

#mediaQuestionMediaNames .errorMessage {
   margin-bottom: 0;
}

.row-sm-gutters {
   margin-right: -3px;
   margin-left: -3px
}

.row-sm-gutters [class*=col-] {
   padding-right: 3px;
   padding-left: 3px
}

.row-md-gutters {
   margin-right: -7px;
   margin-left: -7px;
}

.row-md-gutters [class*=col-] {
   padding-right: 7px;
   padding-left: 7px
}

.label-secondary {
   font-weight: 700;
   color: #959595;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.has-error .label-secondary {
   color: #a94442;
}

a.has-error {
   border-color: #a94442;
}

a.list-group-item.has-error {
   margin-bottom: 0;
   background-color: #f2dede;
}

.text2 {
   color: #666666;
}

.text3 {
   color: #919191;
}

div#title {
   height: 50px;
}

.primaryCell {

}

.minWidthCell {
   width: 1%;
}

.min50WidthCell {
   min-width: 50px;
}

.min75WidthCell {
   min-width: 75px;
}

.min100WidthCell {
   min-width: 100px;
}

.min150WidthCell {
   min-width: 150px;
}

.min200WidthCell {
   min-width: 200px;
}
.min300WidthCell {
   min-width: 300px;
}

.centerCell {
   text-align: center;
}

.secondaryCell {
   text-align: center;
   width: 1%;
}

.text-nowrap,
.nowrapCell {
   white-space: nowrap;
}

.singleLineDynamicWidthCell {
   white-space: nowrap;
}

.singleLineFixedWidthCell {
   white-space: nowrap;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.w-auto {
   width: auto!important;
}

.moneyCell, .displayOrderCell {
   text-align: right;
}

.groupsCell, .organizationsCell, .fieldsCell, .normalCell {
   min-width: 200px;
}

.actionsCell {
   width: 1%;
   white-space: nowrap;
}

div.errors {
   margin: 1em;
   background-color: #fff6ff;
   border: 2px solid #fda8a8;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

div.messages {
   margin: 1em;
   background-color: #f2ffee;
   border: 2px solid #a5ddad;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

div.errors h1, div.messages h1 {
   font-size: 125%;
   font-weight: bold;
   padding-bottom: .5em;
}

div.errors fieldset {
   padding: 1em;
   padding-left: 50px;
   background: url('../../images/iconex/sign_warning_32.png') 5px 5px no-repeat;
}

div.warnings {
   border: 2px solid #eeee00;
   padding: .5em;
   background-color: #ffffee;
   color: #404040;
   margin: .5em;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

div.messages fieldset {
   padding: 1em;
   padding-left: 50px;
   background: url('../../images/iconex/check_32.png') 5px 5px no-repeat;
}

div.errors fieldset ul, div.messages fieldset ul {
   padding-left: 25px;
}

div.errors fieldset ul li, div.messages fieldset ul li {
   list-style: none;
}

.bootstrap-autocomplete address {
   margin-bottom: 0px;
}

#administrationSections {
   text-align: center;
   padding: 1em;
}

#administrationSections fieldset {
   text-align: left;
   margin: 1em;
   padding: 1em;
   border: solid 2px #333;
   float: left;
   width: 350px;
   height: 300px;
}

#administrationSections fieldset legend {
   font-size: 16pt;
   font-weight: bold;
   padding-left: 30px;
   padding-right: .25em;
}

#administrationSections fieldset ul li {
   padding: .5em;
}

#accountSection legend {
   background: url('../../images/iconex/information_24.png') 3px 0 no-repeat;
}

#securitySection legend {
   background: url('../../images/iconex/security_badge_24.png') 3px 0 no-repeat;
}

#configSection legend {
   background: url('../../images/iconex/control_panel_24.png') 3px 0 no-repeat;
}

#configSection legend {
   background: url('../../images/iconex/control_panel_24.png') 3px 0 no-repeat;
}

td.projectHasParent a div:before,
td.projectHasParent a span:before{
   font-family: "Font Awesome 6 Pro";
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\e479";
   margin-right: 5px;
   color: initial;
}

td.projectHasChilds a div:after,
td.projectHasChilds a span:after {
   font-family: "Font Awesome 6 Pro";
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f0ae";
   margin-left: 5px;
   background: #d9edf7;
   padding: 4px;
   border-radius: 5px;
   color: initial;
}

.projectTypeTask div:before {
   color: #17a2b8;
}

.projectTypeCreative div:before {
   color: #007bff;
}

.projectTypeRequest > div > span {
   color: #333
}

td.projectTypeRequest > div:before {
   font-family: "Font Awesome 6 Pro";
   font-weight: 600;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f111";
}

td.projectTypeRequest.widthMin150Pixels > div > a.ngPopup > div:first-child {
   display: inline-block;
   max-width: 119px;
}

.position-relative {
   position: relative;
}

.formContainer {
   padding: 1em;
}

.formContainer div.chart {
   width: 300px;
   padding: .5em;
   border: 1px solid #eee;
}

.formContainer fieldset {
   text-align: left;
   margin: auto;
   padding: 1em;
   border: solid 2px #909090;
}

.formContainer fieldset p {
   font-size: 12pt;
   margin-bottom: 1em;
}

.formContainer fieldset legend {
   font-size: 16pt;
   font-weight: bold;
   padding-left: 0;
   padding-right: .25em;
   margin-bottom: 0.5em;
   width: initial;
   border: none;
}

.formContainer h1 {
   font-size: 14pt;
   font-weight: bold;
   margin-bottom: .5em;
}

.formContainer h2 {
   font-size: 12pt;
   margin-bottom: 1em;
}

.formContainer .section h3 {
   margin-top: 1em;
   font-weight: bold;
}

.formContainer .section p {
   margin-bottom: 1em;
}

.wwgrp {
   text-align: left;
   padding-top: .25em;
   padding-bottom: .25em;
}

.wwgrp label:not(.btn) {
   color: #303030;
   padding: .25em;
}

.wwctrl {
   display: inline-block;
   vertical-align: bottom;
   padding: .25em;
   max-width: 675px;
}

.wwctrl label {
   font-weight: normal;
}

.note-icon-file::before {
   content: "\f15b";
   font-family: "Font Awesome 6 Pro"!important;
}

.note-icon-file svg {
   display: none;
}

.wwlbl {
   color: #303030;
   display: inline-block;
   font-weight: bold;
   background-color: #eee;
   padding: .5em;
   vertical-align: top;
   width: 180px;
   text-align: right;
}

.wwlbl .required, .required {
   color: red;
}

form#sendEmail .wwlbl {
   width: 120px;
}

.bs3-toggle-buttons > .btn input[type="radio"],
.bs3-toggle-buttons > .btn-group > .btn input[type="radio"],
.bs3-toggle-buttons > .btn input[type="checkbox"],
.bs3-toggle-buttons > .btn-group > .btn input[type="checkbox"] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
}

.align-bottom,
tr.align-bottom th,
tr.align-bottom td {
   vertical-align: bottom!important;
}

.public-form .errorMessage {
   padding: 0;
}

.errorMessage {
   color: #a94442;
   padding-left: 0;
   list-style: none;
}

.errorMessage:not(.bs3-legacy) {
   font-weight: bold;
}

li.errorMessage > div.well {
   border-color: #a94442;
   background-color: #f2dede;
}

#public-marketing-request .logoContainer.logoMphq {
   height: 100px;
}

#public-marketing-request .panel-body {
   min-height: 500px;
}

div.errorMessage ul.errorMessage {
   padding-left: 0;
}

.wwerr .errorMessage {
   padding-left: 200px;
}

.public-form ul.errorMessage {
   margin-bottom: 0;
}

ul.errorMessage {
   padding-bottom: 0;
   padding-left: 0;
   margin-bottom: 5px;
}

ul.buttons {
   margin-top: 1em;
   padding: 1em;
   padding-left: 190px;
   background-color: #f7f2e4;
   border-top: 1px solid #f7e2a4
}

ul.buttons li {
   display: inline;
}

div.buttons {
   position: relative;
   clear: both;
   background-color: #ededed;
   border-top: 2px solid #cccccc;
   height: 45px;
   margin-top: 1em;
   padding: .5em 0;
   width: 98%;
}

div.buttons a {
   color: #003366;
   font-size: 10pt;
   text-decoration: none;
}

div.buttons a:hover {
   text-decoration: underline;
}

div.buttons div.primary {
   padding-left: 190px;
   float: left;
}

div.buttons div.secondary {
   float: left;
   text-align: left;
   padding-left: 50px;
   padding-top: 5px;
}

div#loginFormContainer fieldset {
   width: 40em;
}

div#loginFormContainer p {
   margin-bottom: .5em;
   font-size: 14pt;
}

div#loginFormContainer #signup {
   font-weight: bold;
}

div#loginFormContainer div#wwgrp_login_username {
   margin-top: 1.5em;
}

div#loginFormContainer #wwgrp_login_remember_me {
   padding-top: 1em;
   padding-left: 200px;
}

div#loginFormContainer input#j_password {
   display: block;
   margin-bottom: .5em;
}

div#sidebarContainer {
   width: 240px;
   padding: .5em;
   min-height: 275px;
   background: none;
   background-color: #eee;
   margin-top: .5em;
   padding: .25em;
   padding-top: 1em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   position: fixed;
   right: 10px;
}

div#sidebarContainer h1 {
   margin-top: 1em;
}

div#sidebarContainer p {
   padding: 0 0 .75em .75em;
}

div#sidebarContainer ul {
   margin-top: 1em;
   padding-left: 0em;
}

div#sidebarContainer ul li {
   padding-bottom: .5em;
   margin-left: 1em;
}

div#menuContainer  li#welcomeTab a em {
   padding-left: 40px;
   background-image: url('../../images/iconex/home_24.png');
   background-position: 8px 4px;
   background-repeat: no-repeat;
}

li#administrationTab {
   float: right;
   padding-right: 30px;
}

li#campaignTab, li#organizationTab, li#mediaTab, li#fileTab, li#proposalModuleTab {
   float: right;
}

#doc3 {
   margin: auto;
}

#doc3 #hd {

}

#doc3 #hd #topHdContainer {
   color: #fff;
   padding: .25em;
   height: 18px;
   background-color: #678fc2;
   border-bottom: 5px solid #4673AF;
}

#doc3 #hd #topHdContainer a {
   color: #fff;
}

#doc3 #hd #topHdContainer ul {
   padding-right: .5em;
}

#doc3 #hd #topHdContainer ul li {
   display: inline;
   padding-left: 1em;
}

#doc3 #hd #topHdContainer li#home, #doc3 #hd #topHdContainer li#project {
   float: left;
}

#doc3 #hd #topHdContainer li#logout,
#doc3 #hd #topHdContainer li#welcome,
#doc3 #hd #topHdContainer li#administration {
   float: right;
}

#doc3 #hd #topHdContainer #home a {
   padding-left: 18px;
   background: url('../../images/iconex/home_16.png') 0 50% no-repeat;
}

#doc3 #hd #topHdContainer #project a {
   padding-left: 18px;
   background: url('../../images/iconex/magazine_folder_16.png') 0 50% no-repeat;
}

#doc3 #hd #topHdContainer li#logout a,
#doc3 #hd #topHdContainer li#administration a {
   padding-left: 18px; /*background: url('../../images/iconex/sign_forbidden_16.png') 0 50% no-repeat;*/
}

#doc3 #hd #topHdContainer #welcome a {
   padding-left: 18px;
   background: url('../../images/iconex/user_16.png') 0 50% no-repeat;
}

#doc3 #hd #bottomHdContainer {
   min-height: 25px;
}

a.link {
   margin-right: .5em;
   text-transform: lowercase;
}

div#attachment a.deleteLink {
   margin-left: 5px;
}

#bsFileListAddFileFormDialog .updatable .updating {
   top: 7px;
}

.campaignLink {
   padding-left: 18px;
   background: url('../../images/iconex/chart_gantt_16.png') 0 50% no-repeat;
}

.budgetLink {
   padding-left: 18px;
   background: url('../../images/iconex/money_dollar_16.png') 0 50% no-repeat;
}

.organizationLink {
   padding-left: 18px;
   background: url('../../images/iconex/target_16.png') 0 50% no-repeat;
}

.report {
   margin: .5em;
}
.report a {
   padding-left: 18px;
   background: url('../../images/iconex/bullet_ball_glass_blue_16x16.png') 0 50% no-repeat;
}

.quickreport,
.planningSummaryReportLink {
   padding-left: 18px;
   background: url('../../images/iconex/bullet_ball_glass_blue_16x16.png') 0 50% no-repeat;
}

.planningFieldTotalSummaryReportLink {
   padding-left: 18px;
   background: url('../../images/iconex/bullet_ball_glass_blue_16x16.png') 0 50% no-repeat;
}

.estimateSummaryReportLink {
   padding-left: 18px;
   background: url('../../images/iconex/bullet_ball_glass_blue_16x16.png') 0 50% no-repeat;
}

.actualSummaryReportLink {
   padding-left: 18px;
   background: url('../../images/iconex/bullet_ball_glass_blue_16x16.png') 0 50% no-repeat;
}

.mediaLink {
   padding-left: 18px;
   background: url('../../images/iconex/cd_16.png') 0 50% no-repeat;
}

.createLink {
   padding-left: 18px;
   background: url('../../images/iconex/plus_16.png') 0 50% no-repeat;
}

.viewLink {
   padding-left: 18px;
   background: url('../../images/iconex/eye_16.png') 0 50% no-repeat;
}

.refreshLink {
   padding-left: 18px;
   background: url('../../images/iconex/refresh_16.png') 0 50% no-repeat;
}

.bulkLink {
   padding-left: 18px;
   background: url('../../images/iconex/cloud_flash_16.png') 0 50% no-repeat;
}

.reportLink {
   padding-left: 18px;
   background: url('../../images/iconex/chart_pie_16.png') 0 50% no-repeat;
}

.deleteLink {
   padding-left: 18px;
   background: url('../../images/iconex/delete_16.png') 0 50% no-repeat;
}

.manageLink {
   padding-left: 18px;
   background: url('../../images/iconex/gearwheel_16.png') 0 50% no-repeat;
}

.manageFieldAssociationsLink {
   padding-left: 18px;
   background: url('../../images/iconex/pieces_16.png') 0 50% no-repeat;
}

.manageFieldsLink {
   padding-left: 18px;
   background: url('../../images/iconex/piece_16.png') 0 50% no-repeat;
}

.manageFADefLink {
   padding-left: 18px;
   background: url('../../images/iconex/pieces_16.png') 0 50% no-repeat;
}

.manageTSDefLink {
   padding-left: 18px;
   background: url('../../images/iconex/book_16.png') 0 50% no-repeat;
}

.bugLink {
   padding-left: 18px;
   background: url('../../images/iconex/bug_16.png') 0 50% no-repeat;
}

.filterInLink {
   padding-left: 18px;
   background: url('../../images/iconex/funnel_16.png') 0 50% no-repeat;
}

.filterOutLink {
   padding-left: 18px;
   background: url('../../images/iconex/funnel_delete_16.png') 0 50% no-repeat;
}

.archiveLink {
   padding-left: 18px;
   background: url('../../images/iconex/lock_16.png') 0 50% no-repeat;
}

.unarchiveLink {
   padding-left: 18px;
   background: url('../../images/iconex/lock_open_16.png') 0 50% no-repeat;
}

.copyLink {
   padding-left: 18px;
   background: url('../../images/iconex/documents_empty_16.png') 0 50% no-repeat;
}

.updateLink {
   padding-left: 18px;
   background: url('../../images/iconex/pencil_16.png') 0 50% no-repeat;
}

.exportLink {
   padding-left: 18px;
   background: url('../../images/iconex/cloud_download_16.png') 0 50% no-repeat;
}

.synchronizeLink {
   padding-left: 18px;
   background: url('../../images/iconex/refresh_16.png') 0 50% no-repeat;
}

.passLink {
   padding-left: 18px;
   background: url('../../images/iconex/check_16.png') 0 50% no-repeat;
}

.skipLink {
   padding-left: 18px;
   background: url('../../images/iconex/sign_warning_16.png') 0 50% no-repeat;
}

.failLink {
   padding-left: 18px;
   background: url('../../images/iconex/bug_16.png') 0 50% no-repeat;
}

#changePasswordLink {
   padding-left: 18px;
   background-image: url('../../images/iconex/key_16.png');
   background-position: 0 50%;
   background-repeat: no-repeat;
}

#changeContactLink {
   padding-left: 18px;
   background-image: url('../../images/iconex/id_card_16.png');
   background-position: 0 50%;
   background-repeat: no-repeat;
}

#menuContainer {
   font-size: 14pt;
}

#doc3 #bd {
   min-height: 500px;
   padding: .5em;
   padding-top: 1em;
}

div#functionalAreaTitle {
   background-color: #A3A3A3;
   padding: .5em;
   padding-bottom: .75em;
   color: #fff;
}

div#functionalAreaTitle h2 a {
   color: #fff;
}

#mediaplanhq #hd {
   background-color: #ffffff;
   color: #2f2b2c;
}

#mediaplanhq #ft {
   padding: 1em;
   text-align: center;
   color: #ffffff;
   background-color: #2F2B2C;
   border-top: 5px solid #524E4F;
   z-index: 3;
   width: 100%;
}

#mediaplanhq #ft a {
   color: #ffffff;
}

#mediaplanhq.ng-scroll-visible .tableFloatingFooter {
   padding-bottom: 15px
}

#mediaplanhq.ng-scroll-visible #ft {
   padding-bottom: 20px;
}

.fa-rotate-45 {
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg); }

:root .fa-rotate-45 {
   -webkit-filter: none;
   filter: none; }

.listContainer {
   padding: .5em;
}

.listContainer form {
   clear: both;
}

div.dataTableTitle {
   height: 45px;
   background-color: #111;
   color: #fff;
   -moz-border-radius-topright: 3px;
   -moz-border-radius-topleft: 3px;
   -webkit-border-radius-topright: 3px;
   -webkit-border-radius-topleft: 3px;
}

.dataTablePaging {
   float: right;
}

.dataTablePaging #paging a.pageNav, .dataTablePaging #pagingSummary a.pageNav {
   color: #fff;
}

.dataTableTitleText {
   float: left;
   padding: .25em;
   font-weight: bold;
   font-size: 20pt;
}

.dataTable h1 {
   font-size: 14pt;
   font-weight: bold;

}

.dataTable ul li {
   display: inline;
   margin-right: 1em;
}

.dataTable ul.errorMessage li {
   display: block;
}

.dataTable tr th, .dataTable tr td {
   padding: .5em;
   padding-left: .5em;
   padding-right: .5em;
   vertical-align: top;
}

.calendar-box {
   border: 1px solid #aaa;
   padding: .25em;
   margin: .25em .25em .5em;
   width: 12%;
   text-align: center;
   vertical-align: top;
}

.calendar-box.filler {
   background-color: #f9f9f9;
}
.calendar-box.today {
   border: 3px solid #11316A;
}

.dataTable tr:hover,
#calendarTable td:not(.filler):hover,
tr.rowAlternate tr:hover {
   background-color: #efefef;
}

.row-gutters3 [class*=col-] {
   padding-right: 3px;
   padding-left: 3px;
}

.row-gutters3 {
   margin-right: -3px;
   margin-left: -3px;
}

.dataTable tr.filterCell td {
   background-color: #ddd;
}

.dataTable tr th {
   border: 1px solid #fff;
   background-color: #333;
   color: #fff;
   font-weight: bold;
   white-space: nowrap;
}

.dataTable tr th a {
   color: #fff;
   text-decoration: underline;
}

.dataTable tr th a:hover {
   color: #fff;
}

.dataTable tr td {
   border-bottom: 1px solid #eee;
}

.dataTable {
   font-size: 8pt;
}

#actions {
   padding: .5em;
   background-color: #f7f2e4;
   height: 20px;
   vertical-align: middle;
   border-top: 1px solid #f7e2a4
}

#actions ul {
   margin: 0;
   padding: 0;
   padding-right: 20px;
   list-style: none;
}

#actions li {
   float: right;
   margin: 0;
   margin-left: .75em;
   padding-right: 4px;
   padding-top: 2px;
   padding-bottom: 2px;
   vertical-align: middle;
}

/** PAGING **/
div#paging {
   padding: 1em;
   text-align: center;
}

div#paging .page {
   padding: .5em;
   margin-left: .5em;
   margin-right: .5em;
}

div#paging a.page {
   color: #0066CC;
   text-decoration: underline;
   border: 1px solid #ccc;
}

div#paging a.page:hover {
   background-color: #fff;
   border: 2px solid #0066CC;
}

div#paging span.page {
   font-weight: bold;
}

div#paging span.pageNav {
   color: #ccc;
}

div#paging a.pageNav {
   color: #0066CC;
   text-decoration: underline;
}

div#paging a.pageNav:hover {
   color: #0066CC;
}

div#pagingSummary {
   padding: 1em;
   text-align: right;
}

div#pagingSummary a.page:hover {
   border: 2px solid #0066CC;
}

div#pagingSummary span.page {
   font-weight: bold;
}

div#pagingSummary span.pageNav {
   color: #ccc;
}

div#pagingSummary a.pageNav {
   color: #0066CC;
   text-decoration: underline;
}

div#pagingSummary a.pageNav:hover {
   color: #0066CC;
}

div.testCaseResultCell, div.testCaseAssignCell {
   float: right;
}

div.testCaseResultCell, td.testCaseResultCell {
   padding: .5em;
}

.testCaseResultCell span, .archivedCell span {
   padding: .25em;
   font-weight: bold;
   padding: .25em 1.5em;
}

div.testCaseAssignCell, td.testCaseAssignCell {
   padding: .25em;
   width: 60px;
}

.archived {
   color: #ccc;
   text-decoration: line-through;
}

.assignment-list {
   font-size: 20px;
}

.assignment-list-item {
   display: inline-block;
   text-align: center;
}

.assignment-list-item-role {
   font-size: 10px;
   margin-bottom: 2px;
   width: 55px;
   overflow-x: hidden;
   text-overflow: ellipsis;
   text-align: center;
   white-space: nowrap;
}

.assignment-initials {
   padding: 5px;
   background: #ddd;
}

.assignment-initials.responsible {
   background: #d9edf7;
}

span.automated {
   padding: .25em 1.5em;
   font-weight: bold;
   background-color: yellow;
}

.archivedCell span.archived {
   color: #000;
   background-color: #ddd;
   text-decoration: none;
}

span.result {
   padding: .25em 1.5em;
   font-weight: bold;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

span.pass {
   background-color: #a5ddad;
}

span.skip {
   background-color: #FFFFAA;
}

span.fail {
   background-color: #fda8a8;
}

div.testCaseFunctionalArea span, div.testCaseTestSuites span {
   font-weight: bold;
   padding: .25em;
}

table.dataTable {
   clear: both;
}

table.dataTable tr.selectedNormal td {
   background-color: #eef2f4;
   font-size: 125%;
}

table.dataTable tr.selectedNormal td.topcell {
   border-top: 3px solid #074fa4;
}

table.dataTable tr.selectedNormal td.bottomcell {
   border-bottom: 3px solid #074fa4;
}

table.dataTable tr.selectedNormal td.leftcell {
   border-left: 3px solid #074fa4;
}

table.dataTable tr.selectedNormal td.rightcell {
   border-right: 3px solid #074fa4;
}

table.dataTable tr.selectedPass td {
   background-color: #f2ffee;
   font-size: 125%;
}

table.dataTable tr.selectedPass td.topcell {
   border-top: 3px solid #a5ddad;
}

table.dataTable tr.selectedPass td.bottomcell {
   border-bottom: 3px solid #a5ddad;
}

table.dataTable tr.selectedPass td.leftcell {
   border-left: 3px solid #a5ddad;
}

table.dataTable tr.selectedPass td.rightcell {
   border-right: 3px solid #a5ddad;
}

table.dataTable tr.selectedSkip td {
   background-color: #fff;
   font-size: 125%;
}

table.dataTable tr.selectedSkip td.topcell {
   border-top: 3px solid #FFFFAA;
}

table.dataTable tr.selectedSkip td.bottomcell {
   border-bottom: 3px solid #FFFFAA;
}

table.dataTable tr.selectedSkip td.leftcell {
   border-left: 3px solid #FFFFAA;
}

table.dataTable tr.selectedSkip td.rightcell {
   border-right: 3px solid #FFFFAA;
}

table.dataTable tr.selectedFail td {
   background-color: #fff6ff;
   font-size: 125%;
}

table.dataTable tr.selectedFail td.topcell {
   border-top: 3px solid #fda8a8;
}

table.dataTable tr.selectedFail td.bottomcell {
   border-bottom: 3px solid #fda8a8;
}

table.dataTable tr.selectedFail td.leftcell {
   border-left: 3px solid #fda8a8;
}

table.dataTable tr.selectedFail td.rightcell {
   border-right: 3px solid #fda8a8;
}

div#noexTotal {
   background-color: #eef2f4;
   border: 3px solid #074fa4;
}

div#passTotal {
   background-color: #f2ffee;
   border: 3px solid #a5ddad;
}

div#skipTotal {
   background-color: #fff;
   border: 3px solid #FFFFAA;
}

div#failTotal {
   background-color: #fff6ff;
   border: 3px solid #fda8a8;
}

#selectTestExecutionForm {
   float: left;
}

.progressContainer {
   width: 300px;
}

.progress.timelog {
   border: 1px solid #ccc;
   width: 250px;
   height: 20px;
   float: left;
   min-width: 250px;
}

.progressPercent {
   font-weight: bold;
   font-size: 110%;
}

#productionWorkloadReport .progress {
   border: none;
   border-radius: 4px;
   box-shadow: none;
   background-color: transparent;
   min-width: 0;
}

.progress-bar-left {
   background-color: #e5e5e5;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.progress-bar-left span {
   color: #000;
}

div.resultTotal {
   width: 150px;
   padding: .05em;
   margin: 1em;
   text-align: center;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#popoverMediaAuthorizationInfo .content-scrollable {
   max-height: 500px;
}

div#title h1 {
   height: 30px;
}

.bigFeedbackBox {
   margin: 1em;
   margin-top: .5em;
   padding: 1em;
   padding-left: 145px;
   min-height: 115px;
}

.bigFeedbackBox p {
   line-height: 1.5em;
}

div.bigFeedbackBox table td {
   vertical-align: top;
}

.welcomeHome {
   background: #eef2f4 url('../../images/iconex/about_128.png') 10px 10px no-repeat;
   border: 2px solid #074fa4;
}

.flowRestrictions {
   background: #fff99c url('../../images/iconex/sign_warning_128.png') 10px 10px no-repeat;
   border: 2px solid #ecd80e;
}

.unauthorized {
   background: #fff6ff url('../../images/iconex/sign_forbidden_128.png') 10px 10px no-repeat;
   border: 2px solid #fda8a8;
}

.unknown {
   background: #fff99c url('../../images/iconex/question_128.png') 10px 10px no-repeat;
   border: 2px solid #ecd80e;
}

.bigFeedbackBox h1 {
   font-weight: bold;
   font-size: 18pt;
}

.bigFeedbackBox h2 {

}

.bigFeedbackBox h3 {
   margin-top: 1em;
}

.bigFeedbackBox a {
   color: red;
}

.bigFeedbackBox a:hover {
   color: #fff;
   background-color: red;
}

.bigFeedbackBox p {
   font-size: 125%;
   margin-bottom: 1em;
}

#a_updateaccount, #a_createcampaign, #a_createmedia, #a_createmediacategory, #a_createmediainsertion, #a_createmediawork, #a_createorganization, #a_createproject, #a_createuser, #a_creategroup, #a_createinvoice, #a_createorganizationgroup, #a_uploadcreative, #a_createmediaWorkStatus, #a_createfield, #a_createfieldlist, #a_createfielddate, #a_createfieldnumber, #a_createfieldfieldtemplate, #a_createrequesttype, #a_createrequest {
   margin-top: .25em;
}

ul.testSuites li {
   display: inline;
}

.numberTestResults {
   font-size: 75%;
   color: #0a0a0a;
   font-weight: normal;
}

.multilineCellHead {
   font-size: 125%;
   font-weight: bold;
}

.multilineCellLabel {
   text-decoration: underline;
}

#linkIssueContainer, #createIssueContainer, #jiraContainer {
   border: 1px solid #ccc;
   padding: .5em;
   margin: .5em;
}

#branding {
   color: #fff;
   margin-left: .5em;
   padding: .25em;
   background-color: transparent;
   font-size: 14pt;
   font-weight: bold;
   text-align: left;
}

#modules {
   clear: both;
   margin: 0;
   padding: 0;
   text-align: left;
   height: auto;
   background-color: #347cfe;
}

#modules li {
   margin: 0 0 0 0;
   padding: .5em 1em;
   display: inline-block;
   list-style-type: none;
   background-color: transparent;
   text-transform: uppercase;
}

#modules li a {
   color: #ffffff;
}

#modules li.active {
   background-color: #ffffff;
}

#modules li.active a {
   color: #000000;
}

#modules li:not(.active) .badge {
   color: #337ab7;
   background-color: #fff;
}

.trial #modules li.active {
   background-color: #DAE7FF

}

.trial #modules li.active a {
   color: #6E6B6C;
}

.trial #modules li.active:hover {
   background-color: #99BCFE;
}

.trial #modules li.active:hover a {
   color: #ffffff;
}


#modules li.active:hover {
   background-color: #ffffff;
   height: auto;
}

#modules li:hover {
   background-color: #99BCFE;
   height: auto;
}

#userSession, #userSession a {
   color: #2f2b2c;
}

#userSession ul {
   margin-bottom: .4em;
}

#userSession ul li {
   display: inline;
   list-style-type: none;
   margin-left: 1em;
}

#userSessionProject {
   font-size: 16pt;
}

.right {
   float: right;
}

li#testDefinition2Tab a {
   padding-left: 24px;
   background-image: url('../../images/iconex/books_16.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

li#testExecution2Tab a {
   padding-left: 24px;
   background-image: url('../../images/iconex/check_16.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

li#testReport2Tab a {
   padding-left: 24px;
   background-image: url('../../images/iconex/chart_pie_16.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

li#administration2Tab a {
   padding-left: 24px;
   background-image: url('../../images/iconex/workplace_16.png');
   background-position: 0 0;
   background-repeat: no-repeat;
}

.rightCell {
   text-align: right;
}

.contentContainer {
   background-color: #ddd;
   margin: .5em;
   padding: .5em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.content {
   clear: both;
   border: 3px solid #bbb;
   background-color: #fff;
   padding: 1em;
   overflow-x: scroll;
   min-height: 375px;
}

/*.content-table {*/
   /*overflow-x: auto;*/
/*}*/

div.ft .button-group {
   padding-right: 395px;
}

table#mediaDataTable span.media {
   padding-left: 5px;
}

span#wwctrl_saveMedia_dataForm_mediaCategoryId label {
   margin-left: 2px;
   margin-right: 10px;
}

#export-actions {
   float: right;
   padding: 1em;
}

h2#comment-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/message_24.png') 0 0 no-repeat;
}

h2#timelog-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/history2_24.png') 0 0 no-repeat;
}

h2#correction-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/erase_24.png') 0 0 no-repeat;
}

h2#organization-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/target_24.png') 0 0 no-repeat;
}

.media-authorization-status-label-hide .media-authorization-status-label {
   display: none;
}

h2#media-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/cd_24.png') 0 0 no-repeat;
}

h2#field-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/pieces_24.png') 0 0 no-repeat;
}

h2#file-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/paperclip_24.png') 0 0 no-repeat;
}

h2#budget-popover-title {
   font-size: 16pt;
   float: left;
   padding-left: 25px;
   background: url('../../images/iconex/piggy_bank_24.png') 0 0 no-repeat;
}

h1#organization-popover-title, div#projectorganization-popover-title {
   float: left;
   padding-left: 40px;
   background: url('../../images/iconex/target_32.png') 0 5px no-repeat;
}
div#projectorganization-popover-title h1 {
   padding-left: 0;
   padding-top: 0;
}

h1#media-popover-title {
   float: left;
   padding-left: 40px;
   background: url('../../images/iconex/cd_32.png') 0 5px no-repeat;
}

div#fieldfield-popover-title {
   float: left;
   padding-left: 40px;
   background: url('../../images/iconex/piece_32.png') 0 5px no-repeat;
}

h1#field-popover-title {
   float: left;
   padding-left: 40px;
   background: url('../../images/iconex/piece_32.png') 0 5px no-repeat;
}

div#campaignFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/chart_gantt_128.png') 10px 0 no-repeat;
}

div.reportFormContainer,
div#planningFieldTotalSummaryReportFormContainer,
div#actualSummaryReportFormContainer,
div#accountingSummaryReportFormContainer,
div#estimateSummaryReportFormContainer,
div#planningSummaryReportFormContainer
div#productionEffortTotalSummaryReportFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/chart_pie_128.png') 10px 0 no-repeat;
}

div#planningGettingStarted {
   padding-left: 145px;
   background: url('../../images/iconex/newspaper_128.png') 10px 0 no-repeat;
}
div#calendarGettingStarted {
   padding-left: 145px;
   background: url('../../images/iconex/calendar_128.png') 10px 0 no-repeat;
}

div#budgetsFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/money_bills_128.png') 10px 0 no-repeat;
}

div#systemNotificationMessageConfigurationFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/megaphone_128.png') 10px 0 no-repeat;
}

div#creativeFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/floppy_disk_128.png') 10px 0 no-repeat;
}

div#mediaWorkFormContainer, div#mediaWorkStatusFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/painters_palette_brush_128.png') 10px 0 no-repeat;
}

div#invoiceFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/invoice_dollar_128.png') 10px 0 no-repeat;
}

div#invoiceApproveFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/rubber_stamp_128.png') 10px 0 no-repeat;
}

div#mediaWorkUploadArtifactFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/cloud_upload_128.png') 10px 0 no-repeat;
}

div.emailFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/mail_128.png') 10px 0 no-repeat;
}

div#mediaFormContainer, div#mediaCategoryFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/cd_128.png') 10px 0 no-repeat;
}

div#mediaInsertionFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/newspaper_128.png') 10px 0 no-repeat;
}

div#organizationFormContainer, div#projectOrganizationFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/target_128.png') 10px 0 no-repeat;
}

div#signupFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/about_128.png') 10px 0 no-repeat;
}

div#changeAccountFormContainer, div#accountFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/about_128.png') 10px 0 no-repeat;
}

div#cancelAccountFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/sign_warning_128.png') 10px 0 no-repeat;
}

div#forgotPasswordFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/key_128.png') 10px 0 no-repeat;
}

div#error500FormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/window_warning_128.png') 10px 0 no-repeat;
}

div#error404FormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/window_earth_128.png') 10px 0 no-repeat;
}

div#createProjectFormContainer, div#updateProjectFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/magazine_folder_128.png') 10px 0 no-repeat;
}

div.deleteFormContainer,
div#deleteFileCategoryFormContainer,
div#deleteMediaCategoryFormContainer,
div#deleteMediaFormContainer,
div#deleteOrganizationFormContainer,
div#deleteProjectOrganizationFormContainer,
div#deleteCampaignFormContainer,
div#deleteUserFormContainer,
div#deleteGroupFormContainer,
div#deleteInvoiceStatusFormContainer,
div#deleteMediaInsertionStatusFormContainer,
div#deleteMediaInsertionFormContainer,
div#deleteMediaWorkFormContainer,
div#deleteProjectFormContainer,
div#deleteInvoiceFormContainer,
div#deleteFileFormContainer,
div#deleteMediaWorkStatusFormContainer,
div#deleteRequestStatusFormContainer,
div#deleteMediaWorkArtifactFormContainer,
div#deleteFieldFormContainer,
div#deleteAccountFormContainer {
   min-height: 150px;
   padding-left: 145px;
   background: url('../../images/iconex/sign_warning_128.png') 10px 0 no-repeat;
}

div#unauthorizedFormContainer {
   min-height: 150px;
   padding-left: 145px;
   background: url('../../images/iconex/sign_forbidden_128.png') 10px 0 no-repeat;
}

div#userFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/user_128.png') 10px 0 no-repeat;
}

div#fieldFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/piece_128.png') 10px 0 no-repeat;
}

div#groupFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/users3_128.png') 10px 0 no-repeat;
}

div#changeContactFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/id_card_128.png') 10px 0 no-repeat;
}

div#changePasswordFormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/key_128.png') 10px 0 no-repeat;
}

#filters {
   margin-bottom: 1em;
}

.filter,
#filter-projects,
#filter-organizations,
#filter-campaigns,
#filter-deadlines,
#filter-status,
#filter-months{
   margin-top: .5em;
}

.filter a,
.filter a.decorated,
.filter span,
#filter-projects a,
#filter-projects span,
#filter-organizations a,
#filter-organizations span,
#filter-campaigns a,
#filter-campaigns span,
#filter-deadlines a,
#filter-deadlines span,
#filter-status a,
#filter-status span,
#filter-months a,
#filter-months span {
   font-size: 8pt;
   margin-right: .5em;
   padding: .5em;
   display: inline-block;
   color: #000000;
}

.filter a.decorated:hover {
   color: #ffffff;
}

.filter span.selected,
#filter-projects span.selected,
#filter-organizations span.selected,
#filter-campaigns span.selected,
#filter-deadlines span.selected,
#filter-status span.selected,
#filter-months span.selected {
   font-size: 10pt;
   font-weight: bold;
   color: #fff;
   padding: .25em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.filter span.selected,
#filter-projects span.selected,
#filter-organizations span.selected,
#filter-deadlines span.selected {
   background-color: #990000;
}

#filter-campaigns span.selected,
#filter-status span.selected,
#filter-months span.selected {
   background-color: #cc0000;
}

.wwcheckbox {
   display: block;
   padding: .1em;
}

.wwcheckbox .checkboxLabel {
   padding-left: 2px;
}

#planification-mediainsertions {
   clear: both;
   margin-top: 1em;
   width: 100%;
}

.planification-mediatype {
   background-color: #e5e5e5;
   font-weight: bold;
   font-size: 120%;
}

.planification-media {
   font-style: italic;
   font-weight: bold;
   background-color: #f5f5f5;
   border-top: 3px solid #e5e5e5;
}

tr.planification-media td {
   padding-bottom: .5em;
}

.planification-media-total {
   font-weight: bold;
}

.planification-total {
   font-weight: bold;
   border-top: 3px solid #555555;
   font-size: 120%;
   background-color: #fff;
}

.cost {
   white-space: nowrap;
}

.planification-total-cost {
   font-weight: bold;
}

#planification-summary tr {
   border-bottom: 1px solid #c5c5c5;
}

#planification-summary tr td {
   padding: .5em;
}

#planification-summary th {
   padding: .5em;
   color: #fff;
   background-color: #333;
   border-right: 1px solid #fff;
   text-align: center;
   font-weight: bold;
}

#planification-summary td.organization {
   font-size: 12pt;
   font-weight: bold;
}

#planification-summary td.cost {
   text-align: center;
}

#planification-summary td.total {
   text-align: center;
}

#planification-summary td.total, table.dataTable tr.total-cost td {
   font-weight: bold;
}

#planification-summary tr.total td, table.dataTable tr.total-cost {
   border-top: 3px solid #a5a5a5;
   background-color: #f5f5f5;
   font-weight: bold;
}

table.dataTable tr.sub-total-cost {
   border-bottom: 1px solid #a5a5a5;
}

tr.info-total {
   border-top: 3px solid #a5a5a5;
   background-color: #f5f5f5;
   font-weight: bold;
}

div.status-default {
   margin: .15em;
   white-space: nowrap;
   text-align: center;
   padding: .3em;
   padding-right: 2em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

div.status-default a {
   white-space: nowrap;
}

div#submenu {
   padding: .5em;
   padding-left: 1em;
   clear: both;
}

div#submenu ul li {
   display: inline;
   padding-right: 2em;
}

.table-hover>tbody>tr td.costHighlight,
.table-striped>tbody>tr:nth-of-type(odd) td.costHighlight,
tr td.costHighlight {
   background-color: #f0f0f0;
}
.table-hover>tbody>tr:hover td.costHighlight,
.table-striped>tbody>tr:hover:nth-of-type(odd) td.costHighlight,
tr:hover td.costHighlight {
   background-color: #d1d1d1;
}

.table-hover>tbody>tr.invoicePaid td.costHighlight,
.table-striped>tbody>tr.invoicePaid:nth-of-type(odd) td.costHighlight,
tr.invoicePaid td.costHighlight {
   background-color: #AACFA0;
}
.table-hover>tbody>tr.invoicePaid:hover td.costHighlight,
.table-striped>tbody>tr.invoicePaid:hover:nth-of-type(odd) td.costHighlight,
tr.invoicePaid:hover td.costHighlight {
   background-color: #7CB66D;
}

.table-hover>tbody>tr.invoicePaid,
.table-striped>tbody>tr.invoicePaid:nth-of-type(odd),
tr.invoicePaid {
   background-color: #CFE4C9;
}
.table-hover>tbody>tr.invoicePaid:hover,
.table-striped>tbody>tr.invoicePaid:hover:nth-of-type(odd),
tr.invoicePaid:hover {
   background-color: #A0CA96;
}

.table-top-section {
   background-color: #fff;
   font-size: 75%;
   margin-bottom: 5px;
}

.table-bulk-actions {

}

.table-count {
   font-size: 14pt; color: #303030; margin-right: .25em;
}

div#budget, div#remaining, div#total, div#summaryChartLink {
   font-weight: bold;
   padding: .25em;
}

#messagesContainer {
   width: 600px;
   position: fixed;
   z-index: 999;
   top: 0;
   left: 50%;
   margin-left: -300px;
}

#messagesContainer a {
   color: red;
   font-weight: bold;
}

#messagesContainer a:hover {
   background-color: red;
   color: #fff;
}

#summaryChart {
   padding-left: 20px;
   text-align: center;
   width: 200px;
   height: 200px;
}

.numberMatrixChart {
   height: 350px;
   margin-bottom: 2em;
}

div#reportSidebarContainer ul {
   margin-top: 1em;
   padding-left: 0em;
}

div#reportSidebarContainer ul li {
   padding-bottom: .5em;
   margin-left: 1em;
}

div#doc3 div#bd {
   min-height: 625px;
}

div.content {
   min-height: 500px;
}

.dataTable tr th {
   background-color: #777;
}

.flowRestrictions p {
   font-size: 12pt;
   margin-bottom: 1em;
}

strong {
   font-weight: bold;
}



div.hiddenContainer {
   visibility: hidden;
   display: none;
   height: 0;
}

div.visibleContainer {
   visibility: visible;
   display: block;
   height: auto;
}

#trialInfo {
   margin-left: 75px;
   margin-top: 7px;
   color: red!important;
}

span.errorMessage {
   margin-left: 0;
   padding-left: 0;
}

.wwctrl table tr td {
   padding-right: 1em;
   padding-bottom: .5em;
   padding-top: .5em;
}

div#footerContainer {
   min-height: 200px;
}

#footerContainer .leftSide {
   float: left;
   width: 65%;
   text-align: center;
   margin-left: 160px;
}

#footerContainer .rightSide {
   float: right;
}

span#wwctrl_saveProject_dataForm_projectOrganizationIds,
span#wwctrl_saveProject_dataForm_campaignIds,
span#wwctrl_saveProject_projectForm_jobNumberPrefix {
   width: 75%;
}

.costXBudget, .costXBalance {
   background-color: #d0d0d0;
}

tr.top-separator-ccc {
   border-top: 2px solid #ccc;
}

tr.bottom-separator-ccc {
   border-bottom: 2px solid #ccc;
}

tr.bottom-separator {
   border-bottom: 2px solid #000;
}

tr.bottom-separator-dotted {
   border-bottom: 1px dotted #ddd;
}

tr.cost-separator {
   border-top: 2px solid #000;
}

td.total {
   background-color: #c0c0c0;
}
tr.total {
   border-top: 2px solid #000;
   background-color: #fff;
   font-weight: bold;
}
tr.total-header,
tr.total-footer-last {
   border-bottom: 2px solid #000;
   background-color: #fff;
   font-weight: bold;
}

tr.table-border-bottom th,
tr.table-border-bottom td{
   border-bottom: 1px solid #ddd;
}

.lang {
   background-color: blue;
   padding: .25em;
   color: #fff;
   font-weight: bold;
   vertical-align: top;
}

span.disabled {
   background-color: #ccc;
}

div#prefix {
   padding: .5em;
   color: #808080;
   background-color: #ddd;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

th#descriptionColumn {
   min-width: 300px;
}

#TourDiv {
   background-color: #e0e0e0;
   position: fixed;
   left: 0px;
   bottom: 0px;
   height: 175px;
   width: 100%;
   opacity: .95;
   color: #fff;
   text-align: left;
   border-top: 3px solid #101010;
   font-size: 12pt;
   z-index: 999;
}

#TourBody p {
   width: 80%;
   margin-bottom: 1em;
   color: #303030;
}

div#error500FormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/window_warning_128.png') 10px 0 no-repeat;
}

div#error404FormContainer {
   padding-left: 145px;
   background: url('../../images/iconex/window_earth_128.png') 10px 0 no-repeat;
}

form#signup div.first {
   margin-top: 2.5em;
}

div.section p {
   font-size: 10pt;
   color: #808080;
}

.lang {
   background-color: blue;
   padding: .25em;
   color: #fff;
   font-weight: bold;
}

div#prefix {
   padding: .5em;
   color: #808080;
   background-color: #ddd;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

th#descriptionColumn {
   min-width: 300px;
}

.emptyOrNull {
   color: #d0d0d0;
   font-style: italic;
}

#h_groupedFields {
   min-width: 200px;
}

.highlightHint {
   border-bottom: 2px dotted;
}

.highlightUI {
   padding: .15em;
   border: 2px solid #3E79E0;
   background-color: #9FBCEF;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#TourBody a {
   color: #303030;
}

.option {
   padding: .25em 0;
}

.email input {
   margin-right: .5em;
}

.email.with-name:before {
   margin-left: 5px;
   content: '<'
}
.email.with-name:after {
   content: '>'
}

.format-hint {
   font-size: 8pt;
   padding: .25em .25em .25em 0;
   color: #666;
   display: block;
   font-style: italic;
   margin-bottom: .25em;
}

.format-hint label {
   text-decoration: underline;
}

.format {
   margin-bottom: .5em;
}

.field-other {
   margin-top: .5em;
}

.field-other label {
   font-weight: normal;
}

span#wwctrl_saveFieldFieldTemplate_dataForm_displayOption label {
   font-weight: normal;
}

#wwctrl_saveFile_dataForm_data_tagListCsv {
   width: 100%;
}

.other-value {
   margin: 0;
   padding: 0;
}

#advancedSearch {
   margin: 0;
   margin-top: .5em;
   padding: .75em;
   background-color: #f7f7f7;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.checkbox-select {
   font-size: 8pt;
   margin-bottom: .5em;
   display: block;
}

.list-item-label {
   background-color: #303030;
   padding: .25em;
   color: #fff;
   font-weight: bold;
   text-transform: capitalize;
}

.list-item-sub-info {
   font-size: 75%;
   color: #909090;
}

#advancedSearch th {
   background-color: #aaa;
   white-space: nowrap
}

div.divTableWithFloatingHeader th {
   padding: .5em;
}

.addFieldOption {
   font-size: 8pt;
   color: #333;
   margin-top:.25em;
   margin-bottom: 1em;
}

.newOptions {
   margin-top: .5em;
   margin-bottom: .5em;
}

td.minusDifference div,
td.plusDifference div,
td.estimated div{
   display: inline-block;
}

td.plusDifference div,
td.plusDifference div a,
div.plusDifference,
div.plusDifference a {
   color: red;
}

.columnS-82,
.columnS-195,
.column-89,
.columnS-94 {
   min-width: 100px;
}

td.plusDifference > div:before,
div.plusDifference:before,
div.plusDifference a:before {
   font-family: "Font Awesome 6 Pro";
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f062";
}

td.minusDifference div,
td.minusDifference div a,
div.minusDifference,
div.minusDifference a {
   color: darkgreen;
}

td.minusDifference > div:before,
div.minusDifference:before,
div.minusDifference a:before {
   font-family: "Font Awesome 6 Pro";
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f063";
}

td.estimated div,
td.estimated div a,
td.estimated div a span,
div.estimated,
a.estimated {
   color: darkorange!important;
}

td.estimated > div:before,
div.estimated:before,
a.estimated:before {
   font-family: "Font Awesome 6 Pro";
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f899";
}

td.plusDifference.widthMin100Pixels > div > a.ngPopup > div:first-child,
td.minusDifference.widthMin100Pixels > div > a.ngPopup > div:first-child,
td.estimated.widthMin100Pixels > div > a.ngPopup > div:first-child
{
   display: inline-block;
   max-width: 89px;
}

blockquote.highlight,
tr.selected {
   background-color: #ffffcc!important;
}

blockquote.highlight:hover,
tr.selected:hover {
    background-color: #ffffbb!important;
}

blockquote.highlight {
   border-left-color: #ffffaa!important;;
}
blockquote.highlight:hover {
   background-color: #ffff99!important;
}

tr.highlight {
   background-color: #ffffcc!important;
}

.calendarpicker {
   vertical-align: top;
}

.profile-photo-xs img.profile-photo {
   width: 20px;
   height: 20px;
}
.profile-photo-sm img.profile-photo {
   width: 60px;
   height: 60px;
}
.profile-photo-md img.profile-photo {
   width: 100px;
   height: 100px;
}
.profile-photo-lg img.profile-photo {
   width: 160px;
   height: 160px;
}

#uploadProfilePhotoForm .croppie-container {
   margin: auto;
}

#uploadProfilePhotoForm .croppie-container .cr-viewport {
   border: 2px solid #666666;
}

/*div.activity {*/
/*padding: .5em;*/
/*border: 2px solid #3973C7;*/
/*text-align: left;*/
/*background-color: #fff;*/
/*border-top-right-radius: 5px;*/
/*border-bottom-left-radius: 5px;*/
/*border-bottom-right-radius: 5px;*/
/*}*/

/*div.activity h1 {*/
/*   margin: 0;*/
/*   font-size: 18pt;*/
/*}*/

/*div.activity h2 {*/
/*   margin-top: .5em;*/
/*   margin-bottom: .5em;*/
/*   font-size: 12pt;*/
/*}*/

div.activity label {
   background-color: #999;
   padding: .1em;
   color: #fff;
}

table:not(.table-label-header) label {
   margin-bottom: 0;
}

div.activity > fieldset > legend {
   margin-bottom:0;
}

div.activity .activity-details, div.activity .activity-artifacts {
   margin-top: .5em;
   margin-bottom: .5em;
}

div.activity .activity-details {
   white-space: pre-wrap;
}

/*.ngPopup:not(.widthBlockingChartColWeek),*/
/*.ngPopup:not(.widthBlockingChartColWeek) > div:first-child {*/
   /*display: inline-block;*/
/*}*/

.ngPopup,
.ngPopup > div:first-child {
   vertical-align: middle;
   text-decoration-skip-ink: none;
   text-decoration: underline;
   text-decoration-style: dotted;
}

.ngPopup:hover {
   text-decoration-skip-ink: none;
   cursor: pointer;
   text-decoration: underline;
   text-decoration-style: dotted;
}

a.ngPopup {
   vertical-align: middle;
}

a.ngPopupAction {
   border-bottom: none;
}

.calendarDay {
   padding: .25em;
   margin-bottom: 1em;
   text-align: right;
}

.calendarItem {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   text-align: left;
   margin: .25em;
}

.calendarItem-title {
   color: #fff;
}

.calendarItem-title a {
   color: #fff;
}

.calendarItem-title-imgList {
   margin-left: 10px;
}

.calendarItem-title-imgList img {
   width: 16px;
   height: 16px;
}

.calendarItem-title-imgList a {
   padding: .1em;
}

#printable #activityLegend {
   clear: both;
   text-align: left;
}

#closePrintable {
   display: none;
}

#activityLegend h1 {
   margin-bottom: 0;
}

#activityLegend a {
   font-size: 8pt;
   color: #303030;
}

#legendItems {
   margin-top: 1em;
}

select#showCalendar_dataListInput_startDateText {
   width: inherit;
}

.multilineText {
   white-space: pre-wrap;
}

#specificationInfoColumn {
   min-width: 100px;
}

#calendarTable th {
   text-align: center;
}
#calendarTable td {
   height: 150px;
}

#export-actions span.subquicklink, span#allArchived {
   font-size: 8pt;
   background-color: #a0a0a0;
   padding: .25em;
   color: #fff;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

span#allArchived {
   margin: 0 .5em 0 1em;
}

#calendarTable tr:hover {
   background-color: #fff;
}

span#wwctrl_generatePlanningFieldTotalSummaryReport_dataForm_filterTypeId label {
   font-weight: normal;
}

.contact {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   background-color: #f6f6f6;
   margin-bottom: .5em;
   padding: .5em;
}

.contact input {
   margin: .5em;
}

.contact .required {
   color: red;
}

div.activity div.contact h1 {
   font-size: 12pt;
   font-weight: bold;
}

div.activity div.contact h2 {
   font-size: 10pt;
   font-style: italic;
}

div.activity .contact {
   font-size: 8pt;
}

div.contact div.errorMessage {
   padding-left: 0;
}

#doc3 .fieldfieldtemplate-format,
#doc3 .fieldfieldtemplate-details {
   text-align: left;
   min-width: 100px;
}

span.archived a {
   color: #a0a0a0;
   padding: 0;
}

div#administration-sidebar h2
{
   padding-left: 1.5em;
}

div#administration-sidebar ul li
{
   list-style: none;
}

.ui-datepicker {
   z-index: 1060; !important
}

button.ui-datepicker-trigger {
   white-space: nowrap;
   width: 32px;
   margin: 0 4px 0 4px;
   padding: 4px 0 5px 0;
   vertical-align: top;
}

button.ui-datepicker-trigger:hover {
   border-color:#7D98B8;
}

button.ui-datepicker-trigger:active {
   border-color: #7D98B8;
}

table.table-label-header>tbody>tr:first-child td,
table#insertionDateListContainer>tbody>tr:first-child td,
table#customBarnesFormatListContainer>tbody>tr:first-child td,
table#mediaInsertionAdListContainer>tbody>tr:first-child td{
   border-top: none;
}

table.table-label-header>thead>tr>th,
table#insertionDateListContainer>thead>tr>th,
table#customBarnesFormatListContainer>thead>tr>th,
table#mediaInsertionAdListContainer>thead>tr>th{
    background-color: transparent;
}

table.table-label-header>thead>tr>th label,
table#insertionDateListContainer>thead>tr>th label,
table#customBarnesFormatListContainer>thead>tr>th label,
table#mediaInsertionAdListContainer>thead>tr>th label{
    margin-bottom: 0;
}

table.table-label-header>tbody>tr>th ul.errorMessage,
table#insertionDateListContainer>tbody>tr>th ul.errorMessage,
table#customBarnesFormatListContainer>thead>tr>th ul.errorMessage,
table#mediaInsertionAdListContainer>thead>tr>th ul.errorMessage{
   margin-bottom: 0;
}

table>tbody>tr.is-errors>td {
   padding-bottom: 0;
}
table>tbody>tr.has-errors>td {
   padding-top: 0;
}

table#insertionDateListContainer>tfoot>tr.total>td,
table#insertionDateListContainer>tfoot>tr.total>th {
   border-top-width: 2px;
}

#wwgrp_saveMediaInsertion_dataForm_data_dateText button,
#wwgrp_saveMediaInsertion_dataForm_data_endDateText button,
#wwgrp_saveMediaWork_dataForm_deliveryDateText button,
#wwgrp_saveMediaWork_dataForm_deliveryDateText button,
#wwgrp_saveInvoice_dataForm_dateText button,
#wwgrp_saveCampaign_dataForm_startDateText button,
#wwgrp_saveCampaign_dataForm_endDateText button,
.wwgrp .calendarpicker button,
#calendarpickerlistMediaInsertions_dataListInput_startDateText-button,
#calendarpickerlistMediaInsertions_dataListInput_endDateText-button,
#calendarpickerlistRequests_dataListInput_startDateText-button,
#calendarpickerlistRequests_dataListInput_endDateText-button{
   background: url('../../images/iconex/calendar_16.png') center center no-repeat;
   text-align: left;
   text-indent: -10em;
   overflow: hidden;
   *margin-left: 10em; /* For IE */
   *padding: 0 3em; /* For IE */
   white-space: nowrap;
}

#calendarcontainerlistMediaInsertions_dataListInput_startDateText,
#calendarcontainerlistMediaInsertions_dataListInput_endDateText,
#calendarcontainerlistRequests_dataListInput_startDateText,
#calendarcontainerlistRequests_dataListInput_endDateText,
#calendarcontainersaveMediaInsertion_dataForm_data_dateText,
#calendarcontainersaveMediaInsertion_dataForm_data_endDateText,
#calendarcontainersaveMediaWork_dataForm_deliveryDateText,
#calendarcontainersaveMediaWork_dataForm_dateText,
#calendarcontainersaveMediaWork_dataForm_dateText,
#calendarcontainersaveCampaign_dataForm_startDateText,
#calendarcontainersaveCampaign_dataForm_endDateText {
   border: 1px solid #aaa;
}

#calendarpickerlistMediaInsertions_dataListInput_startDateText,
#calendarpickerlistMediaInsertions_dataListInput_endDateText,
#calendarpickerlistRequests_dataListInput_startDateText,
#calendarpickerlistRequests_dataListInput_endDateText{
   vertical-align: middle;
}

#listMediaInsertions_dataListInput_startDateText,
#listMediaInsertions_dataListInput_endDateText {
   width: 100px;
}

span.quicklink {
   font-weight: bold;
   color: #303030;
   margin-left: 1em;
}

a.ascColumn {
   padding-right: 20px;
   background: url('../../images/iconex/sort_ascending_16.png') right 0 no-repeat;
}

a.descColumn {
   padding-right: 20px;
   background: url('../../images/iconex/sort_descending_16.png') right 0 no-repeat;
}

tr.columns-config {
   background-color: #dddddd;
   white-space: nowrap;
}

tr.columns-config:hover {
   background-color: #dddddd;
}

tr.columns-config td {
   border: none;
}

#columns-config-anchor {
   margin-left: 1em;
}

#columns-config-anchor .enabled {
   background: transparent url('../../images/iconex/table_selection_column_16.png') 0 0 no-repeat;
}

#columns-config-anchor .disabled {
   background: transparent url('../../images/iconex/table_selection_column_disabled_16.png') 0 0 no-repeat;
}

.columnR div span.label {
   color: #333;
   font-weight: normal;
}

.emailSent div:before {
   font-family: "Font Awesome 6 Pro";
   font-weight: 300;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   content: "\f0e0";
}

.widthAuto {

}

.widthMin {
   width: 1%;
}

thead th.widthMin10Pixels, thead th.widthMin10Pixels > div,
thead th.widthMin25Pixels, thead th.widthMin25Pixels > div,
thead th.widthMin50Pixels, thead th.widthMin50Pixels > div,
thead th.widthMin75Pixels, thead th.widthMin75Pixels > div,
thead th.widthMin100Pixels, thead th.widthMin100Pixels > div,
thead th.widthMin125Pixels, thead th.widthMin125Pixels > div,
thead th.widthMin150Pixels, thead th.widthMin150Pixels > div,
thead th.widthMin200Pixels, thead th.widthMin200Pixels > div {
   width: 1%;
}

.width10Pixels, .width10Pixels > div {
   width: 10px;
}
.widthMin10Pixels, .widthMin10Pixels > div,
.widthMin10Pixels > div > a.ngPopup > div:first-child,
.width10Pixels > div > a.ngPopup > div:first-child {
   max-width: 10px;
}

.width25Pixels, .width25Pixels > div {
   width: 25px;
}
.widthMin25Pixels, .widthMin25Pixels > div,
.widthMin25Pixels > div > a.ngPopup > div:first-child,
.width25Pixels > div > a.ngPopup > div:first-child {
   max-width: 25px;
}

.width50Pixels, .width50Pixels > div {
   width: 50px;
}
.widthMin50Pixels, .widthMin50Pixels > div {
   max-width: 50px;
}
.widthMin50Pixels > div > a.ngPopup > div:first-child,
.width50Pixels > div > a.ngPopup > div:first-child {
   max-width: 40px;
}

.width75Pixels, .width75Pixels > div {
   width: 75px;
}
.widthMin75Pixels, .widthMin75Pixels > div {
   max-width: 75px;
}
.widthMin75Pixels > div > a.ngPopup > div:first-child,
.width75Pixels > div > a.ngPopup > div:first-child {
   max-width: 65px;
}

.width100Pixels, .width100Pixels > div {
   width: 100px;
}
.widthMin100Pixels, .widthMin100Pixels > div {
   max-width: 100px;
}
.widthMin100Pixels > div > a.ngPopup > div:first-child,
.width100Pixels > div > a.ngPopup > div:first-child {
   max-width: 90px;
}

.width125Pixels, .width125Pixels > div {
   width: 125px;
}
.widthMin125Pixels, .widthMin125Pixels > div {
   max-width: 125px;
}
.widthMin125Pixels > div > a.ngPopup > div:first-child,
.width125Pixels > div > a.ngPopup > div:first-child {
   max-width: 115px;
}

.width150Pixels, .width150Pixels > div {
   width: 150px;
}
.widthMin150Pixels, .widthMin150Pixels > div {
   max-width: 150px;
}
.widthMin150Pixels > div > a.ngPopup > div:first-child,
.width150Pixels > div > a.ngPopup > div:first-child {
   max-width: 140px;
}

.width200Pixels, .width200Pixels > div {
   width: 200px;
}
.widthMin200Pixels, .widthMin200Pixels > div {
   max-width: 200px;
}
.widthMin200Pixels > div > a.ngPopup > div:first-child,
.width200Pixels > div > a.ngPopup > div:first-child {
   max-width: 190px;
}

.widthMin250Pixels, .widthMin250Pixels > div,
.width250Pixels, .width250Pixels > div {
   width: 250px;
}
.widthMin250Pixels > div > a.ngPopup > div:first-child,
.width250Pixels > div > a.ngPopup > div:first-child {
   max-width: 250px;
}
.widthMin300Pixels, .widthMin300Pixels > div,
.width300Pixels, .width300Pixels > div {
   width: 300px;
}
.widthMin300Pixels > div > a.ngPopup > div:first-child,
.width300Pixels > div > a.ngPopup > div:first-child {
   max-width: 300px;
}

.widthEllipsis,
.widthEllipsis div,
.widthMin10Pixels div,
.width10Pixels div,
.widthMin50Pixels div,
.width50Pixels div,
.widthMin100Pixels div,
.width100Pixels div,
.widthMin125Pixels div,
.width125Pixels div,
.widthMin150Pixels div,
.width150Pixels div,
.widthMin200Pixels div,
.width200Pixels div,
.widthMin250Pixels div,
.width250Pixels div,
.widthMin300Pixels div,
.width300Pixels div {
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.alignAuto {

}
.alignLeft, .alignLeft div {
   text-align: left;
}
.alignCenter, .alignCenter div {
   text-align: center;
}
.alignRight, .alignRight div {
   text-align: right;
}

tr.rowAlternate td {
   background-color: #F9F9F9;
}

tr.rowHeightAuto td div,
tr.rowHeightAuto th div {
   white-space: normal;
}

tr.rowHeightSingle td div,
tr.rowHeightSingle th div{
   white-space: nowrap;
}

tr.rowHeightMultiple td div,
tr.rowHeightMultiple th div {
   white-space: normal;
}

tfoot.totals tr th {
   padding-top: 10px;
   padding-bottom: 10px;
}

.field-value ul {
   display: inline;
   padding: 0;
   list-style: none;
}

.activity .field-value {
   padding: 15px;
}

ul li.option {
   margin-right: 0;
}
ul li.option:after {
   content: ", ";
}
div.activity ul li.option:after, ul li.option:last-child:after {
   content: "";
}

.activity ul.creatives li {
   display: inline-block;
   border: 1px solid #ccc;
   padding: .5em;
   margin: .25em;
   text-align: center;
}

.activity ul.creatives li a {
   display: block;
}

#ngScroll {
   width: 100%;
   min-height: .01%;
   height: 16px;
   overflow-x: auto;
   margin: 0;
   padding: 0;
   visibility: hidden;
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 99999;
}
#systemNotificationMessage {
   background-color: #EB583C;
   padding: .75em;
   text-align: center;
   color: #fff;
   font-size: 12pt;
   border-bottom: 1px solid #fff;
}

#systemNotificationMessage a {
   color: #fff;
   text-decoration: underline;
}

#systemNotificationMessage div.close-it {
   float: right;
   font-size: 75%;
   margin-top: -10px;
   margin-left: 1em;
}

#systemNotificationMessage div.close a {
   color: #000;
   text-decoration: none;
}

table#planningSummary td {
   font-size: 18pt;
}
table#planningSummary h3 {
   font-size: 10pt;
}
table#planningSummary {
   margin-bottom: 2em;
}

span.estimatedCost {
   color: #a0a0a0;
   font-style: italic;
}

.secondary-button,
.secondary-button:visited  {
   background: transparent;
   border-color: transparent;
   color: #3b73af;
   padding: 5px 0;
   text-decoration: none;
   text-shadow: none;
   box-shadow: none;
}

.secondary-button:focus,
.secondary-button:hover,
.secondary-button:active {
   background: transparent;
   border-color: transparent;
   box-shadow: none;
   text-decoration: underline;
}

.contactlbl {
   display:inline-block; width: 50px; text-align: right;
}

.color-previews {
   max-width: 105px;
   text-align: center;
}
.color-preview {
   border-radius: 3px;
   display: inline-block;
   border: 1px solid #999999;
   width: 16px;
   height: 16px;
   margin: .25em;
   vertical-align: middle;
}

.color-preview:hover {
   border: 1px solid #333333;
}

.mediainfo {
   margin-bottom: .5em;
}

.mediainfo select {
   margin-right: .5em;
}

.activity-action {
   font-weight: bolder;
   color: #11316A
}

#setupProgress {
   margin-bottom: 1.5em;
}

#setupProgress ul li {
   list-style: none;
   display: inline-block;
   margin-right: .5em;
   background: url('../../images/iconex/nav_right_16.png') 0 0 no-repeat;
   padding-left: 18px;
}

#setupProgress ul li.completed {
   background: url('../../images/iconex/check_16.png') 0 0 no-repeat;
}

.setupStep {
   min-height: 300px;
   padding-left: 145px;
}

.setupStep p {
   margin-bottom: 1.5em;
}

.setupStep .media,
.setupStep .organization {
   margin-bottom: .5em;
}
.setupStep .media input,
.setupStep .media select,
.setupStep .organization input,
.setupStep .organization select{
   margin-right: .5em;
}

.setupStep .addMedia,
.setupStep .addOrganization {
   padding-left: 18px;
   background: url('../../images/iconex/plus_16.png') 0 0 no-repeat;
}

.setupStep .media .wwerr .errorMessage,
.setupStep .organization .wwerr .errorMessage{
   padding-top: 0;
   padding-left: 0;
}

#setupStep1 {
   background: url('../../images/iconex/information_128.png') 10px 0 no-repeat;
}

#setupStep2 {
   background: url('../../images/iconex/target_128.png') 10px 0 no-repeat;
}

#setupStep3 {
   background: url('../../images/iconex/newspaper_128.png') 10px 0 no-repeat;
}

#setupStep4 {
   background: url('../../images/iconex/hand_touch_128.png') 10px 0 no-repeat;
}

#setupStep5 {
   background: url('../../images/iconex/hand_thumb_up_128.png') 10px 0 no-repeat;
}

#setup .info p, #setup .info ul {
   margin-bottom: 1em;;
}

#setup .info ul li {
   list-style: none;
   margin-bottom: .5em;
   margin-left: 2em;
}

#setup .info {
   margin-bottom: 1.75em;
}

.filter span.more {
   padding: 0;
}

ul.moreFilter {
   float: left;
   display: block;
   margin-right: 1.5em;
}

ul.moreFilter li {
   width: 170px;
}

#report-filters th {
   width: 20%;
   text-align: right;
   padding: .5em;
   background-color: #eee;
   border: 5px solid #fff;
}

#report-filters td {
   padding: .5em;
   font-weight: bold;
}


.wwctrl .selectOrganization,
.wwctrl .selectMedia,
.wwctrl .selectMediaFormat {
   margin-bottom: .75em;
}

.request-type h2 {
   padding: 0;
   margin: 0;
}

#request-type-list {
   margin-top: 2em;
}
#request-type-list td {
   vertical-align: top;
   border: 1px solid #ccc;
   padding: 1em;
}

.pull-left {
   float: left !important;
}

.clientPortalFormContainer .wwlbl {
   background: none;
   text-align: left;
   padding: 0;
}

.clientPortalFormContainer .wwgrp {
   margin-bottom: 1em;
}

.clientPortalFormContainer legend {
   font-size: 20pt;
   font-weight: bold;
}

.clientPortalFormContainer p.description {
   margin-bottom: .5em;
}

.clientPortalFormContainer .sub-section {
   margin-bottom: 0;
}
.clientPortalFormContainer .sub-section legend {
   color: #303030;
   font-size: 14pt;
   margin: 0;
}

.clientPortalFormContainer .wwgrp {
   border-bottom: 1px dotted #ccc;
   margin: 0 0 1em;
   padding: 0 0 1em .5em;
}

.clientPortalFormContainer .wwgrp.last {
   border: none;
   padding-bottom: 0;
   margin-bottom: 0;
}

.clientPortalFormContainer .format-hint {
   padding-bottom: 0;
   margin-bottom:0;
}

.clientPortalFormContainer form {

}

.clientPortalFormContainer .wwerr .errorMessage {
   padding: 0;
   margin-bottom: 1em;
}

.clientPortalFormContainer form div.buttons div.primary {
   padding-left: 20px;
}

.clientPortalFormContainer fieldset.sub-section {
   margin-top: 1.75em;
   margin-bottom: 0;
   padding-bottom: 0;
}
.clientPortalFormContainer fieldset.sub-section legend {
   margin-left: -12px;
}

.clientPortalFormContainer div.description {
   margin-bottom: 1.5em;
}

#table_public_requests td label {
   font-size: 8pt;
   color: #909090;
}
#table_public_requests td div {
   font-size: 11pt;
   color: #303030;
}

#table_public_requests td div ul li {
   display: block;
}

#main {
   text-align: left;
   width:100%;
}
#left-nav {
   text-align: left;
   width:260px;
   margin-left:-260px; /* "right col" width */
}
#right-nav {
   text-align: left;
   width:250px;
   margin-right:-260px; /* "right col" width */
}

#trialChecklist {
   text-align: left;
   /*position: absolute;*/
   /*bottom: 0;*/
   /*left: 0;*/
   /*right: 0;*/
}

.colorpicker-alpha {display:none !important;}
.colorpicker{ min-width:128px !important;}

div.file {
   float: left;
   min-width: 150px;
   margin-right: 1em;
   margin-bottom: 1em;
   border: 1px solid #ddd;
}

div.image {
   background-color: #eee;
   padding: .5em;
}

div.file-name {
   padding: .5em;
}

div.file-box {
   clear: both;
}

div#upload-file {
   clear: both;
}

div.upload-file-name {
   margin-left: .25em;
   display: inline-block;
}

div.upload-file {
   margin-top: .5em;
}







#comment-form {
   margin-top: 1em;
}

#comment-form label {
   display: block;
   margin-bottom: .5em;
}

.comment-header {
   color: #303030;
   font-weight: bold;
   font-size: 10pt;
}

div.rte-text {
   font-size: 14px;
   overflow-wrap: break-word;
   word-break: break-word;
}

.text-break-word {
   overflow-wrap: break-word;
   word-break: break-word;
}

.rte-text img {
   max-width: 100%;
   height: auto;
}

.commissionTypeHidden {
   display: none;
}

[data-commission-type="GROSS_BASED"] .commissionTypeHidden.commissionTypeVisibleWhenGrossBased {
   display: block;
}
[data-commission-type="NET_BASED"] .commissionTypeHidden.commissionTypeVisibleWhenNetBased {
   display: block;
}

.rte-text img[data-file-id] {
   cursor: pointer;
}

.rte-text p:last-child {
   margin-bottom: 0;
}

.text-pre-line {
   white-space: pre-line;
}

.comment-body {
   font-size: 14pt;

}

.calendarDayWidth {
    width: 14.285%
}

td.calendar-name {
   vertical-align: top;
}
td.calendar-name div {
   width: 2in;
   overflow-x: hidden;
   text-overflow: ellipsis;
}
.dataTable td.calendar-day {
   vertical-align: middle;
   padding: 0;
   margin: 0;
}
td.calendar-day div {
   overflow-x: hidden;
   text-overflow: ellipsis;
   padding: 0;
   margin: 0;
}

.dataTable th.calendar-day,
.dataTable th.calendar-day div {
   width: .25in;
   padding: 0;
   margin :0;
   vertical-align: middle;
   text-align: center;
}

.alert-warning {
   color: #C09853;
   border-color: #FBEED5;
}
/*.alert {*/
/*padding: 15px;*/
/*padding-left: 40px;*/
/*margin-bottom: 20px;*/
/*border: 1px solid #C09853;*/
/*border-radius: 4px;*/
/*}*/

#formats table {
   margin-bottom: 1em;
}
#formats .addMediaFormat {
   margin-left: .5em;
}
#formats ul.errorMessage li {
   display: block;
   margin-bottom: .5em;
}


.applicable-day {
   display: inline-block;
   color: #a0a0a0;
   width: 20px;
   margin-right: 1px;
   padding: 2px;
}

.on {
   color: #303030;
   background-color: lightgreen;
}

#applicableDaysAll table, #applicableDaysSome table {
   margin-top: .5em;
}

.applicableDaysContainer {
    padding: 0 2px 0;
    border: 1px solid #ccc;
    min-width: 125px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    height: 30px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #fff;
}

.applicableDays td,
.applicableDays th {
    text-align: center;
}

th.applicableDay,
.applicableDaysContainer table thead tr:first-child,
.applicableDaysContainer table tbody tr:first-child {
   font-size: 6pt;
}

th.applicableDays {
   padding: 0!important;
}

th.applicableDay {
   margin: 1px;
   width: 25px;
}

form td.applicableDay {
   padding: 4px 0 0 0!important;
}

form td.applicableDay div input[type=checkbox] {
   margin-top: 8px;
}

table#insertionDateListContainer th.applicableDay {
   border-right: 1px solid #fff;
   padding: 0;
   vertical-align: bottom;
}

table#insertionDateListContainer th.applicableDay div {
   font-size: 6pt;
   margin-bottom: 8px;
   color: #a0a0a0!important;
   background-color: #e5e5e5!important;
   padding: 4px;
}

.applicationDaysContainer table tbody tr td input[type=checkbox] {
   padding: 0;
   margin: 0;
}

.applicableDay > div {
   text-align: center;
   min-width: 20px;
}

.applicableDay input[type=text] {
   padding: 5px 1px;
   text-align: center;
   min-width: 25px;
}

.applicable-hours-select {
    right: auto;
}

#organization-cost-split {
   background-color: #E6EDF4;
}

.tax-rate {
   font-size: 80%;
}
.tax-registration-number {
   font-size: 80%;
   color: #606060;
   font-style: italic;
   display: block;
}

#totalCost {
   font-weight: bold;
}

#saveMediaInsertion_dataForm_recalculateCosts a {
   margin-left: .25em;
}

tr.tax.first {
   border-top: 3px solid #a5a5a5;
}

#wwctrl_saveInvoice_dataForm_actualCost input {
   text-align: right;
}

#organization-cost-split {
   margin-left: 100px;
}

.cost-table {
   max-width: 500px;
   padding: .5em;
}
.cost-table.highlight {
   background-color: #E6EDF4;
}
.cost-table .cost-item {
   margin-bottom: .5em;
}
.cost-table .cost-item.sub-total {
   border-top: 1px solid #909090;
   border-bottom: 1px solid #909090;
}
.cost-table .cost-item.total {
   border-top: 1px solid #909090;
   padding-top: .5em;
   padding-bottom: .5em;
   background: none;
}
.cost-table .cost-label {
   width: 125px;
   text-align: right;
   display: inline-block;
   font-weight: bolder;
}

.cost-table .cost-label span {
   display: block;
   font-size: 90%;
   color: #909090;
}
.cost-table .cost-amount {
   width: 125px;
   text-align: right;
   display: inline-block;
   vertical-align: top;
}
.cost-table .cost-amount input {
   text-align: right;
}
.cost-table .cost-messages {
   width: 200px;
   display: inline-block;
   vertical-align: top;
   margin-left: .5em;
}

.cost-messages {
   padding: .5em;
}
.cost-messages, .cost-label span.emptyOrNull {
   font-size: 90%;
}
.cost-table-title.first {
   margin-top: 0;
}
.cost-table-title {
   margin-top: 1em;
   font-size: 110%;
   margin-bottom: .25em;
   display: block;
}
.cost-info .amount {
   width: 80px;
}

.negative {
   color: #a94442;
}

.positive {
   color: #3c763d;
}

.warning-message {
   padding-left: 20px;
   background: url('../../images/iconex/sign_warning_16.png') 0px 0px no-repeat;
}

.info-message {
   padding-left: 20px;
   background: url('../../images/iconex/information_16.png') 0px 0px no-repeat;
}

#mediaFormatDataTable .single-language input {
   width: 300px;
}

#mediaFormatDataTable .multiple-language input {
   width: 170px;
}

#organizationModuleDelete ul,
#deleteOrganizationFormContainer ul {
   margin-top: .25em;
   margin-left: 1em;
   margin-bottom: 1em;
}

#organizationModuleDelete ul li,
#deleteOrganizationFormContainer ul li {
   margin-top: .25em;
   margin-left: 1em;
   list-style: disc;
}







.form-group.required .control-label:after {
   content:"*";
   color:red;
}

.form-group.has-error .radio .btn-group .btn-default {
   color: #a94442;
   border-color: #a94442;
   font-weight: normal;
}

.table .spacer-col {
   width: 100%;
}

.table>tbody>tr>th.bs3-padding-top15 {
   padding-top: 15px;
}

.table.table-borderless-top > tbody > tr:first-child > td,
.table>thead>tr.table-borderless-top>th,
.table>thead>tr.table-borderless-top>td,
.table>tbody>tr.table-borderless-top>th,
.table>tbody>tr.table-borderless-top>td,
.table>tfoot>tr.table-borderless-top>th,
.table>tfoot>tr.table-borderless-top>td{
   border-top: none!important;
}

.table>tbody>tr.table-border-top-solid-w2>th,
.table>tbody>tr.table-border-top-solid-w2>td{
   border-width: 2px;
   border-top-style: solid;
}

.table>tbody>tr.table-border-top-double>th,
.table>tbody>tr.table-border-top-double>td{
   border-top: 3px double #ddd;
}

.table>tbody>tr.table-border-top-dotted>th,
.table>tbody>tr.table-border-top-dotted>td{
   border-top-style: dotted;
}

.table>tbody>tr>th.max-width-cell150,
.table>tbody>tr>td.max-width-cell150{
   max-width: 150px;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.table>tbody>tr>th.max-width-cell50,
.table>tbody>tr>td.max-width-cell50{
   max-width: 50px;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.table>tbody>tr>th.max-width-cell75,
.table>tbody>tr>td.max-width-cell75{
   max-width: 75px;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.table>tbody>tr>th.max-width-cell100,
.table>tbody>tr>td.max-width-cell100{
   max-width: 100px;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

table>tbody>tr.bs3-padding-top-reset>td {
   padding-top: 0;
}

table>thead>tr.bs3-padding-bottom-reset>th,
table>thead>tr.bs3-padding-bottom-reset>td
table>tbody>tr.bs3-padding-bottom-reset>th,
table>tbody>tr.bs3-padding-bottom-reset>td {
   padding-bottom: 0;
}

#comment-list blockquote:hover {
   background-color: #fcfcfc;
}

#comment-list blockquote.viewable-by-requester {
   border-left-color: #5fc0dd;
}

#comment-list blockquote.viewable-by-requester:hover {
   background-color: #d9edf7;
}

#historyEventInlineForm {
   border-top: 1px solid #ddd;
   background-color: #fafafa;
}

.viewable-by-requester .note-editor {
   border: 2px solid #5fc0dd!important;
}

.viewable-by-requester .panel-heading {
   background-color: #d9edf7!important;
}

div.note-editor.viewable-by-requester {
   border: 2px solid #5fc0dd;
   background-color: #d9edf7;
}

div.note-editable.viewable-by-requester {
   background-color: #d9edf7!important;
}

.contextual-actions-container div.contextual-actions:not(.open) {
   visibility: hidden;
}

.contextual-actions-container:hover div.contextual-actions {
    visibility: visible;
}

.border-danger {
   border-color: #a94442!important;
}

.bs3-white-bg {
   background-color: #FFF;
}
.bs3-light-gray-bg {
   background-color: #fafafa;
}
.bs3-gray-bg {
   background-color: #F0F0F0;
}
.bs3-gray-f6-bg {
   background-color: #f6f6f6;
}
.bs3-gray-ef-bg {
   background-color: #eFeFeF;
}
.bs3-dark-gray-bg {
   background-color: #404040;
}
.bs3-margin-left10 {
   margin-left: 10px;
}

.bs3-margin-right-reset {
   margin-right: 0!important;
}

.bs3-margin-right3 {
   margin-right: 3px!important;
}

.bs3-margin-right5 {
   margin-right: 5px!important;
}

.bs3-margin-right10 {
   margin-right: 10px!important;
}

.bs3-margin-right-minus15 {
   margin-right: -15px!important;
}

.bs3-margin {
   margin: 15px;
}

.bs3-margin-right {
   margin-right: 15px;
}

.bs3-margin-right10 {
   margin-right: 10px;
}

.bs3-margin-right30 {
   margin-right: 30px;
}

.bs3-margin-right50 {
   margin-right: 50px;
}

.bs3-margin-bottom-reset {
   margin-bottom: 0!important;
}

.bs3-margin-bottom1 {
   margin-bottom: 1px;
}

.bs3-margin-bottom5 {
   margin-bottom: 5px;
}

.bs3-margin-bottom7 {
   margin-bottom: 7px;
}

.bs3-margin-bottom20 {
   margin-bottom: 20px;
}

.bs3-margin-bottom15 {
   margin-bottom: 15px;
}

.bs3-margin-bottom10 {
   margin-bottom: 10px!important;
}

ul.bs3-list-padding5 li,
ol.bs3-list-padding5 li {
   padding: 5px;
}

.bs3-padding-left-reset {
   padding-left: 0!important;
}

.bs3-padding-left5 {
   padding-left: 5px;
}

.bs3-padding10 {
   padding: 10px;
}

.bs3-padding7 {
   padding: 7px;
}

.bs3-padding5 {
   padding: 5px;
}

.bs3-padding-y1 {
   padding-top: 1px;
   padding-bottom: 1px;
}

.bs3-padding-y3 {
   padding-top: 3px!important;
   padding-bottom: 3px!important;
}

.bs3-padding-y5 {
   padding-top: 5px;
   padding-bottom: 5px;
}

.bs3-padding-y7 {
   padding-top: 7px;
   padding-bottom: 7px;
}

.bs3-padding-x30 {
   padding-left: 30px;
   padding-right: 30px;
}

.bs3-padding-x20 {
   padding-left: 20px;
   padding-right: 20px;
}

.bs3-padding-x7 {
   padding-left: 7px;
   padding-right: 7px;
}

.bs3-padding-x5 {
   padding-left: 5px;
   padding-right: 5px;
}

.bs3-padding-x {
   padding-left: 15px;
   padding-right: 15px;
}

.bs3-padding-left20 {
   padding-left: 20px;
}

.bs3-padding-left30 {
   padding-left: 30px;
}

.bs3-padding-left45 {
   padding-left: 45px;
}

.bs3-padding-left25p {
   padding-left: 25%;
}

.bs3-padding {
   padding: 15px;
}

.bs3-padding5 {
   padding: 5px;
}

.bs3-padding10 {
   padding: 10px;
}


.bs3-padding50 {
   padding: 50px;
}

.bs3-padding1 {
   padding: 1px;
}
.bs3-padding2 {
   padding: 2px;
}
.bs3-padding3 {
   padding: 3px;
}

.bs3-padding30 {
   padding: 30px;
}

.bs3-padding-reset {
   padding: 0!important;
}

.bs3-padding-left,
.bs3-padding-left15 {
   padding-left: 15px;
}

.bs3-padding-right {
   padding-right: 15px!important;
}

.bs3-padding-right5 {
   padding-right: 5px!important;
}

.bs3-padding-right10 {
   padding-right: 10px!important;
}

.bs3-padding-right20 {
   padding-right: 20px!important;
}

.bs3-padding-right30 {
   padding-right: 30px!important;
}

.bs3-padding-right45 {
   padding-right: 45px!important;
}

.bs3-padding-right-reset {
   padding-right: 0!important;
}

.bs3-padding-top-reset {
   padding-top: 0!important;
}

.bs3-padding-x-reset {
   padding-left: 0!important;
   padding-right: 0!important;
}

.bs3-padding-y {
   padding-top: 15px;
   padding-bottom: 15px;
}

.bs3-padding-y-reset {
   padding-top: 0!important;
   padding-bottom: 0!important;
}

.bs3-padding-y10 {
   padding-top: 10px!important;
   padding-bottom: 10px!important;
}

.bs3-padding-y7 {
   padding-top: 7px!important;
   padding-bottom: 7px!important;
}

.bs3-padding-y-reset {
   padding-top: 0!important;
   padding-bottom: 0!important;
}

.bs3-padding-bottom-reset {
   padding-bottom: 0;
}

.bs3-padding-bottom3 {
   padding-bottom: 3px;
}

.bs3-padding-bottom5 {
   padding-bottom: 5px;
}

.bs3-padding-bottom7 {
   padding-bottom: 7px!important;
}

.bs3-padding-bottom100 {
   padding-bottom: 100px;
}

.bs3-padding-top5 {
    padding-top: 5px;
}

.bs3-padding-top7 {
   padding-top: 7px!important;
}

.bs3-padding-top10 {
   padding-top: 10px;
}

.bs3-padding-top20 {
   padding-top: 20px;
}

.bs3-margin-y-reset {
   margin-top: 0!important;
   margin-bottom: 0!important;
}

.bs3-margin-y5 {
   margin-top: 5px!important;
   margin-bottom: 5px!important;
}

.bs3-margin-y7 {
   margin-top: 7px!important;
   margin-bottom: 7px!important;
}

.bs3-margin-y10 {
   margin-top: 10px!important;
   margin-bottom: 10px!important;
}

.bs3-margin-y,
.bs3-margin-y15 {
   margin-top: 15px!important;
   margin-bottom: 15px!important;
}

.bs3-margin-x-minus {
   margin-right: -15px;
   margin-left: -15px;
}

.bs3-page-heading {
   border-top: 0 none;
}

.bs3-page-heading h1 {
   margin-top: 10px;
   margin-bottom: 0px;
}

.bs3-page-heading h1.views {
   width: calc(100vw - 800px);
   min-width: 300px;
}

.bs3-page-heading h1 img.bs3-title-icon {
   top: -5px;
}

.bs3-border-reset {
   border: none!important;
}

.bs3-border-bottom {
   border-bottom: 1px solid #ccc !important;
}
.bs3-border-left {
   border: medium none -moz-use-text-color;
   border-left: 1px solid #ccc;
}

/*
 * MPHQ HEADER
 */

:root {
   /* NAV - 1st line */
   --mphq-header-nav-color: #000;
   --mphq-header-nav-bg-color: #99BCFE;
   --mphq-header-nav-hover-color: #fff;
   --mphq-header-nav-hover-bg-color: #347cfe;
   --mphq-header-nav-active-color: #000;
   --mphq-header-nav-active-bg-color: #FFF;
   /* MENU - 2nd line */
   --mphq-header-menu-color: #fff;
   --mphq-header-menu-bg-color: #347cfe;
   --mphq-header-menu-hover-color: #000;
   --mphq-header-menu-hover-bg-color: #99BCFE;
   --mphq-header-menu-active-color: #000;
   --mphq-header-menu-active-bg-color: #FFF;
}

/*
 * HEADER
 */
#mphq-header {
   background-color: var(--mphq-header-nav-bg-color);
   border: none;
   border-radius: 0;
   margin-bottom: 0;
}

#mphq-header .logoContainer {
   height: 50px;
   padding: 7px 15px;
}

/*
* NAV
*/

.mphq-header-nav,
.mphq-header-nav.navbar-nav>li>a,
.mphq-header-nav.navbar-nav>li>a:focus,
.mphq-header-nav .navbar-text,
.mphq-header-nav .navbar-brand {
   color: var(--mphq-header-nav-color);
}

#mphq-header-nav-brand-name {
   font-size: 30px; font-weight: 500;
   overflow-x: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.mphq-header-nav .navbar-toggle,
.mphq-header-nav .navbar-toggle:focus {
   border-color:  var(--mphq-header-nav-color);
   background-color: transparent;
}
.mphq-header-nav .navbar-toggle .icon-bar {
   background-color:  var(--mphq-header-nav-color);
}

.mphq-header-nav .navbar-toggle:hover {
   border-color:  var(--mphq-header-nav-hover-color);
   background-color:  var(--mphq-header-nav-hover-bg-color);

}
.mphq-header-nav .navbar-toggle:hover .icon-bar {
   background-color:  var(--mphq-header-nav-hover-color);
}

/*
 * MENU
 */

#mphq-header-menu,
#mphq-header-menu .navbar-nav>li>a {
   color: var(--mphq-header-nav-color);
}

@media (min-width: 768px) {
   /*
   * HEADER
   */
   #mphq-header .navbar-right {
      margin-right: 0;
   }

   /*
   * NAV
   */
   .mphq-header-nav #mphq-menu-profile .profile-photo {
      width: 30px;
      height: 30px;
   }

   .mphq-header-nav #help-counter,
   .mphq-header-nav #notification-counter,
   .mphq-header-nav #timer-counter
   {
      position: absolute!important;
      top: 5px!important;
   }
   .mphq-header-nav.navbar-nav>li>a:hover,
   .mphq-header-nav.navbar-nav>li.open:not(.active)>a,
   .mphq-header-nav.navbar-nav>li.open:not(.active)>a:hover{
      color: var(--mphq-header-nav-hover-color);
      background-color: var(--mphq-header-nav-hover-bg-color);
   }

   .mphq-header-nav.navbar-nav>.active>a,
   .mphq-header-nav.navbar-nav>.active>a:hover {
      color: var(--mphq-header-nav-active-color);
      background-color: var(--mphq-header-nav-active-bg-color);
   }

   /*
    * MENU
    */
   #mphq-header-menu {
      margin-left: -15px!important;
      margin-right: -15px!important;
      clear: both;
      background-color: var(--mphq-header-menu-bg-color);
      overflow:auto
   }

   #mphq-header-menu .navbar-nav>li>a {
      padding-top: 7px;
      padding-bottom: 7px;
      text-transform: uppercase;
   }

   #mphq-header-menu .navbar-nav>.active>a,
   #mphq-header-menu .navbar-nav>.active>a:hover {
      color: var(--mphq-header-menu-active-color);
      background-color: var(--mphq-header-menu-active-bg-color);
   }

   #mphq-header-menu .navbar-nav>.active>a:hover {
      text-decoration: underline;
      text-decoration-color: var(--mphq-header-menu-active-color);
      text-decoration-thickness: 2px;
      text-underline-offset: 2px;
   }

   #mphq-header-menu .navbar-nav>li>a:hover,
   #mphq-header-menu .navbar-nav>li.open:not(.active)>a,
   #mphq-header-menu .navbar-nav>li.open:not(.active)>a:hover {
      color:  var(--mphq-header-menu-hover-color);
      background-color: var(--mphq-header-menu-hover-bg-color);
      text-decoration: underline;
      text-decoration-color: var(--mphq-header-menu-hover-color);
      text-decoration-thickness: 2px;
      text-underline-offset: 2px;
   }

   #mphq-header-menu .navbar-nav>li>a {
      color: var(--mphq-header-menu-color);
   }

   #mphq-header-menu .navbar-nav>li>a,
   #mphq-header-menu .navbar-text,
   #mphq-header-menu .btn-link,
   #mphq-header-menu .navbar-toggle {
      color: var(--mphq-header-menu-color);
   }

   /*
    * TOOLS
    */
   .mphq-header-nav.navbar-nav>li#a_onboardingProgress>a,
   .mphq-header-nav.navbar-nav>li#a_onboardingProgress>a:hover {
      color: #fff;
      background-color: #5cb85c;
      border-color: #4cae4c;
   }

   .mphq-header-nav.navbar-nav>li#a_onboardingProgress>a:hover {
      text-decoration-color: #fff;
   }
}

#onboardingPopover legend h1 {
   margin: 0;
}

.integration-logo img {
   width: 75px;
}

body.lang-en .columnS-116 div span:after,
body.lang-en .total-S-116 div:after,
body.lang-en .columnS-133 div span:after,
body.lang-en .total-S-133 div:after {
   font-size: 85%;
   color: #777;
   content: ' /SPOT'
}

body.lang-fr .columnS-116 div span:after,
body.lang-fr .total-S-116 div:after,
body.lang-fr .columnS-133 div span:after,
body.lang-fr .total-S-133 div:after {
   font-size: 85%;
   color: #777;
   content: ' /PARUTION'
}

.columnS-122 div span:after,
.total-S-122 div:after,
.group-total-S-122 div:after,
.columnS-151 div span:after,
.total-S-151 div:after,
.group-total-S-151 div:after {
   font-size: 85%;
   color: #777;
   content: ' CPA'
}

.columnS-118 div span:after,
.total-S-118 div:after,
.group-total-S-118 div:after,
.columnS-145 div span:after,
.total-S-145 div:after,
.group-total-S-145 div:after{
   font-size: 85%;
   color: #777;
   content: ' CPP'
}

.columnS-120 div span:after,
.total-S-120 div:after,
.group-total-S-120 div:after,
.columnS-148 div span:after,
.total-S-148 div:after,
.group-total-S-148 div:after{
   font-size: 85%;
   color: #777;
   content: ' CPM'
}

.columnS-124 div span:after,
.total-S-124 div:after,
.group-total-S-124 div:after,
.columnS-154 div span:after,
.total-S-154 div:after,
.group-total-S-154 div:after{
   font-size: 85%;
   color: #777;
   content: ' CPC'
}

.columnS-126 div span:after,
.total-S-126 div:after,
.group-total-S-126 div:after,
.columnS-157 div span:after,
.total-S-157 div:after,
.group-total-S-157 div:after {
   font-size: 85%;
   color: #777;
   content: ' CPL'
}

.columnS-128 div span:after,
.total-S-128 div:after,
.group-total-S-128 div:after,
.columnS-160 div span:after,
.total-S-160 div:after,
.group-total-S-160 div:after{
   font-size: 85%;
   color: #777;
   content: ' CPV'
}

.list-group-item.selected,
.list-group-item.selected:focus,
.list-group-item.selected:hover {
   color: #555;
   background-color: #f5f5f5;
   border-color: #ddd;
   border-left: 5px solid #aaa;
}

.list-group-item.active.selected,
.list-group-item.active.selected:focus,
.list-group-item.active.selected:hover {
   color: #333;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
   color: #555;
   background-color: #ddd;
   border-color: #ccc;
   border-bottom: 1px solid #ccc;
}

.list-group.has-error .list-group-item {
   background-color: #f2dede;
}


.bs3-padding-row {
   padding: 30px;
}



.bs3-padding-bottom {
   padding-bottom: 15px;
}

.bs3-padding-bottom10 {
    padding-bottom: 10px;
}

.bs3-padding-bottom45 {
   padding-bottom: 45px;
}

.bs3-padding-left35 {
   padding-left: 35px;
}

.bs3-padding-top {
   padding-top: 15px;
}

.bs3-padding-all5 {
   padding: 5px;
}

.bs3-row-reset {
   padding-left: 0;
   padding-right: 0;
   clear: both;
}

.bs3-row-reset:after {
   clear: both;
}

.bs3-input-wrapper {
   float:none;
   margin:0;
   padding: 0;
}

#mphq-menu .profile-photo-xs img.profile-photo {
   width: 35px;
   height: 35px;
   border: 1px solid #ccc;
}

.bs3-padding-y7 {
   padding-top: 7px!important;
   padding-bottom: 7px!important;
}

.bs3-margin15 {
   margin: 15px;
}

.bs3-margin-x5 {
   margin-left: 5px!important;
   margin-right: 5px!important;
}

.bs3-margin-x10 {
   margin-left: 10px!important;
   margin-right: 10px!important;
}

.bs3-margin-x7 {
   margin-left: 7px!important;
   margin-right: 7px!important;
}

.bs3-margin-x {
   margin-left: 15px!important;
   margin-right: 15px!important;
}

.bs3-margin-left {
   margin-left: 15px;
}

.bs3-margin-left3 {
   margin-left: 3px;
}

.bs3-margin-left30 {
   margin-left: 30px;
}

.bs3-margin-left-reset {
   margin-left: 0;
}

.bs3-margin-x-minus15,
.bs3-margin-left-minus15 {
   margin-left: -15px!important;
}

.bs3-margin-x-minus15,
.bs3-margin-right-minus15 {
   margin-right: -15px!important;
}

.bs3-margin-left25 {
   margin-left: 25px;
}

.bs3-margin-left20 {
   margin-left: 20px;
}

.bs3-margin-left40 {
   margin-left: 40px;
}

.bs3-margin-left5 {
   margin-left: 5px;
}

.bs3-margin-bottom7 {
   margin-bottom: 7px;
}

.bs3-margin-bottom {
   margin-bottom: 15px;
}

.bs3-margin-bottom45 {
   margin-bottom: 45px;
}

.bs3-margin-bottom30 {
   margin-bottom: 30px!important;
}

.bs3-margin-bottom5 {
   margin-bottom: 5px;
}

.bs3-margin-bottom3 {
   margin-bottom: 3px;
}

.bs3-margin-top-reset {
   margin-top: 0;
}
.bs3-margin-top {
   margin-top: 15px!important;
}

.bs3-margin-top1 {
   margin-top: 1px;
}

.bs3-margin-top3 {
   margin-top: 3px;
}

.bs3-margin-top7 {
   margin-top: 7px!important;
}

.bs3-margin-left7 {
   margin-left: 7px!important;
}

.bs3-margin-top20 {
   margin-top: 20px;
}

.bs3-margin-top25 {
   margin-top: 25px;
}

.bs3-margin-top30 {
   margin-top: 30px;
}

.bs3-margin-top5 {
   margin-top: 5px;
}

.bs3-margin-top10 {
   margin-top: 10px;
}

.bs3-margin-top45 {
   margin-top: 45px;
}

.bs3-margin-top-minus20 {
   margin-top: -20px;
}

.bs3-margin-top-minus15 {
   margin-top: -15px;
}

.bs3-margin-side-minus15 {
   margin-left: -15px;
   margin-right: -15px;
}

.bs3-margin-top-minus10 {
   margin-top: -10px;
}

.bs3-margin-top-minus5 {
   margin-top: -5px;
}

.bs3-margin-top-minus3 {
   margin-top: -3px;
}

.bs3-buttons {
   clear: both;
   margin-top: 2em;
   padding: .5em 0;
}

.img-mphq-thumbnail {
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
}

.img-mphq-thumbnail > .img-thumbnail {
   border: none;
}

.img-mphq > .img-thumbnail {
   padding: 1px!important;
}

.list-group-item > .mphq-badge {
   position: absolute;
   top: 8px;
   left: 8px;
}

.img-mphq-h26 {
   height: 26px;
   width: 26px;
}
.img-mphq-h40 {
   height: 40px;
   width: 40px;
}

div.bs3-letter-badge {
   position: absolute;
   left: 8px;
   top: 8px;
}
div.bs3-letter-badge span {
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 16px;
   height: 24px;
   line-height: 24px;
   width: 24px;
   color: #fff;
   cursor: default;
   display: inline-block;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
}

div.bs3-letter-badge-lg {
   position: absolute;
   left: 16px;
   top: 16px;
}

div.bs3-letter-badge-lg span,
span.bs3-letter-badge-lg {
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 24px;
   height: 30px;
   line-height: 30px;
   width: 30px;
   color: #fff;
   cursor: default;
   display: inline-block;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
}

div.bs3-letter-badge40 span {
   font-size: 26px;
   height: 40px;
   line-height: 40px;
   width: 40px;
}

.modal-body.warning,
.modal-body .warning{
   min-height: 150px;
   padding-left: 165px;
   padding-right: 30px;
   background: url('../../images/iconex/sign_warning_128.png') 10px 30px no-repeat;
}

.modal-body.max-height,
.modal-body .max-height{
   max-height: calc(100vh - 300px);
   overflow-y: auto;
}

.modal-body.overflow-y-hidden.max-height,
.modal-body.overflow-y-hidden .max-height{
   overflow-y: hidden;
}

.overflow-y-hidden {
   overflow-y: hidden;
}

.modal-title {
   font-weight: bold;
}

.modal-footer {
   clear: both;
}
.modal-footer.text-left {
  text-align: left;
}

i.fa[data-toggle="tooltip"] {
   color: #5E6C84;
}

i.fa.text-warning[data-toggle="tooltip"] {
   color: #f0ad4e;
}

th i.fa[data-toggle="tooltip"] {
   margin-right: 3px;
   color: #fff;
}

.table:not(.bs3-native)>thead>tr>th {
   font-weight: bold;
}
.table.bs3-vertical-center>thead>tr>td,
.table.bs3-vertical-center>tbody>tr>td,
.table.bs3-vertical-center>tfoot>tr>td,
.table.bs3-vertical-center>thead>tr>th,
.table.bs3-vertical-center>tbody>tr>th,
.table.bs3-vertical-center>tfoot>tr>th,
.table>thead>tr>td.bs3-vertical-center,
.table>tbody>tr>td.bs3-vertical-center,
.table>tfoot>tr>td.bs3-vertical-center,
.table>thead>tr>th.bs3-vertical-center,
.table>tbody>tr>th.bs3-vertical-center,
.table>tfoot>tr>th.bs3-vertical-center,
.table>thead>tr.bs3-vertical-center>td,
.table>tbody>tr.bs3-vertical-center>td,
.table>tfoot>tr.bs3-vertical-center>td,
.table>thead>tr.bs3-vertical-center>th,
.table>tbody>tr.bs3-vertical-center>th,
.table>thead>tr.bs3-vertical-center>th,
.table>tfoot>tr.bs3-vertical-center>th {
   vertical-align: middle;
}

.table.bs3-vertical-center>tbody>tr>td div.rte-text p {
   margin: 0;
}

.table>tbody>tr>td.bs3-vertical-top {
   padding-top: 15px;
   vertical-align: top;
}

.bs3-darker {
   font-weight: bold;
}

.bs3-title-icon {
   position: relative;
   /*left: 15px;*/
   /*top: 15px;*/
}

.bs3-subtitle-icon {
   margin-top: -5px;
}

.bs3-width-50 {
   width: 50px;
}

.bs3-width-100 {
   width: 100px;
}

.bs3-width-150 {
   width: 150px;
}

.bs3-width-175 {
   width: 175px!important;
}

.bs3-width-200 {
   width: 200px!important;
}

.bs3-height-100p {
   min-height: 100%;
   position: relative;
}

.bs3-bottom {
   width: 100%;
   height: 100px;
   position: absolute;
   bottom: 0;
   left: 0;
}


.bs3-hybrid-page-header {
   position: relative;
}
.bs3-hybrid-icon {
   position: absolute; top: 0; left: 0;
}

.bs3-hybrid-blacklink a {
   color: #000;
}

.bs3-padding-top .bigFeedbackBox {
   margin: 0;
   border-radius: 5px;
}

label ul {
   margin-bottom: 0;
}

legend ul {
   display: inline-block;
}

.viewDetails .has-error label,
.has-error label:not(.btn),
.has-error:not(.bs3-legacy) div,
.has-error p.form-control-static {

   font-weight: bold!important;
}

.bs3-modal-top-radius {
   border-radius: 6px 6px 0 0;
}

.form-control.btn-group-sm {
   height: 30px;
}

fieldset.has-error .form-group {
   border: 1px solid #a94442;
   border-radius: 3px;
   padding: .25em;
}

fieldset.has-error  legend {
   margin-bottom: 0;
}

.table>tbody>tr.has-error-msg>td {
   padding: .25em 0 0 .5em;
}

.table>tbody>tr.has-error {
   border: 1px solid #a94442;
}

.table>tbody>tr.total.has-error {
   border-top: 2px solid #a94442;
}

.table>tbody>tr.has-error td {
   border-top: 1px solid #a94442;
   border-bottom: 1px solid #a94442;
}

#administration-sidebar h3 {
   margin: 0;
}

.notify-banner {
   text-align: left;
   border-radius: 3px;
   line-height: 20px;
   padding: 15px 40px 15px 60px;
   background: #fff;
   border: 1px solid #2e6da4;
   margin: 0 0 10px;
   overflow-wrap: break-word;
   position: relative;
   word-wrap: break-word;
   word-break: break-word;
   z-index: 1051!important;
}
.notify-banner h1 {
   margin-top: 0;
}
.notify-banner .close {
   position: absolute;
   right: 15px;
   top: 15px;
   font-size: 18px;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   filter: alpha(opacity=20);
   opacity: .2;
}

.notify-banner .close:focus,
.notify-banner .close:hover {
   color: #000;
   text-decoration: none;
   cursor: pointer;
   filter: alpha(opacity=50);
   opacity: .5;
}
.notify-banner .close {
   -webkit-appearance: none;
   padding: 0;
   cursor: pointer;
   background: 0 0;
   border: 0;
}

.notify-banner:before {
   background-color: #337ab7;
   bottom: 0;
   content: '';
   left: 0;
   position: absolute;
   top: 0;
   width: 40px;
}
.notify-banner:after {
   color: #fff;
   content: "\f05a";
   font: normal normal normal 16px/1 "Font Awesome 6 Pro";
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   font-style: normal;
   font-weight: normal;
   left: 12px;
   margin-top: -8px;
   position: absolute;
   speak: none;
   top: 50%;
}

.notify-banner.success {
   background: #fff;
   border-color: #074fa4;
}
.notify-banner.success:before {
   background-color: #074fa4;
}
.notify-banner.success:after {
   content: "\f00c";
   color: #fff;
}

.notify-banner.danger {
   background: #fff;
   border-color: #d9534f;
}
.notify-banner.danger:before {
   background-color: #d9534f;
}
.notify-banner.danger:after {
   content: "\f06a";
   color: #fff;
}

.notify-banner.discrete {
   background: #fff;
   border-color: #ccc;
}
.notify-banner.discrete:before {
   background-color: #ccc;
}
.notify-banner.discrete:after {
   content: "\f05a";
   color: #fff;
}

.tour-backdrop {
   opacity: 0.6;
}

body.tour-tour-element {
   overflow-y: hidden;
}

.popover[class*=tour-].orphan {
   min-width: 75vw;
   max-height: 75vh;
   overflow-y: auto;
}

.popover[class*=tour-].orphan .popover-content p {
   font-size: 20px;
   margin-bottom: 20px;
}

.popover[class*=tour-].orphan .popover-content h1 {
   font-size: 26px;
}

.bs3-ul-reset {
   margin: 0;
   padding: 0;
   list-style: none;
}

.discard-change, .discard-change:hover  {
   margin-left: 1em;
   color: #ffffff;
   text-decoration: underline;
   font-size: 75%;
}

.change-container {
   position: absolute;
   top: 35px;
   left: 0;
   right: 0;
   text-align: center;
}

body.modal-open-noscroll
{
   margin-right: 0!important;
   overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom
{
   margin-right: 0!important;
}

.public-form {
   padding: 1em;
   margin: 50px auto 0;
   float: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
}

#public-form-login,
#public-form-forgotpassword,
#public-form-forgotdomain {
   max-width: 530px;
}

#public-form-signup,
#public-form-automations {
   max-width: 730px;
}

#public-form-request-demo {
   max-width: 1170px;
}

.public-form-container {
   background-color: rgba(255,255,255, 0.95);
   padding: 1em;
   border-radius: 10px;
   border: 1px solid #ccc;
   box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
}
.public-form-header {
   text-align: center;
}
.public-form-header h2 {
   margin-top: 0;
}

.public-form-body {
   padding: 1em;
   margin: 1em;
   border-radius: 5px;
}

.public-form-footer {

}

.public-form-footer p {
   text-align: center;
   font-size: 75%;
   margin-bottom: 0.25em;
}

.horizontal-separator {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXd3d3u346CAAAACklEQVQIHWNgAAAAAgABz8g15QAAAABJRU5ErkJggg==) repeat-y center top;
   font-size: 16px;
   line-height: 1.5625;
   white-space: nowrap;
   text-align: center;
   vertical-align: middle;
   padding: 0!important;
   height: 250px;
   margin-top: 50px;
}

.horizontal-separator strong {
   background: #fff;
   display: inline-block;
   padding: 0 10px;
   margin-top: 100px;
}

html.cover-bg-desk {
   background-color: #eeeeee;
}

html.cover-bg-desk body {
   background-color: transparent;
}

.auto-adjust-height {
   min-height: calc(100vh - 346px);
}

.auto-adjust-height-with-title {
   min-height: calc(100vh - 300px);
}

.table-scroll {
   overflow-x: auto;
}

.scroll-v-visual {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 50px;
   /*background-color: #e0e0e0;*/
   z-index: 9999;
   font-size: 20pt;
   color: #999;
   padding-top: 7px;
   cursor: pointer;
}

.scroll-v-visual:hover {
   color: #333;
}

.scroll-v-visual-left {
   left: 0;
   padding-left: 10px;
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='FFe0e0e0', endColorstr='80ffffff');
   background-image: -webkit-linear-gradient(to left, rgba(255,255,255,0.5) , rgba(224,224,224,1));
   background-image: -moz-linear-gradient(to left, rgba(255,255,255,0.5) , rgba(224,224,224,1));
   background-image: linear-gradient(to left, rgba(255,255,255,0.5) , rgba(224,224,224,1));
}

.scroll-v-visual-left:hover {
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='FFc0c0c0', endColorstr='80ffffff');
   background-image: -webkit-linear-gradient(to left, rgba(255,255,255,0.5) , rgba(192,192,192,1));
   background-image: -moz-linear-gradient(to left, rgba(255,255,255,0.5) , rgba(192,192,192,1));
   background-image: linear-gradient(to left, rgba(255,255,255,0.5) , rgba(192,192,192,1));
}

.scroll-v-visual-right {
   right: 0;
   padding-right: 10px;
   text-align: right;
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='80ffffff', endColorstr='FFe0e0e0');
   background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0.5) , rgba(224,224,224,1));
   background-image: -moz-linear-gradient(to right, rgba(255,255,255,0.5) , rgba(224,224,224,1));
   background-image: linear-gradient(to right, rgba(255,255,255,0.5) , rgba(224,224,224,1));
}

.scroll-v-visual-right:hover {
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='80ffffff', endColorstr='FFc0c0c0');
   background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0.5) , rgba(192,192,192,1));
   background-image: -moz-linear-gradient(to right, rgba(255,255,255,0.5) , rgba(192,192,192,1));
   background-image: linear-gradient(to right, rgba(255,255,255,0.5) , rgba(192,192,192,1));
}

.table-group {
    background-color: #ddd!important;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
}

.draggable {
   cursor: move;
}

.sortable-ghost {
   color: #999;
   background: #f0f0f0;
   border: 2px dotted #aaa;
}

.sortable-chosen {
   border: 2px solid #aaa;
}

.sortable-handle {
   cursor: grab;
}

a.campaign-template {
   border: 1px solid #5cb85c;
   border-radius: 3px;
   padding: 0.35em;
}

a.campaign-template:hover,
.filter span.selected.campaign-template{
   background-color: #5cb85c;
}

.sortable-li-index {
   color: #ccc;
}

.popover.more-info {
   max-width: 100%;
}

.popover.more-info .popover-content {
   overflow-y: hidden;
   padding: 0;
}

.popover.tour-tour {
   border-color: #f79232;
}

.popover.tour-tour.right>.arrow {
   border-right-color: #f79232;
}

.tour-step-background,
.tour-backdrop {
   position: fixed;
}

.table.table-sm {
   font-size: 12px;
}

.table:not(.bs3-native)>thead>tr>th {
   background-color: #909090;
   color: #fff;
   border-bottom: none;
   vertical-align: middle;
   word-wrap: break-word;
}

.table>tbody>tr>td.inline-form-input {
   padding-top: 8px;
}

.table:not(.bs3-native)>thead>tr>th a {
   color: #fff;
   text-decoration: underline;
   overflow-wrap: normal;
}

.table>thead>tr>th .dropdown-menu>li>a {
   color: #333;
   text-decoration: none;
}

.table>tbody>tr>td .wwctrl,
.table>tbody>tr>td .wwgrp{
   padding: 0;
}

.table>tbody>tr>td:not(.rte-text) ul:not(.dropdown-menu) li,
.one-liner ul li {
   display: inline;
   margin-right: 1em;
}

#userNotificationListTable.table>tbody>tr>td ul li {
   display: list-item;
}

#userNotificationListBody .updating {
   padding: 15px;
}

#mediaInsertionStatusDataTable.table>tbody>tr>td ul li,
#mediaWorkStatusDataTable.table>tbody>tr>td ul li,
#roleDataTable.table>tbody>tr>td ul li {
   display: block;
   white-space:nowrap;
}
.table>tbody>tr>td ul.multiline li {
   display: block;
}

.table input[type=checkbox],
.table input[type=radio] {
   margin: 2px 0 0;
}

#guides-sidebar {
   /*position: fixed;*/
   /*top: 0;*/
   /*left: 0;*/
   /*right: 0;*/
   z-index: 2000;
   width: 100%;
   background-color: #DAE7FF;
   color: #fff;
}

#guides-sidebar div {
   background-color: #DAE7FF;
   color: #fff;
}

#guides-sidebar a:focus,
#guides-sidebar a:hover {
   color: #6E6B6C;
}

#mediaplanhq.guide-expanded {
   overflow-y: hidden;
}

.guide-collapsed #guides-sidebar {
   height: 150px;
   top: inherit;
   overflow-y: hidden;
}

.guide-expanded #guides-sidebar {
   top: 0;
   overflow-y: auto;
}

#guides-sidebar #guides-toggle {
   color: #fff;
}

#guides-sidebar #guides-toggle span {
   display: block; margin: 0; font-size: 10pt;
}

.guide-collapsed #guides-sidebar #guides-toggle img#up {
   display: inherit;
}
.guide-expanded #guides-sidebar #guides-toggle img#up {
   display: none;
}

.guide-collapsed #guides-sidebar #guides-toggle img#down {
   display: none;
}
.guide-expanded #guides-sidebar #guides-toggle img#down {
   display: inherit;
}

.guide-collapsed #guides-sidebar #guide-content {
   display: none;
}

.guide-expanded #guides-sidebar #guide-content {
   display: block;
}

.guideContent h2 {
   margin-bottom: 15px;
}
.guideContent p {
   font-size: 14pt;
   margin-bottom: 20px;
}

#guides-sidebar h1 {
   margin-top: 0;
}
#guides-sidebar h5 {
   margin-bottom: 0.5em;
   color: #999;
   font-size: 14pt;
   font-weight: bold;
}

#guides-sidebar ul {
   list-style: none;
   margin-left: 0;
}

#guides-sidebar ul li {
   padding: .5em;
}

#guides-sidebar ul li a {
   color: #ccc;
}

#guides-sidebar ul li.challenge {
   margin-left: 0.5em;

}

#guides-sidebar ul li.challenge a {
   color: #999;
}

#guides-sidebar ul li:not(.challenge) {
   margin-top: 1em;
   text-transform: uppercase;
}

#guides-sidebar ul li:not(.challenge).first {
   margin-top: 0;
}

.nav-icon {
   font-size: 20pt
}

/* CHANGE COLOR HERE */
ol.etapier li.done,
ol.etapier.white-bg li.done {
   border-color: #62cb31 ;
}
/* CHANGE COLOR HERE */
ol.etapier li.done:before,
ol.etapier.white-bg li.done:before{
   background-color: #62cb31;
   border-color: #62cb31;
}


ol.etapier {
   display: table;
   list-style-type: none;
   margin: 0 auto 20px auto;
   padding: 0;
   table-layout: fixed;
   width: 100%;
}
ol.etapier li {
   display: table-cell;
   text-align: center;
   padding: 10px;
   position: relative;
   vertical-align: middle;
   height: 75px;
}

ol.etapier li a {
   color: inherit;
   font-weight: bold;
}

ol.etapier li.todo a {
   text-decoration: underline;
}

ol.etapier li {
   color: #6E6B6C;
   border-bottom: 4px solid white;
}
ol.etapier li.done,
ol.etapier.white-bg li.done{
   color: #62cb31;
}

ol.etapier li:before {
   position: absolute;
   bottom: -11px;
   left: 50%;
   margin-left: -7.5px;
   color: white;
   height: 15px;
   width: 15px;
   line-height: 15px;
   border: 2px solid white;
   border-radius: 15px;

}
ol.etapier li.done:before,
ol.etapier.white-bg li.done:before{
   content: "\2713";
   color: white;
}
ol.etapier li.todo:before,
ol.etapier.white-bg li.todo:before {
   content: " " ;
   background-color: white;
}

ol.etapier.white-bg li {
   color: #666;
   border-bottom-color: #ccc;
}

ol.etapier.white-bg li:before {
   color: #ccc;
   border-color: #ccc;
}

ol.etapier.white-bg li.todo:before {
   background-color: #ccc;
}

.todo i.fa {
   margin-right: 5px;
}

.popover.tour-tour {
   border-color: #f79232;
   border-width: 2px;
   border-color: #f79232;
   border-width: 5px;
   font-size: 125%;
   max-width: 25vw;
}
.popover.tour-tour.right>.arrow {
   border-right-color: #f79232;
}
.popover.tour-tour.right>.arrow:after {
   left: 2px;
}
.popover.tour-tour.left>.arrow {
   border-left-color: #f79232;
}
.popover.tour-tour.left>.arrow:after {
   right: 2px;
}
.popover.tour-tour.top>.arrow {
   border-top-color: #f79232;
}
.popover.tour-tour.top>.arrow:after {
   bottom: 2px;
}
.popover.tour-tour.bottom>.arrow {
   border-bottom-color: #f79232;
}
.popover.tour-tour.bottom>.arrow:after {
   top: 2px;
}

.popover.tour-tour h1 {
   margin-top: 0;
   margin-bottom: 25px;
   background-color: #ededed;
   padding: 5px;
}
.popover[class*=tour-] .popover-navigation [data-role=end] {
   float: none;
}

.popover.tour-tour .example {
   margin-bottom: 25px;
}
.popover.tour-tour .example h2 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 0;
   margin-top: 0;
}
.popover.tour-tour .example h2 small {
   display: block;
}

.item-details dl {
   display: table;
   margin-bottom: 10px;
   width: 100%;
}
.item-details dl dt {
   vertical-align: top;
   width: 140px;
   display: table-cell;
   font-weight: normal;
   padding-right: 15px;
   color: #707070;
}
.item-details dl dd {
   display: table-cell;
}

.item-details-lg dl dt {
   width: 240px;
}

.item-details-sm dl dt {
   width: 70px;
}

.item-details-md dl dt {
   width: 105px;
}

.modal-header:not(.bs3-legacy) {
   background-color: #ddd;
   border-radius: 5px 5px 0 0;
   border-bottom: 1px solid #ccc;
}
.form-horizontal label.control-label,
form label.control-label {
   padding: .5em;
   background-color: #eee;
   vertical-align: top;
   text-align: right;
}
.form-horizontal label.control-label:not(.bs3-label),
form label.control-label:not(.bs3-label) {
   margin-left: 15px;
}
form#public-form-request-demo label.control-label,
form#public-form-signup label.control-label,
form#public-form-step1questions label.control-label {
   margin-left: 0;
   padding: 0;
   background-color: transparent;
}
.modal-footer:not(.bs3-legacy) {
   background-color: #eee;
   border-radius: 0 0 5px 5px ;
   border-top: 1px solid #ccc;
}

.module-home {
   max-width: 70%;
   margin: auto;
   float: none;
}

.moduleDetails {
   background-color: #F0F0F0;
   padding-top: 15px;
}

h3.bs3-letter-badge {
   margin-top: 0;
   margin-bottom: 0;
}
h3.bs3-letter-badge div.bs3-letter-badge-lg {
   top: inherit;
   left: inherit;
}

#public-organizationing-request .panel {
   border: 1px solid #ccc;
   -o-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
   box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
}

#public-organizationing-request .panel-body .client-request-type .panel-body {
   height: 100px;
   overflow-y: auto;
}
.client-request-type .panel-heading {
   border-bottom: none;
   background-color: inherit;
}
.client-request-type .panel-footer {
   border-top: none;
   background-color: inherit;
}

.bs3-deletable-input select,
.bs3-deletable-input input {
   width: auto;
   display: inline-block;
}

.bs3-deletable-input a {
   display: inline-block;
}

.organization,
.mediainfo {
   margin-bottom: 5px;
}

.audit.help-block {
   font-size: 10px;
   margin-bottom: 5px;
   color: #a0a0a0;
}

.activity legend {
   padding: 10px;
}

.activity legend .btn {
   margin-top: -5px;
}

.btn-circle:not(.btn-group) {
   height: 30px;
   text-align: center;
   padding: 6px 8px;
   font-size: 12px;
   line-height: 1.42;
   border-radius: 15px;
}

.activity .content-scrollable
{
   max-height: 40vh;
   overflow-y: auto;
}

.activity .content-scrollable.mh400 {
   max-height: 400px;
}

.activity .content-scrollable.mh450 {
   max-height: 450px;
}

.activity .content-scrollable.mh500 {
   max-height: 500px;
}

.activity .content-scrollable.mh550 {
   max-height: 550px;
}

.activity .content-scrollable.mh600 {
   max-height: 600px;
}

.activity #comment-list-container .well {
   position: absolute;
   bottom: -7px;
   left: 0;
   right: 0;
   border-radius: 0;
   border-left: none;
   border-right: none;
   border-bottom: none;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}

.activity #comment-list-container .well label {
   background-color: inherit;
   color: #000;
}

.well-xs {
padding: 6px;
}

#comment-list-container p {
   margin: 0;
}

.table>thead>tr>th.requested {
   background-color: #b0b0b0;

}

#userSession #administrationDropdown,
#userSession #administrationDropdown ul li a {
   color: #000;
}

#userSession #administrationDropdown button {
   padding-top: 3px;
   color: #fff;
}

#userSession #administrationDropdown ul li {
   margin-left: 0
}

.btn-group.full-width .btn,
.full-width {
   width: 100%;
}

.flip-h-rotate-270deg {
   -moz-transform: rotate(270deg) scale(1, -1);
   -webkit-transform: rotate(270deg) scale(1, -1);
   -o-transform: rotate(270deg) scale(1, -1);
   -ms-transform: rotate(270deg) scale(1, -1);
   transform: rotate(270deg) scale(1, -1);
}

.high-volume-checkbox-form {
   max-height: 300px;
   overflow-y: auto;
}

#wrapper {
   position: relative;
   left: 0;
   right: 0;
   top: 0;
   bottom: auto;
   z-index: 0;
   height: 100%;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

#bd.ui-container #wrapper {
   bottom: 0;
   z-index: auto;
}

#wrapper.sidebar-right {
   padding-right: 35px;
}

#wrapper.sidebar-left {
   padding-left: 35px;
}

#wrapper.sidebar-right.sidebar-right-sm.sidebar-right-open {
   padding-right: 235px;
}

#wrapper.sidebar-right.sidebar-right-md.sidebar-right-open {
   padding-right: 400px;
}

#wrapper.sidebar-left.sidebar-left-sm.sidebar-left-open {
   padding-left: 235px;
}

#wrapper.sidebar-left.sidebar-left-md.sidebar-left-open {
   padding-left: 400px;
}

.sidebar-wrapper {
   z-index: 4;
   position: absolute;
   width: 0;
   height: 100%;
   overflow-y: auto;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background-color: #fafafa;
   border-top: 1px solid #ccc;
}

.sidebar-wrapper>div{
   padding: 15px;
}

#wrapper.sidebar-right .sidebar-wrapper.sidebar-right ,
#wrapper.sidebar-left .sidebar-wrapper.sidebar-left {
   overflow-x: hidden;
}

#wrapper.sidebar-right.sidebar-right-sm .sidebar-wrapper.sidebar-right > div:first-of-type,
#wrapper.sidebar-left.sidebar-left-sm .sidebar-wrapper.sidebar-left > div:first-of-type {
   width: 200px;
}

#wrapper.sidebar-right.sidebar-right-md .sidebar-wrapper.sidebar-right > div:first-of-type,
#wrapper.sidebar-left.sidebar-left-md .sidebar-wrapper.sidebar-left > div:first-of-type {
   width: 365px;
}

.sidebar-wrapper.sidebar-right {
   border-left: 1px solid #ccc;
}
.sidebar-wrapper.sidebar-left {
   border-right: 1px solid #ccc;
}

#wrapper.sidebar-right.sidebar-right-sm .sidebar-wrapper.sidebar-right {
   right: 235px;
   margin-right: -215px;
}
#wrapper.sidebar-right.sidebar-right-md .sidebar-wrapper.sidebar-right{
   right: 400px;
   margin-right: -380px;
}

#wrapper.sidebar-left.sidebar-left-sm .sidebar-wrapper.sidebar-left {
   left: 235px;
   margin-left: -215px;
}

#wrapper.sidebar-left.sidebar-left-md .sidebar-wrapper.sidebar-left {
   left: 400px;
   margin-left: -380px;
}

#wrapper.sidebar-right-sm.sidebar-right-open .sidebar-wrapper.sidebar-right,
#wrapper.sidebar-left-sm.sidebar-left-open .sidebar-wrapper.sidebar-left{
   width: 200px;
}

#wrapper.sidebar-right-md.sidebar-right-open .sidebar-wrapper.sidebar-right,
#wrapper.sidebar-left-md.sidebar-left-open .sidebar-wrapper.sidebar-left{
   width: 365px;
}

.sidebar-menu {
   background-color: #efefef;
   color: #ffffff;
   z-index: 4;
   position: absolute;
   width: 35px;
   height: 100%;
   text-align: center;
   vertical-align: middle;
}

.sidebar-menu.sidebar-right {
   right: 25px;
   margin-right: -40px;
}

.sidebar-menu.sidebar-left {
   left: 25px;
   margin-left: -40px;
}

.sidebar-menu ul {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   list-style: none;
}

.sidebar-menu ul>li>a {
   display: block;
   border-bottom: 1px solid #ccc;
   padding: 10px;
   color: #4f4f4f;
   cursor: pointer;
   width: 35px;
}

.sidebar-menu ul>li.condensed>a {
   padding: 5px;
}

.sidebar-menu ul>li.filter-quick-link div.count {
   font-size: 10px;
   display: block;
}

.sidebar-menu ul>li.filter-quick-link.selected {
   background-color: #ccc;
}

.sidebar-menu ul>li a {
   color: #4f4f4f;
}

.sidebar-menu ul>li:hover {
   background-color: #cfcfcf;
}

.sidebar-menu ul>li.selected {
   background-color: #fafafa;
}
.sidebar-menu ul>li.selected:hover{
   background-color: #cfcfcf;
}

.sidebar-left-open .sidebar-menu.sidebar-left ul>li {
   border-right: 1px solid #ccc;
}

.sidebar-left-open .sidebar-menu.sidebar-left ul>li.selected {
   border-right: none;
}

.sidebar-right-open .sidebar-menu.sidebar-right ul>li {
   border-left: 1px solid #ccc;
}

.sidebar-right-open .sidebar-menu.sidebar-right ul>li.selected {
   border-left: none;
}

#requestListSummaryLeft ul li {
   margin-bottom: 7px
}

ul.list-selected li.selected {
   font-weight: bold;
}


span.date-hint {
   color: #a0a0a0;
   font-style: italic;
   display: block;
   font-size: 12px;
}

span.date-hint label {
   color: #a0a0a0;
   font-weight: bold;
   text-decoration: underline;
}

.tableFloatingHeader {
   z-index: 1039;
   margin-left: 15px;
   margin-right: 15px;
}

.tableFloatingHeader .bulkActionsContainer {
   margin-top: 15px;
}

.bulkActionsContainer {
   background-color: #fff;
   /*position: absolute;*/
   /*top: 0;*/
   width: 100%;
}

.table>tfoot.tableFloatingFooter>tr>td, .table>tfoot.tableFloatingFooter>tr>th {
   border-top: none;
}

.dropdown-menu {
   max-height: 50vh;
   overflow-y: auto;
   z-index: 1060;
}

.bs-callout {
   padding: 10px;
   margin: 10px 0;
   border: 1px solid #eee;
   border-left-width: 5px;
   border-radius: 3px;
}
.bs-callout h4 {
   margin-top: 0;
}
.bs-callout code {
   border-radius: 3px;
}
.bs-callout-default {
   border-left-color: #777;
}
.bs-callout-default h4 {
   color: #777;
}
.bs-callout-primary {
   border-left-color: #428bca;
}
.bs-callout-primary h4 {
   color: #428bca;
}
.bs-callout-success {
   border-left-color: #5cb85c;
}
.bs-callout-success h4 {
   color: #5cb85c;
}
.bs-callout-danger {
   border-left-color: #d9534f;
}
.bs-callout-danger h4 {
   color: #d9534f;
}
.bs-callout-warning {
   border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
   color: #f0ad4e;
}
.bs-callout-info {
   border-left-color: #5bc0de;
}
.bs-callout-info h4 {
   color: #5bc0de;
}

.popover.bs-callout {
   max-width: 450px;
   z-index: 1040;
}

.popover.bs-callout.left {
   margin-top: 0;
   margin-bottom: 0;
   border-left-width: 1px;
   border-right-width: 5px;
   border-right-color: #5cb85c;
   border-left-color: #eee;
}

.popover.bs-callout.right {
   margin-top: 0;
   margin-bottom: 0;
}

.popover.bs-callout .popover-title {
   padding: 0;
   margin: 0;
   font-size: 18px;
   background-color: #fff;
   border: none;
}

.popover.right.bs-callout .arrow:after {
   left: 5px;
}

.popover.left.bs-callout .arrow:after {
   left: -15px;
}

.popover.left.bs-callout.bs-callout-success .arrow {
   border-left-color: #5cb85c;
}

.popover.right.bs-callout.bs-callout-success .arrow {
   border-right-color: #5cb85c;
}

.popover.bs-callout.bs-callout-success .popover-title {
   color: #5cb85c;
}

.popover.right.bs-callout .popover-content,
.popover.left.bs-callout .popover-content{
   padding: 0;
   margin-top: 7px;
}

.sidebar-closed .hide-on-sidebar-closed {
   display: none;
}

.helpmode-bullet-container {
   position: relative;
}

#helpmode-MEDIA_INSERTION_LIST_COST_SIDEBAR2,
#helpmode-MEDIA_INSERTION_LIST_COST_SIDEBAR3,
#helpmode-MEDIA_INSERTION_LIST_COST_SIDEBAR4 {
   left: -10px;
}

.helpmode-popover {
   color: #5cb85c;
   position: absolute;
   border: none;
   z-index: 5000;
   display: block;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   background-color: #fff;
   line-height: 2em;
}

.helpmode-popover.top
{
   top: -15px;
}
.helpmode-popover.right
{
   right: -15px;
}
.helpmode-popover.left {
   left: -15px;
}

.helpmode-popover.bottom {
   bottom: -30px;
}

.helpmode-popover:hover {
   color: #5cb85c;
}

.helpmode-popover:focus {
   outline: none;
   color: #5cb85c;
   text-decoration: none;
}

#preview{
  position:fixed;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  display:none;
  color:#fff;
  z-index: 99999;
}
#preview img {
  max-width: 50vw;
  max-height: 50vh;
}

.form-inline .form-group {
  margin-right: 3px;
  margin-bottom: 10px;
}

.filter-section {
  margin-top: 10px;
}

.filter-section .nav.nav-pills>li>a,
.filter-section .nav-pills>li.active>a,
.filter-section .nav-pills>li.active>a:focus,
.filter-section .nav-pills>li.active>a:hover {
  padding: 7px 12px;
}

.viewDetails .panel:not(.native) {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  position: relative;
}

.viewDetails .panel:not(.native) .panel-heading {
  border-radius: 0;
}

.viewDetails .panel.note-editor {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.viewDetails .panel.note-editor .panel-heading.note-toolbar {
  border-radius: 3px;
}

ul.activity legend {
   margin-bottom: 0;
}

.viewDetails fieldset > legend {
  background-color: #F5F5F5;
   padding: 5px 10px;
   overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.viewDetails fieldset.inner > legend {
   background-color: transparent;
   font-size: 18px;
   font-weight: 500;
}

div.activity .viewDetails label {
  background-color: transparent;
}

div.activity .viewDetails:not(.legacy-form-label) label:not(.bs3-label),
.viewDetails:not(.legacy-form-label) :not(.toggle-group) label:not(.bs3-label) {
  color: #a0a0a0;
  font-weight: normal;
  border-bottom: 2px solid #e5e5e5;
}

.viewDetails .toggle-group label {
  border-bottom: none;
  font-weight: 400;
}

.viewDetails .toggle-group label.toggle-on {
  color: #fff;
}

.viewDetails .toggle-group label.toggle-off {
  color: #333;
}

.viewDetails > .loading {
  margin-top: 15px;
}

#headerCostConfigurationFieldset fieldset > legend {
   font-size: 17px;
}

#request-inline-summary {
  color: #000;
}

#request-inline-summary label {
  font-size: 11px;
  color: #000;
  border-bottom: 1px solid #000;
}

#request-inline-summary .emptyOrNull {
  color: #000;
}

#request-inline-summary-white {
  color: #fff;
}

#request-inline-summary-white label {
  font-size: 11px;
  color: #fff;
  border-bottom: 1px solid #fff;
}

#request-inline-summary-white .emptyOrNull {
  color: #fff;
}

.viewDetails .breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.nav.nav-pills-sm>li>a,
.nav.nav-tabs-sm>li>a{
  padding: 8px 12px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #666;
  background-color: #ddd;
  font-weight: 500;
}

.nav-pills>li>a {
  color: #666;
}

fieldset:not(.bs3-legacy) .nav-pills>li.active>a,
fieldset:not(.bs3-legacy) .nav-pills>li.active>a:focus,
fieldset:not(.bs3-legacy) .nav-pills>li.active>a:hover,
fieldset:not(.bs3-legacy) .nav-pills>li>a:hover{
  background-color: #F5F5F5!important;
}

#mediaInsertionDetails #bsHistorySectionVueJsContainer>fieldset>legend {
  display: none;
}

.btn-group.btn-circle>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 15px;
}

.btn-group.btn-circle >  .btn+.dropdown-toggle {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-right: 10px;
}

.btn-group.btn-circle>.btn.dropdown-toggle:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-right: 10px;
}


.nav-pills>li>a:hover {
  background-color: #ddd;
}

.list-inline-csv li:first-child {
   padding-right: 0;
}

.list-inline-csv li:not(:first-child) {
   padding: 0;
}

.list-inline-csv li:after {
  content: ", ";
}

.list-inline-csv li:last-child:after {
  content: "";
}

.list-inline-equal150 li {
  width: 150px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bs3-page-heading .breadcrumb>.active {
  color: #000;
}

.bs3-page-heading .breadcrumb>li+li:before {
  color: #777;
}

blockquote.bg-success {
  border-left-color: #5cb85c;
}

.viewDetails blockquote {
  font-size: inherit;
}

.nav-tabs.nav-justified>li:not(.active)>a>span.badge {
  background-color: #337ab7;
}


.ng-file-box {
  float: left;
  width: 225px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.ng-file .ng-icon {
  padding: 15px 10px;
  text-align: center;
}
.ng-file .ng-icon, .ng-file .ng-image {
  height: 200px;
  overflow: hidden;
}

.ng-file {
  border: 1px solid #A0A0a0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  border-radius: 3px;
}

.file-viewable-by-requester {
  position: absolute;
  left: 0;
  right: 0;
  border: 1px solid #5fc0de;
  background-color: #5fc0de;
  color: #fff;
  padding: 2px 4px;
  text-align: center;
}

.ng-file .ng-icon {
  font-size: 120px;
  color: #dadada;
}

.ng-file-name small {
  color: #676a6c;
}

.ng-file .ng-file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
  border-radius: 3px;
}

.ng-corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0;
  bottom: 0;
}

.ng-file-category {
  padding: 5px;
  text-align: center;
  font-size: 10px;
   line-height: 1.5;
}

.ng-file-category a {
   position: absolute;
   top: 3px;
   right: 3px;
   font-size: 10px;
}

div[data-minimized='true'] .hide-minimized {
   display: none;
}

.activity .content-scrollable {
   padding: 15px;
}
.activity .content-scrollable.bs3-padding-reset {
  padding: 0;
}

.content-scrollable {

}

ul.nav li a {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pull-left-xs {
  float: left!important;
}
.pull-right-xs {
  float: right!important;
}

.sidebar-filters li.selected a {
  color: #f0ad4e;
}

.note-editor .dropdown-menu {
  z-index: 99999;
}

.note-editor .dropdown-fontsize li {
  display: list-item;
}

.bs-searchbox {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}

.bs-actionsbox {
   margin-top: 8px;
   border-bottom: 1px solid #e5e5e5;
   margin-bottom: 8px;
   padding-bottom: 8px !important;
}

.bootstrap-select.mediaFormatSelect ul.dropdown-menu li a span.text,
.bootstrap-select.mediaFormatSelect ul.dropdown-menu li a span.text small {
  display: block;
}

.bootstrap-select.mediaFormatSelect ul.dropdown-menu li a span.text small {
  float: right;
}

.has-error .bootstrap-select>.dropdown-toggle,
.has-error .bootstrap-select>.dropdown-toggle:active,
.has-error .bootstrap-select>.dropdown-toggle:focus,
.has-error .bootstrap-select>.dropdown-toggle:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
   color: inherit;
}

.dropdown-hide > button > span.filter-option > span.dropdown-option-prefix,
.filter-select > button > span.filter-option > span.filter-option-prefix {
  display: none;
}

.dropdown-hide > button > span.filter-option > span.dropdown-option-prefix:first-child,
.filter-select > button > span.filter-option > span.filter-option-prefix:first-child {
  display:inline
}

.filter-select.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1040;
}

.dropdown-hide.bs-container span.dropdown-hide,
.filter-select.bs-container span.filter-option-prefix {
  display: none;
}


.filter-select.bs-container ul li a {
  padding-right: 40px
}

.filter-select.bs-container ul li.selected {
  background-color: #fcf8e3;
}

.dropdown-hide.bs-container ul li strong,
.filter-select.bs-container ul li strong {
  font-weight: normal;
}

.filter-select.bootstrap-select>.dropdown-toggle {
  padding-right: 12px;
}

.filter-select.bootstrap-select.btn-group .dropdown-toggle .filter-option {
   display: inline;
   width: auto;
}

.filter-option small {
  display: inline-block;
  float: right;
  vertical-align: middle;
  padding: 2px;
}

.selectpicker > button > span.filter-option > span.selectpicker-visible-selected {
  display:inline
}

.bootstrap-select.bs-container span.selectpicker-visible-selected {
  display: none;
}

.table>tbody>tr.line-divider>td {
   border-width: 10px;
   border-color: #ccc;
}

.table>tbody>tr.total-line-divider>td,
.table>tbody>tr.total-line-divider>th{
   border-width: 10px;
   border-color: #000;
}

.updatable {
  position: relative;
}
.updating {
  position: absolute;
  background-color: rgba(250,250,250,0.85);
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  z-index: 999;
  text-align: center;
  vertical-align: middle;
  color: #666;
  border-radius: 5px;
  padding: 15px;
}

.nbdays-hint span.text-warning:before {
  font-family: "Font Awesome 6 Pro";
  content: "\f071";
  margin-right: 3px;
}

.col-separator {
  border-right: 1px solid #ccc; border-left: 1px solid #ccc;
  margin-left: -1px;
  margin-right: -1px;
}

.col-separator-left {
  border-left: 1px solid #ccc;
}
.col-separator-left-offset {
  border-left: 1px solid #ccc;
  margin-left: -1px;
}

.col-separator-right {
  border-right: 1px solid #ccc;
}
.col-separator-right-offset {
  border-right: 1px solid #ccc;
  margin-right: -1px;
}
.col-separator-top {
  border-top: 1px solid #ccc;
}
.col-separator-top-offset {
  border-top: 1px solid #ccc;
  margin-top: -1px;
}
.col-separator-bottom {
  border-bottom: 1px solid #ccc;
}
.col-separator-top {
   border-top: 1px solid #ccc;
}

#costDetailTable tr th,
#organizationSplitTable tr th {
  min-width: 100px;
  max-width: 150px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

VENDOR_GROSS

/* NET-fixed. */
#costDetailTable[data-cost-type='VENDOR_NET'] .input-group.net-fixed .input-group-addon {
   display: table-cell;
}
#costDetailTable[data-cost-type='VENDOR_NET'] .input-group.gross-fixed {
   display: block;
}
#costDetailTable[data-cost-type='VENDOR_NET'] .input-group.gross-fixed input.form-control {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
#costDetailTable[data-cost-type='VENDOR_NET'] .input-group.gross-fixed .input-group-addon {
   display: none;
}
#costDetailTable[data-cost-type='VENDOR_NET'] .input-group.vendor-gross-fixed {
   display: block;
}
#costDetailTable[data-cost-type='VENDOR_NET'] .input-group.vendor-gross-fixed .input-group-addon {
   display: none;
}
/* GROSS-fixed */
#costDetailTable[data-cost-type='CLIENT_NET'] .input-group.net-fixed {
   display: block;
}
#costDetailTable[data-cost-type='CLIENT_NET'] .input-group.net-fixed input.form-control {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
#costDetailTable[data-cost-type='CLIENT_NET'] .input-group.net-fixed .input-group-addon {
   display: none;
}
#costDetailTable[data-cost-type='CLIENT_NET'] .input-group.gross-fixed .input-group-addon {
   display: table-cell;
}
#costDetailTable[data-cost-type='CLIENT_NET'] .input-group.vendor-gross-fixed {
   display: block;
}
#costDetailTable[data-cost-type='CLIENT_NET'] .input-group.vendor-gross-fixed .input-group-addon {
   display: none;
}
/* VENDOR-GROSS-fixed. */
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.vendor-gross-fixed .input-group-addon {
   display: table-cell;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.gross-fixed {
   display: block;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.gross-fixed input.form-control {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.gross-fixed .input-group-addon {
   display: none;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.net-fixed {
   display: block;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.net-fixed input.form-control {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] .input-group.net-fixed .input-group-addon {
   display: none;
}

#gross-container,
#discount-container {
   display: none;
}
#costDetailTable[data-cost-type='VENDOR_GROSS'] #gross-container,
#costDetailTable[data-cost-type='VENDOR_GROSS'] #discount-container {
   display: table-row;
}

#costDetailTable[data-cost-type='VENDOR_NET']  #net-container > th,
#costDetailTable[data-cost-type='VENDOR_NET']  #net-container > td,
#costDetailTable[data-cost-type='CLIENT_NET']  #net-container > th,
#costDetailTable[data-cost-type='CLIENT_NET']  #net-container > td {
   border-top: none;
}


.colSeparatorMonth {
  border-left: 3px solid #666;
}

#changeLog-list-container blockquote small:before {
  content: '';
}

.blockingChartGroupLevel2 {
  background-color: #a0a0a0;
}

.blockingChartGroupLevel1 {
   background-color: #e0e0e0;
   border-top: 3px solid #d0d0d0;
}

table>tbody>tr.blockingChartGroupLevel2>th,
table>tbody>tr.blockingChartGroupLevel2>td {
   background-color: #a0a0a0;
   border-top: 0;
}
table>tbody>tr.blockingChartGroupLevel1>th,
table>tbody>tr.blockingChartGroupLevel1>td {
   background-color: #e0e0e0;
   border-top: 3px solid #d0d0d0;
}

table>tbody>tr#blockingChartBudgetLine>th,
table>tbody>tr#blockingChartBudgetLine>td {
   border-top: 3px solid #333333;
   border-bottom: 3px solid #333333;
}

table>tbody>tr#blockingChartTotal>th,
table>tbody>tr#blockingChartTotal>td {
   border-top: 3px solid #333333;
}

table>tbody>tr#blockingChartTotal>td:not(.last-line) {
   border-bottom: none!important;
}

table>tbody>tr#blockingChartTotal:not(.has-subsequent-lines)>th,
table>tbody>tr#blockingChartTotal:not(.has-subsequent-lines)>td {
   border-bottom: 2px solid #333333;
}

table>tbody>tr>td.display-value-name-cell,
table>tbody>tr>td.display-value-cell {
   white-space: nowrap;
   text-align: center;
}

table>tbody>tr>td.display-value-cell {
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
}

table>tbody>tr.blockingChartExpensesPerPeriod.subsequent-line>th,
table>tbody>tr.blockingChartExpensesPerPeriod.subsequent-line>td {
   border-top: 3px solid #ddd;
}

table>tbody>tr#blockingChartExpensesNonVisible>th,
table>tbody>tr#blockingChartExpensesNonVisible>td {
   border-top: 3px solid #333333;
}

table>tbody>tr#blockingChartBudgetRemaining>th,
table>tbody>tr#blockingChartBudgetRemaining>td {
   border-top: 3px solid #333333;
   border-bottom: 3px solid #333333;
}

table>tbody>tr#blockingChartTotalPerMonth:not(.subsequent-line)>td {
   border-bottom: 3px solid #333333;
}

table#blockingChartTable>tbody>tr td.last-line {
   border-bottom: 3px solid #333333;
}

table#blockingChartTable>tbody>tr:first-child td {
   border-top: 3px solid #333333;
}

.fixed-headers table {
   border-collapse: separate
}

/* First header row */
.fixed-headers table>thead>tr:first-child>th {
   position: sticky;
   top:0;
}

/* Second header row */
.fixed-headers table>thead>tr:nth-child(2)>th {
   position: sticky;
   top: 27px;
}

/* Third header row */
.fixed-headers table>thead>tr:nth-child(3)>th {
   position: sticky;
   top: 55px;
}

/* Header first cell */
.fixed-headers table>thead>tr:first-child>th:first-child {
   position: sticky;
   z-index:2;
   top: 0;
   left:0;
   border-right: 3px double #ccc;
}

.fixed-headers table>tbody>tr:not(.subsequent-line)>:first-child {
   background-color: #fff;
   position: sticky;
   z-index:1;
   left:0;
   border-right: 3px double #aaa;
}

.fixed-headers table#blockingChartTable>tbody>tr.blockingChartGroupLevel2>td.widthBlockingChartColName {
   background-color: #a0a0a0;
}
.fixed-headers table#blockingChartTable>tbody>tr.blockingChartGroupLevel1>td.widthBlockingChartColName {
   background-color: #e0e0e0;
}

.blockingChartGroupLevel2 .widthBlockingChartColName div,
.blockingChartGroupLevel1 .widthBlockingChartColName div,
.blockingChartGroupLevel0 .widthBlockingChartColName div,
.widthBlockingChartColName div {
  width: 450px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.widthBlockingChartColOrganization div {
  width: 150px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.widthBlockingChartColWeek,
.table>tbody>tr>td.widthBlockingChartColWeek,
.table>thead>tr>th.widthBlockingChartColWeek,
.table>thead>tr>th.timelineCol{
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.table-number-cell {
  color: #aaa;
  text-align: center;
}

.table-condensed-xs .table-number-cell.form-control-static {
  padding-left: 4px;
  padding-right: 4px;
}

.table:not(.cols-auto-size)>tbody>tr>td.widthBlockingChartColWeek,
.table:not(.cols-auto-size)>thead>tr>th.widthBlockingChartColWeek,
.table:not(.cols-auto-size)>tbody>tr>td.widthBlockingChartColWeek div,
.table:not(.cols-auto-size)>thead>tr>th.widthBlockingChartColWeek div {
  width: 100px;
}

.table.cols-auto-size>tbody>tr>td.widthBlockingChartColWeek,
.table.cols-auto-size>thead>tr>th.widthBlockingChartColWeek,
.table.cols-auto-size>tbody>tr>td.widthBlockingChartColWeek div,
.table.cols-auto-size>thead>tr>th.widthBlockingChartColWeek div {
  width: 100px;
}

td.widthBlockingChartColWeek,
td.widthBlockingChartColWeek div {
  text-align: center;
}


.blockingChartGroupLevel2 div,
.blockingChartGroupLevel1 div {
  font-weight: bold;
}

.note {
  position: relative;
}
.note:after { /* Magic Happens Here!!! */
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 0;
   height: 0;
   display: block;
   border-left: 10px solid transparent;
   border-bottom: 10px solid transparent;

   border-top: 10px solid #909090;
} /* </magic> */


.fileupload-dropzone-directive {
   border: 2px dashed #ccc;
   width: 100%;
   padding: 15px;
   border-radius: 5px;
   text-align: center;
}

.fileupload-dropzone-mask {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: -1;
   display: none;
}

.has-error .fileupload-dropzone-directive {
   color: #a94442;
   border-color: #a94442;
}

.modal-content .fileupload-dropzone-mask {
   top: 65px;
   bottom: 65px;
}
.dragover .fileupload-dropzone-mask {
   opacity: 0.75;
   background-color: #ccc;
   border: 5px dashed #666;
   padding: 30px;
   margin: 5px;
   z-index: 9999;
   display: block;
   font-size: 50px;
   color: #666;
   text-align: center;
}

.full-height {
   height: 100%;
}
.full-width {
   width: 100%;
}

.ui-container {
   position: relative;
}
.ui-container.noscroll {
   overflow: hidden;
}
.ui-container.full-height {
   top: auto;
   bottom: auto;
   height: 100%;
}
.ui-container.full-width {
   left: auto;
   right: auto;
   width: 100%;
}

.nav-stacked-md>li {
   float: left;
}

.scroll-y{
   overflow-y: auto;
}
.scroll-x{
   overflow-x: auto;
}

.scroll-y-xs{
   overflow-y: auto;
}
.noscroll-y-xs{
   overflow-y: hidden;
}

.vertical-center {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

.vertical-img-helper {
   display: inline-block; vertical-align: middle; height: 100%;
}
.allocateCostByDateFeature {
   display: none;
}

.enableAllocateCostByDateFeature .allocateCostByDateFeature {
   display: block;
}

.legend-checkbox.right {
    font-size: 14px;
    margin-top: 8px;
    display: inline-block;
}

#allocateCostByDate input[type=checkbox] {
    margin-right: 2px;
}

div.btn-group.checked-primary label.btn.active {
   color: #fff;
   background: #286090 none;
   border-color: #204d74;
}

#dashboardContainer fieldset legend {
   background-color: #F5F5F5;
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;
   overflow-x: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.panel-dashboard {
    position: relative;
    border: none;
    border-top: 5px solid #9fc4e4;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}

.panel-dashboard:hover .panel-dashboard-more {
    visibility: visible;
    animation: 50ms fadeIn;
    z-index: 1;
}

.panel-dashboard .panel-body {
   text-align: center;
   padding-top: 7px;
   padding-bottom: 7px;
}

.panel-dashboard .panel-body > h5,
.panel-dashboard .panel-body > h6 {
   margin: 0 0 5px;
}

.panel-dashboard-more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
}

.panel-dashboard-more > div {
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px;
   background-color: rgba(250, 250, 250, 0.95);
}

.panel-dashboard.panel-success {
    border-color: #88c389;
}

.panel-dashboard.panel-success>.panel-body,
.panel-dashboard.panel-success>.panel-body a{
    color: #3c763d;
}

.panel-dashboard.panel-danger {
    border-color: #c77270;
}

.panel-dashboard.panel-danger>.panel-body,
.panel-dashboard.panel-danger>.panel-body a{
    color: #a94442;
}

.panel-dashboard.panel-warning {
   border-color: #ffc107;
}

.panel-dashboard.panel-warning>.panel-body,
.panel-dashboard.panel-warning>.panel-body a{
   color: #ffc107;
}

.panel-metric-count {
   height: 25px;
}

.panel-metric-count a,
.panel-metric-count span {
   display: block;
   color: inherit;
   font-size: x-large;
   position: absolute;;
   bottom: 7px;
   left: 0;
   right: 0;
}

.panel-mediaplan {
   /*float: left;*/
   margin-right: 15px;
   /*width: 375px;*/
   /*height: 125px;*/
   text-align: center;
   position: relative;
   min-height: 114px;
}

.panel-mediaplan .panel-body h3 {
   margin: 0;
   overflow-y: hidden;
   text-overflow: ellipsis;
   overflow-x: hidden;
   white-space: nowrap;
}

.panel-metric {
   height: 80px;
}

.panel-mediaplan .panel-body h3 a {
   color: #666;
}

.panel-mediaplan .panel-body .panel-mediaplan-budget-summary {
   white-space: nowrap;
   font-size: 12px;
}

.sidebar-filters .nav-tabs.nav-justified>.active>a {
   border-bottom-color: #eee;
   background-color: #eee;
}

.list-group-hover .list-group-item:hover {
   background-color: #f5f5f5;
}

.media-authorization-impact-acknowledgement-visible .media-authorization-confirmed-with-changes {
   border-color: #d9534f;
   border-width: 2px;
}

.reveal section img {
   border: none;
   box-shadow: none;
}

.reveal a.boxed {
   padding: 15px;
   border: 1px solid;
   color: rgb(57, 88, 145);
}

.reveal a.boxed:hover {
   background-color: rgb(57, 88, 145);
   color: #ffffff;
}

.reveal .handwritten {
   font-family: 'Rock Salt', cursive;
   font-size: 16px;
   color: rgb(57, 88, 145);
}

.reveal .handwritten-arrow {
   font-family: 'PWNewArrows', cursive;
   font-size: 20px;
}

#permissions .label {
   white-space: nowrap;
   font-size: 12px;
}

#permissions td {
   white-space: nowrap;
}

#permissions .label.module {
   display: block;
}

table#permissions {
   background-color: transparent;
}

table#permissions>tbody>tr>td ul li {
   margin-bottom: 10px;
}

form table#permissions>tbody>tr>td ul li {
   display: list-item;
}

.label-license-type-user {
   background-color: #0052CC;
}
.label-license-type-collaborator {
   background-color: #2684FF;
}
.label-license-type-observer {
   background-color: #B2D4FF;
}

#wwctrl_changeAccount_changeAccountForm_defaultSpecificationInfoHtml,
#wwctrl_changeAccount_changeAccountForm_defaultMediaInsertionOrderTermsHtml{
   width: 600px;
}

.align-middle {
   vertical-align: middle!important;
}

.maximize .maximize-hide {
   display: none;
}

.mphq-rich-text input[type='checkbox'] {
   cursor: not-allowed;
   pointer-events:none;
   /* Add if not using autoprefixer */
   -webkit-appearance: none;
   appearance: none;
   /* For iOS < 15 to remove gradient background */
   background-color: #fff;
   /* Not removed via appearance */
   margin: 0;
   font-family: "Font Awesome 6 Pro";
}

.mphq-rich-text input[type='checkbox']:before {
   content: "\f0c8";
}

.mphq-rich-text input[type='checkbox']:checked:before {
   content: "\f14a";
}

.table-condensed-xs > tbody > tr > td,
.table-condensed-xs > tbody > tr > th,
.table-condensed-xs > tfoot > tr > td,
.table-condensed-xs > tfoot > tr > th,
.table-condensed-xs > thead > tr > td,
.table-condensed-xs > thead > tr > th {
   padding: 4px 2px;
}

.insertionDates600 {
   width: 600px;
}

.insertionDates875 {
   width: 875px;
}

td.has-error .help-block {
   margin-bottom: 0;
}

.split-view .backlink {

}

@media (min-width: 992px) and (max-width: 1199px) {
   .split-view .backlink {
      display: none !important;
   }
}
@media (min-width: 1200px) {
   .split-view .backlink {
      display: none !important;
   }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .pull-right-sm {
      float: right!important;
   }
   .pull-left-sm {
      float: left!important;
   }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .pull-right-md {
      float: right!important;
   }
   .pull-left-md {
      float: left!important;
   }
   .nav-stacked-md>li {
      float: none;
   }
}

@media (min-height: 768px) and (min-width: 992px) {
   body.fs-layout .ui-container {
      position: absolute;
   }
   body.fs-layout .ui-container.full-height {
      top: 0;
      bottom: 0;
      height: auto;
   }
   body.fs-layout .ui-container.full-width {
      left: 0;
      right: 0;
      width: auto;
   }
   body.fs-layout #wrapper {
      position: absolute;
      left: 15px;
      right: 15px;
      height: auto;
   }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   .pull-right-lg {
      float: right!important;
   }
   .pull-left-lg {
      float: left!important;
   }
   .noscroll-y-lg {
      overflow-y: hidden;
   }
   .scroll-y-lg {
      overflow-y: auto;
   }
   .modal-xl {
      min-width: 1200px;
      max-width: 1920px;
      width: 95vw;
   }
   .full-height-lg {
      height: 100%;
   }
}

/* Zendesk Poisitioning */
#launcher {
    bottom: 7px!important
}
/*  HotJar positioning */
#_hj-f5b2a1eb-9b07_feedback {
   bottom: -10px!important;
}

#drawerExample2 {
   left: auto;
   right: 0;
   border-bottom: 1px solid #dfdfdf;
   border-top: 1px solid #dfdfdf;
   border-right: none;
   border-left: 1px solid #dfdfdf;
}

#drawerExample2 .drawer-controls {
   position: absolute;
   left: -60px;
   top: -5px;
   float: none;
   margin-left: 0;
   margin-right: 0;
   height: auto;
}

#help-counter,
#notification-counter,
#timer-counter{
   position: relative;
   top: -10px;
   font-size: 8px;
   left: 25px;
   z-index: 2;
   padding: 1px 7px;
   margin-left: -23px;
   color: #fff;
   background-color: #fe1212;
   border-radius: 10em;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.bs4-badge {
   display: inline-block;
   padding: .25em .4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25rem;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bs4-badge-primary,
.bs4-badge-primary:hover{
   color: #fff;
   background-color: #007bff;
}

.bs4-badge-light,
.bs4-badge-light:hover{
   color: #212529;
   background-color: #f8f9fa;
}

.bs4-badge-secondary,
.bs4-badge-secondary:hover {
   color: #fff;
   background-color: #6c757d;
}

.bs4-badge-info,
.bs4-badge-info:hover{
   color: #fff;
   background-color: #17a2b8;
}

.bs4-badge-dark,
.bs4-badge-dark:hover {
   color: #fff;
   background-color: #343a40;
}

.bs4-rounded-circle {
   border-radius: 50%!important;
}

.bs4-b-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
   font-size: inherit;
   font-weight: 400;
   line-height: 1;
   max-width: 100%;
   max-height: auto;
   text-align: center;
   overflow: visible;
   position: relative;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bs4-b-avatar-lg {
   width: 3.5em;
   height: 3.5em;
}

.bs4-b-avatar-xl {
   width: 4.5em;
   height: 4.5em;
}

.bs4-b-avatar .bs4-b-avatar-custom,
.bs4-b-avatar .bs4-b-avatar-img,
.bs4-b-avatar .bs4-b-avatar-text {
   border-radius: inherit;
   width: 100%;
   height: 100%;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
}

.bs4-b-avatar .bs4-b-avatar-badge {
   position: absolute;
   min-height: 1.5em;
   min-width: 1.5em;
   padding: .25em;
   line-height: 1;
   border-radius: 10em;
   font-size: 70%;
   font-weight: 700;
   z-index: 5;
}

.assignment-list-item .mphq-assignment.bs4-badge-light {
   background-color: #cbcbcb;
   border: 3px solid #cbcbcb;
}

.assignment-list-item .mphq-assignment.bs4-badge-light:hover {
   background-color: #cbcbcb;
}

.assignment-list-item.unassigned.effort-none:not(.responsible) .assignment-list-item-role {
   color: #aaa;
}
.assignment-list-item.unassigned.effort-none:not(.responsible):hover .assignment-list-item-role {
   color: #3e3e3e;
}

.assignment-list-item.unassigned.effort-none:not(.responsible) .mphq-assignment.bs4-b-avatar {
   border-color: #eaeaea;
}
.assignment-list-item.unassigned.effort-none:not(.responsible):hover .mphq-assignment.bs4-b-avatar,
.assignment-list-item.unassigned.effort-none:not(.responsible):hover .mphq-assignment.bs4-b-avatar .bs4-b-avatar-badge {
   border-color: #a0a0a0;
}

.assignment-list-item .mphq-assignment.bs4-b-avatar {
   border-color: #343a40;
}

.assignment-list-item.responsible .mphq-assignment.bs4-b-avatar,
.assignment-list-item.responsible:hover .mphq-assignment.bs4-b-avatar {
   background-color: #C2D7FE;
   border-color: #347cfe;
   color: #347cfe;
}

.assignment-list-item.unassigned.effort-none:not(.responsible) .mphq-assignment.bs4-b-avatar .bs4-b-avatar-badge {
   background-color: #dadada;
}
.assignment-list-item.unassigned.effort-none:not(.responsible):hover .mphq-assignment.bs4-b-avatar .bs4-b-avatar-badge {
   background-color: #a0a0a0;
}

.assignment-list-item.responsible .mphq-assignment.bs4-b-avatar .bs4-b-avatar-badge.effort {
   background-color: #347cfe;
}