html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0px none;
font-family: arial, Helvetica, Arial;
}
table {
border-collapse: separate;
border-spacing: 0px;
}
blockquote:before, blockquote:after, q:before, q:after {
}
blockquote, q {
}
ul {
list-style: none;
}
li {
list-style-type: none;
list-style-image: url('none') no-repeat;
}
a {
color: inherit;
text-decoration: none;
}
td, div {
font-size: 100%;
}
a, img {
border: 0px;
outline: 0px;
}
a:hover, a:active, a:focus, a:visited {
/* border: 0px; */
outline: 0px;
}
* {
padding: 0;
margin: 0;
font-family: arial, Helvetica, Arial;
}
/*------------------------------------------------------------------------------------------------------------*/
body { /*background: url("../screens/page7.png") no-repeat center top; height: 1000px; border: solid 2px #000;*/
width: 960px;
float: none;
margin: 0px auto;
margin-top: -2px !important;
line-height: normal;
}
*, *:before, *:after { /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
}
/*----------------------------------------------------------------------------------------------------------------*/
/**Default**/
/**TODO: Remove unneccessary class as it is now added to default.**/
/*.time { width: 70px; margin: 0 0 0 4px; }
.date { width: 83px; margin: 0 0 0 4px; }
.dateTime { width: 140px; margin: 0 0 0 4px; }*/
/*.input-group.date, .input-group.bootstrap-timepicker {
padding-left: 5px;
padding-top: 7px;
}*/
.input_mini {
width: 60px;
margin: 0 0 0 4px;
}
.input_small {
width: 75px;
margin: 0 0 0 4px;
}
.input_medium {
width: 140px;
margin: 0 0 0 4px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.center {
margin: 0 auto;
}
.inline {
display: inline-block;
}
.inline-separator-mini {
width: 1px;
margin-left: 3px;
margin-right: 3px;
}
.inline-separator-medium {
width: 1px;
margin-left: 5px;
margin-right: 5px;
}
.line-height {
}
.table {
}
.table-row {
}
.table-cell {
display: table-cell;
vertical-align: middle;
padding: 0 5px;
}
h1, h2, h3 {
}
h3 {
}
.btn-blue {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 transparent;
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
font-size: 13px;
font-weight: bold;
text-align: center;
text-transform: capitalize;
width: 90px;
line-height: 20px;
color: #666666;
}
.btn-blue:hover {
color: #000000;
}
.disabled label, .disabled input {
opacity: 0.5 !important;
}
.default {
margin: 0 auto;
width: 960px;
}
label.error {
margin-left: 10px;
width: auto;
display: inline;
color: #B94A48;
}
div small.error {
color: #B94A48; /* color to match Bootstraps error class */
margin-left: 4px;
}
.counter {
clear: both;
color: #FF0000;
float: right;
font-size: 12px;
margin-top: 0;
}
/**/
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.no-gutter-left > [class*='col-'] {
padding-left: 0;
}
.no-gutter-right > [class*='col-'] {
padding-right: 0;
}
.no-padding {
padding-right: 0;
padding-left: 0;
}
.no-padding-left {
padding-left: 0;
}
.no-padding-right {
padding-right: 0;
}
.bootstrap-timepicker-widget table td input {
padding: 0px;
border-radius: 0px;
}
.wrapper > .header {
float: left;
width: 960px;
}
.wrapper .header .logo {
background: url("../../images/textellent_logo_162x59.png") no-repeat scroll 0 0 transparent;
float: left;
margin: 15px 0 0 21px;
width: 162px;
}
.wrapper .header .top-right-menu {
float: right;
height: 45px;
visibility: hidden;
width: 500px;
}
.wrapper .header .top-right-menu > ul {
float: right;
margin: 15px 0 0;
width: auto;
}
.wrapper .header .top-right-menu > ul > li {
float: left;
margin: 0;
}
.wrapper .header .top-right-menu > ul > li a {
color: #000000;
font-family: tahoma;
font-size: 14px;
font-weight: bold;
padding: 4px 13px;
text-decoration: none;
text-transform: capitalize;
}
.wrapper .header .top-right-menu > ul > li > a:hover {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
}
.wrapper .header .top-right-menu .dropdown-menu {
margin-left: 13px;
}
/*.wrapper .header .nav-menu { float: right; margin: 15px 0 0 91px; width: 650px; }*/
.wrapper .header .nav-menu {
float: right;
margin: 15px 0 0 0px;
}
.wrapper .header .nav-menu ul {
float: right; /*margin: 34px 15px 0;*/
}
.wrapper .header .nav-menu ul li {
float: left;
height: 28px;
}
.wrapper .header .nav-menu ul li a {
background: url("../../images/menu-tabs.png") no-repeat transparent;
float: left;
font-family: tahoma;
font-size: 16px;
font-weight: bold;
height: 41px;
padding: 0;
text-decoration: none;
text-indent: -999999px;
width: 142px;
}
/*To be removed from default section - START*/
.wrapper .header .nav-menu ul li a.dashboard {
background-position: -9px -50px;
}
.wrapper .header .nav-menu ul li a.dashboard:hover {
background-position: -9px -10px;
}
.wrapper .header .nav-menu ul li a.dashboard.active {
background-position: -9px -10px;
}
.wrapper .header .nav-menu ul li a.campaigns {
background-position: -159px -50px;
}
.wrapper .header .nav-menu ul li a.campaigns:hover {
background-position: -159px -9px;
}
.wrapper .header .nav-menu ul li a.campaigns.active {
background-position: -159px -9px;
}
.wrapper .header .nav-menu ul li a.data-files {
background-position: -309px -50px;
}
.wrapper .header .nav-menu ul li a.data-files:hover {
background-position: -309px -9px;
}
.wrapper .header .nav-menu ul li a.data-files.active {
background-position: -309px -9px;
}
.wrapper .header .nav-menu ul li a.do-not-text {
background-position: -609px -50px;
}
.wrapper .header .nav-menu ul li a.do-not-text:hover {
background-position: -609px -10px;
}
.wrapper .header .nav-menu ul li a.do-not-text.active {
background-position: -609px -10px;
}
.wrapper .header .nav-menu ul li a.text-blast {
background: url("../../images/menu-tab-textblast-black.png") no-repeat transparent;
}
.wrapper .header .nav-menu ul li a.text-blast {
background-position: -5px -5px;
background-size: 152px auto;
}
.wrapper .header .nav-menu ul li a.text-blast:hover {
background: url("../../images/menu-tab-textblast-white.png") no-repeat transparent;
background-position: -16px -10px;
background-size: 175px auto;
}
.wrapper .header .nav-menu ul li a.text-blast.active {
background: url("../../images/menu-tab-textblast-white.png") no-repeat transparent;
background-position: -16px -10px;
background-size: 175px auto;
}
/*END*/
/* .wrapper > .content { background: none repeat scroll 0 0 #5B9DD7; float: left; width: 960px; } */
.wrapper > .content {
float: left;
width: 960px;
}
.wrapper > .content .inner-content h2 {
color: #5B9DD7;
font-size: 28px;
margin: 6px;
}
.wrapper > .content .page-heading {
clear: both;
float: left;
margin: 10px 0 0 0px;
height: 42px;
padding-left: 17px;
width: 100%
}
.wrapper > .content .page-heading h1 {
color: #FFFFFF;
float: left;
font-size: 38px;
text-transform: capitalize;
}
.wrapper > .content .inner-content {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px 15px 15px 15px;
clear: both;
color: #000000;
float: left;
margin: 5px 0 25px 25px;
width: 910px;
min-height: 500px;
}
/*.wrapper > .content .inner-content .white-background {background:none repeat scroll 0 0 #FFFFFF; border-radius:15px 15px 15px 15px}*/
.wrapper > .content .btn-blue {
}
ul.name-value {
list-style: none;
display: table;
}
ul.name-value li {
display: table-row;
height: 35px;
}
ul.name-value li .text {
display: table-cell;
vertical-align: middle;
width: 50%;
text-align: right;
}
ul.name-value li .text span, ul.name-value li .text label {
line-height: 20px;
}
ul.name-value li .input {
display: table-cell;
vertical-align: middle;
width: 50%;
}
ul.name-value li .input input {
margin: 0 0 0 4px;
}
#popup_window {
float: left;
}
#popup_window .popup_wrapper {
float: left;
margin-left: 10px;
width: 585px;
}
#popup_window .popup_wrapper h1 {
color: #FFFFFF;
float: left;
font-size: 28px;
height: 35px;
text-transform: capitalize;
}
#popup_window .popup_wrapper .stuff_container {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px 15px 15px 15px;
height: 235px;
margin-top: 5px;
overflow: hidden;
width: 582px;
}
#popup_window .popup_wrapper .stuff_container .stuff {
float: left;
margin: 15px;
width: 552px;
height: 205px;
}
.dialog {
}
.dialog > .dialog_container {
margin: 10px;
}
.dialog > .dialog_container .dialog_header h1 {
color: #FFFFFF; /*float: left;*/
font-size: 28px;
text-transform: capitalize;
}
.dialog > .dialog_container .dialog_content {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px 15px 15px 15px;
overflow: hidden;
padding: 15px;
}
.dialog > .dialog_container .dialog_content h4 {
color: #1F5DAB;
font-size: 15px;
margin: 5px 0px 2px 5px;
}
.dialog > .dialog_container .dialog_content h5 {
color: #1F5DAB;
font-size: 11px;
margin: 0px 0px 2px 15px;
}
.dialog > .dialog_container .dialog_content div.message {
color: #000000;
font-size: 10px;
font-weight: bold;
margin: 0px 0px 2px 25px;
max-width: 100%;
}
.dialog > .dialog_container .dialog_content .from_to_header {
margin-bottom: 10px;
}
.dialog > .dialog_container .dialog_content .from_to_header span.infos_2 {
color: #1f5dab;
margin: 25px 0px 0px 25px;
font-size: 18px;
}
.dialog > .dialog_container .dialog_content .from_to_header span.phone2 {
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 15px 0px 0px 25px;
}
.dialog > .dialog_container .dialog_content .from_to_header span.message2 {
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 15px 0px 0px 25px;
}
.dialog > .dialog_container .dialog_content .from_to_header .preview-message-title {
float: none;
}
.dialog > .dialog_container .dialog_content .from_column {
background: none repeat scroll 0 0 #BCD7F0;
clear: both;
float: left;
height: 130px;
margin: 15px 0 0 25px;
width: 335px;
}
.dialog > .dialog_container .dialog_content .to_column {
background: none repeat scroll 0 0 #BCD7F0;
float: left;
height: 130px;
margin: 15px 0 0 30px;
width: 335px;
}
.dialog > .dialog_container .dialog_content .send_sms {
float: right;
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #666666;
cursor: pointer;
font-weight: bold;
height: 18px;
text-align: center;
width: 90px;
}
.dialog > .dialog_container .dialog_content .disabled {
opacity: 0.5 !important;
}
.dialog > .dialog_container .dialog_content .from_column .from_label {
color: #FFFFFF;
float: left;
font-size: 15px;
margin: 15px 0 0 35px;
}
.dialog > .dialog_container .dialog_content .to_column .to_label {
color: #FFFFFF;
float: left;
font-size: 15px;
margin: 15px 0 0 35px;
}
.dialog > .dialog_container .dialog_content .column span.label_ {
clear: both;
color: #1F5DAB;
float: left;
font-size: 15px;
margin: 10px 0 0 25px;
text-align: right;
width: 90px;
}
.dialog > .dialog_container .dialog_content .column span.value_ {
color: #000000;
float: left;
font-size: 11px;
font-weight: bold;
margin: 12px 0 0 10px;
max-width: 205px;
text-align: left;
}
.dialog > .dialog_container .dialog_content .to_column button.previous_btn {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
clear: both;
color: #666666;
cursor: pointer;
float: left;
font-weight: bold;
height: 18px;
margin: 15px 0 0 57px;
text-align: center;
width: 90px;
}
.dialog > .dialog_container .dialog_content .to_column button.next_btn {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #666666;
cursor: pointer;
float: left;
font-weight: bold;
height: 18px;
margin: 15px 0 0 40px;
text-align: center;
width: 90px;
}
/*
.dialog .popup_wrapper { float: left; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
.dialog .popup_wrapper h1 { color: #FFFFFF; font-size: 28px; text-transform: capitalize; }
.dialog .popup_wrapper .stuff_container { background: none repeat scroll 0 0 #FFFFFF; border-radius: 15px 15px 15px 15px; margin-top: 5px; overflow: hidden; }
.dialog .popup_wrapper .stuff_container .stuff { float: left; margin: 15px; }
.dialog .popup_wrapper .stuff_container .stuff h4 { color: #1F5DAB; float: left; font-size: 14px; margin: 25px 0 0 25px; }
.dialog .popup_wrapper .stuff_container .stuff h5 { color: #1F5DAB; float: left; font-size: 12px; margin: 25px 0 0 25px; }
.dialog .popup_wrapper .stuff_container .stuff div.message { color: #000000; float: left; font-size: 16px; font-weight: bold; margin: 25px 0 0 10px; max-width: 545px; }
*/
.fancybox-skin {
border-radius: 0 0 0 0;
}
.fancybox-skin.do-not-text {
background-color: red;
}
.fancybox-skin.dashboard {
background-color: #fead2a;
}
.fancybox-skin.management {
background-color: #CF5C34;
}
.fancybox-skin.text-blast {
background-color: #b046e2;
}
.wrapper > .content .inner-content .table-header {
display: block;
height: 60px;
}
.wrapper > .content .inner-content .table-header h2 {
float: left;
}
.wrapper > .content .inner-content .table-content {
display: block;
margin: 8px;
}
.wrapper > .content .inner-content .table-action {
float: right;
margin: 20px;
}
.wrapper > .content .inner-content .data-table {
border-collapse: collapse;
width: 100%;
}
/*.wrapper > .content.management .inner-content .data-table .hrow { border-bottom: solid 2px #CF5C34; }
.wrapper > .content.management .inner-content .data-table .hrow .column { cursor: pointer; color: #CF5c34 !important; text-align: left; }
.wrapper > .content.management .inner-content .data-table .hrow .column.header span { display: inline-block; background-image: url(../../images/icons/bg.gif); background-repeat: no-repeat; background-position: center right; }
.wrapper > .content.management .inner-content .data-table .hrow .column.header.headerSortUp span { background-image: url(../../images/icons/asc.gif); }
.wrapper > .content.management .inner-content .data-table .hrow .column.header.headerSortDown span { background-image: url(../../images/icons/desc.gif); }
.wrapper > .content.management .inner-content .data-table .row:nth-child(even) { background: #EFD9C6; }*/
.wrapper > .content .inner-content .data-table .hrow .column.header span {
display: inline-block;
background-image: url(../../images/icons/bg.gif);
background-repeat: no-repeat;
background-position: center right;
}
.wrapper > .content .inner-content .data-table .hrow .column.header.headerSortUp span {
background-image: url(../../images/icons/asc.gif);
}
.wrapper > .content .inner-content .data-table .hrow .column.header.headerSortDown span {
background-image: url(../../images/icons/desc.gif);
}
.wrapper > .content.management .inner-content .data-table .hrow {
border-bottom: solid 2px #CF5C34;
}
.wrapper > .content.management .inner-content .data-table .hrow .column {
cursor: pointer;
color: #CF5c34 !important;
text-align: left;
}
.wrapper > .content.management .inner-content .data-table .row:nth-child(even) {
background: #EFD9C6;
}
.wrapper > .content.text-blast .inner-content .data-table .hrow {
border-bottom: solid 2px #b046e2;
}
.wrapper > .content.text-blast .inner-content .data-table .hrow .column {
cursor: pointer;
color: #b046e2 !important;
text-align: left;
}
.wrapper > .content.text-blast .inner-content .data-table .row:nth-child(even) {
background: #ebcdeb;
}
.wrapper > .content .inner-content .data-table .row {
display: table-row;
line-height: 25px;
}
.wrapper > .content .inner-content .data-table .row .column {
display: table-cell;
font-size: 12px;
font-weight: bold;
color: #000;
letter-spacing: 0px;
padding: 5px 0px 2px 0px;
}
.wrapper > .content .inner-content .data-table .hrow {
}
.wrapper > .content .inner-content .data-table.users .row .column {
width: 20%;
}
.wrapper > .content .inner-content .data-table.offices .row .column {
width: 16%;
}
/*----------------------------------------------------------------------------------------------------------------*/
.stuff_container .stuff span.greeting_label {
color: #1F5DAB;
float: left;
font-size: 18px;
margin: 25px 0 0 25px;
}
.stuff_container .stuff span.message {
color: #000000;
float: left;
font-size: 16px;
font-weight: bold;
margin: 25px 0 0 10px;
max-width: 545px;
}
.stuff_container .stuff .from_column {
background: none repeat scroll 0 0 #BCD7F0;
clear: both;
float: left;
height: 225px;
margin: 30px 0 0 25px;
width: 335px;
}
.stuff_container .stuff .to_column {
background: none repeat scroll 0 0 #BCD7F0;
float: left;
height: 225px;
margin: 30px 0 0 30px;
width: 335px;
}
.stuff_container .stuff .from_column .from_label {
color: #FFFFFF;
float: left;
font-size: 18px;
margin: 15px 0 0 35px;
}
.stuff_container .stuff .to_column .to_label {
color: #FFFFFF;
float: left;
font-size: 18px;
margin: 15px 0 0 35px;
}
.stuff_container .stuff .column span.label_ {
clear: both;
color: #1F5DAB;
float: left;
font-size: 18px;
margin: 10px 0 0 25px;
text-align: right;
width: 90px;
}
.stuff_container .stuff .column span.value_ {
color: #000000;
float: left;
font-size: 16px;
font-weight: bold;
margin: 12px 0 0 10px;
max-width: 205px;
text-align: left;
}
.stuff_container .stuff .to_column button.previous_btn {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
clear: both;
color: #666666;
cursor: pointer;
float: left;
font-weight: bold;
height: 18px;
margin: 40px 0 0 57px;
text-align: center;
width: 90px;
}
.stuff_container .stuff .to_column button.next_btn {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #666666;
cursor: pointer;
float: left;
font-weight: bold;
height: 18px;
margin: 40px 0 0 40px;
text-align: center;
width: 90px;
}
.stuff_container .stuff span.send-test-to_label {
clear: both;
color: #1F5DAB;
float: left;
font-size: 18px;
margin: 25px 0 0 95px;
}
.stuff_container .stuff input.send-test-to_value {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 2px solid #5B9DD7;
border-radius: 3px;
color: #000000;
float: left;
font-size: 16px;
font-weight: bold;
height: 27px;
margin: 18px 0 0 10px;
padding: 3px 0 2px 10px;
width: 165px;
}
.stuff_container .stuff button.preview_send_submit {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #666666;
cursor: pointer;
float: left;
font-weight: bold;
height: 18px;
margin: 27px 0 0 40px;
text-align: center;
width: 90px;
}
.stuff_container .stuff button.close-form {
background: url("../../images/normal-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
color: #666666;
cursor: pointer;
float: left;
font-weight: bold;
height: 18px;
margin: 27px 0 0 40px;
text-align: center;
width: 90px;
}
.bModal-close {
background-image: url("../../js/fancybox/fancybox_sprite.png");
cursor: pointer;
height: 36px;
position: absolute;
right: -18px;
top: -18px;
width: 36px;
z-index: 8040
}
fieldset {
border: 2px solid black;
border: 2px solid black;
margin-bottom: 20px;
padding: 15px 15px 0;
position: relative;
width: 100%;
}
fieldset legend {
background-color: #FFFFFF;
color: #5B9DD7;
font-weight: bold;
left: 14px;
padding: 0.2em;
position: absolute;
top: -14px;
font-size: 14px;
line-height: 16px;
width: auto;
}
.campaigns {
width: 960px;
margin: 0px auto;
}
.campaigns .wrapper {
float: left;
width: 960px;
}
/*.campaigns .wrapper .header { float: left; width: 960px; height: 120px; }
.campaigns .wrapper .header .logo { float: left; width: 162px; height: 82px; background: url("../../images/logo-sbx.png") no-repeat 0px 0px; margin: 15px 0px 0px 21px; }
.campaigns .wrapper .header .logo a { float: left; width: 100%; height: 100%; margin: 0px; padding: 0px; }
.campaigns .wrapper .header .top-right-menu { float: right; width: 500px; visibility: hidden; height: 45px; }
.campaigns .wrapper .header .top-right-menu ul { float: right; margin: 15px 0 0; width: auto; }
.campaigns .wrapper .header .top-right-menu ul li { float: left; margin: 0px; }
.campaigns .wrapper .header .top-right-menu ul li a { background: none repeat scroll 0 0 #000000; color: #FFFFFF; font-family: tahoma; font-size: 14px; font-weight: bold; padding: 4px 13px; text-decoration: none; text-transform: capitalize; }
.campaigns .wrapper .header .top-right-menu ul li a:hover { color: #000000; background: #ffffff; border: 1px solid black; }*/
/*.campaigns .wrapper .header .nav-menu { float: right; width: 755px;}*/
.campaigns .wrapper .header .nav-menu ul {
float: right; /*width: 645px; margin: 20px 0px 0px 0px;*/
}
.campaigns .wrapper .header .nav-menu ul li {
float: left; /*width: 201px;margin-right: 13px;*/
}
.campaigns .wrapper .header .nav-menu ul li a {
font-family: tahoma;
font-size: 16px;
text-decoration: none;
padding: 0px;
font-weight: bold;
text-indent: -999999px;
width: 142px;
height: 41px;
float: left;
}
/*.campaigns .wrapper .header .nav-menu ul li a.dashboard{ background: url("../../images/menu-tabs.png") no-repeat 0px 0px; }
.campaigns .wrapper .header .nav-menu ul li a.campaigns{ background: url("../../images/menu-tabs.png") no-repeat -150px -38px; }
.campaigns .wrapper .header .nav-menu ul li a.data-files{ background: url("../../images/menu-tabs.png") no-repeat -309px -38px; }
.campaigns .wrapper .header .nav-menu ul li a.dashboard:hover{ background-position: 0px -56px; }
.campaigns .wrapper .header .nav-menu ul li a.campaigns:hover{ background-position: -216px -56px; }
.campaigns .wrapper .header .nav-menu ul li a.data-files:hover{ background-position: -309px 2px; }
.campaigns .wrapper .header .nav-menu ul li a.dashboard.active{ background-position: 0px -56px; }
.campaigns .wrapper .header .nav-menu ul li a.campaigns.active{ background-position: -159px 2px }
.campaigns .wrapper .header .nav-menu ul li a.data-files.active{ background-position: -432px -56px; }
*/
.campaigns .wrapper > .content {
background: #5b9dd7;
float: left;
width: 960px;
}
.campaigns .wrapper > .content .page-heading {
float: left;
margin: 10px 0px 0px 25px;
clear: both;
}
.campaigns .wrapper > .content .page-heading h1 {
color: #fff;
float: left;
font-size: 38px;
text-transform: capitalize;
}
.campaigns .wrapper > .content .inner-content {
background: transparent;
width: 910px; /*height: 515px;*/
margin: 5px 0px 25px 25px;
border-radius: 15px;
float: left;
clear: both;
color: #000;
}
.campaigns .wrapper > .content .inner-content fieldset {
border: 2px solid black;
margin-top: 12px;
padding-bottom: 10px;
position: relative;
top: 15px;
width: 620px;
}
.campaigns .wrapper > .content .inner-content fieldset legend {
background-color: #FFFFFF;
color: #5B9DD7;
font-weight: bold;
left: 14px;
padding: 0.2em;
position: absolute;
top: -14px;
font-size: 14px;
line-height: 16px;
width: auto;
}
.campaigns .wrapper > .content .inner-content .left-column {
float: left;
background: #fff;
width: 242px; /*height: 506px;*/
border-radius: 15px;
padding: 9px 0px 9px 6px;
}
.campaigns .wrapper > .content .inner-content .left-column .list {
float: left;
clear: both;
margin: 5px 0px 0px 0px;
width: 235px; /*height: 40px;*/
}
.campaigns .wrapper > .content .inner-content .left-column .list .bullet {
float: left;
width: 20px;
height: 20px;
background: url("../../images/small-bullet.png") no-repeat;
margin-top: 7px;
}
.campaigns .wrapper > .content .inner-content .left-column .list:hover .bullet {
}
/*.campaigns .wrapper > .content .inner-content.active-campaign .left-column .list.selected .bullet { background-position: 0px 0px; }
.campaigns .wrapper > .content .inner-content.inactive-campaign .left-column .list.selected .bullet { background-position: 0px -25px; }*/
.campaigns .wrapper > .content .inner-content.active-campaign .left-column .list .bullet.green_ball {
background-position: 0px 0px;
}
.campaigns .wrapper > .content .inner-content.inactive-campaign .left-column .list .bullet.red_ball {
background-position: 0px -25px;
}
.campaigns .wrapper > .content .inner-content .left-column .list .text {
float: left;
color: #000;
background: #fff;
width: 198px; /*height: 26px;*/
margin-left: 5px;
border-radius: 7px;
font-size: 13px;
padding: 9px 0px 9px 7px;
font-weight: bold;
cursor: pointer;
text-transform: capitalize;
}
.campaigns .wrapper > .content .inner-content .left-column .list:hover .text {
color: #fff;
background: #5b9dd7;
}
.campaigns .wrapper > .content .inner-content .left-column .list.selected .text {
color: #fff;
background: #5b9dd7;
}
.campaigns .wrapper > .content .inner-content .right-column {
float: left;
background: #fff;
width: 655px;
margin-left: 10px; /*height: 515px;*/
border-radius: 15px;
padding-left: 17px;
padding-bottom: 33px;
min-height: 515px;
}
.campaigns .wrapper > .content .inner-content.inactive-campaign .right-column .greeting-heading {
float: left;
clear: both;
margin: 11px 0px 0px 0px;
background: url("../../images/big-bullet.png") no-repeat right -60px;
width: 610px;
height: 50px;
}
.campaigns .wrapper > .content .inner-content.active-campaign .right-column .greeting-heading {
float: left;
clear: both;
margin: 11px 0px 0px 0px;
background: url("../../images/big-bullet.png") no-repeat right 0px;
width: 625px;
height: 50px;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-heading h2 {
float: left;
color: #5b9dd7;
text-transform: capitalize;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-form {
float: left;
}
.campaigns .wrapper > .content .inner-content .right-column .status {
float: left;
clear: both;
margin-top: -7px;
}
.campaigns .wrapper > .content .inner-content .right-column .status .status-label {
float: left;
font-weight: bold;
color: #000;
text-transform: capitalize;
}
.campaigns .wrapper > .content .inner-content.inactive-campaign .right-column .status .status-value {
float: left;
margin-left: 7px;
text-transform: uppercase;
color: #e1155a;
font-weight: bold;
}
.campaigns .wrapper > .content .inner-content.active-campaign .right-column .status .status-value {
float: left;
margin-left: 7px;
text-transform: uppercase;
color: #8dc73f;
font-weight: bold;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time {
float: left;
margin-top: 10px;
clear: both;
padding-bottom: 16px;
border-bottom: solid 1px #000;
width: 623px;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .greeting-text-top {
float: left;
font-weight: bold;
text-transform: capitalize;
font-size: 15px;
margin-bottom: 12px;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .greeting-text-bottom1 {
float: left;
clear: left;
font-size: 15px;
font-weight: bold;
text-transform: capitalize;
margin-left: 21px;
padding-top: 4px;
color: #000;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .greeting-text-bottom2 {
float: left;
font-size: 15px;
font-weight: bold;
text-transform: capitalize;
margin-left: 25px;
padding-top: 4px;
color: #000;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .greeting-text-bottom3 {
float: left;
font-size: 15px;
font-weight: bold;
text-transform: capitalize;
margin-left: 18px;
margin-right: 18px;
padding-top: 4px;
color: #000;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .margin-left-0 {
margin-left: 0px;
}
.campaigns .wrapper > .content .inner-content .right-column fieldset {
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .discount {
float: left;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time .discount input[type="text"] {
color: rgb(0, 0, 0);
width: 20px;
margin-left: 6px;
}
.bluetheme-text-color {
color: #5B9DD7;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time input.start-time {
float: left;
margin-left: 6px; /*border: solid 1px #000; background: #fff; height: 23px; width: 100px;*/
padding-left: 10px;
font-weight: bold;
border-radius: 3px;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time input.end-time {
float: left; /*border: solid 1px #000; background: #fff; width: 100px; height: 23px;*/
margin-left: 6px;
padding-left: 10px;
font-weight: bold;
border-radius: 3px;
}
.campaigns .wrapper > .content .inner-content .right-column .greeting-time select {
margin-bottom: 18px;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text {
/* float: left; */
margin-top: 18px;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .edit-area {
/* float: left; */
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .edit-area .heading {
/* float: left; */
font-weight: bold;
font-size: 14px;
text-transform: capitalize;
padding-top: 4px;
}
.campaigns .wrapper > .content .inner-content fieldset .heading.padleft {
padding-left: 12px;
}
/*campaigns .wrapper > .content .inner-content fieldset .heading select {*/
.campaigns .wrapper > .content .inner-content select {
border: 1px solid;
height: 21px;
line-height: 25px;
margin-left: 13px; /*text-align: center;*/
vertical-align: middle;
width: 60px;
border-radius: 0 0 0 0;
padding: 0px;
/* position: relative;
top: 4px; */
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .edit-area textarea.write-text {
/* float: left;
clear: both; */
border: solid 1px #000;
margin: 6px 21px 0;
width: 100%;
height: 132px;
background: #fff;
padding: 6px 10px 0px 10px;
font-weight: bold;
line-height: 19px;
font-size: 15px;
resize: none;
border-radius: 3px;
color: #000000;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .chosen-container{
margin-top:26px;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text.disabled .edit-area textarea.write-text {
color: #6D6D6D;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .edit-area .edit-btn {
float: left;
clear: both;
text-transform: capitalize;
font-weight: bold;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
width: 90px;
height: 18px;
font-size: 13px;
padding-top: 1px;
text-align: center;
margin: 12px 0px 0px 80px;
cursor: pointer;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text.disabled .edit-area .edit-btn {
color: #666;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .edit-area .edit-btn:hover {
color: #000;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .action-area {
/* float: left;
width: 144px;
margin-left: 0px; */
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .action-area .heading {
/* float: left; */
font-weight: bold;
font-size: 15px;
text-transform: capitalize;
padding-top: 4px;
margin-bottom: 5px;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .action-area .buton {
float: left;
/* clear: both; */
color: #000;
opacity: 1;
height: 18px;
background: url("../../images/dynamic-btn.png") repeat-x 0px 0px;
margin-bottom: 10px;
text-transform: capitalize;
font-size: 13px;
font-weight: bold;
margin-left:10px;
padding:2px 8px ;
cursor: pointer;
border-radius: 5px;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text.disabled .action-area .buton {
color: #666;
opacity: .7;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .action-area .buton .white-bullet {
float: left;
background: url("../../images/white-arrow.png") no-repeat 0px 0px;
width: 11px;
height: 10px;
margin: 3px 5px 0px 5px;
}
.campaigns .wrapper > .content .inner-content .right-column .dynamic-text .action-area .buton .black-bullet {
float: left;
background: url("../../images/black-arrow.png") no-repeat 0px 0px;
width: 11px;
height: 10px;
margin: 3px 5px 0px 5px;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons1 {
float: left;
clear: both;
margin: 0px;
padding-bottom: 19px;
border-bottom: solid 1px #000;
margin-left: 13px;
width: 367px;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons1 .preview-btn {
float: left;
text-transform: capitalize;
font-weight: bold;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
width: 90px;
height: 18px;
font-size: 13px;
padding-top: 1px;
text-align: center;
cursor: pointer;
margin: 34px 0px 0px 29px;
color: #666;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons1 .preview-btn:hover {
color: #000;
}
.campaigns .wrapper > .content .inner-content.inactive-campaign .right-column .down-buttons1 .toggle-campaign-btn {
float: left;
text-transform: capitalize;
font-weight: bold;
background: url("../../images/campaign.png") no-repeat 0px 0px;
width: 150px;
height: 18px;
font-size: 13px;
padding-top: 1px;
text-align: center;
margin: 34px 0px 0px 84px;
cursor: pointer;
color: #555;
}
.campaigns .wrapper > .content .inner-content .right-column .checkbox-span {
padding: 15px;
}
.campaigns .wrapper > .content .inner-content .right-column .checkbox-span input[type='checkbox'], .campaigns .wrapper > .content .inner-content .right-column .checkbox-span input[type='radio'] {
clear: both;
float: left;
margin: 7px 0 0;
}
.campaigns .wrapper > .content .inner-content .right-column .checkbox-span label {
float: left;
margin-left: 13px;
margin-top: -2px;
padding: 6px;
}
.campaigns .wrapper > .content .inner-content .right-column .checkbox-span input[type='text'] {
float: left;
margin-left: 19px;
}
.campaigns .wrapper > .content .inner-content.inactive-campaign .right-column .down-buttons1 .toggle-campaign-btn:hover {
color: #000;
}
.campaigns .wrapper > .content .inner-content.active-campaign .right-column .down-buttons1 .toggle-campaign-btn {
float: left;
text-transform: capitalize;
font-weight: bold;
background: url("../../images/campaign.png") no-repeat 0px -23px;
width: 150px;
height: 18px;
font-size: 13px;
padding-top: 1px;
text-align: center;
margin: 34px 0px 0px 84px;
cursor: pointer;
color: #555;
}
.campaigns .wrapper > .content .inner-content.active-campaign .right-column .down-buttons1 .toggle-campaign-btn:hover {
color: #000;
}
.campaigns .wrapper > .content .inner-content .right-column .restore-campaign-btn {
background: url("../../images/campaign.png") no-repeat scroll 0 -23px rgba(0, 0, 0, 0);
clear: both;
cursor: pointer;
float: left;
font-size: 13px;
font-weight: bold;
height: 18px;
margin: 12px 0 0 12px;
padding-top: 1px;
text-align: center;
text-transform: capitalize;
width: 150px;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons2 {
float: left;
clear: both;
margin-left: 13px;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons2 .save-btn {
float: left;
text-transform: capitalize;
font-weight: bold;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
width: 90px;
height: 18px;
font-size: 13px;
padding-top: 1px;
text-align: center;
cursor: pointer;
margin: 19px 0px 0px 29px;
color: #666;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons2 .save-btn:hover {
color: #000;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons2 .cancel-btn {
float: left;
text-transform: capitalize;
font-weight: bold;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
width: 90px;
height: 18px;
font-size: 13px;
padding-top: 1px;
text-align: center;
cursor: pointer;
margin: 19px 0px 0px 114px;
color: #666;
}
.campaigns .wrapper > .content .inner-content .right-column .down-buttons2 .cancel-btn:hover {
color: #000;
}
.campaigns .fancybox-skin {
background: #5b9dd7;
border-radius: 0px;
}
.campaigns #popup_window {
float: left;
}
.campaigns #popup_window .popup_wrapper {
float: left;
width: 585px;
margin-left: 10px;
}
.campaigns #popup_window .popup_wrapper h1 {
float: left;
color: #fff;
font-size: 28px;
text-transform: capitalize;
height: 35px;
}
.campaigns #popup_window .popup_wrapper .stuff_container { /*float: left;*/
width: 582px;
height: 235px;
margin-top: 5px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px;
overflow: hidden;
}
.campaigns #popup_window .popup_wrapper .stuff_container .stuff {
float: left;
width: 552px;
height: 205px;
margin-top: 5px;
margin: 15px;
background: #eff0f4;
}
.campaigns #popup_window .popup_wrapper .stuff_container .stuff span.message {
color: #5B9DD7;
float: left;
font-size: 25px;
font-weight: bold;
margin: 25px auto 0;
padding-top: 7px;
text-align: center;
width: 100%;
}
.campaigns #popup_window .popup_wrapper .stuff_container .stuff button#change-campaign {
float: left;
clear: both;
margin: 40px 0px 0px 180px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window .popup_wrapper .stuff_container .stuff button#change-campaign:hover {
color: #000;
}
.campaigns #popup_window .popup_wrapper .stuff_container .stuff button.close-form {
float: left;
margin: 40px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window .popup_wrapper .stuff_container .stuff button.close-form:hover {
color: #000;
}
.campaigns #popup_window_preview {
float: left;
}
.campaigns #popup_window_preview .popup_wrapper {
float: left;
width: 785px;
margin-left: 10px;
}
.campaigns #popup_window_preview .popup_wrapper h1 {
float: left;
color: #fff;
font-size: 28px;
text-transform: capitalize;
min-height: 35px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container { /*float: left;*/
width: 782px;
margin-top: 5px;
background: #FFFFFF;
border-radius: 15px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff {
float: left;
width: 752px;
margin-top: 5px;
margin: 15px;
background: #fff;
padding-bottom:15px;
border-radius: 15px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff span.greeting_label {
color: #1f5dab;
float: left;
margin: 25px 0px 0px 25px;
font-size: 18px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff span.message {
float: left;
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 25px 0px 0px 10px;
max-width: 545px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .from_column {
float: left;
clear: both;
margin: 10px 0px 0px 25px;
background: #bcd7f0;
width: 335px;
height: 225px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .from_column .from_label {
float: left;
color: #fff;
font-size: 18px;
margin: 15px 0px 0px 35px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .column span.label_ {
float: left;
clear: both;
color: #1F5DAB;
font-size: 18px;
width: 90px;
margin: 10px 0px 0px 25px;
text-align: right;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .column span.value_ {
float: left;
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 12px 0px 0px 10px;
text-align: left;
max-width: 205px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .to_column {
float: left;
background: #bcd7f0;
width: 335px;
height: 225px;
margin: 10px 0px 0px 30px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .to_column .to_label {
float: left;
color: #fff;
font-size: 18px;
margin: 15px 0px 0px 35px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .to_column button.previous_btn {
float: left;
clear: both;
margin: 40px 0px 0px 57px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .to_column button.previous_btn:hover {
color: #000;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .to_column button.next_btn {
float: left;
margin: 40px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff .to_column button.next_btn:hover {
color: #000;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff buttom.preview_send_submit {
float: left;
clear: both;
margin: 40px 0px 0px 180px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff buttom.preview_send_submit:hover {
color: #000;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff span.send-test-to_label {
float: left;
clear: both;
color: #1f5dab;
margin: 25px 0px 0px 95px;
font-size: 18px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff input.send-test-to_value {
float: left;
width: 165px;
height: 27px;
margin: 18px 0px 0px 10px;
padding: 3px 0px 2px 10px;
background: transparent;
color: #000000;
font-size: 16px;
font-weight: bold;
border: solid 2px #5b9dd7;
border-radius: 3px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.preview_send_submit {
float: left;
margin: 27px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.preview_send_submit:hover {
color: #000;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.close-form {
float: left;
margin: 27px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.close-form:hover {
color: #000;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff span.infos_2 {
float: left;
color: #1f5dab;
margin: 25px 0px 0px 25px;
font-size: 18px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff span.phone2 {
float: left;
clear: both;
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 15px 0px 0px 25px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff span.message2 {
float: left;
clear: both;
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 15px 0px 0px 25px;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.preview_send_submit2 {
float: left;
clear: both;
width: 90px;
height: 18px;
margin: 27px 0px 0px 40px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.preview_send_submit2:hover {
color: #000;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.close-form2 {
float: left;
margin: 27px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.campaigns #popup_window_preview .popup_wrapper .stuff_container .stuff button.close-form2:hover {
color: #000;
}
#send_sms_preview, #close_dialog_to_preview_text_blast {
float: left;
width: 90px;
height: 18px;
margin: 27px 0px 0px 40px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.preview_info {
margin: 15px 0 0 25px;
}
/*--------------------------------*/
.appointments .wrapper > .content {
background: #5b9dd7;
float: left;
width: 960px;
}
.appointments .wrapper > .content .page-heading {
float: left;
margin: 10px 0px 0px 25px;
clear: both;
}
.appointments .wrapper > .content .page-heading h1 {
color: #fff;
float: left;
font-size: 38px;
text-transform: capitalize;
}
.appointments .wrapper > .content .inner-content {
background: transparent;
width: 910px;
height: 815px;
margin: 4px 0px 25px 25px;
border-radius: 15px;
float: left;
}
#apptFrame{
width: 100%; height:800px; z-index: 999999;
}
/*----------------------------------------------------------------------------------------------------------------*/
.data-files {
width: 960px;
margin: 0px auto;
}
.data-files .wrapper {
float: left;
width: 960px;
}
/*
.data-files .wrapper .header { float: left; width: 960px; height: 120px; }
.data-files .wrapper .header .logo { float: left; width: 162px; height: 82px; background: url("../../images/logo-sbx.png") no-repeat 0px 0px; margin: 15px 0px 0px 21px; }
.data-files .wrapper .header .logo a { float: left; width: 100%; height: 100%; margin: 0px; padding: 0px; }
.data-files .wrapper .header .top-right-menu { float: right; width: 500px; visibility: hidden; height: 45px; }
.data-files .wrapper .header .top-right-menu ul { float: right; margin: 15px 0 0; width: auto; }
.data-files .wrapper .header .top-right-menu ul li { float: left; margin: 0px; }
.data-files .wrapper .header .top-right-menu ul li a { background: none repeat scroll 0 0 #000000; color: #FFFFFF; font-family: tahoma; font-size: 14px; font-weight: bold; padding: 4px 13px; text-decoration: none; text-transform: capitalize; }
.data-files .wrapper .header .top-right-menu ul li a:hover { color: #000000; background: #ffffff; border: 1px solid black; }*/
/*.data-files .wrapper .header .nav-menu { float: right; width: 650px; margin: 15px 0px 0px 91px; }*/
.data-files .wrapper .header .nav-menu ul {
float: right; /*width: 645px; margin: 20px 0px 0px 0px;*/
}
/*.data-files .wrapper .header .nav-menu ul li { float: left; /*width: 201px;margin-right: 13px; height: 41px; }*/
.data-files .wrapper .header .nav-menu ul li a {
font-family: tahoma;
font-size: 16px;
text-decoration: none;
padding: 0px;
font-weight: bold;
text-indent: -999999px;
width: 142px;
height: 41px;
float: left;
}
/*.data-files .wrapper .header .nav-menu ul li a.dashboard{ background: url("../../images/menu-tabs.png") no-repeat 0px 0px; }
.data-files .wrapper .header .nav-menu ul li a.campaigns{ background: url("../../images/menu-tabs.png") no-repeat -159px -38px; }
.data-files .wrapper .header .nav-menu ul li a.data-files{ background: url("../../images/menu-tabs.p ng") no-repeat -309px -38px; }
.data-files .wrapper .header .nav-menu ul li a.dashboard:hover{ background-position: 0px -56px; }
.data-files .wrapper .header .nav-menu ul li a.campaigns:hover{ background-position: -159px 2px; }
.data-files .wrapper .header .nav-menu ul li a.data-files:hover{ background-position: -309px 2px; }
.data-files .wrapper .header .nav-menu ul li a.dashboard.active{ background-position: 0px -56px; }
.data-files .wrapper .header .nav-menu ul li a.campaigns.active{ background-position: -216px -2px; }
.data-files .wrapper .header .nav-menu ul li a.data-files.active{ background-position: -308px 2px; }
*/
.data-files .wrapper > .content {
background: #82d545;
float: left;
width: 960px;
}
.data-files .wrapper > .content .page-heading {
float: left;
margin: 10px 0px 0px 25px;
clear: both;
}
.data-files .wrapper > .content .page-heading h1 {
color: #fff;
float: left;
font-size: 38px;
text-transform: capitalize;
}
.data-files .wrapper > .content .inner-content {
background: #fff;
width: 910px;
height: 515px;
margin: 4px 0px 25px 25px;
border-radius: 15px;
float: left;
}
.data-files .wrapper > .content .inner-content .data-file-table {
float: left;
margin-left: 7px;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow {
float: left;
border-bottom: solid 2px #4c792a;
}
.data-files .wrapper > .content .inner-content .data-file-table .row {
float: left;
margin-left: 0px;
}
.data-files .wrapper > .content .inner-content .data-file-table .row:first-child {
float: left;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column {
color: #4c792a !important;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column1 {
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column2 {
float: left;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column3 {
float: left;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column4 {
float: left;
font-size: 12px !important;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column5 {
float: left;
}
.data-files .wrapper > .content .inner-content .data-file-table .hrow .column6 {
float: left;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column {
float: left;
font-size: 12px;
font-weight: bold;
color: #000;
letter-spacing: 0px;
padding: 5px 0px 2px 0px;
}
.data-files .wrapper > .content .inner-content .data-file-table .row {
float: left;
width: 892px;
margin-top: 7px;
min-height: 25px;
}
.data-files .wrapper > .content .inner-content .data-file-table .row:nth-child(even) {
background: #d4f0c0;
}
.data-files .wrapper > .content .inner-content .data-file-table .row:nth-child(odd) {
background: #fff;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column1 {
float: left;
width: 230px;
width: 300px; /*4th column removed*/
margin-left: 10px;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column2 {
float: left;
width: 70px;
text-align: center;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column3 {
float: left;
width: 100px;
width: 225px; /*4th column removed*/
text-align: center;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column4 {
float: left;
width: 195px;
text-align: left;
font-size: 10px;
padding-left: 50px;
display: none;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column5 {
float: left;
width: 140px;
text-align: center;
padding-left: 0px;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column5 .upload-btn {
float: left;
width: 70px;
text-align: center;
padding: 0px;
margin: 0px;
background: url("../../images/small-btn.png") no-repeat 0px 0px;
cursor: pointer;
margin-left: 10px;
height: 18px;
margin-top: -2px;
padding-top: 1px;
color: #777;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column5 .upload-btn:hover {
color: #000;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column6 {
float: left;
width: 145px;
text-align: center;
padding-left: 0px;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column6 .help-me-get-it-btn {
float: left;
width: 110px;
text-align: center;
padding: 0px;
margin: 0px;
background: url("../../images/large-btn.png") no-repeat 0px 0px;
cursor: pointer;
margin-left: 17.5px;
height: 18px;
margin-top: -2px;
padding-top: 1px;
color: #777;
}
.data-files .wrapper > .content .inner-content .data-file-table .row .column6 .help-me-get-it-btn:hover {
color: #000;
}
.data-files .fancybox-skin {
background: #1ba101;
border-radius: 0px;
}
.dialogtab .fancybox-skin {
background-color: #660066;
}
#forwardSettingsWindow .popup_wrapper .stuff_container { /*float: left;*/
width: 582px;
margin: 5px auto;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px;
overflow: hidden;
}
#forwardSettingsWindow .popup_wrapper .stuff_container .stuff {
margin-top: 5px;
margin: 15px;
background: #f5f5f5;
padding: 15px;
}
#forwardSettingsWindow .popup_wrapper h1 {
float: left;
color: #fff;
font-size: 28px;
text-transform: capitalize;
height: 35px;
margin-left: 10px
}
.popup_wrapper h1 {
float: left;
color: #fff;
font-size: 28px;
text-transform: capitalize;
height: 35px;
}
.data-files #popup_window {
float: left;
}
.data-files #popup_window .popup_wrapper {
float: left;
width: 585px;
margin-left: 10px;
}
.data-files #popup_window .popup_wrapper h1 {
float: left;
color: #fff;
font-size: 28px;
text-transform: capitalize;
height: 35px;
}
.data-files #popup_window .popup_wrapper .stuff_container { /*float: left;*/
width: 582px;
height: 235px;
margin-top: 5px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px;
overflow: hidden;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff {
float: left;
width: 552px;
height: 205px;
margin-top: 5px;
margin: 15px;
background: #b0e489;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff span.file-label {
float: left;
margin: 30px 0px 0px 30px;
font-weight: bold;
color: #127100;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff input.file-upload {
float: left;
margin: 30px 0px 0px 10px;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff span.checkbox-label {
float: left;
margin: 35px 0px 0px 190px;
clear: both;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff span.checkbox-label input.chkbox {
float: left;
float: left;
margin: 4px 10px 0px 0px;
background: #fff;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff button.upload-btn {
float: left;
clear: both;
margin: 40px 0px 0px 180px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff button.upload-btn:hover {
color: #000;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff button.cancel-upload {
float: left;
margin: 40px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.data-files #popup_window .popup_wrapper .stuff_container .stuff button.cancel-upload:hover {
color: #000;
}
/*----------------------------------------------------------------------------------------------------------------*/
/*
.dashboard{
width: 960px;
margin: 0px auto;
}
.dashboard .wrapper{
float:left;
width:960px;
}
.dashboard .wrapper .header{
float:left;
width:960px;
height: 120px;
}
.dashboard .wrapper .header .logo{
float:left;
width:162px;
height:82px;
background: url("../../images/logo-sbx.png") no-repeat 0px 0px;
margin: 15px 0px 0px 21px;
}
.dashboard .wrapper .header .logo a{
float: left;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.dashboard .wrapper .header .logo a{
float: left;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.dashboard .wrapper .header .top-right-menu{
float: right;
width: 500px;
visibility: hidden;
}
.dashboard .wrapper .header .top-right-menu ul{
float: right;
width: 400px;
margin: 15px 15px 0px 0px;
}
.dashboard .wrapper .header .top-right-menu ul li{
float:right;
}
.dashboard .wrapper .header .top-right-menu ul li a{
font-family: tahoma;
font-size: 16px;
text-decoration: none;
padding: 5px 13px;
font-weight: bold;
float: left;
text-transform: capitalize;
}
.dashboard .wrapper .header .top-right-menu ul li a:hover{
color: #fff;
background: #000;
}
.dashboard .wrapper .header .nav-menu{
float: right;
width: 650px;
margin: 15px 0px 0px 91px;
}
.dashboard .wrapper .header .nav-menu ul{
float: right;
width: 645px;
margin: 20px 0px 0px 0px;
}
.dashboard .wrapper .header .nav-menu ul li{
float: left;
width: 201px;
height: 41px;
margin-right: 13px;
}
.dashboard .wrapper .header .nav-menu ul li a{
font-family: tahoma;
font-size: 16px;
text-decoration: none;
padding:0px;
font-weight: bold;
text-indent: -999999px;
width: 201px;
height: 41px;
float: left;
}
/*
/*.dashboard .wrapper .header .nav-menu ul li a.dashboard{ background: url("../../images/menu-tabs.png") no-repeat 0px 0px; }
.dashboard .wrapper .header .nav-menu ul li a.campaigns{ background: url("../../images/menu-tabs.png") no-repeat -216px 0px; }
.dashboard .wrapper .header .nav-menu ul li a.data-files{ background: url("../../images/menu-tabs.png") no-repeat -432px 0px; }
.dashboard .wrapper .header .nav-menu ul li a.dashboard:hover{ background-position: 0px -56px; }
.dashboard .wrapper .header .nav-menu ul li a.campaigns:hover{ background-position: -216px -56px; }
.dashboard .wrapper .header .nav-menu ul li a.data-files:hover{ background-position: -432px -56px; }
.dashboard .wrapper .header .nav-menu ul li a.dashboard.active{ background-position: 0px -56px; }
.dashboard .wrapper .header .nav-menu ul li a.campaigns.active{ background-position: -216px -56px; }
.dashboard .wrapper .header .nav-menu ul li a.data-files.active{ background-position: -432px -56px; }
*/
/*
.dashboard .wrapper > .content{
background: #fead2a;
float: left;
width: 960px;
}
.dashboard .wrapper > .content .page-heading{
float: left;
margin: 10px 0px 0px 25px;
clear: both;
}
.dashboard .wrapper > .content .page-heading h1{
color: #fff;
float: left;
font-size: 38px;
text-transform: capitalize;
}
.dashboard .wrapper > .content .inner-content{
background: #fff;
width: 910px;
height: 515px;
margin: 4px 0px 25px 25px;
border-radius: 15px;
float: left;
}
*/
/*----------------------------------------------------------------------------------------------------------------*/
.home-page {
width: 960px;
margin: 0px auto;
}
.home-page .wrapper {
float: left;
width: 960px;
}
.home-page .wrapper .header {
float: left;
width: 960px;
height: 120px;
}
.home-page .wrapper .header .logo {
float: left;
width: 162px;
height: 82px;
background: url("../../images/textellent_logo_162x59.png") no-repeat 0px 0px;
margin: 15px 0px 0px 21px;
}
.home-page .wrapper .header .logo a {
float: left;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.home-page .wrapper .header .top-right-menu {
float: right;
width: 500px;
visibility: hidden;
}
.home-page .wrapper .header .top-right-menu ul {
float: right;
width: auto;
margin: 15px 15px 0px 0px;
}
.home-page .wrapper .header .top-right-menu ul li {
float: left;
margin: 2px;
}
.home-page .wrapper .header .top-right-menu ul li a {
font-family: tahoma;
font-size: 16px;
text-decoration: none;
padding: 5px 13px;
font-weight: bold; /*float: left;*/
text-transform: capitalize;
color: #fff;
background: #000;
border: 1px solid ffffff;
}
.home-page .wrapper .header .top-right-menu ul li a:hover {
color: #000000;
background: #ffffff;
border: 1px solid black;
}
.home-page .wrapper > .content {
background: #fead2a;
float: left;
width: 960px;
}
.home-page .wrapper > .content .inner-content {
background: #fff;
width: 910px;
height: 515px;
margin: 60px 0px 25px 25px;
border-radius: 15px;
float: left;
}
.home-page .wrapper > .content .inner-content .top-text {
float: left;
width: 870px;
margin: 18px 0px 0px 22px;
clear: both;
height: 130px;
}
.home-page .wrapper > .content .inner-content .top-text p {
float: left;
width: 100%;
font-size: 50px;
font-weight: bold;
display: block;
color: #000;
font-family: arial;
letter-spacing: -2px;
}
.home-page .wrapper > .content .inner-content .left-content {
float: left;
}
.home-page .wrapper > .content .inner-content .left-content .enhanced-view {
text-align: center;
margin: 65px 0px 0px 38px;
}
.home-page .wrapper > .content .inner-content .enhanced-view a {
font-size: 15px;
color: #0f0fe8;
text-decoration: none;
}
.home-page .wrapper > .content .inner-content .enhanced-view .red-enhanced {
color: red;
}
.home-page .wrapper > .content .inner-content .left-content .client-login {
background: url(../../images/client-login-blue_334x85.png) no-repeat 0px 0px;
/* float: left; */
width: 334px;
height: 85px;
margin: 38px 0px 0px 31px;
color: #fff;
font-size: 40px;
text-align: center;
text-transform: capitalize;
font-weight: bold;
padding-top: 20px;
cursor: pointer;
}
.home-page .wrapper > .content .inner-content .client-login:hover {
color: #000;
}
.home-page .wrapper > .content .inner-content .blue-woman {
float: right;
width: 483px;
height: 320px;
border: solid 2px #cacaca; /*background: url("../../images/woman-in-blue_487x324.png") no-repeat 0px 0px transparent;*/
margin-right: 26px;
border-radius: 25px;
}
.home-page .wrapper > .content .inner-content .blue-woman img {
float: right;
width: 100%;
height: 100%;
border-radius: 22px;
}
.home-page .fancybox-skin {
background: #fead2a;
border-radius: 0px;
}
.home-page #popup_window {
float: left;
}
.home-page #popup_window .popup_wrapper {
float: left;
width: 585px;
margin-left: 10px;
}
.home-page #popup_window .popup_wrapper h1 {
float: left;
color: #fff;
font-size: 28px;
text-transform: capitalize;
height: 35px;
}
.home-page #popup_window .popup_wrapper .stuff_container { /*float: left;*/
width: 582px;
height: 235px;
margin-top: 5px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 15px;
overflow: hidden;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff {
float: left;
width: 552px;
height: 205px;
margin-top: 5px;
margin: 15px;
background: #eff0f4;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff span.username-label {
float: left;
margin: 30px 0px 0px 30px;
font-weight: bold;
color: #fead2a;
width: 100px;
padding-top: 7px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff span.selectclient-label {
float: left;
margin: 30px 0px 0px 30px;
font-weight: bold;
color: #fead2a;
width: 170px;
padding-top: 7px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff input.username {
float: left;
margin: 30px 0px 0px 10px;
border: 0px none;
box-shadow: 0px 0px 5px #fead2a;
border-radius: 3px;
width: 162px;
height: 30px;
padding-left: 7px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff select.forclient {
float: left;
margin: 30px 0px 0px 10px;
border: 0px none;
box-shadow: 0px 0px 5px #fead2a;
border-radius: 3px;
width: 250px;
height: 30px;
padding-left: 7px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff input.rememberme-checkbox {
box-shadow: 0px 0px 5px #fead2a;
position: absolute;
top: 115px;
left: 168px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff span.rememberme-label {
color: #fead2a;
font-weight: normal;
position: absolute;
top: 117px;
left: 186px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff span.forgot-password {
color: #FEA547;
font-weight: normal;
position: absolute;
top: 180px;
left: 165px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff span.password-label {
float: left;
clear: both;
color: #fead2a;
font-weight: bold;
margin: 30px 0 0 30px;
width: 100px;
padding-top: 7px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff input.password {
float: left;
margin: 30px 0px 0px 10px;
background: #fff;
border: 0px none;
box-shadow: 0px 0px 5px #fead2a;
border-radius: 3px;
width: 162px;
height: 30px;
padding-left: 7px;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.submit-info {
float: left;
clear: both;
margin: 40px 0px 0px 180px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.submit-info:hover {
color: #000;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.submit-reset-info {
float: left;
clear: both;
margin: 40px 0px 0px 180px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.submit-reset-info:hover {
color: #000;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.close-form {
float: left;
margin: 40px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.close-form:hover {
color: #000;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.back-form {
float: left;
margin: 40px 0px 0px 40px;
width: 90px;
height: 18px;
background: url("../../images/normal-btn.png") no-repeat 0px 0px;
border: 0px;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
}
.home-page #popup_window .popup_wrapper .stuff_container .stuff button.back-form:hover {
color: #000;
}
/*----------------------------------------------------------------------------------------------------------------*/
#login_failed_message {
position: relative;
margin-top: 8px;
float: left;
top: 26px;
font-size: 13px;
clear: both;
width: 100%;
margin-left: 30px;
color: #F11717;
font-weight: bold;
}
#reset_failed_message {
position: relative;
margin-top: 8px;
float: left;
top: 26px;
font-size: 13px;
clear: both;
width: 80%;
margin-left: 30px;
color: #F11717;
font-weight: normal;
}
#reset_success_message {
position: relative;
margin-top: 8px;
float: left;
top: 26px;
font-size: 13px;
clear: both;
width: 80%;
margin-left: 30px;
font-weight: normal;
}
/*TODO: Tidy up this file by removing duplication in other tab class*/
/*Do Not Text*/
/*.wrapper .header .nav-menu ul li a.do-not-text {background: url("../../images/menu-tabs.png") no-repeat scroll -609px -38px transparent;}
.wrapper .header .nav-menu ul li a.do-not-text:hover {background: url("../../images/menu-tabs.png") no-repeat scroll -609px 2px transparent;}
*/
.wrapper .header .nav-menu ul {
width: auto;
}
.wrapper .header .nav-menu ul li {
margin-right: 3px;
width: auto;
}
.content.do-not-text .form ul.name-value li .input .btn-blue {
margin-left: 4px;
}
.content.do-not-text {
background: none repeat scroll 0 0 red;
}
.content.do-not-text .inner-content {
}
.content.do-not-text .inner-content .white-background {
padding: 12px;
min-height: 500px;
}
.content.do-not-text h2 {
font-size: 28px;
color: #5B9DD7;
margin: 6px;
}
.content.do-not-text h3 {
font-size: 15px;
color: #5B9DD7;
margin: 6px;
}
.content.do-not-text .form {
margin: 15px;
}
.content.do-not-text .form input[type="file"] {
height: 23px;
margin-bottom: 5px;
}
.content.do-not-text .form ul.name-value { /*width: 520px;*/
}
.content.do-not-text .form ul.name-value li {
height: 45px;
}
.content.do-not-text .form ul.name-value li .text {
width: 27%;
}
.content.do-not-text .form ul.name-value li .input {
width: 73%;
}
.fancybox-skin.do-not-text .content h3 {
margin-bottom: 45px;
}
.fancybox-skin.do-not-text .content.loading_gif_center_top {
background-position: center 37px !important;
}
.fancybox-skin.management .content.loading_gif_center_top {
background-position: center center !important;
}
.fancybox-inner {
height: auto !important;
/* overflow: hidden !important */;
}
.content.dashboard {
background: none repeat scroll 0 0 #fead2a;
}
.content.dashboard .metrics {
position: relative;
top: -32px;
background-color: #FFFFFF;
border-radius: 15px 15px 15px 15px; /*margin-top: -22px;*/
}
.content.dashboard .metrics-filter {
height: 115px;
background-color: #F7D999;
border-radius: 15px 15px 0 0;
position: relative;
z-index: 1;
}
.content.dashboard .metrics-filter ul.name-value {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 100%;
padding: 10px 10px 0;
}
.content.dashboard .metrics-filter ul.name-value li {
float: left;
}
.content.dashboard .metrics-filter ul.name-value li .text {
width: auto;
}
.content.dashboard .metrics-filter ul.name-value li .text label {
font-size: 13px;
font-weight: bold;
}
.content.dashboard .metrics-filter ul.name-value li .input {
width: auto;
padding-left: 8px;
}
.content.dashboard .metrics-filter ul.name-value li .input select {
margin-bottom: 0px;
width: 145px;
}
.content.dashboard .metrics-filter ul.name-value li .input select option {
padding: 4px 5px;
width: 115px;
white-space: nowrap;
overflow: hidden; /* text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); */
}
.content.dashboard .metrics-filter ul.name-value li .input span:not(.add-on) {
border-radius: 4px 4px 4px 4px;
display: inline-block;
margin: 0 2px 0 0;
text-align: center;
font-size: 0.7em;
font-weight: bold;
background-color: #FFFF99;
cursor: pointer;
}
.content.dashboard .metrics-filter ul.name-value li .input span:not(.add-on):not(.disabled):hover {
background-color: #fead2a;
color: white;
}
.content.dashboard .metrics-filter ul.name-value li .input span.active {
background-color: #fead2a;
color: white;
}
/*.content.dashboard .metrics-filter ul.name-value li .input span.inactive{background-color:#FFFF99;}*/
.content.dashboard .metrics-filter ul.name-value li .input span.disabled { /*background-color:#FFFFCC;*/
color: Gray;
cursor: not-allowed;
}
.content.dashboard .metrics-filter ul.name-value li .input.timeframe span {
height: 20px;
padding: 4px 5px;
position: relative;
width: 68px;
}
.content.dashboard .metrics-filter ul.name-value li .input.activity span {
display: table-cell;
height: 44px;
padding-left: 3px;
padding-right: 3px;
vertical-align: middle;
}
.content.dashboard .metrics-filter ul.name-value li .input .space {
display: inherit;
padding-right: 5px;
}
/*.content.dashboard .metrics-filter #table_div .table-header{background-color:#fead2a;}
.content.dashboard .metrics-filter #table_div .table-odd-row{background-color:#F7D999;}
.content.dashboard .metrics-filter #table_div .table-hover-row{background-color:#FFFA00;}
.content.dashboard .metrics-filter #table_div .table-selected-row{background-color:#FFFFCC;}
*/
/*Google Table*/
.table-header-row {
background-color: #fead2a;
color: #ffffff;
font-weight: bold;
}
.table-header-row .gradient-new {
background-color: #fead2a;
}
.table-header-row .google-visualization-table-sortind {
color: #000000;
font-size: 12px;
padding-left: 6px;
}
.table-odd-row {
background-color: #F7D999;
}
.table-hover-row {
background-color: #FFFFCC;
}
.table-selected-row {
background-color: #F7D111;
}
.dialog .form ul.name-value li .text {
width: auto;
}
.dialog .form ul.name-value li .input {
width: auto;
}
.dialog .form ul.name-value li.edit * {
width: auto;
}
.content.management {
background: none repeat scroll 0 0 #CF5C34;
}
.content.text-blast {
background: none repeat scroll 0 0 #b046e2;
}
.space {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0
}
[class*="vspace-"] {
display: none
}
.space-32 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 32px 0 31px
}
[class*="vspace-32"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 32px 0 31px 0
}
.space-30 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 30px 0 29px
}
[class*="vspace-30"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 30px 0 29px 0
}
.space-28 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 28px 0 27px
}
[class*="vspace-28"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 28px 0 27px 0
}
.space-26 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 26px 0 25px
}
[class*="vspace-26"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 26px 0 25px 0
}
.space-24 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 24px 0 23px
}
[class*="vspace-24"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 24px 0 23px 0
}
.space-22 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 22px 0 21px
}
[class*="vspace-22"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 22px 0 21px 0
}
.space-20 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 20px 0 19px
}
[class*="vspace-20"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 20px 0 19px 0
}
.space-18 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 18px 0 17px
}
[class*="vspace-18"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 18px 0 17px 0
}
.space-16 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 16px 0 15px
}
[class*="vspace-16"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 16px 0 15px 0
}
.space-14 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 14px 0 13px
}
[class*="vspace-14"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 14px 0 13px 0
}
.space-12 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 12px 0 11px
}
[class*="vspace-12"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 12px 0 11px 0
}
.space-10 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 10px 0 9px
}
[class*="vspace-10"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 10px 0 9px 0
}
.space-8 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 8px 0 7px
}
[class*="vspace-8"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 8px 0 7px 0
}
.space-6 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 6px 0 5px
}
[class*="vspace-6"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 6px 0 5px 0
}
.space-4 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 4px 0 3px
}
[class*="vspace-4"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 4px 0 3px 0
}
.space-2 {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 2px 0 1px
}
[class*="vspace-2"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 2px 0 1px 0
}
.space-0, [class*="vspace-0"] {
max-height: 1px;
min-height: 1px;
overflow: hidden;
margin: 12px 0;
margin: 0
}
/*changes done by infario
*
* /
*/
.wrapper .header .nav-menu ul li a.dialog-tab {
background: url("../../images/menu-tab-dialog-bg.png") no-repeat transparent;
background-size: 150px auto;
background-position: -4px -4px;
color: #000;
text-indent: 0;
text-align: center;
line-height: 30px;
font-weight: normal;
font-family: sans-serif;
}
.wrapper .header .nav-menu ul li a.dialog-tab:hover, .wrapper .header .nav-menu ul li a.dialog-tab.active {
color: #fff
}
.wrapper .header .nav-menu ul li a.appointments {
background: url("../../images/menu-tab-blue-bg.png") no-repeat transparent;
background-size: 150px auto;
background-position: -4px -4px;
color: #000;
text-indent: 0;
text-align: center;
line-height: 30px;
font-weight: normal;
font-family: sans-serif;
font-size:13px;
}
/* menu tab new row workaround */
#menu-placeholder{
background: #efefef;
margin-right: 0px;
margin-top:28px;
margin-left:142px;
float:none;
}
#menu-placeholder.dashboard{
background-color:#fead2a;
}
#menu-placeholder.campaigns{
background-color:#5b9dd7;
}
#menu-placeholder.text-blast{
background-color:#b046e2;
}
#menu-placeholder.data_files{
background-color:#82d545;
}
#menu-placeholder.appointments{
background-color:#5b9dd7;
}
#menu-placeholder.dialog_tab{
background-color:#660066;
}
#menu-placeholder.do-not-text{
background-color:#FF0000;
}
/* menu tab workaround ends here */
.wrapper .header .nav-menu ul li a.appointments:hover, .wrapper .header .nav-menu ul li a.appointments.active {
color: #fff
}
/*
.growlUI {
width: 350px;
height: 200px;
bottom: 50px;
left: 30%;
right: 0;
border: none;
padding: 5px;
background-color: #960096;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
opacity: 0.7;
color: #fff;
}
*/
/* dialog-css */
.dialog-tab {
background: none repeat scroll 0 0 #660066;
font-size: 12px;
}
.dialog-tab .modal-content {
border-radius: 0px;
/* border: 20px solid #9D349D; */
}
.dialog-tab .modal-content .btn-default {
background: #9D349D;
color: #fff;
min-width: 120px;
}
.dialog-tab .modal-content .close {
opacity: 1.2
}
.dialog-tab .modal-content .btn {
border: 0px;
border-radius: 0px;
}
.dialog-tab .modal-content .modal-header {
padding: 0px 15px 15px;
color: #fff;
background-color: #9D349D;
}
.dialog-tab .page-heading col-xs-6 {
margin-right: 10px;
}
.dialog-tab .page-heading a {
color: #fff;
text-decoration: none;
margin-right: 10px;
}
.dialog-tab .page-heading a:hover {
text-decoration: underline;
color: #F4F4F4;
}
.dialog-tab #inner-content {
background-color: #ffddff;
/*position: relative;/
/*min-height: 404px;*/
}
.dialog-tab .inner-content .dialog-filter .form_datetime {
height: 34px;
}
.dialog-tab #filters table {
width: 100%;
}
.dialog-tab #filters td label {
font-size: 12px;
}
.dialog-tab #filters .col-xs-3{
width:auto;
}
/* .btn {
min-width: 70px;
} */
#sendBtn{
min-width: initial;
}
.dialog-tab #filters {
font-size: 13px;
padding: 10px;
}
.dialog-tab #filters td {
padding: 5px;
}
#filters #campaignSelect .multiselect-container {
min-width: 255px;
}
#filters #campaignSelect .multiselect-container > li > a {
/*white-space: normal;*/
}
.displayMiddle{
width: 100%;
height:80%;
display: table;
}
.displayMiddle .well-large{
display:table-cell;vertical-align: middle;text-align:center;
}
#officeSettings .control-label {
text-align: left;
font-weight: normal;
}
.btn-info {
background: #660066;
border: 0px;
border-radius: 6px;
}
#messageTable {
margin: 0px;
padding: 0px;
font-size: 11px;
}
#messageTable table{
width:100%;
}
#messageTable table.dataTable.no-footer {
border: 0px;
}
#messageTable .dataTables_wrapper {
min-height: 445px;
}
#messageTable .bottom {
position: absolute;
bottom: -3px;
background: #d19ad1;
width: 100%;
padding: 2px 10px;
border-bottom-left-radius:15px;
}
#messageTable .bottom * {
font-size: 12px;
color: #000000;
padding: 0px;
}
#messageTable.col-xs-12 .bottom {
border-bottom-right-radius: 15px;
}
#messageTable table thead {
background: #660066;
color: #fff;
}
#messageTable table thead th {
padding: 3px 10px;
}
.sorting_desc, .sorting_asc{
min-width:120px;
max-width:160px;
}
#messageTable table thead th:first-child {
min-width: 165px;
max-width: 170px;
}
#messageTable table thead th:last-child {
min-width: 43px;
max-width: 45px;
}
#messageTable table tr {
cursor: pointer;
}
#messageTable table > tbody > tr:first-child > td:first-child{
text-overflow: ellipsis;
/* Required for text-overflow to do anything */
white-space: nowrap;
overflow: hidden;
}
#messageTable table tr.odd:hover,#canned-message-table >tbody>tr:nth-child(odd):hover {
background: #FC94FC;
}
#messageTable table tr.even:hover, #canned-message-table > tbody > tr:nth-of-type(even):hover {
background: #FC94FC;
}
#messageTable table tr.odd,#canned-message-table >tbody>tr:nth-child(odd) {
background-color: #FFDDFF;
}
#messageTable table tr.even,#canned-message-table > tbody > tr:nth-of-type(even) {
background-color: #F9C0F9;
}
#messageTable table tr.selected {
background: #FC94FC;
}
#messageTable table td {
position:relative;
}
#messageTable table td .wrapped{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
position:absolute;
width: 95%;
top:25%;
}
#messageTable table td .actBtn {
min-width: 20px;
font-size: 11px;
background-color: transparent;
border:0px;
box-shadow: none;
color: #d8204e;
}
.actBtn:focus {
outline: none;
}
#messageTable table td .sPause {
background-image:url('images/pause.png');
width: 11px;
height:11px;
background-size: contain;
background-repeat: no-repeat;
margin-top: 3px;
}
#messageTable table td .sDNTbtn {
background-image:url('images/dnt.png');
width: 11px;
height:11px;
background-size: contain;
background-repeat: no-repeat;
margin-top: 3px;
}
#messageTable table td .sWRNMBbtn {
background-image:url('images/wrong-number.png');
width: 11px;
height:11px;
background-size: contain;
background-repeat: no-repeat;
margin-top: 3px;
}
#messageTable table td.actionCol{
padding: 2px;
}
#messageTable table .unread {
font-weight: bold;
}
#chartBoard {
font-size: 13px;
}
#chartBoard .form-control {
border-radius: 0px;
}
#chartBoard .chartHeading {
background: #660066;
color: #fff;
padding: 3px;
}
#chartBoard #chatInfo {
margin-right: 32px;
font-size:12px;
}
#trig {
float: right;
display: block;
width: 32px;
}
#trig:hover {
color:#F4F4F4;
}
.loadMore {
font-size: 11px;
text-align: center;
display:block;
background-color: #F9C0F9;
color: #555555;
padding: 3px 0px;
clear: both;
}
#messageScroll {
height: 282px;
overflow-y: auto;
overflow-x: hidden;
}
#messageWindow {
min-height:300px;
padding-top: 20px;
padding-bottom:20px;
margin-right: 10px;
}
#messageWindow .textMessage {
padding: 8px;
border-radius: 8px;
width: 200px;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
word-wrap:break-word
}
#messageWindow .income {
background: #bafffa;
float: left;
margin-left: 20px;
}
#messageWindow .incomingCall {
background: #FEFFBA;
float: left;
margin-left: 20px;
}
#messageWindow .outgoing {
background: #c1ffc1;
float: right;
margin-right: 20px;
}
#messageWindow .userMessage {
background:#F9C0F9;
margin:5px auto;
color: #c95ec9;
font-size: 10px;
text-align:left;
clear:both;
}
#messageWindow .outgoing:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(193, 255, 193, 0);
border-left-color: #C1FFC1;
border-width: 16px;
margin-top: -16px;
}
#messageWindow .income:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(204, 236, 255, 0);
border-right-color: #bafffa;
border-width: 16px;
margin-top: -16px;
}
#messageWindow .incomingCall:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(204, 236, 255, 0);
border-right-color: #FEFFBA;
border-width: 16px;
margin-top: -16px;
}
#messageWindow .timeStamp {
color: #888;
margin-left: 22px;
margin-right: 22px;
margin-bottom: 22px;
font-size: 10px;
clear: both;
}
#chartBoard {
margin: 0px;
padding: 0px;
float: right;
border-left: 2px #660066 solid;
}
.message-bar {
border-top: 2px #660066 solid;
}
.message-bar .input-group-addon {
border-radius: 0px;
background-color: transparent;
border: 0px;
}
#typetext {
resize: none;
text-align: left;
font-size: 13px;
background-color: transparent;
border: 0px;
border-radius: 0px;
color: #000000;
box-shadow: none;
overflow: hidden;
}
#typetext:focus {
box-shadow: none;
}
.maskedTextarea {
resize: none;
text-align: center;
font-size: 16px;
background-color: transparent;
border: 0px;
border-radius: 0px;
color: #000000;
box-shadow: none;
width:100%;
overflow: hidden;
}
.maskedTextarea:focus {
box-shadow: none;
}
#textCount {
background: #d19ad1;
padding: 3px;
font-size: 12px;
border-bottom-right-radius:15px;
}
#notifications {
position: absolute;
background-color: rgba(209, 154, 209, 0.5);
color: #660066;
padding: 10px;
border-radius: 10px;
width: 320px;
bottom: -64px;
left: 20%;
display: none;
}
#message div {
-webkit-transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease;
-moz-transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease;
-o-transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease;
transition: width 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}
#message .col-0 {
width: 0%;
display: none;
}
.multiselect{
width: 150px;
}
/* action Menu */
.actionCol .dropdown-menu{
font-size:11px;
background-color:#fff2ff;
min-width:60px;
max-width:158px;
top:75%;
right:15px;
}
.actionCol .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
background-color:#FC94FC;
}
.actionCol .dropdown-submenu{position:relative;}
.actionCol .dropdown-submenu>.dropdown-menu{top:0;left:-70%;max-width:80px;margin-top:-6px;margin-right:-1px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.actionCol .dropdown-submenu:hover>.dropdown-menu{display:block;}
.actionCol .dropdown-submenu>a:before{display:block;content:" ";float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:#999;margin-top:2px;margin-right:5px;}
.actionCol .dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.actionCol .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.actionCol .dropdown-menu-right {margin-left:0;}
/* slideDown */
.slide {
margin: 0;
padding: 0;
height:1px;
background: -webkit-gradient(linear, 0 0, 100% 0, from(#660066), to(#660066), color-stop(50%, #d19ad1));
position:relative;
display: none;
}
.pull-me {
text-align:center;
position: absolute;
right:51%;
font-family: arial, sans-serif;
font-size: 11px;
color: #660066;
text-decoration:none;
background: #FFDDFF;
text-decoration: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
z-index:4;
width:40px;
top:-1px;
}
.pull-me:hover{
color: #660066;
}
#message-validate{
position: absolute;
background-color: #fceafc;
width: 100%;
text-align: center;
}
.pending-btns{
padding-top:10px;
}
.pending-btns .btn{
min-width:0;
}
.label-notification {
padding-right: 10px;
font-weight: normal;
margin-top: 14px;
}
.toggle-button {
background-color: white;
margin-right: 40px;
border-radius: 20px;
border: 2px solid #D0D0D0;
height: 10px;
cursor: pointer;
width: 40px;
position: relative;
display: inline-block;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
.toggle-button button {
cursor: pointer;
outline: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
width: 19px;
height: 19px;
background-color: white;
float: left;
margin: -6px 0 0 -6px;
border: 2px solid #D0D0D0;
transition: left 0.3s;
}
.toggle-button-selected {
background-color: #83B152;
border: 2px solid #7DA652;
}
.toggle-button-selected button {
left: 26px;
top: 0;
margin: 0;
border: none;
width: 19px;
height: 19px;
margin: -6px 0 0 -6px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.message-insert{
cursor:pointer;
}
.message-insert a{
cursor:zoom-in
}
#edit-grid{
margin-top:10px;
overflow:hidden;
width:910px;
}
.edit-btn{
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaf6f7+1,c6d9cc+100 */
background: #eaf6f7; /* Old browsers */
background: -moz-linear-gradient(top, #eaf6f7 1%, #c6d9cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eaf6f7 1%,#c6d9cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eaf6f7 1%,#c6d9cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf6f7', endColorstr='#c6d9cc',GradientType=0 ); /* IE6-9 */
border:1px solid #1b8ec4;
border-radius:4px;
color: #777;
padding:2px 4px;
margin-top:-3px;
line-height:14px;
}
.btn-delta {
background-color: hsl(312, 80%, 43%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e727c0", endColorstr="#c515a2");
background-image: -khtml-gradient(linear, left top, left bottom, from(#e727c0), to(#c515a2));
background-image: -moz-linear-gradient(top, #e727c0, #c515a2);
background-image: -ms-linear-gradient(top, #e727c0, #c515a2);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e727c0), color-stop(100%, #c515a2));
background-image: -webkit-linear-gradient(top, #e727c0, #c515a2);
background-image: -o-linear-gradient(top, #e727c0, #c515a2);
background-image: linear-gradient(#e727c0, #c515a2);
border-color: #c515a2 #c515a2 hsl(312, 80%, 40.5%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
-webkit-font-smoothing: antialiased;
}
.btn-golf{
background-color: hsl(195, 79%, 43%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c5eb", endColorstr="#1798c4");
background-image: -khtml-gradient(linear, left top, left bottom, from(#56c5eb), to(#1798c4));
background-image: -moz-linear-gradient(top, #56c5eb, #1798c4);
background-image: -ms-linear-gradient(top, #56c5eb, #1798c4);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56c5eb), color-stop(100%, #1798c4));
background-image: -webkit-linear-gradient(top, #56c5eb, #1798c4);
background-image: -o-linear-gradient(top, #56c5eb, #1798c4);
background-image: linear-gradient(#56c5eb, #1798c4);
border-color: #1798c4 #1798c4 hsl(195, 79%, 38%);
color: #fff !important;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
-webkit-font-smoothing: antialiased;
}
/* temprory */
/* #openCannedMessages,#insert-cm-btn{
display:none;
} */
.msgText,#msgText{
white-space: pre-wrap; /* css-3 */
word-break: break-word;
}