﻿.activity th, .activity tr:first-child { white-space:nowrap }

.bar span.black { color:#7e7e7e }

.tableML .camps-td .bar { width:100% }
.tableML .cell1 { width: 8%; }
.tableML .cell2 { width: 42%; padding-right:16px }
.tableML .cell4 { width: 15%; }
.tableML .cell5 { width: 35%; }

.activity .cell0 { width:25%; }

.activity .cell1, 
.activity .cell2 { width:22%; }

.activity .cell3, 
.activity .cell4,
.activity .cell5 { width:10%; }

.link-performance .cell0 { width:50%; overflow:hidden }
.recipient-clicks .cell1 { width:60%; overflow:hidden }

/* settings panel is too small and too right */
.settings { height: 450px; right:-135px; width:700px }
.scrollbox { height:450px; width:540px }

/* in settings tabs there is too much blank space between title and desc */
.scrollbox .title { padding-bottom:0px }
.scrollbox .tabs-form { padding-top:15px }
.scrollbox .inner { width:500px }

/* input type=password style */
input[type=password] { font-family: Arial, sans-serif; color: #bebebe; font-size: 14px; font-size: 1rem; padding: 15px; border: 1px solid #b4b4b4; border-radius: 8px; background: #fff; }

.chosefile { margin:5px 0; border-top:0; padding-top:0 }

.tablebar.mt35 .name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

/* input buttons should have auto width */
.addmembersForm fieldset input[type=button] { width: auto; }

.operations .btn { display:inline-block; cursor: pointer; }

.dimmer { position:fixed; width:110%; height:110%; background-image:url(/assets/img/lightbox.png); left:0; top:0; z-index:10000; display:none }

.com-info .billing-address { margin:35px 0; padding-top:0 }
.com-info span { padding-top:0 }
.com-info .details { margin:0 20px 20px 0; width:160px }

.camp-status-chart { position:relative }
.camp-status-chart .button.zoom { padding:0 20px }
.camp-status-chart #chart { height:330px; line-height:330px; }

.last-campaign div.block { width:240px }
.last-campaign #chart { width:500px; height:356px; vertical-align:middle; text-align:center; line-height:356px }
.last-campaign #donut { width:270px; height:356px; vertical-align:middle; text-align:center; line-height:356px }
.donut { width:320px; height:320px }

h2.second-title { font-family:'Convergence', sans-serif; font-size:20px; color:#6b6b6b; margin-bottom:15px }

table.activity.person-activity th.title { font-family:'Convergence', sans-serif; font-size:16px; color:#6b6b6b; text-align:center; padding-bottom:0 }

.popupwin { position:absolute; left:45%; width:520px; top:30%; height:420px; margin-left:-260px; margin-top:-210px; color:#6b6b6b; background-color:#f8f8f8; border:solid 1px #f8f8f8; box-shadow:0px 0px 8px #ccc; display:block; border-radius:5px; z-index:30 }
.popupwin.w900 { width:900px; margin-left:-450px; }
.popupwin .inner-area { padding:16px; background-color:#fff; }
.popupwin h3 { font-size:14px; margin:16px; margin-bottom:16px }
.popupwin h4 { font-size:14px; margin:16px 16px 16px 0; font-weight:normal }
.popupwin .desc { font-size:12px }

.buttons { margin:8px 16px; }
.buttons .button { margin-top:0; }

.edit-custom-field .options { margin-top:16px }

/* input fonts are barely visible... */
input[type="text"],
input[type="password"],
textarea,
select  
{
    color: #9e9e9e;   
}

.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
    font-family: Arial, sans-serif; color: #9e9e9e; font-size: 14px; font-size: 1rem; padding: 15px; border-radius: 8px; background: #efefef; cursor: pointer; height:48px; box-sizing:border-box;
    background: #efefef url(/assets/images/select-arrow.png) right center no-repeat; padding-right:60px;
}

.k-safari select.hasCustomSelect { line-height:42px; }
 
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
 
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
 
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
 
.customSelectInner 
{
    /* You can style the inner box too */
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.addmembersForm fieldset input, .addmembersForm fieldset .customSelect, .addmembersForm fieldset .listbox
{
    width:440px; 
    margin-bottom:4px; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}
.addmembersForm fieldset .field { display:block; padding:0 22px; margin-bottom:15px }
.addmembersForm fieldset .field label { white-space:nowrap; }
.addmembersForm fieldset .field .regular-checkbox+label { width:auto }
.addmembersForm fieldset .field .select select { width:100% }
.addmembersForm fieldset .field .regular-checkbox+label { margin-bottom:3px; }
.addmembersForm fieldset .field .regular-checkbox+label+label { display:inline; }
.addmembersForm fieldset h3 { padding:22px; }
.addmembersForm fieldset .listbox { width:50%; display:inline-block; border:solid 1px silver; border-radius:5px; padding:5px }
.addmembersForm fieldset .listbox ul { font-size:inherit; height:180px; overflow:auto; list-style-type:none }
.addmembersForm fieldset .listbox ul li { display: block; text-align: left; margin-left: 0; padding-left:16px; line-height:30px; vertical-align:middle }
.addmembersForm fieldset .listbox ul li.row1 { background-color:#eee; }
.addmembersForm fieldset .operations.inline { display:inline }

.hidden { display:none }

.settings .tabs { padding:0; margin-top:16px }
.settings .tabs .tabs-content { min-width:300px; position:relative }

.box h1 .view-details, .box h2 .view-details { white-space: nowrap; }

.k-chart .k-tooltip { background-image: none !important; }

/* MISC */

.activity th, .activity tr:first-child { white-space:nowrap;  }

.settings .tabs { padding:0; margin-top:16px }
.settings .tabs .tabs-content { min-width:300px; position:relative }

.preview-chart { height:300px; margin-top:-40px }

.date-range { display:table-row }
.date-range input, .date-range label { display:table-cell }
.date-range label { padding:10px }
.date-range label { text-align:center }

.white .inner { padding: 30px; }

small.date.for-title { font-size:11px; color:#aaa }
small.guid.for-title { font-size:11px; color:#aaa; float:right; margin-top:-20px; }

.tableML .cell4 { text-align:center }

.recipient-clicks .cell1, 
.link-performance .cell0  { max-width:550px; text-overflow:ellipsis; white-space:nowrap }

input[type=text].validation-error, .customSelect.validation-error, select.validation-error+span.customSelect, textarea.validation-error
{
    border:solid 2px darkorange !important;
}

.operations.no-form { margin-left:25px; margin-right:25px; margin-bottom:25px; padding-top:0 }

div.mce-btn i.mce-ico { color:#6b6b6b; }
div.mce-menubar .mce-menubtn button span { color:#6b6b6b; }
div.mce-panel { border-color:#b4b4b4; border-radius:5px }

div.archived { color:#FFFFFF; margin:0px 0px 30px 0px; padding:10px; border:none; border-radius: 10px; background-color: #E16053; }

div.infobox { padding:10px; border:solid 1px silver; border-radius:10px; background-image:url(/assets/images/info.png); background-repeat:no-repeat; background-position:20px center; min-height:100px; padding-left:120px; padding-top:20px; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}

div.infobox ul { font-size:inherit; list-style:disc; }
div.infobox ul li { display:block; text-align:left; margin-left:12px }

div.criteria-properties { color:#6b6b6b; background-color:#e4e4e4; padding:32px 8px 8px 16px; border-radius:8px; margin-top:-24px; width:932px; }

div.criteria-properties .date { width: 264px; }
div.criteria-properties .reason { width: 370px; }
div.criteria-properties .reason .customSelect { width: 100%; }

div.criteria-properties p.info { padding-bottom:8px }

.import-mappings select { padding:5px; }

p.title.a { color :#aaa }

.terms.justify { margin: auto; max-width:900px; width:100%; background-color:#eee; padding:20px; border-radius:10px; margin-top:0px; padding-top:30px; }

.terms h2 { font-weight:bold; margin:10px 0; font-size:20px; text-align:center}
.terms h3 { font-weight:bold; margin:10px 0; font-size:16px}

.justify { text-align:justify }

.camp-status .alerts { padding-top:25px; padding-left:35px; padding-right:35px; }

.tabs ul li { margin-left:0px; }
.performance ul li { margin-left:0px; }

small.sep { border-left:solid 1px #aaa; padding-left:10px; margin-left:10px }

.camp-status-info.ab { width:49%; display:inline-block; padding-right:0 }
.camp-status-info.ab .statistics { margin-left: 20px; }
.camp-status-info.ab .donut { width:200px; height:200px; vertical-align:top }

.worldmap-info { margin-top:20px }

.loader { color:#6b6b6b; font-size:13px; }
div.loader img.mini-loader { margin-left:10px; margin-right:10px; }
span.loader img.mini-loader { margin-left:10px; margin-right:10px; }

td.loader { text-align:center; vertical-align:middle }
span.loader { vertical-align:middle; display:none }
div.loader { display:block; text-align:center; background:#eee; border-radius:10px; margin-top:10px; margin-bottom:10px; padding:10px; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}

/*.camps-td.loader { width:100%; text-align:center }*/

div.actions { display:inline-block; white-space:nowrap }

.loading .bar { display:none }

.subs-credits li strong.red { color:Red }

.rates table tr.red td .credit-qty strong,
.rates table tr.red td .price { color:silver }

.checkbox label { display:inline-block !important; margin:2px 0 5px 0 !important; }

.cWizard .create-segment { padding-left:25px; padding-right:25px; padding-bottom:25px }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.pt0 { padding-top:0 }
.pr35 { padding-right:35px }
.mt70 { margin-top: 70px; }


.ab-graph { width:100%; }
.ab-graph .versions { width:100%; table-layout:fixed }
.ab-graph .version { text-align:center; vertical-align:middle; }
.ab-graph .version h3 { font-size:32px }
.ab-graph .version span { color:#6b6b6b }
.ab-graph .version .wrap { overflow:hidden; padding:10px; height:100px; position:relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.ab-graph .version.a { width:10% }
.ab-graph .version.b { width:10% }
.ab-graph .version.w { width:80% }
.ab-graph .version.a .wrap { background-color:#5ccddf; border-top-left-radius:10px; border-bottom-left-radius:10px }
.ab-graph .version.b .wrap { background-color:#f48770 }
.ab-graph .version.w .wrap { background-color:#f2c14a; border-top-right-radius:10px; border-bottom-right-radius:10px }
.ab-graph .ui-slider, .ab-graph .ui-slider-range  { background:none; border:none; }
.ab-graph .ui-slider-horizontal { height: 0 }
.ab-graph .ui-slider .ui-slider-handle { height:108px; width:12px; margin-left:0; cursor:col-resize }

.person-tags .customSelect { width:500px; }
#btn_add_custom_context { margin-top:0; float:left; margin-left:10px; }

.main-menu li a.active { background:#fff }

.select-list #preview table tr td { padding:0 20px; }
.select-list #preview table tr td:first-child { text-align: left; background:none }

input.ui-autocomplete-loading+input.go
{
    background-image:url(/assets/img/ui-anim_basic_16x16.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

div.mce-statusbar { display:none }
div.mce-edit-area iframe { border-radius:5px; }

.spam-results td { border-top: 1px solid #e5e5e5; color:#6b6b6b }
.spam-results th { color:#575757; font-family:'Convergence', sans-serif; font-size:16px; }
.spam-results td, .spam-results th { padding:10px; text-align:left }
.spam-results td.result, .spam-results th.result { text-align:right; padding-right:30px; }

.close-settings { float:right; margin-top:20px }

.operations .btn.fb-login {
    background: #3b5998;
    text-align:center;
    color: white;
}

input.apikey {
    width: 325px
}

.fb-login .fa { font-size:18px }

fieldset.half { width: 49%; display: inline-block; min-width: 530px; vertical-align: top; }

section.clients .aip fieldset input[type="text"],
section.clients .aip fieldset input[type="password"]
 { width:70%;  }

.customize .aip fieldset.generate { margin-top: 10px; width: 50%; float: left; padding-right: 20px; margin-bottom: 100px; }
.customize .aip fieldset.generate label { width:40%; }
.customize .aip fieldset.generate i { margin-left: 40%; }
.customize .aip fieldset.generate input[type="text"] { width:59%; }
.customize .get-code { width: 100%; overflow-x: auto; padding: 15px; margin-top: 21px; }
.customize .operations { width: 100%; float: left; }

.customize fieldset.generate div.field { display: none; }

.customize .aip fieldset.generate i { margin-left: 40%; }
.customize .aip.unsubs-settings fieldset i { margin-left: inherit; }

#share-dialog label.field span { display:block; margin-top:20px }
#share-dialog label.field span { display:block }

div.error-msg { color:Red; padding-bottom:10px; }

div#IntercomDefaultWidget, div#INotificationMessagesWrapper { display:none }

.camps-body .bar span{
    z-index: 2;
}

.white .inner {
    padding: 0 30px 0 35px;
}

.addmembersForm .field.custom-checkbox-field {
    padding-left:0;
}

.customize .aip fieldset.generate .select label{
    cursor:default;
}

.cWizard .mailing-list-a{
    color:#636363;
}

.select-list table.mailing-lists tr:hover a{
    color:#fff;
}

.mailing-list-id-div{
    width:100%;
    text-align:right;
    font-size:12px;
    margin-top:-15px;
    color:#aaa;
}

.no-clicks-section > div{
    text-align: center;
    font-family: Arial, sans-serif;
    color:#aaa;
    font-size: 20px;
    margin-top: 100px;
}

.client_profile{
    line-height:18px;
}

.new-campaign-btn, .top-search{
    position:relative;
    z-index: 401; /* because notification bar is 500 and .message.browse-as-client is 400 */
}