/*   css for ads etc. */
/*
.adDetails:hover, .adDetails span:hover, .adDetails.div:hover{
    font-weight:bold;
    color: #444;
}
*/

.perfbox{
    position:absolute;
    top:0;
    right:0;
    background: #eee;
    padding: 2px;
    font-size: 0.8em;
}

.pill_bottom_info{
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.pending_ad_pill{
    opacity: 0.5;
}

.notick{
    display:none;
}

.noimage{
    font-size: 1.2em;
    color: red;
}

#adtypeRichMediaHTML textarea{
    width:100%
}

#richmediaPreview{
    max-width:100%;
}

.nacell{
    margin:0 auto;
    display:block;
    text-align:center;
}

#preview{
    max-width:100%;
}
#preview img{
    max-width:100%;
    height:auto;
}

.left-selector{
   align-self: flex-start;
   max-width:200px;
   float:left;
}
.left-selector select{
    max-width:200px;
}

.right-results{
    max-width: calc(100% - 220px);
}

.flexapart{
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.flexapart-top{
    display:flex;
    justify-content: space-between;
    align-items:top;
}

.fladlink a{
    font-size:0.8;
    background: #999;
    color: white;
    text-align:center;
    padding: 3px;
    margin-left:10px;
    border-radius: 3px;
}
.fladlink a i{
    color: white;
}

.fladlink a:hover{
    background: #eee;
    color: #444!important;
}

.fladlink a:hover i{
    color:#444!important;
}

.addates{
    color: yellow;
    font-size: 0.8em;
    text-align:center;
    display:block;
    margin:0 auto;
    background: #999;
    border-radius: 3px;
    padding: 3px;
}

.twenty-spacing{
    margin:20px 0;
}

.email-pain{
    transition: all 0.5s linear;
}

.the-broadcast .email-populated{
    display:block;
    max-width: 40vw;
    padding: 10px;
    border: 1px solid #888;
}

.get_ads_from_adspeed{
   /* display:none; */
}
.img_indicator{
    position: absolute;
    right:0;
    bottom: 0;
    display:inline-block;
}
.img_indicator i{
    color:green;
}

.datezones{
    background: #eee;
    margin:0;
    border:0;
}
.datezones td{
    border:0 !important;
}

.email_message_preview{
    border: 1px solid #eee;
    padding: 15px;
    background: #FAFAFA
}

.email-info{
    padding:15px;
    border: 1px solid #999;
    background: #eee;
    border-radius: 5px;
    width: 100%;
    font-size: 0.9em;
    margin-bottom:20px;
}

.email-info table{
    border: 0;
}
.email-info table td{
    border-right: 0;
    border-left:0;
    border-bottom: 1px solid #999;
}

#theSubject{
    padding:5px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

#email_section{
    padding:15px 25px;
}

.drop_area{
    position:relative;
    z-index:1;
}

.adpill{
    position:relative;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow:hidden;
}
.adpill:hover{
    background:#999;
    color: #fff;
}

.adpill .invis {
    visibility:hidden;
    z-index : -1;
}

.adthumb{
    position:absolute;
    bottom:0;
    left:0;
    min-height:20px;
    min-width:20px;
    z-index: -1;
}

#zones_holder .adpill:hover .invis {
    visibility:visible;
    z-index: 3000;
}

#zones_holder .adpill:hover .adthumb{
    z-index: 3000;
}

.adpill img{
    display:block;
    max-width: 250px;
    height:auto;
}

.dflex{
    display:flex;
}
.dflex span{
    text-align:left;
}
.dflex input{
    display:block;
    float:right;
}

.dflex input[type="date"]{
    width: 120px;
}

.ad-selector-url{
    max-width: 220px;
    word-wrap:break-word;
    display:table-cell;
}

.adstatser table{
    table-layout: fixed;
}
.adstatser table td{
    word-wrap:break-word;
}

.adstatser .getStats{
    width: 110px;
}

.datezones{
    table-layout: fixed;
    width: 400px;
}

.datezones tr td[:first]{
    width: 160px;
}

