body {
   margin: 0;
   padding: 0;
}
h2 {
    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.3em;
}
header {
    display: flex;
    flex-direction: row;
    /* background-color: #DDD; /* debug */
}
footer {
    display: flex;
    flex-direction: row;
    /* background-color: #DDD; /* debug */
}
form {
    width: 100%;
}
nav {
    padding: 5px;
    flex-grow: 6
    background-color: #CEE; /* debug */
}
section {
    padding: 10px;
    /* background-color: #ECE; /* debug */
}
.camptemp_cost_label {
    width: 210px;
    text-align: right;
}
.camp_state_main {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    /* background-color: #FE7; /* debug */
}
.campaign_state_change_sel_camp {
    /* background-color: #ECE; /* debug */
}
.gtc_tbl {
    vertical-align: top;
    border-collapse: collapse;
    background-color: inherit;
}
.gtc_tbl td {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    /* background-color: #EEFF99; /* debug */
}
.gtc_tbl td:nth-child(1) {
    font-style: italic;
    /* background-color: #AABB22; /* debug */
}
.header_title {
    align-self: flex-start;
    font-size: 28px;
    margin: 0px;
    padding: 5px;
    /* background-color: #ECE; /* debug */
}
.header_image {
    align-self: flex-end;
    padding: 5px;
    /* background-color: #DDD; /* debug */
}
.header_nav_div {
    display: flex;
    flex-direction: column;
    width: 70%;
    /* background-color: #DFD; /* debug */
}

