@charset "utf-8";

/*************************************
 * GLOBAL CSS FILE FOR MESSENGER *
 * Created 7th April 2009 *
 * Version 3.0 by Miles Wheeler-Smith/Will Hicks *
 *************************************/

@font-face {
    font-family: 'font-awesome';
    src: url('/res/fonts/font-awesome/fontawesome-webfont.eot');
    src: url('/res/fonts/font-awesome/fontawesome-webfont.eot?#iefix')
    format('embedded-opentype'),
    url('/res/fonts/font-awesome/fontawesome-webfont.woff') format('woff'),
    url('/res/fonts/font-awesome/fontawesome-webfont.ttf')
    format('truetype'),
    url('/res/fonts/font-awesome/fontawesome-webfont.svg#svgFontName')
    format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font-awesome-new';
    src: url('/res/fonts/font-awesome-4.7.0/fontawesome-webfont.eot?v=4.7.0');
    src: url('/res/fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0')
    format('embedded-opentype'),
    url('/res/fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.7.0')
    format('woff2'),
    url('/res/fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.7.0')
    format('woff'),
    url('/res/fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.7.0')
    format('truetype'),
    url('/res/fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular')
    format('svg');
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 font-awesome-new;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'font-awesome';
        src: url('/res/fonts/font-awesome/fontawesome-webfont.svg#svgFontName')
        format('svg');
    }
}

body {
    height: 100%;
    overflow-y: scroll;
    margin: 0;
    padding: 0 0 20px;
    font-size: 0.875em;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

a.thickbox img {
    border: none;
}

#canvas {
    padding: 0px 0px 0px 0px;
}

#sidebar {
    width: 150px;
    float: left;
    margin: 0 20px 0 0;
}

.bottom-m-0 {
    margin-bottom: 0px !important;
}

#content {
    width: 972px;
    position: relative;
    min-height: 500px;
}

#hText {
    display: block;
    margin-bottom: 10px;
}

.full-padding-20 {
    padding: 20px;
}

a.nav-dashboard .menuHomeLink,
a.helpHREFClick .menuHelpIcon,
a.wizardIconClick .wizardIcon {
    width: 30px;
    height: 30px;
    display: block;
}

#vcard {
    width: 100%;
    overflow: auto;
    position: relative;
    margin: 0 auto;
}

.helpBox {
    height: 100%;
    position: absolute;
    right: 0pt;
    width: 330px;
    z-index: 100000;
    background: url('/res/images/help-left-shadow.png') repeat-y scroll 0pt 0pt
    transparent;
    display: none;
}

.helpBox #helpBoxInner {
    margin-left: 5px;
    position: absolute;
    width: 325px;
    height: 100%;
}

.helpBox #helpBoxInner #boxInnerShadow {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);

    position: absolute;
    height: 100%;
    width: 325px;
}

.helpBox #helpBoxInner #boxInnerShadow #boxInnerMenu {
    height: 30px;
    padding: 6px;
}

.helpBox #helpBoxInner #boxInnerShadow #helpContent {
    width: 301px;
    min-height: 386px;
    padding: 12px 12px 0px 12px;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
}

#helpContent .top {
    margin-top: 0px;
}

#helpContent .bottom {
    margin-bottom: 0px;
}

#helpContent h4 {
    margin: 10px 0px 10px 0px;
    text-decoration: underline;
}

#helpContent .external,
#helpContent .newinternal {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC')
    no-repeat scroll right center transparent;
    padding-right: 13px;
}

#helpContent p {
    margin-top: 0px;
}

#helpContent a img {
    width: 220px;
    margin: 10px auto;
    display: block;
}

#gradUnderShadow {
    background: url('/res/images/help-under-shadow.png') repeat scroll 0pt 0pt
    transparent;
    height: 13px;
}

#helpContent ul,
#helpContent ol {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 20px;
}

#helpContent ul li,
#helpContent ol li {
}

#helpContent ul li a,
#helpContent ol li a {
    text-decoration: none;
}

#helpContent a img {
    width: 250px;
}

#helpContent .note {
    background-position: 5px 7px;
    background-repeat: no-repeat;
    background-size: 25px auto;
    display: block;
    margin: 10px 0;
    padding: 10px;
    text-indent: 25px;
}

#helpContent .listNote {
    list-style: none;
    margin-left: -19px;
}

#helpContent .highlight {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC')
    no-repeat scroll right center transparent;
    padding-right: 13px;
}

.dashboardRow {
    margin-bottom: 15px;
}

.dashboardRowLast {
    margin-bottom: 0px !important;
}

.dashboardRow .dashboardArea {
    display: inline-block;
    float: left;
}

.dashboardRow .dashboardArea .dashboardHeader {
    background: url(/res/images/dashboard-header.jpg) repeat scroll 0 0
    transparent;
    font-family: DaxBold, Sans-serif;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 100%;
}

.dashboardRow .da100 {
    width: 932px;
}

.dashboardRow .da65 {
    width: 591px;
}

.dashboardRow .da50 {
    width: 458px;
}

.dashboardRow .da35 {
    width: 326px;
}

.dashboardRow .leftCol {
    margin-right: 15px;
}

.dashboardRow .dashboardArea .dashboardContent {
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding: 10px;
}

.dashboardRow .da100 .dashboardContent {
    background: url(/res/images/dash-shad-909.png) no-repeat scroll 0 0 #f0f0f0;
}

.dashboardRow .da35 .dashboardContent {
    background: url(/res/images/dash-shad-304.png) no-repeat scroll 0 0 #f0f0f0;
}

.dashboardRow .da65 .dashboardContent {
    background: url(/res/images/dash-shad-569.png) no-repeat scroll 0 0 #f0f0f0;
}

.dashboardContent .top {
    margin-top: 0;
}

#iframecontent {
    background: #f9f9f9;
}

#footer {
    overflow: hidden;
    margin-top: 20px;
}

.container {
    width: 972px;
    margin: 0 auto;

    position: relative;
}

.fullshadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
    box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.6);
}

.positive {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.positive input {
    font-weight: bold !important;
}

.negative {
    font-size: 10px;
    float: left !important;
    margin-left: 0 !important;
}

.positiveleft input {
    font-weight: bold !important;
}

.export {
    float: left;
}

.floatleft {
    float: left !important;
}

.floatright,
.primaryaction {
    float: right !important;
}

.icon {
    font-family: 'font-awesome';
}

.textAlign-center {
    text-align: center;
}

table.full-width {
    width: 100%;
}

#news .newsRow {
    margin: 0px;
    padding: 10px;
    overflow: hidden;
}

table.full-width {
    width: 100%;
}

table.has-vertical-alt thead tr,
table.has-vertical-alt thead tr th {
    border: none;
}

.vertical-alt {
    background: rgba(9, 123, 188, 0.1);
}

#news .greyRow {
}

#news .newsRow .newsType {
    display: inline-block;
    max-height: 60px;
    width: 33px;
    float: left;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 15px;
}

#news .newsRow .news-twitter {
    background: url(/res/images/news-twitter.png) no-repeat 0 0 transparent;
}

#news .newsRow .news-facebook {
    background: url(/res/images/news-facebook.png) no-repeat 0 0 transparent;
}

#news .newsRow .news-website {
    background: url(/res/images/news-website.png) no-repeat 0 0 transparent;
}

#news .newsRow .newsText {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-size: 12px;
    width: 390px;
    margin-top: 15px;
}

#news .newsRow .newsText a {
    color: #333333;
    text-decoration: none;
}

#news .newsRow .newsText a:hover {
    color: #666666;
    text-decoration: none;
}

#news .newsRow .topNews {
    font-weight: bold;
}

#news .newsRow .newsInfo {
    display: inline-block;
    width: 100px;
    padding-top: 15px;
    float: right;
    text-align: center;
    font-size: 12px;
}

#messageCenter .messageRow,
#dashTipOfTheDay .messageRow {
    margin: 0px;
    padding: 20px 10px;
}

#messageCenter .messageRow {
    padding: 10px;
}

#messageCenter .greyRow,
#dashTipOfTheDay .greyRow {
}

#messageCenter .messageRow .messageType {
    display: inline-block;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 15px;
    margin-left: 5px;
}

#messageCenter .messageRow .message-note {
    background: url(/res/images/message-note.png) no-repeat 0 0 transparent;
}

#messageCenter .messageRow .message-info {
    background: url(/res/images/message-info.png) no-repeat 0 0 transparent;
}

#messageCenter .messageRow .message-hardWarning {
    background: url(/res/images/message-hardWarning.png) no-repeat 0 0
    transparent;
}

#messageCenter .messageRow .message-softWarning {
    background: url(/res/images/message-softWarning.png) no-repeat 0 0
    transparent;
}

#messageCenter .messageRow .messageText {
    display: inline-block;
    height: 30px;
    float: left;
    margin-right: 10px;
    font-size: 12px;
}

#messageCenter .messageRow .messageText a {
    color: #333333;
    text-decoration: underline;
}

#messageCenter .messageRow .messageText a:hover {
    color: #666666;
    text-decoration: underline;
}

.button-primary,
.button-secondary,
.button-action {
    background: transparent url(/res/images/button-background.png) repeat scroll
    left center;
    border: 1px solid #e3e3e3;
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    display: block;
    float: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button-primary span,
.button-secondary span,
.button-action span {
    border: 1px solid #fff;
    display: block;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.button-primary:hover,
.button-secondary:hover,
.button-action:hover {
    color: #000;
    border-color: #c3c3c3;
}

.button-secondary,
.button-action {
    font-size: 12px;
    font-weight: normal;
}

.button-secondary span,
.button-action span {
    padding: 2px 10px;
}

.button-sendedit {
    position: absolute;
    right: 92px;
    top: 4px;
}

p.buttons {
    margin: 12px 0;
    overflow: hidden;
    clear: both;
}

.inerbuttonrow {
    bottom: -40px;
    left: 0;
    margin-bottom: 5px;
    overflow: hidden;
    position: absolute;
}

.innerbuttonrow {
    padding: 15px 0 10px;
    overflow: hidden;
}

.buttonrow a.button-link {
    margin-right: 10px;
}

.buttonsfull span,
.buttons span {
    border: 1px solid #cecece;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.buttonsfull input,
.buttons input {
    border: 0;
    cursor: pointer;
}

.buttonsfull span:hover,
.buttons span:hover {
    border-color: #aaa;
}

.buttons input.button-action {
    padding: 2px 6px;
    font-size: 14px;
    font-weight: bold;
}

.buttons input.button-primary {
    padding: 5px 10px;
    font-size: 18px;
}

.button-disabled {
    color: #666 !important;
    cursor: default !important;
    background: #ededed !important;
}

.positive .button-disabled {
    color: #666 !important;
    cursor: default !important;
}

.button-link {
    float: left;
    cursor: pointer;
}

.button-link span {
    border: 1px solid #fff;
}

.button-link:hover span {
    border: 1px solid #fff;
}

.logogfx {
    float: left;
    width: 972px;
    min-height: 105px;
}

.headerbuttons {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 1;
}

.headerbuttons a {
}

.button-cancelmessage {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #900 !important;
}

.button-cancelmessage span {
    padding: 5px 15px;
}

.button-sendmessage {
    color: #070 !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.loading {
    background: url(/res/images/loading.gif) no-repeat center center;
    display: block;
}

.loading span {
    display: block;
    text-indent: -20000px;
}

.loadingspinner {
    background-image: url(/res/images/loadingspinner3.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.error {
    border: 1px solid #c00;
    padding: 5px 5px 5px 25px;
}

.error p {
    margin: 0;
    padding: 0;
}

.error span {
    font-weight: bold;
}

.error strong {
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#reSeedGroupArea .error strong {
    display: inline;
}

.warning {
    border: 1px solid #aa0;
    padding: 5px 5px 5px 25px;
}

.heartbanner {
    border: 1px solid #d44747;
    padding: 5px 5px 5px 25px;
    background: url(/res/images/heart.png) no-repeat 5px 6px #ffedec;
}

.hinttip {
    background: url(/res/images/info.png) no-repeat 0 0;
    padding-left: 20px;
}

.commenticon {
    padding-left: 20px;
    background: url(/res/images/comment.png) no-repeat 0 0;
}

.hinttipbox {
    background: #e7f1fa url(/res/images/info.png) no-repeat 5px 5px;
    padding: 5px 25px;
    border: 1px solid #93b8d2;
}

.charityhint {
    float: right;
    width: 400px;
    margin-left: 10px;
}

.messagenospace {
    margin: 0;
}

.messagenospace p {
    margin-top: 0;
}

.success {
    border: 1px solid #0a0;
    padding: 5px 5px 5px 25px;
    background: url(/res/images/tick.png) no-repeat 0 6px #ffffcc;
}

.success h2 {
    margin: 0;
    padding: 0;
    color: #0c0;
}

.success p {
    margin: 0;
    padding: 0;
}

.success span {
    font-weight: bold;
}

.success strong {
    font-weight: bold;
    font-size: 14px;
    display: block;
}

form {
    margin: 0;
    padding: 0;
}

form.general {
    width: 460px;
}

form.fullwidth {
    width: 790px;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

fieldset legend {
    font-weight: bold;
    padding-right: 5px;
}

fieldset div.hint {
    margin: 0 0 10px;
    width: 440px;
}

fieldset div.activationhint {
    background: url(/res/images/info.png) no-repeat 0 0;
    padding-left: 20px;
    color: #666666;
    margin: 5px 0 0 130px !important;
    width: 280px;
}

fieldset div img {
    vertical-align: middle;
    margin-right: 5px;
}

fieldset div.hint p {
    margin: 0 0 10px 0;
}

fieldset div.buttons {
    width: 436px;
    overflow: hidden;
    margin: 10px 0;
}

div.formintro {
    width: 436px;
}

div .formintro p {
    margin-top: 0;
}

fieldset div.buttonsfull {
    overflow: hidden;
    margin: 10px 0;
}

form.import {
}

fieldset div.buttonsimport {
    width: 790px;
    margin: 10px 0;
}

div.errorhighlight {
    color: #c00;
}

fieldset div.indent {
    border: 1px solid #e1e1e1;
    border-top: 0;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 10px 10px 17px;
    width: 407px;
    background: #fcfcfc;
}

fieldset div.indent div.indent {
    width: 377px;
}

fieldset div.indent div.indent div.indent {
    width: 347px;
}

fieldset div.indent div.indent div.indent div.indent {
    width: 316px;
}

fieldset div.indent div.text input,
fieldset div.indent div.text textarea {
    width: 254px;
}

div.text span {
    float: left;
}

fieldset div.indent div.text select {
    width: 263px;
}

fieldset div.indent div.checkbox {
    width: 389px;
}

fieldset div.html {
    margin-top: 10px;
}

fieldset div.html textarea.html {
    height: 600px;
    width: 465px;
}

fieldset div.indent div.indent div.indent div.checkbox {
    width: 328px;
}

fieldset div.indent div.indent div.text label {
    width: 103px;
}

fieldset div.indent div.indent div.text input {
    width: 241px;
}

fieldset div.indent div.indent div.indent div.text input {
    width: 211px;
}

fieldset div.indent div.indent div.indent div.indent div.text input {
    width: 180px;
}

fieldset div.indent div.indent div.text select {
    width: 233px;
}

fieldset div.indent div.indent div.checkbox {
    width: 359px;
}

fieldset div label span#urlhttp,
fieldset div label span#mmsurlhttp {
    padding-left: 49px;
    float: none;
}

fieldset div label span#premiumurlhttp {
    padding-left: 34px;
    float: none;
}

fieldset div.text,
fieldset div.checkbox {
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}

fieldset div.checkbox {
    background-color: #f2f2f2;
    border: 1px solid #e3e3e3;
    padding: 3px 10px 3px 5px;
    width: 419px;
}

form.fullwidth fieldset div.checkbox {
    width: 719px;
}

fieldset div.radiobox {
    background-color: #f2f2f2;
    border: 1px solid #e3e3e3;
    padding: 0 10px 0 5px;
    width: 419px;
    margin-top: 10px;
    overflow: hidden;
}

fieldset div.radiobox div {
    float: right;
    width: 285px;
    padding: 3px 0;
}

fieldset div.radiobox div label {
    margin-right: 20px;
}

fieldset div.text select#cardstartm,
fieldset div.text select#cardstarty,
fieldset div.text select#cardendm,
fieldset div.text select#cardendy {
    width: 148px;
}

fieldset div.radiobox span {
    display: block;
    float: left;
    padding: 3px 5px;
    width: 110px;
}

fieldset div.radiobox input {
    vertical-align: text-bottom;
}

fieldset div.radiobox label {
}

fieldset div.text .tooltip {
    margin-top: 4px;
    position: absolute;
    right: 0;
}

fieldset div.checkbox .tooltip {
    margin-top: 2px;
}

.text .slider {
    float: left;
    margin: 5px 10px;
    width: 212px;
}

.text .limitdisplay {
    margin: 2px 0;
}

.text .hiddenfield {
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 0;
}

fieldset div.checkbox label {
    width: auto;
    float: left;
    display: block;
    padding-top: 1px;
    padding-left: 5px;
}

fieldset div.checkbox input {
    float: left;
}

fieldset div.text select {
    padding: 2px 5px;
    width: 293px;
}

fieldset div.text input#file {
    width: auto;
    border: 0;
    padding: 0;
    background: #fff;
    margin-left: 10px;
}

fieldset div.text textarea {
    margin: 0 0 0 -1px;
    border: 1px solid #e3e3e3;
    width: 284px;
}

.tipsNextArrow,
.statsNextArrow {
    font-family: 'font-awesome';
    display: block;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.tipsNextArrow.disabled,
.statsNextArrow.disabled {
    cursor: default;
}

.tipsBackArrow,
.statsBackArrow {
    font-family: 'font-awesome';
    display: block;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

.tipsBackArrow.disabled,
.statsBackArrow.disabled {
    cursor: default;
}

.statsBackArrowPadding {
    display: block;
    float: left;
    margin-top: 10px;
    height: 20px;
    width: 20px;
    margin-left: 10px;
}

.statsNextArrowPadding {
    display: block;
    float: right;
    margin-top: 10px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

#header {
    padding-top: 10px;
    padding-bottom: 20px;
}

#header img {
    margin: 0;
    border: 0;
}

#navigation {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
}

#navigation li a {
    padding: 8px 0 8px 7px;
    display: block;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    background: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
}

#navigation li a:hover {
    color: #000;
    background: #e0e0e0;
}