.datezones tr td{
    word-wrap:break-word;
}

.adtoggles, .adtypetoggles{
    display:flex;
    justify-content:space-around;
    align-content: center;
}

.adtypetoggles{
    margin-top:25px;
    width:100%;
}

.adtoggles .tgb, .adtypetoggles .tgb{
    display:flex;
    flex-direction: column;
    justify-content: center;
    width: 210px;
}

.fixed_news td, .fixed_news_td{
   background:  #999;
   color: white;
   font-size:1.3em;
   font-weight:bold;
   text-align:center;
}

.flexing{
    display:flex;
    justify-content:space-around;
}

.table_body{
    position:relative;
}

.copier{
    position:absolute;
    background: #999;
    color: #fff;
    padding: 4px;
    border-radius: 0 0 0 3px;
    font-size: 0.7em;
    cursor:pointer;
    top:0;
    right:0;
}
.copier:hover{
    background:#555;
}

.contacts_section .the_ad_contacts_table .values_entered .copier{
    display:none!important;
}

.contacts_section .the_ad_contacts_table th, .contacts_section .the_ad_contacts_table tr .firstcolumn,
.adstatser .shaded_cell
 {
    background: #999;
    color:white;
}

.contacts_section .the_ad_contacts_table .table_body {
    background:#eee;
    border-bottom: 1px solid #777;
}

.contacts_section input[type="text"]{
    width:100%;
    margin:3px 0;
    background:white;
    border-color: #777;
}
.contacts_section .collapsed_table{
    border:0;
    margin:0;
}
.contacts_section .collapsed_table td{
    padding:0;
    border:0;
}

.contacts_section .collapsed_table .saver{
    width:25px;
    color:green;
    padding-left:7px;
}
.contacts_section .collapsed_table button{
    margin: 0 4px;
}

.hscroll{
    overflow-x: scroll;
}

.easy-break{
    word-break:break-all
}



.indiv_ad{
    background:transparent;
}
.classAdName{
    background:transparent;
}

.zone_title_fp{
    position:absolute;
    top:0;
    left:0;
    right:0;
    background: darkgreen;
    color:white;
    font-size: 0.7em;
    padding: 4px;
    text-align:center;
}

.new_adv_select{
    position:absolute;
    bottom:0;
    left: 0;
    width: auto;
    display: flex;
}

.revealer{
    transition: max-width 0.5s linear;
    overflow:hidden;
}

.classAdName{
    max-width: 100%;
    word-break: break-all;
}

.new_adv_select .expand{
    max-width: 350px;
}

#adModal .modal-xl{
    max-width: 90vw!important;
}

#adModal #ad_modal td{
    max-width:320px;
    overflow:hidden;
}

#newad input{
    max-width:400px;
}

#newad input[type="file"]{
    line-height:inherit;
}

.new_adv_select .collapsed{
    max-width: 0;
}

#newad .savebutton{
    display:block;
    margin: 0 auto;
}

.new_ad_here{
    background: #999;
    color: white;
    font-size: 1.2em;
    cursor: pointer;
    padding: 3px 4px;
    border-radius:  0 3px 0 0;
    text-align:center;
    line-height: 0.5;
    margin-top: 10px;
}

.get_ads_from_adspeed{
    position:absolute;
    bottom:0;
    right: 0;
    background: #999;
    color: white;
    font-size: 0.7em;
    cursor: pointer;
    padding: 3px 4px;
    border-radius: 3px 0 0 0;
    text-align:center;
}

.get_ads_from_adspeed:hover. .new_ad_here:hover{
    background: #ddd;
    color: #444;
}

.bigcheck{
    transform:scale(1.5);
}

.hideDragEl{
    opacity: 0.3;
}

body #zones_holder .drag-over{
    border: 2px solid #444;
    background:  #ffffb3;
}

#zones_holder td{
    padding: 25px;
}
#zones_holder .drop_area{
    background:#eee;
    border: 2px solid #999;
}

#zones_holder .flexarea{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items:center;
}