.title_popup_div {
    display: flex;
    flex-direction: column;
    /* background-color: #FDD; /* debug */
}
.announ_btn {
    margin: 10px;
}
.add_videoad_cbox {
    font-size: 11pt;
}
.action_button {
    background-color: white;
    color: #000088;
    border: 1px solid white;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.action_button:disabled,
.action_button[disabled]{  /* CSS2 */
  color: #888888;
}

.alphabet_btn {
    color: #CCC;
    border: 0px solid white;
    background-color: white;
    height: 16px;
    width: 12px;
    padding: 1px;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}
.left_nav {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    align-items:center;
    vertical-align: top;
    /* background-color: #CCE; /* debug */
}
.skyt_menu_separator {
    background-color: white;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
.skyt_menu_separator hr {
    margin: 0px;
    padding: 0px;
}
.skyt_menu_item {
    background-color: white;
    color: black;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.skyt_menu_nav {
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    /* background-color: #DFD; /* debug */
}
.skyt_menu_nav a {
    float: left;
    display: block;
    text-align: center;
    padding: 4px 8px;
    cursor: pointer;
}

.skyt_menu_nav .icon {
  display: none;
  text-decoration: none;
}

.skyt_menu_nav a:not(:nth-child(-n)) {
    display: none;
}
.skyt_menu_nav a.icon {
    float: right;
    display: block;
}

.skyt_menu_nav.responsive {
    z-index: 1; /* Sit on top */
    border: 1px solid gray;
}
.skyt_menu_nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}
.skyt_menu_nav.responsive a {
    float: none;
    display: block;
    text-align: left;
    background-color: #EEE;
}

.header_link {
    background-color: white;
    color: #777;
    border: 1px solid white;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.disabled_header_link {
    background-color: white;
    color: #CCC;
    border: 1px solid white;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.header_select {
    background-color: white;
    color: #5AF;
    border: 1px solid white;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
}
.report_link_external {
    background-color: white;
    color: #DA5;
    border: 1px solid white;
    text-decoration: none;
}
.report_link_fulfillment {
    background-color: white;
    color: #499;
    border: 1px solid white;
    text-decoration: none;
}
.report_link_proposal {
    background-color: white;
    color: #191;
    border: 1px solid white;
    text-decoration: none;
}
.sub_nav {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    align-items:top;
    /* background-color: #EECCEE; /* debug */
}
.multflight_tbl {
    vertical-align: top;
    margin-left: 10px;
    /* border: 1px solid #CCCCCC;
}
.multflight_cell {
    text-align: center;
}
.dm_archive_select_div {
    display: flex;
    flex-direction: column;
    /* background-color: #FAFA00; /* debug */
}
.dm_select_div {
    /* background-color: #9E9; /* debug */
}
.dm_search {
    /* background-color: #9E9; /* debug */
}
.data_mgmt_tbl {
    vertical-align: top;
    margin-left: 10px;
/* jw 20201019   border: 1px solid #CCCCCC; */
    border-collapse: collapse;
}

.data_mgmt_section {
    vertical-align: top;
    padding: 5px;
    margin-left: 10px;
    border: 0px solid white;
    border-collapse: collapse;
}
.data_mgmt_td {
    vertical-align: top;
    padding: 5px;
    margin-left: 10px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
.data_mgmt_th {
    color: #CCCCCC;
    font-weight: normal;
    vertical-align: top;
    padding: 5px;
    text-align: left;
    margin-left: 10px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
.fulfillment_tbl {
    vertical-align: top;
    margin-left: 10px;
    border-collapse: collapse;
}
.fulfillment_tr {
    border: 0px solid white;
}
.fulfillment_section {
    vertical-align: top;
    padding: 5px;
    margin-left: 10px;
    border: 0px solid white;
    border-collapse: collapse;
}
.fulfillment_td {
    vertical-align: top;
    padding: 5px;
    margin-left: 10px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
.fulfillment_te_td {
    vertical-align: top;
    padding: 5px;
    margin-left: 10px;
    min-width: 130px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
.geofence_data_main {
    display: flex;
    flex-direction: row;
    /* background-color: #CEB; /* debug */
}
.geofence_filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.geofence_columns {
    display: flex;
    flex-direction: column;
    /* background-color: #CCB; /* debug */
}
.geofence_locations {
    /* background-color: #BDD; /* debug */
}
.geofence_find_lbl {
    font-size: 10pt;
    color: gray;
    margin-left: 20px;
    margin-top: 2px;
}
.geofence_titles {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.copy_from_to_lists {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.copy_from_to_buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 10px
}

.new_social_tactic_title {
    vertical-align: top;
    border-top:2px solid black;
    padding-top:5px;
}
.new_social_tactic_td {
    vertical-align: top;
    padding-top:5px;
}
.pio_div {
    display: flex;
    flex-direction: column;
}
.pio_title_state_div {
    display: flex;
    flex-direction: column;
    background-color: #BEF; /* debug */
}
.pio_client_proposal_div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.proposal_header {
    display: flex;
    flex-direction: row;
    justify-content: start;
    /* background-color: #F8E877; /* debug */
}
.proposal_main {
    display: flex;
    flex-direction: row;
    width: 100%;
    /* background-color: #FE7; /* debug */
}
.proposal_select_details {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    width: 100%;
    /* background-color: #EF7; /* debug */
}
.propio_state {
    color: black;
    vertical-align: top;
    background-color: #CFC;
    border: 0;
    box-shadow: none;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-top: 3px;
}

.propio_campaign_state {
    color: white;
    vertical-align: top;
    background-color: #494;
    border: 0;
    box-shadow: none;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-top: 3px;
}

.propio_state_complete {
    color: black;
    vertical-align: top;
    background-color: lightgrey;
    border: 0;
    box-shadow: none;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
}
.propio_campaign_marker {
    color: white;
    vertical-align: top;
    border: 0;
    box-shadow: none;
    font-size: 9pt;
    background-color: #AAA;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-top: 3px;
}
.propio_campaign_active {
    color: white;
    vertical-align: top;
    border: 0;
    box-shadow: none;
    font-size: 9pt;
    background-color: #66F;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-top: 3px;
}
.report_main {
    display: flex;
    flex-direction: column;
    width: 100%;
    vertical-align: top;
    /* background-color: #FFEE77; /* debug */
}
.report_sel_criteria {
    display: flex;
    flex-direction: row;
    width: 100%;
    /* background-color: #DD8800; /* debug */
}
.report_criteria {
    display: flex;
    flex-direction: column;
    border: 1px solid #DDD;
    margin-left: 2px;
    padding: 2px 5px 2px 5px;
    /* background-color: #AADDDD; /* debug */
}
.report_criteria_items {
    font-size: 12px;
}
.report_criteria_title {
    color: #888888;
    font-size: 10px;
    border-bottom: 1px solid #DDDDDD;
}
.report_refine_btn {
    border: 1px solid #DDD;
    border-radius: 5px;
    height: 18px;
    padding: 2px;
    margin-left: 10px;
    color: gray;
    background-color: white;
    font-size: 10pt;
    text-decoration: none;
    text-align: center;
}
.rpt_builder_main {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* background-color: #FFEE77; /* debug */
}
.rpt_builder_report_section {
    display: flex;
    flex-direction: column;
    vertical-align: top;
    border: 1px solid #DDD;
    /* background-color: #AA6622; /* debug */
}
.rpt_builder_report_buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    vertical-align: top;
    /* background-color: #AA6699; /* debug */
}
.rpt_builder_report_button_group {
    display: flex;
    flex-direction: column;
    vertical-align: top;
    text-align: left;
    /* background-color: #AA6622; /* debug */
}
.rpt_builder_sel_criteria {
    display: flex;
    flex-direction: column;
    /* background-color: #DD8800; /* debug */
}
.rpt_builder_clear_div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-around;
    width: 100%;
}    
.rpt_builder_clear_btn {
    border: 1px solid #DDD;
    border-radius: 5px;
    height: 16px;
    padding: 2px;
    color: black;
    background-color: white;
    font-size: 10pt;
    text-decoration: none;
    text-align: left;
}
.rpt_builder_campaign_div {
    /* border: 1px solid #DDD; */
    margin-left: 5px;
    padding-left: 5px;
    flex-basis: 350px;
    /* background-color: #DDAAEE; /* debug */
}
.rpt_builder_select_criteria {
    display: flex;
    flex-direction: row;
    /*  background-color: #BBFF44; /* debug */
}
.rpt_builder_tactics_div {
    width: 100%;
    text-align: center;
    margin-left: 5px;
    padding-right: 5px;
    /* background-color: #FFBB44; /* debug */
}
.rpt_builder_tactic_groups_div {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    /* background-color: #AAAAFF; /* debug */
}
.rpt_builder_title {
    font-weight:bold;
    text-align: center;
}
.rpt_builder_criteria_control_div {
    width: 100%;
    /* border: 1px solid #DDD; */
    margin-left: 5px;
    /* background-color: #EECCFF; /* debug */
}
.rpt_builder_tactic_select {
    width: 100%;
    /* background-color: #CCEEFF; /* debug */
}
.rpt_builder_tactictmplts {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
}
.rpt_builder_btn {
    border: none;
    padding: 3px;
    color: black;
    background-color: white;
    font-size: 10pt;
    text-decoration: none;
    text-align: left;
    margin: 10px;
    white-space:nowrap;
}
.run_dates_tbl {
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.run_dates_tbl tr:first-child td {
  border-top: 0;
}
.run_dates_tbl tr td:first-child {
  border-left: 0;
}
.run_dates_tbl tr:last-child td {
  border-bottom: 0;
}
.run_dates_tbl tr td:last-child {
  border-right: 0;
}

.input_group {
    margin-right: 5px;
    vertical-align: top;
/*    border-top: 1px solid gray; jw reduced clutter 20191210 */
    /* background-color: #CEE; /* debug*/
}
.insertion_order_main {
    width: 100%;
    display: flex;
    width: 100%;
    flex-direction: row;
    /* background-color: #FE7; /* debug */
}
.generic_section_div {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* background-color: #EEFF33; /* debug */
}

.social_platforms {
    background-color: #EEFFEE;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.smbtn {
    padding: 1px;
    font-size: 8pt;
}
.switchbtn {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 1px;
    color: black;
    font-size: 10pt;
    text-decoration: none;
    margin-left: 5px;
}
.one_line_align_left {
    float:left;
}
.one_line_align_right {
    float:right;
}
.at_admin_tactics {
    display: flex;
    flex-direction: row;
    vertical-align: top;
    /* background-color: #EDCDED; /* debug*/
}
.at_tactic_categories {
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin-right: 2px;
    vertical-align: top;
    background-color: #EEEEEE;
}
.at_template_section {
    display: flex;
    flex-direction: column;
    /* background-color: #9999FF; /* debug */
}    
.at_template_mgmt {
    display: flex;
    flex-direction: row;
    /* background-color: #99FF99; /* debug */
}    
.at_template_select {
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin-left: 2px;
    vertical-align: top;
    background-color: #DDDDDD;
}
.at_template_edit {
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: #DDDDDD;
}
.at_template_calculation {
    display: flex;
    flex-direction: row;
    margin: 5px;
    /* background-color: #FFAADE; /* debug*/
}
.at_calculation_select {
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin: 2px;
    /* background-color: #AADEFF; /* debug*/
}
.at_calculation_edit {
    display: flex;
    flex-direction: column;
    margin: 5px;
    /* background-color: #DEFFAA; /* debug*/
}
.at_calculation_edit_lad {
    display: flex;
    margin: 5px;
    flex-direction: row;
    /* background-color: #AAFFAA; /* debug*/
}
.at_calculation_edit_formula {
    display: flex;
    margin: 5px;
    flex-direction: row;
    /* background-color: #AAAAFF; /* debug*/
}
.at_calcedit_formula_edit {
    display: flex;
    margin: 5px;
    flex-direction: column;
}    
.at_calcedit_formula_example {
    display: flex;
    margin: 5px;
    flex-direction: column;
}
.at_calculation_variables {
    display: flex;
    margin: 5px;
    flex-direction: row;
    /* background-color: #FFAA55; /* debug*/
}    
.at_edit_btn {
    background-color: #DDDDDD;
    border: 1px solid #999999;
    border-radius: 6px;
    margin: 2px;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}
.digital_tactics_group {
    height: 0%;
    margin-right: 5px;
    vertical-align: top;
    /* background-color: #ECE; /* debug*/
}
.other_tactics_group {
    width: 350px;
    height: 0%;
    margin-right: 5px;
    vertical-align: top;
    border-top: 1px solid gray;
    /* background-color: #ECE; /* debug*/
}
.tactics_group {
    width: 350px;
    height: 0%;
    margin-right: 5px;
    vertical-align: top;
    border-top: 1px solid gray;
    /* background-color: #ECE; /* debug*/
}
.tactic_quantities {
    font-size: 12px;
    color: gray;
    vertical-aligh: center;
}
.tactic_input {
    type: text;
    height: 12pt;
    width: 50pt;
    margin-left: 5px;
    text-align: right;
    background-color: #FFFFD0;
}
.dup_data {
    margin-left: 20px;
}
.dup_label {
    color: #777;
}
.dup_descript {
    display: flex;
    flex-direction: column;
    padding: 5px;
}
.budget_info {
    display: flex;
    flex-direction: column;
    align-content:flex-start;
    flex-wrap:wrap;
    /* background-color: #BFB; /* debug */
}
table.budget_group {
    border-collapse: collapse;
    width: 50%;
    /* background-color: #FBB; /* debug */
}
table.budget_group th {
    border: 1px solid gray;
    /* background-color: #EF9; /* debug*/
}
table.budget_group td {
    border: 1px solid gray;
    /* background-color: #9FE; /* debug*/
}
.client_page {
    display: flex;
    flex-direction: row;
    justify-content: start;
    /* background-color: #E8E; /* debug */
}
.client_header {
    display: flex;
    flex-direction: row;
    justify-content: start;
    /* background-color: #E888E0; /* debug */
}
.client_form {
    display: flex;
    flex-direction: row;
    /* background-color: #0DD; /* debug */
}
#client_submit {
    margin-left: 10px;
    /* background-color: #DD0; /* debug */
}
.client_select_control_class {
    display: flex;
    flex-direction: column;
    /* background-color: #D0D; /* debug */
}
.client_select {
    background-color: white;
    border: 1px solid white;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.client_option {
    min-width: 200px;
    font-family: "Courier New", Courier, monospace;
}
.super_sub_client_option{
    min-width: 200px;
    font-family: "Courier New", Courier, monospace;
    font-style: italic;
}

#client_info {
    display: flex;
    flex-direction: row;
    /* background-color: #DDD; /* debug */
}
#client_instru {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    /* background-color: #DFD; /* debug */
}
.dup_div {
    display: flex;
    flex-direction: row;
    /* background-color: #FF0; /* debug */
}

.prop_info {
    display: flex;
    flex-direction: row;
    align-content:flex-start;
    flex-wrap:wrap;
    /* background-color: #DDD; /* debug */
}

.prop_tactic_info {
    display: flex;
    flex-direction: column;
    align-content:flex-start;
    /* background-color: #DDD; /* debug */
}

.digital_prop_info {
    display: flex;
    flex-direction: column;
    align-content:space-around;
    border-top: 1px solid gray;
    /* background-color: #EEE; /* debug */
}

.impress_prop_info {
    display: flex;
    flex-direction: row;
    align-content:space-around;
    flex-wrap:wrap;
    /* background-color: #FDF; /* debug */
}

.pi_state_group {
    display: flex;
    flex-direction: column;
    align-content:center;
    flex-wrap:wrap;
    /* background-color: #DDD; /* debug */
}
.pi_state_div {
    display: flex;
    flex-direction: row;
    align-content:flex-start;
    flex-wrap:wrap;
    /* background-color: #D0F; /* debug */
}
.pi_state_labels {
    display: flex;
    flex-direction: row;
    align-content:flex-start;
    flex-wrap:wrap;
    /* background-color: #AF0; /* debug */
}

.tactic_type_attributes {
    display: flex;
    flex-direction: column;
    align-content:flex-start;
    flex-wrap:wrap;
    /* background-color: #7D7; /* debug */
}
.tactic_calc_attrs {
    display: flex;
    flex-direction: row;
    align-content:flex-start;
    flex-wrap:wrap;
    /* background-color: #7DD; /* debug */
}

.tacpar_buttons {
    background-color: white;
    color: #999;
    border: none;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px;
}

.button_bar {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    /* background-color: #DDF; /* debug */
}

.filter_submit {
    margin-left: 20px;
}
.filter_label {
    margin-left: 20px;
    color: gray;
}
.footer_copyright {
    align-self: flex-start;
    flex-grow: 2;
    color: gray;
    font-size: 10pt;
}
.footer_version {
    align-self: flex-start;
    flex-grow: 2;
    color: gray;
    font-size: 10pt;
}
.footer_updated {
    align-self: flex-end;
    flex-grow: 1;
    color: gray;
    font-size: 8pt;
}
.popup_box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    top: 0;
    left: 0;
    margin: 3% auto;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.pu_contents {
    position: relative;
    background-color: #fefefe;
    margin-top: 3%;
    margin-left: 3%;
    padding: 10px;
    border: 1px solid black;
    height: 90%;
    width: 90%;
}
.user_select_div {
    display: flex;
    flex-direction: row;
    /* background-color: #D0D; /* debug */
}
.user_profile{
    background-color: white;
    color: #888;
    border: 1px solid white;
    font-size: 8pt;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#prop_annual {
    display: flex;
    flex-direction: row;
}

#prop_annquar {
    display: none;
    flex-direction: column;
    margin-left: 30px;
}

#proposal_update_button {
    color: black;
    font-size: 12pt;
    border: 1px solid black;
    border-radius: 8px;
    margin-left: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #EEE;
}
#search_interface {
    display: none;
}
#announcement_interface {
    display: none;
}
#campaign_dup {
    background-color: yellow;
}
#pu_close {
    color: #888;
    float: right;
    font-size: 20px;
    cursor: pointer;
}
#sel_campaignid {
    width: 150px;
}
#sel_client {
    width: 200px;
}
#skyt_announce {
    text-align: center;
    /* background-color: #DFD; /* debug */
}
.low {
    color:gray;
    font-size: 12pt;
    padding: 10px 100px;
}
.medium {
    color:orange;
    background-color: #FED;
    font-size: 12pt;
    padding: 10px 100px;
    border: 1px solid #FDC;
}
.high {
    color:red;
    background-color: #FDD;
    font-size: 16pt;
    padding: 10px 100px;
    border: 1px solid #FAA;
}