.creditbalancecontainer {
    float: right;
}

.creditbalance {
    float: right;
}

.balanceTop {
    margin-bottom: 10px;
}

.creditbalance strong {
    display: block;
    font-weight: bold;
}

.creditbalancenumber {
    font-size: 1em;
}

.balancetext {
    display: inline-block;
    text-align: right;
}

.creditbalance a span {
    text-align: center;
    line-height: 25px;
}

#balance-container-sms,
#balance-container-mms {
    cursor: pointer;
}

.lowcredits,
.highcredits {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.headerwithbutton {
    display: block;
    overflow: hidden;
    clear: both;
}

.headerwithbutton h2 {
    float: left;
}

.headerwithbutton a {
    float: right;
}

.recepient {
    width: 446px;
}

.contactmanager {
    width: 100% !important;
}

.tabs-container {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.tabs-no-overflow {
    height: 250px;
}

.tabs-hide {
    display: none;
}

.recepient .no-tabs {
    border: 1px solid #e3e3e3;
}

.defButton.stylePositive.indiaguidlines {
    background: #7d26cd;
    -webkit-box-shadow: 0px 2px 0px 0px #551a8b;
    -moz-box-shadow: 0px 2px 0px 0px #551a8b;
    box-shadow: 0px 2px 0px 0px #551a8b;
    color: white;
}
.defButton.stylePositive.indiaguidlines:hover {
    background: #2e0854;
}
.defButton.stylePositive.newfolder {
    -webkit-box-shadow: 0px 2px 0px 0px #1b2332;
    -moz-box-shadow: 0px 2px 0px 0px #1b2332;
    box-shadow: 0px 2px 0px 0px #1b2332;
    background: #354664;
}
.defButton.stylePositive.newfolder:hover {
    background: #1b2332;
}
/* Jquery accordion overrides for template folders */
#ajaxload {
    display: none;
}
/* stop accordion showing FOUC */
.hide {
    display: none;
}

ul#sortable ul {
    display: none;
}
.accordion,
.accordion ul {
    -webkit-padding-start: 0;
    padding-left: 0;
    font-size: 0.95em;
}
.accordion li.group {
    list-style-type: none;
}
.accordion a {
    text-decoration: none;
}
.accordion .templates {
    max-height: 178px;
    overflow-x: hidden;
    overflow-y: scroll\9;
}

ul.ui-accordion div.ui-accordion-header {
    margin-top: 0px;
}
ul.ui-accordion .ui-accordion-content {
    padding: 10px 0 20px;
}

span.ui-state-default .ui-icon,
span.ui-state-active .ui-icon,
span.ui-state-default,
span.ui-state-active,
ul.ui-widget-content span.ui-state-active,
ul.ui-widget-content span.ui-state-default,
ul.ui-widget-header span.ui-state-default {
    background-image: none;
    background: none;
}
ui.ui-accordion-header-icon,
.ui-accordion .ui-accordion-header .ui-icon {
    display: none;
}

ul.ui-widget,
li.ui-widget-content,
li.ui-widget-content a {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    color: #354664;
    font-size: 1em;
}
li.ui-widget-content {
    border: solid 1px #e4ebf1;
}

div.ui-state-default a,
div.ui-state-default a:link,
div.ui-state-default a:visited {
    color: #354664;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
}

.folderheader {
    border-width: 0 0 1px 0;
    border-radius: 0;
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 8px 8px 8px 10px;
}

.group {
    background: #bdccda;
    color: #354664;
    position: relative;
    border-bottom: solid 1px #fff;
    overflow: hidden;
}
.nestedElem {
    background: #d1dce6;
}
.group a {
    color: #354664;
}
.group .foldercount {
    padding: 0 4px 0 0;
    cursor: pointer;
}
.accordionHolder #Archive,
.accordionHolder #Default,
.accordionHolder .templateCount {
    cursor: pointer;
}
body#page-templates td.defContainer {
    line-height: 50px;
}
body#page-templates .defContainer label {
    margin-bottom: 0;
}
/*.editTemplate {*/
/*display: inline-block;*/
/*}*/
ul.templates {
    padding: 2px 0;
    background: #ffffff;
}
.templates:before,
.templates:after {
    content: ' '; /* 1 */
    display: table; /* 2 */
}
.templates:after {
    clear: both;
}
#templateform {
    border-top: 3px solid #bdccda;
}
.templatelanguages,
#templateform {
    padding: 20px;
    background: #fff;
}
.templatelanguages {
    margin-bottom: 30px;
    border-top: 3px solid #bdccda;
}
ul.templates li {
    height: 40px;
}
.flags {
    vertical-align: middle;
}
.templatelanguages li {
    height: 20px;
    line-height: 20px;
}
.templatelanguages li {
    width: 48%;
    float: left;
    margin-top: 5px;
    position: relative;
}
.templatelanguages li {
    margin-top: 5px;
    list-style-type: none;
}
.templatelanguages li a {
    color: #354664;
}
.templatelanguages li:nth-child(odd) {
    border-right: solid 1px;
    margin-right: 10px;
}
.templatelanguages li .editcontrols {
    line-height: 20px;
}
.languages {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding: 0;
}
.languages:before,
.languages:after {
    content: ' '; /* 1 */
    display: table; /* 2 */
}
.languages:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.languages {
    *zoom: 1;
}
/* right hand panel when no template selected */
#holder {
    text-align: center;
    background: #fff;
    border-top: 3px solid #bdccda;
    padding: 20px;
    max-height: 600px;
}
#holder h2 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* Folder/Template Controls */
.editcontrols a {
    text-decoration: none;
}

ul.accordion .folderControls {
    position: absolute;
    right: 8px;
    line-height: 34px;
    margin-right: 0;
}

li.group .advNestElem {
    position: relative;
    top: 1px;
    font-size: 18px;
    background: none;
    padding-right: 4px;
}
li.group .advNestElem.icon-space {
    padding-left: 4px;
    padding-right: 6px;
}
ul.templates .editcontrols {
    margin-right: 0px;
}

.folderControls .icon,
.templateControls .icon {
    padding-right: 5px;
}
/*inner controls*/
ul.templates .templateheader,
ul.templates .templateTitle,
ul.templates .templateControls {
    float: left;
}
.templateControls img {
    vertical-align: middle;
}
.templateControls {
    position: absolute;
    right: 6px;
}
.templates .templateheader {
    width: 15px;
    padding-right: 6px;
}
#sortable .templateTitle {
    width: 352px;
}
#sortable .templateTitle a {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.templates li {
    list-style-type: none;
}
.recepient .tabs-hide {
    display: none;
}
.recepient #recepientlist {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sortable .templates li {
    position: relative;
    height: 36px;
    line-height: 35px;
    padding: 0 14px;
}
#sortable .templates li:hover,
#sortable .templates li:hover .editTemplate {
    /*background-color: #6FA930;*/
    /*background-color: #2967A0;*/
    /*color: white;*/
}

.recepient #recepientlist li {
}
.recepient #recepientlist li.offline {
    cursor: default;
}
.recepient #recepientlist .icon {
    font-family: 'font-awesome';
    margin-left: 5px;
}
.recepient #recepientlist div {
}
.recepient #recepientlist div.selected {
}
.recepient #recepientlist div.selected .recepientmembers {
    background-position: 0 -30px;
}

.recepient #recepientlist div.selected .recepientname {
}

.recepient .recepientmemberheader {
    height: 50px;
    overflow: hidden;
    position: relative;
}

.recepient .recepientradio,
.recepient .recepientcheckbox {
}

.recepient .sendListRadio {
    margin-top: 16px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    width: 16px;
}
.recepient .recepientname {
    display: inline-block;
    vertical-align: top;
    max-width: 190px;
    overflow: hidden;
    height: 33px;
    padding-top: 16px;
    padding-left: 10px;
    margin-bottom: 0px;
    width: 190px;
}
.send-group-list .recepientname {
    display: table;
    position: absolute;
    top: 0;
    left: 48px;
    height: 50px;
    max-width: 224px;
    width: 224px;
    padding: 0 14px 0 0;
    margin-bottom: 0px;
    overflow: hidden;
}
.send-group-list label.recepientname span {
    display: table-cell;
    vertical-align: middle;
    width: initial;
    padding-right: 14px;
    word-break: break-all;
}
.send-group-list label.recepientname span.recepient-group {
    width: 12px;
}

.fullCol .recepient .recepientname {
    max-width: 560px;
    width: 560px;
}

.recepient .offline .recepientname {
    cursor: default;
}

.recepient .recepientname em {
    font-size: 0.9em;
    padding-right: 1px;
}

.recepient .uniquecoding + .recepientname {
    left: 53px;
    position: absolute;
    top: 8px;
    width: 560px;
}

#page-send .recepient .uniquecoding + .recepientname,
#page-send-mms .recepient .uniquecoding + .recepientname {
    position: static;
}

.recepient .recepientnamewide {
    width: 300px;
}

.recepient .recepientname a {
    color: #333;
    text-decoration: none;
}

.recepient .recepientname a:hover {
    text-decoration: underline;
}

.recepient .recepientname a.disabled {
    color: #999;
}

.recepient .norecepients {
    position: absolute;
    top: 8px;
    left: 5px;
}

.recepient .recepientcount,
.folderList .foldercount {
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    margin-top: 17px;
    font-size: 0.8em;
    float: right;
    padding-right: 20px;
    height: 32px;
}

.recepient .offline .recepientcount {
    cursor: default;
}

.recepient .recepientcount .icon,
.folderList .foldercount .icon {
    font-family: 'font-awesome';
    margin-left: 5px;
}

.icon-cog {
    right: 40px;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    float: right;
    padding-right: 20px;
    text-decoration: none;
    color: inherit;
    height: 34px;
}

.offline .icon-cog {
    cursor: default;
}

.icon-cog .icon {
    font-family: 'font-awesome';
    margin-left: 5px;
}

.recepient small {
    position: absolute;
    right: 350px;
    top: 20px;
    width: 200px;
}

.recepient .stats {
    background: url(/res/images/stats.png) no-repeat left center;
    padding-left: 20px;
    position: absolute;
    right: 230px;
    top: 18px;
    width: 100px;
    color: #333;
    text-decoration: none;
}

.recepient .preview {
    background: url(/res/images/preview.png) no-repeat left center;
    padding-left: 20px;
    position: absolute;
    right: 92px;
    top: 18px;
    width: 105px;
    color: #333;
    text-decoration: none;
}

.recepient .qrcode {
    background: url(/res/images/qrcode.png) no-repeat left center;
    padding-left: 20px;
    padding-right: 5px;
    position: absolute;
    right: 20px;
    top: 18px;
    /* width: 55px; */
    color: #333;
    text-decoration: none;
}

#inboxes .icon-cog {
    right: 35px;
}

.icon-rss {
    background: url(/res/images/rssicon.png) no-repeat left center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 40px;
    top: 7px;
}

.icon-rss span,
.icon-map span {
    display: none;
}

#inboxes .icon-rss {
    right: 5px;
}

.icon-map {
    background: url(/res/images/map.png) no-repeat left center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 60px;
    top: 7px;
}

#inboxes .recepientcount {
    right: 77px;
    width: 70px;
}

#page-messages #qrimage {
    position: absolute;
    top: 5px;
    right: 10px;
}

#page-messages #qrimage img {
    display: block;
}

#groups .recepientcount {
    right: 0px;
}

#page-reports .recepientcount {
    background: url(/res/images/send-numberingroup.png) no-repeat left center;
    padding-left: 20px;
    color: #333;
    text-decoration: none;
}

.recepient .recepientmembers,
.recepient .recepientmembersexpanded,
.recepient .groupmembers {
    display: inline-block;
    vertical-align: top;
    padding-top: 18px;
    font-size: 0.8em;
    text-align: right;
    float: right;
    padding-right: 10px;
    height: 31px;
    cursor: pointer;
}

.recepient .recepientmembers .showClose {
    display: none;
}

.recepient .recepientmembersexpanded .showClose {
    display: inline-block;
}

.recepient .recepientmembersexpanded .showExpand {
    display: none;
}

.recepient .offline .recepientmembers,
.recepient .offline .recepientmembersexpanded,
.recepient .offline .groupmembers {
    cursor: default;
}

.recepient .recepientmembers .icon,
.recepient .recepientmembersexpanded .icon,
.recepient .groupmembers .icon {
    font-family: 'font-awesome';
    margin-left: 5px;
}

.recepient #recepientlist div .recepientmembersexpanded {
}

.recepient #recepientlist div .groupmembersexpanded {
}

.recepient #recepientlist div.selected .recepientmembersexpanded {
}

.disabled {
    color: #bdccda;
}

.cancelled {
    text-decoration: line-through;
}

.disabledicon {
    background: url(/res/images/stop2.png) no-repeat left center;
    padding-left: 20px;
    left: 400px;
}

.expiredicon {
    background: url(/res/images/err.png) no-repeat left center;
    padding-left: 20px;
    left: 400px;
}

.expiringicon {
    background: url(/res/images/info.png) no-repeat left center;
    padding-left: 20px;
    left: 400px;
}

.mmsicon {
    background: url(/res/images/mms.png) no-repeat left center;
    padding-left: 20px;

    left: 650px;
}

