html, body, div, a, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer,
header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
#main-content a { text-decoration: none; outline: 0; }
/*img { max-width: 100%; }*/
#main-content input, textarea, button, select { border: 0; margin: 0; padding: 0; outline: 0; background: none; }
#main-content input[type="text"], #main-content input[type="password"], textarea, select, div.textbox { font-family: Arial, sans-serif; color: #bebebe; font-size: 14px; font-size: 1rem; border-radius: 8px; background: #efefef; }
#main-content input[type="text"]:disabled, #main-content input[type="password"]:disabled, textarea:disabled, select:disabled, div.textbox:disabled { font-family: Arial, sans-serif; color: #d2d2d2; font-size: 14px; font-size: 1rem; border-radius: 8px; background: #efefef; }
#main-content input[type="text"], #main-content input[type="password"], textarea, div.textbox { padding: 15px; }
#main-content select { cursor: pointer; }
div.textbox { word-wrap: break-word; }
#main-content button { cursor: pointer; }
#main-content input[type="text"]:focus,
#main-content input[type="password"]:focus,
#main-content textarea:focus { color: #575757; }
#main-content h1,
#main-content h2,
#main-content h3 { font-weight: normal; }
#main-content .cleaner { clear: both; height: 1px; overflow: hidden; }
#main-content .hidden { visibility: hidden; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .customSelect { padding-right: 28px; } }
#main-content .container { margin: 0 auto; }
/* LOGIN */
.login-form { margin: 80px auto; text-align: center; }
.login-form fieldset { width: 400px; margin: 0 auto; }
.login-form .site-name { color: #FFFFFF; font-size: 14px; font-size: 1rem; display: block; margin-top: 25px; margin-bottom: 25px; }
.login-form .field { margin-bottom: 10px; display:table-row }
.login-form .hr { margin-top: 30px; margin-bottom: 30px;}
.login-form .field label { margin-right: 5px; display: inline-block; text-align: right; display:table-cell; white-space:nowrap }
.login-form .field input { padding: 15px; font-family: Arial, sans-serif; border: none; color: #333333; font-size: 14px; border-radius: 8px; background: #efefef; display:table-cell; margin:10px 50px; }
.login-form .field input[type=text], .login-form .field input[type=password], .login-form .field select { width:300px; }
.login-form .field input.input-validation-error { border:solid 1px red }
.login-form .field textarea { margin:10px; }
.login-form img.logo { max-width:400px; max-height:150px; display:block; float:none; margin:auto }
.login-form .field .tip {color: #b3b3b3; font-size: 0.78571428571rem; display: block; text-align: right; }
.login-form .forgot-field { border-top: 1px solid #cfcfcf; text-align: right; padding-top: 10px; }
.login-form .forgot-field a { color: #ffffff; font-size: 12px; font-size: 0.85714285714rem; }
.login-form .forgot-field a:hover { color: #3ba7b9; }
.login-form .operations { padding: 0; margin-top:40px }
/* HEADER */
/* --- Header common styles --- */
.navigation { padding: 10px 0 7px 0; font-size: 0; }
.main-menu,
.subs-credits { display: inline-block; vertical-align: middle; }
/* --- Header main menu --- */
.main-menu { background: #eaeaea; border-bottom: 1px solid #d2d2d2; border-radius: 8px; position: relative; }
.main-menu li { width: 99px; float: left; }
.main-menu li a { width: 99px; height: 50px; line-height: 50px; display: block; line-height: 3.5rem; color: #575757; font-size: 13px; font-size: 0.92857142857rem; background: url(/assets/images/navigation-separator.jpg) right top repeat-y; float: left; text-align: center; position: relative; }
.main-menu li a:hover { background: #fff; }
.main-menu li:last-child a { border-radius: 0 8px 8px 0; }
.main-menu li:last-child a:hover { border-radius: 0 8px 8px 0; }
.main-menu li:first-child a { border-radius: 8px 0 0 8px; }
.main-menu li .hover { background: #fff !important; border-radius: 0 8px 0 0 !important; }
.notifications { border-radius: 10px; padding: 1px 5px; background: #5ccdde; font-size: 11px; font-size: 0.78571428571rem; color: #fff; display: inline-block; vertical-align: middle; line-height: normal; position: relative; top: -2px; }
/* --- Settings dropdown menu --- */
.settings { width: 593px; height: 336px; position: absolute; right: -135px; top: 50px; display: none; background: #fff; overflow: hidden; z-index: 9999; box-shadow: 3px 3px 6px #ccc; }
.settings .tabs-content { width: 431px; position: absolute; top: 0; right: 0; z-index: 1; }
.settings .tabs-nav { width: 162px; height: 100%; background: #fafafa; position: absolute; z-index: 2; left: 0; top: 0; }
.settings .tabs-nav li { float: none; }
.settings .tabs-nav li a { width: 162px; height: 41px; line-height: 41px; line-height: 2.92857142857rem; color: #7b7b7b; font-size: 12px;
font-size: 0.85714285714rem; background: #fafafa url(/assets/images/h-separator.jpg) left bottom repeat-x; text-transform: capitalize; }
.settings .tabs-nav li a:hover,
.settings .tabs-nav .active a { background: #fff url(/assets/images/h-separator.jpg) left bottom repeat-x; }
.scrollbox { overflow: auto; width: 431px; height: 336px; position: absolute; top: 0; right: 0; }
.scrollbox .inner { width: 368px; margin: 0 auto; }
.scrollbox .title { text-transform: capitalize; color: #575757; font-size: 14px; font-size: 1rem; padding-top: 15px; padding-bottom: 35px; }
.scrollbox .desc { padding-top: 15px; color: #aaa; font-size: 12px; font-size: 0.85714285714rem; line-height: 18px; line-height: 1.28571428571rem; }
.scrollbox .desc:first-child { padding-top: 0; }
.scrollbox .tabs-form { padding-top: 20px; }
.vertical-track { width: 20px; background: url(/assets/images/scrollbar.jpg) left top no-repeat; border-left: 1px solid #d3d3d3; }
.vertical-handle { width: 13px; height: 101px !important; left: 3px; line-height: normal; float: none; background: url(/assets/images/scroll.png) left top no-repeat; text-align: left; display: inline; right: 0; }
/* --- Allerts dropdown menu --- */
.allerts-container { width: 100%; min-height: 369px; display: none; background: url(/assets/images/allerts-bg.png) left top repeat; position: absolute; top: 68px; left: 0; }
.allerts-container .container { position: relative; }
.sCnt { width: 585px; float: left; }
.sCnt h2 { font-family: 'Convergence', sans-serif; font-size: 30px; font-size: 2.14285714286rem; color: #5ccdde; padding-bottom: 30px; }
.sCnt p { color: #bfbfbf; font-size: 13px; font-size: 0.92857142857rem; line-height: 20px; line-height: 1.42857142857rem; }
.sCnt,
.rImg { margin-top: 60px; }
.rImg { border-radius: 8px; float: right; }
.sNavigations { width: 182px; height: 47px; background: url(/assets/images/allerts-bg.png) left top repeat; border-radius: 0 0 8px 8px; position: absolute; left: 0; bottom: -47px; text-align: center; }
.close-container { width: 182px; height: 47px; background: url(/assets/images/allerts-bg.png) left top repeat; border-radius: 0 0 8px 8px; position: absolute; right: 0; bottom: -47px; text-align: center; }
.close-container a { color: #5ccdde; font-size: 13px; font-size: 0.92857142857rem; display: block; margin-top: 5px; }
.closeAlert { width: 21px; height: 21px; display: inline-block; position: relative; left: 20px; top: 8px; background: url(/assets/images/sprites.png) -288px -439px no-repeat; }
.go-back,
.go-forward { display: inline-block; margin-top: 8px; }
.go-back a,
.go-forward a { width: 18px; height: 27px; display: block; text-indent: -9999px; overflow: hidden; }
.go-back a { background: url(/assets/images/sprites.png) -364px -436px no-repeat; margin-right: 56px; }
.go-forward a { background: url(/assets/images/sprites.png) -452px -436px no-repeat; }
/* --- Subscribers and Credits --- */
.subs-credits { padding-left: 25px; }
.subs-credits li { padding-left: 10px; display: inline-block; vertical-align: middle; color: #adadad; font-size: 12px; font-size: 0.85714285714rem; }
.subs-credits li .add-credits { background: #dfdfdf; padding: 5px 15px; border-radius: 8px; color: #575757; font-size: 11px; font-size: 0.78571428571rem; margin-left: 5px; }
.subs-credits li a { color: #dfdfdf; padding: 5px 15px; }
.subs-credits li a:hover { background: #dfdfdf; padding: 5px 15px; border-radius: 8px; color: #575757; }
.subs-credits li strong { font-weight: normal; color: #fff; }
/* --- Header search box --- */
.search { overflow: hidden; padding: 33px 0; }
.logo { display: inline-block; float: left; }
.searchbox { float: right; }
.create-campaign,
.search-campaign,
.search-input,
.go { display: inline-block; vertical-align: middle; }
.create-campaign { height: 40px; line-height: 40px; background: #5ccdde; border-bottom: 2px solid #4fb0bf; border-radius: 8px; font-weight: bold; font-size: 14px; font-size: 1rem; padding: 0 40px; color: #fff; text-shadow: 0 1px 1px #4fb0bf; margin-right: 8px; }
.create-campaign:hover { background: url(/assets/images/create-campaign-hover.jpg) left top repeat-x; }
.search-campaign { width: 286px; border: 1px solid #b4b4b4; border-radius: 8px; background: #fff; position: relative; }
.search-input { padding: 13px 15px !important; border: 0 !important; }
.go { width: 45px; height: 100%; background: url(/assets/images/search.png) left center no-repeat; position: absolute; right: 0; top: 0; border-left: 1px solid #eee; }
/* CONTENT */
/* --- White boxes --- */
.box { overflow: hidden; }
.box .inner { padding: 35px; overflow: hidden; }
.box h1,
.box h2 { font-family: 'Convergence', sans-serif; font-size: 28px; font-size: 2rem; color: #6b6b6b; text-transform: capitalize; }
.box h1 .view-details,
.box h2 .view-details { color: #aaa; display: inline-block; vertical-align: middle; font-size: 13px; font-size: 0.92857142857rem; text-transform: lowercase; padding-left: 15px; font-family: Arial, sans-serif; }
.box h1 .view-details:hover,
.box h2 .view-details:hover { color: #4cb3c4; }
.boxWhite { background: #fff; border-radius: 0 0 8px 8px; overflow: hidden; }
.boxWhite .inner { padding: 35px; }
/* --- Gray boxes --- */
.case { background: #f8f8f8; }
.case .page-title { padding: 35px 35px 15px 35px; position: relative; }
.case .page-title em { color: #aaa; font-size: 11px; font-size: 0.78571428571rem; }
.case .page-title em span { color: #6b6b6b; }
.case .page-title h1 { font-family: 'Convergence', sans-serif; font-size: 25px; font-size: 1.78571428571rem; color: #6b6b6b; }
.case .page-title h1 .total { display: inline-block; vertical-align: middle; color: #c2c2c2; font-size: 12px; font-size: 0.85714285714rem; border-left: 1px solid #d8d8d8; padding-left: 10px; margin-left: 10px; font-family: Arial, sans-serif; }
.case .page-title h1 .total span { color: #575757; }
.case .page-title h1 a { border-left: 1px solid #aaa; color: #aaa; padding-left: 10px; margin-left: 10px; font-size: 12px; font-size: 0.85714285714rem; font-family: Arial, sans-serif; }
.case .page-title h1 a:hover { color: #4cb3c4; }
input.btn, a.btn, button.btn, #main-content input.btn, #main-content a.btn, #main-content button.btn { background: #5ccdde; border-radius: 10px; font-size: 14px; color: #fff; padding: 10px 45px;}
#main-content a.btn.zoom { padding:10px 20px; }
input.btn:hover, a.btn:hover, button.btn:hover, #main-content input.btn:hover, #main-content a.btn:hover, #main-content button.btn:hover { background-color:#4cb3c4; color: white; }
.btn.red { background: #e16053; }
.btn.red:hover { background-color:#c16053; color: white; }
.case .btn.create-new-list { position: absolute; top: 35px; right: 105px; }
.chart-buttons { margin-top:-350px; position:absolute; right:30px }
.chart-buttons a.btn { padding: 5px 15px; color: #636363; background: none; border-radius: 5px; cursor:pointer }
.chart-buttons a.btn.active, #main-content .chart-buttons a.btn.active { background-color:#98d5de; color:white; }
.camp-nav { margin-top: 30px; font-size: 0; }
.camp-nav a { color: #575757; font-size: 12px; font-size: 0.85714285714rem; padding: 10px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.camp-nav a:last-child { margin-right: 0; }
.camp-nav .active { background: #fff; border-top: 1px solid #e8e8e8; border-radius: 5px; }
.camp-nav a:hover { color: #3bc4da; }
/* --- Pagination --- */
.pagination { padding: 15px 0; background: #efefef; text-align: center; border-radius: 0 0 8px 8px; }
.pagination a { margin-left:5px; margin-right:5px; height: 16px; line-height: 16px; display: inline-block; vertical-align: middle; color: #6b6b6b; font-size: 11px; font-size: 0.78571428571rem; font-family: Arial, sans-serif; }
.pagination a:hover { color: #4cb3c4; }
.pagination .prev,
.pagination .next { width: auto; height: auto; }
.pagination .prev { padding-right: 15px; }
.pagination .next { padding-left: 15px; }
.pagination .active { color: #4cb3c4; }
/* DASHBOARD */
.block { margin-top: 45px; }
.block:first-child { margin-top: 0; }
.statistics { display: inline-block; }
.statistics p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.statistics .title { font-size: 13px; font-size: 0.92857142857rem; color: #4cb3c4; border-bottom: 1px solid #efefef; }
.statistics .title a { color: #aaa; }
.statistics .title a:hover { color: #4cb3c4; }
.statistics .number { font-weight: bold; color: #636363; font-size: 16px; }
.statistics .result { font-size: 11px; font-size: 0.78571428571rem; color: #aaa; margin-bottom:5px; background-color: #efefef; }
.statistics .result span { color: #3e3e3e; }
/* --- Icons --- */
.add { width: 19px; height: 19px; background: url(/assets/images/sprites.png) -620px -246px no-repeat; }
.add:hover { background: url(/assets/images/sprites.png) -639px -246px no-repeat; }
.view, .warn { width: 28px; height: 17px; background: url(/assets/images/sprites.png) -92px -250px no-repeat; }
.view:hover { background: url(/assets/images/sprites.png) -426px -249px no-repeat; }
.archive { width: 20px; height: 20px; background: url(/assets/images/sprites.png) -141px -248px no-repeat; }
.archive:hover { background: url(/assets/images/sprites.png) -475px -247px no-repeat; }
.duplicate { width: 15px; height: 17px; background: url(/assets/images/sprites.png) -395px -248px no-repeat; }
.duplicate:hover { background: url(/assets/images/sprites.png) -520px -248px no-repeat; }
.click-map { width: 44px; height: 45px; background: url(/assets/images/sprites.png) -647px -278px no-repeat; }
.performance-per-link { width: 44px; height: 45px; background: url(/assets/images/sprites.png) -499px -282px no-repeat; }
.receipment-clicks { width: 49px; height: 47px; background: url(/assets/images/sprites.png) -723px -279px no-repeat; }
.delete { width: 18px; height: 18px; background: url(/assets/images/sprites.png) -217px -249px no-repeat; }
.delete:hover { background: url(/assets/images/sprites.png) -10px -248px no-repeat; }
.delete.nohover:hover { background: url(/assets/images/sprites.png) -217px -249px no-repeat; }
.import { width: 19px; height: 19px; background: url(/assets/images/sprites.png) -552px -247px no-repeat; }
.import:hover { background: url(/assets/images/sprites.png) -259px -248px no-repeat; }
.edit { width: 19px; height: 18px; background: url(/assets/images/sprites.png) -52px -248px no-repeat; }
.edit:hover { background: url(/assets/images/sprites.png) -586px -248px no-repeat; }
.add-members { width: 49px; height: 47px; background: url(/assets/images/sprites.png) -227px -282px no-repeat; }
.import-members { width: 47px; height: 47px; background: url(/assets/images/sprites.png) -151px -281px no-repeat; }
.remove-members { width: 49px; height: 47px; background: url(/assets/images/sprites.png) -78px -282px no-repeat; }
.generate-subscribe-form { width: 38px; height: 43px; background: url(/assets/images/sprites.png) -9px -349px no-repeat; }
.confirmation-page { width: 57px; height: 35px; background: url(/assets/images/sprites.png) -220px -355px no-repeat; }
.welcome-email { width: 51px; height: 37px; background: url(/assets/images/sprites.png) -429px -355px no-repeat; }
.redirect-unsubscribe { width: 51px; height: 40px; background: url(/assets/images/sprites.png) -629px -355px no-repeat; }
.unsubscribe-settings { width: 56px; height: 38px; background: url(/assets/images/sprites.png) -831px -355px no-repeat; }
.bcc { width: 44px; height: 47px; background: url(/assets/images/sprites.png) -426px -278px no-repeat; }
.paypal { width: 55px; height: 35px; background: url(/assets/images/sprites.png) -810px -286px no-repeat; }
.regular-campaign { width: 38px; height: 43px; background: url(/assets/images/sprites.png) -102px -421px no-repeat; }
.split { width: 40px; height: 43px; background: url(/assets/images/sprites.png) -577px -421px no-repeat; }
.import-campaign { width: 44px; height: 47px; background: url(/assets/images/sprites.png) -191px -422px no-repeat; }
.campaign-editor { width: 46px; height: 48px; background: url(/assets/images/sprites.png) -679px -422px no-repeat; }
.dd-test { width: 49px; height: 43px; background: url(/assets/images/sprites.png) -362px -282px no-repeat; }
.spam-test { width: 44px; height: 48px; background: url(/assets/images/sprites.png) -876px -282px no-repeat; }
.check { width: 25px; height: 20px; background: url(/assets/images/sprites.png) -1007px -294px no-repeat; }
.immediately { width: 48px; height: 47px; background: url(/assets/images/sprites.png) -8px -282px no-repeat; }
.deliver-time { width: 44px; height: 48px; background: url(/assets/images/sprites.png) -564px -282px no-repeat; }
.edit-snap { width: 20px; height: 18px; background: url(/assets/images/sprites.png) -34px -428px no-repeat; }
.valid { width: 46px; height: 43px; background: url(/assets/images/sprites.png) -807px -441px no-repeat; }
.mailingListIcon { width: 51px; height: 51px; background: url(/assets/images/sprites.png) -929px -7px no-repeat; }
.lockedIcon { width: 31px; height: 42px; background: url(/assets/images/sprites.png) -116px -349px no-repeat; }
.signatureIcon { width: 50px; height: 48px; background: url(/assets/images/sprites.png) -933px -389px no-repeat; }
.viewstatsIcon { width: 48px; height: 47px; background: url(/assets/images/sprites.png) -931px -490px no-repeat; }
.importSubIcon { width: 50px; height: 49px; background: url(/assets/images/sprites.png) -929px -194px no-repeat; }
.errorIcon { width: 58px; height: 58px; background: url(/assets/images/error.jpg) left top no-repeat; }
.pendingIcon { width: 58px; height: 58px; background: url(/assets/images/pending.jpg) left top no-repeat; }
.valid-payment { width: 58px; height: 58px; background: url(/assets/images/valid-payment.jpg) left top no-repeat; }
.uo { background: #8ac979; }
.to { background: #799b70; margin-left: 55px; }
.uo,
.to { width: 8px; height: 8px; border-radius: 10px; margin-right: 5px; }
.icon { display: inline-block; vertical-align: middle; }
.actions .icon { margin-right: 20px; }
/* CAMPAIGN */
/* --- Campaign Overview --- */
.camp-status { border-radius: 0 0 8px 8px; }
.camp-status-chart { text-align: center; padding: 10px 35px; }
.camp-status-info { padding: 35px; }
.camp-status-info h2 { font-family: 'Convergence', sans-serif; font-size: 20px; font-size: 1.42857142857rem; color: #6b6b6b; }
.camp-status-info .table { margin-top: 35px; }
.camp-status-info .table .tr .td:first-child,
.camp-status-info .table .tr .td:last-child { text-align: left; }
.camp-status-info .statistics { margin-left: 80px; }
/* --- Tabs --- */
.tabs { padding: 35px; }
.tabs ul { list-style: none; font-size: 0; margin-bottom: 20px; border-bottom: 10px solid #efefef; }
.tabs ul li { display: inline-block; vertical-align: middle; text-align: center; margin-left: 15px; }
.tabs ul li:first-child { margin-left: 0; }
.tabs ul li a { padding: 20px 5px; border-radius: 5px 5px 0 0; top: 3px; position: relative; }
.tabs ul li a:hover { background: rgba(245, 245, 245, 0.5); }
.tabs ul .active a,
.tabs ul li .active a:hover { background: #efefef !important; }
.tabs ul li .statistics { min-width: 100px; width: auto; }
.tabs ul li .statistics .title { color: #6b6b6b; }
.tabs ul li .statistics:hover .title { color: #4cb3c4; }
.tabs ul li .title,
.tabs ul li .number,
.tabs ul li .result { display: block; }
.tabs .tpart { display:none }
.customize ul li a { color: #575757; font-size: 13px; font-size: 0.92857142857rem; display: inline-block; height: 120px; padding: 20px 20px 0 20px; max-width: 150px; }
.customize ul li a span { display: inline-block; vertical-align: top; text-align: center; display: block; }
.customize ul li a span span { padding-left: 0; display: block; }
.performance ul li { width: 33%; margin-left: 0; }
.performance ul li a { width: 100%; display: block; padding: 20px 0; font-size: 14px; font-size: 1rem; font-family: 'Convergence', sans-serif; color: #575757; }
.performance ul li a:hover { color: #4cb3c4; }
.performance ul li a .icon { margin-right: 15px; }
.performance ul .active a { top: 2px; }
/* --- Client mobile device tracking --- */
.compare-device .statistics { width: auto; display: block; margin: 0 0 20px 0; }
.compare-device .bar,
.compare-device .device-chart { width: 451px; height: 72px; margin: 0 auto; border-radius: 10px; }
.compare-device .bar .strip { height: 72px; border-radius: 8px 0 0 8px; }
.compare-device .bar .stripDeviceRed { height: 72px; border-radius: 0 8px 8px 0; right: 0; left: auto; }
.compare-device .bar .strip { z-index: 2; }
.compare-device .bar .stripDeviceRed { z-index: 1; }
.compare-device .device-chart { height: auto; border-radius: 0; }
.mobile .statistics .title,
.desktop .statistics .title { font-size: 20px; font-size: 1.42857142857rem; }
.mobile .statistics .number,
.desktop .statistics .number { font-size: 40px; font-size: 2.28571428571rem; }
.mobile .statistics,
.desktop .statistics { position: relative; top: 10px; }
.detailed-stats { margin-top: 20px; padding: 35px 0; border-radius: 10px; }
/* BILLING */
.billingTabs li { width: 50%; margin-left: 0 !important; }
.billingTabs li a { display: block; padding: 0 20px; font-size: 16px; font-size: 1.14285714286rem; font-family: 'Convergence', sans-serif; color: #575757; }
.billingTabs li a .icon { margin-right: 20px; }
.buy-credits { padding: 65px 25px 25px 25px; }
.buy-credits .td:first-child { width: 56.530612244%; }
.rates table { width: 100%; }
.rates table tr { background: url(/assets/images/h-separator.jpg) left bottom repeat-x; }
.rates table tr:last-child { background: none; }
.rates table td { text-align: center; padding: 15px 0; vertical-align: middle; color: #d6d6d6; font-style: italic; font-size: 11px; font-size: 0.78571428571rem; }
.rates table td .credit-qty { color: #aaa; font-size: 13px; font-size: 0.92857142857rem; font-style: normal; }
.rates table td .credit-qty strong { color: #5f5f5f; font-size: 18px; font-size: 1.28571428571rem; }
.rates table td .price { color: #5f5f5f; font-size: 18px; font-size: 1.28571428571rem; font-style: normal; display: inline-block; vertical-align: middle; }
.rates table td .price .currency { color: #aaa; }
.rates table td .reduction { color: #aaa; font-size: 12px; font-size: 0.85714285714rem; font-style: normal; display: inline-block; vertical-align: middle; padding-left: 15px; }
.rates table td .reduction span { color: #575757; }
.com-info { padding-left: 50px; }
.com-info .details { display: inline-block; vertical-align: top; margin-right: 100px; color: #575757; font-size: 13px; font-size: 0.92857142857rem; }
.com-info .details strong { display: block; padding-bottom: 5px; }
.com-info .billing-address { padding-top: 55px; padding-bottom: 0; }
.com-info span { color: #aaa; padding: 30px 0; display: block; font-size: 12px; font-size: 0.85714285714rem; line-height: 18px; line-height: 1.28571428571rem; }
/* --- Checkout steps --- */
.steps { border-bottom: 1px solid #dbdbdb; }
.steps ul { font-size: 0; height: 51px; }
.steps ul li { display: inline-block; vertical-align: middle; position: relative; margin-left: -15px; }
.steps ul li a { height: 51px; line-height: 51px; text-align: center; display: block; color: #6b6b6b; font-size: 12px; font-size: 0.85714285714rem; background: url(/assets/images/steps-off.jpg) right top no-repeat; padding-left:20px; padding-right:20px }
.steps ul li a .number { background: #6b6b6b; border-radius: 20px; color: #fff; font-style: normal; font-size: 11px; font-size: 0.78571428571rem; padding: 1px 5px; margin-right: 7px; }
.steps ul li a { background: url(/assets/images/5.png) left top no-repeat; }
.steps ul li.active a,
.steps ul li a:hover { background: url(/assets/images/5-active.png) left top no-repeat; }
.steps ul li:first-child { margin-left: 0; }
.steps ul li:first-child a { background: url(/assets/images/1.png) left top no-repeat; }
.steps ul li.active:first-child a,
.steps ul li:first-child a:hover { background: url(/assets/images/1-active.png) left top no-repeat; }
.steps ul li:last-child a { background: url(/assets/images/6.png) left top no-repeat; }
.steps ul li.active:last-child a,
.steps ul li:last-child a:hover { background: url(/assets/images/6-active.png) left top no-repeat; }
/* CAMPAIGN WIZARD */
.cWizard { padding: 35px 0; }
.cWizard .inner { padding: 0 35px; }
.select-list-header { padding: 25px; }
.select-list-header h2 { color: #6b6b6b; font-family: 'Convergence', sans-serif; font-size: 18px; font-size: 1.28571428571rem; }
.select-list table.mailing-lists { width: 100%; border-collapse:separate; border-spacing:0 10px }
.select-list table.mailing-lists tr th { vertical-align: middle; padding: 10px; text-align: left; background: #f2f2f2; }
.select-list table.mailing-lists tr td { vertical-align: middle; padding: 15px; text-align: left; background: #f2f2f2; }
/*.select-list table.mailing-lists tr { margin-bottom: 20px; background: #f2f2f2; padding: 10px; border-radius: 8px; }*/
/*.select-list table.mailing-lists tr td .actions { display: none; }*/
.select-list table.mailing-lists tr:hover td { background: #5ccdde; color: white; }
.select-list table.mailing-lists tr th:first-child,
.select-list table.mailing-lists tr td:first-child { border-radius: 8px 0 0 8px; }
.select-list table.mailing-lists tr th:last-child,
.select-list table.mailing-lists tr td:last-child { border-radius: 0 8px 8px 0; }
/*.select-list table tr:hover td .actions { display: block; }*/
.select-list table.mailing-lists tr th { font-size: 0.78571428571rem; color: #c2c2c2; }
.select-list table.mailing-lists .regular-checkbox + label { background-color: #fff; }
.select-list table.mailing-lists .regular-checkbox:checked + label { background-color: #fff; }
.select-list table.mailing-lists select { background-color: #fff; }
.list-name { font-size: 12px; font-size: 0.85714285714rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.recipients { color: #aaa; font-size: 12px; font-size: 0.85714285714rem; }
.select-list table.mailing-lists tr:hover td .recipients { color: white; }
.campaign-format { text-align: center; background: #f7f7f7; border-radius: 8px; padding: 40px 0; }
.campaign-format h2 { padding-bottom: 40px; color: #6b6b6b; font-family: 'Convergence', sans-serif; font-size: 18px; font-size: 1.28571428571rem; }
.campaign-format h3 { padding: 10px 0; color: #6b6b6b; font-family: 'Convergence', sans-serif; font-size: 15px; font-size: 1.07142857143rem; }
.campaign-format a { width: 221px; height: 225px; display: block; }
.campaign-format span { color: #aaa; font-size: 12px; font-size: 0.85714285714rem; }
.campaign-format li { width: 221px; display: inline-block; vertical-align: middle; color: #d7d7d7; }
.campaign-format li:nth-child(2) { width: auto; padding: 0 45px; text-transform: uppercase; font-size: 15px; font-size: 1.07142857143rem; }
.plain-text a { background: url(/assets/images/plain-text.png) left top no-repeat; }
.plain-text .active { background: url(/assets/images/plain-text-active.png) left top no-repeat; }
.html-text a { background: url(/assets/images/html-plain-text.png) left top no-repeat; }
.html-text .active { background: url(/assets/images/html-plain-text-active.png) left top no-repeat; }
/* SNAPSHOT */
div.snapshot .inner { padding: 35px; }
section.billing { padding-left: 185px; }
section.campaignWizard { padding-left: 185px; }
section h2 { font-family: 'Convergence', sans-serif; color: #6b6b6b; font-size: 18px; padding-bottom: 5px; }
section h2 span { color: #aaa; font-size: 12px; font-size: 0.85714285714rem; font-family: Arial, sans-serif; display: inline-block; vertical-align: middle; padding-left: 10px; }
.snap-options dt { padding-bottom: 10px; }
.snap-options dd { background: #f7f7f7; border-radius: 5px; padding: 20px; position: relative; margin-top: 5px; }
.snap-options dd:first-child { margin-top: 0; }
.snap-options p { color: #aaa; font-size: 14px; font-size: 1rem; display: inline-block; vertical-align: middle; border-left: 1px solid #eaeaea; padding-left: 15px; margin-left: 15px; }
.snap-options p span { color: #6b6b6b; }
.snap-options p a { color: #4cb3c4; }
.snap-options .e { width: 50px; height: 40px; line-height: 40px; background: #5ccdde; border-radius: 8px; display: block; position: absolute; top: 12px; right: 12px; text-align: center; }
.snap-options .e:hover { background-color:#4cb3c4; color: white; }
.snap-options h2 { color: #6b6b6b; font-family: 'Convergence', sans-serif; font-size: 18px; font-size: 1.28571428571rem; margin-top: 35px; }
.snap-options dt:first-child h2 { margin-top: 0; }
/* PROFILE STATUS */
.profile-content { display: inline-block; vertical-align: middle; margin-left: 55px; }
.profil-status h3 { font-family: 'Convergence', sans-serif; color: #575757; border-bottom: 1px solid #d4d4d4; font-size: 20px; margin-bottom: 20px; padding-bottom: 15px; }
.option { position: relative; margin-bottom: 5px; border-radius: 8px; border: 1px solid #c8c8c8; }
.option .inner { padding: 35px; }
.option h2 { font-family: 'Convergence', sans-serif; color: #6b6b6b; font-size: 22px; font-size: 1.57142857143rem; padding-bottom: 15px; }
.option p { width: 651px; color: #c8c8c8; font-size: 13px; font-size: 0.92857142857rem; }
.locked { background: #f2f2f2; box-shadow: inset 0 0 5px 5px #efefef; }
.profil-status .valid,
.profil-status .lockedIcon,
.continue .operations { position: absolute; right: 55px; top: 42px; }
.continue .operations { padding-top: 0; }
.blank { background: #fff; box-shadow: inset 0 0 5px 5px #fcfcfc; }
.blank h2 { font-size: 35px; font-size: 2.5rem; }
.blank p { font-size: 14px; font-size: 1rem; line-height: 22px; line-height: 1.57142857143rem; }
.blank .profile-content { border-left: 2px solid #f2f2f2; padding-left: 55px; }
.payment-error { margin-bottom: 50px; }
.error { text-align: center; }
.error .red,
.error .pending,
.error .validPayment { background: #d54c4c; border-radius: 5px; font-size: 30px; color: #fff; font-family: 'Convergence', sans-serif; padding: 20px; }
.error .red .icon,
.error .pending .icon,
.error .validPayment .icon { margin-right: 20px; }
.error .msg { color: #6b6b6b; padding-top: 40px; font-size: 20px; }
.error .pending { background: #73afd5; }
.error .validPayment { background: #9abe2f; }
.completed-profile { width: 100%; height: 64px; background: url(/assets/images/steps-off.png) left top no-repeat; margin-bottom: 30px; }
.completed-profile-steps { height: 64px; background: url(/assets/images/steps-on.png) left top no-repeat; }
.step1 { width: 17%; }
.step2 { width: 48%; }
.step3 { width: 81%; }
.step4 { width: 100%; }
/* PROFILE PAGE */
.profile-avatar { font-size: 0; }
.profile-avatar .avatar,
.profile-avatar h1,
.profile-avatar .see { display: inline-block; vertical-align: middle; }
.profile-avatar .avatar { width: 68px; height: 68px; background: #dfdfdf; border-radius: 5px; margin-right: 20px; }
.profile-avatar .see { border-left: 1px solid #ddd; padding-left: 20px; margin-left: 20px; }
#main-content .geolocation,
#main-content .devices { font-size: 0; margin-top: 30px; }
#main-content .geolocation div,
#main-content .devices div { width: 48.643410852%; display: inline-block; vertical-align: top; }
#main-content .geolocation div:first-child,
#main-content .devices div:first-child { margin-right: 1.841085271%; }
#main-content .devices div h2 { font-size: 20px; margin-bottom: 20px; }
#main-content .devices div .case { width: 100%; text-align: center; border: 0; min-height: 282px; }
#main-content .geolocation .info table { width: 100%; }
#main-content .geolocation .info tr { border-top: 1px solid #f2f2f2; }
#main-content .geolocation .info tr:hover { background: #fbfbfb; }
#main-content .geolocation .info tr:hover .actions a { display: inline-block; }
#main-content .geolocation .info td { font-size: 12px; padding: 10px; height: 20px; vertical-align: middle; }
#main-content .geolocation .info .status { width: 127px; color: #949494; }
#main-content .geolocation .info .data { color: #575757; }
#main-content .geolocation .info .actions { text-align: right; }
#main-content .geolocation .info .actions a { display: none; margin: 0 auto; }
#main-content .media-presence { overflow: hidden; font-size: 0; text-align: center; padding-top: 100px; }
#main-content .media-presence li { display: inline-block; margin-left: 50px; }
#main-content .media-presence li small { font-size: 12px; font-weight: bold; color: #8f8f8f; display: block; padding-top: 10px; }
#main-content .media-presence li a:hover + small { color: #d7d7d7; }
#main-content .media-presence li:first-child { margin-left: 0; }
#main-content .media-presence a { height: 54px; display: block; }
#main-content .media-presence .f { width: 53px; background: url(/assets/images/social-active.jpg) left top no-repeat; }
#main-content .media-presence .f:hover { width: 53px; background: url(/assets/images/social-inactive.jpg) left top no-repeat; }
#main-content .media-presence .t { width: 53px; background: url(/assets/images/social-active.jpg) -103px top no-repeat; }
#main-content .media-presence .t:hover { width: 53px; background: url(/assets/images/social-inactive.jpg) -103px top no-repeat; }
#main-content .media-presence .l { width: 52px; background: url(/assets/images/social-active.jpg) -204px top no-repeat; }
#main-content .media-presence .l:hover { width: 52px; background: url(/assets/images/social-inactive.jpg) -204px top no-repeat; }
#main-content .media-presence .k { width: 64px; background: url(/assets/images/social-active.jpg) -301px top no-repeat; }
#main-content .media-presence .k:hover { width: 64px; background: url(/assets/images/social-inactive.jpg) -301px top no-repeat; }
/* COMMON FORM AND TABLE ELEMENTS */
/* --- Common styles --- */
.r-item { display: inline-block; margin-left: 30px; }
.r-item:first-child { margin-left: 0; }
.r-item span { display: inline-block; padding-left: 5px; vertical-align: middle; font-size: 12px; font-size: 0.85714285714rem; }
.generateForm .r-item { display: block; margin-left: 0px; }
.checkbox-options { padding-top: 30px; }
/* --- Custom upload elements --- */
.chosefile { margin-top: 30px; padding-top: 15px; border-top: 1px solid #f5f5f5; }
.customfile { width: 100%; height: 42px; line-height: 42px; line-height: 3rem; background: #fbfbfb; cursor: pointer; overflow: hidden; border: 1px solid #ddd; border-radius: 7px; position: relative; box-shadow: inset 0 15px 15px -15px #ececec; }
.customfile-input { position: absolute; width: 100%; height: 42px; left: 0 !important; top: 0 !important; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999; color: #575757; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default; }
.customfile-feedback { width: 70%; left: 0; top: 0; height: 42px; position: absolute; display: block; font-family: Arial, sans-serif; color: #bebebe; font-size: 14px; font-size: 1rem; border-radius: 8px; background: #efefef; padding-left: 10px; }
.customfile-button { font-size: 12px; font-size: 0.85714285714rem; color: #7b7b7b; width: 134px; height: 36px; line-height: 36px; line-height: 2.57142857143rem; text-align: center; position: absolute; top: 2px; right: 2px; }
/* --- Custom radio and check buttons. Pure CSS solution. Get from inserthtml.com/custom-checkbox-radio-2 --- */
.regular-checkbox { display: none !important; }
.regular-checkbox + label { background-color: #efefef; padding: 10px; border-radius: 3px; display: inline-block !important; vertical-align: middle; position: relative; }
.regular-checkbox:checked + label { background-color: #efefef; color: #99a1a7; background: url(/assets/images/checkbox.png) center center no-repeat; }
.regular-checkbox:checked + label:after { /*content: '\2714';*/ font-size: 14px; font-size: 1rem; position: absolute; top: -1px; left: 2px; color: #575757; width: 10px; height: 10px; }
.big-checkbox + label { padding: 18px; }
.big-checkbox:checked + label:after { font-size: 28px; font-size: 2rem; left: 6px; top: 3px; }
.regular-radio { display: none; }
.regular-radio + label { -webkit-appearance: none; background-color: #ffffff; padding: 5px; border-radius: 50px; display: inline-block; vertical-align: middle; position: relative; border: 6px solid white; }
.regular-radio:checked + label { background-color: #333333; color: #99a1a7; border: 6px solid white; }
.big-radio + label { padding: 16px; }
.big-radio:checked + label:after { width: 24px; height: 24px; left: 4px; top: 4px; }
/* --- Add/Import/Remove members forms --- */
.aip fieldset label { color: #6b6b6b; font-size: 13px; font-size: 0.92857142857rem; margin-bottom: 10px; }
.aip fieldset label a { color: #6b6b6b; font-size: 12px; font-size: 0.85714285714rem; }
.aip fieldset label a:hover { color: #4cb3c4; }
.aip fieldset label,
.aip fieldset input[type="text"], .aip fieldset div.textbox, .aip fieldset div.select { display: inline-block; }
.aip fieldset em,
.aip fieldset i { display: block; }
.aip fieldset em,
.aip fieldset i { color: #b3b3b3; font-size: 11px; font-size: 0.78571428571rem; }
.aip .customfile { width: 450px; }
.aip .upload,
.aip .importBtn { margin-top: 20px; }
.aip textarea { width: 95.145631068%; height: 210px; }
section .aip fieldset label { width: 20%; }
section .aip fieldset .checkbox label { width: inherit; }
section .aip textarea { width: 60%; height: 210px; }
section .aip fieldset input[type="text"], section .aip fieldset div.textbox { width: 50%; }
section .aip fieldset i {
margin-left: 20%;
}
section .aip fieldset i.no-margin { margin: 0; }
section .aip fieldset .checkbox i { margin-left: inherit; }
section .aip h3.center {
text-align: center;
padding: 10px;
font-family: 'Convergence', sans-serif;
font-size: 22px;
color: #6b6b6b;
margin-bottom: 20px;
}
.addmembersForm fieldset input { width: 84.897959183%; margin-bottom: 10px; }
.importmembersForm fieldset em { display: inline-block; padding: 30px 0 0 20px; }
.removemembersForm p { color: #6b6b6b; font-size: 13px; font-size: 0.92857142857rem; line-height: 22px; margin-top: 20px; }
.removemembersForm p:first-child { margin-top: 0; }
.removemembersForm p a { color: #4cb3c4; }
.removemembersForm textarea { margin-top: 10px; }
.welcomeForm fieldset { padding: 0; }
.welcomeForm fieldset .wauto { margin-top: 35px; }
.welcomeForm fieldset input { width: 50%; }
.welcomeForm fieldset .customSelect { width: 50%; }
.unsubs-settings p { padding: 0; }
.unsubs-settings .radio-options { padding-top: 40px; }
.unsubs-settings .radio-options .field { margin-bottom: 20px; }
.unsubs-settings .radio-options .field span,
.radio-options .field span { color: #7b7b7b; margin-left: 10px; font-size: 12px; font-size: 0.85714285714rem; }
.radio-options .field { margin-bottom: 20px; background: #f2f2f2; padding: 15px; border-radius: 8px;}
.radio-options .field-container {
padding-top: 10px;
padding-bottom: 10px;
}
.operations { padding-top: 30px; }
.operations span { color: #b3b3b3; font-size: 12px; font-size: 0.85714285714rem; padding-left:10px; }
.operations span a { color: #aaa; font-size: 12px; font-size: 0.85714285714rem; font-weight: bold; padding-left: 10px; }
.operations span a:hover { color: #4cb3c4; }
.operations .terms a { padding-left: 0; }
.operations .terms { padding-bottom: 30px; }
label + input + .operations { display: inline-block; }
fieldset label + table { display: inline-block; }
/* --- Mailing List Name Forms --- */
.form-code p { color: #6b6b6b; font-size: 13px; font-size: 0.92857142857rem; }
.form-code .checkbox-options { padding: 20px 0; }
.url-input { width: 95.145631068%; }
.mark { color: #b3b3b3; font-size: 11px; font-size: 0.78571428571rem; display: block; margin-top: 2px; }
.con-page-tab p { padding-bottom: 10px; }
.con-page-tab p:first-child { padding-bottom: 20px; }
.form-code .customfile { width: 500px; height: 40px; background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.form-code .customfile-button { background: #5ccdde; border-radius: 10px; font-size: 14px; color: #fff; right: auto; left: 71%; z-index: 100; }
.form-code .customfile-input { z-index: 200; }
.form-code .customfile-button:hover { background: url(/assets/images/create-campaign-hover.jpg) left top repeat-x; }
/* --- Table elements --- */
table { border-collapse: collapse; }
th { font-weight: normal; }
.segment-table .date { font-size: 12px; font-size: 0.85714285714rem; color: #aaa; }
.segment-table tr:hover { background-color: #fff; }
.segment-table td a { font-size: 13px !important; font-size: 0.92857142857rem !important; }
/* --- Bars --- */
.bar { height: 25px; position: relative; width: 95%; }
.bar span { line-height: normal; z-index: 20; display: block; color: #fff; font-size: 12px; font-size: 0.85714285714rem; position: absolute; top: 5px; left: 10px; }
.strip,
.stripOrange,
.stripRed,
.stripGreen,
.stripDeviceRed,
.stripDarkGreen { height: 25px; border-radius: 3px; position: absolute; left: 0; top: 0; }
.strip { background: #53cadc; }
.stripOrange { background: #f2c14a; z-index: 2; }
.stripRed { background: #e0723c; z-index: 1; }
.stripGreen { background: #8ac979; z-index: 2; }
.stripDeviceRed { background: #f3876f; }
.stripDarkGreen { background: #799b70; z-index: 1; }
.stripDeviceBlack { background: #f2c14a }
/* --- Table with bars --- */
.tablebar { width: 100%; table-layout: fixed; }
.tablebar th,
.tablebar td { padding: 5px 5px 5px 0; text-align: left; vertical-align: top; }
.tablebar th { color: #aaa; font-size: 11px; font-size: 0.78571428571rem; padding-bottom: 15px; }
.tablebar tr:first-child td { padding-top: 15px; }
.tablebar td .name { font-size: 12px; font-size: 0.85714285714rem; }
.tablebar td .name a { color: #7e7e7e; }
.tablebar td .name a:hover { color: #4cb3c4; }
.tablebar td .date { color: #aaa; font-size: 10px; font-size: 0.71428571428rem; display: block; padding-top: 5px; }
.tablebar thead tr { border-bottom: 1px solid #ededed; }
.tablebar th span { display: inline-block; vertical-align: middle; }
.tablebar th span:first-child { float: left; }
.tablebar th span:last-child { float: right; }
.tablebar th i { width: 8px; height: 8px; display: inline-block; margin-right: 5px; vertical-align: middle; border-radius: 10px; }
.as-icon { background: #f2c14a; }
.uns-icon { background: #e0723c; }
.user-cam-act { background: #f7f7f7; border-top: 3px solid #dedede; }
.user-cam-act .stats { display: none; margin-top: 10px; }
/* --- Activity table --- */
.activity { width: 100%; }
.activity .colspan { background: #fff url(/assets/images/dotted.jpg) left top repeat-x; display: none; }
.activity .info { list-style: none; }
.activity .info li { display: inline-block; vertical-align: middle; padding: 0 15px; border-left: 1px solid #bababa; }
.activity .info li:first-child { padding-left: 0; border-left: 0; }
.activity .info li span { color: #5f5f5f; font-size: 11px; font-size: 0.78571428571rem; }
.activity .info li span i { color: #bababa; }
.activity thead tr,
.activity tbody tr { border-bottom: 1px solid #ededed; }
.activity th,
.activity td { padding: 15px 20px; vertical-align: middle; text-align: left; }
.activity td a { font-size: 11px; font-size: 0.78571428571rem; color: #6b6b6b; }
.activity td a:hover { color: #3bc4da; }
.activity td .email { font-size: 12px; font-size: 0.85714285714rem; }
.activity th { font-size: 11px; font-size: 0.78571428571rem; color: #aaa; }
.activity td { color: #5f5f5f; font-size: 12px; font-size: 0.85714285714rem; }
.worldmap-info { background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 8px; }
.worldmap-info .activity { table-layout: fixed; }
.ml-name tr td { padding: 0 20px; height: 42px; }
.ml-name tr .actions { display: none; }
.ml-name tbody tr:hover { background: #fff url(/assets/images/h-separator.jpg) left top repeat-x; }
.ml-name tbody tr:hover .actions { display: block; }
.reports-table thead tr { background: url(/assets/images/campaignTab-thead.jpg) left bottom repeat-x; }
section.with-submenu { padding-left: 185px; }
.camp-status .tabs-preview { margin-bottom: 0px; }
.activity thead tr { background-color: #efefef; }
/* --- Global table used in site --- */
.camps-header .camps-row:hover { background: none; }
.camps-body { border-top: 1px solid #d4d4d4; position: relative; }
.camps-wrap { height: 95%; }
.camps-row { font-size: 0; border-bottom: 1px solid #eaeaea; }
/*.camps-body .camps-row { height: 62px; }*/
.camps-row:last-child { border-bottom: 0; }
.camps-row .camps-th,
.camps-row .camps-td { display: inline-block; vertical-align: middle; box-sizing:border-box }
/*.camps-row .bar { margin-top: 12px; }*/
.camps-row .camps-th:first-child,
.camps-row .camps-td:first-child { text-indent: 20px; }
.camps-th { color: #aaa; font-size: 11px; font-size: 0.78571428571rem; padding-top: 8px; padding-bottom: 8px; background-color: #efefef; }
.camps-td { /*min-height: 60px; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ position: relative; margin-bottom:20px; margin-top:20px; }
.camps-td .date { font-size: 11px; font-size: 0.78571428571rem; color: #c2c2c2; }
.camps-td .name { color: #6b6b6b; font-size: 13px; font-size: 0.92857142857rem; }
.camps-td a.name:hover { color: #4cb3c4; }
.camps-td .status { font-size: 11px; font-size: 0.78571428571rem; color: #c2c2c2; }
.camps-td .icon { margin-right: 5px; }
.camps-row .cell1 { width: 11%; }
.camps-row .cell2 { width: 25%; }
.camps-row .cell2r { width: 36%; }
.camps-row .cell3 { width: 5%; }
.camps-row .cell4 { width: 15%; }
.camps-row .cell5 { width: 7.5%; text-align: right; padding-right: 25px; }
.camps-row .cell6 { width: 18%; }
.plans-body { }
.plans-wrap { height: 100%; }
.plans-row { background: #f2f2f2; margin: 10px; border-radius: 8px; }
.plans-row:last-child { border-bottom: 0; }
.plans-row:hover { background: #5ccdde; color: white; }
.plans-row:hover .small { color: white; }
.plans-row .plans-th,
.plans-row .plans-td { display: inline-block; vertical-align: middle; }
.plans-row .plans-th:first-child,
.plans-row .plans-td:first-child { text-indent: 20px; }
.plans-th { color: #aaa; font-size: 11px; font-size: 0.78571428571rem; padding-top: 8px; padding-bottom: 8px; background-color: #efefef; }
.plans-td { min-height: 60px; line-height: 60px; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ position: relative; }
.plans-td .small { color: #aaa; font-size: 12px; }
.plans-row .cell1 { width: 50px; }
.plans-row .cell1 .regular-radio + label { margin-bottom: 5px; }
.plans-row .cell2 { width: 230px; }
.plans-row .cell3 { width: 10%; }
.plans-row .cell4 { width: 32%; }
@media screen and (max-width: 1330px) {
.plans-row .cell3 { display:none }
}
.invoices-table .camps-row .cell1 { width: 15%; }
.invoices-table .camps-row .cell2 { width: 70%; }
.invoices-table .camps-row .cell3 { width: 15%; }
.tableML .cell1 { width: 10%; }
.tableML .cell2 { width: 35%; }
.tableML .cell3 { width: 10%; }
.tableML .cell4 { width: 30%; }
.tableML .cell5 { width: 15%; }
.tableML .camps-td .lo { color: #aaa; font-size: 12px; font-size: 0.85714285714rem; }
.tableML .camps-td .icon { display: inline-block; }
.tableML .camps-td .icon:last-child { margin: 0; }
/*.fheight .campaign-preview { width: 512px; height: 526px; }*/
.fheight h2,
.fheight .preview-info { width: 335px; margin: 0 auto; }
/* GRID */
.w642 { width: 58.152173913%; }
.w544 { width: 48.275362318%; }
.w460 { width: 41.666666666%; }
.wauto { width: auto !important; }
.mr15 { margin-right: 1.358695652%; }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.left { float: left; }
.right { float: right; }
.ta-left { text-align: left !important; }
.ta-right { text-align: right !important; }
.ta-center { text-align: center !important; }
.vtop { vertical-align:top !important }
.vat { vertical-align: top !important; }
.tac { text-align: center; }
.dtr { display: table-row !important; }
.db { display: block !important; }
.ovh { overflow: hidden; }
.dn { display: none !important; }
.dib { display: inline-block; }
.brrb { border-radius: 8px !important }
.pt0 { padding-top: 0 !important; }
.relative { position: relative; }
.white { background: #fff; }
.white .inner { padding: 30px; }
.rounded { background: #fff; border-radius: 0 0 8px 8px; }
.roundedRB { border-radius: 5px 0 5px 5px !important; }
.roundedTL { border-radius: 0 5px 5px 5px !important; }
.dark { background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 8px; }
.darkinner { padding: 35px; }
.table { width: 100%; display: table; }
.table .tr { display: table-row; }
.table .tr .th,
.table .tr .td { display: table-cell; vertical-align: middle; }
.table .tr .td.top { display: table-cell; vertical-align: top; }
.table .tr .td:first-child { text-align: left; }
.table .tr .td:last-child { text-align: right; }
.hr { text-align: center; position: relative; margin: 30px 0; }
.hr hr { border: solid #ededed; border-width: 1px 0 0 0; position: absolute; left: 0; width: 100%; top: 1px; z-index: 1; }
.hr span { width: 80px; border-radius: 40px; background: #f7f7f7; margin: 0 auto; color: #b3b3b3; text-transform: uppercase; font-size: 24px; position: relative; z-index: 2; padding: 20px; }
.payment-result { border-collapse: collapse; }
.payment-result .tr { border-top: 1px solid #eaeaea; position: relative; }
.payment-result .tr:first-child { border-top: 0; }
.payment-result .td { padding: 10px 35px; }
.payment-result .td .status { font-size: 16px; color: #6b6b6b; }
.payment-result .td .number { font-size: 16px; color: #9e9e9e; padding-top: 5px; }
.payment-result .td .credit { color: #6b6b6b; font-size: 20px; }
.payment-result .td .credit strong { color: #0ebad4; }
.payment-result .td p { width: auto; }
.payment-result .td p a { color: #6b6b6b; }
.success h2 { font-size: 20px; padding-bottom: 10px; color: #6b6b6b; margin-top: 30px; }
/* CREATE SEGMENT */
.create-segment fieldset { overflow: hidden; }
.create-segment fieldset .row { margin-bottom: 10px; overflow: hidden; }
.create-segment fieldset:first-child { border-bottom: 1px solid #dedede; padding-bottom: 38px; margin-bottom: 38px; }
.create-segment fieldset *,
.create-segment fieldset *:before,
.create-segment fieldset *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.create-segment fieldset .date, .create-segment fieldset .date .customSelect { width: 280px; margin-right: 16px; }
.create-segment fieldset .is, .create-segment fieldset .is .customSelect { width: 200px; margin-right: 16px; }
.create-segment fieldset .is .miles { width: 91px; }
.create-segment fieldset .is span { color: #9b9b9b; font-size: 13px; font-size: 0.92857142857rem; }
.create-segment fieldset .reason { width: 420px; margin-right: 16px; }
.create-segment fieldset .reason .customSelect, .create-segment fieldset .reason select { width: 420px; }
.create-segment fieldset .remove-field { margin-top: 13px; }
.create-segment fieldset .date,
.create-segment fieldset .is,
.create-segment fieldset .reason,
.create-segment fieldset .remove-field { float: left; }
.create-segment fieldset .reason { position: relative; }
.create-segment fieldset .reason .open-map { position: absolute; top: 8px; right: 8px; width: 125px; height: 32px; line-height: 32px; text-align: center; display: block; font-weight: bold; font-size: 12px; color: #fff; background: #5ccdde; border-radius: 5px; border-bottom: 1px solid #50b2c1; }
.create-segment label { display: block; color: #6b6b6b; font-size: 13px; font-size: 0.92857142857rem; padding-bottom: 10px; }
.create-segment input[type=text],
.create-segment select { width: 100%; }
.seg-name,
.match-criteria,
.selected-recipient { float: left; }
.seg-name { width: 40%; margin-right: 3%; }
.match-criteria, .match-criteria .customSelect { width: 125px; margin-right: 3% }
.selected-recipient { text-align: center; }
.selected-recipient * { display: block; }
.selected-recipient strong { padding: 25px 0 5px 0; color: #636363; font-size: 24px; font-size: 1.71428571429rem; }
.selected-recipient span { color: #aaa; font-size: 11px; font-size: 0.78571428571rem; }
/* MEDIA SCREEN */
@media screen and (min-width: 1104px) {
.container { max-width: 1104px; max-width: 78.8571428571rem; }
}
@media screen and (max-width: 1024px) {
.container { max-width: 1024px; max-width: 73.1428571429rem; padding: 0 10px; }
.subs-credits ul li span { display:block }
.subs-credits ul li { text-align:right; padding-left:20px }
.main-menu li,
.main-menu li a { width: auto; }
.main-menu li a { padding: 0 15px; }
.tabs-nav,
.tabs-nav li,
.tabs-nav li a { width: 162px; padding: 0; border-radius: 0 !important; }
.tabs ul li .statistics { min-width: auto; }
.box h1 { text-align: left; padding-bottom: 20px; }
.last-campaign .block { text-align: center; }
.last-campaign .w544 { width: 100%; margin-bottom: 30px; }
.last-campaign .table .tr { display: table-row; }
.last-campaign .table .td { display: table-cell; }
.camps-td .icon { margin-right: 5px; }
.tabs ul li { margin-left: 0; }
.performance ul li a { width: 304px; }
.customize ul li a { height: 50px; padding: 10px 10px 0 10px; }
.welcomeForm fieldset select,
.welcomeForm fieldset input { width: 410px; }
.rc fieldset input { width: 390px; }
.select-list table.mailing-lists tr:hover td .actions .r-item { margin-left: 0; }
.steps ul li { margin-left: 0 !important; }
.steps ul li a { width: auto !important; background: none !important; padding: 0 7px; }
.steps ul li a:hover { background: #fff !important; }
.steps ul li:first-child a { padding-left:15px }
.completed-profile { background: url(/assets/images/steps-off1000.png) left top no-repeat; }
.completed-profile-steps { height: 64px; background: url(/assets/images/steps-on1000.png) left top no-repeat; }
.camp-status-info .statistics { margin-left: 80px; }
.com-info .details { margin-right: 50px; }
}
@media screen and (max-width: 800px) {
.container { max-width: 800px; max-width: 57.1428571429rem; }
.navigation { text-align: center; padding: 0; }
.subs-credits { position: relative; top: 5px; }
.main-menu { margin-bottom: 6px; border-radius: 5px; padding: 5px 0; }
.main-menu li { float: none; display: inline-block; vertical-align: middle; }
.main-menu li,
.main-menu li a { height: auto; line-height: normal; background: none; }
.main-menu li a:hover { border-radius: 0 !important; background: none !important; }
.tabs-nav li,
.tabs-nav li a { height: 41px; line-height: 41px; }
.tabs-nav li a { background: url(/assets/images/h-separator.jpg) left bottom repeat-x !important; }
.tabs-nav li a:hover,
.tabs-nav .active a { background: #fff url(/assets/images/h-separator.jpg) left bottom repeat-x !important; }
.search { text-align: center; }
.logo,
.searchbox { float: none; }
.logo { margin-bottom: 20px; }
.settings { text-align: left; top: 29px; right: 0; }
.main-menu li .hover { background: none !important; }
.last-campaign .w544 { width: 100%; margin-bottom: 30px; }
.last-campaign .table .tr { display: table-row; }
.last-campaign .table .td { display: table-cell; }
.box.past-campaigns,
.box.mailing-list { width: auto; float: none; margin-bottom: 20px; }
.camps-td { min-height: auto; line-height: normal; padding: 10px 0; }
.camps-row .camps-th:first-child, .camps-row .camps-td:first-child { text-indent: 0; padding-left: 20px; }
.camp-nav,
.camp-status-info { text-align: left; }
.camp-status-info .table .tr .td { }
.camp-status-info .statistics { margin-left: 0; }
.compare-device .bar, .compare-device .device-chart { width: 400px; }
.tabs ul li a { padding: 15px; }
.performance ul li a { width: 227px; padding: 20px 0; }
.tableML .camps-td .icon { position: relative; left: 15px; }
.customize ul li a { padding: 20px 20px 0 20px; height: 50px; }
.customize ul li a i { display: none; }
.welcomeForm fieldset select,
.welcomeForm fieldset input { width: 295px; }
.buy-credits h2 span { padding-left: 0; }
.rc fieldset input,
.rc .mark { width: 280px; }
.select-list table.mailing-lists tr td:nth-child(2),
.list-name { width: 190px !important; }
.rates table td:first-child { width: 50px !important; }
.billingTabs .tabs-preview li a { padding-top: 15px; }
.com-info .details { margin-right: 50px; }
.steps ul { text-align: center; height: auto; }
.steps ul li a { padding: 0 10px; }
.snap-options p { width: 500px; }
.option p { width: 400px; }
.completed-profile { background: url(/assets/images/steps-off760.png) left top no-repeat; }
.completed-profile-steps { height: 64px; background: url(/assets/images/steps-on760.png) left top no-repeat; }
.regular-radio,
.regular-checkbox { display: none !important; vertical-align: middle; }
.regular-radio + label,
/*.regular-checkbox + label { display: none; }*/
.statistics .number { font-size: 18px; font-size: 1.28571428571rem; }
.performance ul li { width: 225px; }
.media-presence li { margin-left: 10px; }
.user-cam-act .stats .statistics { margin: 0 0 15px 0; }
}
@-moz-document url-prefix() {
.customfile-input { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; position: relative !important; float: right; width: auto !important; }
}
/* Browser detection */
.safari .performance ul li { width: 341px; margin-left: 0; }
.safari .performance ul li:last-child { position: relative; left: 1px; }
.ie .steps ul,
.safari .steps ul { overflow: hidden; }
.ie .steps ul li { margin-left: -15px; }
.safari .steps ul li { margin-left: -18px; }
.k-safari .billingTabs li { width: 49.9%; }
.ie .form-code .customfile-button { left: auto; right: 0; }
.ie .form-code .customfile-feedback { left: 0; right: auto }
.ie .performance ul li { width: 342px; }
.ie .performance ul li:last-child { position: relative; left: 1px; }
.ipad .customfile { display: none; }
.ipad .tableML .camps-td .icon { display: inline-block; }
.ipad .campaign-preview h2 { position: relative; }
.ipad .ipad-hidden { display: none; }
.ipad .tabs li a { padding: 10px 0; }
.validation-summary-errors { color:red; margin-bottom:10px }
.device-col { width: 17% }