xx { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 8pt !important; }

html { position: relative; min-height: 100%; }

body { margin: 0; margin-bottom: 100px; padding: 0; background: #DDD; }

footer { position: absolute; bottom: 0px; width: 100%; height: 100px; background-color: #222222; padding: 0; }
footer p { padding-top: 20px; text-align: center; }
footer a, footer a:hover, footer a:active, footer a:focus { color: #777; font-size: 13px; text-decoration: none; outline: 0; }
footer a:hover { color: #999; }

header .db-stat { background-color: #ccc; color: #333; font-weight: 600; margin: 0px 0px 10px; padding: 3px; }
header .db-stat span { font-size: 0.8em; }


.btn-purple.active, .btn-purple.focus, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open > .dropdown-toggle.btn-purple {
    color: #fff;
    background-color: #ff33ff;
    border-color: #ff11ff;
}
.btn-purple {
    color: #fff;
    background-color: #ff66ff;
    border-color: #ff44ff;
}


.nav-tabs li a { background-color: #D0D0D0; color: inherit; }


.main-content, .tab-content { padding: 20px 30px; background: #FFF; margin-bottom: 20px; border: 1px solid #DDD; border-radius: 5px; }
.tab-content { border-top: 0; }
.main-content h1, .tab-content h1 { color: #FFF; margin: 0; margin-bottom: 20px; padding: 13px; font-size: 15px; font-weight: 600; text-transform: uppercase; background-color: #969696; border-radius: 5px; }


.forbidden {}
.forbidden ul { margin: 25px 0px; padding-left: 0; list-style-position: inside; }  
.forbidden pre { margin-bottom: 25px; }  
.forbidden p { margin: 25px 0px; }


.gl-form { position: relative; }
.gl-form input:not([type=submit]):not([type=file]), .gl-form textarea, .gl-form select { background-color: #fff; color: #000; }
.gl-form label { xfont-weight: normal; }
.gl-form h1 { color: #FFF; margin: 0; margin-bottom: 20px; padding: 13px; font-size: 15px; font-weight: 600; text-transform: uppercase; background-color: #969696; border-radius: 5px; }
.gl-form .links { position: absolute; right: 13px; bottom: 13px; }
.gl-form .links a { font-size: 12px; color: inherit; text-decoration: underline; }


table.gl-table tr:nth-of-type(odd) { background-color:#FFF; }
table.gl-table tr:nth-of-type(even) { background-color:#FAFAFA; }
table.gl-table tr:hover td, .table-hover tbody tr:hover th { background-color: #fff8cf; }
table.gl-table th { border: 1px solid #CCC; background: #337AB7; color: #FFF; white-space: nowrap; font-size: 12px; }
table.gl-table th a { color: inherit; font-size: inherit; text-decoration: none; display: block; outline: 0; }
table.gl-table th a:hover { color: inherit; text-decoration: none; outline: 0; }
table.gl-table td { border: 1px solid #CCC; font-size: 12px; }

.google-chart { width: 100%; }

.pos-abs { position: absolute; }
.pos-rel { position: relative; }

.spaced { margin-bottom: 30px; }

.please-wait { height: 16px; margin: 5px 0px; padding-left: 20px; background: url(/css/images/please_wait.gif) no-repeat; line-height: 16px; display: none; }


table.actsense th { text-align: center; }
table.actsense td.dom { vertical-align: middle; color: #000; font-weight: 600; }
table.actsense td span.prc { font-size: 11px; }
table.actsense td.sep-r { border-right: 1px solid #000; }
table.actsense tr.dom-row td { width: 7.6%; text-align: right; }
table.actsense tr.tot-row td { width: 7.6%; text-align: right; background-color:#DDD; }

table.acthist tr { background-color: #FAFAFA; }
table.acthist td { text-align: right; white-space: nowrap; }
table.acthist td a { color: inherit; font-size: inherit; text-decoration: none; display: block; outline: 0; }
table.acthist td a:hover { color: inherit; text-decoration: none; outline: 0; }
table.acthist td.date { xwidth: 40%; }
table.acthist td.acti { xwidth: 40%; }
table.acthist td.perc { xwidth: 30%; color: #FFF; }
table.acthist td.crit { background-color: #AA0000; }
table.acthist td.warn { background-color: #F39713; }
table.acthist td.okok { background-color: #00AA00; }


.senderstat .dat { width: 110px; display: inline-block; }

table.senderstat tr.dom-hdr td { border: 1px solid #CCC; background: #337AB7; color: #FFF; white-space: nowrap; font-size: 12px; font-weight: 600; xtext-transform: uppercase; text-align: center; }
table.senderstat tr.dom-hdr-emp { opacity: 0.2; }
table.senderstat tr.dom-row td { text-align: right; }
table.senderstat tr.dom-row td.dm { background: #337AB7; color: #FFF; }
table.senderstat tr.dom-row td a { text-decoration: none; display: block; background: inherit; color: inherit; }
table.senderstat tr.tot-row td { text-align: right; background-color:#DDD; }
table.senderstat tr .alr { color: #FF0000; }
table.senderstat td span.prc { font-size: 11px; }
table.senderstat td.sep-r { border-right: 1px solid #000; }
table.senderstat tr.sep-row { background-color: #FFF; }
table.senderstat tr.sep-row td { border: 0; height: 30px; background-color: inherit; }


.adverstat {}
.advertstat table.sum .vcent { vertical-align: middle; }


.ticket {}
.ticket form .help-block { margin: 1px 0px 3px 5px; color: #333; font-size: 11px; }

.ticket .reqs {}
.ticket .reqs .req-group { background: #DDD; border: 1px solid: #AAA; padding: 15px; margin: 20px 0px 20px; }
.ticket .req .req-head { margin-bottom: 5px; }
.ticket .req .req-info { font-size: 13px; }
.ticket .req .req-info td.lbl { padding-right: 5px; font-size: 12px; color: #555; font-weight: 600; white-space: nowrap; }
.ticket .req .req-info td.dat { padding-right: 20px; font-size: 12px; color: #777; }

.ticket .comments {}
.ticket .comments .comment-group { background: #DDD; border: 1px solid: #AAA; padding: 15px; margin: 20px 0px 20px; }

.create .panel p { text-align: center; font-weight: 600; }
.create .panel p.txt { min-height: 80px; }
.create .panel-default { opacity: 0.3; }


.despatch-list { width: 900px; margin: 0px auto; padding-bottom: 30px; }
.despatch-list strong { font-weight: 800; }
.despatch-list .spaced { margin-bottom: 10px; }
.despatch-list .nowrap { white-space: nowrap; }
.despatch-list .pagination { padding: 0; margin: 0; }
.despatch-list .form-control { display: inline; width: auto; }
.despatch-list .status-test { background: #d9edf7; color: #333; }
.despatch-list .status-acce { background: #337ab7; color: #fff; }
.despatch-list .status-time { background: #337ab7; color: #fff; }
.despatch-list .status-prog { background: #dff0d8; color: #333; }
.despatch-list .status-sent { background: #fffaf3; color: #333; }
.despatch-list .status-stop { background: #fffaf3; color: #333; }
.despatch-list table { border: 0; }
.despatch-list table tr { border: 0; }
.despatch-list table td { font-family: Verdana; font-size: 8pt; cursor: default; padding: 2px 3px !important; }
.despatch-list table th { cursor: default; }
.despatch-list table td.nolb { border-left: 0 !important; }
.despatch-list table td.norb { border-right: 0 !important; }
.despatch-list table td.notb { border-top: 0 !important; }
.despatch-list table td.nobb { border-bottom: 0 !important; }
.despatch-list table td.vcenter { text-align: center; }
.despatch-list table td.hcenter { vertical-align: middle; }
.despatch-list table td a.btn { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.despatch-list table td span.sent-date { font-size: 14px; font-weight: 800; }
.despatch-list table td.status { text-transform: uppercase; }
.despatch-list table td.top { vertical-align: top; }
.despatch-list table td.bold { font-weight: 800; }
.despatch-list table td.nonvis { background: #ffe0e0; }
.despatch-list table td.highl { font-weight: 800; }
.despatch-list table td a span.status { font-size: 15px; font-weight: 800; }
.despatch-list table tr.line-tr td a { color: inherit; text-decoration: none; display: inline-block; }
.despatch-list table tr.stat-tr td { padding: 2px 5px; }
.despatch-list table tr.stat-tr-citro { background: #f0ff00; color: #333; }
.despatch-list table th { border: 1px solid #FFF; background: #337AB7; color: #FFF; white-space: nowrap; }
.despatch-list table th a { color: inherit; font-size: inherit; text-decoration: none; display: block; outline: 0; }
.despatch-list table th a:hover { color: inherit; text-decoration: none; outline: 0; }
.despatch-list table th.icon { width: 20px; padding: 0; border: 0; }

.despatch-list table.stat-tbl { padding: 0; margin: 0; width: 100%; max-width: 430px; background: inherit; }
.despatch-list table.stat-tbl-citro { background: #f0ff00; }
.despatch-list table.stat-tbl td { border: 0; padding: 1px 3px !important; }
.despatch-list table.stat-tbl td span.lbl { font-weight: bolder; color: #2d86b0; }
.despatch-list table.stat-tbl td span.dat1 { font-weight: 800; }
.despatch-list table.stat-tbl td span.dat2 { }

.despatch-list .prog-bar { position: relative; width: 100%; height: 13px; background: #444; border: 1px solid #c0c0c0; }
.despatch-list .prog-bar .prog { position: absolute; height: 13px; left: 0px; top: 0px; background: #2d86b0; }
.despatch-list .prog-bar .prog-stop { background: #cc5555; }
.despatch-list .prog-bar .prog-text { position: absolute; width: 100%; left: 0px; top: 0px; color: #fff; line-height: 13px; font-size: 10px; }

.despatch-list #filt-toggle { display: none; }
.despatch-list .filters .sect { width: 200px; }
.despatch-list .filters input,
.despatch-list .filters select { width: 150px; }

.despatch-list .first-last { margin-top: 5px; }
.despatch-list .first-last .label { font-size: 1.1em; }








.campaigns { max-width: 1000px; margin: 0px auto; }

.campaigns .pagination { margin-top: 0px; }
.campaigns .filt-toggle { display: none; margin-top: 10px; }
.campaigns .filter-row { margin-bottom: 5px; }

.campaigns .campaign-box-list { max-width: 980px; background-color: #FFFEF6; font-size: 0.85em; border: 1px solid #c0c0c0; padding: 10px; margin-bottom: 0px; }
.campaigns .campaign-box-list div.seg { margin-bottom: 5px; }
.campaigns .campaign-box-list div.id {}
.campaigns .campaign-box-list div.id span { font-size: 1.1em; font-weight: 600;}
.campaigns .campaign-box-list div.status {}
.campaigns .campaign-box-list div.status span { font-weight: 600;}
.campaigns .campaign-box-list div.deliverStart {}
.campaigns .campaign-box-list div.deliverStart span { font-size: 1.1em; font-weight: 600;}
.campaigns .campaign-box-list div.quickStat { margin: 0px 0px;}
.campaigns .campaign-box-list div.triggerAt {}
.campaigns .campaign-box-list div.triggerAt span { font-weight: 600;}
.campaigns .campaign-box-list .lbl { color: #2d86b0; font-weight: bold; font-size: 0.85em; }

.campaigns .campaign-box-list-bottombar { position: relative; top: -1px; margin-bottom: 15px; }
.campaigns .campaign-box-list-bottombar .buttons { background-color: #FFFEF6; border: 1px solid #c0c0c0; border-top: 0px; padding: 0px 0px 5px 10px; }
.campaigns .campaign-box-list-bottombar .created { font-size: 0.75em; padding-top: 5px; }

.campaigns .despatch-progress { position: relative; width: 100%; height: 17px; background-color: #000; border: 1px solid #c0c0c0; margin-bottom: 5px; }
.campaigns .despatch-progress .meter { position: absolute; width: 0%; height: 15px; left: 0px; top: 0px; background-color: #EEE; }
.campaigns .despatch-progress .despatching { background-color: #337ab7; }
.campaigns .despatch-progress .despatched { background-color: #337ab7; }
.campaigns .despatch-progress .scheduled { background-color: #F0AD4e; }
.campaigns .despatch-progress .cancelled { background-color: #d9534f; }
.campaigns .despatch-progress .text { position: absolute; width: 100%; height: 15px; left: 0px; top: 0px; color: #FFF; font-size: 12px; line-height: 12px; font-weight: 600; padding: 2px 10px; box-sizing: border-box; }


/**/


.campaign .well.nm-info { background-color: #FFFEF6; font-size: 0.85em; border: 1px solid #c0c0c0; padding: 10px; margin-bottom: 0px; }
.campaign .nm-info span.lbl { color: #2d86b0; font-weight: bold; font-size: 0.85em; display: block; }
.campaign .nm-info span.dat { xfont-size: 0.85em; }
.campaign .nm-info span.dat.id { font-size: 1.1em; font-weight: 600; }
.campaign .nm-info span.dat .deliverStart { font-size: 1.1em; font-weight: 600; }
.campaign .nm-info span.dat.status { font-weight: 600; }
.campaign .nm-info span.dat .advertName { font-weight: 600; display: block; }
.campaign .nm-info span.dat.entityShortName, .campaign .nm-info span.dat.databaseShortName { font-size: 1.1em; font-weight: 600; text-transform: uppercase; display: inline-block; width: 60px; cursor: default; }


/**/

 
.campaign.launch { }
.campaign.launch table th { text-align: right; }
.campaign.launch table th:first-child { text-align: left; }
.campaign.launch table td { vertical-align: middle; text-align: right; }
.campaign.launch table td:first-child { text-align: left; }
.campaign.launch table td.perc { width: 20px; font-size: 0.85em; font-weight: 600; }


/**/


.campaign.despatch .panel-heading span.label { font-size: 1em; }

.campaign.despatch .overall {}
.campaign.despatch .overall span { font-size: 1.4em; font-weight: 600; margin-top: 5px; }

.campaign.despatch .despatch-progress { position: relative; width: 100%; height: 17px; background-color: #000; border: 1px solid #c0c0c0; margin-bottom: 5px; }
.campaign.despatch .despatch-progress .meter { position: absolute; width: 0%; height: 15px; left: 0px; top: 0px; background-color: #337ab7; }
.campaign.despatch .despatch-progress .running { background-color: #337ab7; }
.campaign.despatch .despatch-progress .runout { background-color: #337ab7; }
.campaign.despatch .despatch-progress .stopped { background-color: #F0AD4e; }
.campaign.despatch .despatch-progress .died { background-color: #d9534f; }
.campaign.despatch .despatch-progress .text { position: absolute; width: 100%; height: 15px; left: 0px; top: 0px; color: #FFF; font-size: 12px; line-height: 12px; font-weight: 600; padding: 2px 10px; box-sizing: border-box; text-align: center; }

.campaign.despatch .despatch-progress-spread { position: relative; width: 100%; height: 5px; background-color: #000; border: 0px; margin-bottom: 0px; }
.campaign.despatch .despatch-progress-spread .meter { position: absolute; width: 0%; height: 5px; left: 0px; top: 0px; background-color: #5cb85c; }

.campaign.despatch .despatch-carrier-queue { font-size: 0.9em; text-align:center; margin-bottom: 25px; }

.campaign.despatch .dbox .well { margin-bottom: 0px; padding: 5px 5px; height: 45px; line-height: 35px; box-sizing: border-box; text-align: center; }
.campaign.despatch .dbox button { width:100px; }

.campaign.despatch .spread { min-height: 180px; }
.campaign.despatch .spread table { font-size: 0.8em; border: 0; }
.campaign.despatch .spread table tr { border: 0; }
.campaign.despatch .spread table th { padding: 2px 5px; text-align: right; }
.campaign.despatch .spread table td { padding: 2px 5px; border: 0; }
.campaign.despatch .spread table td.perc { width: 20px; font-size: 0.9em; font-weight: 600; vertical-align: middle; }
.campaign.despatch .spread table tr.data td:not(:first-child) { text-align: right; }
.campaign.despatch .spread table tr.data td:first-child { background-color: #f5f5f5; text-align: right; vertical-align: middle; }
.campaign.despatch .spread table tr.prog td { padding: 0px; }

.campaign.despatch .hint { font-size: 0.8em; margin-bottom: 5px; }


/**/


.campaign.attrib .hint { font-size: 0.8em; padding: 5px 10px; }


/**/


.campaign.copy .hint { font-size: 0.8em; padding: 5px 10px; }


/**/


.pairup { }
.pairup .side { background: #eeeeee; padding: 15px; border-radius: 5px; border: 1px solid #E0E0E0; }

.pairup table tr:nth-of-type(odd) { background-color:#FFF; }
.pairup table tr:nth-of-type(even) { background-color:#FAFAFA; }
.pairup .tip { display: none; margin-bottom: 10px; }
.pairup td.chb { width: 30px; }
.pairup td input { display: none; }
.pairup td { height: 40px; vertical-align: middle !important; cursor: pointer; }

.pairup tr:hover { background: #D9EDF7 !important; } 
.pairup tr.sel { background: #D9EDF7 !important; } 
.pairup tr.chk { background: #fff8cf !important; }