.smsicon {
    background: url(/res/images/sms.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}
.smsiconnobg {
    padding-left: 20px;
    left: 650px;
}

.freesmsicon {
    background: url(/res/images/freesms.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}

.smspremiumicon {
    background: url(/res/images/smspremium.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}

.smsfreetext {
    background: url(/res/images/smsfreetext.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}

.smsirishicon {
    background: url(/res/images/smsirish.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}

.smscharityicon {
    background: url(/res/images/heart.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}

.smstbicon {
    background: url(/res/images/smstb.png) no-repeat left center;
    padding-left: 20px;
    left: 650px;
}

.twisties div.twistieHeader {
    cursor: pointer;
    margin-top: 20px;
    height: 30px;
    font-size: 0.8em;
}

.twistieHeader .twistTitle {
    height: 30px;
}

.twistieHeader .twistieCheckbox {
    float: left;
    margin: 0 10px;
}

.inboxesheader h3.twist {
    font-weight: bold;
    font-size: 12px;
}

.twisties .twist p {
    font-size: 12px;
    font-weight: normal;
    float: right;
    margin: 0;
    padding: 0 10px;
    height: 30px;
}

.inboxesBottomButton {
    margin-top: 20px;
}

.twisties .twist span.inboxType {
    float: right;
    line-height: 30px;
}

.twisties .twist span.inboxType span {
    font-family: 'font-awesome';
    margin-right: 10px;
}

.twisties .twist span.inboxTitle,
.twisties .twist span.regTitle {
    font-size: 1.1em;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 30px;
}

.twisties .twist span.inboxTitle span,
.twisties .twist span.regTitle span {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.twisties .twist span.expiredInbox,
.twisties .twist span.expiringInbox {
    float: right;
    margin-left: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

.twisties .twist span.expiredInbox span,
.twisties .twist span.expiringInbox span {
    font-family: 'font-awesome';
    margin-right: 10px;
}

.twisties .twist span.disabledInbox {
    float: right;
    margin-left: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

.twisties .twist span.disabledInbox span {
    font-family: 'font-awesome';
    margin-right: 10px;
}

.twisties .twist span.leftToggleArrow {
    float: left;
    font-family: 'font-awesome';
    padding: 0 10px;
    line-height: 30px;
}

.twisties .twist span.rightToggleArrow {
    float: right;
    font-family: 'font-awesome';
    padding: 0 10px;
    line-height: 30px;
}

.twisties h3.disabled {
}

.twisties .twistcontent {
    padding: 20px;
    border-radius: 0 0 3px 3px;
}

.twisties .twistcontent.expanded {
    display: block;
}

.twisties .twistcontent.pad20 {
    padding: 20px 20px 10px 20px;
}

.twisties .twistcontent .buttons {
    clear: both;
    overflow: hidden;
}

.twisties .twistcontent .button-action {
    margin-right: 5px;
    margin-top: 3px;
}

.twisties .twistcontent .button-primary {
    margin-right: 5px;
}

.twisties .inboxrssicon {
    margin: 0;
}

.twisties .inboxrssicon span {
    font-family: 'font-awesome';
    margin-right: 10px;
}

.twisties .inboxmapicon {
    background: url(/res/images/map.png) no-repeat 0 0;
    padding-left: 20px;
}

.twisties .inboxqrcodeicon {
    margin: 0;
}

.twisties .inboxqrcodeicon span {
    font-family: 'font-awesome';
    margin-right: 10px;
}

.renewlink {
    text-decoration: underline;
}

.recepient .recepientname a.button-action {
    position: absolute;
    top: -4px;
    right: 0;
}

.recepient .recepientmembers span,
.recepient .groupmembers span {
}

.recepient table {
    margin: 0;
    clear: both;
    overflow: hidden;
}

table.recepientmemberlist {
    overflow: visible;
}

.recepientmemberlist td {
}

table thead tr {
    height: 30px;
}

table thead tr.breaker {
    height: 1px;
}

table tr,
table tr#importcolumnheader {
    height: 50px;
}

table.ui-datepicker-calendar tr,
.xdsoft_calendar tr {
    height: auto;
}

table.previewmessage tr {
    height: 75px;
}

table.previewmessage tr.noHeight {
    height: auto;
}

table.recepientmemberlist tr {
    height: 30px;
    line-height: 30px;
}

table tr.even {
}

thead th a {
    display: block;
    text-decoration: none;
}

thead th a.sorteddown span {
    background: url(/res/images/arrow_sort_down.gif) no-repeat right center;
}

thead th a.sortedup span {
    background: url(/res/images/arrow_sort_up.gif) no-repeat right center;
}

thead th a span {
    padding-right: 15px;
}

thead th a:hover span {
    background: url(/res/images/arrow_sort_down.gif) no-repeat right center;
}

th {
    text-align: left;
    padding: 5px 0;
}

th .defCheckbox span {
    font-weight: normal;
}

.recepientmemberlist td,
.recepientmemberlist th {
    padding: 0px;
    vertical-align: top;
    font-weight: normal;
    font-size: 0.9em;
}

.recepientmemberlist th label,
.recepientmemberlist td label {
}

.recepientmemberlist th label {
    line-height: 30px;
}

.recepientmemberlist th .defCheckbox,
.recepientmemberlist td .defCheckbox {
    margin-left: 15px;
    margin-top: 7px;
}

.recepientmemberlist .wrappingSpan {
    max-width: 113px;
    max-height: 54px;
    overflow-y: auto;
    word-wrap: break-word;
    display: block;
    line-height: 16px;
    padding: 5px 0px 0px 15px;
    margin-bottom: 6px;
}

.recepient .tabs-container .buttons {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.contactfilter {
    font: 13px/16px Tahoma, Arial, Helvetica, sans-serif;
}

#messagedetails,
#advancedoptions,
#debuginfo,
#sendbutton {
}

#socialmedia {
    float: left;
    width: 446px;
    clear: left;
    margin-top: 20px;
    overflow: hidden;
}

#loadingarea {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#sendbutton {
    text-align: right;
}

.templatebuttons {
    float: left;
    margin: 0 0 0 10px;
    width: 140px;
}

.templatebuttons .button-action {
    margin-bottom: 5px;
    clear: both;
    width: 92px;
    display: block;
}

.templatebuttons .button-action span {
    width: 70px;
}

.messagebox {
}

.messagebox .inner {
}

.sendform h3 {
}

#twistiearea2 h3 {
    font-size: 14px;
}

#twistiearea2 .twistcontent {
    margin-bottom: 20px;
}

#advtwistie {
    background: transparent url(/res/images/send-header-twistie.png) no-repeat
    scroll 0 0;
    height: 31px;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
}

.schedulecontrol {
}

.advtwistie-closed {
    background-position: 0 -31px !important;
}

.tabs-container .text,
.tabs-container .checkbox,
.messagebox .inner .text,
.messagebox .inner .textarea {
    margin: 0 0 10px;
    clear: both;
    overflow: hidden;
}

.tabs-container .text label,
.tabs-container .checkbox label,
.messagebox .inner label {
}

.tabs-container .checkbox label {
    width: auto;
    padding-right: 5px;
}

.tabs-container .text input,
.tabs-container .checkbox input,
.messagebox .inner input,
.messagebox .inner select {
}

.tabs-container .checkbox input {
    border: 0;
    width: auto;
}

.messagebox .inner input.checkbox,
#page-send .twistcontent input.checkbox {
    width: auto;
    border: 0;
}

.messagebox .inner input.disabled,
#page-send .twistcontent input.disabled {
}

.messagebox .inner textarea,
#page-send .twistcontent textarea {
}

.messagebox .inner p.button,
#page-send .twistcontent p.button {
    margin: 0 0 0 285px;
    padding: 0;
}

.messagebox #insertbuttons .button-action,
#page-send .twistcontent .button-action {
    margin-bottom: 5px;
    cursor: pointer;
}

.messagebox .inner p.button .button-action {
    margin-right: 0;
}

#remainingchars {
}

.stageone {
}

.stagetwo {
}

.stagethree {
}

.stagefour {
}

.stagefive {
}

#message-schedule,
#message-validity {
}

#message-schedule-time,
#message-validity-time,
#message-segmented-time1,
#message-segmented-time2 {
}

#message-segmented-period {
    width: 65px;
    margin-left: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #fff;
}

#message-wapurl {
    width: 238px;
}

#message-schedule-timezone {
    cursor: pointer;
}

#groupcontacts {
    width: 100%;
    margin: 0 0 12px;
}

#reseller-report-all {
    width: 100%;
    margin: 0 0 12px;
}

.ticketsListTable {
    width: 100%;
    margin: 0 0 12px;
}

.surveysListTable {
    width: 100%;
}

.surveysListTable tr {
    cursor: pointer;
}

#groupcontacts tbody th,
#groupcontacts tbody td {
    word-wrap: break-word;
    max-width: 240px;
}

.showdata tbody td {
    padding-right: 5px !important;
}

#groupcontacts tbody td.disabled {
    text-decoration: line-through;
}

#groupcontacts tbody td.grey {
}

#groupcontacts tbody td.italics {
    font-style: italic;
}

#groupcontacts th input {
    margin: 4px;
    width: auto !important;
    border: 0 !important;
}

#groupcontacts tbody input {
    -webkit-appearance: none;
}

#groupcontacts tbody input:focus {
}

.groupcontactssearch tbody input {
    width: 94px;
}

#groupcontacts tbody input[name$='-number'],
#groupcontacts tbody.search input[name$='-number'],
#groupcontacts tbody.search input[name='search-Number'] {
    width: 105px;
}

#groupcontacts tbody input {
    width: 85px;
}

#groupcontacts tbody.search input {
    width: 85px;
}

.groupcontactssearch tbody input.longer {
}

#groupcontacts tbody input.checkbox {
    width: auto;
    margin-right: 10px;
    border: 0;
    -webkit-appearance: checkbox;
}

#groupcontacts tbody td span.buttons {
    margin-left: 5px;
}

#groupcontacts tbody input.table-button {
    width: auto;
    border: 0;
    padding: 0;
}

#groupcontacts tbody input.table-button-search {
    width: 30px;
}

#groupcontacts tbody input.table-button-filter {
    width: 50px;
}

#groupcontacts td.buttons {
    background-color: #f2f2f2;
    padding: 5px;
}

#groupcontacts th.searchrow,
#groupcontacts td.searchrow {
}

#groupcontacts th.searchrow input.short,
#groupcontacts td.searchrow input.short {
    width: 40px;
}

#groupcontacts th.searchrow input.long,
#groupcontacts td.searchrow input.long {
    width: 250px;
}

#groupcontacts th.searchrow input.medium,
#groupcontacts td.searchrow input.medium {
    width: 200px;
}

#groupcontacts th.searchrow input.mediumLong,
#groupcontacts td.searchrow input.mediumLong {
    width: 170px;
}

#groupcontacts td.lastrow {
    text-align: center;
    width: 30px;
}

#groupcontacts tbody td.lastrow span.buttons {
    margin-left: 0;
}

#groupcontacts #group-move {
}

#groupcontacts td.buttons select {
    width: 150px;
    border: 1px solid #e3e3e3;
    padding: 3px 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    margin-right: 5px;
}

#groupcontacts tbody th.highlight,
#groupcontacts tbody td.highlight,
.highlight {
    background-color: #ffd;
}

tr.optout th,
tr.optout td {
    background: #fafafa !important;
    border-top: 1px solid #c00 !important;
    border-bottom: 1px solid #c00 !important;
}

tr.optout th {
    border-left: 1px solid #c00 !important;
}

tr.optout td.lastrow {
    border-right: 1px solid #c00 !important;
}

tr.optout td input {
    color: #a00;
}

.deleteall {
    margin-top: 2px;
}

.deleteall input {
    font-size: 10px;
}

.recepient table#groupcontacts {
    display: table;
    clear: none;
}

div.pagination {
    text-align: center;
    margin: 0 auto;
}

ol.pagination {
    margin: 0 auto;
    width: auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
    clear: both;
    display: table;
}

ol.pagination li {
    float: left;
    display: block;
}

ol.pagination li.header {
    width: 100%;
    margin: 0 0 5px;
}

ol.pagination li a,
ol.pagination li span {
    text-align: center;
    text-decoration: none;
    display: block;
    line-height: 25px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;
    padding: 0px 5px;
    min-width: 15px;
}

ol.pagination li a.skiplink,
ol.pagination li span.skiplink {
    text-align: center;
    text-decoration: none;
    display: block;
    line-height: 25px;
    margin: 0 5px 5px 0;
}

ol.pagination li span.skiplink,
ol.pagination li span.dots {
}

ol.pagination li.current a,
ol.pagination li.current span {
}

ol.pagination li a:hover {
}

ol.pagination li.current a:hover {
}

span.paginationtotal {
    text-align: center;
    font-size: 10px;
    margin-bottom: 10px;
}

.grouplink {
    background: url(/res/images/send-numberingroup.png) no-repeat left center;
    padding-left: 20px;
    color: #333;
    text-decoration: none;
}

.contactlink {
    font-family: 'font-awesome';
    color: #354664;
    text-decoration: none;
}

#messagearea {
    margin-bottom: 40px;
}

#messagearea p {
    margin-top: 0;
}

#messagearea label {
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

#messagearea .ui-progressbar {
    border: none;
    background: #bdccda;
}

#messagearea .ui-progressbar-value {
    background: #354664;
    border: none;
}

.contactmanager .tabs-container {
    max-height: none;
    overflow-x: auto;
    overflow-y: auto;
}

div#TB_ajaxContent div.previewmessagecontainer {
}

div.previewmessage {
}

#previewmessageto .defContainer {
    padding: 10px;
}

div.previewmessage span,
table.previewmessage span,
table.previewmessagebuttons .defContainer span {
    font-size: 1.2em;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
    display: block;
}

div.previewmessage .noticeContent span,
table.previewmessage .noticeContent span {
    display: inline;
}

div.previewmessage span.small,
table.previewmessage span.small {
    font-size: 0.9em;
}

div.previewmessage #previousmessage,
div.previewmessage #nextmessage {
    height: 94px;
    width: 30px;
    text-align: center;
    font-family: 'font-awesome';
    line-height: 94px;
    cursor: pointer;
}

div.previewmessagebuttons {
    margin-top: 20px;
}

div.previewmessage #previousmessage.disabled,
div.previewmessage #nextmessage.disabled {
    cursor: not-allowed;
}

table th,
table td {
    padding: 0 10px;
}

table.previewmessage th,
table.previewmessage td {
    padding: 0px 20px;
}

table.previewmessage th.noPadding,
table.previewmessage td.noPadding {
    padding: 0px;
}

table.previewmessage {
    width: 100%;
}

table.previewmessagebuttons {
    width: 100%;
    padding: 20px 0;
    background-color: white;
}

table.previewmessagebuttons th,
table.previewmessagebuttons td {
    padding: 0px 20px;
}

table #previewmessagetext,
table #previewmmstext {
    overflow-y: scroll;
    word-wrap: break-word;
    padding: 10px 14px;
    border-radius: 4px;
    max-width: 392px;
}

table #previewmmstext {
    max-width: 160px;
}

table.previewmessage th,
table.previewmessage td {
}

table.previewmessage .creditwarning {
}

div.previewmmstext {
}

div.previewmmsmedia {
    max-width: 190px;
    word-break: break-all;
}

div.previewmmsmedia img {
    max-width: 190px;
}

#uploadfile,
#copypastetext {
    overflow-y: hidden;
}

#uploadfile div.text label {
    width: 120px;
    background: #fff;
    border: 0;
}

#uploadfile div.text select {
    border: 1px solid #e3e3e3;
}

#uploadfile div.checkbox {
    background: #fff;
    border: 0;
    padding-left: 0;
}

#tab1 div.text label,
#tab2 div.text label,
#tab3 div.text label {
    width: 120px;
    background: #fff;
    border: 0;
}

#tab3 div.text select {
    border: 1px solid #e3e3e3;
}

.import .checkbox {
    margin-top: 0;
    width: 773px;
}

.noteouter {
    clear: both;
    border: 1px solid #e3e3e3;
    width: 580px;
    overflow: hidden;
}

.note {
    border: 10px solid #ffffff;
    padding: 10px;
    overflow: hidden;
}

.note ul.icons {
    margin-bottom: 0;
}

.fullwidth {
    width: auto;
}

.note h3 {
    margin: 0;
}

.withsidebar {
    float: left;
    width: 540px;
}

.sidebar {
    float: right;
    width: 250px;
}

.sidebar .paypal {
    text-align: center;
}

.sidebar .paypal a img {
    border: 0;
}

.icon-cog span {
    font-size: 0.9em;
}

.feedbackbutton {
    width: 158px;
    margin: 10px auto 0;
}

.feedbackbutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/letusknow.png) no-repeat 0 0;
}

.feedbackbutton a span {
    display: block;
    text-indent: -20000px;
}

.feedbackbutton a:hover {
    background-position: 0 -52px;
}

.docsbutton {
    width: 158px;
    margin: 10px auto;
}

.docsbutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/support.png) no-repeat 0 0;
}

.docsbutton a span {
    display: block;
    text-indent: -20000px;
}

.docsbutton a:hover {
    background-position: 0 -52px;
}

.replybutton {
    width: 158px;
    margin: 10px auto 0;
}

.replybutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/dashreplies.png) no-repeat 0 0;
}

.replybutton a span {
    display: block;
    text-indent: -20000px;
}

.replybutton a:hover {
    background-position: 0 -52px;
}

.charitybutton {
    width: 158px;
    margin: 10px auto 0;
}

.charitybutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/dashcharity.png) no-repeat 0 0;
}

.charitybutton a span {
    display: block;
    text-indent: -20000px;
}

.charitybutton a:hover {
    background-position: 0 -52px;
}

.manualbutton {
    width: 158px;
    margin: 10px auto;
}

.manualbutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/manual.png) no-repeat 0 0;
}

.manualbutton a span {
    display: block;
    text-indent: -20000px;
}

.manualbutton a:hover {
    background-position: 0 -52px;
}

.livedemo {
    width: 158px;
    margin: 10px auto;
}

.livedemo a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/livedemo.png) no-repeat 0 0;
}

.livedemo a span {
    display: block;
    text-indent: -20000px;
}

.livedemo a:hover {
    background-position: 0 -52px;
}

.twitterbutton {
    width: 158px;
    margin: 10px auto;
}

.twitterbutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/twitter.png) no-repeat 0 0;
}

.twitterbutton a span {
    display: block;
    text-indent: -20000px;
}

.twitterbutton a:hover {
    background-position: 0 -52px;
}

.affbutton {
    width: 158px;
    margin: 10px auto;
}

.affbutton a {
    display: block;
    height: 53px;
    overflow: hidden;
    outline: 0;
    background: url(/res/images/affiliate.png) no-repeat 0 0;
}

.affbutton a span {
    display: block;
    text-indent: -20000px;
}

.affbutton a:hover {
    background-position: 0 -52px;
}

.twitterbar {
    padding: 5px 0 10px;
    background: url(/res/images/twitter-logo-small.png) no-repeat 0 0;
}

.twitterbar a {
    margin-left: 10px;
}

.twitterbar a span {
    padding-left: 35px;
    float: none;
    margin: 0;
}

.twitterbar a:hover span {
}

.linkedinbar {
    padding: 5px 0 10px;
    background: url(/res/images/linkedin-logo-small.png) no-repeat 0 0;
}

.linkedinbar a {
    margin-left: 10px;
}

.linkedinbar a span {
    padding-left: 35px;
    float: none;
    margin: 0;
}

.linkedinbar a:hover span {
}

.facebookbar {
    padding: 5px 0 10px;
    background: url(/res/images/facebook-logo-small.png) no-repeat 0 0;
}

.facebookbar a {
    margin-left: 10px;
}

.facebookbar a span {
    padding-left: 35px;
    float: none;
    margin: 0;
}

.facebookbar a:hover span {
}

ul.icons {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    width: 540px;
    float: left;
}

ul.icons li {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    width: 250px;
}

ul.icons li a {
    padding-left: 60px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    color: #333;
    text-decoration: none;
    position: relative;
}

ul.icons li a:hover span {
    text-decoration: underline;
}

ul.icons li a span {
    font-size: 14px;
    font-weight: bold;
}

ul.fullwidth {
    width: auto;
}

ul.fullwidth li {
    width: 240px;
}

.twistcontent ul.icons {
    margin: 15px 0 0 10px;
}

.twistcontent ul.fullwidth li {
    width: 235px;
}

div.twitterfriend {
    float: left;
    width: 190px;
    border: 2px solid #ccc;
    padding: 2px;
    margin: 2px;
}

div.twitterfriend img {
    float: left;
}

div.videohelp {
    right: 0;
    top: -18px;
    font-size: 10px;
    color: #666;
    position: absolute;
    background: url(/res/images/video-r.png) no-repeat center right;
}

div.videohelp a {
    padding: 15px 10px 8px 55px;
    display: block;
    background: url(/res/images/video-l.png) no-repeat center left;
    color: #666;
    text-decoration: none;
}

div.videohelp a:hover {
    color: #c00;
}

body#page-dashboard #navigation li a.nav-dashboard {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-send #navigation li a.nav-sendmessage {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-conversations #navigation li a.nav-conversations {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-conversations-view #navigation li a.nav-conversations {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-conversations-new #navigation li a.nav-conversations {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-send-mms #navigation li a.nav-sendmmsmessage {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-settings #navigation li a.nav-settings {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-addons #navigation li a.nav-addons {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-docs #navigation li a.nav-docs {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-contactmanager #navigation li a.nav-contacts {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-reports #navigation li a.nav-reports {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-messages #navigation li a.nav-received {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-templates #navigation li a.nav-templates {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-pages #navigation li a.nav-pages {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-reseller #navigation li a.nav-reseller {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-affiliate #navigation li a.nav-affiliate {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

body#page-affiliate #navigation li a.nav-tickets {
    font-weight: bold;
    background-position: left bottom;
    background: #e4e4e4;
}

#navigation li a.nav-dashboard span {
    background: url(/res/images/icons/menu-dashboard.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-sendmessage span {
    background: url(/res/images/icons/menu-send.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-sendmmsmessage span {
    background: url(/res/images/icons/menu-sendmms.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-conversations span {
    background: url(/res/images/icons/menu-conversations.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-contacts span {
    background: url(/res/images/icons/menu-group.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-received span {
    background: url(/res/images/icons/menu-inbox.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-templates span {
    background: url(/res/images/icons/menu-templates.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-pages span {
    background: url(/res/images/icons/menu-pages.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-reports span {
    background: url(/res/images/icons/menu-reports.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-settings span {
    background: url(/res/images/icons/menu-settings.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-addons span {
    background: url(/res/images/icons/menu-addons.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-docs span {
    background: url(/res/images/icons/menu-docs.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-reseller span {
    background: url(/res/images/icons/menu-reseller.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-affiliate span {
    background: url(/res/images/icons/menu-affiliates.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a.nav-tickets span {
    background: url(/res/images/icons/menu-tickets.png) no-repeat 0 -16px;
    padding-left: 20px;
}

#navigation li a:hover span {
    background-position: 0 -16px;
}

body#page-dashboard #navigation li a.nav-dashboard span,
body#page-send #navigation li a.nav-sendmessage span,
body#page-contactmanager #navigation li a.nav-contacts span,
body#page-messages #navigation li a.nav-received span,
body#page-templates #navigation li a.nav-templates span,
body#page-pages #navigation li a.nav-pages span,
body#page-reports #navigation li a.nav-reports span,
body#page-settings #navigation li a.nav-settings span,
body#page-addons #navigation li a.nav-addons span,
body#page-affiliates #navigation li a.nav-affiliates span,
body#page-docs #navigation li a.nav-docs span {
    background-position: 0 -16px;
}

#debug {
    font-size: 12px;
    color: #eee;
    margin: 0 auto;
    width: 960px;
    padding: 5px;
    line-height: 12px;
}

#debug strong {
    display: block;
    padding: 0 0 1px;
    cursor: pointer;
    text-align: center;
}

#JT_arrow_left {
    background-image: url(/res/images/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    left: -12px;
    height: 23px;
    width: 10px;
    top: -3px;
}

#JT_arrow_right {
    background-image: url(/res/images/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 101;
    height: 23px;
    width: 11px;
    top: -2px;
}

#JT {
    position: absolute;
    z-index: 100;
    border: 2px solid #cccccc;
    background-color: #fff;
}

#JT_copy {
    padding: 10px 10px 10px 10px;
    color: #333333;
}

.JT_loader {
    background-image: url(/res/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 12px;
}

#JT_close_left {
    background-color: #cccccc;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
}

#JT_close_right {
    background-color: #cccccc;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
}

#JT_copy p {
    margin: 0 0 12px 0;
}

#JT_copy img {
    padding: 1px;
    border: 1px solid #cccccc;
}

.tooltip {
    background: transparent url(/res/images/help.png) no-repeat scroll 0 0;
    cursor: help;
    display: block;
    float: left;
    height: 14px;
    margin: 5px;
    width: 14px;
}

.documentation {
    margin: 0px;
}

.documentation dl {
    margin: 0px;
}

.documentation dt {
    margin: 0px 0px 20px;
    padding: 8px;
    float: left;
    display: block;
    font-weight: bold;
    width: 160px;
    clear: both;
}

.documentation dd {
    margin: 0px 0px 20px;
    padding: 8px 8px 8px 156px;
}

.documentation dl .alt {
    background-color: #e4e4e4;
}

.rssicon {
    background: url(/res/images/rssicon.png) no-repeat 0 0;
    border: 0 !important;
    padding: 5px 20px 0 0 !important;
    margin: 0 !important;
    display: inline !important;
    float: left;
    height: 12px;
}

.boxedout {
    clear: both;
    float: right;
    margin-top: 30px;
    overflow: hidden;
    padding: 10px;
    width: 250px;
    border: 1px solid #e3e3e3;
}

.boxedout span {
    border: 0;
}

.pricestable {
    border: 1px solid #aaa;
    border-right: 0;
}

.pricestable thead th {
    border: 0;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.pricestable td,
.pricestable tbody th {
    width: 200px;
    background: #fff;
    padding: 5px;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.uploadprogress {
    background: #ffffcc url(/res/images/loadingspinner2.gif) no-repeat 4px
    center;
    padding: 4px 4px 4px 25px;
    border: 1px solid #c00;
    font-weight: bold;
}

.offline .recepientname {
}

.criticalerror {
    position: absolute;
    left: 25%;
    top: 25%;
    border: 5px solid #c00;
    background: #ffc;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}

.blognews {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blognews li {
    padding: 5px 0 5px 10px;
    background: url(../images/bullet-news.png) no-repeat left center;
}

.blognews li a {
    color: #333;
    text-decoration: none;
}

.blognews li a:hover {
    text-decoration: underline;
}

.mmsphoto {
    display: block;
    margin: 15px;
}

.mmsphoto img {
    border: 1px solid #aaa;
    padding: 2px;
}

.pagetemplates {
}

.pagetemplates td {
    margin: 5px 10px;
    padding: 10px 5px;
    display: block;
    float: left;
    border: 1px solid #e3e3e3;
    background: #fff;
    text-align: center;
    width: 160px;
}

.pagetemplates td img {
    border: 1px solid #e3e3e3;
    padding: 1px;
}

.pageTemplateFrame {
    position: relative;
    width: 800px;
}

.pageTemplateContainer {
    border: 1px solid #999;
    padding: 10px 0;
    width: 650px;
    overflow: hidden;
}

.pageTemplateHeader {
    border: 0;
    margin: 0 0 0 20px;
    padding: 0;
}

.pageTemplateHeader li {
    width: 590px;
}

.pageTemplateHeader li h2 {
    margin: 3px 0;
    text-align: center;
}

.pageTemplateContainer #leftcol {
    width: 210px;
    float: left;
    cursor: move;
}

.pageTemplateContainer #rightcol {
    width: 350px;
    float: right;
    cursor: move;
}

.pageTemplateContainer ul {
    min-height: 20px;
    border: 1px dotted #c00;
    padding: 0 10px;
    margin: 10px;
    list-style: none;
}

.pageTemplateContainer ul.pageTemplateHeader {
    border: 0;
}

.pageTemplateContainer ul li {
    padding: 10px;
    margin: 10px 0;
    position: relative;
}

.pageTemplateContainer ul li span.editcontrols {
    position: absolute;
    right: 5px;
    top: 5px;
}

.pageTemplateContainer ul li span.editcontrols a.del {
    border: 1px solid #f00;
    background: #a00;
    padding: 5px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
}

.pageTemplateContainer ul li span.editcontrols a.edit {
    border: 1px solid #0f0;
    background: #0a0;
    padding: 5px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
}

.pageTemplateFrame .buttonrow {
    position: absolute;
    top: 0;
    right: 50px;
}

.pageTemplateFrame .buttonrow span.button-action {
    margin-bottom: 10px;
}

td#coltitle h1 {
    line-height: 30px;
}

.newinbox .radio {
    margin-bottom: 24px;
}

.newinbox .radiobutton {
    float: left;
    width: 30px;
    text-align: center;
    display: block;
}

.newinbox .radiotext h3 span {
    font-size: 12px;
    color: #666;
    padding-left: 18px;
    font-weight: normal;
    background: url(/res/images/info.png) no-repeat 0 0;
    padding-bottom: 2px;
    margin-left: 5px;
}

.newinbox .radiotext {
    padding-left: 30px;
}

.newinbox .radiotext h3 {
    margin-bottom: 5px;
}

.newinbox .radiotext p {
    margin: 0 0 12px 0;
}

.newdin .radio {
    margin-bottom: 24px;
}

.newdin .radiobutton {
    float: left;
    width: 30px;
    text-align: center;
    display: block;
}

.newdin .radiotext h3 span {
    font-size: 12px;
    color: #666;
    padding-left: 22px;
    font-weight: normal;
    padding-bottom: 2px;
    margin-left: 5px;
}

.newdin .radiotext {
    padding-left: 30px;
}

.newdin .radiotext h3 {
    margin-bottom: 5px;
}

.newdin .radiotext p {
    margin: 0 0 12px 0;
}

ul.conversations {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.conversations li {
    display: block;
    float: left;
    width: 116px;
    height: 85px;
    overflow: hidden;
}

ul.conversations li span.icon {
    font-family: 'font-awesome';
    font-size: 3em;
    display: block;
    margin-bottom: 5px;
}

ul.conversations li a {
    width: 116px;
    height: 85px;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: block;
}

ul.conversations li a .unread {
    position: absolute;
    top: 1px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    background: #f00;
    width: 20px;
    height: 20px;
    text-decoration: none;
    padding-top: 1px;
    left: 27px;
    line-height: 19px;
    border-radius: 20px;
}

ul.conversations li a:hover .unread {
    color: #fff;
    text-decoration: none !important;
}

#convoarea {
    width: 100%;
    overflow: auto;
    max-height: 550px;
}

.convoitem {
    /*width: 580px;*/
    margin: 0px 0px 10px;
    overflow: hidden;
    clear: both;
    border-radius: 10px;
    padding: 10px;
}

.convoitem:last-child {
    margin: 0px;
}

.convoitem span {
    text-align: right;
    font-size: 0.8em;
    float: right;
    display: block;
    margin-top: 2px;
    margin-left: 10px;
}

.convoitem p {
    margin: 0;
    display: inline;
}

.convoO {
    background-color: #b1e753;
}

.convoI {
    background-color: #d2d2d2;
}

.convoN {
    background-color: #e75353;
    color: #fff;
}

.convoO span {
}

.convoN span {
}

#convospinner {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 0px;
}

.globaluniquecoding {
}

.uniquecoding {
}

#page-messages .uniquecoding {
}

#modalbg,
#TB_overlay,
.ticketsListTable td ul li.ticketInfo .ticketInfoWindowBG {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 14000;
}

#modalbox,
#tkModalContainer,
#TB_window,
#stModalBG #stModalContainer,
#fmModalBG #fmModalContainer {
    width: 480px;
    position: fixed;
    left: 50%;
    margin-left: -240px;
    z-index: 15000;
    overflow-y: auto;
    overflow-x: hidden;
    top: 5%;
    max-height: 90%;
    border-radius: 3px;
}

#modalbox.wide,
#tkModalContainer.wide,
#TB_window.wide,
#stModalBG #stModalContainer.wide,
#fmModalBG #fmModalContainer {
    width: 820px;
    margin-left: -410px;
}

#stModalBG #stModalContainer.small {
    width: 480px;
    margin-left: -250px;
}

#modalinner,
#stModalBG #stModalContainer #stModalContent,
#fmModalBG #fmModalContainer #fmModalContent {
    height: 100%;
}

#modal-cross {
    position: absolute;
    top: -6px;
    right: -6px;
    cursor: pointer;
}

.tipsy {
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(/res/images/tipsy.gif);
}

.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: left;
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north {
    background-position: top center;
}

.tipsy-south {
    background-position: bottom center;
}

.tipsy-east {
    background-position: right center;
}

.tipsy-west {
    background-position: left center;
}

ul.icons li.account a {
    background-image: url(/res/images/newicons/47px/iconset-user.png);
}

ul.icons li.password a {
    background-image: url(/res/images/newicons/47px/iconset-padlock.png);
}

ul.icons li.twitter a {
    background-image: url(/res/images/newicons/47px/iconset-social.png);
}

ul.icons li.rss a {
    background-image: url(/res/images/newicons/47px/iconset-rss.png);
}

ul.icons li.outlook a {
    background-image: url(/res/images/newicons/47px/iconset-letter.png);
}

ul.icons li.send a {
    background-image: url(/res/images/newicons/47px/iconset-email.png);
}

ul.icons li.sendernames a {
    background-image: url(/res/images/newicons/47px/iconset-speech.png);
}

ul.icons li.groupids a {
    background-image: url(/res/images/newicons/47px/iconset-document.png);
}

ul.icons li.alerts a {
    background-image: url(/res/images/newicons/47px/iconset-mediasound.png);
}

ul.icons li.search a {
    background-image: url(/res/images/newicons/47px/iconset-search.png);
}

ul.icons li.historysingle a {
    background-image: url(/res/images/newicons/47px/iconset-user.png);
}

ul.icons li.historyemail a {
    background-image: url(/res/images/newicons/47px/iconset-email.png);
}

ul.icons li.shortlinks a {
    background-image: url(/res/images/newicons/47px/iconset-charts.png);
}

ul.icons li.scheduled a {
    background-image: url(/res/images/newicons/47px/iconset-calendar.png);
}

ul.icons li.optouts a {
    background-image: url(/res/images/newicons/47px/iconset-optout.png);
}

ul.icons li.historygroup a {
    background-image: url(/res/images/newicons/47px/iconset-groups.png);
}

ul.icons li.historyapi a {
    background-image: url(/res/images/newicons/47px/iconset-api.png);
}

ul.icons li.historyprem a {
    background-image: url(/res/images/newicons/47px/iconset-premium.png);
}

ul.icons li.settings a {
    background-image: url(/res/images/newicons/47px/iconset-settings.png);
}

ul.icons li.contacts a {
    background-image: url(/res/images/newicons/47px/iconset-groups.png);
}

ul.icons li.subusers a {
    background-image: url(/res/images/newicons/47px/iconset-groups.png);
}

ul.icons li.reports a {
    background-image: url(/res/images/newicons/47px/iconset-charts.png);
}

ul.icons li.receipts a {
    background-image: url(/res/images/newicons/47px/iconset-phonesettings.png);
}

ul.icons li.emailtosms a {
    background-image: url(/res/images/newicons/47px/iconset-emailtosms.png);
}

ul.icons li.history a {
    background-image: url(/res/images/newicons/47px/iconset-document.png);
}

ul.icons li.templates a {
    background-image: url(/res/images/newicons/47px/iconset-document.png);
}

ul.icons li.invalid a {
    background-image: url(/res/images/newicons/47px/iconset-optout.png);
}

ul.icons li.emailchecker a {
    background-image: url(/res/images/newicons/47px/iconset-email.png);
}

ul.icons li.messages a {
    background-image: url(/res/images/newicons/47px/iconset-phone.png);
}

ul.icons li a {
    background-size: 47px;
}

#facebook_options {
    margin-left: 20px;
}

#facebook_options label {
    width: auto;
}

#facebook_options .checkbox {
    background-color: #e3e3e3;
    margin-bottom: 0 !important;
    padding-bottom: 10px;
    padding-top: 10px;
}

#facebook_options .checkbox.even {
    background-color: #f0f0f0;
}

#facebook_options .text {
    margin-bottom: 0 !important;
}

.validateError {
    background-color: #ffdddd !important;
}

.vidPlay {
    box-shadow: none !important;
    width: 88px !important;
    position: absolute !important;
    top: 70px !important;
    left: 165px !important;
}

#inboxPurchase hr {
    margin: 20px 0 10px 0;
}

#inboxPurchase h3.notice {
    color: #7a3d92;
}

#inboxPurchase h3.notice span {
    color: #00b0f7;
}

#inboxPurchase .inboxTypeBox,
#inboxPurchase .inboxDescBox {
    background-color: #f0f0f0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

#inboxPurchase .inboxTypeBox {
    width: 450px;
    height: 120px;
}

#inboxPurchase .inboxDescBox {
    width: 260px;
    height: 350px;
    position: relative;
    padding: 0 20px;
}

#inboxPurchase .inboxDescBox p {
    text-align: justify;
}

#inboxPurchase .inboxDescBox img {
    position: absolute;
    left: 0;
    bottom: 0;
}

