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


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


::-webkit-input-placeholder { font-style: italic; font-size: 14px; font-weight: 400;}
:-moz-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
::-moz-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
:-ms-input-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
::-ms-input-placeholder { font-style: italic; font-size: 14px; font-weight: 400; }
.gl-form select option.plh { font-style: italic; font-size: 14px; font-weight: 400; }


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; }


table tr.clickable-row { cursor: pointer; }
tabla tr:nth-of-type(odd) { background-color:#FFF; }
table tr:nth-of-type(even) { background-color:#FAFAFA; }
table th { border: 1px solid #FFF; background: #337AB7; color: #FFF; white-space: nowrap; cursor: default; }


input.static-copy { width: 100%; border: 0; padding: 0; color: #aaa; background: inherit; font-size: 0.7em; font-style: italic; font-weight: bold; text-align: right; }


.modal.success .modal-content { color: #fff; background-color: #449d44; border-color: #398439; }
.modal.alert .modal-content { color: #fff; background-color: #c9302c; border-color: #ac2925; }


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


.main-content, .tab-content { padding: 20px 30px; background: #FFFFFF; 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: 1.0em; text-transform: uppercase; font-weight: 700; background-color: #969696; border-radius: 5px; }
.main-content h1 span, .tab-content h1 span { font-size: large; }


.form .form-action a.btn, .form-action button.btn { width: 150px; }
.form span.help-block { margin-left: 10px; font-size: 0.8em; font-weight: 600; }
.form .field-area { background: #F0F0F0; padding: 15px; border-radius: 5px; }
.form label { font-size: 0.9em; margin-bottom: 2px; }
.form hr { border-top: 1px solid #DDD; }
.form .input-group-addon { background-color: #fff; }
.form .alert-info.helper { font-size: 0.9em; line-height: 1.25; padding: 8px; margin: 5px 0px 0px 0px; } 
.form .feedback ul { margin: 0px; padding-left: 15px; list-style-position: outside; }
.form .feedback ul li { font-size: 0.9em; }


/**/


.noroute ul { margin: 25px 0px; list-style-position: inside; }  
.noroute p { margin: 25px 0px; }

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

.fatal .panel { margin-top: 45px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); }
.fatal .excl { display: table-cell; width: 95px; color: #aa0000; text-align: left; vertical-align:top; font-size: 70px; }
.fatal .text { display: table-cell; padding-top: 5px; vertical-align:top; }
.fatal .sect { margin-bottom: 15px; }
.fatal .sect .last { margin-bottom: 0; }
.fatal .sect h3 { margin-bottom: 2px; text-transform: uppercase; font-size: 12px; font-weight: 700; }
.fatal .sect .details { padding: 10px; background: #fefef6; border: 1px solid #cccccc; font-family: Courier; font-size: 8pt; overflow: auto; }


/**/


p.explain, .explain p, .explain ul { font-size: 0.9em; line-height: 1.25; }


/**/


.auth .panel { margin-top: 40px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }
.auth .panel-body { position: relative; padding: 30px 50px; background: #fafafa; }
.auth .panel-body .links { position: absolute; right: 10px; bottom: 10px; }
.auth .panel-body .links a { font-size: 12px; color: inherit; text-decoration: underline; }

.auth.login #auth_pass { width: 80%; }

.auth.tfa .attempts { font-weight: 600; font-size: 0.9em; margin-bottom: 5px; color: #A94442; text-align: center; }
.auth.tfa p.force { background: #FFF; padding: 30px; border: 1px solid #DDD; border-radius: 4px; }


/**/








.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 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; }












.actsense .btn-db-sel { width: 70px; text-align:center; margin-bottom: 4px; }

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; }


.docusend {}
.docusend .form-control[readonly] { background: #FFF; }
#fileUpload { position: absolute; left: 0; top: 0; opacity:0; width:1px; height: 1px; }




.quota {}
.quota h5 { background: #456789; color: #fff; padding: 5px 10px; }


.unsubcnt {}
.unsubcnt h5 { background: #456789; color: #fff; padding: 5px 10px; }
.unsubcnt table tr.sum td {font-weight: bold; background: #fff2c4; }
.unsubcnt table tr.newsmail-list td {font-size: small }


.apiaccess .alert.alert-api { color: inherit; padding-bottom: 40px; background: #fff; border-color: #dedede; }
.apiaccess .alert.alert-key { padding-bottom: 5x; font-size: small; }
.apiaccess .alert table { margin: 0 auto 30px auto; }
.apiaccess .alert table td { padding: 5px 20px; }


/**/


.system-maintenance {}
.system-maintenance .panel { margin-top: 150px; }


/**/


.preview .main-content { background-color: inherit; }
.preview iframe { width: 800px; height: 800px; margin: 0 auto; display:block; border: 2px solid darkgrey; box-shadow: 10px 10px 5px grey; background-color: #FFF; }


/**/


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

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

.campaigns .campaign-box-list { max-width: 1080px; font-size: 0.85em; color: #333; background-color: #d9edf7; border: 1px solid #c0c0c0; padding: 10px; margin-bottom: 0px; }
.status-test { background-color: #d9edf7 !important; }
.status-accepted { background-color: #d9edf7 !important; }
.status-scheduled { background-color: #fffaf3 !important; }
.status-despatching { background-color: #fffaf3 !important; }
.status-despatched { background-color: #fffaf3 !important; }
.status-cancelled { background-color: #aaa !important; }
.citro { background-color: #f0ff00 !important; }

.campaigns .campaign-box-list div.cbl { margin-left: -5px; margin-right: -5px; }
.campaigns .campaign-box-list div.seg { margin-bottom: 5px; padding-left: 5px !important; padding-right: 5px !important; }
.campaigns .campaign-box-list div.id { max-width: 60px; }
.campaigns .campaign-box-list div.id span.id { font-size: 1.1em; font-weight: 600; display: block; background: #FFF; border: 1px solid #c0c0c0; text-align: center; border-radius: .25em; }
.campaigns .campaign-box-list div.status {}
.campaigns .campaign-box-list div.status span { font-weight: 600;}
.campaigns .campaign-box-list div.thumbnal { max-width: 50px; margin-right: 10px; }
.campaigns .campaign-box-list div.thumbnal img { max-width: 50px; max-height: 100px; box-shadow: 3px 3px 3px #777; }
.campaigns .campaign-box-list div.deliverStart { max-width: 110px; }
.campaigns .campaign-box-list div.deliverStart span.date { font-size: 1.3em; font-weight: 600; display: block; }
.campaigns .campaign-box-list div.deliverStart span.time { display: block; }
.campaigns .campaign-box-list div.spec { white-space: nowrap; overflow: hidden; max-width: 120px; }
.campaigns .campaign-box-list div.subject { overflow: hidden; }
.campaigns .campaign-box-list div.database { max-width: 70px; }
.campaigns .campaign-box-list div.entity { max-width: 50px; }

.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; white-space: nowrap; text-decoration: none; display: block; }
.campaigns .campaign-box-list a.lbl .glyphicon { font-size: 0.7em; font-weight: 400; }

.campaigns .campaign-box-list-bottombar { position: relative; top: -1px; margin-bottom: 15px; }
.campaigns .campaign-box-list-bottombar .buttons { 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: #444; border: 1px solid #c0c0c0; margin-bottom: 5px; }
.campaigns .despatch-progress .meter { position: absolute; width: 0%; height: 15px; left: 0px; top: 0px; background-color: #2d86b0; }
.campaigns .despatch-progress .despatching { background-color: #2d86b0 !important; }
.campaigns .despatch-progress .despatched { background-color: #2d86b0 !important; }
.campaigns .despatch-progress .scheduled { background-color: #2d86b0 !important; }
.campaigns .despatch-progress .cancelled { background-color: #2d86b0 !important; }
.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; }

.campaigns .add-new { margin-bottom: 15px; }


/**/


.campaign-tabs ul li.grp-1 a { background-color: #d9edf7; }
.campaign-tabs ul li.grp-2 a { background-color: #f0ad4e; color: #fff; }
.campaign-tabs ul li.grp-1 a:hover { background-color: #eee; border-color:#eee #eee #ddd; }
.campaign-tabs ul li.grp-1.active a { background-color: #fff; border-color: #fff; }
.campaign-tabs ul li.grp-2 a:hover { background-color: #eee; border-color:#eee #eee #ddd; color: inherit; }
.campaign-tabs ul li.grp-2.active a { background-color: #fff; border-color: #fff; color: inherit; }


/**/


.campaign .nm-info { font-size: 0.85em; color: #333; background-color: #d9edf7; border: 1px solid #c0c0c0; padding: 10px; margin-bottom: 10px; }
.campaign .nm-info table.seg tr { background-color: inherit; border: 1px solid #c0c0c0; }
.campaign .nm-info table.seg tr td:first-child { background-color:#FAFAFA; color: #2d86b0; font-weight: bold; white-space: nowrap; vertical-align: top; text-align: right; padding: 2px 5px; }
.campaign .nm-info table.seg tr td:last-child { background-color:#FFF; color: #000; white-space: nowrap; overflow: hidden; font-weight: 500; padding: 2px 5px; max-width: 500px; }
.campaign .nm-info .thumbnal { xmax-width: 50px; xmargin-right: 25px; }
.campaign .nm-info .thumbnal img { max-width: 50px; max-height: 100px; box-shadow: 3px 3px 3px #777; }
.campaign .nm-info .id { max-width: 60px; }
.campaign .nm-info .id span { font-size: 1.1em; font-weight: 600; display: block; background: #FFF; border: 1px solid #c0c0c0; text-align: center; border-radius: .25em; padding: 15px; }
.campaign .nm-info hr { margin: 10px 0px 5px 0px !important; border-top: 1px solid #ccc; }
.campaign .nm-info .btn-bar { margin-top: 0px; }
.campaign .nm-info .btn-bar span { font-size: 0.9em; }

.campaign .shift { padding: 10px; text-align: center; }

.campaign .invalids ul li { font-weight: 600; line-height: 1.2; margin-bottom: 5px; }
.campaign .invalids ul li span { font-weight: 400; font-size: 0.9em; }
.campaign .invalids .inv-title { font-weight: 800; xfont-size: 1.4em; margin-bottom: 5px; }


/**/

 
.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: 25px; }
.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 .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.attrib hr { margin-top: 0px; }


/**/


.campaign.content .crea-gen .well { min-height: 300px; }
.campaign.content .crea-gen .well label { display: block; padding: 0; margin: 0; color: inherit; }
.campaign.content .crea-gen .well .dat { display: block; margin-bottom: 15px; text-transform: capitalize; }
.campaign.content .crea-gen .well .no-content { text-align: center; font-weight: 600; font-style: italic; margin: 40px 0px; }
.campaign.content .crea-gen .well img { max-width: 150px; max-height: 250px; box-shadow: 5px 5px 5px #777; }

.campaign.content #src-edit-wrapper { display: none; margin-top:10px; }
.campaign.content #src-edit-wrapper textarea { font-family: Courier; }
.campaign.content #src-edit-wrapper textarea.html { background: #fffce6; color: #000; }
.campaign.content #src-edit-wrapper textarea.text { background: #fffce6; color: #000; }


/**/


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

.campaign.lists table.lists { font-size: 0.9em; margin-bottom: 2px; }
.campaign.lists table.lists tr:nth-of-type(odd) { background-color:#FFF; }
.campaign.lists table.lists tr:nth-of-type(even) { background-color:#FAFAFA; }
.campaign.lists table.lists tr:hover:not(.add):not(.file) { background-color: #fff8cf; }
.campaign.lists table.lists tr.selected { background-color: #fff8cf; }
.campaign.lists table.lists tr.add { background-color: #e0f0ff; }
.campaign.lists table.lists tr.add td { cursor: default; padding: 7px; }
.campaign.lists table.lists tr.add .form-group { margin: 0; }
.campaign.lists table.lists tr.file td { padding: 0px 5px; }
.campaign.lists table.lists tr.file td input.static-copy { text-align: right; }
.campaign.lists table.lists th { border: 1px solid #FFF; background: #337AB7; color: #FFF; white-space: nowrap; cursor: default; vertical-align: middle; }
.campaign.lists table.lists th.center { text-align: center; }
.campaign.lists table.lists th.right { text-align: right; }
.campaign.lists table.lists th.oper { width: 70px; }
.campaign.lists table.lists td { vertical-align: middle; cursor: pointer; padding: 3px 5px;}
.campaign.lists table.lists td.center { text-align: center; }
.campaign.lists table.lists td.right { text-align: right; }

.campaign.lists table.lists th.nAddresses { width: 90px; }
.campaign.lists table.lists th.flushedAt { width: 130px; }
.campaign.lists table.lists td.flushedAt { font-size: 0.85em; text-align: right; }

.campaign.lists table.addresses { font-size: 0.9em; margin-bottom: 2px; }
.campaign.lists table.addresses tr:nth-of-type(odd) { background-color:#FFF; }
.campaign.lists table.addresses tr:nth-of-type(even) { background-color:#FAFAFA; }
.campaign.lists table.addresses tr:hover:not(.add):not(.file) { background-color: #fff8cf; }
.campaign.lists table.addresses tr.selected { background-color: #fff8cf; }
.campaign.lists table.addresses tr.add { background-color: #e0f0ff; }
.campaign.lists table.addresses tr.add td { cursor: default; padding: 7px; }
.campaign.lists table.addresses tr.add .form-group { margin: 0; }
.campaign.lists table.addresses th { border: 1px solid #FFF; background: #337AB7; color: #FFF; white-space: nowrap; cursor: default; vertical-align: middle; }
.campaign.lists table.addresses th.center { text-align: center; }
.campaign.lists table.addresses th.right { text-align: right; }
.campaign.lists table.addresses th.oper { width: 70px; }
.campaign.lists table.addresses td { vertical-align: middle; cursor: pointer; padding: 3px 5px;}
.campaign.lists table.addresses td.center { text-align: center; }
.campaign.lists table.addresses td.right { text-align: right; }

.campaign.lists table.addresses th.n { width: 40px; }
.campaign.lists table.addresses th.chb { width: 30px; }
.campaign.lists table.addresses th.data { width: 150px; }
.campaign.lists table.addresses td.data { overflow: hidden; white-space: nowrap; }

.campaign.lists .list-action { margin: 10px 0px; }
.campaign.lists .list-action .btn { width: 250px; }
.campaign.lists #compose { display: none; }

.campaign.lists .file-content {  }
.campaign.lists .file-content textarea { width: 100%; height: 300px; font-family: Courier; background: #fffce6; color: #000; font-size: 0.85em; }


/**/


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

.campaign.test form button { width: 250px; }


/**/


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


/**/


.campaign.statcombine table th.oper { width: 70px; }


/**/


.campaign.console input.copy { width:100%; border: 0; padding: 0; color: #0000FF; background: inherit; font-size: 0.9em; font-weight: bold; font-family: Courier; }


/**/


.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; }


/**/


.profile.tfa .panel .panel-heading { font-weight: 600; }
.profile.tfa .panel .panel-body { background: #fafafa; }
.profile.tfa .badges a.google img { height: 60px; position: relative; left: -10px; }
.profile.tfa .badges a.apple img { width: 135px; height: 40px; }


/**/


.user.data input.code { color: #337AB7; font-size: 0.8em; font-weight: 700; font-family: Courier; }

.user.create input.code { color: #337AB7; font-size: 0.8em; font-weight: 700; font-family: Courier; }

.user.access .checkbox label { font-size: 0.9em; font-weight: 700; }
.user.access .checkbox span { display: block; xtext-align: justify; font-weight: normal; line-height: 1.2; }
.user.access .categbox .checkbox label { text-transform: uppercase; }
.user.access .permissions .checkbox { border: 1px solid #DDD; padding: 10px; background-color: #eee; border-radius: 5px; height: 100px; overflow: hidden; }
.user.access .permissions .checkbox.checked { background-color: #fff8cf; }