#zones_holder .adDetails{
    border-radius: 5px;
    padding:5px;
    border: 1px solid #666;
    background: #fff;
    margin: 5px;
    max-width:370px;
}

#zones_holder .adDetails:hover{
    color: white;
    background: #999;
}

.hovering{
    background:#444;
    color: #eee;
}


tr{
    transition: background 1s ease;
}

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

.removing{
    background: darkred;
}

.ad-editor{
    background: #ddd;
    color: #444;
}
#showadhere .ad-editor input[type="text"]{
    background:white!important;
}
#showadhere .ad-editor input[type="file"]{
    min-height:30px;
    width: 100%;
    text-align:center;
}

.tbl-back{
    height:100px;
    width: 100%;
    background-repeat:no-repeat;
}

#the_ad_list table td{
   border: 0;
}

#the_ad_list table{
    border-left: 0;
}
#the_ad_list table .newadv td {
    border-top: 1px solid #ddd;
}

#the_ad_list table .newadv td:first-child {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#the_ad_list table .sameadv td:first-child {
    border-right: 1px solid #ddd;
    border-left: 0;
}

#the_ad_list table tr .iconinfo{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align:center;
}

#the_ad_list table tr .topborder {
    border-top: 1px solid #ddd;
}

.sameadv .emailsends{
    display:none;
}

.emailsends{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}

.button-row{
    display:flex;
    justify-content:flex-start;
    margin: 20px 0;
}

body .buttons-apart{
    justify-content:space-between;
}

.greyback td{
   /* background: #eee; */
}

.dates-holder{
    padding: 10px;
    background: #ddd;
    color:#444;
    font-size: 1.3;
}

.ad-dates{
    text-align:center;
    width: 100%;
    font-weight:bold;
}

#title-editor .title-for-edit{
    display:flex;
    /*justify-content: space-between;*/
}
.title-for-edit .badge{
    display:block;
    float:right;
}

.disable-form input, .disable-form select, .disable-form textarea{
    pointer-events:none;
    background: #eee !important;
}

#test_return{
    display:none;
}

#schresults .search_results{
    min-width: 500px;
}

.ad-editor{
    overflow: visible;
    padding: 20px;
    border: 1px solid #eee;
}

.ad-editor #artwork_upload_holder input{
    line-height:1;
}

.ad-editor #landing_url_holder input.valid{
    border: 1px solid green;
}
.ad-editor #landing_url_holder input.notvalid{
    border: 1px solid red;
}

.ad-editor #title-editor h4 .badge{
    font-size: 0.6em;
}

.ad-editor .badge{
    cursor: pointer;
    opacity: 0.6;
}
.ad-editor .badge:hover{
    opacity: 1;
}

.ad-selector{
    max-width: 100%;
    z-index:300;
}
.ad-selector:hover{
    background: #eee;
}

.ad-active{
    background:#ddd;
}

.ad-active:hover{
    background:#ddd;
}

.ad-selector table{
    width:100%;
}
.ad-selector table td{
    border:0;
}

.ad-selector-title{
    font-size: 0.9em;
    text-align:left
}

.ad-active .ad-selector-arrow{
    opacity: 1;
}

.ad-selector-arrow{
    content: '';
    display: block;
    border-top: 24px solid transparent;
    border-left: 30px solid #ddd;
    border-bottom: 24px solid transparent;
    position: absolute;
    top: 50%;
    /*right: -10px;*/
    transform: translateY(-50%);
    opacity:0;
}


.gobutton{
    background: green;
}
.gobutton:hover{
    background: lightgreen;
}

.redbutton{
    background:darkred;
    color:white;
}
.redbutton:hover{
    background:red;
}

.zone-buttons, .month-selector{
   display: flex;
   justify-content: space-around;
   margin:20px 0;
}

.month-selector button{
    background: #eee;
    color: #444;
    border-radius: 0;
}

.month-selector button.active{
    background: darkred;
    color: #fff;
}
.month-selector button.thismonth{
    border: 1px solid darkred;
}

.zone-buttons .chosen{
    background: darkred;
    color: white;
}