#inboxPurchase .inboxTypeBox.selected,
#inboxPurchase .inboxDescBox.selected {
    background-color: #d8d8d8;
    box-shadow: 0px 0px 5px #7a3d92;
}

#inboxPurchase .inboxTypeBox:hover,
#inboxPurchase .inboxDescBox:hover {
    cursor: pointer;
}

#inboxPurchase .inboxTypeBox.leftBox {
    margin-right: 14px;
}

#inboxPurchase .inboxTypeBox.rightBox {
    margin-left: 14px;
}

#inboxPurchase .inboxTypeBox.middleBox,
#inboxPurchase .inboxDescBox.middleBox {
    margin: 0 11px;
}

#inboxPurchase .inboxTypeBox h3 {
    margin-top: 50px;
    line-height: 0;
}

#inboxPurchase .boxSeperator {
    margin-top: 20px;
}

#inboxPurchase #step2sms,
#inboxPurchase #step2mms,
#inboxPurchase #step2charity,
#inboxPurchase #step3Online,
#inboxPurchase #step3Offline {
    display: none;
}

.availableAsAppBanner {
    background: transparent url(/res/images/available-as-app-banner.png) 0 0
    no-repeat;
    width: 240px;
    height: 60px;
}

#salesPromos {
    width: 100%;
    margin: 0 0 20px;
}

#salesPromos .salesPromo {
    background: none repeat scroll 0 0 #dddddd;
    border-radius: 3px 3px 3px 3px;
    color: #ffffff;
    float: left;
    font-size: 1.2em;
    margin-right: 20px;
    padding: 15px;
    text-shadow: 1px 1px 5px #252525;
    position: relative;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-align: justify;
}

#salesPromos .button {
    background: none repeat scroll 0 0 rgba(57, 57, 57, 0.85);
    border-radius: 2px 2px 2px 2px;
    color: #ffffff;
    cursor: pointer;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 0.9em;
    height: 35px;
    line-height: 35px;
    text-shadow: 1px 1px 1px #363636;
    text-align: center;
}

#salesPromos .button a {
    color: #ffffff;
    display: inline-block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

#salesPromos .salesPromo.last {
    margin-right: 0px;
}

#salesPromos .salesPromo.blue {
    background: url('/res/images/survey_button_grad_blue.jpg') repeat-x scroll 0
    0 #469fc8;
}

#salesPromos .salesPromo.onge {
    background: url('/res/images/survey_button_grad_red.jpg') repeat-x scroll 0
    0 #bd4d4c;
}

#salesPromos .salesPromo.pple {
    background: url('/res/images/survey_button_grad_purple.jpg') repeat-x scroll
    0 0 #7a3d92;
}

#salesPromos .salesPromo.gren {
    background: url('/res/images/survey_button_grad_green.jpg') repeat-x scroll
    0 0 #83c172;
}

#salesPromos .salesPromo.salesPromo1 {
    width: 902px;
    height: 50px;
}

#salesPromos .salesPromo.salesPromo1 .textArea {
    float: left;
    width: 687px;
    line-height: 25px;
}

#salesPromos .salesPromo.salesPromo1 .button {
    float: right;
    height: 50px;
    line-height: 50px;
    width: 200px;
}

#salesPromos .salesPromo.salesPromo2 {
    width: 426px;
    height: 50px;
}

#salesPromos .salesPromo.salesPromo2 .textArea {
    float: left;
    width: 286px;
    font-size: 0.9em;
}

#salesPromos .salesPromo.salesPromo2 .button {
    float: right;
    min-height: 50px;
    line-height: 50px;
    width: 125px;
}

#salesPromos .salesPromo.salesPromo3 {
    width: 267px;
    min-height: 50px;
    padding-bottom: 60px;
}

#salesPromos .salesPromo.salesPromo3 .textArea {
    font-size: 0.8em;
}

#salesPromos .salesPromo.salesPromo3 .button {
    position: absolute;
    bottom: 15px;
    width: inherit;
}

#salesPromos .salesPromo.salesPromo4 {
    width: 188px;
    min-height: 64px;
    padding-bottom: 60px;
}

#salesPromos .salesPromo.salesPromo4 .textArea {
    font-size: 0.8em;
}

#salesPromos .salesPromo.salesPromo4 .button {
    position: absolute;
    bottom: 15px;
    width: inherit;
}

#importDidYouKnow {
    float: right;
    width: 232px;
    padding-left: 20px;
    margin-top: 27px;
}

#importDidYouKnow h3 {
    background: url('/res/images/buttonBackground.png') repeat-x scroll 0 0
    #0a6cad;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px 5px 4px 7px;
}

#importDidYouKnow p {
    text-align: justify;
    margin: 0;
}

#importDidYouKnow .appStoreButton {
    margin-right: 10px;
}

#importDidYouKnow #didYouKnowContent {
    padding: 10px;
    border: 1px solid #e3e3e3;
}

.standardMessageTextarea {
    /*margin-bottom: 47px;*/
}

.advancedTemplateForm input {
    border: 1px solid #c6c6c6;
    padding-left: 3px;
    width: 110px;
    height: 16px;
}

.advancedTemplateForm select {
    border: 1px solid #c6c6c6;
    padding-left: 3px;
    height: 20px;
}

.advancedTemplateForm select option:disabled {
    color: #aaaaaa;
}

.advancedTemplateForm p {
    line-height: 25px;
    text-align: center;
}

.messagereplacement {
    margin: 49px 0px;
    text-align: center;
}

h2.messagereplacement {
    width: 100%;
}

.customDropdown {
    width: 100px;
    border: 1px solid #888888;
    font-size: 17px;
    background-color: #cccccc;
    padding: 10px;
    display: none;
    position: absolute;
    z-index: 999;
}

.customDropdown .cddItem {
    text-decoration: none;
    color: #444444;
    padding: 5px;
    line-height: 26px;
    cursor: default;
}
.customDropdown .cddHover {
    background-color: #aaaaaa;
}

.advTemplateSpan {
    position: relative;
    display: inline-block;
}

.advTmpObj {
    z-index: 0;
}

.cancelDropdown {
    background: #ff9999;
    font-weight: bold;
}

.urlstatslink {
    cursor: pointer;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: underline;
}

.xe-deprecated {
    height: 0px;
    position: relative;
    display: none;
}

#message-body {
    height: 100px;
    resize: vertical;
    max-height: 250px;
    min-height: 100px;
}

strong {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

#top-navigation {
    width: 100%;
    margin: 0pt auto;
    border: 0px;
    height: 50px;
}

#new-navigation {
    list-style: none;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    width: 972px;
}

#new-navigation li {
    float: left;
    overflow: visible;
    position: relative;
    height: 50px;
}

#new-navigation li a {
    cursor: pointer;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
}

#new-navigation li.leftAlign ul {
    left: -105px;
}

#new-navigation li a.nav-settings,
#new-navigation li a.wizardIconClick {
}

#new-navigation li a:hover,
#new-navigation li a.active {
}

#new-navigation li a span {
    padding: 0 !important;
}

#new-navigation li ul {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    z-index: 999;
    list-style: none;
    min-width: 200px;
    white-space: nowrap;
}

#new-navigation li ul li {
    text-align: left;
    width: 100%;
    border: none;
    display: block;
}

#new-navigation li ul li a:hover {
}

#new-navigation li.subhoverClicked a {
}

#new-navigation li ul li a {
    display: block;
    text-align: left;
    text-decoration: none;
    padding: 0 0 0 15px;
    width: 100%;
}

h1 {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

h1 a {
    text-decoration: none;
}

h1 .icon {
    font-family: 'font-awesome';
    margin-right: 10px;
}

h2 {
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
}

h2 span.bullet,
h2 span.showHelp,
.closemodal,
span#tkModalClose,
#TB_closeWindowButton,
#stModalBG #stModalContainer #stModalHeader #stModalClose,
#fmModalBG #fmModalContainer #fmModalHeader #fmModalClose,
#filePreview > .cancelInsertButton {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    border-radius: 3px;
    font-size: 0.8em;
    line-height: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    text-decoration: none;
}
.styleHelp {
    background: #885e98;
    -webkit-box-shadow: 0px 2px 0px 0px #653e74;
    -moz-box-shadow: 0px 2px 0px 0px #653e74;
    box-shadow: 0px 2px 0px 0px #653e74;
    color: white;
}

h2 span.bullet {
    line-height: 20px;
}

h2 span.showHelp,
.closemodal,
span#tkModalClose,
#TB_closeWindowButton,
#stModalBG #stModalContainer #stModalHeader #stModalClose,
#fmModalBG #fmModalContainer #fmModalHeader #fmModalClose,
#filePreview > .cancelInsertButton {
    float: right;
    margin-right: 0;
    cursor: pointer;
    font-family: 'font-awesome';
    font-size: 0.7em;
}

#modalbox .closemodal,
#modalbox #tkModalClose,
#TB_closeWindowButton,
#stModalBG #stModalContainer #stModalHeader #stModalClose,
#fmModalBG #fmModalContainer #fmModalHeader #fmModalClose,
#tkModalContainer span#tkModalClose,
#filePreview > .cancelInsertButton {
    margin-right: 15px;
    margin-top: 15px;
}

#stModalBG #stModalContainer #stModalHeader #stModalClose {
    background-color: #af5555;
}

#modalbox h2,
#TB_content h2,
#stModalBG #stModalContainer #stModalHeader,
#tkModalContainer h2,
#fmModalBG #fmModalContainer #fmModalHeader #fmModalTitle,
#filePreview h2 {
    height: 50px;
    margin-bottom: 0px;
    border-radius: 3px 3px 0px 0px;
    line-height: 50px;
    font-size: 1em;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-align: center;
    padding-left: 50px;
}

#breadcrumbs {
    height: 30px;
    margin-bottom: 30px;
}

#tabs {
    margin: 0px;
    height: 30px;
    padding: 0px;
    overflow: hidden;
    list-style: outside none none;
}

#tabs li {
    float: left;
    height: 30px;
}

#tabs li a {
    padding: 0px 13px;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 30px;
}

#tabs li a:hover {
}

#tabs li.tabs-selected {
}

#tabs li.tabs-selected a:hover {
}

#content .leftCol,
#content .rightCol,
#content .centreCol.small {
    width: 460px;
}

#content .leftCol.small,
#content .middleCol.small,
#content .rightCol.small {
    width: 306px;
}

#content .middleCol.small {
    margin-left: 20px;
}

#content .leftCol.large,
#content .rightCol.large {
    width: 626px;
}

#content .leftCol .content,
#content .middleCol .content,
#content .rightCol .content,
#content .centreCol .content,
#content .fullCol .content,
#modalbox .content,
#tkModalContainer .content,
#TB_ajaxContent .content,
#stModalBG #stModalContainer #stModalContent {
    border-radius: 0px 0px 3px 3px;
    margin-bottom: 30px;
    padding: 20px;
}

#content .content.recepient,
#content .content.lessPadding {
    padding: 10px;
}

#page-send #content .recepient.content {
    margin-top: -1px;
}

#content .content.noPadding {
    padding: 0;
}

#page-send #content .content.recepient #send-quicksend,
#page-send-mms #content .content.recepient #send-quicksend {
    width: 434px;
    min-height: 90px;
}

#TB_ajaxContent .content {
    padding: 0px;
}

#TB_ajaxContent .content.padding {
    padding: 20px;
}

#content .leftCol .content.last,
#content .rightCol .content.last,
#content .centreCol .content.last,
#content .fullCol .content.last,
#modalbox .content,
#tkModalContainer .content,
#TB_ajaxContent .content,
#stModalBG #stModalContainer #stModalContent {
    margin-bottom: 0px;
}

#content .leftCol,
#content .middleCol {
    float: left;
}

#content .rightCol {
    float: right;
}

#content .clearCol {
    clear: both;
}

#content .clearCol.gutter {
    margin-bottom: 20px;
}

#content .centreCol {
    width: 640px;
    margin: 0 auto;
}

#content .centreCol.small {
    width: 460px;
}

#content .fullCol {
    width: 100%;
}

#content .leftCol.left,
#content .leftCol.right,
#content .rightCol.left,
#content .rightCol.right {
    width: 204px;
}

#content .leftCol.left {
    margin-right: 52px;
}

#content .leftCol.right {
}

#content .rightCol.left {
}

#content .rightCol.right {
    margin-right: 52px;
}

.defContainer label {
    display: block;
    margin-bottom: 5px;
    font-size: 0.9em;
    cursor: pointer;
}

.defLabel.noSelect {
    cursor: default;
}

.defContainer .offline label {
    cursor: default;
}

.defContainer input {
    height: 30px;
    border-radius: 3px;
    padding: 0 10px;
    width: 98px;
    display: inline-block;
    font-size: 0.9em;
    vertical-align: top;
}

.defContainer input[type='radio'] {
    padding: 0;
}

.defContainer input[type='text']::-ms-clear {
    display: none;
}

.defContainer input[type='submit'] {
}

.defContainer input[type='file'] {
    width: 100%;
}

.defContainer input.medium {
    width: 198px;
}

.defContainer input.large {
    width: 398px;
}

.defContainer input.full {
    width: 100%;
    box-sizing: border-box;
}

.defContainer.disabled input,
.defContainer.disabled textarea,
.defContainer.disabled .selectBox,
.defContainer.disabled .selectMultiBox {
    cursor: not-allowed;
}

input.disabled,
textarea.disabled,
.selectBox.disabled,
.selectMultiBox.disabled {
    cursor: not-allowed;
}

.defContainer input.hasInputIcon {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 68px;
}

.defContainer input.hasInputIcon.medium {
    width: 168px;
}

.defContainer input.hasInputIcon.large {
    width: 368px;
}

.defContainer .inputIcon {
    width: 30px;
    height: 32px;
    margin: 0;
    padding: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 0.8em;
    line-height: 32px;
    text-align: center;
    font-family: 'font-awesome';
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}

.defContainer input.inTableActive {
    height: 25px;
    width: 100%;
    box-sizing: border-box;
}

#footer p {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    line-height: 13px;
}

#footer p a {
}

.defButton.gutter {
    margin-right: 17px;
}

.defSelectGutter {
    margin-right: 17px;
}

#page-messages .centreCol.small .defButton.gutter,
#page-templates .centreCol.small .defButton.gutter {
    margin-right: 15px;
}

#page-messages .centreCol.small #load-inject-custom-box .defButton.gutter {
    margin-right: 6px;
}

#page-messages .centreCol.small .defButton.gutter .defButton.gutter,
#page-templates .centreCol.small .defButton.gutter .defButton.gutter {
    margin-right: 0px;
}

.defButton.gutter .defButton.gutter {
    margin-right: 0px;
}

.defButton.floatRight {
    float: right;
}

.defContainer,
#itemEditForm textarea {
    margin-bottom: 16px;
}

table .defContainer {
    margin-bottom: 0;
}

.defContainerText {
    margin-bottom: 16px;
}

.defContainer.last {
    margin-bottom: 0px !important;
}

.defButton {
    border: 0;
    border-radius: 3px 3px 3px 3px;
    float: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-appearance: none;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    position: relative;
}

.defButton span {
    font-family: 'font-awesome';
    margin-right: 0px;
    margin-left: 10px;
    line-height: 30px;
}

.defButton.iconOnly span {
    margin-left: 0px;
}

.defButton span.tick {
    font-family: 'font-awesome';
    margin-right: 10px;
    margin-left: 0px;
    display: none;
}

.defButton.ticked span.tick {
    display: inline;
}

.defButton.minWidth span,
.defButton.thirdWidth span {
    position: absolute;
    top: 0;
    right: 10px;
}

.defButton.minWidth span.tick,
.defButton.thirdWidth span.tick {
    left: 10px;
    right: auto;
}

.defButton.minWidth {
    min-width: 160px;
}
.defButton.minWidth.hasIcon {
    padding-right: 19px;
}
.defButton.thirdWidth {
    min-width: 113px;
}

.defButton.styleDisabled,
.defButton.disabled {
    cursor: not-allowed;
}
.defButton.deduct-top {
    position: relative;
    top: -10px;
}

input.defButton {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 0 10px;
    width: auto;
    font-size: 1em;
}

.defContainer.disbaled .inputIcon {
    background-color: #bdccda;
}

.defContainer textarea,
.advancedTemplateForm .simulateTextarea {
    width: 398px;
    max-width: 398px;
    min-width: 98px;
    min-height: 78px;
    padding: 10px;
    border-radius: 3px;
    outline: none;
    color: #344564;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.9em;
}

.defContainer .defTextarea#emailalertaddresses,
.defContainer .defTextarea#forwardemails {
    max-height: 180px;
}

.defContainer .defSelectContainer {
    display: inline-block;
    min-width: 119px;
}

.defContainer .defSelectContainer.right {
    float: right;
}

.defContainer select.defSelect,
.defContainer select.defMultiSelect {
    display: none;
}

.defContainer .selectBox,
.defContainer .selectMultiBox {
    width: 68px;
    height: 30px;
    line-height: 30px;
    border-right: 0;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: inline-block;
    padding: 0 10px;
    font-size: 0.9em;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-weight: normal;
}

.recepientmemberlist .defContainer .selectBox,
.recepientmemberlist .defContainer .selectMultiBox {
    width: 84px;
    line-height: inherit;
    height: 30px;
}

.defContainer .selectBox span,
.defContainer .selectMultiBox span {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
}

.recepientmemberlist .defContainer .selectBox span,
.recepientmemberlist .defContainer .selectMultiBox span {
    height: 30px;
    line-height: 30px;
    display: inline;
}

.defContainer .selectBox.medium,
.defContainer .selectMultiBox.medium {
    width: 168px;
}

.defContainer .selectBox.large,
.defContainer .selectMultiBox.large {
    width: 368px;
}

.defContainer .selectBox.full,
.defContainer .selectMultiBox.full {
    width: 100%;
    box-sizing: border-box;
}

.defContainer .selectBox.disabled {
    cursor: not-allowed;
}

.defContainer .inputIcon.select {
    cursor: pointer;
    line-height: 31px;
}

.recepientmemberlist .defContainer .inputIcon {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#send-search .recepientmemberlist td:first-child {
    padding-right: 5px;
}

#send-search .recepientmemberlist td {
    padding-left: 5px;
}

.defContainer.disabled .inputIcon,
.defContainer .disabled + .inputIcon {
    cursor: not-allowed;
}

.defContainer .selectBox ul,
.defContainer .selectMultiBox ul {
}

.defContainer .selectBox.medium ul,
.defContainer .selectMultiBox ul {
}

.defContainer .selectBox.large ul,
.defContainer .selectMultiBox ul {
}

.defContainer ul.selectOptions {
    display: none;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    max-height: 200px;
    position: absolute;
    top: 35px;
    border-radius: 3px;
    overflow: auto;
    left: -1px;
    z-index: 2;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f1f1f1;
}

.defContainer ul.selectOptions::-webkit-scrollbar {
    width: 12px;
}
.defContainer ul.selectOptions::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.defContainer ul.selectOptions::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px;
    border: 2px solid #f1f1f1;
}

.defContainer ul.selectOptions li {
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.defContainer ul.selectOptions li.selected {
}

.defContainer ul.selectOptions li:hover {
}

.defContainer ul.selectOptions li.disabled,
.defContainer ul.selectOptions li.disabled:hover {
    cursor: not-allowed;
}

.defContainer ul.selectOptions li.optgroup {
    cursor: default;
}

.defContainer ul.selectOptions li.optgroupSub {
    padding-left: 20px;
}

.defContainer input.defCheckbox,
.defContainer input.defRadio {
    display: none;
}

.defContainer div.defCheckbox {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    text-align: center;
    font-family: 'font-awesome';
    cursor: pointer;
    font-size: 0.75em;
}

.defContainer div.defCheckbox span {
    font-family: 'font-awesome';
}

.defContainer div.defCheckbox.inlineLabel {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.defContainer div.defCheckbox.inlineLabel + label {
    line-height: 17px;
    display: inline;
    vertical-align: top;
    padding-top: 2px;
}

.defContainer div.defCheckbox.defInline,
.defContainer div.defRadio.defInline {
    margin-top: 8px;
}

.defContainer div.defCheckbox.checked span {
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-top: 1px;
    margin-left: 0;
    text-align: center;
    vertical-align: top;
}

#recepientmemberlist01 .defContainer div.checked.defCheckbox span {
    display: block;
}

.defContainer div.defCheckbox.disabled,
.defContainer div.defRadio.disabled {
    cursor: not-allowed;
}

.defContainer div.defRadio {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    text-align: center;
    font-family: 'font-awesome';
    cursor: pointer;
    font-size: 0.75em;
}

.defContainer input.defRadio {
    width: auto;
    height: auto;
    border-radius: none;
    font-size: auto;
}

.defContainer div.defRadio.inlineLabel {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.defContainer div.defRadio.inlineLabel + label {
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}

.defContainer div.defRadio.checked span {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 3px;
}

.defContainer div.defRadio.disabled span {
}

.defContainer div.defCheckbox span,
.defContainer div.defRadio span {
    display: none;
    line-height: 12px;
}

.defContainer .inline {
    display: inline-block;
    vertical-align: top;
}

.defContainer .inlineGutter {
    display: inline-block;
    width: 10px;
}

.helpPopOver {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #885e98;
    width: 400px;
    z-index: 99;
    font-size: 0.9em;
}

.clear {
    clear: both;
}

.helpPopOver .helpContainer {
    border-radius: 3px;
}

.helpPopOver .helpContent {
    padding: 20px 20px 10px 20px;
}

.helpPopOver h3 {
    font-size: 1em;
    font-weight: normal;
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    background: #ffffff;
}

.helpPopOver .bottomBar {
    width: 100%;
    height: 30px;
    position: relative;
    border-radius: 0 0 3px 3px;
}

.helpPopOver .helpSelect {
    margin-left: 20px;
    line-height: 30px;
    cursor: pointer;
    display: inline;
}

.helpPopOver .helpSelect span,
.helpPopOver .helpButton span {
    font-family: 'font-awesome';
    margin-left: 10px;
}

.helpPopOver .helpButton {
    position: relative;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    border-radius: 0 0 3px 0;
    display: inline-block;
}

.helpPopOver .helpButton.back {
    float: none;
    width: 0px;
    border-radius: 0px 0px 0px 3px;
    vertical-align: top;
}

.helpPopOver .helpButton.hide {
    display: none;
}

.helpPopOver .helpButton.back span {
    margin-left: -2px;
}

.helpPopOver .arrow {
    position: absolute;
    top: 24px;
    right: -12px;
    width: 12px;
    height: 22px;
}

.helpPopOver .defContainer {
    margin-bottom: 0;
}

.helpPopOver .selectBox {
    height: auto;
    width: auto;
    margin: 0 0 0 0px;
    width: 225px;
}

.helpPopOver ul.selectOptions {
    width: 240px;
}

.helpPopOver ul.selectOptions li:hover {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.helpPopOver ul.selectOptions li.disabled:hover {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.topRightButtons {
    float: right;
    margin-left: 10px;
}

.topRightButtons .defButton.spacer {
    margin-bottom: 10px;
}

.defButton.headerButtonsStyle {
    width: 100px;
    height: 25px;
    line-height: 24px;
    display: block;
}

.defButton.balanceButtonStyle {
    width: 67px;
    height: 25px;
    line-height: 24px;
    margin-left: 10px;
}

.defNotice {
    padding: 6px 20px 7px 45px;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    min-height: 19px;
}

#modalbox .defNotice {
    min-height: 17px;
}

#modalbox .error.defNotice {
    min-height: 19px;
}

.previewmessage .defNotice,
.previewmessage .defNotice.warning,
.previewmessage .defNotice.error {
    font-size: 0.85em;
    line-height: 1.2em;
    border-radius: 0px;
}

.defNotice.topMargin {
    margin-top: 15px;
}

.defNotice.bottomMargin {
    margin-bottom: 15px;
}

.defNotice.hide {
    display: none !important;
}

.defNotice .icon {
    width: 32px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 0px 0px 3px;
    font-family: 'font-awesome';
    position: absolute;
    top: 0px;
    left: 0px;
}

.defNotice .noticeContent {
    margin-top: 0px;
}

.defNotice .noticeContent ul {
    padding: 0px;
    margin: 0px 0px 0px 15px;
}

.defNotice .noticeContent ul li {
    margin-top: 2px;
}

.previewmessage .defNotice .noticeContent {
    margin-top: 3px;
}

/* Mobile Pages Styles */

.cke_contents,
.cke_contents iframe {
    background-color: Transparent !important;
    border: 0 !important;
    font-color: #000 !important;
}

#colorSelector {
    height: 36px;
    position: relative;
    width: 36px;
}

#colorSelector div {
    background: url('/res/colorpicker/images/select.png') repeat scroll center
    center transparent;
    height: 30px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 30px;
}

#pageholder {
    text-align: center;
    width: 100%;
    margin: 0 auto 20px auto;
}

.iphone #pagecanvas {
    position: relative;
    margin: 0 auto;
}

.iphone .portrait {
    height: 780px;
    width: 383px;
    background: url(/res/images/iphone-portrait.png) no-repeat 0 0;
}

.iphone .landscape {
    width: 780px;
    height: 399px;
    background: url(/res/images/iphone-landscape.png) no-repeat 0 0;
}

.iphone .landscape #pagecontent {
    width: 591px;
    height: 333px;
    position: absolute;
    left: 94px;
    top: 23px;
}

.iphone .portrait #pagecontent {
    height: 591px;
    width: 333px;
    position: absolute;
    top: 95px;
    left: 25px;
}

.iphone .landscape .cke_contents {
    height: 330px !important;
}

.iphone .portrait .cke_contents {
    height: 587px !important;
}

.pagecontentiframe {
    overflow: hidden !important;
}

.pagecontnetiframe iframe {
    border: 0;
}

.samsung #pagecanvas {
    position: relative;
    margin: 0 auto;
}

.samsung .portrait {
    height: 780px;
    width: 403px;
    background: url(/res/images/samsung-portrait.png) no-repeat 0 0;
}

.samsung .landscape {
    width: 780px;
    height: 403px;
    background: url(/res/images/samsung-landscape.png) no-repeat 0 0;
}

.samsung .landscape #pagecontent {
    width: 630px;
    height: 354px;
    position: absolute;
    left: 76px;
    top: 25px;
}

.samsung .portrait #pagecontent {
    height: 631px;
    width: 355px;
    position: absolute;
    top: 75px;
    left: 24px;
}

.samsung .landscape .cke_contents {
    height: 350px !important;
}

.samsung .portrait .cke_contents {
    height: 627px !important;
}

#pagecontent {
    text-align: left;
    color: #eee;
    padding: 0px;
}

.pagecontentitem {
    position: relative;
}

.pagecontentitem .editcontrol {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.9;
    display: none;
}

.pagecontentitem .editcontrol a {
    background: #333;
    padding: 2px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #eee;
    text-decoration: none;
    margin-left: 5px;
}

.pagecontentitem .editcontrol a:hover {
    background: #444;
    color: #fff;
}

.defButton.rotatePhone {
    margin-left: 10px;
}

.iphone #pagecanvas.landscape {
    margin-left: -90px;
}

.samsung #pagecanvas.landscape {
    margin-left: -90px;
}

.pageDesignMergeFields {
    text-align: center;
    padding: 20px 0;
    margin: 0;
}

#pagemessages .messageToDisplay {
    margin-bottom: 20px;
    display: none;
}

#mergeFieldButtons {
    height: 30px;
    position: absolute;
    z-index: 1;
    bottom: -25px;
    max-height: 30px;
    border-radius: 0px 0px 3px 3px;
    width: 418px;
}

#mergeFieldButtons #leftMergeButtons {
    float: left;
}

#mergeFieldButtons #leftMergeButtons .defButton span {
    margin-left: 0px;
    line-height: 20px;
}

#mergeFieldButtons #leftMergeButtons .defButton .toolTip {
    position: absolute;
    top: -23px;
    height: 20px;
    line-height: 20px;
    padding: 0px 10px;
    border-radius: 3px;
    display: none;
    white-space: nowrap;
    z-index: 1;
}

#mergeFieldButtons #rightMergeButtons {
    float: right;
}

#mergeFieldButtons #rightMergeButtons .defButton {
    margin: 5px 5px 0px 5px;
    height: 20px;
    line-height: 19px;
}

#mergeFieldButtons #rightMergeButtons .defButton:hover {
}

#mergeFieldButtons #rightMergeButtons .defButton span {
    line-height: 20px;
    vertical-align: top;
}

#mergeFieldButtons .customInsertBox {
    display: block;
    position: absolute;
    bottom: 30px;
    width: 418px;
    border-radius: 3px 3px 0px 0px;
}

#mergeFieldButtons .customInsertBox#load-inject-restricted-box {
    display: none;
    width: 418px;
    padding-left: 0px;
    text-align: right;
}

#mergeFieldButtons .customInsertBox .topLine {
    margin: 8px 2px 0px;
}

#mergeFieldButtons .customInsertBox .bottomLine {
    margin: 12px 5px 15px;
}

#mergeFieldButtons .customInsertBox .defButton {
    height: 25px;
    line-height: 26px;
    width: 106px;
}

#mergeFieldButtons .customInsertBox .defButton.thin {
    width: 72px;
}

#mergeFieldButtons .customInsertBox .defButton.gutter {
    margin-right: 10px;
}
#mergeFieldButtons .customInsertBox#load-inject-restricted-box .defButton {
    width: auto;
}
#mergeFieldButtons .customInsertBox#load-inject-restricted-box #inject-cancel {
    width: 50px;
}
body#page-templates #messages {
    display: none;
}
#messages {
    margin-bottom: 10px;
}
.diasbledVIew {
    pointer-events: none;
    cursor: default;
}
.rightCol #message-body,
.rightCol #description {
    max-width: 398px !important;
    min-width: 398px !important;
}

#templateFoldersrightCol .rightCol #mergeFieldButtons {
    height: 60px;
    max-height: 60px;
    width: 418px !important;
}

#ajaxload .submitButtonContainer.minWidth input.submitHasIcon {
    padding-right: 15px;
}

div.rightCol div#mergeFieldButtons div#load-inject-custom-box {
    padding-left: 0 !important;
}
.rightCol .bottomLine #inject-cancel {
    margin-top: 8px;
}

.rightCol #mergeFieldButtons .customInsertBox#load-inject-restricted-box {
    width: 419px;
}

.advancedTemplateForm {
    display: none;
}

.advancedTemplateForm .simulateTextarea {
    margin-top: 10px;
    min-height: 100px;
}

.advancedTemplateForm .simulateTextarea .selectBox span {
    margin-top: 0px;
}

.advancedTemplateForm .simulateTextarea input {
    margin-right: 10px;
}

.rtSelect {
    margin: 5px 0;
    display: inline;
}

.rtSelect .selectBox {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: #344564 !important;
    border-radius: 1px !important;
    padding: 0px !important;
    -webkit-appearance: none !important;
    height: auto !important;
    line-height: normal !important;
}
.rtSelect .selectBox span {
    height: auto !important;
    line-height: normal !important;
}
.rtSelect .selectBox:focus {
    outline: 0;
}

.rtSelect .inputIcon {
    display: none;
}

.rtSpan {
    text-decoration: underline;
    padding: 0px 3px;
    display: inline-block;
    min-width: 30px;
    margin: 0;
    word-break: break-all;
    min-height: 15px;
}
.rtSpan:focus {
    outline: 0;
}

.rtSpan.placeholder-text {
    color: #a9a9a9;
}

.submitButtonContainer {
    padding: 0;
}

.submitButtonContainer input.submitHasIcon {
    padding-right: 30px;
    text-align: left;
}

.submitButtonContainer.minWidth input.submitHasIcon {
    padding-right: 0;
    text-align: center;
    width: 200px;
}

.submitButtonContainer span {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1;
}

.buttonSpacer {
    margin-top: 20px;
}

.sectionIconRow.gutter {
    margin-bottom: 40px;
}

.sectionIcon {
    float: left;
    width: 213px;
    margin: 10px 10px 0px;
    padding-bottom: 20px;
}

.sectionIcon.gutter {
    margin-right: 20px;
}

.sectionIcon a {
}

.sectionIcon a .icon {
    display: block;
    float: left;
    height: 50px;
    text-align: center;
    font-family: 'font-awesome';
    font-size: 3em;
    width: 50px;
}

.sectionIcon a .text {
    float: right;
    width: 148px;
    word-wrap: break-word;
}

.sectionIcon a .text span {
    font-family: 'myriad-pro', Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 600;
    float: none;
}

.sectionIcon a:hover .text span {
    text-decoration: underline;
}

.dashboardCol {
    height: 260px;
}

.dashboardUpsell {
    position: relative;
    overflow: hidden;
}

.dashboardUpsell .icon {
    font-size: 26em;
    line-height: 0.85em;
    position: absolute;
    top: 0;
    left: 0;
}

.dashboardUpsell .icon.attachments {
    top: auto;
    left: auto;
    bottom: -110px;
    right: -100px;
}

.dashboardUpsell img.phone {
    position: absolute;
    left: 20px;
    bottom: 0;
}

.dashboardUpsell .upsellText {
    position: absolute;
    left: 220px;
    top: 60px;
}

#inboxPurchase .content {
    text-align: center;
}

.newInboxCol .content {
    height: 420px;
}

.newInboxCol .content img {
    margin-top: 20px;
}

/*
.centreCol .content table {
	max-width: 600px;
	overflow-x: auto;
	display: block;
}

.centreCol.small .content table,
.leftCol .content table,
.rightCol .content table {
	max-width: 420px;
	overflow-x: auto;
	display: block;
}

.fullCol .content table {
	max-width: 932px;
	overflow-x: auto;
	display: block;
}
*/

#message-mms-button input[type='file'] {
    width: 100%;
}

#message-email-button input[type='file'] {
    font-size: 0px !important;
}

/* Display cursor on hover on file upload button in webkit browsers */
::-webkit-file-upload-button {
    cursor: pointer;
}

#graphscreen tr,
#graphdevice tr {
    height: auto;
}

#graphscreen tr td,
#graphdevice tr td {
    padding: 0px;
}

#page-reports-schedule #TB_ajaxContent .reportScheduleContacts {
    margin-top: 25px;
}

#page-reports-schedule #TB_window {
    width: 560px;
}

div#sendScheduleAutoResp .defContainer {
    display: inline-block;
    word-wrap: break-word;
}

table.miniReportTable {
    margin: 2.5px 0px 5px 0px;
}
table.miniReportTable tbody tr {
    height: auto;
    background: none;
}
table.miniReportTable th {
    padding-left: 0;
    vertical-align: top;
}
/* Keyboard Reference Styling */

.keyboardReferencePopup {
    width: 446px;
    height: 500px;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: -544px;
    left: 100px;
    overflow: hidden;
}

.keyboardReferencePopup h2 {
    display: block;
    line-height: 50px;
    background-color: #3886c4;
    text-align: center;
    color: #fff;
    font-size: 1em;
    margin-bottom: 0;
}

.keyboardReferencePopup .ref-image {
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Vertical Buttons */
.defButtonVGroup {
    margin: 5px 0px;
}
.defButtonVGroup a {
    margin: 2px 0px;
}

table.no-background tr {
    background: none;
}

table.no-background td {
    vertical-align: top;
}

table.no-background td,
table.no-background tr,
table.no-background th {
    padding-left: 0;
}

.btn-rejection span,
.btn-approval span {
    float: right;
}

.hidden {
    display: none;
}
/* Campaign Manager Specific Styles */

.hidden-frequency {
    display: none;
}

#onnet-notify {
    display: none;
}

#data-availablilty table tr {
    height: 25px;
}

.defContainer.inlineButtons {
    line-height: 3em;
}

/* Approval Review board */
#container {
    width: 100%;
    background: #fff;
    color: #354664;
}
#box1 {
    width: 200px;
    padding-left: 0;
}
#box2 {
    width: 300px;
}
#box3 {
    width: 250px;
}
#box4 {
    width: 150px;
    padding-right: 0px;
}
#box5 {
    width: 172px;
    padding-right: 0px;
}
.box {
    height: auto;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
//padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box h4 {
    background: #bdccda;
    padding: 5px;
    margin: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.page-approval-reviewboard .defButton.gutter {
    margin-right: 0;
}

.defButton.btn-approval {
    margin-bottom: 10px;
}

/* Transliteration tool */

#letterstag {
    height: 580px;
    position: fixed;
    bottom: -600px;
    left: 100px;
    background-color: white;
    box-shadow: 0 -1px 20px #666;
    border-radius: 3px;
    overflow: hidden;
    z-index: 1000;
}

@media screen and (max-width: 1400px) {
    #letterstag {
        left: 20px;
    }
}

#letterstag .topBar {
    background-color: #e4ebf1;
    width: 100%;
    height: 50px;
    position: relative;
}

#letterstag .topBar h2 {
    margin-left: 20px;
    line-height: 50px;
}

#letterstag .topBar .closeTranslit {
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #af5555;
    cursor: pointer;
    border-radius: 3px;
    position: absolute;
    top: 12px;
    right: 20px;
}

#letterstag #boptions {
    padding: 20px 20px 10px 20px;
}

#letterstag table {
    padding: 0 10px 10px 10px;
    display: block;
    height: 480px;
    overflow-y: scroll;
}

#letterstag table input[type='button'] {
    background-color: #e4ebf1;
    border: 1px solid #bdccda;
    border-radius: 3px;
    box-shadow: 0 2px 0 #bdccda;
    cursor: pointer;
}

#letterstag table input[type='button']:hover {
    box-shadow: 0 1px 0 #bdccda;
}

#letterstag table input[type='button']:active {
    box-shadow: none;
}

.searchSenderNameToggle {
    display: none;
}

.searchSenderNameUL {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    max-height: 150px;
    border-radius: 3px;
    overflow: scroll;
    z-index: 2;
    background: #344564 !important;
    color: #ffffff !important;
}
.searchSenderNameUL a {
    background: #344564 !important;
    color: #ffffff !important;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 0.9em;
}
.searchSenderNameUL * {
    border: none !important;
}
.searchSenderNameUL > li > a:hover {
    background-color: #317abc !important;
    border: none;
    border-radius: 0px;
}

#monthMaxDatePickerContainer {
    position: absolute;
    top: 40px;
    width: 560px;
    padding: 10px 20px 20px;
    background: rgb(219, 219, 219) none repeat scroll 0% 0%;
    display: none;
}

#monthMaxDatePickerContainer #datePickerContainerStart {
    float: left;
    margin-right: 20px;
}

#monthMaxDatePickerContainer #datePickerContainerStart strong,
#monthMaxDatePickerContainer #datePickerContainerEnd strong {
    margin-bottom: 10px;
    display: inline-block;
}

#monthMaxDatePickerContainer #datePickerContainerEnd {
    float: right;
}

#passwordErrorMessage {
    display: none;
}

.error-tool-tip {
    background-color: black;
    position: absolute;
    line-height: 20px;
    padding: 7px 10px;
    border-radius: 3px;
    display: none;
    white-space: initial;
    z-index: 1;
    animation-name: error-tool-tip;
    animation-duration: 0.37s;
    animation-fill-mode: forwards;
}
@keyframes error-tool-tip {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 0.85;
    }
}

/*
* Login page - Start
*/
#email-verification-page,
#content #account-activation,
#login-page {
    position: relative;
    left: 0;
    right: 0;
    margin: 50px auto 60px;
    width: 340px;
}
#login-page .language-selection {
    position: absolute;
    top: 14px;
    right: 18px;
}
.language-selection a {
    display: inline-block;
}
#login-page h2 {
    font-size: 1.6em;
}
#login-page h2,
#login-page p {
    position: relative;
    color: #354664;
    text-align: center;
}
div.create-user-confirm,
input.create-user-confirm {
    width: 100%;
}
div.create-user-confirm {
    margin-top: 2em;
}
div.create-user-confirm:hover,
div.create-user-confirm:hover input {
    background: #547b28;
}
.this-social.facebook {
    padding: 2px 5px;
    background-color: #3b5998;
}
.this-social.google-plus {
    padding: 2px 5px;
    background-color: #dd4b39;
}
.this-social.linkedin {
    padding: 2px 5px;
    background-color: #007bb5;
}
.this-social.twitter {
    padding: 2px 5px;
    background-color: #55acee;
}
.this-social.github {
    padding: 2px 5px;
    background-color: #000000;
}
.this-social {
    border-radius: 3px;
    color: white;
    height: 22px;
}
.social-login li.facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998;
}
.social-login li.google-plus:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.social-login li.linkedin:hover {
    background-color: #007bb5;
    border-color: #007bb5;
}
.social-login li.twitter:hover {
    background-color: #55acee;
    border-color: #55acee;
}
.social-login li.github:hover {
    background-color: #000000;
    border-color: #000000;
}
.social-login li:hover .fa {
    color: white;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
}
.social-login {
    text-align: center;
    list-style-type: none;
    padding: 0;
}
.social-login li {
    border: 1px solid #bdccda;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 46px;
    width: 46px;
    border-radius: 23px;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
}
.social-login li.last {
    margin-right: 0px;
}
.social-login .fa {
    text-align: center;
    line-height: 46px;
    width: 46px;
    color: #bdccda;
    font-family: 'font-awesome-new';
    font-weight: nomral;
    font-size: 24px;
}
.sign-in {
    position: relative;
    margin-top: 30px;
    padding: 34px 0 0px;
    border-top: 1px solid #bdccda;
    -webkit-transition: all 0.08s;
    -moz-transition: all 0.08s ease-in-out 0.08s;
    transition: all 0.08s ease-in-out 0.08s;
}
.sign-in.login-white-label {
    border-color: white;
    padding: 20px 0 0 0;
}
.sign-in-or {
    color: #bdccda;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 3px;
    line-height: 27px;
    text-align: center;
    width: 30px;
    background-color: white;
}
#login-page .invalid-login {
    color: #af5555;
    font-size: 0.9em;
}
#login-page .sign-in .invalid-login {
    margin-top: -10px;
}
#login-page .error-info {
    margin-bottom: 20px;
}
#login-page .sign-in input[type='text'],
#login-page .sign-in input[type='password'] {
    width: 250px;
    height: 35px;
    padding-right: 40px;
    border: none;
    color: #354664;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in;
    transition: all 0.28s ease-in;
}
.sign-in input[type='text']::-webkit-input-placeholder,
.sign-in input[type='password']::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: gray;
}
.sign-in input[type='text']::-moz-placeholder,
.sign-in input[type='password']::-moz-placeholder {
    /* Firefox 19+ */
    color: gray;
}
.sign-in input[type='text']:-ms-input-placeholder,
.sign-in input[type='password']:-ms-input-placeholder {
    /* IE 10+ */
    color: gray;
}
.sign-in input[type='text']:-moz-placeholder,
.sign-in input[type='password']:-moz-placeholder {
    /* Firefox 18- */
    color: gray;
}
.sign-in-name,
.sign-in-pwd {
    position: relative;
    margin-bottom: 14px;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in;
    transition: all 0.28s ease-in;
}
.input-wrapper {
    position: relative;
}
.sign-in-name.active input[type='text'],
.sign-in-pwd.active input[type='password'],
.sign-in-pwd.active input[type='text'] {
    margin-top: 16px;
}
.sign-in-label {
    position: absolute;
    bottom: 6px;
    left: 10px;
    color: gray !important;
    cursor: text;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in;
    transition: all 0.28s ease-in;
}
.sign-in-label:hover {
    cursor: text;
}
.sign-in-name.active .sign-in-label:hover,
.sign-in-name.pwd .sign-in-label:hover {
    cursor: pointer;
}
.sign-in-name.active .sign-in-label,
.sign-in-pwd.active .sign-in-label {
    position: absolute;
    bottom: 39px;
    left: 0px;
    color: #354664 !important;
}
.sign-in-pwd .fa {
    position: absolute;
    z-index: 99;
    bottom: 11px;
    right: 10px;
    margin: auto;
    color: grey;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s ease-in;
    transition: all 0.48s ease-in;
}
.sign-in-pwd .fa-eye-slash {
    display: none;
}
.sign-in .validation-error {
    color: #af5555;
    max-height: 0;
    overflow: hidden;
    text-align: right;
    font-size: 12px;
    margin: 2px 0 14px;
    -webkit-transition: all 0.18s;
    -moz-transition: all 0.18s ease-in;
    transition: all 0.18s ease-in;
}
.sign-in-name.error,
.sign-in-pwd.error {
    border: none;
    padding: 0;
}
.sign-in-name.error .validation-error,
.sign-in-pwd.error .validation-error {
    max-height: 16px;
}

.sign-in-action {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0;
}
.sign-in-action li {
    display: inline-block;
}
.sign-in-action li.last {
    position: absolute;
    right: 0;
}

.sign-in .remember-me {
    color: #354664;
    font-size: 0.9em;
    padding-top: 8px;
    padding-bottom: 14px;
}
.sign-in .remember-me {
    font-size: 0.9em;
    padding-bottom: 14px;
}
.remember-me-checkbox {
    margin-right: 3px;
    border: 1px solid #e4ebf1 !important;
}
.defContainer .remember-me div.defCheckbox {
    border-color: #e4ebf1;
}

.sign-in .defButton.stylePositive {
    width: 122px;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
}
.usefull-links {
    text-align: center;
}
.usefull-links a {
    color: #354664;
    text-align: center;
    font-size: 0.9em;
    text-decoration: none;
}
.usefull-links a:hover {
    text-decoration: underline;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
}
.sOpacity {
    opacity: 0.3;
    filter: alpha(opacity=0.3);
    /*-webkit-animation: shake .5s linear;*/
}
.shake {
    animation: shake 0.6s linear;
    -webkit-animation: shake 0.6s linear;
}
@-webkit-keyframes shake {
    8%,
    41% {
        -webkit-transform: translateX(-5px);
    }
    25%,
    58% {
        -webkit-transform: translateX(5px);
    }
    75% {
        -webkit-transform: translateX(-3px);
    }
    92% {
        -webkit-transform: translateX(3px);
    }
    0%,
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes shake {
    8%,
    41% {
        -webkit-transform: translateX(-5px);
    }
    25%,
    58% {
        -webkit-transform: translateX(5px);
    }
    75% {
        -webkit-transform: translateX(-3px);
    }
    92% {
        -webkit-transform: translateX(3px);
    }
    0%,
    100% {
        -webkit-transform: translateX(0);
    }
}
.defContainer .remember-me div.defCheckbox.inlineLabel + label {
    font-size: 1em;
}
/*
* Login page - End
* Email Verfication Page - START
*/
#email-verification-page h2 {
    text-align: center;
}
#email-verification-page .email-verification input[type='text'] {
    width: 232px;
    height: 35px;
    padding-right: 40px;
    border: none;
    color: #354664;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in;
    transition: all 0.28s ease-in;
}
.email-verification-name {
    margin-top: 20px;
}
.email-verification-name {
    position: relative;
    margin-bottom: 14px;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in;
    transition: all 0.28s ease-in;
}
.email-verification-name.active input[type='text'] {
    margin-top: 16px;
}
.email-verification-label {
    position: absolute;
    bottom: 6px;
    left: 10px;
    color: gray !important;
    cursor: text;
    -webkit-transition: all 0.28s;
    -moz-transition: all 0.28s ease-in;
    transition: all 0.28s ease-in;
}
.email-verification-label:hover {
    cursor: text;
}
.email-verification-name.active .email-verification-label:hover {
    cursor: pointer;
}
.email-verification-name.active .email-verification-label {
    position: absolute;
    bottom: 39px;
    left: 0px;
    color: #354664 !important;
}
.email-verification-name.error {
    border: none;
    padding: 0;
}
.email-verification .validation-error {
    color: #af5555;
    max-height: 0;
    overflow: hidden;
    text-align: right;
    font-size: 12px;
    margin: 2px 0 14px;
    -webkit-transition: all 0.48s;
    -moz-transition: all 0.48s ease-in;
    transition: all 0.48s ease-in;
}
.email-verification-name.error .validation-error {
    max-height: 16px;
}
.email-verification-action {
    margin: 14px 0 20px;
    display: block;
    text-align: center;
    width: 100%;
}
.email-verification-action a {
    width: 122px;
}
.email-verification .defButton.stylePositive {
    width: 122px;
    -webkit-transition: all 0.38s;
    -moz-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
}
.defButton.stylePositive.disabled,
.defButton.stylePositive.disabled:hover {
    background: #bdccda;
    -webkit-box-shadow: 0px 2px 0px 0px #909daa;
    -moz-box-shadow: 0px 2px 0px 0px #909daa;
    box-shadow: 0px 2px 0px 0px #909daa;
    color: #909daa;
    cursor: not-allowed;
}
/*
 * Email Verfication Page  - END
 */

/*
 * Account activation  - START
 */
#content #account-activation {
    text-align: center;
}

/*
 * Aouth Setting Attachment Page  - START
 */
/* This Code is uses For ticketing */
.btn-selection > div {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.flat-btn {
    position: relative;
    z-index: 99;
    background: transparent;
    border-radius: 8px;
    width: 120px;
    height: auto;
    margin-right: 10px;
    transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -webkit-transition: all 0.28s;
}
.flat-btn {
    border: 2px solid #bdccda;
    color: #354664;
    -webkit-transition: all 0.28s;
    transition: all 0.28s ease-in-out;
}
.flat-btn.separator {
    margin-right: 30px;
}
.flat-btn.last {
    margin-right: 0;
}
.flat-btn:hover,
.flat-btn.hover {
    border: 2px solid #354664;
}
#social-oath-settings {
    text-align: center;
}
#social-oath-settings .flat-btn .flat-btn-icon {
    font-size: 58px;
    display: block;
    padding: 40px 0 8px 0;
}
.flat-btn-heading {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0;
}
#social-oath-settings .flat-btn.facebook.active,
#social-oath-settings.inactive .flat-btn.facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998;
}
#social-oath-settings .flat-btn.google-plus.active,
#social-oath-settings.inactive .flat-btn.google-plus:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
}
#social-oath-settings .flat-btn.linkedin.active,
#social-oath-settings.inactive .flat-btn.linkedin:hover {
    background-color: #007bb5;
    border-color: #007bb5;
}
#social-oath-settings .flat-btn.twitter.active,
#social-oath-settings.inactive .flat-btn.twitter:hover {
    background-color: #55acee;
    border-color: #55acee;
}
#social-oath-settings .flat-btn.github.active,
#social-oath-settings.inactive .flat-btn.github:hover {
    background-color: #000000;
    border-color: #000000;
}
#social-oath-settings .flat-btn.active,
#social-oath-settings.inactive .flat-btn:hover {
    color: white;
    cursor: pointer;
}
#social-oath-settings.active .flat-btn:hover {
    cursor: not-allowed;
}

.insert-Link {
    overflow: visible !important;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900000;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: white;
    text-align: center;
    -webkit-transition: all 0.38s;
    -moz-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
}
.loader-container {
    position: relative;
    z-index: 999900;
}
.loader-content,
.loader-content-reseller {
    position: fixed;
    z-index: 999900;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 18px;
    color: white;
    font-size: 18px;
    -webkit-animation: fsize 0.9s linear;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-direction: forward;
}
.textlocal-gif,
.reseller-gif {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-height: 300px;
    z-index: 999800;
}

.uppercase {
    text-transform: uppercase;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 150px !important;
}

/*!* ORIGINAL STYLE  - START *!*/
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
    border-radius: 3px;
}

/* Container */
.select2-container--default .select2-selection--single {
    outline: none;
    height: 32px;
    color: #354664;
    border-radius: 3px;
    background-color: #e4ebf1;
    border: 1px solid #354664;
}

/* Container content */
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    font-size: 0.9em;
    line-height: 30px;
}

/* Arrow container */
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 30px;
    background-color: #354664;
}

/* Down Arrow */
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
    border-color: #fff transparent transparent transparent;
}

/* Up Arrow */
.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
    border-color: transparent transparent #fff transparent;
}

/* Result container */
.select2-container--open .select2-dropdown--below,
.select2-dropdown {
    background-color: #344564;
    top: 4px;
}

/* Result conainer seach field */
.select2-container .select2-search.select2-search--dropdown:after {
    content: '\f002';
    font-family: 'font-awesome';
    position: absolute;
    right: 10px;
    top: 8px;
}

.select2-container select2-search--dropdown .select2-search__field {
    background-color: #e4ebf1;
    padding-right: 24px;
    border-radius: 3px;
}

/* optGroup containers */
.select2-container.select2-container--default .select2-results__group {
    line-height: 20px;
    font-size: 1em;
    font-weight: normal;
    padding-top: 0;
    padding-bottom: 0;
    color: #adb4c2;
    background-color: #7a8aa8;
}

/* hover and current status for options */
.select2-container.select2-container--default
.select2-results__option[aria-selected='true'] {
    background-color: #317abc;
}

.select2-container.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    background-color: #2967a0;
}

/* options row */
.select2-container.select2-container--default
.select2-results__option
.select2-results__option {
    line-height: 20px;
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
}

/* No options found row */
.select2-container .select2-results__option {
    color: #fff;
    padding-top: 2px;
    line-height: 20px;
    padding: 0 0 0 0.5em;
    font-size: 0.9em;
}

/* ORIGINAL STYLE  - END */

/* TOOLTIPS */
.tooltip-popover {
    color: white;
    font-size: 14px;
    background-color: #000;
    border-radius: 3px;
    position: absolute;
    top: 0;
    padding: 10px;
    margin: 0 0 8px 0;
    opacity: 0;
    filter: Alpha(opacity=0); /* Older IE */
    z-index: 8000000;
}
.tooltip-popover.js-tooltip-pointer-top::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -6px;
    width: 14px;
    height: 14px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #000;
    border-radius: 2px;
    clear: both;
}

.tooltip-popover.is-visible {
    opacity: 0.7;
    filter: Alpha(opacity=70); /* Older IE */
}
.tooltip-popover span {
    white-space: nowrap;
}

/*
 * Terms of Service PAGE
 */
#terms-of-service {
    max-width: 910px;
    min-width: none;
    width: 100%;
}
/* Activation page modal fix */
#TB_ajaxContent #terms-of-service {
    max-width: none;
    max-width: 403px;
}
#TB_ajaxContent h1 {
    line-height: 48px;
    color: inherit;
}
#TB_ajaxContent h1 span {
    padding-left: 20px;
    color: inherit;
}

/*
 * Conversations View Page
 */
.conversation-save-contact {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

/*
 * Setting Custom Merge Field
 */
#custom-merge-fields .table-actions a {
    float: right;
}
#create-custom-merge-field {
    float: right;
    margin: 20px 0;
}
#btn-date-add-another,
#btn-custom-add-another {
    float: right;
    margin: 20px 0;
}

.btn-custom-delete,
.btn-date-delete {
    float: right;
}

#custom-merge-field-create-save,
#custom-merge-field-save {
    float: right;
}
#custom-dates,
#custom-merges {
    width: 100%;
}
.custom-merger-hr {
    margin-top: 5px;
    margin-bottom: 12px;
}

.upgrade-account-step-complete .bullet {
    background-color: #6fa930 !important;
}
.upgrade-account-step-complete .content {
    border-top: 3px solid #6fa930 !important;
}
.upgrade-account-step-active .content {
    border-top: 3px solid #354664 !important;
}

.flat-btn-small-heading {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}

.sendProgressSpinner,
.sendProgressSpinner:after {
    border-radius: 50%;
    width: 7em;
    height: 7em;
}
.sendProgressSpinner {
    margin: 0 auto 40px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(25, 83, 135, 0.2);
    border-right: 1.1em solid rgba(25, 83, 135, 0.2);
    border-bottom: 1.1em solid rgba(25, 83, 135, 0.2);
    border-left: 1.1em solid #354664;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: animation-sendProgressSpinner 1.1s infinite linear;
    animation: animation-sendProgressSpinner 1.1s infinite linear;
}

@-webkit-keyframes animation-sendProgressSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes animation-sendProgressSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.textarea-custom-fields a,
.textarea-custom-fields button {
    float: left;
    background-color: transparent;
}

.textarea-custom-fields.style-guide #inject-file,
.textarea-custom-fields.field-container #inject-file {
    padding: 0 6px;
}

#reseller-report-all thead tr th:first-child,
#reseller-report-all tbody tr td:first-child {
    width: 200px;
}
#reseller-report-all tbody tr td:nth-child(2),
#reseller-report-all tbody .subAcc td:nth-child(2) {
    width: 300px;
}

#reseller-report-all tbody tr td.last-sent {
    width: 100px;
}
#reseller-report-all .centre {
    text-align: center;
}

.ellipsis {
    display: block;
    width: 250px;
    height: 50px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 50px;
}

#reseller-report-all tr span.indenter a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
}

#reseller-report-all span.indenter {
    margin-right: 5px;
}

/*****************/

/*!* ORIGINAL STYLE  - START *!*/
.select2-container.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
    border-radius: 3px;
}
/* Container */
.select2-container.select2-container--default .select2-selection--single {
    outline: none !important;
    height: 32px !important;
    color: #354664 !important;
    border-radius: 3px !important;
    background-color: #e4ebf1 !important;
    border: 1px solid #354664 !important;
}
/* Container content */
.select2-container.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    font-size: 0.9em;
    line-height: 30px;
}
/* Arrow container */
.select2-container.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    position: absolute;
    top: 0.5px !important;
    right: 0px !important;
    width: 30px !important;
    height: 31px !important;
    background-color: #354664;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/* Down Arrow */
.select2-container.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
    border-color: #fff transparent transparent transparent;
}
/* Up Arrow */
.select2-container.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
    border-color: transparent transparent #fff transparent;
}

/* Result container */
.select2-container--open .select2-dropdown--below,
.select2-dropdown {
    background-color: #344564;
    top: 4px;
}
/* Result conainer seach field */
.select2-search.select2-search--dropdown:after {
    content: '\f002';
    font-family: 'font-awesome';
    position: absolute;
    right: 10px;
    top: 8px;
}
.select2-search--dropdown .select2-search__field {
    background-color: #e4ebf1;
    padding-right: 24px;
    border-radius: 3px;
}

/* optGroup containers */
.select2-container.select2-container--default .select2-results__group {
    line-height: 20px;
    font-size: 1em;
    font-weight: normal;
    padding-top: 0;
    padding-bottom: 0;
    color: #adb4c2;
    background-color: #7a8aa8;
}

/* hover and current status for options */
.select2-container.select2-container--default
.select2-results__option[aria-selected='true'] {
    background-color: #317abc;
}
.select2-container.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    background-color: #2967a0;
}
/* options row */
.select2-container.select2-container--default
.select2-results__option
.select2-results__option {
    line-height: 20px;
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
}
/* No options found row */
.select2-container.select2-results__option {
    color: #fff;
    padding-top: 2px;
    line-height: 20px;
    padding: 0 0 0 0.5em;
    font-size: 0.9em;
}
/* ORIGINAL STYLE  - END */

.defContainer .dashboard-terms-wrapper {
    background-color: #e4ebf1;
    border: 1px solid #354664;
    color: #354664;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 22px;
    overflow: hidden;
}

.defContainer .dashboard-terms {
    height: 298px;
    overflow-y: scroll;
    padding: 5px;
}

.whatsAppCredits {
    margin-right: 97px;
    margin-top: 10px;
}
.templatesButtonDivider {
    margin-bottom: 20px;
}
.templatesButtonFloatLeft {
    float: left;
}
.displayNone div {
    display: none;
}
.paddingBottom-20 {
    padding-bottom: 20px;
}
.positionRelative {
    position: relative;
}
.marginBottom-67 {
    margin-bottom: 67px;
}
.mt-10 {
    margin-top: 10px;
}
.ml-17 {
    margin-left: 17px;
}
.required {
    outline: 2px red;
    box-shadow: 0 0 3px 1px red;
    line-height: 0;
}