/* Sender Details Modal (basic editor) */ #template-setting .section .setting-section-container .from-input-wrap { width: 100% !important;position: relative;padding:0 5px 0 0 !important;display: inline-block;background-color: #ffffff;line-height: 100%;border: 1px solid var(--slate-200) !important;border-radius: 4px;font: 14px "IBM Plex Sans", Helvetica, sans-serif !important;color: #333 !important;float: left;margin-right: 10px; } #template-setting .section .setting-section.name-field .from-input-wrap input.from-input { position: relative;width: 90% !important;display: inline-block;background-color: #ffffff;line-height: 100%;border: 0px !important;font: 14px "IBM Plex Sans", Helvetica, sans-serif !important;color: #333 !important;float: left;height:32px;padding:4px 5px 4px 10px!important; } #template-setting .section .setting-section.name-field .from-input-wrap input.from-input.inactive { color: #c3c3c3 !important; } #template-setting .section .setting-section-container .from-input-wrap a.from-pers { float: right;color: #bbbbbb; position: absolute; top: 50%; transform: translateY(-50%); right: 5px;} #template-setting .section .setting-section.name-field .ac_popover-menu .popover-footer .ac_button { width: 47%;} #template-setting .section .setting-section.name-field .ac_popover-menu .popover-footer .ac_button:first-of-type { margin-right: 10px !important;} #template-setting .section .setting-section.name-field #from-pers-menu-name, #template-setting .section .setting-section.name-field #from-pers-menu-email, #template-setting .section .setting-section.name-field #pers-menu-subject { margin-top: 23px;min-width: 247px;left: initial;right: -32px;} #template-setting .section .setting-section.name-field #from-pers-menu-name:before,#template-setting .section .setting-section.name-field #from-pers-menu-name:after,#template-setting .section .setting-section.name-field #from-pers-menu-email:before,#template-setting .section .setting-section.name-field #from-pers-menu-email:after, #template-setting .section .setting-section.name-field #pers-menu-subject:before, #template-setting .section .setting-section.name-field #pers-menu-subject:after { left: 80%;} #template-setting .section .setting-section.name-field .input-wrap{width:100%!important;position:relative;display:inline-block;background-color:#fff;line-height:100%;border:1px solid var(--slate-200)!important;border-radius:4px;font:14px "IBM Plex Sans", Helvetica, sans-serif!important;color:#333!important;float:left;margin-right:10px;padding:0 5px 0 0!important;} #template-setting .section .setting-section.name-field .input-wrap input.icon-input{position:relative;width:90%!important;display:inline-block;background-color:#fff;line-height:100%;border:0!important;font:14px "IBM Plex Sans", Helvetica, sans-serif!important;color:#333!important;float:left;height:32px;padding:4px 5px 4px 10px!important;} #template-setting .section .setting-section.name-field .icon-pers{color:var(--slate-500);float:right; position: absolute; top: 50%; transform: translateY(-50%); right: 5px;} /* Modal Stuff */ /* gallery modal stuff */ /* upload stuff */ #modal_gallery .modal-dialog {width:800px;} * html #modal_gallery {position:absolute;} #modal_gallery .modal-body {padding:2px!important; max-height:575px; overflow:hidden;} #modal_gallery .standalone, #modal_gallery .gallery_wrap {position:relative; width:100%; overflow:hidden;} #modal_gallery .upload-file-nice {position:relative; text-align:right; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; z-index:2;} #modal_gallery .upload-file-ie {} #modal_gallery .upload-hidden {display:none;} #modal_gallery .upload {margin:0 0 20px; width:210px; background:#f5f5f5; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} #modal_gallery .upload input[type="submit"] {background:#6ec34f;} /* menu stuff */ #modal_gallery .sidemenu {position:relative; float:right; padding:10px; width:220px;} #modal_gallery .sidemenu > .headtitle {position:absolute; margin:0 0 5px; padding:0 0 0 24px; width: 204px; background:url('../images/modal_gallery_folders.png') 0 0 no-repeat; font-size:14px; font-weight:700; overflow:hidden;} #modal_gallery .sidemenu > .headtitle > span.captionsmall {position:absolute; display:inline-block; top:0; right:17px; font-size:11px; color:#ababab;} #modal_gallery .folder-main, #modal_gallery .folder-sub {color:#777!important; font-weight:normal!important; text-decoration:none!important;} #modal_gallery .folder-add {color:#004290; font-weight:700;} #modal_gallery .folder_list {overflow:hidden; margin-top: 44px; width:210px; height:444px; overflow-x:hidden; overflow-y:scroll;} #modal_gallery .folder_list a.folder-selected {color:#555!important; text-decoration:none!important; font-weight:700!important;} #modal_gallery .folder_list > .folders {margin-left:25px; max-height:390px;} #modal_gallery .folder_list > .folders > ul {line-height:1.8;} #modal_gallery .folder_list > .folders > ul > li {position:relative; margin:0 0 0 -15px!important; padding:0; height:100%; overflow:hidden; line-height:1.7;} #modal_gallery .folder_list > .folders > ul > li > a {display:block; float:left; height:100%; margin-left:15px; color:#555; text-decoration:none;} #modal_gallery .folder_list > .folders > ul > li > a.folder-delete {position:absolute; display:none; top:6px; margin:0; padding:0; width:7px; height:8px; background:url('../images/modal_gallery_folder_delete.png') no-repeat 0 0; text-indent:100%; white-space:nowrap; overflow:hidden; white-space:nowrap; overflow:hidden;} #modal_gallery .folder_list > .folders > ul > li > a.folder-delete:hover {background-position:0 -8px;} /* image stuff */ #modal_gallery .images {position:relative; top:0; left:0; max-height:560px; margin-right:210px; overflow-x:hidden; overflow-y:auto;} #modal_gallery .images > .image {position:relative; float:left; margin:13px; width:118px; height:140px; margin-right:0; margin-bottom:0;} #modal_gallery .images > .image > div {position:relative; width:118px; height:118px; display:block;} #modal_gallery .images > .image > div.image-container {width:118px; height:118px; overflow:hidden; border:1px solid #ccc; position:relative;} #modal_gallery .images > .image > div.image-container > div.image-picture {width:118px; height:118px; text-align:center; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; margin-left:auto; margin-right:auto;} #modal_gallery .images > .image > div.image-container > div.image-picture > img {max-width:118px; max-height:118px;} #modal_gallery .images > .image > div.image-container > div.image-picture > div.image-imgtag {max-height:118px; cursor:pointer;} #modal_gallery .images > .image > div.image-name {text-align:center!important; width:118px; overflow:hidden; color:#999; font-size:10px; height:15px!important; margin-top:2px;} #modal_gallery .images > .image > div.image-name input {width:98%; height:15px!important; padding:0!important; font-size:10px!important; overflow:hidden!important; text-align:center!important; border:0!important;} #modal_gallery .image_options {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background:url('../images/trans-70.png'); display:none;} #modal_gallery .image_options > span {position:absolute; top:80px; display:block; width:29px; height:29px; background:url('../images/modal_gallery_imgoptions.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;} #modal_gallery .image_options > span.image_choose {margin-left:-47px; left:50%; top:30px; min-width:94px; height:30px; line-height:30px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-indent:0; background:#82cc5d; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border:1px solid #555;} #modal_gallery .image_options > span.image_choose:hover {background:#67b042;} #modal_gallery .image_options > span.image-edit {left:13px; background-position:0 0;} #modal_gallery .image_options > span.image-preview {left:46px; text-indent:0!important;} #modal_gallery .image_options > span.image-preview > a {display:block; width:29px; height:29px; background:url('../images/modal_gallery_imgoptions.png') no-repeat 0 -58px; text-indent:100%; white-space:nowrap; overflow:hidden;} #modal_gallery .image_options > span.image-delete {right:10px; background-position:0 -29px;} #modal_gallery .aviary {width:300px; height:300px; position:relative;} #modal_gallery_loading {display:none; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:url('../images/trans-70-white.png'); z-index:100;} #modal_gallery_loading > div {position:absolute; top:30%; left:50%; margin-left:-100px; padding:28px 0 0; font-size:12px; width:200px; color:#777;} #modal_gallery #modal_gallery_loading {width:97.8%!important;} #modal_gallery #modal_gallery_loading > img {margin-left:8px!important;} #subscriber_import .upgradeplan > a { margin:10px 0; padding:9px 15px; -moz-box-shadow:inset 0 1px 0 0 #fff; -webkit-box-shadow:inset 0px 1px 0px 0px #fff; box-shadow:inset 0px 1px 0px 0px #fff; background-color:#f7cb20; background-repeat:no-repeat; background-image:-webkit-linear-gradient(#fed427, #fed427 75%, #f7cb20); background-image:-moz-linear-gradient(top, #fed427, #fed427 75%, #f7cb20); background-image:-ms-linear-gradient(#fed427, #fed427 75%, #f7cb20); background-image:-o-linear-gradient(#fed427, #fed427 75%, #f7cb20); background-image:linear-gradient(#fed427, #fed427 75%, #f7cb20); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed427', endColorstr='#f7cb20', GradientType=0); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #d5b435; border-bottom-color:#b28e00; display:inline-block; color:#333!important; font-size:15px; font-weight:700; text-decoration:none; text-shadow:1px 1px 0 #fff6d2; -webkit-box-shadow:0 1px 1px rgba(120, 120, 120, 0.3); -moz-box-shadow:0px 1px 1px rgba(120, 120, 120, 0.3); box-shadow:0px 1px 1px rgba(120, 120, 120, 0.3); cursor:pointer!important; z-index:1; zoom:1; } #subscriber_import .upgradeplan > a:hover {text-shadow:1px 0 0 #fff6d2; border:1px solid #c6a113; border-top-color:#c3a326; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7cb20), color-stop(1, #fed427) ); background:-moz-linear-gradient( center top, #f7cb20 5%, #fed427 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cb20', endColorstr='#fed427'); background-color:#f7cb20; -webkit-box-shadow:0px; -moz-box-shadow:0px; box-shadow:0px;} /*-------------------------------------------------------------------------*\ Fields and lists \*------------------------------------------------------------------------*/ body.field .ac_lists { border-spacing: 0; border-bottom: 1px solid #EBEBEB; } body.field .ac_lists table { border: 0 none; } body.field .ac_lists table .ac_lists-subheader { height: 53px; background-color: #F2F2F2; color: #5D5D5D; } body.field .ac_lists table .ac_lists-subheader td { border-bottom: 1px solid #C8C8C8; } body.field .ac_lists table td { padding: 16px 10px; } body.field .selectdropdown a.dropdown_select { position: relative; padding: 7px 28px 7px 11px !important; font-size: 14px !important; } body.field .selectdropdown a.dropdown_select:after { position: absolute; top: 12px; right: 11px; float: none; font-family: "ac-icons"; content: '\E86C'; font-size: 10px; color: #696969; } #subscriberDetails h2.printable {display:none;} #tab_details_, #tab_live_travel_, #tab_campaigns_, #tab_log_, #tab_notes_ {display:none;} #subscriberDetails #notes .options {font-size:11px; color:#333; font-weight:normal; padding-top:8px; } #subscriberDetails .note_html_info {color:#999; margin-top:8px; font-size:11px; } #contact_view_name_list {font-size:25px; color:#000; } .contact_view_email {font-size:18px; color:#666; } .note_html {display:none; border-bottom:1px solid #e0e0e0; padding-top:10px; padding-bottom:5px; margin-bottom:10px;} .note_html_edit {border:1px solid #999; display:block; height:75px; width:99%; margin-bottom:10px;} #note_html_cancel_button {margin-left:8px;} #note_html_options {display:none; float:right;} #details_fields_updatebutton {margin-top:15px; } #list #list_table .sublistcheckboxall {position:relative; top:2px; left:8px; } #list #list_table .sublistcheckbox {position:relative; top:10px; left:8px; } #list #list_table .xtracol {float:right; } #list #list_table .xtracol .dateadded {color:#aaa; margin-right:8px; } #list #list_table .xtracol .contacticons {position:relative; top:4px; } #list #list_table .xtracol .geoaddr { font-family: "IBM Plex Sans", Helvetica, sans-serif; margin:0 10px 0 0; padding:6px; display:inline-block; border:1px solid #c3c3c3; color:#888; font-size:12px; font-weight:100; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer!important; z-index:1; zoom:1; } #list #list_table .infocol {color:#000; height:32px; line-height:32px; } #list #list_table .infocol a {text-decoration:none; color:#000; font-size:14px; } #list #list_table .infocol a.resendoptin {text-decoration:none; color:#aaa; font-size:12px; } #list #list_table .fieldscol {color:#aaa; } #list #list_table .fieldscol .fieldtitle {color:#888; } .ac_subheader .contacts_buttonsright { float: right; } .ac_subheader .contacts_buttonsright a { margin-left: 10px;width: initial; } .ac_subheader .contacts_buttonsleft { float: left; } #contactlist { margin-top: 64px; } body.contact.old #contactlist { margin-top: 27px; } body.contact.old .ac-content_wrap { padding: 0; } body.contact.old #custom_fields_table textarea { padding: 10px 8px!important; width: 100%; max-height: 150px; border: var(--slate-200) 1px solid; box-sizing: border-box; border-radius: 4px !important; } #contactlist .column-select > a.ac-icon { margin-left: -23px; font-size: 14px; white-space: nowrap; } #contactlist .column-select .ac_popover-menu { left: initial; right: -8px; width: 200px; } #contactlist .column-select .ac_popover-menu:before, #contactlist .column-select .ac_popover-menu:after { left: initial !important; right: 13px; } #setting-popover-menu { margin-top: 25px; margin-left: -150px; width: 200px !important; min-width: initial !important; } #setting-popover-menu:before, #setting-popover-menu:after { top: -14px; right: -38px; } #setting-popover-menu:after { top: -12px; } #setting-popover-menu #col_apply { position: relative; border-top: 1px solid #D7D7D7; text-align: center !important; } #setting-popover-menu #col_apply a { display: block; padding: 9px; text-decoration: none; color: #4E4E4E; font-weight: 400; font-size: 14px; } #setting-popover-menu #col_apply a:hover { background-color: #f6f6f6; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #setting-popover-menu #col_apply:after { position: absolute; content: ''; right: 0; top: -11px; width: 200px; height: 10px; opacity: 100; z-index: 100; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 ); } #contactLists .contacts_editoptions { float: left; } #contactLists .contacts_editoptions .bulk-edit-dropdown { margin-right: 10px; } #contactLists #search_advanced { display: none;position: absolute;right: 0;top: 32px; font-family: "IBM Plex Sans", Helvetica, sans-serif; font-weight: 500; font-size: 11px; width: 100%; background: #fff; border: 1px solid #C3C3C3; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; cursor: pointer; z-index: 1; overflow: hidden; box-sizing: border-box; } #contactLists #search_advanced > div { color: #888; display: block; padding: 6px 10px 6px 30px; text-align: left; box-sizing: border-box; } #contactLists #search_advanced > div:not(:first-child) { border-top: 1px solid #C3C3C3; } #contactLists #search_advanced >div:hover { background: #F8F8F8; } #contactLists #search_advanced >div a { color: #888;text-decoration: none;font-size: 14px; } #contactLists .ac_lists td.avatar { width: 32px; } #contactLists .ac_lists td.avatar > span { display: block;width: 32px;height: 32px;border-radius: 100%;overflow: hidden;margin: 0 auto; } #contactLists .ac_lists td.checkbox { width: auto;text-align: left; } #contactLists .ac_lists td.checkbox input[type="checkbox"].ac_check + label, #contactLists .ac_lists td.checkbox input[type="checkbox"].ac_check + label > span { margin: 0; } #contactLists .ac_lists td .contact_social li { display: inline;font-size: 26px; } #contactLists .ac_lists td .contact_social li a { text-decoration: none;color: #989898; } #contactLists .ac_lists td .contact_social li a:hover { color: #868686; } #contactLists .ac_lists td.actions { width: 145px; } #contactLists .ac_lists td.actions .ac_button { margin: 0; } /* Last item - overlay popout menu options for multi button action */ .action-popover-menu { margin-top: 24px !important;margin-left: -88px !important;width: 144px;min-width: 144px !important; } .action-popover-menu:before, .action-popover-menu:after { top: -13px !important;left: initial !important;right: 21px !important; } .action-popover-menu:after { top: -11px !important; } .action-popover-menu li:after { top: -9px !important;right: 22px !important; } /* Normal - overlay popout menu options for multi button action */ #contactLists .ac_lists td.actions .ac_multibutton-mini > .action-popover-menu { margin-top: 7px !important;margin-left: initial !important;min-width: 100% !important; } #contactLists .ac_info-general { margin-top: 20px; } /* Campaigns list specific */ body.campaign #page_footer { margin-left: 251px;} body.campaign #uxbody .uxlftcolm, body.series_list #uxbody .uxlftcolm, body.old.import #uxbody .uxlftcolm, body.form #uxbody .uxlftcolm { padding-right: 23px !important; } body.campaign .ac_side-menu .ac-icon-plus { cursor: pointer;} .ac_subheader .campaign_buttonsright { float: right; } .ac_subheader .campaign_buttonsleft a, .ac_subheader .campaign_buttonsright a { width: initial; } .ac_subheader .campaign_buttonsleft { float: left; } .ac_subheader .campaign_buttonsleft [class^="ac-icon"], .ac_subheader .campaign_buttonsright [class^="ac-icon"] { -webkit-font-smoothing: antialiased; } .ac_subheader .campaign_buttonsright .ac-icon-plus-circled { margin-right: 7px; } .ac_subheader .campaign_buttonsright .ac-icon-plus-circled:before { font-size: 15px;margin:0; } #campaignLists .folder { display: inline-block;margin-left: 10px; } #campaignLists .ac_lists .list-wrap { float: right; border-spacing: 23px 0; margin-right: 10px; } #campaignLists .ac_lists .list-wrap.campaign-type .ac_popover-menu { left: 10px; } #campaignLists .campaign_editoptions { float: left; } #campaignLists .campaign_editoptions .bulk-folder-dropdown { margin-right: 5px;} #campaignLists .ac_lists td.checkbox { width: 20px;text-align: left; } #campaignLists .ac_lists td.checkbox input[type="checkbox"].ac_check + label, #campaignLists .ac_lists td.checkbox input[type="checkbox"].ac_check + label > span { margin: 0;} #campaignLists .ac_lists td.screenshot { width: 103px; } #campaignLists .ac_lists td.screenshot .imgwrap { width: 103px;height: 73px;background: url('../images/default-campaign.png');background-size: cover;border: #e0e0e0 1px solid } #campaignLists .ac_lists td.screenshot .border-red { border-color: #F37C7B; } #campaignLists .ac_lists td.sentdate { width: 10%; } #campaignLists .ac_lists td.name { text-align: left !important;width: 30%; } #campaignLists .ac_lists td.actions { padding-right: 10px; width: 165px; } #campaignLists .ac_lists td.actions .buttons { display: none;} #campaignLists .ac_lists td.actions .ac_multibutton-mini { min-width: 145px;} #campaignLists .ac_lists .actions .ac_multibutton-mini.ac_popover { display: flex; flex-direction: row; align-items: stretch; border: var(--slate-40) 1px solid; border-radius: 6px; } #campaignLists .ac_lists .actions .ac_multibutton-mini.ac_popover .ac_button, #campaignLists .ac_lists .actions .ac_multibutton-mini.ac_popover .popover-trigger.noicon { display: flex; flex: auto; margin: 0; top: unset; left: unset; align-items: center; align-content: center; border: 0 none; } #campaignLists .ac_lists .actions .ac_multibutton-mini.ac_popover .popover-trigger.noicon { flex: 0; width: 42px; justify-content: center; box-shadow: inset 1px 0 0 0 var(--slate-40); } #campaignLists .ac_lists td.actions .ac_multibutton-mini.ac_popover .ac-icon-down:before { margin-left: 0; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu { margin-top: 0; top: 50px; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu:before, #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu:after, #contactLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu:before, #contactLists .ac_lists td.actions .ac_multibutton-mini .ac_popover-menu:after { left: initial; right: 20px; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.stop:before, .ac_lists td.actions .ac_multibutton-mini > a > .ac-icon.disable:before { content: '\E847'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.continue:before { content: '\E85A';} #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.send:before { content: '\E844';} #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.resend:before { content: '\E851'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.resume:before { content: '\E85A'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.enable:before { content: '\E839'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.pause:before { content: '\E85C'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.edit:before { content: '\E84F'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.report:before { content: '\E85D'; } #campaignLists .ac_lists td.actions .ac_multibutton-mini .ac-icon.ticket:before { content: '\E85F'; color: #F05252;} #campaignLists .ac_lists .campaignerror { color: #E90052; font-weight: 500; margin-top: 6px;} #campaignLists .ac_lists .campaigninfo a.title { display: block;font-weight: 600;margin-bottom: 6px; } #campaignLists .ac_lists .campaigninfo .status, .ac_lists .campaigninfo .folderballoons .balloon { display: inline-block;background: var(--slate-100);padding: 3px 10px;border-radius: 20px;color: var(--slate-550);font-size: 12px; } #campaignLists .ac_lists .campaigninfo .status, .ac_lists .campaigninfo .folderballoons .balloon { display: inline-block;background: var(--slate-150);padding: 3px 10px;border-radius: 20px;color: var(--slate-550);font-size: 12px;font-weight: 600; } #campaignLists .ac_lists .campaigninfo .status [class^="ac-icon"]:not(.ac-icon-minus-circled), .ac_lists .campaigninfo .folderballoons .balloon [class^="ac-icon"]:not(.ac-icon-minus-circled) { margin-right: 5px; vertical-align: baseline; } #campaignLists .ac_lists .campaigninfo .status [class^="ac-icon"]:before, .ac_lists .campaigninfo .folderballoons .balloon [class^="ac-icon"]:before { margin-left: 0; } #campaignLists .ac_lists .campaigninfo .status.stopped .ac-icon, .ac_lists .campaigninfo .status.attention .ac-icon, .ac_lists .campaigninfo .status.declined .ac-icon { color: #f37c7b; } #campaignLists .ac_lists .campaigninfo .status.analyzing .ac-icon, .ac_lists .campaigninfo .status.paused .ac-icon, .ac_lists .campaigninfo .status.cleanup .ac-icon, .ac_lists .campaigninfo .status.preparing .ac-icon, .ac_lists .campaigninfo .status.approval .ac-icon { color: #F05252; } #campaignLists .ac_lists .campaigninfo .status.draft .ac-icon { color: var(--slate-550); } #campaignLists .ac_lists .campaigninfo .status.sent .ac-icon, .ac_lists .campaigninfo .status.completed .ac-icon, .ac_lists .campaigninfo .status.sending .ac-icon, .ac_lists .campaigninfo .status.winner .ac-icon { color: #60cb98; } #campaignLists .ac_lists .campaigninfo .status.scheduled .ac-icon, .ac_lists .campaigninfo .status.reminder .ac-icon { color: #6dafe6; } #campaignLists .ac_lists .campaigninfo .folderballoons { display: inline; } #campaignLists .ac_lists .campaigninfo .folderballoons .folder-popover { display: inline;cursor: pointer;position: relative; } #campaignLists .ac_lists .campaigninfo .folderballoons .folder-popover .ac_popover-menu { top: 0px; margin-top:24px; } #campaignLists .ac_lists .campaigninfo .folderballoons .folder-popover .balloon:hover { background: #ececec; } #campaignLists .ac_lists .campaigninfo .folderballoons .folder-popover .balloon:hover > .ac_popover-menu { display: block !important;} #campaignLists .ac_lists .campaigninfo .folderballoons .folder-popover .ac-icon-minus-circled { margin-right: 0; } /* Campaign Overview - Status filter */ #campaignLists .filter-status-dropdown .popover-trigger { width: 160px; } #campaignLists .filter-status-dropdown .ac_popover-menu { left: auto; right: 0; } #campaignLists .filter-status-dropdown .ac_popover-menu:before, #campaignLists .filter-status-dropdown .ac_popover-menu:after { left: auto; right: 32px; } #campaignLists .filter-status-dropdown .ac_popover-menu ul.popover-menu { max-height: none; } #campaignLists #filter-status { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } #resend_filter .inactive { filter:alpha(opacity=50); opacity:.5; cursor: default; } .zoom-pan { position: relative; overflow: hidden; cursor: move; } .zoom-pan img { width: 100%; position: static; } .zoom-pan.zooming img { width: auto; height: auto; position: absolute; } body.campaign .series_folder_icon, body.report .series_folder_icon { border: 1px solid #000000;border-radius: 100%;height: 10px; width: 10px; display:inline-block; margin: 3px 8px 0 0;float: left;} body.campaign .folder_color_picker li, body.report .folder_color_picker li { height: 25px; width: 25px; display: inline-block; border-radius: 3px; margin: 5px; cursor: pointer; } body.campaign .folder_color_picker li.selected, body.report .folder_color_picker li.selected { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--slate-200); } /* Campaign Welcome Page */ body.campaign div.campaign-welcome-marketing { align-items: center; box-sizing: border-box; justify-content: center; margin-left: -22px; margin-top: -23px; width: calc(100% + 46px); box-shadow: 0px 1px 0px #CED3E0; } body.campaign div.campaign-welcome-marketing > div:first-child { max-width: 400px; } body.campaign div.campaign-welcome-marketing > div:last-child { max-width: 600px; padding-left: 40px; } body.campaign div.campaign-welcome-marketing li:before { content: url('/admin/images/campaign_welcome_checkmark.svg'); margin-right: 9px; margin-top: 5px; } .campaign-welcome-education-center { max-width: 1280px; margin: auto; justify-content: center; flex: 50% 1 1;} .campaign-welcome-quick-tips { border: 1px solid var(--slate-40); border-radius: 8px; padding: 24px; margin-right: 40px;} .campaign-welcome-quick-tips .quick-tips-header { margin-bottom: 6px; } .campaign-welcome-quick-tips .quick-tips-header img { margin-right: 12px; } .campaign-welcome-quick-tips .quick-tips-header h3 { margin: auto 0; font-size: 20px; } .campaign-welcome-quick-tips .quick-tips-section { margin-left: 44px; padding: 12px 0px; align-items: center; line-height: 24px; } .campaign-welcome-quick-tips .quick-tips-section:not(:last-of-type) { border-bottom: 1px solid var(--slate-40); } .campaign-welcome-quick-tips .quick-tips-section p { font-size: 16px; width: 100%; } .campaign-welcome-quick-tips .quick-tips-section img { margin-left: 10px; } .campaign-welcome-quick-tips .close, .campaign-welcome-video .close {background: url('/admin/images/close-circle-grey.svg') no-repeat; width: 24px; height: 24px; position: absolute; right: -12px; top: -12px; z-index: 1;} .campaign-welcome-quick-tips .close:hover, .campaign-welcome-video .close:hover {background: url('/admin/images/close-circle-ocean.svg') no-repeat; width: 24px; height: 24px;} .campaign-welcome-videos { gap: 40px; flex-wrap: wrap; flex: 50% 1 1; justify-content: space-between;} .campaign-welcome-video { border: 1px solid var(--slate-40); border-radius: 8px; max-height:190px; flex: 45% 1 1; min-width: 420px; max-width: 600px;} .campaign-welcome-video .video-holder {border-top-left-radius: 8px; border-bottom-left-radius: 8px; min-width: 200px; overflow: hidden;} .campaign-welcome-video .video-info { padding: 12px 20px; position: relative; } .campaign-welcome-video .video-info .guide-button-wrapper { position: absolute; bottom: 12px; } .campaign-welcome-video .video-info .guide-button { min-width: 122px; } .campaign-welcome-video .video-info h3 { font-size: 20px; } .campaign-welcome-video .video-info p { font-size: 16px; } .campaign-welcome-video .video-info .guide-information, body.campaign div.campaign-welcome-quick-tips .guide-information { font-size: 12px; color: var(--slate-400); margin-top: 8px; } .campaign-welcome-quick-tips .guide-information { margin-left: 44px; } /* New Campaign Success page */ body.campaign_new .ac_info-first_campaign { left: 249px; margin-top: 34px; position: relative; width: calc(100% - 249px); } body.campaign_new .ac_info-first_campaign .campaign-congrats { text-align: center; box-shadow: 0px 1px 0px #CED3E0; } body.campaign_new .ac_info-first_campaign .campaign-congrats h2 { font-size: 20px; } /* Reports */ body.report .uxlftcolm { padding: 83px 0 0 0; } body.report .ac_side-menu #campaign-menu { display: block !important;} body.report .ac_side-menu { padding-bottom: 0; } body.report .ac_side-menu li .folder-delete { right: 18px !important;} /* Contacts table */ .ac_lists_table_contacts { overflow-y: auto; padding-bottom: 20px; } .ac_lists_table_contacts.remove-scroll { overflow: initial; } .ac_lists_table_contacts tr:last-child td { border-bottom: 1px solid #EBEBEB !important; } body.user #list .ac_table_header input[type=checkbox] { top: 0px !important; } body.series_list .pageHeadTitle h1, body.campaign .pageHeadTitle h1, body.campaign .pageHeadTitle h1#campaign_title, body.campaign .pageHeadTitle h1#series_title { top: -5px; margin-bottom: 10px !important; } /*-------------------------------------------------------------------------*\ Contacts \*------------------------------------------------------------------------*/ body.contact { overflow-x: hidden; } body.contact .filterSearch .search input { -webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;transition: none !important; } body.contact .filterSearch .search input[type=button] { /* width: 23px !important; */ height: auto !important; } body.contact #list_clear { display: none !important;position: absolute !important;right: 24px !important;top: 3px !important;background: none !important;border: none !important;padding: 0 !important; } body.contact .pageHeadTitle { overflow: visible; } body.contact.old .pageHeadTitle { padding: 23px 0 0; } body.contact .pageHeadTitle h1 { margin-right: 300px !important; } body.contact .pageHeadTitle h1 span#last-updated { display: block;font-size: 12px !important;color: #999 !important;line-height: 17px !important; } body.contact .pageHeadTitle h1 span#last-updated a { color: #999 !important; } body.contact .pageHeadTitle h1 div.heading_alert { font-size: 12px !important;color: #999 !important;line-height: 17px !important; } body.contact .pageHeadTitle .search { overflow: visible; } body.contact #segmentbox { position: relative;margin: -10px 23px 10px 23px;padding: 20px;border: 1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } body.contact #segmentbox .segment-footer { position: relative;margin-top: 20px;padding: 14px;background-color: #f3f3f3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; } body.contact #segmentbox .segment-footer:before, body.contact #segmentbox .segment-footer:after { position: absolute;bottom: -51px;right: 15px;content: '';width: 0;height: 0;border-width: 16px 30px 16px 0;border-style: solid;border-color: transparent #ddd transparent transparent;-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);z-index: 50; } body.contact #segmentbox .segment-footer:after { bottom: -49px;border-color: transparent #fff transparent transparent; } body.contact #segmentbox .segment-footer .button { margin-bottom: 0; } body.contact #segmentbox .segment-footer-right { float: right; } body.contact .segmentwrap { position: relative; } body.contact table.contact-search-table { width: 100%; } body.contact table.contact-search-table td { padding: 10px 0;line-height: 22px; } body.contact table.contact-search-table td input[name="keywords"] { padding-left: 35px !important;background: url('../images/filterSearch.search.button.png') no-repeat 8px 50%;-webkit-box-shadow: 0 none;box-shadow: 0 none; } body.contact table.contact-search-table td select { width: 100%;margin-bottom: 5px;-webkit-box-shadow: 0 none;box-shadow: 0 none; } body.contact table.contact-search-table td select option { padding: 3px 4px; } body.contact table.contact-search-table td select[name="lists"] { max-height: 66px;overflow-x: hidden;overflow-y: auto; } body.contact table.contact-search-table td a[class^="select-"] { display: inline-block;margin: 0 1px;padding: 2px 8px;font-size: 12px;color: #474747;background-color: #e2e2e2;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } body.contact table.contact-search-table td a[class^="select-"]:hover { background-color: #bebebe; } /* Save search modal */ body.contact #ac_automodal.modal .saved-searches {max-height:262px; overflow:hidden; overflow-y:auto; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} body.contact #ac_automodal.modal .saved-searches li {padding:12px 12px 12px 17px; border-bottom:1px solid #ddd;} body.contact #ac_automodal.modal .saved-searches li:last-child, body.contact #ac_automodal.modal .saved-searches li:only-child {border-bottom:0 none;} body.contact #ac_automodal.modal .saved-searches li a.saved-search-view {display:inline-block; color:#444; text-decoration:none;} body.contact #ac_automodal.modal .saved-searches li a.saved-search-delete {display:inline-block; margin-left:2px; font-family:'Glyphicons Halflings'; font-size:11px; color:#bbb; -webkit-font-smoothing:antialiased; text-decoration:none; vertical-align:middle;} body.contact #ac_automodal.modal .saved-searches li a.saved-search-delete:before {display:block; content:"\e014"; font-family:'Glyphicons Halflings'; -webkit-font-smoothing:antialiased;} body.contact #ac_automodal.modal .saved-searches li a:hover {color:#666;} body.contact #contact_list_loading { padding: 15px; text-align: center; font-weight: bold; background-color: #fcf8e3; } /* Bulk Edit modal */ body.contact #bulk-edit-contacts-modal .modal-dialog { width: 820px; } body.contact #bulk-edit-contacts-modal .modal-header { border-bottom: 1px solid #DDDDDD; } body.contact #bulk-edit-contacts-modal .modal-body { height: 450px; overflow: auto; padding: 0 !important; position: static;font-family: "IBM Plex Sans", Helvetica, sans-serif; } body.contact #bulk-edit-contacts-modal .bulk-edit-num-contacts { font-weight: bold; } body.contact #bulk-edit-contacts-modal .bulk-edit-modal-body-wrap { height: 100%; width: 100%; } body.contact #bulk-edit-contacts-modal .bulk-edit-modal-body-wrap tr { vertical-align: top; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-settings { padding: 5px; text-align: center; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-settings .action-info { display: block; height: 440px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-settings .action-info h2 { margin: 0; color: #777; font-size: 15px; line-height: 440px; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-wrap { color: #666666; margin: 10px 10px 18px 10px; text-align: left; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-wrap .setting-title { display: block;font-weight: 600;font-size: 14px;margin-bottom: 7px; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value { border: 1px solid var(--slate-200); border-top: none; padding: 10px 10px; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid var(--slate-200); margin-top: 5px; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value p { display: inline-block; width: 95%; word-break: break-all;margin-bottom: 0; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value .tagit { border: none; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value .remove-bulk-setting { float: right;color: #a5a5a5;font-size: 10px;margin-top: 5px; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value .ac-icon:hover { color: #939393; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions { background-color: #fafafa; border-left: 1px solid #DDDDDD; width: 280px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu { margin: 70px 20px 0 30px; position: absolute; right: 0; top: 15px; width: 240px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu a { padding: 12px; white-space: initial; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu { left: -10px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu > ul > li { padding: 6px 12px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li .selectdropdown { width: 100%; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li a { padding: 6px 12px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li input[type="text"] { box-sizing: border-box; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li textarea { box-sizing: border-box; width: 100%; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li .dropdown_select { width: 100%;box-sizing: border-box; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li .dropdown_select .icon.caret-bottom { position: absolute; right: 10px; padding-right: 0; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li > .ac_popover-menu li #note_input { resize: vertical;padding: 8px 7px 7px!important;width: 100%;box-sizing: border-box; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-container.select2-container-active, body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-container.select2-container-active .select2-choices, body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-search-choice { border: 0 none!important; background: transparent!important; background-color: transparent!important; -webkit-box-shadow: none!important; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-search-field, body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-search-field .select2-input { width: 100%!important; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-container-multi .select2-choices { background: transparent!important; background-color: transparent!important; box-shadow: none!important; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-container-multi .select2-choices .select2-search-choice { position: relative; margin: 0 0 10px; padding: 7px 7px 7px 28px; display: block; width: 100%; font-size: 14px; color: #505050; vertical-align: middle; cursor: pointer; background-color: #fff; border: 1px solid var(--slate-200); zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu .bulk-contact-field-setting .select2-container-multi .select2-choices .select2-search-choice-close { padding: 0!important; top: 6px!important; left: 10px!important; right: initial!important; width: 12px; height: 12px; } body.contact #bulk-edit-contacts-modal .bulk-edit-contacts-actions .ac_side-menu li.dropdownmenu { width:198px; } body.contact #bulk-edit-contacts-modal .tagit-close { padding: 0; } body.contact #bulk-edit-contacts-modal .bulk-contact-setting-value .tagit-choice { margin-top: 9px; } body.contact #bulk-edit-contacts-modal .select2-search-choice-close { padding: 0; } body.contact #bulk-edit-contacts-modal .bulk-contact-note-value { width: 90%; } /* Apply only to contact and campaing listing table */ #campaignLists .campaignrow .folder .no-folders { color: #ddd; } #campaignLists .campaignrow .folder ul.folders li { cursor: default; border: 1px solid #999; margin-right: 8px; position: relative; text-align: center; font-weight: 600; border-radius: 20px; font-size: 12px; padding: 1px 12px; display: inline-block; letter-spacing: .0200em; } #campaignLists .campaignrow .folder ul.folders li .folder-name { vertical-align: middle; } #campaignLists .campaignrow .folder ul.folders li .folder-remove { cursor: pointer;margin: 0 -3px 0 0;padding: 4px 0 3px 8px;font-size: 8px;vertical-align: middle;float: right; } /* We have to put these styles in to get the calendar and the autocomplete to show up above the modal */ body.contact .ui-autocomplete { z-index: 10000000 !important} body.contact .calendar { z-index: 10000000 } body.contact .select2-drop { z-index: 10000000 } /* Alerts modal */ .ac_alert-list > li { font-family: "IBM Plex Sans", Helvetica, sans-serif;width: 100%;margin-bottom:14px;border:var(--slate-200) 1px solid;box-sizing: border-box;border-radius: 4px; } .ac_alert-list li .ac_alert-header { background:#f2f2f2;padding: 10px 30px 10px 10px;border-radius:3px 3px 0 0;} .ac_alert-list li .ac_alert-body { padding: 10px;} .ac_alert-list li .ac_alert-body > p { font-family: "IBM Plex Sans", Helvetica, sans-serif;font-size:14px; } .ac_alert-list li .ac_alert-body > .ac_alert-time { color: #7f7f7f;font-size:12px;} .ac_alert-list li .ac_alert-title { font-weight:600;font-size:14px;} .ac_alert-list li .ac_alert-header > .ac_alert-remove { position: absolute; top: 6px; right: 4px; font-family:"ac-icons";color:#989898;text-decoration: none;font-size:18px;} .ac_alert-list li .ac_alert-header > .ac_alert-remove:hover { color:#757575;} .ac_alert-list li .ac_alert-status_type { font-family: "ac-icons"; font-size: 16px;float: left;margin:1px 8px 0 0;color:#f05252;} /*-------------------------------------------------------------------------*\ Tags \*------------------------------------------------------------------------*/ body.tags #uxbody { margin: 0; } body.tags #uxbody .uxlftcolm { position: relative; display: grid !important; padding: 0; height: 100%; vertical-align: top; } body.tags #tags-manager { padding: 0; } body.tags #tags-manager { display: block; margin-top: 64px; height: calc(100vh - 64px); width: 100%; } body.tags .ac_side-menu { margin: 0; padding: 0; border: 0 none; } body.tags .pageHeadTitle { padding: 23px 23px 10px!important; } /* Action button */ body.tags #tags-manager #tagLists .actions { width: 185px; text-align: right!important; } body.tags #tags-manager #tagLists .actions .ac_multibutton-mini .action-popover-menu { width: 126px; min-width: 126px!important; } body.tags #tags-manager #tagLists .tag-description { font-size: 12px; } body.tags #tags-manager #tagLists .actions .ac_popover-menu ul > li:first-child:hover:after, body.tags #tags-manager #tagLists .actions .ac_popover-menu ul > li:first-child:hover:after { position: absolute; top: -9px; left: initial; right: 20px; content: ''; width: 0; height: 0; border-width: 7px 7px 7px 0; border-style: solid; border-color: rgba(0, 0, 0, 0) #F6F6F6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index: 51; } body.tags #tags-manager #tagLists .action-popover-menu { top: calc(100% + 8px); left: initial !important; right: -12px; margin-top: 0!important; width: 100%!important; min-width: 100%!important; } body.tags #newTags { height: 128px; border: 1px solid var(--slate-200); border-radius: var(--radii-100); padding: var(--sp-300) var(--sp-400); min-width: 100%; max-width: 100%; width: 100%; margin-top: 0; margin-bottom: var(--sp-600); line-height: var(--lh-200); } body.tags #newTags:focus { border-color: var(--ocean-500); box-shadow: 0px 0px 0px 2px var(--ocean-200); } body.tags #addTagBtn .ac-icon { margin-right: 10px; } body.tags #tag_quiz_results .modal-subheader h6 { font-weight: normal; padding: 0 20px; } body.tags #tag_quiz_results textarea, body.tags #tag_quiz_add_tag_modal textarea { border: 1px solid var(--slate-40); border-radius: 4px; padding: 8px; min-height: 100px; } body.tags #tag_quiz_results textarea::placeholder, body.tags #tag_quiz_add_tag_modal textarea::placeholder { color: black; } body.tags #tag_quiz_field_result .modal-subheader h5 { font-weight: normal; padding: 0 20px; font-size: 16px; line-height: 24px;} body.tags div[id^='tag_quiz_'] .modal-footer a { align-items: center; font-weight: 500; margin-top: 12px; } body.tags div[id^='tag_quiz_'] .modal-footer a img { padding-left: 6px; } /* Pagination */ body.tags #listingFooter { padding: 0 !important;border: 0 none;height: 49px; } body.tags #listingFooter .icon.caret-bottom { padding-right: 0 !important; } /* body.contact .pageHeadTitle .search .ac_autocomplete {z-index:100; } */ .drop-container-180-150 {width:180px!important; height:150px!important; background:url('https://img-us1.com/tmpbuilder_imgfiller_180x150.gif') no-repeat;} #rss_widget .modal-dialog {width:680px;} #rss_widget .modal-body {width:96.7%; overflow:visible!important;} #rss_widget .modal-body > .fieldsets {position:relative; margin:0.5em 0; height:100%;} #rss_widget .modal-body > .fieldsets > fieldset {float:left; width:auto; min-width:80px;} #rss_widget .modal-body > .fieldsets .button {font-size:17px!important;} #rss_widget .modal-body > .fieldsets .dropdown a.dropdown_select {width:50px; font-size:12px;} #rss_widget .modal-body > .fieldsets .dropdown a.dropdown_select::after {position:absolute; right:8px;} #rss_widget .modal-body > .fieldsets .dropdown div.dropdown_menu {top:53px; width:69px;} #rss_widget .modal-body > fieldset > input[type="text"] {width:96.5%; padding:9px 7px!important;} #rss_widget .modal-body .fieldsets .dropdown_menu { -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } #rss_widget .modal-body .preview {position:relative; top:-4px; margin:0.5em 0; padding:9px 7px!important; width:96.5%; background:#fff; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:visible;} #rss_widget .modal-body .preview:after, #rss_widget .modal-body .preview:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} #rss_widget .modal-body .preview:after {border-color:rgba(255, 255, 255, 0); border-bottom-color:#ffffff; border-width:10px; left:20px; margin-left:-10px;} #rss_widget .modal-body .preview:before {border-color:rgba(221, 221, 221, 0); border-bottom-color:#c3c3c3; border-width:11px; left:20px; margin-left:-11px;} #rss_widget .modal-body .preview > h3 {margin:0 0 6px; padding:0 0 6px; font-weight:700; font-size:15px; border-bottom:1px solid #ddd;} #rss_widget .modal-body .preview > div {position:relative; margin:0 0 5px; padding:0; overflow:hidden;} #rss_widget .modal-body .preview > div:hover {} #rss_widget .modal-body .preview > div > p {position:relative; display:block; zoom:1; max-width:500px;} #rss_widget .modal-body .preview > div > p.item {margin-right:5px;} #rss_widget .modal-body .preview > div > p.title {font-weight:700; font-size:15px; color:#0f3e76;} #rss_widget .modal-body .preview > div > p.publish {color:#959595;} #rss_widget .modal-body .preview > div > p.content {max-height:150px; overflow:hidden; overflow-y:auto;} #rss_widget .modal-body .preview > div > .item_option {position:relative; float:right; display:block; top:0; filter:alpha(opacity=30); opacity:0.3;} #rss_widget .modal-body .preview > div:hover > .item_option {filter:alpha(opacity=100); opacity:1;} #rss_widget .modal-body .preview > div > .item_option > span.map {top:0px;} #rss_widget .modal-body .preview > div > .item_option > span.url {margin-left:5px;} #rss_widget .modal-body .preview > div > .item_option > span.url > a {margin:0; padding:5px 8px; font-size:11px; color:#5a5a5a; border:1px solid #c2c2c2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none; background:#fff; background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5); background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');} #rss_widget .modal-body .preview > div > .item_option > span.remove {top:8px; margin-left:5px; font-size:10px; color:#aeaeae; cursor:pointer;} #rss_widget .modal-footer {bottom:0; text-align:right;} #rss_widget #rss_error {margin-top:6px; color:#cc0000;} #rss_widget #rss_loading {position:relative; margin-top:6px; color:#545454; padding:0 0 0 22px; background:url('../images/templates_load_more.gif') no-repeat;} #resize_loading_overlay, #preview_loading_overlay {display:none; position:absolute; top:0; padding:0!important; margin:0; width:100%; height:100%; background:#ffffff; filter:alpha(opacity=90); opacity:0.9; z-index:400;} #preview_loading_overlay {margin-left:0px!important; z-index:100!important;} .template_designer #preview_loading_overlay {position:fixed; top:64px; left:0; z-index:900!important;} #resize_loading, #preview_loading, #preview_loading_text {display:none; position:fixed; margin:160px 0 0 -80px; left:50%; height:20px; width:160px; border:1px solid #08a300; overflow:hidden; background-color:#068000; -webkit-border-radius:25px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; z-index:888888888!important;} #preview_loading_text {display:none; margin:192px 0 0 -100px; width:200px; text-align:center!important; background-color:transparent!important; border:0 none!important;} .bar_line_animate{width:236px; -moz-animation-name:bar_line_animate; -moz-animation-duration:0.5s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -webkit-animation-name:bar_line_animate; -webkit-animation-duration:0.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -ms-animation-name:bar_line_animate; -ms-animation-duration:0.5s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:bar_line_animate; -o-animation-duration:0.5s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; animation-name:bar_line_animate; animation-duration:0.5s; animation-iteration-count:infinite; animation-timing-function:linear;} .bar_line_animate > .bar_line{background-color:#08a300; float:left; width:14px; height:120px; margin-right:24px; margin-top:-28px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} @-moz-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @-webkit-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @-ms-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @-o-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} .drop-container-180-150 {width:180px!important; height:150px!important; background:url('https://img-us1.com/tmpbuilder_imgfiller_180x150.gif') no-repeat;} #table_widget .modal-dialog {width:450px;} #table_widget .modal-body {width:96.7%;} #table_widget .modal-body > .fieldsets {position:relative; margin:0.5em 0; height:100%; overflow:hidden;} #table_widget .modal-body > .fieldsets > fieldset {float:left; width:80px;} #table_widget .modal-body > .fieldsets > fieldset.action {float:right; width:45%; padding:0.5em 0 0; height:100%; text-align:right;} #table_widget .modal-body > .fieldsets > fieldset.action > input.cancel {color:#b3b3b3; border:1px solid #b3b3b3!important;} #table_widget .modal-body > .fieldsets .button {font-size:17px!important;} #table_widget .modal-body > fieldset > input[type="text"] {width:96.5%; padding:9px 7px!important;} /* Change Design */ #changedesign .modal-dialog {width:680px;} #changedesign .modal-body {height:450px; padding:0!important; overflow:visible!important;} #changedesign .templates_head {position:relative; width:100%; height:48px; background:#fff; border-bottom:1px solid #ddd; overflow:visible; z-index:10;} #changedesign .templates_head .btn {float:left; position:relative; right:0; margin:0!important; padding:0.8em!important; display:inline-block; font-size:11px!important; font-weight:100; line-height:12px!important; color:#aeaeae; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat:repeat-x; border:1px solid #ddd; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#ddd #ddd #ddd; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important;} #changedesign .templates_head .btn:first-child {border-right:none; -webkit-border-bottom-left-radius:4px!important; border-bottom-left-radius:4px!important; -webkit-border-top-left-radius:4px!important; border-top-left-radius:4px!important; -moz-border-radius-bottomleft:4px!important; -moz-border-radius-topleft:4px!important;} #changedesign .templates_head .btn:last-child {-webkit-border-top-right-radius:4px; border-top-right-radius:4px!important; -webkit-border-bottom-right-radius:4px!important; border-bottom-right-radius:4px!important; -moz-border-radius-topright:4px!important; -moz-border-radius-bottomright:4px!important;} #changedesign .templates_head .btn:active, #changedesign > .head a.active {top:0; color:#505050; background-color:#f0f0f0; background-color:#f0f0f0 \9; background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);} #changedesign .templates_head > .button_group {position:relative; top:8px; left:14px; margin:0; padding:0; height:40px; float:left; display:inline-block; overflow:visible; z-index:1;} #changedesign .templates_head .button_group .btn:active, #changedesign .templates_head .button_group a.active {top:0; color:#505050; background-color:#f0f0f0; background-color:#f0f0f0 \9; background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);} #changedesign .templates_head > .list_grid {position:relative; margin:0; padding:0; float:right; top:8px; right:14px;} #changedesign .templates_head > .list_grid > a {position:relative; text-indent:100%; white-space:nowrap; overflow:hidden;} #changedesign .templates_head > .list_grid > a > span {position:relative; display:block; width:16px; height:14px; background-position:0 -14px!important; background-repeat:no-repeat!important; text-indent:-999px;} #changedesign .templates_head > .list_grid > a.active > span {background-position:0 14px;} #changedesign .templates_head > .list_grid > a#gallery_link > span {background:url('../images/templates_head_rows.png');} #changedesign .templates_head > .list_grid > a#list_link > span {background:url('../images/templates_head_lists.png');} #changedesign .templates_head > .list_grid .btn:active > span, #changedesign .templates_head > .list_grid a.active > span {background-position:0 0!important;} #changedesign .templates_head .list_grid .btn:active, #changedesign .templates_head .list_grid a.active {top:0; color:#505050; background-color:#f0f0f0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);} #changedesign .category_group {position:relative; margin:0; padding:0; height:40px; display:inline-block; overflow:visible; z-index:1;} #changedesign .category_group {margin-left:20px;} #changedesign .category_group.group_campaigns {display:none;} #changedesign .category_group > a {text-decoration:none; position:relative; top:8px; margin:0 0 0 5px!important; padding:0.8em!important; display:inline-block; font-size:11px!important; font-weight:100; line-height:12px!important; color:#505050; vertical-align:middle; cursor:pointer; background-color:#fff; border:1px solid #ddd; zoom:1; text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #changedesign .category_group > a:active, #changedesign .category_group > a.active {position:relative; color:#aeaeae; background-color:#ffffff; border-bottom:1px solid #fff; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0; z-index:5000;} #changedesign .category_group > a::after {margin-left:3px; content:"\25be"; display:inline;} #changedesign .category_group > .dropdown_menu {display:none; position:absolute; top:38px; left:5px; width:150px; padding:0; background:#fff; border:1px solid #ddd; overflow:hidden; z-index:4000;} #changedesign .category_group > .dropdown_menu > ul {position:relative; margin:0; padding:0; width:100%; overflow:hidden;} #changedesign .category_group > .dropdown_menu > ul > li {margin:0 -2px; padding:0; line-height:1.4; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; display:inline-block; width:153px;} #changedesign .category_group > .dropdown_menu > ul > li:last-child {border-bottom:none;} #changedesign .category_group > .dropdown_menu > ul > li > a {display:block; margin:0; padding:7px 8px; color:#545454; text-decoration:none;} #changedesign .category_group > .dropdown_menu > ul > li > a:hover {position:relative; background:#f8f8f8;} /* .multiline */ #changedesign .category_group > .dropdown_menu.multiline {display:none; position:absolute; top:38px; left:5px; width:303px; height:216px; padding:0; background:#fff; border:1px solid #ddd; overflow:hidden; z-index:4000;} #changedesign .category_group > .dropdown_menu.multiline > ul {position:relative; margin:0; padding:0; width:100%; overflow:hidden;} #changedesign .category_group > .dropdown_menu.multiline > ul > li {margin:0 -2px; padding:0; line-height:1.4; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; display:inline-block; width:153px;} #changedesign .category_group > .dropdown_menu.multiline > ul > li > a {display:block; margin:0; padding:7px 8px; color:#545454; text-decoration:none;} #changedesign .category_group > .dropdown_menu.multiline > ul > li > a:hover {position:relative; background:#f8f8f8;} #changedesign .modal-body.templates #emptysearch, #changedesign .modal-body.templates #emptylist {position:relative; top:-375px; left:16px;} #changedesign .modal-body.templates .listholder {position:relative; margin:14px 7px 0; padding:0; height:370px; overflow-y:auto;} /*#changedesign .modal-body.templates .templates_viewer.gallery {position:relative; margin:14px 7px 0; padding:0;}*/ #changedesign .modal-body.templates .templates_viewer.gallery > div {position:relative; float:left; width:200px; height:250px; margin:0 5px 7px; padding:0; overflow:hidden; text-align:center; border:1px solid #ddd;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .list {display:none; visibility:hidden;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .overlay {position:absolute; display:none; top:0; padding:0; width:100%; height:100%; background:#f5f5f5; filter:alpha(opacity=80); opacity:0.8;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo {position:absolute; display:none; top:0; padding:0; width:100%; height:100%;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > span, #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > .buttons {position:relative; margin:0; padding:0; overflow:visible; text-align:center;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > .buttons > a {position:relative; margin:0 auto; padding:7px 0 9px!important; width:70%;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > .buttons > .greenbtn {top:70px;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > .buttons > .greybtn {top:74px; color:#aeaeae!important; border:1px solid #ddd!important;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > .buttons > .greybtn > span {position:relative; display:inline-block; margin-right:5px; padding:0; width:18px; height:10px; background:url('../images/templates_btn_preview.png') 0 0 no-repeat;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .gallery > .templateinfo > span.templatename {position:absolute; display:block; bottom:0; text-align:center; width:100%; padding:5px 0; background:#eee; color:#ccc; border-top:1px solid #ddd; zoom:1;} #changedesign .modal-body.templates .templates_viewer.gallery > div > .listbuttons, #changedesign .modal-body.templates .templates_viewer.gallery > div > .templateinfo > .listonly {display:none; visibility:hidden;} #changedesign .modal-body.templates .templates_viewer.list {position:relative; margin:0; padding:8px 0 0; height:380px; overflow-y:auto; overflow-x:hidden!important;} #changedesign .modal-body.templates .templates_viewer.list > div {display:inline-block; float:none; margin:0 0 10px; padding:2px 0 10px 14px; width:100%; height:44px; border-bottom:1px solid #ececec; text-align:left!important; overflow:visible!important;} #changedesign .modal-body.templates .templates_viewer.list > div:first-child {} #changedesign .modal-body.templates .templates_viewer.list > div:last-child {margin-bottom:0;} #changedesign .modal-body.templates .templates_viewer.list > div > .gallery {display:none; visibility:hidden;} #changedesign .modal-body.templates .templates_viewer.list img {display:none; visibility:hidden;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > a {display:inline-block; position:relative; margin-right:10px; width:35px; height:44px; zoom:1; z-index:5;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > a.small.nopreview {cursor:default;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > a.small > span {position:absolute; display:none; top:0; padding:0; width:35px; height:44px; background:#f5f5f5 url('../images/templates_btn_preview.png') 50% no-repeat; border:1px solid #ddd; filter:alpha(opacity=80); opacity:0.8; z-index:100;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > a.small > img {display:inline-block; width:35px; height:44px; visibility:visible!important; border:1px solid #ddd;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .overlay {display:none; visibility:hidden; filter:alpha(opacity=0); opacity:0;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .listbuttons {position:relative; top:-18px; margin-right:10px; display:inline-block!important; filter:alpha(opacity=100); opacity:1; z-index:100;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .templateinfo {display:inline-block!important; position:relative; top:-13px; padding:0; left:0; height:auto; color:#545454; filter:alpha(opacity=100); opacity:1; overflow:visible; text-align:left;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .templateinfo > span.templatename {position:relative; left:0; top:0; margin:0 0 5px; padding:0; background:none; border:none; color:#333; font-weight:700; zoom:1; width:99%; text-align:left;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .templateinfo > .listonly {position:relative; top:0; left:0; margin-left:10px; display:inline-block!important; filter:alpha(opacity=100); opacity:1;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .templateinfo > .buttons {display:none; visibility:hidden;} #changedesign .modal-body.templates .templates_viewer.list > div > .list > .templateinfo > .buttons > .greybtn {display:none; visibility:hidden;} #changedesign .templates_viewer {overflow:hidden;} #changedesign .templates_head .filterSearch {top:8px; right:94px; margin:0!important; padding:0!important;} #changedesign .templates_head .filterSearch > .search {width:217px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} #changedesign .templates_head .filterSearch > .search > input[type=text] {padding:8px 0 8px 4px!important; width:178px; line-height:0!important; border-right:1px solid #c3c3c3; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} #changedesign .templates_head .filterSearch > .search > input[type=button] {position:relative; top:-1px; margin-left:0!important; margin-bottom:0!important; width:34px!important; height:28px!important; padding:9px 0!important; background-position:50% 7px!important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} #changedesign #loadmore {margin-left:5px!important;} #designmapper .modal-dialog {width:880px; height:400px;} #designmapper .modal-body {width:97.8%!important; height:285px; margin:0 0 0 12px!important; padding:0!important; overflow:hidden; overflow-y:auto;} #designmapper .modal-body.mapping table td {margin:0.5em 0!important; padding:0.6em 0!important;} #designmapper .modal-body.mapping table td .container {margin:0!important; padding:8px 10px; width:94.5%; background:#f5f5f5; border:1px solid #ddd; border-bottom:1px solid #cdcdcd; font-size:14px; color:#777; text-shadow:0 1px 1px rgba(255,255,255,1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center;} #designmapper .modal-body.mapping table td .container.select {padding:8px 6px; background:#ededed; border-bottom:1px solid #cdcdcd;} #designmapper .modal-body.mapping table td .container > select {margin:0!important; padding:0.1em!important; width:98.6%;} #designmapper .modal-footer input.cancel {color:#b3b3b3; border:1px solid #b3b3b3!important;} /* TinyMCE image manager gallery */ #imageman_gallery {position:relative;} * html #imageman_gallery {position:relative;} #imageman_gallery .standalone, #imageman_gallery .gallery_wrap {position:relative; background:#fff; width:100%; overflow:hidden;} #imageman_gallery .upload-file-nice {position:relative; text-align:right; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; z-index:2;} #imageman_gallery .upload-file-ie {} #imageman_gallery .upload-hidden {display:none;} #imageman_gallery .upload {margin:0 0 20px; width:210px; background:#f5f5f5; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} #imageman_gallery .upload input[type="submit"] {background:#6ec34f;} #imageman_gallery .modal-body {padding:12px!important; width:99.5%!important;} #imageman_gallery .sidemenu {position:relative; float:right; padding:10px; width:220px; font:14px helvetica,arial,serif!important;} #imageman_gallery .sidemenu > .headtitle {position:relative; margin:0 0 5px; padding:0 0 0 24px; height:100%; background:url('../images/modal_gallery_folders.png') 0 0 no-repeat; font:14px helvetica,arial,serif!important; font-weight:700; overflow:hidden;} #imageman_gallery .sidemenu > .headtitle > .captionsmall {position:absolute; display:inline-block; top:0; right:10px; font:11px helvetica,arial,serif!important; color:#ababab;} #imageman_gallery .sidemenu > .headtitle > .captionsmall > a {font:11px helvetica,arial,serif!important; color:#ababab;} #imageman_gallery .folder-main, #imageman_gallery .folder-sub {color:#777!important; font-weight:normal!important; text-decoration:none!important;} #imageman_gallery .folder-add {color:#004290; font-weight:700;} #imageman_gallery .folder_list {position:relative; overflow:hidden; width:210px; top:-586px; height:464px; overflow-x:hidden; overflow-y:scroll;} .forceColors #imageman_gallery .folder_list {top: unset;} #imageman_gallery .folder_list a.folder-selected {color:#555!important; text-decoration:none!important; font-weight:700!important;} #imageman_gallery .folder_list > .folders {margin-left:25px; max-height:390px;} #imageman_gallery .folder_list > .folders > ul {line-height:1.8;} #imageman_gallery .folder_list > .folders > ul > li {position:relative; margin:0 0 0 -15px!important; padding:0; overflow:hidden; line-height:1.7;} #imageman_gallery .folder_list > .folders > ul > li > a {display:block; float:left; margin-left:15px; color:#555; text-decoration:none;} #imageman_gallery .folder_list > .folders > ul > li > a.folder-delete {position:absolute; display:none; top:6px; margin:0; padding:0; width:7px; height:11px; background:url('../images/modal_gallery_folder_delete.png') no-repeat 0 3px; text-indent:100%; white-space:nowrap; overflow:hidden;} #imageman_gallery .folder_list > .folders > ul > li > a.folder-delete:hover {background-position:0 -8px;} #imageman_gallery .images {position:relative; top:0; left:0; max-height:560px; margin-right:210px; overflow-x:hidden; overflow-y:auto;} /* image stuff */ #imageman_gallery .images {position:relative; top:0; left:0; max-height:560px; margin-right:210px; overflow-x:hidden; overflow-y:auto;} #imageman_gallery .images > .image {position:relative; float:left; margin:13px; width:118px; height:140px; margin-right:0; margin-bottom:0;} #imageman_gallery .images > .image > div {position:relative; width:118px; height:118px; display:block;} #imageman_gallery .images > .image > div.image-container {width:118px; height:118px; overflow:hidden; border:1px solid #ccc; position:relative;} #imageman_gallery .images > .image > div.image-container > div.image-picture {width:118px; height:118px; text-align:center; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; margin-left:auto; margin-right:auto;} #imageman_gallery .images > .image > div.image-container > div.image-picture > div.image-imgtag {max-height:118px; cursor:pointer;} #imageman_gallery .images > .image > div.image-name {text-align:center!important; width:118px; overflow:hidden; color:#999; font-size:10px; height:15px!important; margin-top:2px;} #imageman_gallery .images > .image > div.image-name input {width:98%; height:15px!important; padding:0!important; font-size:10px!important; overflow:hidden!important; text-align:center!important; border:0!important;} #imageman_gallery .image_options {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background:url('../images/trans-70.png'); display:none;} #imageman_gallery .image_options > span {position:absolute; top:80px; display:block; width:29px; height:29px; background:url('../images/modal_gallery_imgoptions.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;} #imageman_gallery .image_options > span.image_choose {margin-left:-47px; left:50%; top:30px; min-width:94px; height:30px; line-height:30px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-indent:0; background:#82cc5d; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border:1px solid #555;} #imageman_gallery .image_options > span.image_choose:hover {background:#67b042;} #imageman_gallery .image_options > span.image-edit {left:13px; background-position:0 0;} #imageman_gallery .image_options > span.image-preview {left:46px; text-indent:0!important;} #imageman_gallery .image_options > span.image-preview > a {display:block; width:29px; height:29px; background:url('../images/modal_gallery_imgoptions.png') no-repeat 0 -58px; text-indent:100%; white-space:nowrap; overflow:hidden;} #imageman_gallery .image_options > span.image-delete {right:10px; background-position:0 -29px;} #addselect .modal-dialog {width:680px;} #addselect .modal-body {margin:0; padding:0!important; overflow:hidden; overflow-y:auto;} #addselect .modal-body table {margin:20px 0;} #addselect .modal-body table td h2 {margin:0 0 5px; padding:0 0 5px; font-size:16px; font-weight:700; color:#575757;} #addselect .modal-body table td a {display:block; width:251px; height:301px; border:1px solid #ddd; -moz-opacity:50; filter:alpha(opacity=50); opacity:0.5;} #addselect .modal-body table td a:hover {-moz-opacity:100; filter:alpha(opacity=100); opacity:1;} #addselect .modal-body table.layout {margin:20px auto;} #addselect .modal-body table.layout td a {padding:138px 0 0; width:150px; height:auto; text-decoration:none; outline:none; color:#575757; border:none; -moz-opacity:100; filter:alpha(opacity=100); opacity:1;} #addselect .modal-body table.layout td a > span {display:block; max-width:100%; font-size:14px; font-weight:100;} #addselect .modal-body table.layout .tpldesign_wrap > div {margin-bottom:20px;} #addselect .modal-body table.layout .tpldesign_wrap h3 {font-size:14px; font-weight:700; margin-bottom:12px;} #addselect .modal-body table.layout .tpldesign_wrap h3 > span {font-size:14px; font-weight:100; color:#ccc;} #addselect .modal-body table.layout .tpldesign_wrap #tpldesign_err {margin:0 0 20px; width:94%; color:#750000; background:#ffe6e6;} #addselect .modal-body table.layout .tpldesign_wrap #tpldesign_err > span {display:inline-block; width:auto; padding:8px 0 8px 30px; background:url('../images/notify_alert_error.png') 3px 3px no-repeat;} #addselect .modal-body table.layout .tpldesign_wrap input {width:92%;} #addselect .modal-body table.layout .tpldesign_wrap label {color:#333; font-size:14px; font-weight:700; margin-bottom:12px;} #addselect .modal-body table.layout a#addtype_full {background:url('../images/layout_full.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_full:hover {background:url('../images/layout_full_blue.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_left {background:url('../images/layout_left.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_left:hover {background:url('../images/layout_left_blue.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_right {background:url('../images/layout_right.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_right:hover {background:url('../images/layout_right_blue.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_full_2col {background:url('../images/layout_full_2col.gif') top center no-repeat;} #addselect .modal-body table.layout a#addtype_full_2col:hover {background:url('../images/layout_full_2col_blue.gif') top center no-repeat;} #cond_widget .modal-dialog { width: 850px; } #cond_widget table tr td { padding-bottom: 10px; } #cond_widget .remove a { color: #939393;text-decoration: none; } #cond_widget .cond_type { display: inline-block;float: left;margin-top: 12px; } #cond_widget .cond_options { display: inline-block; } #cond_widget .content-block { display: flex; flex-direction: row; flex: 1 auto; } #cond_widget .content-block li:not(:empty), #cond_widget .content-block li:not(.remove){ flex: 1; margin: 10px 10px 0 0; } #cond_widget .content-block li:empty { display: none; } #cond_widget .content-block .rval input[type="text"] { width: 100% !important; padding: 8px 8px 8px 9px !important; } #cond_widget .content-block .remove { max-width: 10px; margin-right: 0 !important; align-items: center; align-self: center; justify-content: center; display: flex; } #cond_widget .content-block .remove .ac-icon-remove { color: #C5C5C5; text-decoration: none; font-size: 11px; } #cond_widget .modal-body .add .ac_button.greybtn { padding: 7px 11px; } #cond_widget .content-block .selectdropdown.ac_popover { padding: 0 !important; border: 0 none !important; } #cond_widget .content-block .dropdown_select.popover-trigger { flex: 1; display: flex; padding: 8px; } #cond_widget .content-block .dropdown_select.popover-trigger .icon.caret-bottom { position: absolute; right: 10px; padding: 0; } #cond_widget .content-block .disabled, #cond_widget .content-block .disabled > a { border: var(--slate-150) 1px solid !important; background: var(--slate-100) !important; cursor: not-allowed !important; } #cond_widget .modal-footer .cond_type .selectdropdown { margin: 0 7px; vertical-align: initial; } #cond_widget .modal-footer .cond_type .dropdown_select.ac_button.greybtn { padding-right: 0; } #cond_widget .modal-footer .cond_type .dropdown_select.ac_button.greybtn .icon { padding-right: 10px; } /* Conditoinal Content Modal */ #cond_widget .dropdown_menu li { float: none; margin-right: 0; } .ecom .modal-dialog {width:680px;} .ecom .modal-body {margin:0; overflow:hidden; width:95.6%; min-height:170px; overflow-y:auto;} .ecom input[type=button] {margin:0;} .ecom .modal-body > .add a {text-decoration:none;} .ecom .modal-footer {bottom:0; text-align:right;} .ecom .modal-footer input.cancel {color:#b3b3b3; border:1px solid #b3b3b3!important;} .ecom .modal-footer > .goback {float:left; margin-top:8px; color:#888;} .ecom .modal-footer > .goback a {color:#888;} #ecom_widget .modal-content {width:680px; min-height:380px;} #ecom_widget .modal-body {text-align:center!important;} #ecom_widget .modal-body > a {display:inline-block; margin:22px 12px 0; padding:6px 14px; text-indent:100%; white-space:nowrap; overflow:hidden; width:248px; height:102px; border:1px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);} #ecom_widget .modal-body > a:hover {-webkit-box-shadow:none; box-shadow:none;} #ecom_widget .modal-body > a.shopify {background:url('../images/ecom_widget_shopify.gif') center no-repeat;} #ecom_widget .modal-body > a.magento {background:url('../images/ecom_widget_magento.gif') center no-repeat;} #ecom_widget .modal-body > a.etsy {background:url('https://d226aj4ao1t61q.cloudfront.net/gvxbrrcoh_etsy.gif') center no-repeat; } #ecom_widget .modal-body > a.bigcommerce {background:url('https://d226aj4ao1t61q.cloudfront.net/1wbp227ts_ecom_widget_bigcommerce.gif') center no-repeat; } /* AC Automodal Legacy Styling */ #ac_automodal .modal-body {margin:0!important; padding:20px!important; font-size:14px;} #ac_automodal form .modal-body {margin:0 auto; text-align:left;} #ac_automodal form .modal-body label {display:inline-block; margin-top:8px;} #ac_automodal form .modal-body input {display:inline-block;} #ac_automodal form .modal-body fieldset {position:relative; padding:0 16px 0 0;} #ac_automodal form .modal-body fieldset input[type="text"] {width:100%;} #ac_automodal form .modal-footer .button {padding:9px 13px!important;} /* AC Automodal Modern Styling */ #ac_automodal.modal--condor .modal-body { padding: 0 var(--sp-700) var(--sp-700) !important; font-size: var(--fs-200); } #ac_automodal.modal--condor form .modal-body label { margin-top: 0;} #ac_automodal.modal--condor form .modal-body fieldset { position: relative; padding: 0 } #ac_automodal.modal--condor form .modal-body fieldset + fieldset { margin-top: var(--sp-600); } #ac_automodal.modal--condor form .modal-body fieldset input[type="text"]:focus { border-color: var(--ocean-500); box-shadow: 0 0 0 2px var(--ocean-200); } /* Continued AC Automodal Legacy Styling, non replaced */ #ac_automodal form .modal-footer > a.removelink {position:absolute; top:28px; left:16px; color:#5a5a5a!important;} #ac_automodal div.delete_selected, .modal div.delete_selected {margin:20px 0 0; padding:10px; background-color:#eee; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #ac_automodal div.delete_selected h3, .modal div.delete_selected h3 {margin:0 0 5px; padding:0;} #ac_automodal div.delete_selected ul, .modal div.delete_selected ul {max-height:100px; overflow-x:hidden; overflow-y:auto;} #ac_automodal div.delete_selected ul li, .modal div.delete_selected ul li {display:block; padding:5px 0;} #ac_automodal #image-align-options {display:table; width:100%; text-align:center; border-spacing:17px 0;} #ac_automodal #image-align-options .alignment {display:table-cell; width:33%; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer;} #ac_automodal #image-align-options .alignment .align-image-icon {display:block; margin:auto; width:100%; height:100px; background-size:95px; background-repeat:no-repeat; background-position:50%;} #ac_automodal #image-align-options .alignment .align-image-title {display:block; padding:10px 0; background-color:#fff; border-top:1px solid #ddd; text-align:center; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} #ac_automodal #image-align-options .alignment.left .align-image-icon {background-image:url('https://d226aj4ao1t61q.cloudfront.net/negrhfka1_align-left.png');} #ac_automodal #image-align-options .alignment.center .align-image-icon {background-image:url('https://d226aj4ao1t61q.cloudfront.net/purnl7ljk_align-center.png');} #ac_automodal #image-align-options .alignment.right .align-image-icon {background-image:url('https://d226aj4ao1t61q.cloudfront.net/wqjihb3v1_align-right.png');} #ac_automodal #image-align-options .alignment.selected {color:#505050; background:#f0f0f0; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);} #ac_automodal.imgsize form .modal-body{height:75px; } #ac_automodal.imgsize form .modal-body fieldset.input {float:left; width:43%; margin:0 10px!important; margin-top:15px!important;} #ac_automodal.campaign-share .modal-body label {margin-bottom:4px; font-weight:500;} #ac_automodal.campaign-share .modal-body h3 {margin:0 0 20px; padding:10px; background:#f0f0f0; font-size:19px; text-align:center; text-shadow:0 1px 1px #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #ac_automodal.campaign-share .modal-body fieldset {margin:0; padding:0;} #ac_automodal.campaign-share .share-campaign .share-icons {margin-bottom:30px; text-align:center;} #ac_automodal.campaign-share .share-campaign .share-icons > span {display:inline-block; margin-right:3px;} #ac_automodal.campaign-share .share-campaign .share-icons > span > a {display:block; outline:none; border:0;} #ac_automodal.campaign-share .share-report {margin-top:10px;} #ac_automodal.campaign-share .share-report h4 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; font-size:17px;} #ac_automodal.campaign-share .share-report .share-link {margin-bottom:20px; padding:0 16px 0 0;} #ac_automodal.campaign-share .share-report .share-link input {background:#f5f5f5; outline:0; font:14px "Courier New", monospace!important; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);} #ac_automodal.campaign-share .share-email table td {padding-right:16px!important;} #ac_automodal.campaign-share .share-email table td textarea {padding:8px 7px 7px!important; width:100%; display:inline-block; font-weight:100; color:#333!important; background-color:#ffffff; border:1px solid #c3c3c3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} #ac_automodal.campaign-share .share-email table td input[type="text"] {margin-bottom:15px;} #ac_automodal.campaign-details div.body table {width:100%;} #ac_automodal.campaign-details div.body table tr {border-bottom:1px solid #ebebeb;} #ac_automodal.campaign-details div.body table tr:nth-child(even) {background-color:#fafafa;} #ac_automodal.campaign-details div.body table tr:last-child {border-bottom:0 none;} #ac_automodal.campaign-details div.body table tr td {padding:8px; line-height:21px;} #ac_automodal.campaign-details div.body table tr td:first-child {width:130px; min-width:130px; color:#888;} /*-------------------------------------------------------------------------*\ New template modal \*------------------------------------------------------------------------*/ #blank_template .modal-dialog { width: 720px; } #blank_template fieldset, #add_template fieldset { margin:0; padding:0; } #blank_template .modal-body > .input input[type="text"], #add_template .modal-body > .input input[type="text"] { margin: 5px 0 0!important; padding: 12px 14px!important; background-color: #fff!important; border: 1px solid #CBCBCB!important; outline: none!important; } #add_template .modal-body > .label, #blank_template .modal-body > .label, #add_template .modal-body > .input, #blank_template .modal-body > .input { position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #blank_template .layout-types, #add_template .layout-types { margin: 0; display: table; width: 100%; } #blank_template .layout, #add_template .layout { display: table-cell; width: 20%; text-align: center; cursor: pointer; } #blank_template .layout.selected, #add_template .layout.selected { color: #4DCBA9; } #blank_template .layout *[class^="ac-designer-icon"], #add_template .layout *[class^="ac-designer-icon"] { display: block; height: 127px; font-family: "ac-designer-icons"; font-size: 117px; text-align: center; } #blank_template .layout *[class^="ac-designer-icon"]:before, #add_template .layout *[class^="ac-designer-icon"]:before { margin: auto!important; line-height: initial; } .ecom.modal.connection .modal-dialog {height:auto;} .ecom.modal.connection form {text-align:center!important;} .ecom.modal.connection form .modal-body {margin:0 auto; padding:0; width:auto; text-align:center;} .ecom.modal.connection form .modal-body fieldset {position:relative; margin:0 0 12px; padding:0 12px 0 0;} .ecom.modal.connection form .modal-body fieldset:last-child {margin-bottom:0;} .ecom.modal.connection form .modal-body fieldset label {position:relative; margin:0 0 0.5em; padding:0; text-align:left;} .ecom.modal.connection form .modal-body input[type="text"], .ecom.modal.connection form .modal-body input[type="password"], #ecom_widget.connection form .modal-body input[type="password"] {width:99.5%;} .ecom.modal.connection form .modal-body input[name="width"], .modal.connection form .modal-body input[name="height"] {width:99.8%;} .ecom.modal.connection form .modal-body .button {margin-left:0!important; font-size:15px!important; padding:9px 13px!important;} .ecom.modal.connection form .modal-body fieldset > a.goback {position:absolute; top:40%; right:0; color:#888;} /* Ecommerce account listing */ #ecom_widget_acct .modal-dialog {width:680px;} #ecom_widget_acct .modal-body {padding:0!important; width:100%; min-height:100px;} #ecom_widget_acct .modal-body > div.add {position:relative; padding:1em;} #ecom_widget_acct .modal-body > .accounts > div.acclist {position:relative; padding:1.6em 1em; width:auto; border-bottom:1px solid #ddd; overflow:hidden;} #ecom_widget_acct .modal-body > .accounts > div.acclist:last-child {border-bottom:0 none;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span {position:relative; display:inline-block; margin-right:20px; line-height:23px; max-width:260px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.url {color:#c5c5c5; width:380px; overflow:hidden; white-space:nowrap;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span > em {position:absolute; top:0; right:0; display:block; width:380px; height:22px; -webkit-box-shadow:inset -10px 0px 20px 0px rgba(255, 255, 255, 0.8); box-shadow:inset -10px 0px 20px 0px rgba(255, 255, 255, 0.8);} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.cartOption {position:absolute; right:0; top:21px;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.cartOption > a {position:relative; display:block; width:8px; height:9px; background:url('../images/tmpbuilder_theme_default.png') no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.cartOption > a:hover {background-position:0 -9px; cursor:pointer;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.icon {margin-right:10px; width:22px; height:22px; text-indent:100%; white-space:nowrap; overflow:hidden;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.icon.shopify {background:url('../images/ecom_widget_shopify_icon_small.gif') no-repeat;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.icon.magento {background:url('../images/ecom_widget_magento_icon_small.gif') no-repeat;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.icon.etsy {background:url('../images/ecom_widget_etsy_icon_small.gif') no-repeat;} #ecom_widget_acct .modal-body > .accounts > div.acclist > span.icon.bigcommerce {background:url('../images/ecom_widget_bigcommerce_icon_small.gif') no-repeat;} /* When connection is revoked */ #ecom_widget_acct .modal-body .accounts > div.acclist.ecom-gone {display:none; position:relative; padding:0; border-bottom:1px solid #ddd;} #ecom_widget_acct .modal-body .accounts > div.acclist.ecom-gone > span {position:relative; display:inline-block; width:100%; left:28px; padding:20px 0 20px 34px; background:url('../images/notify_alert_error.png') no-repeat 0 18px; font-size:12px; color:#ff2323;} /* Product preview and descriptions */ #ecom_widget_prod .modal-dialog {width:600px;} #ecom_widget_prod .modal-body {margin:0; padding:0!important; width:auto!important; background:#fafafa;} #ecom_widget_prod .modal-body > fieldset {position:relative; margin:0!important; padding:0!important; overflow:auto; float:left; width:auto;} #ecom_widget_prod .modal-body .prod_options {float:right; width:200px; padding:40px 0 0!important;} #ecom_widget_prod .modal-body .prod_options > fieldset.product_filter_by > select {margin:0 0 10px;} #ecom_widget_prod .modal-body .preview, #ecom_widget_prod .modal-body .preview_none {position:relative; margin:0 230px 0 0; padding:30px 0!important; width:auto; min-height:440px; background:#fff; border-right:1px solid #ddd; text-align:center; overflow:show;} #ecom_widget_prod .modal-body .preview:before, #ecom_widget_prod .modal-body .preview:after {border:solid transparent; content:' '; height:0; left:100%; position:absolute; width:0;} #ecom_widget_prod .modal-body .preview:before {border-width:12px; border-left-color:#ddd; top:50%;} #ecom_widget_prod .modal-body .preview:after {border-width:11px; border-left-color:#fff; top:50.5%;} #ecom_widget_prod .modal-body .preview img {display:block; margin:0 auto; width:200px!important; height:auto!important;} #ecom_widget_prod .modal-body .preview span.item_name {display:block; margin:0; padding:0; padding-top:5px; padding-bottom:5px; font-weight:700; font-size:15px;} #ecom_widget_prod .modal-body .preview div.combined_price {display:block; margin:0; padding:0; padding-bottom:5px; font-size:12px; color:#666;} #ecom_widget_prod .modal-body .preview span.buybutton > a {margin:0; padding:0; color:#333; font-size:15px; text-decoration:underline;} #ecom_widget_prod .modal-body .preview div {position:relative; margin:0 0 5px; padding:0; overflow:hidden;} #ecom_widget_prod > .modal-footer > .goback {float:left;} #video_widget_edit .modal-body div.url {position:relative; margin:10px 0 0; padding:0 10px 0 0;} #video_widget_edit .modal-body div.url > input {width:99.8%;} #video_widget_edit .modal-body .preview {position:relative; max-width:600px; min-height:298px; max-height:396px; overflow:hidden; background-position:top center; background-size:530px auto; -moz-background-size:530px auto; -webkit-background-size:530px auto; background-repeat:no-repeat;} #video_widget_edit .modal-body .preview { background-size:cover; -webkit-background-size:cover; width:100%; background-position:50% 50%; background-repeat:no-repeat no-repeat;} #video_widget_edit .modal-body .preview > img {cursor:pointer;} #video_widget_edit .modal-body .preview .video_img_overlay {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background:url('../images/trans-70.png'); display:none; cursor:pointer; overflow:hidden;} #video_widget_edit .modal-body .preview .video_img_overlay > div {position:absolute; display:block; margin-left:-75px; left:50%; top:50%; min-width:150px; height:30px; line-height:30px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-indent:0; background:#82cc5d; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border:1px solid #000;} #video_widget_edit .modal-footer {text-align:right;} #video_widget_edit .modal-footer > div.goto {position:relative; top:6px; display:block; float:left;} #video_widget_edit .modal-footer > div.goto > a {margin:0 16px 0 0; padding:0; color:#787878; font-size:11px;} #video_widget_edit .modal-footer > input.button {margin:0!important;} #video_widget_acct .modal-dialog {width:600px;} #video_widget_acct .modal-body {padding:0!important;} #video_widget_acct .modal-body .accounts > div.acclist {min-height:250px; max-height:500px; padding:0; overflow-y:auto;} #video_widget_acct .modal-body .accounts > div.acclist > div {position:relative; margin-bottom:15px; padding:0 0 15px 20px; border-bottom:1px solid #ddd; overflow:hidden;} #video_widget_acct .modal-body .accounts > div.acclist > div:first-child {padding-top:15px;} #video_widget_acct .modal-body .accounts > div.acclist > div:last-child {margin-bottom:0; border-bottom:none;} #video_widget_acct .modal-body .accounts > div.acclist > div > span {position:relative; display:block; float:left; height:100%; margin-right:20px; line-height:23px; zoom:1;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.url {color:#c5c5c5!important; width:auto; overflow:hidden; white-space:nowrap;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.option {position:absolute; right:0; margin-top:7px;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.option > a {position:relative; display:block; width:8px; height:9px; background:url('../images/tmpbuilder_theme_default.png') no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.option > a:hover {background-position:0 -9px; cursor:pointer;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.icon {margin-right:10px; width:22px; height:22px; text-indent:100%; white-space:nowrap; overflow:hidden;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.icon.youtube {background:url('../images/video_widget_acct_youtube_icon_small.gif') no-repeat;} #video_widget_acct .modal-body .accounts > div.acclist > div > span.icon.vimeo {background:url('../images/video_widget_acct_vimeo_icon_small.gif') no-repeat;} #video_widget_acct > .modal-footer > .goback {float:left; margin-top:8px; color:#888;} #video_widget_acct > .modal-footer > .goback a {color:#888;} #video_widget_list .modal-body {padding:0!important;} #video_widget_list .modal-body .videos {min-height:250px; max-height:500px; overflow-y:auto;} #video_widget_list .modal-body .videos > .video {position:relative; margin-bottom:15px; padding:0 0 15px 20px; border-bottom:1px solid #ddd; overflow:hidden;} #video_widget_list .modal-body .videos > .video:first-child {padding-top:15px;} #video_widget_list .modal-body .videos > .video:last-child {margin-bottom:0; border-bottom:none;} #video_widget_list .modal-body .videos > .video > div {float:left; height:100%;} #video_widget_list .modal-body .videos > .video > .screenshot img {border:0!important;} #video_widget_list .modal-body .videos > .video > .info {margin-left:20px;} #video_widget_list .modal-body .videos > .video > .info > div {margin-bottom:5px;} #video_widget_list .modal-body .videos > .video > .info > .name {font-size:14px!important; color:#333!important;} #video_widget_list .modal-body .videos > .video > .info > .name a {color:#333!important;} #video_widget_list .modal-body .videos > .video > .info > .date {font-size:12px!important; color:#888!important;} #video_widget_list > .modal-footer > .goback {float:left; margin-top:8px; color:#888;} #video_widget_list > .modal-footer > .goback a {color:#888;} #video_widget .modal-dialog {width:680px;} #video_widget .modal-body {margin:0; overflow:hidden; width:95.6%; min-height:170px; overflow-y:auto;} #video_widget .modal-body > .add a {text-decoration:none;} #video_widget .modal-footer {bottom:0; width:auto; text-align:right;} #video_widget .modal-footer input.cancel {color:#b3b3b3; border:1px solid #b3b3b3!important;} #video_widget.selection .modal-body {margin-bottom:20px!important; text-align:center!important;} #video_widget.selection .modal-body .vid_selections > a {display:inline-block; margin:22px 12px 0; padding:6px 14px; text-indent:100%; white-space:nowrap; overflow:hidden; width:248px; height:102px; border:1px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);} #video_widget.selection .modal-body .vid_selections > a:hover {-webkit-box-shadow:none; box-shadow:none;} #video_widget.selection .modal-body .vid_selections > a.youtube {background:url('../images/video_widget_youtube.gif') center no-repeat;} #video_widget.selection .modal-body .vid_selections > a.vimeo {background:url('../images/video_widget_vimeo.gif') center no-repeat;} #video_widget.selection .modal-body .or_divider {position:relative; margin:20px 0; width:100%; border-bottom:1px solid #e9e9e9; height:3px; overflow:visible; text-align:center;} #video_widget.selection .modal-body .or_divider > span {position:relative; width:5%; margin:0 auto; bottom:9px; background:#fff; font-size:18px; color:#afafaf; display:block;} #video_widget.selection .modal-body > input[type="text"] {display:block; margin:0 auto; width:88%;} #video-edit-image .modal-body div.url {position:relative; margin:10px 0 0; padding:0 10px 0 0;} #video-edit-image .modal-body div.url > input {width:99.8%;} #video-edit-image .modal-body .preview {position:relative; max-width:600px; min-height:298px; max-height:396px; overflow:hidden; background-position:top center; background-size:530px auto; -moz-background-size:530px auto; -webkit-background-size:530px auto; background-repeat:no-repeat;} #video-edit-image .modal-body .preview { background-size:cover; -webkit-background-size:cover; width:100%; background-position:50% 50%; background-repeat:no-repeat no-repeat;} #video-edit-image .modal-body .preview > img {cursor:pointer;} #video-edit-image .modal-body .preview .video_img_overlay {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background:url('../images/trans-70.png'); display:none; cursor:pointer; overflow:hidden;} #video-edit-image .modal-body .preview .video_img_overlay > div {position:absolute; display:block; margin-left:-75px; left:50%; top:50%; min-width:150px; height:30px; line-height:30px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-indent:0; background:#82cc5d; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border:1px solid #000;} #video-edit-image .modal-footer {text-align:right;} #video-edit-image .modal-footer > div.goto {position:relative; top:6px; display:block; float:left;} #video-edit-image .modal-footer > div.goto > a {margin:0 16px 0 0; padding:0; color:#787878; font-size:11px;} #video-edit-image .modal-footer > input.button {margin:0!important;} #video-edit-acct .modal-dialog {width:600px;} #video-edit-acct .modal-body {padding:0!important;} #video-edit-acct .modal-body .accounts > div.acclist {min-height:250px; max-height:500px; padding:0; overflow-y:auto;} #video-edit-acct .modal-body .accounts > div.acclist > div {position:relative; margin-bottom:15px; padding:0 0 15px 20px; border-bottom:1px solid #ddd; overflow:hidden;} #video-edit-acct .modal-body .accounts > div.acclist > div:first-child {padding-top:15px;} #video-edit-acct .modal-body .accounts > div.acclist > div:last-child {margin-bottom:0; border-bottom:none;} #video-edit-acct .modal-body .accounts > div.acclist > div > span {position:relative; display:block; float:left; height:100%; margin-right:20px; line-height:23px; zoom:1;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.url {color:#c5c5c5!important; width:auto; overflow:hidden; white-space:nowrap;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.option {position:absolute; right:0; margin-top:7px;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.option > a {position:relative; display:block; width:8px; height:9px; background:url('../images/tmpbuilder_theme_default.png') no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.option > a:hover {background-position:0 -9px; cursor:pointer;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.icon {margin-right:10px; width:22px; height:22px; text-indent:100%; white-space:nowrap; overflow:hidden;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.icon.youtube {background:url('../images/video_widget_acct_youtube_icon_small.gif') no-repeat;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.icon.vimeo {background:url('../images/video_widget_acct_vimeo_icon_small.gif') no-repeat;} #video-edit-acct > .modal-footer > .goback {float:left; margin-top:8px; color:#888;} #video-edit-acct > .modal-footer > .goback a {color:#888;} #video-edit-list .modal-body {padding:0!important;} #video-edit-list .modal-body .videos {min-height:250px; max-height:500px; overflow-y:auto;} #video-edit-list .modal-body .videos > .video {position:relative; margin-bottom:15px; padding:0 0 15px 20px; border-bottom:1px solid #ddd; overflow:hidden;} #video-edit-list .modal-body .videos > .video:first-child {padding-top:15px;} #video-edit-list .modal-body .videos > .video:last-child {margin-bottom:0; border-bottom:none;} #video-edit-list .modal-body .videos > .video > div {float:left; height:100%;} #video-edit-list .modal-body .videos > .video > .screenshot img {border:0!important;} #video-edit-list .modal-body .videos > .video > .info {margin-left:20px;} #video-edit-list .modal-body .videos > .video > .info > div {margin-bottom:5px;} #video-edit-list .modal-body .videos > .video > .info > .name {font-size:14px!important; color:#333!important;} #video-edit-list .modal-body .videos > .video > .info > .name a {color:#333!important;} #video-edit-list .modal-body .videos > .video > .info > .date {font-size:12px!important; color:#888!important;} #video-edit-list > .modal-footer > .goback {float:left; margin-top:8px; color:#888;} #video-edit-list > .modal-footer > .goback a {color:#888;} #video-edit .modal-dialog {width:680px;} #video-edit .modal-body {margin:0; overflow:hidden; width:95.6%; min-height:170px; overflow-y:auto;} #video-edit .modal-body > .add a {text-decoration:none;} #video-edit .modal-footer {bottom:0; width:auto; text-align:right;} #video-edit .modal-footer input.cancel {color:#b3b3b3; border:1px solid #b3b3b3!important;} #video-edit.selection .modal-body {margin-bottom:20px!important; text-align:center!important;} #video-edit.selection .modal-body .vid_selections > a {display:inline-block; margin:22px 12px 0; padding:6px 14px; text-indent:100%; white-space:nowrap; overflow:hidden; width:248px; height:102px; border:1px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);} #video-edit.selection .modal-body .vid_selections > a:hover {-webkit-box-shadow:none; box-shadow:none;} #video-edit.selection .modal-body .vid_selections > a.youtube {background:url('../images/video_widget_youtube.gif') center no-repeat;} #video-edit.selection .modal-body .vid_selections > a.vimeo {background:url('../images/video_widget_vimeo.gif') center no-repeat;} #video-edit.selection .modal-body .or_divider {position:relative; margin:20px 0; width:100%; border-bottom:1px solid #e9e9e9; height:3px; overflow:visible; text-align:center;} #video-edit.selection .modal-body .or_divider > span {position:relative; width:5%; margin:0 auto; bottom:9px; background:#fff; font-size:18px; color:#afafaf; display:block;} #video-edit.selection .modal-body > input[type="text"] {display:block; margin:0 auto; width:88%;} #video-edit-image .modal-body div.url {position:relative; margin:10px 0 0; padding:0 10px 0 0;} #video-edit-image .modal-body div.url > input {width:99.8%;} #video-edit-image .modal-body .preview {position:relative; max-width:600px; min-height:298px; max-height:396px; overflow:hidden; background-position:top center; background-size:530px auto; -moz-background-size:530px auto; -webkit-background-size:530px auto; background-repeat:no-repeat;} #video-edit-image .modal-body .preview { background-size:cover; -webkit-background-size:cover; width:100%; background-position:50% 50%; background-repeat:no-repeat no-repeat;} #video-edit-image .modal-body .preview > img {cursor:pointer;} #video-edit-image .modal-body .preview .video_img_overlay {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; background:url('../images/trans-70.png'); display:none; cursor:pointer; overflow:hidden;} #video-edit-image .modal-body .preview .video_img_overlay > div {position:absolute; display:block; margin-left:-75px; left:50%; top:50%; min-width:150px; height:30px; line-height:30px; color:#fff; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-indent:0; background:#82cc5d; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border:1px solid #000;} #video-edit-image .modal-footer {text-align:right;} #video-edit-image .modal-footer > div.goto {position:relative; top:6px; display:block; float:left;} #video-edit-image .modal-footer > div.goto > a {margin:0 16px 0 0; padding:0; color:#787878; font-size:11px;} #video-edit-image .modal-footer > input.button {margin:0!important;} #video-edit-acct .modal-dialog {width:600px;} #video-edit-acct .modal-body {padding:0!important;} #video-edit-acct .modal-body .accounts > div.acclist {min-height:250px; max-height:500px; padding:0; overflow-y:auto;} #video-edit-acct .modal-body .accounts > div.acclist > div {position:relative; margin-bottom:15px; padding:0 0 15px 20px; border-bottom:1px solid #ddd; overflow:hidden;} #video-edit-acct .modal-body .accounts > div.acclist > div:first-child {padding-top:15px;} #video-edit-acct .modal-body .accounts > div.acclist > div:last-child {margin-bottom:0; border-bottom:none;} #video-edit-acct .modal-body .accounts > div.acclist > div > span {position:relative; display:block; float:left; height:100%; margin-right:20px; line-height:23px; zoom:1;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.url {color:#c5c5c5!important; width:auto; overflow:hidden; white-space:nowrap;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.option {position:absolute; right:0; margin-top:7px;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.option > a {position:relative; display:block; width:8px; height:9px; background:url('../images/tmpbuilder_theme_default.png') no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.option > a:hover {background-position:0 -9px; cursor:pointer;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.icon {margin-right:10px; width:22px; height:22px; text-indent:100%; white-space:nowrap; overflow:hidden;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.icon.youtube {background:url('../images/video_widget_acct_youtube_icon_small.gif') no-repeat;} #video-edit-acct .modal-body .accounts > div.acclist > div > span.icon.vimeo {background:url('../images/video_widget_acct_vimeo_icon_small.gif') no-repeat;} #video-edit-acct > .modal-footer > .goback {float:left; margin-top:8px; color:#888;} #video-edit-acct > .modal-footer > .goback a {color:#888;} #video-edit-list .modal-body {padding:0!important;} #video-edit-list .modal-body .videos {min-height:250px; max-height:500px; overflow-y:auto;} #video-edit-list .modal-body .videos > .video {position:relative; margin-bottom:15px; padding:0 0 15px 20px; border-bottom:1px solid #ddd; overflow:hidden;} #video-edit-list .modal-body .videos > .video:first-child {padding-top:15px;} #video-edit-list .modal-body .videos > .video:last-child {margin-bottom:0; border-bottom:none;} #video-edit-list .modal-body .videos > .video > div {float:left; height:100%;} #video-edit-list .modal-body .videos > .video > .screenshot img {border:0!important;} #video-edit-list .modal-body .videos > .video > .info {margin-left:20px;} #video-edit-list .modal-body .videos > .video > .info > div {margin-bottom:5px;} #video-edit-list .modal-body .videos > .video > .info > .name {font-size:14px!important; color:#333!important;} #video-edit-list .modal-body .videos > .video > .info > .name a {color:#333!important;} #video-edit-list .modal-body .videos > .video > .info > .date {font-size:12px!important; color:#888!important;} #video-edit-list > .modal-footer > .goback {float:left; margin-top:8px; color:#888;} #video-edit-list > .modal-footer > .goback a {color:#888;} #video-edit .modal-dialog {width:680px;} #video-edit .modal-body {margin:0; overflow:hidden; width:95.6%; min-height:170px; overflow-y:auto;} #video-edit .modal-body > .add a {text-decoration:none;} #video-edit .modal-footer {bottom:0; width:auto; text-align:right;} #video-edit .modal-footer input.cancel {color:#b3b3b3; border:1px solid #b3b3b3!important;} #video-edit.selection .modal-body {margin-bottom:20px!important; text-align:center!important;} #video-edit.selection .modal-body .vid_selections > a {display:inline-block; margin:22px 12px 0; padding:6px 14px; text-indent:100%; white-space:nowrap; overflow:hidden; width:248px; height:102px; border:1px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);} #video-edit.selection .modal-body .vid_selections > a:hover {-webkit-box-shadow:none; box-shadow:none;} #video-edit.selection .modal-body .vid_selections > a.youtube {background:url('../images/video_widget_youtube.gif') center no-repeat;} #video-edit.selection .modal-body .vid_selections > a.vimeo {background:url('../images/video_widget_vimeo.gif') center no-repeat;} #video-edit.selection .modal-body .or_divider {position:relative; margin:20px 0; width:100%; border-bottom:1px solid #e9e9e9; height:3px; overflow:visible; text-align:center;} #video-edit.selection .modal-body .or_divider > span {position:relative; width:5%; margin:0 auto; bottom:9px; background:#fff; font-size:18px; color:#afafaf; display:block;} #video-edit.selection .modal-body > input[type="text"] {display:block; margin:0 auto; width:88%;} #folderAddModal .campaignfolder fieldset, #folderEditModal .campaignfolder fieldset {position:relative; margin:18px 0 0; padding:0 12px 0 0;} #folderAddModal .campaignfolder fieldset label, #folderEditModal .campaignfolder fieldset label { margin-bottom:8px;} #folderAddModal .campaignfolder fieldset input, #folderEditModal .campaignfolder fieldset input {width:100%;} #walkthru .modal-dialog {width:680px; overflow:visible;} #walkthru .close {position:absolute; display:block; top:-13px; right:-15px; width:30px; height:30px; background:url('../images/modal_header_close.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; z-index:10;} #walkthru .close:hover {background-position:0px -30px; cursor:pointer;} #walkthru .navoptions {position:relative; bottom:0; padding:20px 15px; border-top:1px solid #ddd; overflow:hidden;} #walkthru .navoptions > .dontshow {position:absolute; left:15px; top:12px; margin:0; padding:0;} #walkthru .navoptions > .dontshow > a {color:#3f3f3f;} #walkthru .navoptions > div {position:absolute; right:9px; top:9px; margin:0; padding:0; width:auto!important; height:36px; overflow:hidden!important;} #walkthru .navoptions > div > a {position:relative; margin:0 0 0 -4px!important; padding:4px 7px; display:inline-block; font-size:11px; display:inline-block; font-size:11px!important; font-weight:100; line-height:12px!important; color:#aeaeae; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat:repeat-x; border:1px solid #ddd; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;} #walkthru .navoptions > div > a:first-child {margin-left:0!important; border-right:none; -webkit-border-radius:4px 0 0 4px!important; border-radius:4px 0 0 4px!important;} #walkthru .navoptions > div > a:last-child {-webkit-border-radius:0 4px 4px 0!important; border-radius:0 4px 4px 0!important;} #walkthru .navoptions > div > a:hover {top:0; color:#505050; background-color:#f0f0f0; background-color:#f0f0f0 \9; background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);} #walkthru .navoptions > div > span {position:relative; top:2px; margin-right:10px; color:#ccc;} #walkthru .slides {position:relative; height:300px; overflow:hidden;} #walkthru .slides > .slide {display:none; position:absolute; float:left; width:100%; height:100%; margin:0; padding:0; overflow:hidden; background:#fff;} #walkthru .slides > .slide > .content {position:absolute; top:48px; left:33px; width:238px; text-align:left; z-index:10;} #walkthru .slides > .slide > .content > h2 {margin:0 0 15px; line-height:1.4; font-size:22px; letter-spacing:-1px; color:#0f3e76;} #walkthru .slides > .slide > .content > p {margin:0; line-height:1.4; font-size:14px; color:#515151; font-weight:100; margin-top:10px;} #walkthru .slides > .slide > .content > .button {margin-top:20px!important;} #walkthru .slides > .slide > img {position:absolute; right:0; z-index:1;} /*-------------------------------------------------------------------------*\ RSS feed URL \*------------------------------------------------------------------------*/ #message_activerss #activerssurl { padding: 12px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #list_address .modal-dialog, #formModal .modal-dialog {width:560px!important;} #list_address .modal-body, #list_form_address .modal-body {width:auto!important;} #list_address label { margin-bottom: 10px; } #list_address table td input[type="text"], #list_form_address table td input[type="text"]{margin:0.3em 0!important; width:98.5%!important;} #list_address .modal-footer, #list_form_address .modal-footer {text-align:right;} #formModal #list_form_addresses { margin-bottom: 20px; } #senderinfo { width:100%; } #senderinfo .address-line { margin-bottom: 10px; } #senderinfo .address-line:last-child { margin-bottom: 0; } #senderinfo .address-line input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #senderinfo .address-line .empty { position: relative; border: #F37C7B 1px solid !important; } #senderinfo .address-line .empty:before { position: absolute; right: 10px; top: 4px; font-family: "ac-icons"; content: '\E847'; color: #F37C7B; font-size: 14px; } #senderinfo .address-line .field-city, #senderinfo .address-line .field-zip { margin-right: 5px; } #senderinfo .address-line .field-state { margin-right: 5px; width: 60px!important; } #senderinfo .address-line .dropdown_select { padding: 8px 32px 7px 14px!important; font-size: 14px; } #senderinfo .address-line .dropdown_select:after { position: absolute; top: 12px; right: 11px; float: none; font-family: "ac-icons"; content: '\E86C'; font-size: 10px; color: #777; } #senderinfo .address-line .dropdown_select.active:after { top: 10px; -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); } #senderinfo .address-line .dropdown_menu { min-width: 260px; } #senderinfo .address-line .dropdown_menu .disabled a { padding: 1px 0 0; background-color: #EFEFEF; } #list_address_select.selection .modal-body {margin-bottom:20px!important; text-align:center!important;} #list_address_select.selection .modal-body .listaddrtype > a {display:inline-block; margin:22px 12px 0; width:auto; height:auto; filter:alpha(opacity=70); opacity:0.7; text-decoration:none; color:#333;} #list_address_select.selection .modal-body .listaddrtype > a > span {display:block; margin:0 0 10px; padding:22px 28px; width:100px; height:111px; background-position:50%; background-repeat:no-repeat; border:1px solid #e1e1e1; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);} #list_address_select.selection .modal-body .listaddrtype > a:hover {-moz-opacity:100; filter:alpha(opacity=100); opacity:1;} #list_address_select.selection .modal-body .listaddrtype > a:hover > span {-webkit-box-shadow:none; box-shadow:none; background-color:#f4f4f4!important;} #list_address_select.selection .modal-body .listaddrtype > a.listaddr > span {background-image:url('../images/list_address_select_modal_edit_address.png');} #list_address_select.selection .modal-body .listaddrtype > a.editwidg > span {background-image:url('../images/list_address_select_modal_edit_widget.png');} #list_address_select.selection .modal-body > input[type="text"] {display:block; margin:0 auto; width:88%;} #picture_widget.selection .modal-body {margin-bottom:20px!important; text-align:center!important;} #picture_widget.selection .modal-body .imgtype > a {display:inline-block; margin:22px 12px 0; width:auto; height:auto; filter:alpha(opacity=70); opacity:0.7; text-decoration:none; color:#333;} #picture_widget.selection .modal-body .imgtype > a > span {display:block; margin:0 0 10px; padding:22px 28px; width:100px; height:78px; background-position:50%; background-repeat:no-repeat; border:1px solid #e1e1e1; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);} #picture_widget.selection .modal-body .imgtype > a:hover {-moz-opacity:100; filter:alpha(opacity=100); opacity:1;} #picture_widget.selection .modal-body .imgtype > a:hover > span {-webkit-box-shadow:none; box-shadow:none; background-color:#f4f4f4!important;} #picture_widget.selection .modal-body .imgtype > a.fluid > span {background-image:url('../images/picture_widget_fluid.png');} #picture_widget.selection .modal-body .imgtype > a.fixed > span {background-image:url('../images/picture_widget_fixed.png');} #picture_widget.selection .modal-body > input[type="text"] {display:block; margin:0 auto; width:88%;} #image-edit .modal-header, #image-edit .modal-footer {padding:14px 15px!important;} #image-edit .modal-footer {border-top:1px solid #ddd;} #image-edit .modal-dialog {height:auto; width:560px; padding:10px; margin-right:auto; margin-left:auto; margin-top:40px; z-index:1050;} #image-edit .modal-body {width:auto; padding:0!important;} #image-edit .modal-body h3 {padding:20px 0; font-size:15px; text-align:center; color:#555; font-weight:100;} #image-edit .modal-body .image-display-container {position:relative;} #image-edit .modal-body .jcrop-holder {margin:auto auto 10px;} #image-edit .modal-body .disable-crop-animate-gif {position:absolute; top:0; left:0; margin:0 29px; width:500px; height:100%; z-index:240; background-color:rgba(0,0,0, 0.7); color:#fff; text-align:center;} #image-edit .modal-body .disable-crop-animate-gif .alert-text {position:absolute; margin:auto; top:38%; bottom:0; left:0; right:0;} #image-edit .modal-body .disable-crop-animate-gif .alert-text [class^="ac-icon"] {margin-bottom:5px; font-size:57px;} #image-edit .modal-body .image-option-wrap {margin-top:30px; padding-bottom:30px; background-color:#f1f1f1; border-top:1px solid #ddd;} #image-edit .modal-body .options {text-align:center;} #image-edit .modal-body .options li {display:inline-block; margin:0 10px; width:80px; height:80px;} #image-edit .modal-body .options a {display:block; width:80px; height:80px; -moz-opacity:70; filter:alpha(opacity=70); opacity:0.7; text-decoration:none; color:#333;} #image-edit .modal-body .options a:hover {-moz-opacity:100; filter:alpha(opacity=100); opacity:1;} #image-edit .modal-body .options a > span {display:block; margin-bottom:6px; width:80px; height:60px; background-color:#fff; background-size:42px; background-position:50%; background-repeat:no-repeat; border:1px solid #c4c4c4; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;} #image-edit .modal-body .options a:hover > span {background-color:#f4f4f4;} #image-edit .modal-body .options a.editimg > span {background-image:url('../images/aviary_modal_edit.png');} #image-edit .modal-body .options a.remove > span {background-image:url('../images/aviary_modal_delete.png');} #image-edit .modal-body .options a.choose > span {background-image:url('../images/aviary_modal_new.png');} #image-edit .modal-body .options a.imglnk > span {background-image:url('../images/aviary_modal_link.png');} #image-edit .modal-body .options a.alt > span {background-image:url('../images/aviary_modal_alt.png');} #image-edit .modal-body .options a.align > span {background-image:url('../images/aviary_modal_align.png');} #image-edit .modal-body .options a.align.left > span {background-image:url('../images/aviary_modal_align_left.png');} #image-edit .modal-body .options a.align.center > span {background-image:url('../images/aviary_modal_align_center.png');} #image-edit .modal-body .options a.align.right > span {background-image:url('../images/aviary_modal_align.png');} #button-edit .basic, #button-edit .style {margin-bottom:20px; padding-right:18px;} #button-edit label {margin-bottom:6px;} #button-edit .basic .setting-row:first-of-type {margin-bottom:14px;} #button-edit .setting-row {position:relative;} #button-edit .style {display:table; width:100%;} #button-edit .style label {color:#999;} #button-edit .style .colm {display:table-cell; padding-top:10px; width:25%; padding-right:24px;} #button-edit .input-wrap {position:relative;} #button-edit .input-text-label {padding-right:8px!important; width:66%;} #button-edit .label-text {position:absolute; top:3px; right:25px; display:block; padding:8px 9px; color:#999; border-left:1px solid #ccc;} #link-edit .link-type { margin-bottom: 10px; width: 100%; } #link-edit .link-input { position: relative; } #link-edit .link-input .input-field input { box-sizing: border-box; } #link-edit .link-input .input-options, #link-edit .link-input .input-options .btn { margin: 0!important; padding: 0!important; height: inherit!important; border: 0 none!important; background-image: none!important; box-shadow: none!important; } #link-edit .link-input .input-options .btn { padding: 11px 15px!important; border-right: 1px solid #ddd!important; background-color: #fff!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; } #link-edit .link-input .input-options .btn.active { background-color: #eee!important; color: #000!important; font-weight: 400!important; } #link-edit .link-input .input-field-option { padding: 0!important; display: table; width: 100%; font: 14px helvetica,arial,sans!important; color: #333!important; line-height: 100%; background-color: #FFF; border: 1px solid #C3C3C3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } #link-edit .link-input .input-field-option .input-field { float: left; display: inline-block; padding-right: 16px; width: 100%; } #link-edit .link-input .input-field-option .input-field input { display: inline-block; border: 0 none;} #aviary_modal .modal-dialog {height:auto; width:560px;} #aviary_modal .modal-body {width:auto; padding:30px 0 50px !important;} #aviary_modal .modal-body > ul {text-align:center;} #aviary_modal .modal-body > ul > li {display:inline-block; margin:0 10px; width:80px; height:80px;} #aviary_modal .modal-body > ul > li > a {display:block; width:80px; height:80px; -moz-opacity:70; filter:alpha(opacity=70); opacity:0.7; text-decoration:none; color:#333;} #aviary_modal .modal-body > ul > li > a:hover {-moz-opacity:100; filter:alpha(opacity=100); opacity:1;} #aviary_modal .modal-body > ul > li > a > span {display:block; margin-bottom:6px; width:80px; height:80px; background-position:50%; background-repeat:no-repeat; border:1px solid #e1e1e1; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} #aviary_modal .modal-body > ul > li > a:hover > span {background-color:#f4f4f4;} #aviary_modal .modal-body > ul > li > a#editimg > span {background-image:url('../images/aviary_modal_edit.png');} #aviary_modal .modal-body > ul > li > a#chsize > span {background-image:url('../images/aviary_modal_resize.png');} #aviary_modal .modal-body > ul > li > a#remove > span {background-image:url('../images/aviary_modal_delete.png');} #aviary_modal .modal-body > ul > li > a#choose > span {background-image:url('../images/aviary_modal_new.png');} #aviary_modal .modal-body > ul > li > a#imglnk > span {background-image:url('../images/aviary_modal_link.png');} #template_check_spam .modal-dialog {width:520px; height:auto;} #template_check_spam .modal-body {width:auto;} #spamcheck_result {margin:20px 0 10px; font-size:14px;} #campaign_spamcheck #spamcheck_result {margin:0; font-size:14px; color:#5b5b59;} #spamcheck_details {margin:10px 0; width:auto; border:1px solid #CBCBCB!important; color:#555; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;} #test.modal #spamcheck_details {background:#ecfbff;} #test.modal .spamcheck_message > table {border-collapse:separate; border-spacing:5px!important;} #test.modal .spamcheck_message > table td:first-child {padding:8px!important; background:#ddd!important; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; text-align:center; font-weight:700; color:#414141; font-size:12px;} #test.modal .spamcheck_message > table td:last-child {padding-left:10px!important;} .campaign_new #revisions .modal-body, .old.template #revisions .modal-body { max-height: 600px; overflow-y: auto; } .campaign_new #revision_preview .modal-content, .old.template #revision_preview .modal-content { width: 900px; } .campaign_new #revision_preview .modal-body, .old.template #revision_preview .modal-body { height: 600px; } #access_modal .modal-body {padding:30px 15px 30px 100px!important; min-height:50px; line-height:18px; background:url('../images/access_modal_body_icon.png') no-repeat 22px 50%;} body.settings #authmodal label {padding-right:20px;} body.settings #authmodal label input[type="text"], body.settings #authmodal label input[type="password"] {margin-top:10px; padding:8px!important} .deleteusers li { list-style-type: disc; margin-left: 25px; padding-top: 5px; } body.series .head-options-bar .button_group .btn.active {color:#538300!important; background:#d5eea9!important; font-weight:700!important;} body.series #seriesholder .selectdropdown {position:relative; display:inline-block; margin-top:2px;} body.series #seriesholder .selectdropdown > a {background-color:transparent; margin:0 4px!important; padding:2px!important; border:none; border-bottom:1px dashed rgba(0,0,0, 0.2); box-shadow:none; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } body.series #seriesholder .selectdropdown > a:after {display:none!important;} body.series #seriesholder .selectdropdown > a:active, body.series #seriesholder .selectdropdown > a.active {position:relative; top:-1px; color:#000; background-color:transparent; border:0 none; z-index:5000;} body.series #seriesholder .selectdropdown > a::after {margin-left:3px; content:"\25be"; display:inline;} body.series #seriesholder .selectdropdown > .dropdown_menu {display:none; right:0; margin-top:-5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:visible;} body.series #seriesholder .selectdropdown > .dropdown_menu:before, body.series #seriesholder .selectdropdown > .dropdown_menu:after { position: absolute; top: -8px; right: 15px; content: ''; width: 0; height: 0; border-width: 5px 5px 5px 0; border-style: solid; border-color: rgba(0, 0, 0, 0) #c2c2c2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index: 50; } body.series #seriesholder .selectdropdown > .dropdown_menu:after { top: -7px; border-color:rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } /* Set second drop down in deal nodes to lowercase */ body.series #seriesholder .deal-filteroptions .selectdropdown:nth-child(4) a.dropdown_select {text-transform:lowercase;} #listperms {} #listperms .selectListImport > ul {width:auto;} #listperms .inlinelabels label {display:inline; } #csshelper {display:none; position:fixed; bottom:-1px; left:31px; border:1px solid #bebebe; border-bottom:0 none; padding:10px 9px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; color:#aeaeae; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat:repeat-x; border:1px solid #ddd; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#bebebe #bebebe transparent; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); /*-webkit-box-shadow:0px -5px 15px 2px rgba(0, 0, 0, .2); box-shadow:0px -5px 15px 2px rgba(0, 0, 0, .2);*/ z-index:5000;} #csshelper span.selector {margin-left:5px; padding:3px 10px 3px 5px; display:inline-block; color:#333; font-family:monospace!important; background:#fefefe; border:1px solid #ddd; text-shadow:0 1px 1px rgba(255, 255, 255, 1); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; border-radius:6px;} #csshelper span.selector input {border:none; padding:0; margin:0; background-color:inherit;} #csshelper input[type=button] {padding:4px 8px; -webkit-border-radius:2px 2px; border:solid 1px rgb(153, 153, 153); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221))); color:#333; text-decoration:none; cursor:pointer; display:inline-block; text-align:center; text-shadow:0px 1px 1px rgba(255,255,255,1); line-height:1;} #csshelper input[type=button]:hover {background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221)))!important;} #csshelper input[type=button]:active {background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221)))!important;} /* Animated loading bar */ #preload_bar_container {height:20px; width:160px; border:1px solid #08a300; overflow:hidden; background-color:#068000; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border-radius:7px;} #animate_bar{} #animate_bar.bar_line_animate{width:236px; -moz-animation-name:bar_line_animate; -moz-animation-duration:0.8s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -webkit-animation-name:bar_line_animate; -webkit-animation-duration:0.8s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -ms-animation-name:bar_line_animate; -ms-animation-duration:0.8s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:bar_line_animate; -o-animation-duration:0.8s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; animation-name:bar_line_animate; animation-duration:0.8s; animation-iteration-count:infinite; animation-timing-function:linear;} #animate_bar > .bar_line{background-color:#08a300; float:left; width:14px; height:120px; margin-right:24px; margin-top:-28px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} @-moz-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @-webkit-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @-ms-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @-o-keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} @keyframes bar_line_animate{0%{margin-left:-38px;}100%{margin-left:0px;}} /* Reset for preview and designer */ div.core {line-height:100%; text-align:left; font-family:arial;} div.core article, adiv.core side, div.core details, div.core figcaption, div.core figure, div.core footer, div.core header, div.core hgroup, div.core menu, div.core nav, div.core section { display:block; } div.core table {border-collapse:collapse; border-spacing:0;} div.core td[height=14] {height:14px; font-size:14px; line-height:14px;} div.core td[height=13] {height:13px; font-size:14px; line-height:13px;} div.core td[height=12] {height:12px; font-size:12px; line-height:12px;} div.core td[height=11] {height:11px; font-size:11px; line-height:11px;} div.core td[height=10] {height:10px; font-size:10px; line-height:10px;} div.core td[height=9] {height:9px; font-size:9px; line-height:9px;} div.core td[height=8] {height:8px; font-size:8px; line-height:8px;} div.core td[height=7] {height:7px; font-size:7px; line-height:7px;} div.core td[height=6] {height:6px; font-size:6px; line-height:6px;} div.core td[height=5] {height:5px; font-size:5px; line-height:5px;} div.core td[height=4] {height:4px; font-size:4px; line-height:4px;} div.core td[height=3] {height:3px; font-size:3px; line-height:3px;} div.core td[height=2] {height:2px; font-size:2px; line-height:2px;} div.core td[height=1] {height:1px; font-size:1px; line-height:1px;} div.core html, div.core body, div.core div, div.core span, div.core h1, div.core h2, div.core h3, div.core h4, div.core h5, div.core h6, div.core .td_text p, div.core blockquote, div.core pre, div.core a, div.core code, div.core em, div.core img, div.core small, div.core strike, div.core strong, div.core sub, div.core sup, div.core b, div.core u, div.core i, div.core center, div.core table, div.core tbody, div.core tfoot, div.core thead, div.core tr, div.core th, div.core td { margin:0; padding:0; border:0 none; outline:none; font-family:inherit; } div.core a {color:#004290;} div.core h1, div.core h2, div.core h3, div.core h4, div.core h5, div.core h6 {margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding:0; font-weight:bold; line-height:110%;} div.core h1, div.core h2, div.core h3 {padding:0;} div.core h1 {font-size:32px;} div.core h2 {font-size:24px;} div.core h3 {font-size:20px;} div.core h4 {font-size:16px;} div.core img {outline:none; text-decoration:none; -ms-interpolation-mode:bicubic;} div.core a img {border:none;} div.core table td {border-collapse:collapse;} div.core .td_text {line-height:1.1;} div.core .td_text p, div.core .td_text span, div.core .td_text a, div.core .td_text a:link, div.core .td_text a:visited, div.core .td_text a span {font-weight:inherit; color:inherit; text-decoration:inherit;} div.core .td_text a:link, div.core .td_text a:active {text-decoration:underline;} div.core .td_text ul, div.core .td_text ol {display:block; padding-top:20px; padding-bottom:20px; margin-left:40px;} div.core .widget_text ul li {margin-left:3px; display:list-item; list-style-type:disc; line-height:inherit;} div.core .widget_text ol li {margin-left:3px; display:list-item; list-style-type:decimal; line-height:inherit;} div.core .td_text > table td {border-width:1px; border-style:solid; border-color:#ababab;} /*-------------------------------------------------------------------------*\ CKEditor \*------------------------------------------------------------------------*/ body:not(.contact_view) .cke {z-index:10001!important;} body .cke .cke_dialog_title {margin:0!important; padding:14px 15px!important; font-size:18px!important; text-shadow:none!important; line-height:22px!important; font-weight:700!important; color:#fff!important; border-bottom:1px solid #767676!important; background:#6e6e6e!important; background-image:-webkit-linear-gradient(#c1c1c1, #c1c1c1 5%, #6e6e6e)!important; background-image:-moz-linear-gradient(top, #c1c1c1, #c1c1c1 5%, #6e6e6e)!important; background-image:-ms-linear-gradient(#c1c1c1, #c1c1c1 5%, #6e6e6e)!important; background-image:-o-linear-gradient(#c1c1c1, #c1c1c1 5%, #6e6e6e)!important; background-image:linear-gradient(#c1c1c1, #c1c1c1 5%, #6e6e6e)!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#6e6e6e')!important; overflow:visible!important;} body .cke .cke_editable.cke_editable_inline.cke_focus {box-shadow:inset 0 0 1px #000; outline:none; background:none; cursor:text; z-index:950;} body .cke .cke_currentlyediting_border {box-shadow:inset 0 0 1px #000; z-index:950;} .cke_currentlyediting {-webkit-box-shadow:inset 0 0 0 1px rgba(58,115,188,1); box-shadow:inset 0 0 0 1px rgba(58,115,188,1); z-index:950;} body .cke_dialog_background_cover {background:#555!important; background-image:radial-gradient(45% 40%, #666, #333 100%)!important; opacity:0.8!important; filter:alpha(opacity=80)!important; -khtml-opacity:0.8!important; -moz-opacity:0.8!important; opacity:0.8!important;} body table.cke_dialog {border:1px solid #333; -webkit-box-shadow:0 3px 40px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 3px 40px rgba(0, 0, 0, 0.5); box-shadow:0 3px 40px rgba(0, 0, 0, 0.5);} body table.cke_dialog .cke_dialog_body, body table.cke_dialog .cke_dialog_footer {position:relative; border:0 none; outline:0 none;} body table.cke_dialog .cke_dialog_footer {padding:10px; margin-bottom:0; background:#f5f5f5; border-top:1px solid #ddd; text-align:right; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -webkit-box-shadow:inset 0 1px 0 #ffffff; -moz-box-shadow:inset 0 1px 0 #ffffff; box-shadow:inset 0 1px 0 #ffffff; } body table.cke_dialog .cke_dialog_footer .cke_dialog_footer_buttons a.cke_dialog_ui_button span {font-size:12px; font-weight:100;} body table.cke_dialog .cke_dialog_body .cke_dialog_contents_body {margin:0; padding:0; height:auto;} body table.cke_dialog .cke_dialog_body .cke_dialog_contents_body .cke_dialog_page_contents {padding:15px; width:auto!important;} body table.cke_dialog .cke_dialog_body .cke_dialog_contents_body .cke_dialog_page_contents td.cke_dialog_ui_hbox_last > a.cke_dialog_ui_button {margin-top:15px!important; padding:4px 0;} body table.cke_dialog .cke_dialog_body .cke_dialog_close_button {position:absolute; display:block; top:-13px; right:-15px; width:30px; height:30px; background:url('../images/modal_header_close.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;} body table.cke_dialog .cke_dialog_body .cke_dialog_close_button:hover {background-position:0px -30px; cursor:pointer;} #form.ac_block img {max-width:100%;} .cke_button__acpersonalize{background:#f9fff1 !important; } .cke_dialog .cke_resizer {display:none;} /* Color Pickers */ .minicolors-swatch {top:1px; background:url('../images/tmpbuilder_slideoption_trigger.png') center no-repeat; vertical-align:middle; margin:0 3px; display:inline-block; outline:none;} .minicolors-swatch span {position:absolute; width:100%; height:100%; background:none; box-shadow:inset 0 9px 0 rgba(255, 255, 255, .1); display:inline-block;} .defaultperstag.perstag_address {cursor:pointer;} .edit-small .td_picture {display:none;} .minicolors {position:relative; display:inline-block; z-index:1;} .minicolors-focus {z-index:2;} .minicolors.minicolors-theme-default .minicolors-input {margin:0px; margin-right:3px; border:solid 1px #CCC; font:14px sans-serif; width:65px; height:16px; border-radius:0; box-shadow:inset 0 2px 4px rgba(0, 0, 0, .04); padding:2px; margin-right:-1px;} .minicolors-theme-default.minicolors .minicolors-input {vertical-align:middle; outline:none;} .minicolors-theme-default.minicolors-swatch-left .minicolors-input {margin-left:-1px; margin-right:auto;} .minicolors-theme-default.minicolors-focus .minicolors-input, .minicolors-theme-default.minicolors-focus .minicolors-swatch {border-color:#999;} /*.minicolors-hidden {position:absolute; left:-9999em;}*/ /* Panel */ .minicolors-panel {position:absolute; top:26px; left:0; width:173px; height:152px; background:white; border:solid 1px #CCC; box-shadow:0 0 20px rgba(0, 0, 0, .2); display:none;} .minicolors-position-top .minicolors-panel {top:-156px;} .minicolors-position-left .minicolors-panel {left:-83px;} .minicolors-position-left.minicolors-with-opacity .minicolors-panel {left:-104px;} .minicolors-with-opacity .minicolors-panel {width:194px;} .minicolors .minicolors-grid {position:absolute; top:1px; left:1px; width:150px; height:150px; background:url(../images/jquery.minicolors.png) -120px 0; cursor:crosshair;} .minicolors .minicolors-grid-inner {position:absolute; top:0; left:0; width:150px; height:150px; background:none;} .minicolors-slider-saturation .minicolors-grid {background-position:-420px 0;} .minicolors-slider-saturation .minicolors-grid-inner {background:url(../images/jquery.minicolors.png) -270px 0;} .minicolors-slider-brightness .minicolors-grid {background-position:-570px 0;} .minicolors-slider-brightness .minicolors-grid-inner {background:black;} .minicolors-slider-wheel .minicolors-grid {background-position:-720px 0;} .minicolors-slider, .minicolors-opacity-slider {position:absolute; top:1px; left:152px; width:20px; height:150px; background:white url(../images/jquery.minicolors.png) 0 0; cursor:crosshair;} .minicolors-slider-saturation .minicolors-slider {background-position:-60px 0;} .minicolors-slider-brightness .minicolors-slider {background-position:-20px 0;} .minicolors-slider-wheel .minicolors-slider {background-position:-20px 0;} .minicolors-opacity-slider {left:173px; background-position:-40px 0; display:none;} .minicolors-with-opacity .minicolors-opacity-slider {display:block;} /* Pickers */ .minicolors-grid .minicolors-picker {position:absolute; top:70px; left:70px; width:10px; height:10px; border:solid 1px black; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin-top:-6px; margin-left:-6px; background:none;} .minicolors-grid .minicolors-picker span {position:absolute; top:0; left:0; width:6px; height:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:solid 2px white;} .minicolors-picker {position:absolute; top:0; left:0; width:18px; height:2px; background:white; border:solid 1px black; margin-top:-2px;} /* Inline controls */ .minicolors-inline .minicolors-input, .minicolors-inline .minicolors-swatch {display:none;} .minicolors-inline .minicolors-panel {position:relative; top:auto; left:auto; display:inline-block;} /* * Bootstrap Theme (theme:'bootstrap') * */ /* Input styles */ .minicolors-theme-bootstrap .minicolors-input {padding:4px 6px; padding-left:30px; background-color:white; border:1px solid #CCC; border-radius:3px; color:#555; font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:14px; height:19px; margin:0px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} /* When the input has focus */ .minicolors-theme-bootstrap.minicolors-focus .minicolors-input {border-color:#6fb8f1; box-shadow:0 0 10px #6fb8f1; outline:none;} /* Swatch styles */ .minicolors-theme-bootstrap .minicolors-swatch {position:absolute; left:4px; top:4px; z-index:2;} /* Handle swatch position (left = default / right) */ .minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-input {padding-left:6px; padding-right:30px;} .minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-swatch {left:auto; right:4px;} /* Panel styles */ .minicolors-theme-bootstrap .minicolors-panel {top:28px; z-index:3;} /* Handle panel positions (top / left) */ .minicolors-theme-bootstrap.minicolors-position-top .minicolors-panel {top:-154px;} .minicolors-theme-bootstrap.minicolors-position-left .minicolors-panel {left:-63px;} /* Don't forget to adjust the left position in case the opacity slider is visible! */ .minicolors-theme-bootstrap.minicolors-position-left.minicolors-with-opacity .minicolors-panel {left:-84px;} /* aviary */ /* general font color/reset */ body .avpw *, body .avpw a, body .avpw a:link, body .avpw a:hover, body .avpw a:visited, body .avpw a:active { color:#444; } /* dark background behind image */ .avpw .avpw_canvas_background { /*background:#3e464a url(../images/dark_backdrop.png);*/ } /* dark background behind tools */ .avpw .avpw_inset_background { /*background:#3e464a url(../images/dark_backdrop.png);*/ } /* brushed metal texture */ /* outermost widget body/parent */ body .avpw { /*background:#f0f0f0 url(../images/white_backdrop.png) 50% 0%;*/ } /* small icon inside an open tool */ .avpw .avpw_current_tool_icon { /*background:#f0f0f0 url(../images/white_backdrop.png) 50% 0%;*/ } /* popups that open within the widget */ .avpw .avpw_app_popup { /*background:#f0f0f0 url(../images/white_backdrop.png) 50% 0%;*/ } /* colorpicker popup */ .avpw .avpw_color_picker_container { /*background:#f0f0f0 url(../images/white_backdrop.png) 50% 25px;*/ } /* footer text */ .avpw .avpw_footer_text, .avpw .avpw_footer_text a, .avpw .avpw_footer_text a:link, .avpw .avpw_footer_text a:visited, .avpw .avpw_footer_text a:hover, .avpw .avpw_footer_text a:active { color:#656565; } /* tool icons */ /* normal */ .avpw .avpw_tool_icon_image { background-color:#efefef; } /* hover */ .avpw .avpw_tool_icon:hover .avpw_tool_icon_image { background-color:#ffffff; } /* pressod */ .avpw .avpw_tool_icon_down .avpw_tool_icon_image, .avpw .avpw_tool_icon_down:hover .avpw_tool_icon_image { background-color:#e2e2e2; } /* tools paging inidcator */ body .avpw .avpw_page { color:#3d3d3d; } body .avpw .avpw_page_selected { color:#00a5ff; } /* default buttons */ body .avpw .avpw_button { background:#efefef; } /* hover */ body .avpw .avpw_button:hover { background:#ffffff; } /* pressod */ body .avpw .avpw_back_button, body .avpw .avpw_back_button:hover { background: inherit!important; } /* primary button * (overriding color on these links so * we have to be explicit) */ body .avpw .avpw_primary_button, body .avpw .avpw_primary_button:link, body .avpw .avpw_primary_button:visited, body .avpw .avpw_primary_button:active { background-color:#0084cc; color:#ffffff; } /* +/- slider label/buttons */ body .avpw .avpw_slider_label { color:#707070; } /* darker, cut-out color */ .avpw .avpw_inset_background { background-color:#3e464a; } /* preset icons */ .avpw .avpw_preset_icon { border-left-color:#556066; border-right-color:#272c2e; } .avpw .avpw_preset_icon_active { background-color:#718087; } /* and light blue indicator */ .avpw .avpw_preset_icon_active .avpw_preset_indicator { background-color:#49edfc; } /* grouped push-buttons inside tools */ .avpw .avpw_inset_button { border-left-color:#556066; border-right-color:#272c2e; } /* hover */ .avpw .avpw_inset_button:hover { background-color:#3c4347; } /* pressod */ .avpw .avpw_inset_button_down { background:#272c2e; } /* text input fields */ body .avpw .avpw_text_input { background:#ffffff; color:#bcbec0; } /* focus */ body .avpw .avpw_text_input_focused { color:#3d3f40; } /* palette swapped on dark background */ .avpw .avpw_inset_background .avpw_text_input { background:#515b60; } /* focus */ .avpw .avpw_inset_background .avpw_text_input_focused { color:#ffffff; } /* labels palette swapped on dark background */ .avpw .avpw_inset_background .avpw_label { color:#ffffff; } /* frame icon */ /* 'off'/default state */ .avpw .avpw_inset_button .avpw_frame_toggle_icon { border-color:#717171; } /* 'on'/active state */ .avpw .avpw_inset_button_active .avpw_frame_toggle_icon { border-color:#49c0fc; } /* lock icon */ /* 'unlocked'/default state */ .avpw .avpw_inset_button .avpw_lock_icon_top, .avpw .avpw_inset_button .avpw_lock_icon_bottom { background:#a3a3a3; } /* 'locked'/down state */ .avpw .avpw_inset_button .avpw_lock_icon_top_inner, .avpw .avpw_inset_button .avpw_lock_icon_sep { background:#383838; } /* 'locked'/active state */ .avpw .avpw_inset_button_active .avpw_lock_icon_top, .avpw .avpw_inset_button_active .avpw_lock_icon_bottom { background:#49c0fc; } #zoomalert {position:absolute; top:0; left:0; width:100%; height:100%;} #zoomalert .details {position:fixed; top:50%; left:50%; width:520px; height:auto; margin:-120px 0 0 -282px; z-index:1500; padding:16px 22px; background:#fff; border:1px solid #000; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 3px 40px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 3px 40px rgba(0, 0, 0, 0.5); box-shadow:0 3px 40px rgba(0, 0, 0, 0.5); webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;} #zoomalert .details > p:last-child {margin-bottom:0; padding-bottom:0;} #zoomalert .zoomoverlay {position:fixed; top:0; left:0; padding:0!important; margin:0; width:100%; height:100%; background:#555; filter:alpha(opacity=80); opacity:0.8; z-index:1000; background-image:radial-gradient(45% 40%, #666, #333 100%);} body.campaign_designer.rss .uxlftcolm {margin-top:182px;} .rss-campaign {position:absolute; left:-1px; top:-37px; width:100%; border:1px solid #e0dfdb;} .rss-campaign > div {display:none; padding:10px; width:auto; font-size:14px; text-align:center;} .rss-campaign .normal {background-color:#fbffbd;} .rss-campaign .notenough {background-color:#bc1d1d; color:#ffffff;} .rss-campaign .toomany {background-color:#bc1d1d; color:#ffffff;} a.delete-container, a.delete-container:visited, a.delete-container:hover { position:relative; zoom:1; top:50%; width:auto!important; margin:0 auto; font-size:10px; font-family:arial,sans; color:#666!important; line-height:1.1; filter:alpha(opacity=70); opacity:0.70; } .revision-loader {z-index:10000001; position:fixed; display:table; top:0; left:0; margin:0; padding:0; width:100%; height:100%; text-align:center;} .revision-loader .wrap {display: table-cell; vertical-align:middle; color:#fff; z-index:1009;} .revision-loader .wrap > .loading-icon-lock {display:inline-block; margin-bottom: 10px; font-size:4em; -webkit-animation:spinarrow 1.3s linear infinite; -moz-animation:spinarrow 1.3s linear infinite; animation:spinarrow 1.3s linear infinite;} @-moz-keyframes spinarrow { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spinarrow { 100% { -webkit-transform: rotate(360deg); } } @keyframes spinarrow { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .revision-loader .wrap > .text { width: 40%; margin: auto; font-size:19px; line-height: 26px; } .revision-loader .wrap > .text a { color:#fff; } .revision-loader .wrap .revision-loader-spinner {position:relative!important; display:inline-block; width:64px!important; height:64px!important; background-image:url('https://d226aj4ao1t61q.cloudfront.net/8xd9k8oyn_loader-white.png')!important; background-size:64px; background-position:50%!important; background-repeat:no-repeat; -webkit-animation-name: ac_loader; -webkit-animation-duration: 1500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: ac_loader; -moz-animation-duration: 1500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: ac_loader; -ms-animation-duration: 1500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: ac_loader; animation-duration: 1500ms; animation-iteration-count: infinite; animation-timing-function: linear;} @-ms-keyframes ac_loader { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes ac_loader { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes ac_loader { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes ac_loader { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .revision-loader .loadoverlay {position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0, 0.8); z-index:1000;} /* Revisions */ #revision_modal.modal div.modal-body { max-height: 300px;overflow-y: scroll; } #revision_modal.modal div.modal-body table { width: 100%; } #revision_modal.modal div.modal-body table td { padding: 8px 6px !important; } #revision_modal.modal div.modal-body table tbody.head { border-bottom: 1px solid #ddd;font-weight: 700; } #revision_modal.modal div.modal-body table tbody tr td:first-child { width: 166px; } #revision_modal.modal div.modal-body table tbody tr td:last-child { text-align: right; } #revision_modal.modal div.modal-body table tbody tr td:last-child a { margin-left: 12px; } #revision_modal.modal div.modal-body table tbody.data tr:nth-child(odd) { background: #f0f6fc;border-top: 1px solid #e3e8ee;border-bottom: 1px solid #e3e8ee; } #header_sender_details a#revisions, #header_template_options a#revisions {border-right:0 none!important;} #header_template_options .button_group > a#revisions > span, #header_sender_details .button_group > a#revisions > span {position:relative; display:inline-block; padding-left:16px; background-image:url('../images/tmpbuilder_style_revisions.png'); background-size:12px; background-position:0; background-repeat:no-repeat;} /* Engagement option modal */ #options.modal .modal-dialog {width:600px!important;} .campaign-screenshot .imgwrap {overflow:hidden; width:160px; height:66px;} /*-------------------------------------------------------------------------*\ Reports pages \*------------------------------------------------------------------------*/ body.report .reports__subheader-wrap { height: 100%; padding: var(--sp-400) var(--sp-900); box-sizing: border-box; } body.report, body.report .uxlftcolm, body.report .uxlftcolm #body_table { min-width: initial !important; } body.score .filterWrap, body.contact .filterWrap, body.series_list .filterWrap, body.campaign .filterWrap { right: 23px;top: 22px; } body.score .filterWrap:after, body.contact .filterWrap:after, body.series_list .filterWrap:after, body.campaign .filterWrap:after, body.report .filterWrap:after { position: relative;content: '';display: table;height: 0;visibility: hidden;zoom: 1; } body.score .filterWrap .filterSearch, body.contact .filterWrap .filterSearch, body.series_list .filterWrap .filterSearch, body.campaign .filterWrap .filterSearch { position: relative;display: inline-block;top: 0 !important;right: 0 !important; } body.contact .filterWrap .filterSearch .advance-search-wrap { display: none;position: absolute;top: 28px;left: -1px;margin: 0;padding: 8px 16px;width: 190px;background: #fff;border: 1px solid #ddd;text-align: left;z-index: 100;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; } body.contact .filterWrap .filterSearch .advance-search-wrap a { display: block;font-size: 10px;color: #5d5d5d;text-decoration: none; } body.report .labels-filter-wrap { display: inline-block;} body.report .labels-filter-wrap .header-label { display: inline-block; vertical-align: middle; margin-right: var(--sp-300); font-weight: var(--fw-medium); } body.report .filterPipe, body.contact .filterTag, body.contact .filterList, body.contact .filterStatus, body.report .filterTag, body.report .filterList, body.report .filterCurrency { position: relative;display: inline-block;vertical-align: top; } body.report .filterPipe .ac_popover-menu.dropdown_menu { left: initial; right: 0; } body.report .filterPipe .ac_popover-menu.dropdown_menu:before, body.report .filterPipe .ac_popover-menu.dropdown_menu:after { left: initial; right: 12px; } body.report .filterCurrency .currencyLabel { display: inline-table; padding: 6px; font-weight: bold; } body.report .filterCurrency .selectdropdown a.dropdown_select { padding-right: 0; } body.report .filterCurrency span.icon.caret-bottom { padding-right: 10px; } /*-------------------------------------------------------------------------*\ Date range selector \*------------------------------------------------------------------------*/ body.report .filterRange .filterRangeBox { position: absolute;top: 42px;right: -17px;padding: 10px 20px;background: #fff;border: 1px solid #ddd;text-shadow: 0 1px 1px rgba(255, 255, 255, 1);-webkit-box-shadow: 0 5px 10px rgba(102, 102, 102, 0.4);-moz-box-shadow: 0 5px 10px rgba(102, 102, 102, 0.4);box-shadow: 0 5px 10px rgba(102, 102, 102, 0.4);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;z-index: 100; } body.report .filterRange .filterRangeBox:before { position: absolute;top: -10px;right: 22px;content: '';width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ddd transparent; } body.report .filterRange .filterRangeBox:after { position: absolute;top: -9px;right: 22px;content: '';width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent; } body.report .filterRange .filterRangeBox .ui-widget-content { padding: 0;border: 0 none;overflow: hidden; } body.report .filterRange .filterRangeBox > table { margin-bottom: 14px;border-bottom: 1px solid #ddd; } body.report .filterRange .filterRangeBox > table > tbody > tr > td { vertical-align: top; } body.report .filterRange .filterRangeBox > table > tbody > tr > td span[class^="date-value"] { display: inline-block; } body.report .filterRange .filterRangeBox input[type=text] { border: 1px solid #ddd !important;padding: 8px 5px !important;color: #505050; } body.report .filterRange .filterRangeBox input[type=button] { font-family: "IBM Plex Sans", Helvetica, sans-serif;margin: 0 0 10px;padding: 6px 13px;font-size: 14px;font-weight: 600;text-decoration: none;background-color: #F5F5F5;color: #5d5d5d !important;border: 1px solid #c0c0c0 !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;display: inline-block;color: #555;cursor: pointer !important;zoom: 1;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-shadow: none; } body.report .filterRange .filterRangeBox input[type=button]:hover { } body.report .filterRange .filterRangeBox input.apply { color: #FFF !important;background: #60CB98 !important;border: 1px solid #60CB98 !important; } body.report .filterRange .filterRangeBox input.apply:hover { background: #4cb985 !important; } body.report .filterRange .filterRangeBox .ui-widget-header { margin: 10px 0 0;background: #59AAD9;color: #fff;text-shadow: none;font-weight: 100;border: 0 none; } body.report .filterRange .filterRangeBox .ui-datepicker-header > a > span { padding: 0 !important;background: none !important;border: 0 none !important;color: #fff !important;box-shadow: none !important; } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar a { font-weight: 100;color: #666;text-shadow: none;border: 0 none;background: #E6E6E6;text-align: center; } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar .ui-datepicker-today a { background: #004F7C;color: #fff; } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar a.ui-state-hover { background: #004F7C;color: #fff;border: 0px none; } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar .ui-datepicker-unselectable { } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { background: #59AAD9;font-weight: 100;color: #fff;border: 0px solid transparent;box-sizing: border-box;text-align: center;text-shadow: none; } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled { opacity: 1;filter: Alpha(Opacity=100); } body.report .filterRange .filterRangeBox table.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled .ui-state-default { background: #004F7C;background: #0093CC; } body.report .filterRange .filterRangeBox .ui-datepicker-title > span { position: relative !important;display: inline-block;padding: 0 !important;width: auto;background: none !important;border: 0 none !important;color: #fff !important;box-shadow: none !important; } body.report .filterRange .filterRangeBox a.ui-datepicker-next, body.report .filterRange .filterRangeBox a.ui-datepicker-prev { top: 0 !important;cursor: pointer; } body.report .filterRange .filterRangeBox a.ui-datepicker-next-hover, body.report .filterRange .filterRangeBox a.ui-datepicker-prev-hover { top: 0 !important;background: 0 !important;border: 0 none !important; } body.report .filterRange .filterRangeBox a.ui-datepicker-prev::before, body.report .filterRange .filterRangeBox a.ui-datepicker-next::after { position: absolute;top: 9px !important;display: block;width: 50px;content: '\e86c';border-style: none;font-family: "ac-icons";color: #fff; } body.report .filterRange .filterRangeBox a.ui-datepicker-prev::before { left: -14px;top: -14px !important;-ms-transform: rotate(-270deg);-moz-transform: rotate(-270deg);-webkit-transform: rotate(-270deg); } body.report .filterRange .filterRangeBox a.ui-datepicker-next::after { right: -14px;top: 29px !important;-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg); } body.report .filterRange .filterRangeBox a.ui-corner-all > span { display: none !important; } /* Date range selector, modernized 2021 */ body.report .filterRange .filter-range-box--condor { background-color: white; border: 1px solid var(--slate-200); box-shadow: var(--shadow-100); padding: var(--sp-600) var(--sp-600) var(--sp-700); } body.report .filterRange .filter-range-box--condor .date-value-from { margin-left: 0; margin-right: var(--sp-200); } body.report .filterRange .filter-range-box--condor input[type=text] { background-color: white; border: 1px solid var(--slate-200) !important; border-radius: var(--radii-100); padding: var(--sp-300) var(--sp-400) !important; font-size: var(--fs-200); line-height: var(--lh-200); } body.report .filterRange .filter-range-box--condor input[type=text]:focus { border-color: var(--ocean-500) !important; box-shadow: 0 0 0 2px var(--slate-150); } body.report .filterRange .filter-range-box--condor .ui-widget-content { border: 1px solid var(--slate-200); border-radius: var(--radii-100); margin-top: var(--sp-400); width: auto; } body.report .filterRange .filter-range-box--condor .ui-widget-header { background-color: transparent; color: var(--slate-600); font-weight: var(--fw-normal); border-radius: 0; margin: 0; border-bottom: 1px solid var(--slate-200); padding: var(--sp-400) var(--sp-600); } body.report .filterRange .filter-range-box--condor .ui-datepicker-title { font-size: var(--fs-200); line-height: var(--lh-200); font-weight: var(--fw-medium); } body.report .filterRange .filter-range-box--condor .ui-datepicker-header > a > span, body.report .filterRange .filter-range-box--condor .ui-datepicker-title > span, body.report .filterRange .filter-range-box--condor a.ui-datepicker-prev::before, body.report .filterRange .filter-range-box--condor a.ui-datepicker-next::after { color: var(--slate-600) !important; } body.report .filterRange .filter-range-box--condor a.ui-datepicker-next, body.report .filterRange .filter-range-box--condor a.ui-datepicker-prev { top: var(--sp-300) !important; width: var(--sp-600); height: var(--sp-600); } body.report .filterRange .filter-range-box--condor a.ui-datepicker-next { right: var(--sp-600); } body.report .filterRange .filter-range-box--condor a.ui-datepicker-prev { left: var(--sp-600); } body.report .filterRange .filter-range-box--condor .ui-datepicker table { margin: 0; font-size: var(--fs-200); } body.report .filterRange .filter-range-box--condor .ui-datepicker thead tr { border-bottom: 1px solid var(--slate-200); } body.report .filterRange .filter-range-box--condor .ui-datepicker th { padding: var(--sp-100); } body.report .filterRange .filter-range-box--condor .ui-datepicker-calendar thead tr span { text-transform: uppercase; font-size: var(--fs-100); line-height: var(--lh-100); color: var(--slate-400); } body.report .filterRange .filter-range-box--condor .ui-datepicker td { padding: calc(var(--sp-400) / 2); } body.report .filterRange .filter-range-box--condor .ui-datepicker th:first-child, body.report .filterRange .filter-range-box--condor .ui-datepicker td:first-child { padding-left: var(--sp-500); } body.report .filterRange .filter-range-box--condor .ui-datepicker th:last-child, body.report .filterRange .filter-range-box--condor .ui-datepicker td:last-child { padding-right: var(--sp-500); } body.report .filterRange .filter-range-box--condor .ui-datepicker tbody tr:first-child td { padding-top: var(--sp-500); } body.report .filterRange .filter-range-box--condor .ui-datepicker tbody tr:last-child td { padding-bottom: var(--sp-500); } body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar a { font-size: var(--fs-200); line-height: var(--lh-200); color: var(--slate-400); font-weight: var(--fw-semi-bold); background-color: transparent; border-radius: var(--radii-100); padding: var(--sp-200); } body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar .ui-datepicker-today a { background-color: transparent; color: var(--slate-400); position: relative; } body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar .ui-datepicker-today a:after { content: ' '; width: 100%; height: 2px; background-color: var(--ocean-500); position: absolute; bottom: 0; left: 0; right: 0; } body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar a.ui-state-hover, body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar .ui-datepicker-today a:hover { background-color: var(--slate-200); color: var(--slate-400); } body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-active { background-color: var(--ocean-500); color: white; } body.report .filterRange .filter-range-box--condor table.ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-active:after { content: none; } body.report #reports-contents #deal-reports-funnel { padding-bottom: 23px; } /* Table cells */ body.report #campaign-list-table {margin-bottom:20px; min-width:800px; background:#fff;} /* Apply zebra stripes to even cells */ body.report #reports-contentstbody tr:nth-child(even), body.report #campaign-opens-items tr:nth-child(even), body.report #campaign-social-items tr:nth-child(even), body.report #campaign-links-items tr:nth-child(even), body.report #campaign-unsubscribes-items tr:nth-child(even), body.report #campaign-emailclients-items tr:nth-child(even), body.report #campaign-countries-items tr:nth-child(even) {background-color:#fcfcfc;} /* body.report #reports-contents tbody tr.campaign-list-row {filter:alpha(opacity=50); opacity:0.5;} body.report #reports-contents tbody tr.campaign-list-row.hovered {filter:alpha(opacity=100); opacity:1;} */ /* Filters */ .reports-list__search-input { top: 0; right: 0; } .reports-list__search-input input[type=text] { background-color: white !important; padding: var(--sp-300) var(--sp-400) var(--sp-300) var(--sp-900) !important; border: 1px solid var(--slate-200) !important; } .reports-list__search-input input[type=text]:focus { border-color: var(--ocean-500) !important; box-shadow: 0 0 0 2px var(--ocean-200); } input[type="button"].reports-list__hidden-search-btn { padding: 0 !important; margin: -1px !important; width: 1px !important; border-width: 0 !important; position: absolute !important; } .filterSearch .reports-list__clear-search-btn { width: var(--sp-400); height: var(--sp-400); padding: 0; margin: 0; background-color: transparent; border: none; opacity: 1; right: var(--sp-400); top: 50%; transform: translateY(-50%); } .filterSearch .reports-list__clear-search-btn svg { fill: var(--slate-400); width: 100%; height: 100%; vertical-align: top; } .reports-list__range-filter { position: relative; } .reports-list__range-filter label { font-weight: var(--fw-medium); margin-right: var(--sp-300); margin-left: var(--sp-400); } .reports-list__range-filter__trigger { background-color: white; border: 1px solid var(--slate-200); border-radius: var(--radii-100); padding: var(--sp-300) var(--sp-900) var(--sp-300) var(--sp-400); text-align: left; font-size: var(--fs-200); line-height: var(--lh-200); position: relative; font-weight: var(--fw-regular); } .icon.reports-list__range-filter__dropdown-caret { position: absolute; width: var(--sp-300); height: var(--sp-300); right: var(--sp-400); top: 50%; transform: translateY(-50%); } .icon.reports-list__range-filter__dropdown-caret svg { width: var(--sp-300); height: var(--sp-300); top: 0; vertical-align: top; } .reports-list__range-filter__trigger:focus { border-color: var(--ocean-500); box-shadow: 0 0 0 2px var(--ocean-200); } .reports-list__select-filter {} .reports-list__select-filter label { display: inline-block; vertical-align: middle; font-weight: var(--fw-medium); margin-right: var(--sp-300); margin-left: var(--sp-400); } .reports-list__select-filter .selectdropdown { vertical-align: middle; } .reports-list__select-filter .selectdropdown a.dropdown_select { padding-top: var(--sp-300); padding-bottom: var(--sp-300); padding-left: var(--sp-400); padding-right: 0px !important; } body.report .reports-list__select-filter .selectdropdown a.dropdown_select.active { color: var(--slate-600); border-bottom: 1px solid var(--ocean-500); } .reports-list__select-filter .ac_popover .popover-trigger > span:first-of-type { width: var(--sp-300); height: var(--sp-300); padding-right: var(--sp-400); margin-left: var(--sp-400); vertical-align: middle; } .reports-list__select-filter .ac_popover .popover-trigger > span:first-of-type svg { width: var(--sp-300); height: var(--sp-300); top: 0; vertical-align: top; } .reports-list__select-filter .selectdropdown a.dropdown_select:hover, .reports-list__select-filter .selectdropdown a.dropdown_select:active { background-color: white; color: inherit; } .reports-list__select-filter .filterList .selectdropdown > a:active { color: inherit; } .reports-list__mpp-opens-filter { padding: 8px 12px 8px 32px; } .reports-list__mpp-opens-filter .camp-checkbox.label-clickable { display: flex; flex-direction: row; align-items: center; } .reports-list__mpp-opens-filter label { color: var(--slate-600); font-size: var(--fs-200); line-height: var(--lh-200); font-weight: var(--fw-medium); } #ecom-overview .reports-list__mpp-opens-filter { padding: 8px 12px; } .reports-list__include-bots-filter { padding: 8px 12px 8px 32px; } .reports-list__include-bots-filter .camp-checkbox.label-clickable { display: flex; flex-direction: row; align-items: center; } .reports-list__include-bots-filter label { color: var(--slate-600); font-size: var(--fs-200); line-height: var(--lh-200); font-weight: var(--fw-medium); } body.report #reports-contents tbody tr.campaign-list-row.greyedout, body.report #reports-contents tbody tr.contact-clienttrend-row.greyedout {filter:alpha(opacity=50); opacity:0.5;} body.report #reports-contents .maps {position:relative;} body.report #reports-contents thead th {padding:10px 12px; font-weight:100; border-bottom:1px solid #ddd;} body.report #reports-contents tbody td {padding:12px; font-weight:100; border-bottom:1px solid #ddd;} body.report #reports-contents tbody td > div[class$="-container"] {position:relative;} body.report #reports-contents thead th {background:#ececec; color:#555;} body.report #reports-contents td[class$="-screenshot"] {position:relative; width:164px; min-width:164px; max-width:164px; padding-left:0; padding-bottom:0; padding-top:0; background: url('../images/default-campaign.png');background-size: cover; vertical-align:top;} body.report #reports-contents td[class$="-title"] {position:relative; min-width:242px; overflow:visible; vertical-align:top;} /* Table cell within overview report page */ body.report #reports-contents .panel.summary td[class$="-title"] {vertical-align:middle;} body.report #reports-contents td[class$="-title"] div.campaign-title-wrap, body.report #reports-contents td[class$="-title"] div.series-title-wrap {position:relative; display:table;} body.report #reports-contents td[class$="-title"] div.campaign-title-wrap > a, body.report #reports-contents td[class$="-title"] div.series-title-wrap > a {display:inline; color:#333;} /* SMS table in Series Reports */ body.report #reports-contents #series-sms-list-table #series-sms-list-items td.sms-title {} body.report #reports-contents .report-sms-reply-source, body.report #reports-contents .report-reply-source {cursor:pointer;} /* Folder icon in report titles */ body.report #reports-contents td[class$="-title"] .folder {position:absolute; display:inline-block; top:0; right:-26px; z-index:100;} body.report #reports-contents td[class$="-title"] .folder > a {position:relative; display:block; padding:2px 1px 0; width:18px; height:18px; background-position:top center; background-repeat:no-repeat; background-size:18px; text-indent:-999px; overflow:hidden; white-space:nowrap; text-decoration:none;} body.report #reports-contents td[class$="-title"] .folder.empty > a {background-image:url('../images/report_campaign_folder_icon_empty.png');} body.report #reports-contents td[class$="-title"] .folder.full > a {background-image:url('../images/report_campaign_folder_icon_full.png');} body.report #reports-contents td[class$="-title"] .folder > a.foldershown {top:-1px; left:3px; padding:4px 3px 0; height:15px; color:#666; border:1px solid #e0e0e0; border-bottom:1px solid rgba(0, 0, 0, 0); background-color:#fff; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; z-index:510;} /* Folder drop down in report titles */ body.report #reports-contents td[class$="-title"] .folder ul.folders {position:absolute; top:19px; left:3px; padding:0; min-width:150px; max-height:158px; border:1px solid #e0e0e0; background-color:#fff; overflow:hidden; overflow-y:auto; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius:3px; -webkit-border-top-left-radius:0; -moz-border-radius:3px; -moz-border-radius-topleft:0; border-radius:3px; border-top-left-radius:0; z-index:500;} body.report #reports-contents td[class$="-title"] .folder ul.folders > li {position:relative;} body.report #reports-contents td[class$="-title"] .folder ul.folders > li label {display:block; padding:8px; font-size:12px; border-bottom:1px solid #e0e0e0; cursor:pointer;} body.report #reports-contents td[class$="-title"] .folder ul.folders > li label:hover {background-color:#f0f0f0;} body.report #reports-contents td[class$="-contacts"], body.report #reports-contents td[class$="-sent"] {width:30px; min-width:30px; max-width:30px;} /* Extend contact, sent column when in a folder view */ body.report #reports-contents #folder-listitems td[class$="-contacts"], body.report #reports-contents #folder-listitems td[class$="-sent"] {width:50px; min-width:50px; max-width:50px;} body.report #reports-contents td[class$="-graphs"] {padding-top:2px; width:210px; min-width:210px; max-width:210px;} body.report #reports-contents #campaign-list-table td[class$="-graphs"], body.report #reports-contents #campaign-list-items td[class$="-graphs"] {width:220px; min-width:220px; max-width:220px;} body.report #reports-contents td[class$="-interactions"] {width:170px; min-width:170px; max-width:170px; padding-right:0;} body.report #reports-contents td[class$="-screenshot"] .screenshot-container { position: relative; } body.report #reports-contents td[class$="-screenshot"] .screenshot-container .imgwrap { position: absolute;top: 14px;z-index: 1;height: 66px;border: 1px solid #ddd;overflow: hidden; } body.report #reports-contents td[class$="-screenshot"] .screenshot-container .imgwrap:hover { z-index: 1000 !important; } body.report #reports-contents td[class$="-screenshot"] .screenshot-container .imgwrap img { cursor: pointer; } body.report #reports-contents td[class$="-screenshot"] > img { position: relative;display: block;top: 14px;width: 160px;height: 66px;z-index: 1;border: 1px solid #ddd;cursor: pointer; } body.report #reports-contents td div[class$="-container"] > a {display:inline-block; margin-bottom:5px; font-size:15px; color:#000; font-weight:100; box-sizing:border-box; text-decoration:none;} body.report #reports-contents td div[class$="-container"] > a:hover {text-decoration:underline;} body.report #reports-contents td div[class$="descript-wrap"] {position:relative; margin-top:6px; display:block; width:auto; height:32px; color:#b9b9b9; font-size:12px; font-weight:100; overflow:hidden;} /* Applied a white faded effect at the bottom of this paragraph content */ body.report #reports-contents td div[class$="descript-wrap"]:before, body.report #reports-contents td div[class$="descript-wrap"]:after {position:absolute; content:''; left:0; bottom:-22px; width:100%; height:30px; opacity:100; z-index:10; background:-moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background:linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);} body.report #reports-contents td[class$="-interactions"] {overflow:hidden;} body.report #reports-contents td[class$="-interactions"] .avatars {position:relative; width:106%; margin:0 -2px; height:55px; overflow:hidden;} body.report #reports-contents td[class$="-interactions"] .avatars > a {display:block; float:left; width:25px; height:25px; margin:0 2px 4px;} body.report #reports-contents .campaign-reports-message { margin-bottom: 50px;padding: 12px;border: 1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #fafafa; } body.report #reports-contents .campaign-reports-message:last-child { margin-bottom: 0; } body.report #reports-contents .campaign-reports-message h3 { position: relative;margin-bottom: 20px;padding: 8px 0 20px;font-size: 17px;border-bottom: 3px solid #eee;text-align: center; } body.report #reports-contents .campaign-reports-message .webcopy-icon { display: inline-block;background-color: #1B88B5;padding: 0 3px;width: 24px;height: 24px;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } body.report #reports-contents .campaign-reports-message .webcopy-icon .ac-icon-globe { display: block; } body.report #reports-contents .campaign-reports-message .webcopy-icon .ac-icon-globe:before { position: relative;top: 2px;left: 0;margin: 0;padding: 0;font-size: 20px;width: initial;color: #FFFFFF; } body.report .compare-list-header, body.report .sms-compare, body.report .campaign-compare {display:none;} body.report #series-campaign-list-compare, body.report #sms-list-compare, body.report #series-list-compare, body.report #campaign-list-compare {float:left; display:inline-block;} body.report .compare-list-header input.greybtn, body.report #campaign-list-compare input.greybtn, body.report #series-sms-list-compare input.greybtn, body.report #sms-list-compare input.greybtn, body.report #series-campaign-list-compare input.greybtn {padding:5px 6px; font-size:11px; background:#fefefe!important; color:#cecece!important; text-shadow:none!important; border:1px solid #ddd!important; font-weight:100; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} body.report .compare-list-header input.greenbtn, body.report #campaign-list-compare input.greenbtn, body.report #sms-list-compare input.greenbtn, body.report #series-campaign-list-compare input.greenbtn {padding:5px 6px; font-size:11px; color:#fff!important; webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer;} /* When allowing compare */ body.report table.allow-compare .compare-list-header, body.report table.allow-compare .series-compare, body.report table.allow-compare .sms-compare, body.report table.allow-compare .campaign-compare {display:table-cell; width:100px; min-width:100px; max-width:100px;} body.report table.allow-compare .compare-list-header input[type="checkbox"], body.report table.allow-compare .series-compare input[type="checkbox"], body.report table.allow-compare .sms-compare input[type="checkbox"], body.report table.allow-compare .campaign-compare input[type="checkbox"] {position:relative; top:5px; left:22px;} /* Hiding compare on series page for now */ /* campaigns */ body.report #series-campaign-list-compare, body.report #series-campaign-list-table .campaign-compare, body.report #series-campaign-list-table .compare-list-header, body.report #series-sms-list-compare, body.report #series-sms-list-table .sms-compare, body.report #series-sms-list-table .compare-list-header {display:none;} body.report #series-sms-list-items .sms-title {min-width:422px!important;} /* sms global list */ body.report #sms-list-compare, body.report #sms-list-table .sms-compare, body.report #sms-list-table .compare-list-header {display:none;} /* Single campaign top nav options */ body.report .campaignOptionsWrap { display: flex; align-items: center; justify-content: flex-end; } body.report .campaignOptionsWrap > div {margin-left:16px; display:inline-block; font-size:12px; color:#ccc; font-weight:100; cursor:pointer; vertical-align: middle;} body.report .campaignOptionsWrap > div span:hover {text-decoration:underline; color:#555;} body.report .campaignOptionsWrap > div.print span, body.report .campaignOptionsWrap > div.resend span, body.report .campaignOptionsWrap > div.share span {display:block; padding-left:25px; background:url('../images/report_campaign_options.png') no-repeat;} body.report .campaignOptionsWrap > div.print span {background-position:0 -4px;} body.report .campaignOptionsWrap > div.resend span {background-position:0 -33px;} body.report .campaignOptionsWrap > div.share span {background-position:0 -63px;} body.report .campaignOptionsWrap .dropdown_select {margin-right:12px; color:#ccc; text-decoration:none;} body.report .campaignOptionsWrap .split .dropdown_select { margin-right: 0px; color: #505050; } body.report .campaignOptionsWrap .dropdown_select:hover {color:#555;} body.report .campaignOptionsWrap .dropdown_select::after {position:relative; top:9px; margin-left:9px; content:''; width:0; height:0; border-style:solid; border-width:5px 4px 0 4px; border-color:#d4d4d4 transparent transparent transparent;} body.report .campaignOptionsWrap .split .dropdown_select::after {display:none;} /* Single series top nav options */ body.report .seriesOptionsWrap { display:inline-block; vertical-align: middle; } body.report .seriesOptionsWrap > div {margin-left:16px; display:inline-block; font-size:12px; color:#ccc; font-weight:100; cursor:pointer;} body.report .seriesOptionsWrap > div span:hover {text-decoration:underline; color:#555;} body.report .seriesOptionsWrap > div.print span, body.report .seriesOptionsWrap > div.copy span {display:block; padding-left:25px; background:url('../images/report_campaign_options.png') no-repeat;} body.report .seriesOptionsWrap > div.print span {background-position:0 -4px;} body.report .seriesOptionsWrap > div.copy span {background-position:0 -33px;} /* Single sms top nav options */ body.report .smsOptionsWrap { display:inline-block; vertical-align: middle; } body.report .smsOptionsWrap > div {margin-left:16px; display:inline-block; font-size:12px; color:#ccc; font-weight:100; cursor:pointer;} body.report .smsOptionsWrap > div span:hover {text-decoration:underline; color:#555;} body.report .smsOptionsWrap > div.print span, body.report .smsOptionsWrap > div.copy span {display:block; padding-left:25px; background:url('../images/report_campaign_options.png') no-repeat;} body.report .smsOptionsWrap > div.print span {background-position:0 -4px;} body.report .smsOptionsWrap > div.copy span {background-position:0 -33px;} /* Single folder top nav options */ body.report .folderOptionsWrap { display:inline-block; vertical-align: middle;} body.report .folderOptionsWrap > div {margin-left:16px; display:inline-block; font-size:12px; color:#ccc; font-weight:100; cursor:pointer;} body.report .folderOptionsWrap > div span:hover {text-decoration:underline; color:#555;} body.report .folderOptionsWrap > div.print span, body.report .folderOptionsWrap > div.copy span {display:block; padding-left:25px; background:url('../images/report_campaign_options.png') no-repeat;} body.report .folderOptionsWrap > div.print span {background-position:0 -4px;} body.report .folderOptionsWrap > div.copy span {background-position:0 -33px;} /* Single campaign report overview */ body.report .reports-section .chartsWrap {position:relative; width:100%; overflow:hidden; z-index: 1} body.report .reports-section .chartsWrap .sentWrap {position:relative; top:17px; float:right; width:auto; color:#aeaeae; font-weight:100;} body.report .reports-section .chartsWrap .sentWrap .moreinfo {cursor:pointer;} body.report .reports-section .chartsWrap .sentWrap .moreinfo:hover {text-decoration:underline;} body.report .reports-section .mapsWrap .maps .map {height:500px; position: relative !important;} /* Modal for add/edit/delete folder */ #folderDeleteModal .modal-body fieldset, #folderEditModal .modal-body fieldset, #folderAddModal .modal-body fieldset {margin:0; padding-right:16px;} #folderEditModal .campaignfolder p, #folderAddModal .campaignfolder p {margin:0; color:#a0a0a0; font-weight:100;} #folderEditModal .campaignfolder:first-of-type, #folderAddModal .campaignfolder:first-of-type {margin-bottom:20px;} #folderDeleteModal .campaignfolder {position:relative; padding:12px; background-color:#ffeded; border:1px solid #f5d6d6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} #folderDeleteModal .campaignfolder .alert_icon {float:left; margin-right:12px; padding:12px; width:26px; height:26px; background-color:#cc0000; background-image:url('../images/notify_alert_stop.png'); background-repeat:no-repeat; background-position:50%; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} #folderDeleteModal .campaignfolder p {margin-bottom:0; margin-left:68px; color:#cc0000;} #folderDeleteModal .campaignfolder p:first-of-type {margin-top:8px;} /* Bar graph */ body.report .reports-section .graphtitle {position:relative; top:2px; float:left; display:inline-block; width:100px; font-size:12px; font-weight:100; color:#8c8c8c; text-align:right;} body.report .reports-section #campaign-list-table .graphtitle {width:60px;} body.report .reports-section .series-graph-interact, body.report .reports-section .series-graph-complete, body.report .reports-section .sms-graph-unsub, body.report .reports-section .sms-graph-reply, body.report .reports-section .campaign-graph-click, body.report .reports-section .campaign-graph-open {margin-left:110px; height:18px; line-height:18px; width:100px; background-color:#d6eaf2;} body.report .reports-section #campaign-list-table .series-graph-interact, body.report .reports-section #campaign-list-table .series-graph-complete, body.report .reports-section #campaign-list-table .sms-graph-unsub, body.report .reports-section #campaign-list-table .sms-graph-reply, body.report .reports-section #campaign-list-table .campaign-graph-click, body.report .reports-section #campaign-list-table .campaign-graph-open {margin-left:70px; width:150px;} body.report .reports-section .series-graph-interact, body.report .reports-section .sms-graph-reply, body.report .reports-section .campaign-graph-open {margin-bottom:8px;} body.report .reports-section .campaign-graph-countries-inner, body.report .reports-section .campaign-graph-states-inner, body.report .reports-section .campaign-graph-cities-inner, body.report .reports-section .campaign-graph-emailclients-inner, body.report .reports-section .campaign-graph-click-inner, body.report .reports-section .series-graph-interact-inner, body.report .reports-section .series-graph-complete-inner, body.report .reports-section .sms-graph-reply-inner, body.report .reports-section .sms-graph-unsub-inner, body.report .reports-section .contact-graph-clienttrend-inner, body.report .reports-section .contact-graph-opentrend-inner, body.report .reports-section .campaign-graph-open-inner {height:18px; background-color:#5aa5c0;} body.report .reports-section .series-graph-interact-inner.nottracked, body.report .reports-section .sms-graph-reply-inner.nottracked, body.report .reports-section .sms-graph-unsub-inner.nottracked, body.report .reports-section .campaign-graph-click-inner.nottracked, body.report .reports-section .campaign-graph-open-inner.nottracked {background-color:#eaeaea; text-align: center; font-style:italic; color:#aaa; font-size:80%;} body.report .reports-section #campaign-countries-table .namecol a {position:relative; display:inline-block;} body.report .reports-section #campaign-countries-table .graphtitle {top:-7px; width:auto;} body.report .reports-section #campaign-countries-table .campaign-graph-countries {height:18px; width:auto; background-color:#d6eaf2;} body.report .reports-section #campaign-states-table .campaign-graph-states, body.report .reports-section #campaign-cities-table .campaign-graph-cities {height:18px; width:auto; background-color:#d6eaf2;} body.report .reports-section #contact-clienttrend-table .contact-graph-clienttrend, body.report .reports-section #contact-opentrend-table-week .contact-graph-opentrend, body.report .reports-section #contact-opentrend-table-hour .contact-graph-opentrend, body.report .reports-section #campaign-emailclients-table .campaign-graph-emailclients {position:relative; height:18px; width:auto; background-color:#d6eaf2;} body.report .reports-section .panelsWrap {position:relative; display:table; width:100%; height:100%; margin:20px 0 0;} body.report .reports-section .panelsWrap .panel {position:relative; display:table-cell; width:33%; min-width:210px; height:100%;} body.report .reports-section .panelsWrap .panel > div:not(.tooltip-container) {position:relative; height:100%; background:#f9f9f9; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:hidden;} body.report .reports-section .panelsWrap .panel .panel-body-chart {position:relative!important; overflow:hidden;} body.report .reports-section .panelsWrap .panel .tooltip-container { position: absolute; z-index: 2; right: 18px; top: -130px;} body.report .reports-section .panelsWrap .panel .panel-title {position:relative; padding:10px 13px; background:#fff; border-bottom:1px solid #ddd; color:#505050; font-weight:100; text-transform:uppercase; -webkit-box-shadow:0 1px 3px rgba(50, 50, 50, 0.1); -moz-box-shadow:0 1px 3px rgba(50, 50, 50, 0.1); box-shadow:0 1px 3px rgba(50, 50, 50, 0.1); z-index:1;} body.report .reports-section .panelsWrap .panel .panel-body {position:relative; padding:10px 13px; height:188px; background: #f9f9f9; -webkit-box-shadow: inset 0px 0px 22px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 22px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 22px 2px rgba(0, 0, 0, 0.1);} body.report .reports-section .panelsWrap .panel.newcontacts > div {margin:0 20px;} #contact-reports-trends .panel {text-align: center;} body.report .reports-section .panelsWrap .panel.trend-summary {color: #999999;} body.report .reports-section .panelsWrap .panel h1 {color: #666; font-size: 55px; font-weight: 400; margin-top: 40px} body.report .reports-section .panelsWrap .trend-summary{ color:#999; } body.report .reports-section .panelsWrap .panel.summary .panel-body.scroll {overflow:hidden; overflow-y:auto!important;} body.report .reports-section .panelsWrap .panel.summary > div {margin:0 20px;} body.report .reports-section .panelsWrap .panel.summary table {} body.report .reports-section .panelsWrap .panel.summary .panel-title-contacts, body.report .reports-section .panelsWrap .panel.summary .panel-title-sentto {position:absolute; top:10px; right:13px; font-size:12px; color:#aeaeae; text-transform:none;} body.report .reports-section .panelsWrap .panel.summary td {padding:8px 0!important;} body.report .reports-section .panelsWrap .panel.summary tr:last-child {border-bottom:0 none!important;} body.report .reports-section .panelsWrap .panel.summary td.panel-summary-title {width:96px!important; min-width:96px!important; max-width:96px!important; padding-right:10px!important; text-align:right; font-size:12px; color:#505050;} body.report .reports-section .panelsWrap .panel.summary div.panel-summary-graph {position:relative; background:#d1d1d1; height:20px; overflow:hidden;} body.report .reports-section .panelsWrap .panel.summary div.panel-summary-graph div.panel-summary-bar {position:relative; display:inline-block; background:#5aa5c0; height:20px; overflow:hidden;} /*body.report .reports-section .panelsWrap .panel.summary div.panel-summary-graph span.panel-summary-percentage {position:relative; top:-6px; display:inline-block; font-size:12px; font-weight:100; color:#fff; text-align:right;}*/ body.report .reports-section .panelsWrap .panel.summary div.panel-summary-graph span.panel-summary-percentage {position:absolute; top:3px; right:4px; display:inline-block; font-size:12px; font-weight:100; color:#fff; text-align:right;} body.report .reports-section .panelsWrap .panel.activity .panel-body {overflow:hidden; overflow-y:auto;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row {margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #f0f0f0; font-weight:100; display:block; text-decoration:none;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0 none;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row > img {float:left; height:25px;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row > div {display:block; color:#d4d4d4; font-size:12px; margin-left:35px;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row .activity-title {display:block; margin-bottom:2px; font-size:14px; color:#505050;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row .activity-timeago, body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row .activity-geoloc {display:inline-block;} body.report .reports-section .panelsWrap .panel.activity .panel-body .activity-row .activity-geoloc {margin-left:5px;} body.report .reports-section .panel-body .avatars-norows-message, body.report .reports-section .panel-body .engagement-norows-message, body.report .reports-section .panel-body .activity-norows-message {text-align:center; line-height:180px; color:#a5a5a5; font-weight:100;} body.report .reports-section .button_group {margin:16px 0 8px; display:inline-block;} body.report .reports-section .button_group .btn {position:relative; margin:0 0 0 -5px!important; padding:13px!important; display:inline-block; font-size:12px!important; font-weight:100!important; line-height:12px!important; color:#aeaeae!important; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6)!important; background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6)!important; background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6)!important; background-repeat:repeat-x; border:1px solid #ddd!important; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0)!important; filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1)!important; text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0)!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important;} body.report .reports-section .button_group .btn:first-child {margin-left:0!important; border-right:none; -webkit-border-bottom-left-radius:4px!important; border-bottom-left-radius:4px!important; -webkit-border-top-left-radius:4px; border-top-left-radius:4px!important; -moz-border-radius-bottomleft:4px!important; -moz-border-radius-topleft:4px!important;} body.report .reports-section .button_group .btn:last-child, body.report .reports-section .button_group .btn.last {-webkit-border-top-right-radius:4px!important; border-top-right-radius:4px!important; -webkit-border-bottom-right-radius:4px!important; border-bottom-right-radius:4px!important; -moz-border-radius-topright:4px!important; -moz-border-radius-bottomright:4px!important;} body.report .reports-section .button_group .btn:active, body.report .reports-section .button_group .btn.active {top:0; color:#505050!important; background:#f0f0f0!important; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important;} body.report .reports-section .charts {position:relative; background:#fff; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} body.report .reports-section .charts .chart {height:277px; padding-right: 15px;} body.report .reports-section .charts h1.chartWarning {color: #666; font-size: 14px; font-weight: normal; padding-top: 125px; text-align: center;} body.report .reports-section .charts .panel-body-chart {height:200px;} body.report .reports-section .chartsWrap .chartsTypes a {padding:5px 8px!important;} body.report .reports-section .chartsWrap .chartsTypes a span {display:block; width:40px; height:20px; background:url('../images/report_campaign_charttypes.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;} body.report .reports-section .chartsWrap .chartsTypes a[data-type=line] span {background-position:0 0;} body.report .reports-section .chartsWrap .chartsTypes a[data-type=bar] span {background-position:0 -30px;} body.report .reports-section .chartsWrap .chartsTypes a[data-type=pie] span {background-position:0 -60px;} body.report .reports-section .chartsWrap .chartsTypes a.active span {background:url('../images/report_campaign_charttypes_active.png') no-repeat;} body.report .reports-section .chartsWrap .chartsTypes a[data-type=line].active span {background-position:0 0;} body.report .reports-section .chartsWrap .chartsTypes a[data-type=bar].active span {background-position:0 -30px;} body.report .reports-section .chartsWrap .chartsTypes a[data-type=pie].active span {background-position:0 -60px;} body.report .reports-section .emptylist, body.report .reports-section .emptysearch {padding-top:50px; min-height:200px; font-size:21px; text-align:center;} body.report .reports-section table {margin:0 0 20px;} body.report .reports-section thead {background:#ececec;} body.report .reports-section th {padding:10px 12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} body.report .reports-section tr {border-bottom:1px solid #ddd;} body.report .reports-section td {position:relative; padding:12px; font-size:14px; border-bottom:1px solid #ddd;} body.report .reports-section .contacts-totals tr, body.report .reports-section .contacts-totals td {border-bottom:0 none!important;} /* * Style for sorting in the table header */ body.report .reports-section th .sorter, #series-reports-overview .campaignsWrap #series-campaign-list-table th a.sorter-revenue { position:relative; } body.report .reports-section th .sorter.active:after, body.report .reports-section th .sorter.active.asc:after, #series-reports-overview .campaignsWrap #series-campaign-list-table th a.sorter-revenue.asc:after { position:absolute; top:2px; right:-15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #333 transparent transparent; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); } body.report .reports-section th .sorter.active.desc:after {-webkit-transform:rotate(-90deg);} #series-reports-overview .campaignsWrap #series-campaign-list-table th a.sorter-revenue.desc:after { position:absolute; top:2px; right:-15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #333 transparent transparent; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(-90deg); } body.report .reports-section th .sorterleft {position:relative;} body.report .reports-section th .sorterleft.active:after, body.report .reports-section th .sorterleft.active.asc:after {position:absolute; top:2px; left:-15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #333 transparent transparent; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);} body.report .reports-section th .sorterleft.active.desc:after {-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);} body.report .reports-section td.iconcol, body.report .reports-section td.links-favicon {padding-right:14px; max-width:35px;} body.report .reports-section td.folder-icon, body.report .reports-section td.iconcol, body.report .reports-section td.emailclients-icon {width:16px; min-width:16px; max-width:16px;} /* Set wider width for social column in Social view page */ body.report .reports-section #campaign-social-items td.iconcol {width:40px; min-width:40px; max-width:40px;} body.report .reports-section td.social-screenshot {padding-right:35px;} body.report .reports-section td.links-name, body.report .reports-section td.clientcol, body.report .reports-section td.namecol, body.report .reports-section td.emailcol {padding-left:0; vertical-align:middle;} body.report .reports-section td.namecol a, body.report .reports-section td.emailcol a {text-decoration:none; color:#000;} body.report .reports-section td.emailcol span.report-reply-source {text-decoration:underline; cursor:pointer;} body.report .reports-section td.emailcol span.report-reply-source:hover {text-decoration:none;} body.report .reports-section td.timescol {width:75%; padding-right:0!important;} body.report .reports-section td.owners-screenshot img {-moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} /* Set smaller width for Times column in email client view page */ body.report .reports-section .opens-times.timescol, body.report .reports-section .clicks-times.timescol, body.report .reports-section [class^="emailclients_contacts"].timescol, body.report .reports-section [class^="clienttrend_contacts"].timescol {width:10%; padding-right:12px!important;} body.report .reports-section td.datecol {width:20%;} body.report .reports-section .series-report-list-filter, body.report .reports-section .contact-report-list-filter, body.report .reports-section .social-report-list-filter, body.report .reports-section .sms-report-list-filter, body.report .reports-section .folder-report-list-filter, body.report .reports-section .campaign-report-list-filter {position:relative; padding:10px; background:#f7f7f7; height:32px;} body.report .reports-section .series-report-list-filter .dropdown_menu, body.report .reports-section .contact-report-list-filter .dropdown_menu, body.report .reports-section .social-report-list-filter .dropdown_menu, body.report .reports-section .sms-report-list-filter .dropdown_menu, body.report .reports-section .folder-report-list-filter .dropdown_menu, body.report .reports-section .campaign-report-list-filter .dropdown_menu {min-width:210px;} body.report .reports-section .series-report-list-filter .filterSearch, body.report .reports-section .contact-report-list-filter .filterSearch, body.report .reports-section .social-report-list-filter .filterSearch, body.report .reports-section .sms-report-list-filter .filterSearch, body.report .reports-section .folder-report-list-filter .filterSearch, body.report .reports-section .campaign-report-list-filter .filterSearch {top:10px; right:10px; background:#fff;} body.report .reports-section .campaign-links-row.deleted, body.report .reports-section .campaign-links-row.nottracked { opacity: .7; } body.report .reports-section .campaign-links-row.deleted .message, body.report .reports-section .campaign-links-row.nottracked .message { padding-left: 10px; } body.report .reports-section .filterDistance {} body.report .reports-section .filterDistance input[type="button"] {padding:8px 12px; font-size:12px; border:1px solid #ddd!important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;} body.report .reports-section .filterDistance input[type="button"]:hover {border:1px solid #cecece!important; background-color:#f3f3f3!important;} body.report .reports-section .filterDistance .distance-input, body.report .reports-section .filterDistance .location-input {padding:7px; font-size:14px; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} body.report .reports-section .filterDistance .distance-input {width:35px;} body.report .reports-section .filterDistance .location-input {width:180px;} body.report .reports-section .filterDistance .selectdropdown {position:relative; top:-1px; margin-right:6px;} body.report .reports-section .filterDistance .selectdropdown .dropdown_select {padding:8px 10px;} body.report .reports-section .filterDistance .selectdropdown .dropdown_menu {top:29px;} body.report .reports-section tbody#contact-nearby-items {} body.report .reports-section tbody#contact-nearby-items .iconcol {width:16px;} body.report .reports-section tbody#contact-nearby-items [class$="-screenshot-container"] {width:35px;} body.report .reports-section tbody#contact-nearby-items .iconcol img {-moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} body.report .reports-section tbody#contact-nearby-items .geocol {width:20%;} body.report .reports-section tbody#contact-nearby-items .timescol {width:10%;} /** * Apply left when filter is aligned left of the search box. ie, /report/#/campaign/nn/opens **/ body.report .reports-section [class$="-list-filter"] .selectdropdown {position:relative; display:inline-block;} body.report .reports-section [class$="-list-filter"] .dropdown_menu {left:0; -moz-border-top-left-radius:0; -webkit-border-top-left-radius:0; border-top-left-radius:0;} body.report .reports-section .blocksWrap {position:relative; padding-top:8px; height:33px; overflow:hidden;} body.report .reports-section .blocksWrap:before, body.report .reports-section .blocksWrap:after {position:absolute; content:''; right:-20px; top:-10px; width:100px; height:100px; opacity:100; z-index:100; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } body.report .reports-section .blocksWrap .blocks {left:12px;} body.report .reports-section .campaignsWrap {position:relative; padding:20px 0;} body.report .reports-section .campaignsWrap .campaigns {display:table;} body.report .reports-section .campaignsWrap .seriescampaign {position:relative; display:table-cell; overflow:hidden; border:1px solid #ddd; text-align:center;} /**** body.report #series-reports-overview {display:table; width:100%;} body.report #series-reports-overview > div {display:table-cell;} body.report #series-reports-overview > div:not(:last-child):after {content:' '; margin-right:20px;} ***/ body.report .reports-section .filterTag {position:absolute; margin-right:10px; right:232px;} body.report .reports-section .filterTag .dropdown_select {padding:10px 12px 9px;} body.report .reports-section .emailclients-list-filter .filterTag {right:10px;} body.report .reports-section div[class$='-totals'] {margin:20px 0; padding:0; background-color:#ebf8ff; color:#555; border:1px solid #c1dae7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} body.report .reports-section div[class$='-totals'] table {width:100%; margin-bottom:0;} body.report .reports-section div[class$='-totals'] table tr, body.report .reports-section div[class$='-totals'] table td {border:0 none!important;} /* Report campaign total */ body.report .reports-section div[class$='-totals'] table td {position:relative; padding:0px!important} body.report .reports-section div[class$='-totals'] table td.spacer div {width:100%; height:100%; border-left:1px solid #c1dae7;} body.report .reports-section div[class$='-totals'] table td div.total_data span:first-child {font-size:19px; letter-spacing:-1px;} body.report .reports-section div[class$='-totals'] table td div.total_data span.data_text {font-size:17px; color:#555; line-height:21px; letter-spacing:0; font-weight:100;} body.report .reports-section div[class$='-totals'] table td.totals-cell {padding:20px!important;} body.report .reports-section div[class$='-totals'] table td.totals-cell span {display:block; margin:5px 0;} body.report .reports-section div[class$='-totals'] table td.totals-cell div.total_number {padding-left:20px; min-width:50px; text-align:right; line-height:70px; font-size:55px; font-weight:400; color:#499CCD; letter-spacing:-1px;} body.report .reports-section div[class$='-totals'] table td.totals-cell div.total_data {padding:15px 0 15px 25px; border-left:3px solid #c1dae7;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single {padding:20px!important;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single > div {position:relative; width:100%;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single > div:nth-child(2) {margin:5px 0;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single > div:after {content:''; display:table; width:100%; height:0; line-height:0; visibility:hidden;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single > div > div {display:inline-block; font-size:14px;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single > div > div.total_number {padding:5px 12px; font-size:14px; color:#FFFFFF; font-weight:400; background-color:#499CCD; border-radius:5px;} body.report .reports-section div[class$='-totals'] table td.totals-cell-single > div > div span.data_text {font-size:14px; color:#999;} /* No results bar */ body.report .reports-section .opens-list [id$="-emptysearch"], body.report .reports-section .opens-list [id$="-emptylist"], body.report .reports-section .nearby-list [id$="-emptylist"] {margin:20px 0!important;} /* Report message section */ body.report #reports-contents div[class^='campaign-message-body'] {margin:10px 0; border:1px solid #ddd; background-color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} body.report #reports-contents div.campaign-message-body-text {margin-bottom:0;} body.report #reports-contents iframe {border:0px; margin:0; padding:0; width:100%;} body.report #reports-contents div.showtext, body.report #reports-contents span.campaign-message-options {display:inline-block; margin:0; background-color:#f0f0f0; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} body.report #reports-contents span.campaign-message-options a {display:inline-block; margin:0 0 0 -4px; padding:11px 23px; background-color:#fff; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5)); background-image:-webkit-linear-gradient(top, #fff, #f5f5f5); background-image:-o-linear-gradient(top, #ffffff, #f5f5f5); background-image:linear-gradient(to bottom, #fff, #f5f5f5); background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5); background-repeat:repeat-x; border-right:1px solid #ddd; color:#555; text-decoration:none; -webkit-transition:0.25s ease; -moz-transition:0.25s ease; -ms-transition:0.25s ease; -o-transition:0.25s ease; transition:0.25s ease;} body.report #reports-contents span.campaign-message-options a:last-child {border-right:0 none;} body.report #reports-contents span.campaign-message-options > a:hover {color:#000; background-color:#ddd;} body.report #reports-contents div.share-icons {float:right; margin:8px 2px 0 0;} body.report #reports-contents div.share-campaign .share-icons > span {display:inline-block; margin-right:3px;} body.report #reports-contents div.share-campaign .share-icons > span > a {display:block; outline:none; border:0;} body.report #reports-contents div.showtext, body.report #reports-contents div.showtext > a {background-color:transparent; font-size:12px; color:#ccc; border:0 none;} body.report #reports-contents div.showtext > a:hover {color:#555;} /* Report deals section */ body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-open, body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-won, body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-lost {height:12px;display:inline-block;} body.report #deal-reports-owners .deal-owners-bar-open, body.report #deal-reports-owners .deal-owners-bar-won, body.report #deal-reports-owners .deal-owners-bar-lost {height:36px;display:inline-block;} body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-open, body.report #deal-reports-owners .deal-owners-bar-open {background-color:#d7d7d7;} body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-won, body.report #deal-reports-owners .deal-owners-bar-won {background-color:#7cb144;} body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-lost, body.report #deal-reports-owners .deal-owners-bar-lost {background-color:#b14444;} body.report #deal-reports-funnel-groups .deal-funnel-groups-bar-none, body.report #deal-reports-owners .deal-owners-bar-none {font-style:italic; color:#ccc;} /* Funnel report */ body.report #deal-funnel-list {text-align:center;} body.report #deal-funnel-list .deal-funnel-row:not(:last-child) {position:relative;} body.report #deal-funnel-list .deal-funnel-row:last-child:before {display:none;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-stage-wrap {position:relative; margin:0 auto; padding:0; z-index:10;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-stage {position:relative; margin:0; padding:10px 0; display:inline-block; color:rgba(255, 255, 255, 1); border:0 none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; vertical-align:middle; z-index:10;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-stage.inverted {color:#eee;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-stage .deal-funnel-row-title {font-size:15px; margin-bottom:5px; padding:0 22px;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-progress {position:relative; margin:0; height:70px; z-index:100;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-progress:before {position:absolute; content:''; top:0; height:74px; width:5px; background-color:#c0c0c0;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-progress .deal-funnel-row-progress-stage {position:absolute; right:50%; top:24px; margin-right:14px; padding:5px 12px; background-color:#fff; border:1px solid #c0c0c0;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-progress .deal-funnel-row-progress-stage:before {position:absolute; content:''; right:-16px; top:12px; width:16px; height:1px; background-color:#c0c0c0;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-row-progress .deal-funnel-row-progress-stage:after {position:absolute; content:''; right:-24px; top:5px; width:12px; height:12px; background-color:#fff; border:1px solid #8f8f8f; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-stage-wrap .deal-funnel-row-won-lost {position:relative; margin:0 auto; width:100%; z-index:8;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-stage-wrap .deal-funnel-row-won-lost .deal-funnel-won-lost {position:absolute; top:21px; right:20px; padding:5px 9px; font-size:11px; color:#333; line-height:14px; vertical-align:middle; -webkit-box-shadow:0 4px 1px 0 rgba(109, 109, 109, 0.1); box-shadow:0 4px 1px 0 rgba(109, 109, 109, 0.1); z-index:8;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-stage-wrap .deal-funnel-row-won-lost .bg-won-lost-layer {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; display:block; width:100%; height:100%; border:1px solid #000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index:-10; opacity:0.2;} body.report #deal-funnel-list .deal-funnel-row .deal-funnel-stage-wrap .deal-funnel-row-won-lost .bg-won-lost-layer:before {position:absolute; content:''; left:-14px; top:-6px; width:16px; height:1px; background-color:#000; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);} #campaign-reports-overview .panel-summary-row:not(.nottracked), #sms-reports-overview .panel-summary-row:not(.nottracked), #series-reports-overview .panel-summary-row.contacts {cursor:pointer;} /* * Modernized Reports Table Styles 2021 * */ body.report .campaign-list-table__wrapper { border: 1px solid var(--slate-200); border-radius: var(--radii-100); margin-bottom: var(--sp-500); min-width: 885px; } body.report #campaign-list-table.campaign-list-table--condor { background-color: transparent; margin: 0; } /* thead */ body.report #campaign-list-table.campaign-list-table--condor thead { background: transparent; } body.report #campaign-list-table.campaign-list-table--condor tr { border-bottom-color: var(--slate-200); } body.report #campaign-list-table.campaign-list-table--condor thead th { background: transparent; border-top: none; padding: var(--sp-300) var(--sp-400); } body.report #campaign-list-table.campaign-list-table--condor thead th, body.report #campaign-list-table.campaign-list-table--condor thead th a { color: var(--slate-400); font-size: var(--fs-100); line-height: var(--lh-100); font-weight: var(--fw-medium); } body.report #campaign-list-table.campaign-list-table--condor th .sorter.active:after, body.report #campaign-list-table.campaign-list-table--condor th .sorter.active.asc:after { border-right-color: var(--slate-600); border-width: var(--sp-200) var(--sp-200) var(--sp-200) 0; right: calc((var(--sp-200) + var(--sp-300)) * -1); top: var(--sp-200); } body.report #campaign-list-table.campaign-list-table--condor .reports-list-table__name-sorter.active { margin-right: var(--sp-500); } /* tbody */ body.report #campaign-list-table.campaign-list-table--condor tbody td { border-bottom-color: var(--slate-200); } body.report #campaign-list-table.campaign-list-table--condor tbody tr:last-child, body.report #campaign-list-table.campaign-list-table--condor tbody tr:last-child td { border-bottom: none; } body.report #campaign-list-table.campaign-list-table--condor tbody td { padding: var(--sp-400); } /* tbody screenshot col */ body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot { --screenshot-min-height: var(--sp-1100); --screenshot-width: 115px; min-height: var(--screenshot-min-height); height: var(--screenshot-min-height); width: var(--screenshot-width); min-width: var(--screenshot-width); max-width: var(--screenshot-width); background-image: url('../images/default-campaign_condor.png'); background-size: calc(100% - (var(--sp-400) * 2)) calc(var(--screenshot-min-height) - (var(--sp-400) * 2)); background-repeat: no-repeat; background-position: center center; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot > img { top: 0; margin: 0; width: 100%; height: auto; min-height: var(--screenshot-min-height); vertical-align: middle; border-color: var(--slate-200); border-radius: var(--radii-100); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot .screenshot-container, body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot .screenshot-container .imgwrap { max-height: var(--sp-1100); height: auto; min-height: var(--screenshot-min-height); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot .screenshot-container .imgwrap { background-color: var(--slate-100); border-color: var(--slate-200); border-radius: var(--radii-100) var(--radii-100) 0 0; top: 0; display: grid; grid-template-rows: 1fr; align-items: center; justify-content: center; width: 100%; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot .screenshot-container img { width: 100%; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-screenshot .screenshot-container .imgwrap.imgwrap--hovered { border-radius: var(--radii-100); box-shadow: var(--shadow-100); } /* tbody title col */ body.report #campaign-list-table.campaign-list-table--condor td.campaign-title { vertical-align: middle; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-title div.campaign-title-wrap { font-size: var(--fs-200); line-height: var(--lh-200); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-title div.campaign-title-wrap > a { color: var(--ocean-500); font-weight: var(--fw-medium); font-size: var(--fs-200); line-height: var(--lh-200); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-title .folder.empty > a, body.report #campaign-list-table.campaign-list-table--condor td.campaign-title .folder.full > a { background-image: url('../images/report_campaign_folder_icon_condor.svg'); background-size: var(--sp-500) var(--sp-500); width: var(--sp-500); height: var(--sp-500); color: var(--slate-400); padding: 0; vertical-align: middle; top: 2px; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-title .campaign-descript-wrap { font-size: var(--fs-200); line-height: var(--lh-200); color: var(--slate-400); font-weight: var(--fw-regular); margin-top: var(--sp-300); height: auto; max-height: var(--sp-900); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-title .campaign-descript-wrap:before, body.report #campaign-list-table.campaign-list-table--condor td.campaign-title .campaign-descript-wrap:after { content: none; } /* tbody sent col */ body.report #campaign-list-table.campaign-list-table--condor td.campaign-sent { font-size: var(--fs-200); line-height: var(--lh-200); color: var(--slate-600); font-weight: var(--fw-regular); } /* tbody opens-and-clicks vol */ body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graphs__list-wrapper { display: grid; grid-template-rows: auto auto; grid-template-columns: auto 1fr; grid-row-gap: var(--sp-400); grid-column-gap: var(--sp-300); align-items: center; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .graphtitle { color: var(--slate-400); font-size: var(--fs-100); line-height: var(--fs-100); font-weight: var(--fw-regular); position: static; float: none; width: auto; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graph-open, body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graph-click { background-color: var(--slate-150); height: var(--sp-500); line-height: var(--sp-500); border-radius: var(--radii-100); margin: 0; width: 100%; min-width: var(--sp-1200); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graph-open-inner, body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graph-click-inner { height: var(--sp-500); background-color: var(--ocean-500); border-radius: var(--radii-100); } body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graph-open-inner.nottracked, body.report #campaign-list-table.campaign-list-table--condor td.campaign-graphs .campaign-graph-click-inner.nottracked { height: var(--sp-500); background-color: var(--slate-150); color: var(--slate-400); border-radius: var(--radii-100); font-size: var(--fs-100); font-weight: normal; } /* tbody interactions col */ body.report #campaign-list-table.campaign-list-table--condor td.campaign-interactions { padding-right: 0; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-interactions .avatars { height: auto; width: auto; max-height: calc((var(--sp-800) * 2) + (var(--sp-200) * 3)); margin: 0; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-interactions .avatars > a { display: inline-block; float: none; width: var(--sp-800); height: var(--sp-800); margin: var(--sp-100) var(--sp-200) var(--sp-100) 0; border-radius: 50%; overflow: hidden; } body.report #campaign-list-table.campaign-list-table--condor td.campaign-interactions .avatars > a img { width: 100%; height: 100%; vertical-align: middle; } /* * Score page */ body.score .head-options-bar .saveres { top: 12px !important; } body.score .head-options-bar #desc_span.empty { font-size: 14px;color: #ccc;font-style: italic; } body.score .head-options-bar #desc_input { position: relative;top: 0px!important; left: 0px!important;padding: 0!important;min-width: 400px;font-size: 14px;background: transparent!important;border: 0 none!important;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; } body.score .head-options-bar #name_span { max-width: 148px;font-style: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } body.score .head-options-bar #name_input { position: relative;top: -1px!important;padding: 0!important;font-size: 17px;background: transparent!important;border: 0 none!important;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; } body.score .head-options-bar .pageTitle { position: relative;top: -5px; } body.score .head-options-bar .pageTitle h1, body.score .head-options-bar .pageTitle h2 { position: relative;margin: 0;padding: 0; } body.score .head-options-bar .pageTitle h1 .score-title-inputs, body.score .head-options-bar .pageTitle h2 .score-description-inputs { position: absolute;left: 0; } body.score .head-options-bar .pageTitle h1 .score-title-inputs { top: -3px; } body.score .head-options-bar .pageTitle h2 .score-description-inputs { top: -10px; } body.score .head-options-bar .pageTitle .score-title-text, body.score .head-options-bar .pageTitle .score-description-text { position: relative;display: inline-block;font-style: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } body.score .head-options-bar .pageTitle .score-title-text { max-width: 500px;font-size: 17px; } body.score .head-options-bar .pageTitle .score-description-text { top: -4px;max-width: 650px;font-size: 14px;color: #5d5d5d; } body.score .head-options-bar .pageTitle input[type="text"] { text-align: left; } body.score .head-options-bar .pageTitle input[type="button"] { position: relative;top: -2px;margin: 0 0 0 4px;padding: 6px 12px;font-size: 12px; } body.score .head-options-bar .button_group { top: -1px; } body.score #header_score_options { left: 270px !important} body.score #header_score_options.head-options-bar .button_group { top: 0; } body.score .head-options-bar .button_group a#type_deal { margin-right: 16px !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;-webkit-border-top-right-radius: 3px !important;-webkit-border-bottom-right-radius: 3px !important;-moz-border-radius-topright: 3px !important;-moz-border-radius-bottomright: 3px !important;border-top-right-radius: 3px !important;border-bottom-right-radius: 3px !important; } body.score .head-options-bar .button_group a#status_inactive { -webkit-border-top-left-radius: 3px !important;-webkit-border-bottom-left-radius: 3px !important;-moz-border-radius-topleft: 3px !important;-moz-border-radius-bottomleft: 3px !important;border-top-left-radius: 3px !important;border-bottom-left-radius: 3px !important; } body.score .head-options-bar .button_group a#status_inactive.active { color: #FFF !important;background: #F37C7B !important;font-weight: 400 !important;text-shadow: none !important; } body.score .head-options-bar .button_group a#status_active.active { color: #FFF !important;background: #60CB98 !important;font-weight: 400 !important;text-shadow: none !important; } /* body.score .head-options-bar .button_group a#status_inactive { margin-right: -6px !important; } */ body.score .head-options-bar .button_group a#status_active { -moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;-webkit-border-top-right-radius: 3px !important;-webkit-border-bottom-right-radius: 3px !important;-moz-border-radius-topright: 3px !important;-moz-border-radius-bottomright: 3px !important;border-top-right-radius: 3px !important;border-bottom-right-radius: 3px !important; } body.score .scorewrap { padding: 108px 23px 0;min-width: 1040px; } body.score .scorewrap.show-subscriber-score { padding-top: 136px; } body.score .scorewrap #score-norules { padding: 23px;font-size: 15px;color: #555;text-align: center; } body.score .scorewrap #scorerule-add { margin-top: 20px;text-align: center; } body.score .scorewrap #scorerule-add .button { padding: 8px 28px;background-color: #f3f3f3 !important;border: 1px solid #ccc !important;font-size: 12px;color: #333 !important; } body.score .scorewrap #scorerule-add .button:hover { background-color: #646464 !important;border: 1px solid #646464 !important;color: #fff !important; } body.score #scorerule-save { position: relative; } body.score #scorerule-save .button { position: relative;padding: 8px 16px;float: left;font-size: 12px;font-weight: 400;z-index: 10; } body.score .scorerule-save-wrap { position: relative; } body.score .scorerule-save-wrap span.saving { display: none;position: relative;float: left;margin: 10px 0 0 10px;padding: 0 0 0 22px;background: url('../images/loader4.gif') no-repeat 0 50%;color: #b5b5b5;filter: alpha(opacity=50);opacity: 0.5; } body.score #scorerule-save:after, body.score .scorerule-save-wrap:after { position: relative;display: table;width: 100%;height: 0;zoom: 1; } body.score #upgrade_notice { text-align: center;margin: 30px 0px 30px 0px; } body.score #upgrade_notice_inner { margin: 0px auto;margin-bottom: 30px;width: 380px;text-align: left; } body.score #upgrade_notice_inner ul li { list-style-type: disc;margin: 0px 0px 10px 0px;margin-left: 15px; } .rule-delete, .rule-change-edit, .rule-expire-edit {display:none;} /* Label when in score mode */ div.steps-score {position:relative; float:none; display:inline-block; margin:0 0 0 -1px!important; padding:0; background:#1358ab; color:#dadada; height:27px; border:1px solid #10396b; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;} div.steps-score > span {float:left; display:block; padding:7px 15px; background-color:#1a4d8a; color:#ddd; font-size:12px; font-weight:100;} div.steps-score > span a {color:inherit; text-decoration:none;} div.steps-score > span a:hover {color:#fff; text-decoration:underline;} div.steps-score > span:first-child::after {position:absolute; content:''; width:0; height:0; top:-16px; border:30px solid transparent; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:#1a4d8a;} div.steps-score > span:last-child {margin-left:10px; background-color:#1358ab; color:#fff; font-weight:700;} div.steps-score > span em, div.steps-score > span a {display:inline-block; max-width:148px; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #score_subscriberinfo {position:fixed; top:117px; left:0!important; right:0!important; margin:0; padding:10px 30px; background:#fffbec; z-index:900; overflow:visible!important; text-align:center; border-bottom:1px solid #ddd;} #score_subscriberinfo .topcenternav {margin:auto; display:table; text-align:center;} #score_subscriberinfo .topcenternav > div {margin:auto; display:table-cell; padding:0 4px; vertical-align:middle; font-weight:100;} #score_subscriberinfo .topcenternav > div.score_subscriberinfo_details > div {position:relative; display:inline-block; vertical-align:middle;} #score_subscriberinfo .topcenternav > div.score_subscriberinfo_details .score_number {color:#e07500; font-size:25px; font-weight:400; letter-spacing:-1px; text-align:center;} #score_subscriberinfo .topcenternav > div.score_subscriberinfo_details .score_number_detail {top:2px; margin-left:6px; color:#c7be9f;} #score_subscriberinfo div.subimg {position:relative; display:inline-block; width:42px; height:42px; vertical-align:middle;} #score_subscriberinfo div.subimg a {position:relative; display:table-cell; vertical-align:middle; width:42px; height:42px;} #score_subscriberinfo div.subimg a > img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; filter:alpha(opacity=10); opacity:0.1; width:10px; height:10px; border:1px solid #ddd; -webkit-box-shadow:0px 1px 3px rgba(206, 206, 206, 0.4); -moz-box-shadow:0px 1px 3px rgba(206, 206, 206, 0.4); box-shadow:0px 1px 3px rgba(206, 206, 206, 0.4);} body.score .scorewrap div.completedrule {position:absolute; content:''; top:16px; left:-20px; height:12px; width:12px; z-index:10; text-align:center; vertical-align:middle; background-repeat:no-repeat; background-position:0 -12px; background-size:10px auto; filter:alpha(opacity=60); opacity:0.6;} body.score .scorewrap div.completedrule.success {background-image:url('../images/completedrule_alert.png');} body.score .scorewrap div.completedrule.error {background-image:url('../images/completedrule_alert.png'); background-position:0 0;} /* Score table */ body.score #score-wrap {display:table; width:100%;} body.score .score-section {margin:23px;} body.score .score-section thead {background-color:#ececec;} body.score .score-section thead th {padding:10px 12px; font-weight:100; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} /* * Style for sorting in the table header */ body.score .score-section thead th .sorter {position:relative;} body.score .score-section thead th .sorter.active:after, body.score .score-section thead th .sorter.active.asc:after {position:absolute; top:2px; right:-15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #333 transparent transparent; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);} body.score .score-section thead th .sorter.active.desc:after {-webkit-transform:rotate(-90deg);} body.score .score-section thead th.options {width:120px; min-width:120px; max-width:120px;} body.score .score-section tbody td {padding:12px; font-weight:100; border-bottom:1px solid #ddd;} body.score #score-list-table {margin-bottom:20px; min-width:800px; background:#fff;} body.score .score-section tbody td.options {padding-left:0; padding-right:0; width:180px; min-width:180px; max-width:180px;} body.score .score-section tbody td.options a.button {margin:0; margin-right:6px; padding:6px 10px; font-size:11px;} body.score .score-section tbody td.options a.button:hover {} body.score .score-section tbody td.options a.button:last-child {margin-right:0px!important;} body.score .score-section tbody td.name-description {padding-right:50px;} body.score .score-section tbody td.name-description div.name-text {font-size:15px; color:#333; font-weight:400; width:450px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} body.score .score-section tbody td.name-description div.description-text {position:relative; max-height:48px; font-size:14px; line-height:17px; margin-top:5px; color:#888; overflow:hidden;} body.score .score-section tbody td.name-description div.description-text:after {position:absolute; content:''; bottom:-15px; left:0; width:100%; height:40px; opacity:100; z-index:100; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } body.score .score-section tbody td.type {width:120px; min-width:120px; max-width:120px;} body.score .score-section tbody td.status {width:50px; min-width:50px; max-width:50px;} body.score .score-section tbody td.created {} body.score .score-section tbody td.modified {} body.score .filterWrap .selectdropdown {display:inline-block; vertical-align:top;} body.score #listingFooter #series_list_paginator {position:relative; top:8px; float:right; padding:0;} body.score .segment-buttons {margin-top:20px; padding:14px; background-color:#f3f3f3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} body.score .rule-delete, body.score .rule-change-edit, body.score .rule-expire-edit, body.score .rule-segment {display:none;} body.score .rule-segment {margin:0 20px 20px;} body.score .rule { position: relative;margin-top: 10px;border: 1px solid #ddd;-webkit-border-radius: 5px;border-radius: 5px; } body.score .rule .rule-delete a { position: absolute;display: block;top: -16px;right: -16px;padding: 6px;width: auto;text-decoration: none;z-index: 10; } body.score .rule .rule-delete a > span { position: relative;display: block;width: 22px;height: 22px;color: #fff;font-size: 8px;background: #333;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;cursor: pointer; } body.score .rule .rule-delete a > span:before { position: absolute;top: 7px;left: 5px; } body.score .rule .rule-row { width: 100%; } body.score .rule .rule-row:after { display: table;content: '';width: 100%;height: 0;line-height: 0;zoom: 1; } body.score .rule .rule-row input[type="text"] { width: 30px;border: 1px solid #ddd;text-align: center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; } body.score .rule .rule-row input[type="button"] { -webkit-transition: background-color .1s linear;-moz-transition: background-color .1s linear;-o-transition: background-color .1s linear;-ms-transition: background-color .1s linear;transition: background-color .1s linear; } body.score .rule .rule-row input[type="button"]:hover { background-color: #ebebeb; } body.score .rule .rule-row a { color: #333; } body.score .rule .rule-row .rule-title, body.score .rule .rule-row .rule-change, body.score .rule .rule-row .rule-expire { display: inline-block;padding: 14px 22px; } body.score .rule .rule-row .rule-title-link { display: inline-block;overflow: hidden;text-overflow: ellipsis;vertical-align: top;word-break: break-all; } body.score .rule .rule-row .rule-title-link-v2 { overflow: hidden;text-overflow: ellipsis;vertical-align: top;word-break: break-all; } body.score .rule .rule-row .rule-title-link-v2 [data-testid="read-only-segment-creator"] { display: inline;background: unset; } body.score .rule .rule-row .rule-title-link-v2 [data-testid="read-only-segment-creator"] span { background: unset;color: unset;font-weight: unset;font-family: unset;font-size: unset; } body.score .rule .rule-row .rule-title-link-v2 [data-testid="read-only-segment-creator"] div { display: inline;word-break: break-word; } body.score .rule .rule-row .rule-title-link-v2 [data-testid="truncationText"] { display: none; } body.score .rule .rule-row .rule-title span { display: inline-block; } body.score .rule .rule-row a.rule-link-change span { display: block; } body.score .rule .rule-row .rule-change-expire-group { position: relative;display: table;height: 100%; } body.score .rule .rule-row .rule-change-expire-group > div { position: relative;display: table-cell;border-left: 1px solid #ddd;text-align: center;font-weight: 100;vertical-align: middle;white-space: nowrap; } body.score .rule .rule-row .rule-change { width: 200px; } body.score .rule .rule-row .rule-expire { min-width: 250px; } body.score .rule .rule-row .rule-expire > span { float: left;margin: 0 3px; } body.score .rule .rule-row .rule-expire > .rule-expire-view { top: 4px; } body.score .rule .rule-row .rule-expire > .rule-expire-text { padding: 4px 2px; } body.score .rule .rule-change-expire-group input.save { position: relative;margin: 0;padding: 3px 12px;background-image: url('https://d226aj4ao1t61q.cloudfront.net/yvm9kmshk_score_row_save.png');background-repeat: no-repeat;background-position: 50%;background-size: 12px;text-indent: -9999px;background-color: #fff;border: 1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;cursor: pointer; } body.score .rule .rule-change-expire-group input.cancel { position: relative;margin: 0;padding: 3px 12px;background-image: url('https://d226aj4ao1t61q.cloudfront.net/ahsy3cbyf_score_row_edit.png');background-repeat: no-repeat;background-position: 50%;background-size: 12px;text-indent: -9999px;background-color: #fff;border: 1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;cursor: pointer; } body.score .rule .rule-change-view { position: relative;display: inline-block; } body.score .rule .segmentgroup {margin-top:20px;} body.score .rule.invalid {background-color:#ffe6e6; border:1px solid #e2a9a9; color:#750000;} body.score .rule.invalid .rule-change:before, body.score .rule.invalid .rule-expire:before {background-color:#e2a9a9!important;} body.score .rule.invalid a[class^="rule-"], body.score .rule.invalid a.dropdown_select, body.score .rule.invalid a.dropdown_select.active, body.score .rule.invalid a.selectdropdown {color:#750000;} body.score .rule.invalid .segment-buttons {background-color:#ffc7c7;} body.score .rule.invalid .segment-buttons input.save, body.score .rule.invalid .segment-buttons input.cancel {background-color:#a20000!important; border:1px solid #a20000!important; color:#fff!important;} body.score .rule.invalid .segment-buttons input.save:hover, body.score .rule.invalid .segment-buttons input.cancel:hover {background-color:#fff!important; border:1px solid #fff!important; color:#333!important;} body.score .rule.invalid .rule-change input, body.score .rule.invalid .rule-expire input {border-color:#e2a9a9;} body.score .rule-row .selectdropdown { position: relative;top: -1px;display: inline-block;vertical-align: middle; } body.score .rule-row .selectdropdown > a { padding: 3px 10px!important;background-color: transparent;margin: 0 4px !important;padding: 0;font-size: 14px;border: none;border-bottom: 1px dashed rgba(0, 0, 0, 0.2);box-shadow: none;text-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; } body.score .rule-row .selectdropdown > a:after { display: none !important; } body.score .rule-row .selectdropdown > a:active, body.score .rule-row .selectdropdown > a.active { position: relative;top: -1px;color: #000;background-color: transparent;border: 0 none;z-index: 5000; } body.score .rule-row .selectdropdown > a::after { margin-left: 3px;content: "\25be";display: inline; } body.score .rule-row .selectdropdown > .dropdown_menu { display: none;min-width: 200%;right: 0;margin-top: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: visible; } body.score .rule-row .selectdropdown > .dropdown_menu:before, body.score .rule-row .selectdropdown > .dropdown_menu:after { position: absolute;top: -8px;left: 15px;content: '';width: 0;height: 0;border-width: 5px 5px 5px 0;border-style: solid;border-color: rgba(0, 0, 0, 0) #c2c2c2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);z-index: 50; } body.score .rule-row .selectdropdown > .dropdown_menu:after { top: -7px;border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } #scoretype .type-confirm {margin:20px 0; text-align:center;} #scoretype .type-confirm .button {margin:0 auto!important; padding:8px 20px!important; background-color:#646464!important; border:1px solid #646464!important; font-size:12px; color:#fff!important;} #scoretype .type-confirm .button:hover {background-color:#f3f3f3!important; border:1px solid #ccc!important; color:#333!important;} table.score-choice a {display:block;} table.score-choice h2 {width:100%; margin:0 0 10px; font-size:17px; line-height:19px; color:#007196; font-weight:400; text-align:center;} .score-modal-icon { margin-bottom: 10px; width: 170px; } /* Premium */ #premium-services .service {position:relative; font-size:22px; margin:0; padding:12px; background:#f1f1f1;} #premium-services .service:first-child {margin-bottom:20px;} #premium-services .services-title {display:inline-block;} #premium-services .services-title a {color:#333;} #premium-services .details {position:absolute; display:table; top:0; right:20px; height:50px; line-height:17px; font-weight:100; font-size:14px;} #premium-services .details .detail-info {display:table-cell; vertical-align:middle; text-align:right;} #premium-services .details #score_order, #premium-services .details #price_order {display:table-cell; vertical-align:middle;} #premium-services .details #price_order > span {display:block; margin-right:10px;} #premium-services .details .btn.enable.active {color:#538300!important; background:#d5eea9!important; font-weight:700!important; -webkit-box-shadow:inset 0 2px 4px rgba(200, 230, 200, 0.8), 0 1px 2px rgba(200, 230, 200, 0.8)!important; -moz-box-shadow:inset 0 2px 4px rgba(200, 230, 200, 0.8), 0 1px 2px rgba(200, 230, 200, 0.8)!important; box-shadow:inset 0 2px 4px rgba(200, 230, 200, 0.8), 0 1px 2px rgba(200, 230, 200, 0.8)!important;} #premium-services .details .btn.disable.active {color:#ae5050!important; background:#ffe0e0!important; -webkit-box-shadow:inset 0 2px 4px rgba(240, 175, 175, 0.3), 0 1px 2px rgba(240, 175, 175, 0.3)!important; -moz-box-shadow:inset 0 2px 4px rgba(240, 175, 175, 0.3), 0 1px 2px rgba(240, 175, 175, 0.3)!important; box-shadow:inset 0 2px 4px rgba(240, 175, 175, 0.3), 0 1px 2px rgba(240, 175, 175, 0.3)!important;} /* Contact pop out preview */ .contact_preview {position:absolute; display:none; padding:0 20px 0 0; left:0; top:18px; width:325px; text-align:left; z-index:2;} /* Contact preview for Recent Activities */ .contact_preview.placement-left:before, .contact_preview.placement-left:after { top: 17px; right: 12px; } .contact_preview.placement-left:after { right: 13px; } /* Contact preview for Top Contacts */ .contact_preview.unique_top.placement-left:before, .contact_preview.unique_top.placement-left:after { top: 26px; right: 12px; left: initial; } .contact_preview.unique_top.placement-left:after { right: 13px; } .contact_preview.unique_top.placement-right:before, .contact_preview.unique_top.placement-right:after { top: 26px; left: -9px; right: initial; } .contact_preview.unique_top.placement-right:after { left: -8px; } body.report .contact_preview { left: 24px; top: -8px; padding: 0 0 0 20px; } body.report .contact_preview:before, body.report .contact_preview:after { top: 15px; left: 12px; } body.report .contact_preview:after { left: 13px; } body.report .topcontacts-list .contact_preview { top: 0; z-index: 10; } body.report .topcontacts-list .contact_preview.placement-left { right: calc(100% - 12px); left: auto; padding: 0 20px 0 0; } body.report .topcontacts-list .contact_preview.placement-right { right: auto; left: calc(100% - 12px); padding: 0 0 0 20px; } body.report .topcontacts-list .contact_preview.placement-left:before, body.report .topcontacts-list .contact_preview.placement-left:after { top: 15px; left: auto; } body.report .topcontacts-list .contact_preview.placement-left:before { right: 12px; } body.report .topcontacts-list .contact_preview.placement-left:after { right: 13px; } .contact_preview .contact_preview_inner {background:#fff; border:1px solid var(--slate-200); -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:0px 0px 20px 1px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 15px 1px rgba(0, 0, 0, 0.1);} .contact_preview .contact_preview_view a {display:inline; width:0!important; height:0!important;} .contact_preview .contact_preview_top {position:relative; padding:18px; overflow:hidden;} .contact_preview .contact_preview_top .contact_avatar_row {position:relative; display:block; float:left; width:75px; height:75px; overflow:hidden; border:1px solid #fff;box-shadow:0px 0px 0px 1px rgba(202, 202, 202, 1); box-sizing:border-box; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} .contact_preview .contact_preview_top .contact_avatar_row img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 75px; max-height: 100%;} .contact_preview .contact_preview_top div {margin-left:88px;} .contact_preview .contact_preview_top div.contact_preview_name {font-size:16px; font-weight:600; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;color:#5d5d5d;} .contact_preview .contact_preview_top div.contact_preview_email {margin-top: 2px;margin-bottom:4px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;color:#939393;font-size: 14px;} .contact_preview .contact_preview_top div.contact_preview_tz, .contact_preview .contact_preview_top div.contact_preview_lists {color:#939393;font-size: 14px;} .contact_preview .contact_preview_bottom {position:relative; padding:2px 18px 4px 18px; border-top:1px solid #ebebeb; clear:both; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; overflow:hidden;} .contact_preview .contact_preview_bottom > .contact_preview_icons {position:relative; float:left;} .contact_preview .contact_preview_bottom > .contact_preview_icons a { float: left;margin-right:4px; } .contact_preview .contact_preview_bottom > .contact_preview_icons a span { font-size: 23px !important; } .contact_preview .contact_preview_bottom > .contact_preview_icons a span:before { margin: 0 !important; } .contact_preview .contact_preview_bottom > .contact_preview_view {float:right;margin-top: 8px;} .contact_preview .contact_preview_bottom > .contact_preview_view a { width:100%!important; height:100%!important;font-size: 14px; text-align:center!important;} /* Social report table*/ .social-screenshot.iconcol .contact_preview {top:40px;} /* Campaign summary page */ .campaign_summary_options #scheduledate_options fieldset:not(:last-child) { margin: 0px 0px 10px 0px; } .campaign_summary_options #scheduledate_options fieldset a { cursor: pointer; } #campaignform { display:table; margin-bottom:0; width:100%; height:100%; } #campaignform.textonly { margin: 0!important; width:100%; } .modal.campaign_series div[id^="link_series_div"] {border-spacing: 0;max-height:180px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; overflow-x:hidden; overflow-y:auto;} .modal.campaign_series .button {margin:0!important;} .modal.campaign_series .delete, .modal.campaign_series .draft, .modal.campaign_series .inactive {color:#bbb;} .modal.campaign_series .shortname_link {margin-bottom:20px; padding:12px 12px 12px 30px; background-color:#f8f8f8; background-image:url('../images/windows-16-16.png'); background-repeat:no-repeat; background-position:10px 13px; background-size:12px; color:#555; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ddd;} /* Tracking CMP */ body.track #uxbody .uxlftcolm { padding-left: 23px !important; } body.track .uxlftcolm .button.greybtn { padding: 5px 11px;font-size: 11px;font-weight: 100;margin: 0px !important; } body.track h2 { font-size: 22px;margin: 5px 0 0;padding: 10px 12px;background: #f1f1f1; } body.track h3 { margin-bottom: 15px; } body.track .pagevisit { position: relative;margin: 0 0 20px;padding: 0;overflow: hidden; } body.track .pagevisit .whitelist { position: relative;margin: 0 20px 0 0;padding: 0 10px 0 0;width: 280px;float: left; } body.track .pagevisit .whitelistdesc { font-size: 10px;color: #666;margin-bottom: 5px; } body.track .pagevisit .whitelist .domainlist { position: relative;padding: 10px 0 10px 8px;max-height: 110px;font-weight: 100;background: #fafafa;border: 1px solid #ddd;overflow: hidden;overflow-y: auto;-webkit-border-radius: 5px;border-radius: 5px; } body.track .pagevisit .domain-input input[type=text] body.track .pagevisit .whitelist .domainlist > li { position: relative;margin: 0;padding: 0 0 7px; } body.track .pagevisit .whitelist .domainlist > li:last-child { padding-bottom: 0; } body.track .pagevisit .whitelist .domainlist > li .delete a, body.track .pagevisit .whitelist .domainlist > li .delete a:hover { color: #666; } body.track .pagevisit .whitelist .domainlist > li .delete { filter: alpha(opacity=50);opacity: 0.5; } body.track .pagevisit .whitelist .domainlist > li .delete:hover { cursor: pointer;filter: alpha(opacity=100);opacity: 1; } body.track .pagevisit .tracking-code { padding: 0 21px 0 0;overflow: hidden; } body.track .pagevisit .tracking-code textarea { padding: 10px;width: 99.8%;min-height: 200px;font: 12px "Lucida Console", Monaco, monospace;color: #505050;font-weight: 100;background: #fafafa;border: 1px solid #ddd;-webkit-box-shadow: inset 0 5px 10px -6px rgba(0, 0, 0, 0.5);box-shadow: inset 0 5px 10px -6px rgba(0, 0, 0, 0.5);-webkit-border-radius: 5px;border-radius: 5px; } body.track .pagevisit .domain-input input[type=text] { margin: 12px 0 -2px;padding: 5px 5px;width: 150px;border: 1px solid #ddd;-webkit-border-radius: 3px;border-radius: 3px; } body.track .event {position:relative; margin:0; padding:0; overflow:hidden;} body.track .key {position:relative; margin:0; margin-bottom:20px; padding:4px 6px; text-align:center; color:#7e7e7e; background:#f4f1d2; border:1px solid #dedbb5; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} body.track .key > span {color:#000; font:12px "Lucida Console", Monaco, monospace; letter-spacing:1px;} body.track .key > .button {margin:3px 3px 3px 10px} body.track .event .explanation {position:relative; margin:0 20px 0 0; padding:0 10px 0 0; width:280px; float:left;} body.track .event .explanation .url {font:12px "Lucida Console", Monaco, monospace; color:#00a700;} body.track .event .explanation .params {margin:10px 0 0;} body.track .event .explanation .params > li {position:relative; margin:0; padding:0 0 10px; font-weight:100; line-height:21px;} body.track .event .explanation .params > li:last-child {padding-bottom:0;} body.track .event .explanation .params > li > span {display:inline-block; margin:0 10px 0 0; padding:3px 5px; font:12px "Lucida Console", Monaco, monospace; color:#505050; background:#fafafa; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px;} body.track .event .explanation .params .visit-list {margin-left:20px;} body.track .event .explanation .params .visit-list > li {padding:4px 0; font:12px "Lucida Console", Monaco, monospace; color:#505050;} body.track .event .explanation .params .visit-list > li::before {margin-right:5px; content:"\00af";} body.track .event .example {padding:0 21px 0 0; overflow:hidden;} body.track .event .example textarea {padding:10px; width:99.8%; min-height:200px; font:12px "Lucida Console", Monaco, monospace; color:#505050; font-weight:100; background:#fafafa; border:1px solid #ddd; -webkit-box-shadow:inset 0 5px 10px -6px rgba(0, 0, 0, 0.5); box-shadow:inset 0 5px 10px -6px rgba(0, 0, 0, 0.5); -webkit-border-radius:5px; border-radius:5px;} body.track .event .eventlist {position:relative; padding:10px 0 10px 8px; max-height:110px; font-weight:100; background:#fafafa; border:1px solid #ddd; overflow:hidden; overflow-y:auto; -webkit-border-radius:5px; border-radius:5px;}body.track .pagevisit .domain-input input[type=text] body.track .event .eventlist > li {position:relative; margin:0; padding:0 0 7px;} body.track .event .eventlist > li:last-child {padding-bottom:0;} body.track .event .eventlist > li .delete a, body.track .pagevisit .whitelist .eventlist > li .delete a:hover{color:#666; } body.track .event .eventlist > li .delete {filter:alpha(opacity=50); opacity:0.5;} body.track .event .eventlist > li .delete:hover {cursor:pointer; filter:alpha(opacity=100); opacity:1;} body.track .details {line-height:17px; font-weight:100; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ccc; font-size:14px;} body.track .button_group {position:absolute; top:11px; right:11px;} body.track .button_group .btn {position:relative; margin:0 0 0 -5px!important; padding:0.8em!important; display:inline-block; font-size:11px!important; font-weight:100!important; line-height:12px!important; color:#aeaeae!important; vertical-align:middle; cursor:pointer; background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6)!important; background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6)!important; background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6)!important; background-repeat:repeat-x; border:1px solid #ddd!important; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0)!important; filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1)!important; text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0)!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important;} body.track .button_group .btn:first-child {margin-left:0!important; border-right:none; -webkit-border-bottom-left-radius:4px!important; border-bottom-left-radius:4px!important; -webkit-border-top-left-radius:4px; border-top-left-radius:4px!important; -moz-border-radius-bottomleft:4px!important; -moz-border-radius-topleft:4px!important;} body.track .button_group .btn:last-child {-webkit-border-top-right-radius:4px!important; border-top-right-radius:4px!important; -webkit-border-bottom-right-radius:4px!important; border-bottom-right-radius:4px!important; -moz-border-radius-topright:4px!important; -moz-border-radius-bottomright:4px!important;} body.track .button_group .btn:active {top:0; color:#505050!important; background:#f0f0f0!important; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important;} body.track .button_group .btn.enable.select {color:#538300!important; background:#d5eea9!important; font-weight:700!important; -webkit-box-shadow:inset 0 2px 4px rgba(200, 230, 200, 0.8), 0 1px 2px rgba(200, 230, 200, 0.8)!important; -moz-box-shadow:inset 0 2px 4px rgba(200, 230, 200, 0.8), 0 1px 2px rgba(200, 230, 200, 0.8)!important; box-shadow:inset 0 2px 4px rgba(200, 230, 200, 0.8), 0 1px 2px rgba(200, 230, 200, 0.8)!important;} body.track .button_group .btn.delete.select {color:#ae5050!important; background:#ffe0e0!important; -webkit-box-shadow:inset 0 2px 4px rgba(240, 175, 175, 0.3), 0 1px 2px rgba(240, 175, 175, 0.3)!important; -moz-box-shadow:inset 0 2px 4px rgba(240, 175, 175, 0.3), 0 1px 2px rgba(240, 175, 175, 0.3)!important; box-shadow:inset 0 2px 4px rgba(240, 175, 175, 0.3), 0 1px 2px rgba(240, 175, 175, 0.3)!important;} body.track .notinuse {margin-bottom:40px!important;} /* Inbox Preview */ div.emailpreview {margin:0; padding:0; font:14px arial,sans;} div.emailpreview .modal-content {overflow:visible;height:100%;} div.emailpreview .modal-body {padding:0!important;} div.emailpreview .previewoutter {position:relative; width:100%; height:100%; overflow:hidden;} div.emailpreview .previewoutter > div {position:relative; height:100%; overflow:hidden;} div.emailpreview .previewoutter .clients {position:relative; float:right; width:144px; height:569px; display:block; background:#ebebeb; border-left:1px solid #c9c9c9; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; z-index:3000;} div.emailpreview .previewoutter .clients ul {margin:0; padding:0; list-style-type:none;} div.emailpreview .previewoutter .clients > ul > li {position:relative; list-style-type:none; border-bottom:1px solid #ddd;} div.emailpreview .previewoutter .clients > ul > li.active, div.emailpreview .previewoutter .clients > ul > li:hover {background-color:#fefefe; cursor:pointer;} div.emailpreview .previewoutter .clients > ul > li > span {display:inline-block; width:auto; padding:14px 14px 14px 40px; background-repeat:no-repeat;} div.emailpreview .previewoutter .clients > ul > li.outlook > span {margin:0;} div.emailpreview .previewoutter .clients > ul > li.outlook ul {margin:-5px 0 14px 0; padding:0; border:none; background-color:transparent;} div.emailpreview .previewoutter .clients > ul > li.outlook li {margin:8px 0; padding-left:36px;} div.emailpreview .previewoutter .clients > ul > li.outlook li > span {padding:4px 6px;} div.emailpreview .previewoutter .clients > ul > li.outlook li > span.active, div.emailpreview .previewoutter .clients > ul > li.outlook li > span:hover {background:#cfcfcf; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);} div.emailpreview .previewoutter .clients > ul > li.gmail > span {background-image:url('../../admin/images/preview_gmail.png'); background-position:8px 13px;} div.emailpreview .previewoutter .clients > ul > li.yahoo > span {background-image:url('../../admin/images/preview_yahoo.png'); background-position:8px 13px;} div.emailpreview .previewoutter .clients > ul > li.apple > span {background-image:url('../../admin/images/preview_apple.png'); background-position:8px 7px;} div.emailpreview .previewoutter .clients > ul > li.aol > span {background-image:url('../../admin/images/preview_aol.png'); background-position:12px 13px; text-indent:100%; white-space:nowrap; overflow:hidden;} div.emailpreview .previewoutter .clients > ul > li.outlook > span {padding-top:18px; padding-bottom:18px; background-image:url('../../admin/images/preview_outlook.png'); background-position:8px 12px;} div.emailpreview .previewoutter .clients > ul.devices {position:relative; width:103%; height:104px; overflow:hidden; border-bottom:1px solid #ddd;} div.emailpreview .previewoutter .clients > ul.devices li {float:left; position:relative; padding:10px; text-align:center; border-bottom:0 none;} div.emailpreview .previewoutter .clients > ul.devices li:hover {background-color:#fefefe;} div.emailpreview .previewoutter .clients > ul.devices li.iphone {padding:80px 16px 20px; background-image:url('../../admin/images/preview_iphone.png'); background-position:50% 16px; background-repeat:no-repeat;} div.emailpreview .previewoutter .clients > ul.devices li.ipad {padding:80px 23px 10px; background-image:url('../../admin/images/preview_ipad.png'); background-position:50% 12px; background-repeat:no-repeat;} div.emailpreview .previewoutter .clients > .sharethis {position:absolute; bottom:18px; margin:0; padding:0; width:100%; text-align:center;} div.emailpreview .previewoutter .clients > .sharethis > a {display:inline-block; margin:0 auto; padding:10px 16px; width:auto; color:#333; background:#cfcfcf; text-decoration:none; border-radius:3px; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);} div.emailpreview .previewoutter .clients > .sharethis > a:hover {background:#b7b7b7;} div.emailpreview .previewoutter .clients > .sharethis input {position:absolute; top:-54px; left:14px;} div.emailpreview .previewoutter .emailframe {position:relative; margin:0; padding:0; margin-right:145px; height:569px; overflow-x:hidden; overflow-y:auto; z-index:3000;border-radius: 10px;} div.emailpreview .previewoutter .emailframe > div {position:relative; width:794px; height:575px; overflow:hidden;} div.emailpreview .previewoutter .emailframe .iphone_div {background:url('../../admin/images/emailpreview_iphone2.png') 50% no-repeat;} div.emailpreview .previewoutter .emailframe .iphone_div span {position:absolute; top:90px; left:283px; width:222px; height:393px; overflow:hidden; overflow-y:auto;} div.emailpreview .previewoutter .emailframe .ipad_div {background:url('../../admin/images/emailpreview_ipad2.png') 50% no-repeat;} div.emailpreview .previewoutter .emailframe .ipad_div span {position:absolute; top:70px; left:243px; width:326px; height:436px; overflow:hidden; overflow-y:auto;} div.emailpreview .previewoutter .spinner_wrap1 {position:absolute!important; top:0!important; left:0!important; width:793px!important; height:569px!important; margin-right:145px!important; background:url('../../admin/images/bg_trans_10.png'); z-index:2000!important;} div.emailpreview .previewoutter .spinner_wrap1 > div[role='progressbar'] {position:relative!important; top:240px!important; left:420px!important;} div.emailpreview .previewoutter .spinner_wrap1 .desc {position:absolute; bottom:185px; width:105%; text-align:center;} div.emailpreview .previewoutter .spinner_wrap1 .desc h4 {margin:0 0 2px; padding:0; font-size:17px; color:#999;} div.emailpreview .previewoutter .spinner_wrap1 .desc p {margin:0; font-size:14px; color:#b4b4b4; font-weight:100;} div.emailpreview .emailpreview_nocontent {position:absolute!important; top:0!important; left:0!important; width:793px!important; height:569px!important; margin-right:145px!important; z-index:2000!important; padding:40px;} /* Preview Billing */ .modal.emailpreview_init .emailpreview_purchase {margin-top:20px; padding:10px 15px; border:1px solid #ddd; background:url('../images/emailpreview_purchase_lock.png') no-repeat top right; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 2px 6px rgba(0,0,0,0.1);} .modal.emailpreview_init .emailpreview_purchase select {display:inline-block; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .modal.emailpreview_init .emailpreview_purchase p.credit-remains {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ddd;} .modal.emailpreview_init .emailpreview_purchase p.charge-details {margin-top:20px; padding-left:19px; background:url('../images/emailpreview_purchase_card.png') no-repeat 0% 3px;} .modal.emailpreview_init .emailpreview_purchase .btn { display: inline-block; margin: 0 0 0 6px!important; padding: 0px 19px!important; font-size: 12px; vertical-align: top; } /* SMS */ body.sms_subscribe {min-width:1250px;} body.sms_subscribe .sms-subscribe {padding:0; background-color:#ececec; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;} body.sms_subscribe .sms-subscribe > div {position:relative;} body.sms_subscribe .sms-subscribe .clearfloats:before, .clearfloats:after {display:table; content:""; line-height:0;} body.sms_subscribe .sms-subscribe .clearfloats:after {clear:both;} /* SMS credit notification */ body.sms_subscribe .smscredits {position:relative; margin-top:20px; padding:22px; background-color:#d6eaf2; font-size:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} body.sms_subscribe .smscredits .smscredits-current {font-size:17px; color:#216f8f; font-weight:100;} body.sms_subscribe .smscredits .smscredits-current a {color:#216f8f;} body.sms_subscribe .smscredits .smscredits-purchase {position:absolute; top:12px; right:22px;} body.sms_subscribe .smscredits .smscredits-purchase a {display:inline-block; margin:0 auto; padding:12px 62px; color:#fff; background:#19b900; border: 1px solid #16a500; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none;} body.sms_subscribe .smscredits .smscredits-details {margin-top:40px; padding-top:20px; border-top:1px solid #b6d5e2;} body.sms_subscribe .smscredits .smscredits-details li {line-height:25px;} body.sms_subscribe .smscredits .smscredits-details li.small-sms-alert {padding-top:15px; font-size:12px; font-weight:100;} body.sms_subscribe .sms-sidebar {position:relative; float:right; padding:20px; width:300px; min-height:480px; text-align:center;} body.sms_subscribe .sms-sidebar:before, body.sms_subscribe .sms-sidebar:after {position:absolute; content:''; top:212px; left:-62px; width:0px; height:0px; border-style:solid; border-width:25px 0 25px 25px; border-color:transparent transparent transparent #fff; z-index:100;} body.sms_subscribe .sms-sidebar:before {left:-61px; border-color:transparent transparent transparent #ddd;} body.sms_subscribe .sms-sidebar #phone_slider {position:relative; margin-top:15px;} body.sms_subscribe .sms-sidebar #phone_slider > div {position:absolute; top:0; right:26px; width:288px; height:455px; background-position:50% 70px; background-repeat:no-repeat;} body.sms_subscribe .sms-sidebar #phone_slider > div#sms-phone-number {background-image:url('../images/sms-phone-phrase.png');} body.sms_subscribe .sms-sidebar #phone_slider > div#sms-phone-phrase {background-image:url('../images/sms-phone-phrase.png');} body.sms_subscribe .sms-sidebar #phone_slider > div#first-response {background-image:url('../images/sms-first-response.png');} body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed {background-image:url('../images/sms-success-subscribed.png');} body.sms_subscribe .sms-sidebar #phone_slider > div > span {display:block; position:absolute; top:270px; width:66%; text-align:left; font-size:15px;} body.sms_subscribe .sms-sidebar #phone_slider > div > span.number {top:255px; font-family:monospace;} body.sms_subscribe .sms-sidebar #phone_slider > div#sms-phone-number span.number {left:78px;} body.sms_subscribe .sms-sidebar #phone_slider > div#sms-phone-phrase span.number {top:230px; left:56px;} body.sms_subscribe .sms-sidebar #phone_slider > div#sms-phone-phrase span.phrase {top:275px; left:36px;} body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed > div.msg { position:relative; top:124px; margin:16px 0;} body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed div.reply.success { background-color:#0ead0e;} body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed div.reply.success span.response {color:#fff;} body.sms_subscribe .sms-sidebar #phone_slider > div#first-response div.respond, body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed div.respond {left:28px; width:200px; background-color:#dcecf8; border:1px solid #bdddf3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} body.sms_subscribe .sms-sidebar #phone_slider > div#first-response div.respond:before, body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed div.respond:before {background-image:none;} body.sms_subscribe .sms-sidebar #phone_slider > div#first-response div.respond:after, body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed div.respond:after {position:absolute; content:''; top:-1px; right:-34px; width:30px; height:30px; background-image:url('../images/sms_avatar_bob.png'); background-repeat:no-repeat; background-position:0;} body.sms_subscribe .sms-sidebar #phone_slider > div#success-subscribed div.respond > span {margin-left:0;} body.sms_subscribe .sms-sidebar #phone_slider > div > div.reply {position:relative; top:140px; left:60px; width:200px; background-color:#fff; border:0 none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} body.sms_subscribe .sms-sidebar #phone_slider > div > div.message_blank {top:376px; left:25px; width:240px; height:34px; background-color:#fff; border:0 none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} body.sms_subscribe .sms-sidebar #phone_slider > div > div.message_blank > .cursor {top:8px; left:-30px; padding:0;} body.sms_subscribe .sms-sidebar #phone_slider > div > div.reply:before {position:absolute; content:''; top:-1px; left:-32px; width:30px; height:30px; background-image:url('../images/sms_avatar_sender.png'); background-repeat:no-repeat; background-position:0;} body.sms_subscribe .sms-sidebar #phone_slider > div > div.reply > span {margin-left:0; padding:0 10px 10px;} body.sms_subscribe .sms-sidebar #phone_slider > div > div.reply > span.number {font-size:11px; color:#a8a8a8; top:8px;} body.sms_subscribe .sms-sidebar #phone_slider > div > div {position:absolute; top:-12px; left:-22px; width:114%; background-color:#fcfcfc; border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.2); box-shadow:0 2px 1px 0 rgba(0,0,0,0.2);} body.sms_subscribe .sms-sidebar #phone_slider > div > div > span {position:relative; display:block; text-align:left; margin-left:40px; font-size:14px; line-height:18px; padding:10px; color:#474747;} body.sms_subscribe .sms-sidebar #phone_slider > div > div > em {position:relative; display:block; float:left; text-align:center; font-size:35px; font-style:normal; padding:10px; color:#474747; border-right:1px solid #aaa;} body.sms_subscribe .sms-sidebar #phone_slider .cursor:after {position:absolute; content:''; margin-left:2px; width:1px; height:17px; background-image:url('../images/sms_animate_cursor.gif'); background-repeat:no-repeat; background-position:0;} body.sms_subscribe .sms-sidebar .pagination {position:absolute; bottom:0; left:100px;} body.sms_subscribe .sms-sidebar .pagination li { float:left; margin:0 4px; list-style-type:none; } body.sms_subscribe .sms-sidebar .pagination li > a { display:block; padding:0; width:25px; height:25px; line-height:25px; color:#fff; background:#30d6ff; text-decoration:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; list-style-type:none;} body.sms_subscribe .sms-sidebar .pagination li > a.current {background:#0086a7;} body.sms_subscribe .sms-subscribe label {display:block; margin:0 0 4px; color:#474747; font-weight:700;} body.sms_subscribe .sms-subscribe input[type="text"] { position:relative; top:1px; margin:0; padding:9px 8px 8px; background-color:#FFF; line-height:100%; border:1px solid #C3C3C3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } body.sms_subscribe .sms-subscribe span.counter {display:block; margin-top:4px; font-size:11px; color:#999;} body.sms_subscribe .sms-subscribe .sms-subscribe-phone, body.sms_subscribe .sms-subscribe .sms-subscribe-phrase, body.sms_subscribe .sms-subscribe .sms-subscribe-activate { float: left;height: 100%;margin-right: 10px; } body.sms_subscribe .sms-subscribe .sms-subscribe-activate { top: 22px;position: relative; } body.sms_subscribe .sms-subscribe .sms-subscribe-phrase input[type="text"] { min-width: 300px !important; } body.sms_subscribe .sms-subscribe .selectdropdown { position: relative;top: 3px;min-height: 500px; } body.sms_subscribe .sms-subscribe .selectdropdown a.dropdown_select { width: 140px; } body.sms_subscribe .sms-subscribe .selectdropdown a.dropdown_select::after { position: absolute;right: 10px; } body.sms_subscribe .sms-subscribe .selectdropdown .dropdown_menu { min-width: 200px; } body.sms_subscribe .sms-phone-phrase {margin-right:400px; padding:20px 40px 20px 20px; min-height:500px; background-color:#fff;} body.sms_subscribe .sms-phone-phrase:after {position:absolute; content:''; top:0; right:0; height:100%; border-right:1px solid #ddd;} body.sms_subscribe .sms-subscribe-messages {margin:0; padding:20px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} body.sms_subscribe .sms-subscribe-messages input[type="text"] {min-width:100%!important;} body.sms_subscribe .sms-subscribe-messages > div {margin-bottom:10px; padding:0 40px 10px 0; } body.sms_subscribe .sms-subscribe-messages > div:last-child {margin-bottom:0; padding-bottom:0;} body.sms_subscribe .sms-body {position:relative; padding:20px; height:75px; border-radius:5px; background-color:#f8f6c9; border:1px solid #e7e5b7;} body.sms_subscribe .sms-body:before, body.sms_subscribe .sms-body:after {content:''; display:table;} body.sms_subscribe .sms-body:after {clear:both;} body.sms_subscribe .sms-subscribe-footer { position:relative; clear:both; margin:20px 0 0; padding:18px; background-color:#F5F5F5; border-top:1px solid #DDD; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -webkit-box-shadow:inset 0 1px 0 #FFF; -moz-box-shadow:inset 0 1px 0 #ffffff; box-shadow:inset 0 1px 0 #FFF; } body.sms_subscribe .sms-subscribe-footer .disable {float:right;} body.sms_subscribe .smscredits .smscredits-details {display:none;} body.sms_subscribe .sms-custom-number { padding: 9px 14px 9px 0px; font-size: 16px; } .inline_editable:not(.selectdropdown) { position:relative; display:inline-block; cursor:pointer; } .inline_editable:not(.selectdropdown):hover:after { position:absolute; content:' '; top:0; left:0; display:inline-block; width:100%; height:100%; } .inline_editable:hover { background-color:rgba(245,255,0, 0.2); cursor:pointer; } /* Apply this style only in the activity stream */ .deal_view_activity_item_full_view .inline_editable:hover {position:relative; display:inline-block; background-color:rgba(245,255,0, 0.2); cursor:pointer;} .deal_view_activity_item_full_view .inline_editable:hover:after {position:relative; display:block; content:''; display:none;} .inline_editing {position:relative; margin:0; padding:0; background:inherit; border:0 none!important; cursor:text;} .inline_editing:after {position:absolute; content:''; display:inline-block; left:0; bottom:0; margin:0; padding:0; height:1px; width:100%; background:inherit; background-image:url('../images/inline_editing_input.png'); background-repeat:repeat-x; background-position:bottom left; cursor:text;} /* View Contact */ body.deal_view { background-color:transparent; min-width:1200px;} body.contact_view { background-color:transparent; } body.contact_view #ac_automodal .modal-dialog, body.deal_view #ac_automodal .modal-dialog { left:auto; } #vc_header { position:absolute; height:190px; z-index:0; padding:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-repeat:no-repeat;} #vc_header_bg { height:217px; top:20px; opacity:.8; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#eaeaea; background-image:url('../images/contact_view_world_map.png'); background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;} #vc_header_avatar { position:absolute; display:block; clear:both; top:25px; left:50px; width:150px; height:150px; overflow:hidden; background-position:center center; background-size:auto 160px!important;} #vc_header_avatar img {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; display:table; height:auto; overflow:auto; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;} #vc_header_name { position:absolute; top:20px; left:251px; display:block; margin-right:400px; max-width:448px;} #vc_header_name h1 { margin:0px; font-size:28px; display:block;} #vc_header_name h1.empty { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; opacity:0.4; } #vc_header_name h2 { margin:0px; font-size:18px; color:#646963; } #vc_header_name h2, #subscriber_email_title_edit {} #vc_header_name span {display:inline-block; max-width:448px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #vc_header_name span:hover, #vc_header_name span:hover { display:inline-block; background-color:rgba(245,255,0, 0.2); cursor:pointer; } #vc_header_name input[type="text"], .deal .stage .stage_menu_title_edit_value {position:relative; top:1px; margin-right:7px; display:inline-block;} #vc_header_meta_location_time { float:right; padding-top:2px; margin-right:8px; height:35px; } #vc_header_meta { position:absolute; top:50px; right:10px; height:35px; z-index: 10; } #vc_header_meta_social_icons { float:right; } #vc_header_meta_social_icons ul { } #vc_header_meta_social_icons li { position:relative; display:inline-block; margin-right:5px; display:none; } #vc_header_meta_social_icons li#vc_meta_email { display:inline-block; cursor: pointer; } #vc_header_meta_social_icons li:last-child { margin-right:3px; } #vc_header_meta_social_icons li img {border:1px solid rgb(78,78,78); border:1px solid rgba(78,78,78, 0.5); -webkit-background-clip:padding-box; background-clip:padding-box;} #vc_add_deal_btn { display: none; } @media (max-width:1224px) { #vc_header_meta { right: initial; left: 250px; top: 102px; } #vc_container #vc_left_wrap { top: 66px !important; } } /* Progress stage in /deal/ */ body.deal_view #vc_header_meta {height: 100%;} /* Progress bar - pills */ #deal_view_progress > ul.stages {position:relative; display:table; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #deal_view_progress > ul.stages > li {position:relative; display:table-cell; float:none!important; margin:0; padding:0; z-index:2; white-space:nowrap;} #deal_view_progress > ul.stages > li:nth-child(2) {-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;} #deal_view_progress > ul.stages > li:last-child {-webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; border-right: 0 none;} #deal_view_progress > ul.stages > li > span {position: relative; display: block; margin-left:6px; padding:8px 16px; font-size:15px; font-weight:100; text-align: center; color:#81a7d6; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #deal_view_progress > ul.stages > li.current {border-right: 0 none; z-index:100;} #deal_view_progress > ul.stages > li.current > span {position:relative; color:#fff; background-color:rgba(0, 45, 85, 0.5); border-right:0 none;} #deal_view_progress #board_name {right:-4px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:text!important; border-right:0 none!important; z-index:1;} #deal_view_progress #board_name > span {display:inline-block; padding-left:38px; height:100%; font-size:15px; color:#a7b8cc; font-weight:100; cursor:text!important;} #deal_view_progress #board_name > span a { color:#cdd8e5; text-decoration: none; cursor: pointer; } #deal_view_progress #board_name > span a:hover { text-decoration:underline; } #deal_view_progress #current_stage > span {display:inline-block; padding-right:0; font-size:15px; color:#a7b8cc; font-weight:100;} #deal_view_progress #current_stage > div#current_stage_wrap {position:relative; display:inline-block; margin:0; padding:0;} #deal_view_progress #current_stage > div#current_stage_wrap > span {position:relative; display:block; display:block; margin-left:6px; padding:8px 26px 8px 16px; font-size:15px; font-weight:100; text-align: center; color:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #deal_view_progress #current_stage > div#current_stage_wrap > span:after {position:absolute; top:15px; right:12px; content:''; width:0; height:0; border-width:4px 4px 4px 0; border-style:solid; border-color:transparent rgba(255,255,255, 0.8) transparent transparent; -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); z-index:50;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown {display:none; position:absolute; top:40px; right:8px; margin:0; padding:25px; max-height:300px; background:#fff; font-size:12px; border:1px solid #ddd; text-align:center; -webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2); box-shadow:0 5px 5px 0 rgba(0,0,0,0.2); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; overflow-y:auto; z-index:100;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown:before, #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown:after {position:absolute; top:-8px; right:15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #ddd transparent transparent; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); z-index:50;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown:after {top:-7px; border-color:transparent #fff transparent transparent;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown ul {position:relative; display:block;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li {position:relative; display:block; margin:0 auto; padding:10px; background-color:#505050; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; cursor:pointer;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li:not(:last-child) {margin-bottom:20px;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li:before {position:absolute; content:''; top:36px; height:54px; width:5px; background-color:#f0f0f0; z-index:-1;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.done:before {background-color:#c0c0c0;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.current:before {background-color:#f0f0f0;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li:last-child:before {display:none;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li div.stage_wrap {display:block; background-repeat:no-repeat; background-size:16px; background-position:center right;} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.done div.stage_wrap {background-position:center right; background-image:url('https://d226aj4ao1t61q.cloudfront.net/0dqacnbvt_deal_task_stage_completed.png');} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.current div.stage_wrap {background-position:center right; background-image:url('https://d226aj4ao1t61q.cloudfront.net/rozq2siaa_deal_task_stage_current.png');} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li h4 {margin:0; padding:0; font-size:14px; color:rgba(150, 150, 150, 0.8);} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.done h4 {color:rgba(255, 255, 255, 0.8);} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.current h4 {color:rgba(255, 255, 255, 1);} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li span.time-value {display:block; font-size:11px; color:rgba(150, 150, 150, 0.5);} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.done span.time-value, #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.current span.time-value {color:rgba(255, 255, 255, 0.5);} #deal_view_progress #current_stage > div#current_stage_wrap #stage_dropdown li.current span.time-value {color:rgba(255, 255, 255, 1); text-transform:uppercase;} .deal_view .deal_view_actions_tab_content, .deal_view #deal_view_actions_button_container .deal_view_actions_button { display: none; } .deal_view .deal_view_actions_button { cursor: pointer; } .deal #deal_view_edit_group_stage ul li.col { display: inline-block; margin-right: 15px; } #uxbody .uxlftcolm form #contact_view_email_message { width: 574px; height: 170px; } #vc_meta_location { color:#000000; } #vc_meta_time { font-size:12px; color:#979fa2; } #vc_meta_location, #vc_meta_time { display:block; text-align:right; } #vc_meta_location img {position:relative; top:3px; margin-right:8px; width:12px; height:19px;} #vc_meta_location em {position:relative; top:-4px;} #vc_container { position:relative; margin-top:-114px; width:100%; z-index:10; } #vc_container #vc_inner { position:relative; } #vc_container:after, #vc_container #vc_inner_left:after, #vc_container #vc_inner:after { position:relative; content:'.'; display:table; clear:both; visibility:hidden; line-height:0; height:0;} #vc_container #vc_inner_left {position:relative;} #vc_container #vc_left_wrap {position:relative; right:12px; margin-left:262px;} #vc_container #col1 { position:relative; min-height:150px; overflow:hidden; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; padding:15px 15px 0px 15px; } #vc_container #col2 { position:relative; float:left; margin-top:132px; width:250px; } #vc_container #col3 { float:right; width:230px; margin-right:0px; position:relative; padding:15px 15px 0 0; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; } #vc_container #col1, #vc_container #col3 { background-color:#fff; } #vc_container #col2 > div:last-child, #vc_container #col3 > div:last-child { margin-bottom:0; } #vc_container #col1_top_left { float:left; } #vc_container #col1_top_right { float:right; } #vc_container #col1_top_right #vc_filter_btn { position:relative; margin:0 0 0 -5px!important; padding:0.8em!important; display:inline-block; font-size:11px!important; font-weight:100!important; line-height:12px!important; color:#AEAEAE!important; vertical-align:middle; cursor:pointer; background-color:#F5F5F5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F6F6F6)); background-image:-webkit-linear-gradient(top, #FFF, #F6F6F6)!important; background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #FFF, #F6F6F6)!important; background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6)!important; background-repeat:repeat-x; border:1px solid #DDD!important; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0)!important; filter:progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration:none; text-shadow:0 1px 1px #FFF!important; text-align:center; box-shadow:inset 0 1px 0 #FFF!important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #vc_container #col1_top_right a { margin-bottom: 15px !important; margin-top: 0px; } #vc_container #col1_top_right #vc_filter_btn.active {color:#505050!important; background:#F0F0F0!important; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important;} .vc_widget { position:relative; border:1px #d6d6d6 solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0; margin:0px 0px 25px 0px; background-color:#f5f5f5; overflow:visible;} .vc_widget:last-child {margin-bottom:15px;} .vc_widget label {margin-bottom:6px;} .vc_widget input[type="text"] {width:98%; margin:0!important; padding:7px 5px!important; display:inline-block; font:14px helvetica,arial,sans; color:rgb(51, 51, 51); line-height:100%; background-color:rgb(255, 255, 255); border:1px solid rgb(195, 195, 195); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .vc_widget .vc_widget_title { padding:10px 12px; color:#000000; font-weight:bold; font-size:14px; background-color:#fff; border-bottom:1px #e9e9e9 solid; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .vc_widget .vc_widget_title_left { float:left; width:75%; } .vc_widget .vc_widget_title_right { float:right; } .vc_widget .vc_widget_title_right img { cursor:pointer; } .vc_widget .vc_widget_inner { padding:12px; } .vc_widget .vc_widget_inner ul.tagit li.tagit-choice { padding: 4px 32px 6px 10px !important; } .vc_widget .vc_widget_inner ul.tagit li.tagit-choice .tagit-label { padding-right: 0 !important;word-wrap: break-word; } .vc_widget .vc_widget_inner ul.tagit .tagit-close { right: 15px !important;top: 5px !important; } .vc_widget .vc_widget_inner ul.tagit .tagit-close .ac-icon { text-decoration: none; } .vc_widget .selectdropdown {position: relative;} .vc_widget .selectdropdown .dropdown_select {text-decoration: none!important; line-height: 100%;} .vc_widget .selectdropdown .dropdown_menu li {padding: 0!important; line-height: 100%;} .vc_widget .selectdropdown .dropdown_menu a {line-height: 19px; text-decoration: none!important;} .vc_widget .button {margin-bottom:0; padding:8px 24px;} .vc_widget .popover-content {max-height: 600px; overflow-y: scroll;} .vc_widget_item_list {position:relative; overflow:visible;} #vc_container .vc_widget_item_list, .deal .vc_widget_item_list {max-height: 200px; overflow-y: auto;} #vc_container .vc_widget_item_list .vc_widget_item, .deal .vc_widget_item_list .vc_widget_item { background-color:#f6f6f6; padding:10px 20px 10px 20px; color:#676c66; border-bottom:1px #e9e9e9 solid; } .vc_widget_item_list .vc_widget_item_left { font-weight:bold; } .vc_widget_item_list .vc_widget_item_right { cursor:pointer; } .vc_widget_item_list .vc_widget_item:not(.vc_noneditable_item) .vc_widget_item_right:hover { background-color:rgba(245,255,0, 0.2); } .vc_widget_item_list .vc_widget_item .editable-input {display:block; padding-bottom:7px;} .vc_widget_item_list .vc_widget_item .editable-input .editable-date .datepicker-days {border:1px solid #ddd; -webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; border-top-right-radius:3px; } .vc_widget_item_list .vc_widget_item .editable-input .editable-date td.active {background:rgb(0, 144, 224);} .vc_widget_item_list .vc_widget_item .editable-input .editable-date table.table-condensed {width:100%;} .vc_widget_item_list .vc_widget_item .editable-input .editable-date table.table-condensed thead {border-bottom:1px solid #ddd;} .vc_widget #add_deal_widget_form input[type="text"], .vc_widget_item_list .vc_widget_item .editable-input input.input-sm {padding:7px 11px!important; background-color:#ffffff; line-height:100%; border:1px solid #c3c3c3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition:border linear 0.2s, box-shadow linear 0.2s; -moz-transition:border linear 0.2s, box-shadow linear 0.2s; -ms-transition:border linear 0.2s, box-shadow linear 0.2s; -o-transition:border linear 0.2s, box-shadow linear 0.2s; transition:border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);} .vc_widget_item_list .vc_widget_item .editable-input select {width:100%; padding:7px 11px!important; font-size:14px!important;} .vc_widget_item_list .vc_widget_item .editable-buttons {display:block; padding-top:7px; margin:0;} .vc_widget_item_list .vc_widget_item .editable-buttons button {width:45px; margin:0; font-size:14px!important; -webkit-box-shadow:0px 1px 1px rgba(206, 206, 206, 0); -moz-box-shadow:0px 1px 1px rgba(206, 206, 206, 0); box-shadow:0px 1px 1px rgba(206, 206, 206, 0);} .vc_widget_item_list .vc_widget_item .editable-buttons button.editable-submit {margin-right:5px; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,0.4)!important; background:#82cc5d!important; background:-moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%)!important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c))!important; background:-webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%)!important; background:-o-linear-gradient(top, #82cc5d 0%,#53b73c 100%)!important; background:-ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%)!important; background:linear-gradient(to bottom, #82cc5d 0%,#53b73c 100%)!important; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 )!important; border:1px solid #429e34!important; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;} .vc_widget_item_list .vc_widget_item .editable-buttons button.editable-cancel {color:rgba(136, 136, 136, 1); background:#ffffff; background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #f5f5f5); background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); background-image:linear-gradient(#ffffff, #ffffff 25%, #f5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5'); border:1px solid #c2c2c2; border-bottom:1px solid #a7a7a7; text-decoration:none; -webkit-border-radius:3px!important; -moz-border-radius:3px!important; border-radius:3px!important; text-shadow:1px 1px 0px #fff; -webkit-box-shadow:0px 1px 1px rgba(206, 206, 206, 0); -moz-box-shadow:0px 1px 1px rgba(206, 206, 206, 0); box-shadow:0px 1px 1px rgba(206, 206, 206, 0); text-align:center; cursor:pointer!important; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;} .vc_widget_item_list .vc_widget_item .popover .editable-buttons button {margin:0!important; padding:5px 3px!important;} .vc_widget_item_list .vc_widget_item .popover .editable-buttons button:first-child {margin-right:5px!important; background-color:#82cc5d!important;} #uxbody .uxlftcolm .editable-buttons button { height: 25px; } body.deal .vc_widget_item .popover form .editable-input input[type="text"] {width:auto!important;} .vc_widget ul:not(.select2-choices):not(#deal_widget_form):not(#vc_widget_deal_task_list):not(.vc_automated_series_starts_list) { max-height:180px; overflow-y:auto; } #vc_widget_tags .vc_widget_inner { padding: 0; } #vc_widget_tags .vc_widget_inner .tags { padding: 15px; background: #FFF; } #vc_widget_tags .vc_widget_inner ul.tagit {padding: 0!important; min-height:34px; max-height:none!important; border: 0 none; overflow-y: visible !important; } #vc_container .vc_widget ul li.tagit-choice:not(.remove) {padding-left:10px!important; border: 1px solid #D3D3D3!important; background: 0 none;} #vc_container .vc_widget ul li.tagit-new, body.deal .vc_widget ul li.tagit-new {padding:0!important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #vc_container .vc_widget ul li.tagit-new input.ui-widget-content, body.deal .vc_widget ul li.tagit-new input.ui-widget-content {margin:10px 0 0!important; width: 100%; border: 1px solid var(--slate-200);} #vc_container .vc_widget ul.tagit span.ui-icon-close {background:url('../images/tag_delete-10x10.png') no-repeat 5px 5px!important;} #vc_container .vc_widget ul li:not(.select2-search-choice):not(.select2-search-field):not(.tagit-new), .deal .vc_widget ul li:not(.select2-search-choice):not(.select2-search-field):not(.tagit-new) { position:relative; padding:10px 20px; color:#676c66; border-bottom:1px #e9e9e9 solid;} #vc_container #vc_widget_travel_history.vc_widget ul li { margin:0 0 12px 0; } #vc_container .vc_widget ul li a, .deal .vc_widget ul li a { text-decoration:underline; color:#000000; line-height:19px; } #vc_container .vc_widget ul li#vc_automated_series_empty a, .deal .vc_widget ul li#vc_automated_series_empty a { line-height: auto; } #vc_container #vc_content_container { border:1px #e9e9e9 solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; background-color:#fafafa; } #vc_container #vc_content_container > div { position:relative; height:100%; overflow-y:auto; } #vc_container .vc_tab_content:not(#vc_stream):not(#vc_personal_data) { display:none; } #vc_container #vc_content_container .vc_tab_content:not(#vc_stream):not(#vc_tracking):not(#vc_deals) { position:relative; padding:15px; height:100%; } #vc_container #vc_content_container .vc_tab_content h3 { margin-bottom:15px; } #vc_container #vc_content_container #vc_tracking_inner, #vc_container #vc_content_container #vc_deals_inner { padding:15px; } #vc_container #vc_stream { min-height:70px; overflow-y:auto; } #vc_container #vc_stream .ac_loader_local_wrap { padding-bottom: 15px; } #vc_container #vc_stream .tearoff, .deal .tearoff { position:relative; top:-1px; margin-bottom:10px; height:19px; background-color:#eeffe9; background-image:url('../images/contact_view_tearoff.png'); background-repeat:repeat-x; background-position:bottom left; overflow:visible;} .deal .tearoff { top: 0px; } #vc_container #vc_stream .tearoff:after {position:absolute; content:''; top:9px; left:25px; height:24px; width:1px; background-color:#ddd;} #vc_container #vc_stream .vc_stream_img_wrap {position:relative; display:inline-block; width:20px; height:20px; background-color:#fff; border:1px solid #ddd; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; overflow:hidden;} #vc_container #vc_stream .vc_stream_img_wrap img {position:absolute; display:block; top:0; right:0; bottom:0; left:0; margin:auto; width:21px; height:21px;} #vc_container .vc_stream_item {position:relative; background-color:#fafafa; } #vc_container .vc_stream_item:first-child { padding-top:12px; } #vc_container .vc_stream_item:last-child { border-bottom:none; } #vc_container .vc_stream_past:before {position:absolute; content:''; top:0; left:25px; height:100%; width:1px; background-color:#ddd;} #vc_container .vc_stream_item a { color:#000000; text-decoration:underline; } #vc_container .vc_stream_item .vc_stream_item_left { margin:0 10px 0 10px; width:30px; height:30px; float:left; text-align:center; } #vc_container .vc_stream_item .vc_stream_item_left img.vc_stream_img_full { width:40px; height:40px; } #vc_container .vc_stream_item .vc_stream_item_right { /*float:left;*/ padding:0 10px 10px 10px; } #vc_container .vc_stream_item .vc_stream_item_right p { margin:0; padding:1px 0 0 0; color:#333; } #vc_container .vc_stream_item .vc_stream_item_right p a { cursor: pointer; color:#333; font-weight:100;} #vc_container .vc_stream_item .vc_stream_item_right .vc_stream_item_wrap {position:relative; top:-2px; margin-left:38px; padding:10px 12px; background-color:rgba(255,255,255, 0.9); border:1px solid #ebebeb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #vc_container .vc_stream_item .vc_stream_item_right .vc_stream_item_wrap:before, #vc_container .vc_stream_item .vc_stream_item_right .vc_stream_item_wrap:after {position:absolute; top:4px; left:-8px; content:''; width:0; height:0; border-width:8px 8px 8px 0; border-style:solid; border-color:transparent #ebebeb transparent transparent; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); z-index:50;} #vc_container .vc_stream_item .vc_stream_item_right .vc_stream_item_wrap:after {top:4px; left:-7px; border-color:transparent #fff transparent transparent;} #vc_container .vc_stream_item.vc_stream_future .vc_stream_item_right .vc_stream_item_wrap {background-color:rgba(166, 219, 153, 0.2); border:0 none;} #vc_container .vc_stream_item.vc_stream_future .vc_stream_item_right .vc_stream_item_wrap:before {border-color:transparent rgba(166, 219, 153, 0.2) transparent transparent!important;} #vc_container .vc_stream_item.vc_stream_future .vc_stream_item_right .vc_stream_item_wrap:after {display:none;} #vc_container .vc_stream_item .vc_stream_item_time { color:#cdcdcd; display:block; margin:3px 0px 0px 0px; } #vc_container .vc_stream_item.vc_stream_future { padding-top:15px; background-color:#eeffe9; color:#888; } #vc_container .vc_stream_item.vc_stream_future a { color:#cecece; } #vc_container .vc_stream_future:last-of-type { border-bottom:0 none!important; } #vc_container .vc_stream_item.vc_stream_future a { color:#cbc9bd; } #vc_container .vc_stream_item.vc_stream_future .vc_stream_item_time { color:#999; } #vc_container .vc_stream_item.vc_stream_future .vc_stream_item_left { border:0 none; } #vc_widget_personal_data #vc_purchased_erja_blank { display: none; } #vc_container #vc_widget_personal_data .vc_widget_title, .deal #vc_widget_personal_data .vc_widget_title { background-color:#fff; } #vc_container #vc_widget_personal_data .vc_widget_item_list #vc_personaldata_age, #vc_container #vc_widget_personal_data .vc_widget_item_list #vc_personaldata_gender, .deal #vc_widget_personal_data .vc_widget_item_list #vc_personaldata_age, .deal #vc_widget_personal_data .vc_widget_item_list #vc_personaldata_gender { display:none; } #vc_widget_personal_data .vc_widget_item_list .vc_widget_item.vc_noneditable_item { background: #F7F7F7 url("https://d226aj4ao1t61q.cloudfront.net/w9mqrrow_sidebar-pattern.png"); background-size: 7px; } #vc_container #vc_widget_personal_data .vc_widget_item_left, #vc_container #vc_widget_personal_data .vc_widget_item_right, .deal #vc_widget_personal_data .vc_widget_item_left, .deal #vc_widget_personal_data .vc_widget_item_right { word-wrap:break-word; } #vc_container #vc_widget_personal_data .vc_widget_loading p, .deal #vc_widget_personal_data .vc_widget_loading p { padding:10px 20px 0px 20px; } #vc_container #vc_widget_lists, .deal #vc_widget_lists { position:relative; } #vc_container #vc_widget_lists ul, .deal #vc_widget_lists ul { padding-top:6px; } #vc_container #vc_widget_lists li .vc_lists_left, .deal #vc_widget_lists li .vc_lists_left { float:left; width:40px; } #vc_container #vc_widget_lists li .vc_lists_left a, #vc_container #vc_widget_lists li .vc_lists_right a, .deal #vc_widget_lists li .vc_lists_left a, .deal #vc_widget_lists li .vc_lists_right a { cursor:pointer; } #vc_container #vc_widget_lists li .vc_lists_right, .deal #vc_widget_lists li .vc_lists_right { float:left; width:160px; } #vc_container #list_status_changer, .deal #list_status_changer { display:none; position:absolute; top:0; left:0; padding:0; min-width:380px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.1); z-index:10000000000;} .deal #list_status_changer { max-width: 306px; min-width: 0px; } #vc_container #list_status_changer.extended, .deal #list_status_changer.extended { width:500px; } #vc_container #list_status_changer .status_changer_title, .deal #list_status_changer .status_changer_title {padding:10px 12px; border-bottom:1px solid #ddd; font-weight:bold;} #vc_container #list_status_changer .status_changer_title .close, .deal #list_status_changer .status_changer_title .close {position:absolute; display:block; top:10px; right:10px; margin:0; padding:0; cursor:pointer;} #vc_container #list_status_changer .status_changer_title .close a, .deal #list_status_changer .status_changer_title .close a {position:relative; display:block; width:8px; height:9px; background:url('../images/segment_close.png') no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;} #vc_container #list_status_changer .status_changer_title .close a:hover, .deal #list_status_changer .status_changer_title .close a:hover{background-position:0 -9px;} #vc_container #list_status_changer .status_changer_body, .deal #list_status_changer .status_changer_body { margin:0; padding:0; overflow:hidden; } #vc_container #list_status_changer .status_changer_body .switcher, .deal #list_status_changer .status_changer_body .switcher { position:relative; margin:0 auto; padding:12px; overflow:hidden; text-align:center;} #vc_container #list_status_changer .status_changer_body .switcher a, .deal #list_status_changer .status_changer_body .switcher a {cursor:pointer; display:inline-block; margin:0; padding:0; width:100px; height:100%; padding:50px 8px 8px; text-align:center; color:#555; text-decoration:none; background-repeat:no-repeat; background-position:50% 16px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .deal #list_status_changer .status_changer_body .switcher a { width: 75px; } #vc_container #list_status_changer .status_changer_body .switcher a.subscribed, .deal #list_status_changer .status_changer_body .switcher a.subscribed { background-image:url('../../admin/images/contact_view_list_subscribed.png'); } #vc_container #list_status_changer .status_changer_body .switcher a.unsubscribed, .deal #list_status_changer .status_changer_body .switcher a.unsubscribed { background-image:url('../../admin/images/contact_view_list_unsubscribed.png'); } #vc_container #list_status_changer .status_changer_body .switcher a.bounced, .deal #list_status_changer .status_changer_body .switcher a.bounced { background-image:url('../../admin/images/contact_view_list_bounced.png'); } #vc_container #list_status_changer .status_changer_body .switcher a.unconfirmed, .deal #list_status_changer .status_changer_body .switcher a.unconfirmed { background-image:url('../../admin/images/contact_view_list_unconfirmed.png'); } #vc_container #list_status_changer .status_changer_body .switcher a:hover, .deal #list_status_changer .status_changer_body .switcher a:hover {background-color:rgba(220,220,220, 0.2)!important;} #vc_container #list_status_changer .status_changer_body .switcher a.active, .deal #list_status_changer .status_changer_body .switcher a.active {background-color:rgba(220,220,220, 0.4)!important; color:#000;} #vc_container #list_status_changer:before, #vc_container #list_status_changer:after, .deal #list_status_changer:before, .deal #list_status_changer:after {position:absolute; content:''; left:21px; width:0px; height:0px; border-style:solid; border-width:10px 12px 0 12px; border-color:#fff transparent transparent transparent;} #vc_container #list_status_changer:before, .deal #list_status_changer:before { top: 141px;border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; } #vc_container #vc_automated_series_empty a, #vc_container #vc_list_empty a, .deal #vc_automated_series_empty a, .deal #vc_list_empty a { cursor:pointer; } #vc_container #vc_automated_series, .deal #vc_automated_series { position:relative; } #vc_container #vc_automated_series li, .deal #vc_automated_series li { border-bottom:1px #e9e9e9 solid; padding:15px 15px 5px; overflow:hidden; } #vc_container #vc_automated_series li.vc_automated_series_top, .deal #vc_automated_series li.vc_automated_series_top { padding-bottom: 15px; } #vc_container #vc_automated_series ul.vc_automated_series_starts_list li, .deal #vc_automated_series ul.vc_automated_series_starts_list li { padding-left: 0px; } #vc_container #vc_automated_series ul:not(.vc_automated_series_starts_list) li:nth-last-child(2), .deal #vc_automated_series ul:not(.vc_automated_series_starts_list) li:nth-last-child(2), #vc_container #vc_automated_series ul.vc_automated_series_starts_list li:last-child, .deal #vc_automated_series ul.vc_automated_series_starts_list li:last-child { border-bottom:none; } #vc_container #vc_automated_series li.vc_automated_series_top, .deal #vc_automated_series li.vc_automated_series_top { cursor: pointer; } #vc_container #vc_automated_series li.vc_automated_series_top .series_name, .deal #vc_automated_series li.vc_automated_series_top .series_name, #vc_container #vc_automated_series li.vc_automated_series_top .series_start_total, .deal #vc_automated_series li.vc_automated_series_top .series_start_total { display: block; } #vc_container #vc_automated_series li.vc_automated_series_top .series_start_total, .deal #vc_automated_series li.vc_automated_series_top .series_start_total { color: #888888; font-size: 10px; } #vc_container #vc_automated_series li input, .deal #vc_automated_series li input { background-color:transparent; } #vc_container #vc_automated_series li .vc_automated_series_left, .deal #vc_automated_series li .vc_automated_series_left { float:left; position:relative; } #vc_container #vc_automated_series li .vc_automated_series_right, .deal #vc_automated_series li .vc_automated_series_right { float:left; position:relative; } #vc_container #vc_automated_series li .vc_automated_series_left, #vc_container #vc_automated_series li .vc_automated_series_left_inner, .deal #vc_automated_series li .vc_automated_series_left, .deal #vc_automated_series li .vc_automated_series_left_inner { width:65px; height:60px; } #vc_automated_series li .vc_automated_series_left_inner > div input { width: 39px!important; content: '%'; } #vc_automated_series li .vc_automated_series_left_inner span { visibility:hidden; position:relative; top:-25px; left:65px; display:block; font-size:12px; color:#888; width: 150px; line-height: 19px; } #vc_automated_series li .vc_automated_series_left_inner span a { cursor:pointer; color:#888; } #vc_container #vc_automated_series li:not(.vc_automated_series_top) .vc_automated_series_right, #vc_container #vc_automated_series li:not(.vc_automated_series_top) .vc_automated_series_right_inner, .deal #vc_automated_series li:not(.vc_automated_series_top) .vc_automated_series_right, .deal #vc_automated_series li:not(.vc_automated_series_top) .vc_automated_series_right_inner { margin-top:6px; width:115px; } #vc_container #vc_automated_series li:not(.vc_automated_series_top) .vc_automated_series_right, #vc_container #vc_automated_series li:not(.vc_automated_series_top) .vc_automated_series_right_inner { width: 95px; } #vc_container #vc_automated_series li .vc_automated_series_left_inner, #vc_container #vc_automated_series li .vc_automated_series_right_inner, .deal #vc_automated_series li .vc_automated_series_left_inner, .deal #vc_automated_series li .vc_automated_series_right_inner { display:table; } #vc_container #vc_automated_series li .vc_automated_series_left_inner div, #vc_container #vc_automated_series li .vc_automated_series_right_inner a, .deal #vc_automated_series li .vc_automated_series_left_inner div, .deal #vc_automated_series li .vc_automated_series_right_inner a { display:table-cell; vertical-align:middle; width:133px; max-width:133px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #vc_container #vc_automated_series li#vc_automated_series_empty, #vc_container #vc_widget_lists li#vc_list_empty, .deal #vc_automated_series li#vc_automated_series_empty, .deal #vc_widget_lists li#vc_list_empty {padding-bottom:20px!important;} #vc_container .button_group {margin:0 0 15px;} #vc_container .button_group .btn {position:relative; margin:0 0 0 -5px!important; padding:0.8em!important; display:inline-block; font-size:11px!important; font-weight:100!important; line-height:12px!important; color:#888!important; vertical-align:middle; cursor:pointer; background-color:#f8f8f8; border:1px solid #d6d6d6; text-decoration:none; text-shadow:0 1px 1px #fff!important; text-align:center; box-shadow:inset 0 1px 0 #fff!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important;} #vc_container .button_group .btn:active, #vc_container .button_group .btn.active {top:0; color:#505050!important; background:#F0F0F0!important; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05)!important;} #vc_container .button_group .btn:first-child {margin-left:0!important; border-right:none; -webkit-border-bottom-left-radius:4px!important; border-bottom-left-radius:4px!important; -webkit-border-top-left-radius:4px; border-top-left-radius:4px!important; -moz-border-radius-bottomleft:4px!important; -moz-border-radius-topleft:4px!important;} #vc_container .button_group .btn:last-child {-webkit-border-top-right-radius:4px!important; border-top-right-radius:4px!important; -webkit-border-bottom-right-radius:4px!important; border-bottom-right-radius:4px!important; -moz-border-radius-topright:4px!important; -moz-border-radius-bottomright:4px!important;} #vc_quicknotes_container { max-height:300px; overflow-y:auto; } #vc_content_container #vc_quicknotes_container { max-height:none; overflow-y:visible; } #vc_quicknotes_container #vc_quicknotes_add, #vc_quicknotes #vc_quicknotes_add { background-color:#FFFFFF; padding:5px 0px 0px 8px; border-top:1px #ebebeb solid; border-bottom:1px #ebebeb solid; } #vc_quicknotes_container #vc_quicknotes_add textarea, #vc_quicknotes #vc_quicknotes_add textarea { border:none; width:95%; height:100px; } #vc_quicknotes_container #vc_quicknotes_meta, #vc_quicknotes #vc_quicknotes_meta { padding:15px; } #vc_quicknotes_container .vc_quicknotes_item { padding:10px 12px; position:relative; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content { margin-bottom:10px; padding:0 12px; position:relative; background-color:#fff; border:1px #e9e9e9 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; word-wrap: break-word; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content:before, #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content:after {position:absolute; content:' '; bottom:-14px; left:30px; width:0; height:0; border-top:15px solid #fff; border-right:15px solid transparent;} #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content:before {bottom:-16px; left:29px; border-top:15px solid #e9e9e9; border-right:15px solid transparent;} #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content p:last-child, #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content p:only-child {margin-bottom:0; padding-bottom:0;} #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content .button {padding:6px 11px;} #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content .vc_quicknotes_update_button {margin-right:5px;} #vc_content_container #vc_quicknotes_container .vc_quicknotes_item {padding-left:0px; } #vc_quicknotes_container .vc_quicknotes_item:last-child {border-bottom:none; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta li div, #vc_quicknotes .vc_quicknotes_item .vc_quicknotes_meta li div {display:table-cell; vertical-align:middle; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_time {color:#7d8880; } #vc_container #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta li.vc_quicknotes_avatar, #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta li.vc_quicknotes_avatar {width:20px; padding-top:1px; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta .timeago, #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta .vc_quicknotes_meta_links {display:block; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta_links a, #vc_automated_series li .vc_automated_series_left_inner {color:#cdcdcd; font-weight:100; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta_links a, #vc_container #vc_automated_series li .vc_automated_series_left_inner a { cursor: pointer; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta .timeago, #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta_links a, #vc_container #vc_automated_series li .vc_automated_series_left_inner a {font-size:11px; font-weight:100; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta .timeago {color:#cdcdcd;} #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta li {margin-right:10px; display:table; min-height:22px; } #vc_content_container #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta li.clear {display:block; } #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_meta li.clear {margin-right:0px; } #vc_widget_quicknotes #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_time {max-width:75px; } #vc_quicknotes #vc_quicknotes_container #vc_quicknotes_blank, #vc_quicknotes_container .note_html_edit, #vc_quicknotes_container .vc_quicknotes_item .vc_quicknotes_item_content .button {display:none; } #vc_quicknotes_container .vc_quicknotes_item.vc_quicknotes_highlight .vc_quicknotes_item_content {padding:10px 10px 24px 12px; } #col3 #vc_quicknotes_container .vc_quicknotes_item.vc_quicknotes_highlight .vc_quicknotes_item_content {padding:10px 20px 24px 12px; } #vc_quicknotes_container .vc_quicknotes_item.vc_quicknotes_highlight .vc_quicknotes_item_content textarea {width:98.5%; } #vc_quicknotes_container .vc_quicknotes_item.vc_quicknotes_highlight .vc_quicknotes_item_content:before, #vc_quicknotes_container .vc_quicknotes_item.vc_quicknotes_highlight .vc_quicknotes_item_content:after {display:none; border:transparent;} #vc_quicknotes_container .vc_quicknotes_item.vc_quicknotes_highlight textarea {width:100%; margin-bottom:15px; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #vc_quicknotes_container .vc_quicknotes_meta {height:auto; } #vc_container #vc_quicknotes_container .vc_quicknotes_meta li {float:left; margin:0 10px 0 0; padding:0px; } #vc_container #vc_quicknotes_container .vc_quicknotes_meta li.vc_quicknotes_avatar img {border:1px solid #666; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } #vc_container #vc_quicknotes_container .vc_quicknotes_meta li.clear {float:none; } #vc_header_name #subscriber_email_title {position:relative; } #vc_header_name #subscriber_email_title_edit, #vc_header_name #vc_email_update_button, #vc_header_name #vc_email_cancel_button {display:none; -webkit-box-shadow:none; box-shadow:none;} #vc_header_name #vc_email_update_button {margin-right:4px;} #vc_quicknotes .vc_quicknotes_all {display:none; } #vc_quicknotes #vc_notes_empty_message {margin:15px 15px 15px 12px; } #vc_widget_quicknotes, #vc_container #vc_widget_quicknotes {position:relative; padding-bottom:2px; } .contact_view_edit_name_modal input#vc_modal_name_lists_input, .contact_view_automated_series_modal input#vc_new_automated_series_input {position:relative; top:1px; margin:16px 0; padding:9px 8px 8px 35px; width:92%; display:inline-block; background:#fff url('../images/filterSearch.search.button.png') no-repeat 10px 7px; font-size:14px; color:#333; line-height:100%; border:1px solid #c3c3c3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2);} .contact_view_edit_name_modal input#vc_modal_name_lists_input {margin:0 0 8px;} .modal-count, .contact_view_list_modal .modal-count { font-weight:bold; } .vc_modal_list { max-height:135px; overflow-y:auto; overflow-x:hidden; margin-top:15px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .vc_modal_list > li {position:relative; top:-1px; padding:11px 0 11px 10px; border-top:1px solid #ccc;} .vc_modal_list > li:hover {background-color:#eee; cursor:pointer;} .vc_modal_list > li:first-child {border-top:0 none} .vc_modal_list > li:last-child {border-bottom:0 none;} .vc_modal_list > li.selected {padding:11px 0 11px 30px; background:#f8f8f8 url('../images/startselectoroption_label_selected.png') no-repeat 6px 50%; border-left:0 none; border-right:0 none;} .vc_modal_list > li.selected a {font-size:14px; color:#000; font-weight:bold; text-decoration:none;} .vc_modal_list > li a {font-size:14px; color:#5d5d5d; text-decoration:none;} .contact_view_activity_email_modal .subject-container { font-weight: bold; margin: 0px 0px 15px 0px; } .contact_view_list_modal .vc_new_list_input_wrap {padding-right:16px;} .contact_view_list_modal input#vc_new_list_input { position: relative;margin: 16px 0;padding: 11px 7px;width: 100%;display: inline-block;background-color: #fff;line-height: 100%;border: 1px solid #c3c3c3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } #vc_container #vc_widget_lists .vc_list_item_details, .deal #vc_widget_lists .vc_list_item_details { padding: 0px;display: none; } #vc_container #vc_widget_lists .vc_list_item_details li, .deal #vc_widget_lists .vc_list_item_details li { margin: 0;padding: 0px; } #vc_container #vc_widget_lists .vc_list_item_details li.vc_list_item_label, .deal #vc_widget_lists .vc_list_item_details li.vc_list_item_label { color: #676c66;margin-bottom: 2px; } #vc_container #vc_widget_lists .vc_list_item_details li.vc_list_item_value, .deal #vc_widget_lists .vc_list_item_details li.vc_list_item_value { margin-bottom: 17px; } #vc_header_avatar .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:-38px; overflow:hidden; } #vc_header_avatar .cycle-pager span { font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#ddd; cursor:pointer; } #vc_header_avatar .cycle-pager span.cycle-pager-active { color:#D69746; } #vc_header_avatar .cycle-pager > * { cursor:pointer; } .contact_view_edit_name_modal #vc_modal_name_nolists, .contact_view_edit_name_modal #vc_modal_name_lists { display:none; } .contact_view_edit_name_modal #vc_modal_name_nolists input[type=text] {width:46%;} .contact_view_edit_name_modal #vc_modal_name_nolists input[type=text]:first-child {margin-right:8px;} .contact_view_edit_name_modal #vc_modal_name_lists input[type=text] {width:193px;} .contact_view_edit_name_modal #vc_modal_name_lists input[type=text]:first-child {margin-right:8px;} .contact_view_edit_name_modal #vc_modal_name_lists .vc_modal_name_lists_row li:last-child {margin-right:0;} .contact_view_edit_name_modal .goback { cursor:pointer; position:absolute; left:20px; bottom:25px; } .contact_view_edit_name_modal .vc_modal_name_lists_row { margin:0px 0px 10px 0px; } .contact_view_edit_name_modal .vc_modal_list, .contact_view_edit_name_modal .vc_modal_list li { border:none; } .contact_view_edit_name_modal .vc_modal_list li { cursor:auto; padding:0px; } .contact_view_edit_name_modal .vc_modal_list li:hover { background:none; } .contact_view_edit_name_modal .vc_modal_list li .vc_modal_name_lists_row li { word-wrap:break-word; display:inline-block; margin:0px 10px 0px 0px; padding:0px; border:none; } .contact_view_edit_name_modal .vc_modal_list li .vc_modal_name_lists_row li:first-child { width:86px; } .contact_view_edit_name_modal .modal-body input[type=text] { width:185px; } .contact_view_edit_name_modal .vc_modal_name_lists_label { width:100px; } #vc_content_container #vc_stream_blank { display:none; } #vc_content_container #vc_notes { background-color:#eee; } .contact_view #vc_stream_empty_container, .deal_view #vc_stream_empty_container { display:none; } .contact_view #vc_stream_empty, .deal_view #vc_stream_empty { margin:15px; } .contact_view .view_footer, .deal_view .view_footer { position: relative;clear: both;margin: 20px 0 0;padding: 4px 8px;background-color: #eee;border-top: 1px solid #ddd;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;-webkit-box-shadow: inset 0 1px 0 #FFF;-moz-box-shadow: inset 0 1px 0 #ffffff;box-shadow: inset 0 1px 0 #FFF; } @font-face { font-family: 'Glyphicons Halflings';src: url('../fonts/glyphicons-halflings-regular.eot');src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .contact_view .glyphicon, .deal_view .glyphicon { position: relative;top: -9px;left: -6px;display: inline-block;font-family: 'Glyphicons Halflings';-webkit-font-smoothing: antialiased;font-style: normal;font-weight: normal;line-height: 1;-moz-osx-font-smoothing: grayscale; } .contact_view .glyphicon:empty, .deal_view .glyphicon:empty { width: 1em; } .contact_view .glyphicon-ok:before, .deal_view .glyphicon-ok:before { content: "\e013"; } .contact_view .glyphicon-remove:before, .deal_view .glyphicon-remove:before { content: "\e014"; } .contact_view *, .contact_view *:before, .contact_view *:after, .deal_view *, .deal_view *:before, .deal_view *:after { box-sizing: inherit;-moz-box-sizing: inherit;-webkit-box-sizing: inherit; } #uxbody form .select2-search-field input[type=text] { border: none;box-shadow: none;margin: 0px 5px 0px 5px;padding: 0px 50px 0px 50px;width: auto; } #uxbody form .select2-search-field input[type=text] { } .contact_view #geomap, .deal_view #geomap { width: 5px;height: 5px;display: none; } .contact_view #bigmap, .deal_view #bigmap { height: 300px; } .contact_view #vc_widget_travel_history p, .deal_view #vc_widget_travel_history p { margin: 15px; } .contact_view #vc_widget_travel_history a, .deal_view #vc_widget_travel_history a { cursor: pointer; } .contact_view #contact_view_show_map .ac_loader_local, .deal_view #contact_view_show_map .ac_loader_local { width: 95%;height: 95%; } .contact_view #uxbody .editable-popup.popover .editable-input textarea, .deal_view #uxbody .editable-popup.popover .editable-input textarea { height: 50px; } .contact_view .editable-clear, .deal_view .editable-clear { text-align: center;background-color: #dddddd;width: 220px;padding: 5px 0px 5px 0px;margin-left: 4px; } .contact_view .datepicker, .deal_view .datepicker { padding-bottom: 0px; } .contact_view .datepicker .table-condensed { width: 100%; } .contact_view .editable-click, .contact_view a.editable-click, .contact_view a.editable-click:hover, .deal_view .editable-click, .deal_view a.editable-click, .deal_view a.editable-click:hover { border-bottom: none; } .contact_view #uxbody .uxlftcolm, .deal_view #uxbody .uxlftcolm { overflow: hidden; } /* Date field calendar */ .datepicker .table-condensed .icon-arrow-left, .datepicker .table-condensed .icon-arrow-right { display: inline-block;font-style: normal !important;-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg); } .datepicker .table-condensed .icon-arrow-right { -ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); } .datepicker .table-condensed .icon-arrow-left:before, .datepicker .table-condensed .icon-arrow-right:before { display: inline-block;font-family: "ac-icons";content: '\e86c'; } .contact_view #vc_filter_options, .deal_view #vc_filter_options { display:none; border:1px #e9e9e9 solid; background-color:#eee; padding:15px; padding-top:10px; padding-bottom:5px; margin:0px 0px 15px 0px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .deal_view #vc_filter_options { display: block; margin-bottom:0; border:0 none; border-bottom:1px solid #e9e9e9; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .contact_view #vc_filter_options ul li, .deal_view #vc_filter_options ul li { display:inline-block; margin: 0 10px 4px 0; } .contact_view #vc_filter_options ul li input[type="radio"], .deal_view #vc_filter_options ul li input[type="radio"] { display: none; } .deal_view #vc_filter_options ul li label { padding: 2px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .deal_view #vc_filter_options ul li label.ui-state-active { padding-left: 23px; background-position: 8px; } .deal_view .activity_empty {padding:20px; text-align:center;} .contact_view #vc_filter_options ul li:last-child, .deal_view #vc_filter_options ul li:last-child { margin-right:0px; } .contact_view #vc_filter_options ul li label:not(.ui-button), .deal_view #vc_filter_options ul li label:not(.ui-button) { cursor:pointer; font-size:12px; } .contact_view #vc_filter_options ul li label.inactive, .deal_view #vc_filter_options ul li label.inactive { cursor:default; color:#CCCCCC; } .contact_view #vc_stream_more, .deal_view #vc_stream_more { position:relative; display:none; text-align:center; background-color:#fafafa; border-top:1px #ededed solid; padding:5px 0px 5px 0px; z-index:2; } .contact_view #vc_stream_more a, .deal_view #vc_stream_more a { text-decoration:none; margin:10px 0; } .contact_view .vc_widget_title_right .popover select, .deal_view .vc_widget_title_right .popover select { width:245px; margin:5px 0px 15px 0px; } .contact_view #vc_personal_data_add_field_link, .deal_view #vc_personal_data_add_field_link, .contact_view #vc_personal_data_delete_contact_link { font-size:12px; font-weight:normal; cursor:pointer; } .contact_view #vc_widget_personal_data .vc_list_item_blank, .deal_view #vc_widget_personal_data .vc_list_item_blank { display:none; } .contact_view #subscriber_email_edit, .deal_view #subscriber_email_edit { top: -8px; width:700px; } .contact_view #subscriber_email_edit .subscriber_email_edit_col, .deal_view #subscriber_email_edit .subscriber_email_edit_col { float:left; margin-left: 10px; } .contact_view #subscriber_email_edit .subscriber_email_edit_col.normal, .deal_view #subscriber_email_edit .subscriber_email_edit_col.normal { padding-top:0px; } .contact_view #subscriber_email_title_edit.error, .deal_view #subscriber_email_title_edit.error { border:1px solid #e2a9a9; background:#ffe6e6; } .contact_view #vc_deals_blank, .deal_view #vc_deals_blank { display:none; } .contact_view .vc_deal_row li, .deal_view .vc_deal_row li { display:inline-block; border:1px #CCCCCC solid; } .contact_view #new_deal_stage .new_deal_stage_option, .deal #new_deal_stage .new_deal_stage_option, .deal_view #new_deal_stage .new_deal_stage_option, .deal #new_deal_stage .new_deal_stage_option { display:none; } .contact_view #vc_deals_empty, .deal_view #vc_deals_empty { display:none; } .contact_view #vc_list_empty, .deal #vc_list_empty { padding: 10px; display: none; } .contact_view #vc_list_empty_link, .deal #vc_list_empty_link, .contact_view #vc_automated_series_empty_link, .deal #vc_automated_series_empty_link, .contact_view #vc_automated_series_empty, .deal #vc_automated_series_empty { display: none; } .deal_view #vc_widget_deal_blank_task_row, #contact_view_add_series_link, #contact_view_add_lists_link, #vc_list .vc_list_item_status_image, #vc_list_blank, #vc_automated_series_blank, .deal #deal_view_activity_past_empty { display: none; } .deal #deal_view_activity_past_empty { padding: 10px 0px 20px 0px; } .contact_view #vc_list, .deal #vc_list, .contact_view #vc_automated_series, .deal #vc_automated_series { min-height: 50px; } #list_modal_body, #series_modal_body { display: none; } .deal .deal_connection_notice {position:relative; margin:0; padding:10px 0; font-size:14px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal .deal_connection_notice.promo { background:#ffffcd; color:#666; border-bottom:1px solid #ebebaf; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .deal .deal_connection_notice.promo a { color:#666; } .deal .deal_connection_notice.error { background-color: #f2dede; color: #721e14; font-weight: normal; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .deal .deal_connection_notice.error a { color:#721e14; font-weight: bold; } .deal .selectdropdown a.dropdown_select { font-weight: normal; } body.deal_view .vc_widget_deal_right {margin-left: 0; padding-top: 0;} body.deal_view .vc_widget_deal_right .selectdropdown {position: relative; top: 3px; left: -10px;} body.contact_view #vc_widget_deal_task {overflow: visible;} #vc_widget_deal_task {overflow: visible;} #vc_widget_deal_task .vc_widget_body { min-height: 100px; } #vc_widget_deal_task .vc_widget_body ul {overflow: visible;} #vc_widget_deal_task .vc_widget_body ul li {position: relative; padding: 12px 12px 6px!important; border-bottom: 1px solid #ddd; line-height: 19px;} #vc_widget_deal_task .vc_widget_body ul li:last-child {padding-bottom: 12px!important; border-bottom: 0 none;} #vc_widget_deal_task .vc_widget_body ul li:nth-child(even):not(.popover_detail_owner) {background-color: #f5f5f5;} #vc_widget_deal_task .vc_widget_body ul li:before, #vc_widget_deal_task .vc_widget_body ul li:after {clear:both; display: table; content: ""; line-height: 0;} #vc_widget_deal_task .vc_widget_body ul li:after {clear:both; zoom:1;} #vc_widget_deal_task .vc_widget_body ul li input[type="checkbox"] {position: relative; display: inline-block;} #vc_widget_deal_task .vc_widget_body ul li > div.detail {float: right; width: 180px;} #vc_widget_deal_task .vc_widget_body ul li span {display: block; } #vc_widget_deal_task .vc_widget_body ul li span.title {font-size: 14px; font-weight: 700; color: #333; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #vc_widget_deal_task .vc_widget_body ul li span.date_due {font-size: 12px; color: #e48900; font-weight: 700;} #vc_widget_deal_task .vc_widget_body ul li span.date_due em {display: inline-block; font-style: normal; font-size: 12px; font-weight: 100; color: #666;} #vc_widget_deal_task .vc_widget_body ul li.vc_widget_deal_task_row.mine { cursor: pointer; } #vc_widget_deal_task .vc_widget_body ul li.vc_widget_deal_task_row .popover_body span { display: inline; } #vc_widget_deal_task .vc_widget_body ul li.vc_widget_deal_task_row .popover_body label { display: inline-block; font-weight: bold; width: 90px; } #vc_widget_deal_task .vc_widget_body ul li.vc_widget_deal_task_row .popover .popover_detail_body { background-color: #f5f5f5; } #vc_widget_deal_task .vc_widget_body ul li.popover_detail_created { padding-top: 0px !important; } #vc_widget_deal_task .popover { position: absolute; top: 0; left: -286px; z-index: 1010; display: none; width: 265px; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; cursor: default; } #vc_widget_deal_task .popover:before, #vc_widget_deal_task .popover:after {position:absolute; content:' '; top:20px; right:-16px; width:0; height:0; border-style:solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #ccc;} #vc_widget_deal_task .popover:after {right:-14px; border-color: transparent transparent transparent #fff;} #vc_widget_deal_task .popover .popover_title { padding: 10px 12px; border-bottom: 1px solid #ddd; font-weight: bold; } #vc_widget_deal_task .popover .popover_close { position: absolute; display: block; top: 10px; right: 10px; margin: 0; padding: 0; cursor: pointer; } #vc_widget_deal_task .popover .popover_close a { position: relative; display: block; width: 8px; height: 9px; background: url('../images/segment_close.png') no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; cursor: pointer; } #vc_widget_deal_task .popover .popover_close a:hover { background-position: 0 -9px; } #vc_widget_deal_task .popover .popover_body {padding: 12px;} .deal { height: 100%; min-height: initial;} .deal #uxbody .uxlftcolm { padding: 0px; overflow: visible!important; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .deal #uxbody .uxlftcolm #body_table { display: table; } .deal #deal_menu:before, .deal #deal_menu:after { width:100%; height:0; content:" "; display:table; clear:both; zoom:1; } .deal #deal_menu ul li { position: relative; float: left; } .deal #deal_menu ul li ul li { float: none; } .deal #deal_menu #deal_menu_list {padding:15px 23px; height:34px; min-width:890px;} .deal #deal_menu #deal_menu_view .group {display:inline-block; margin:0; padding:0; height:64px;} .deal #deal_menu #deal_menu_view .group a {display:inline-block; padding:24px 30px; font-size:14px; color:#fff;} .deal #deal_menu #deal_menu_view .group a:hover span {text-decoration:underline;} .deal #deal_menu #deal_menu_view .group a.deal_list {margin-right:-5px;} .deal #deal_menu #deal_menu_view .group a.next_deal {/*background-color:#689d36;*/} .deal #deal_menu #deal_menu_view .group a span {position:relative; display:inline-block; background-position:0; background-repeat:no-repeat;} .deal #deal_menu #deal_menu_view .group a.deal_list span {padding-left:25px; background-image:url('../images/deal_menu_view_group_deal_list.png');} .deal #deal_menu #deal_menu_view .group a.next_deal span {padding-right:35px; background-image:url('../images/deal_menu_view_group_deal_next.png'); background-position: right 50%;} .deal #deal_menu_list_left, .deal #deal_menu_view_left { float: left; } .deal #deal_menu_list_left .dropdown_menu {min-width:200px; background-color: #01a7c7; border:0 none; z-index: 5100; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .deal #deal_menu_list_left .dropdown_menu ul {max-height:248px;} .deal #deal_menu_list_left .dropdown_menu li {border-bottom: 1px solid #139ab4;} .deal #deal_menu_list_left .deal_group_dropdown .dropdown_menu #deal_add_group_button a {padding:12px 0; background-color:#139ab4; border-top:1px solid #0092AA; border-bottom: 0 none; color:#fff; text-align:center;} .deal #deal_menu_list_left .deal_group_dropdown .dropdown_menu { max-height: 340px; } .deal #deal_menu_list_left .dropdown_menu li a {padding:8px 8px 8px 20px; color:#fff; font-weight:100; border-bottom: 0 none; } .deal #deal_menu_list_left .dropdown_menu li a:hover {background-color: #139ab4; -webkit-transition: background-color .25s linear; -moz-transition: background-color .25s linear; -o-transition: background-color .25s linear; -ms-transition: background-color .25s linear; transition: background-color .25s linear;} .deal #deal_sort_container .dropdown_menu, .deal #deal_sort_status_container .dropdown_menu {background-color:#4774aa;} .deal #deal_sort_container .dropdown_menu li, .deal #deal_sort_status_container .dropdown_menu li {border-bottom:1px solid #436a99;} .deal #deal_sort_container .dropdown_menu li a:hover, .deal #deal_sort_status_container .dropdown_menu li a:hover {background-color:#436a99;} .deal #deal_sort_container .dropdown_menu li:nth-child(1) a, .deal #deal_sort_container .dropdown_menu li:nth-child(2) a {padding-left:30px; color:#fff; background-color:#3a6292; background-image:url('../images/deal_view_progress_boardname.png'); background-repeat:no-repeat; background-size:11px; background-position:10px;} .deal #deal_sort_container .dropdown_menu li:nth-child(2) a:after {position:absolute; display:block; bottom:-2px; left:0; content:''; width:100%; height:2px; border-bottom:1px solid #5886be;} .deal #deal_sort_container .dropdown_menu li:nth-child(1) a:hover, .deal #deal_sort_container .dropdown_menu li:nth-child(2) a:hover {background-color:#254e7e;} .deal #deal_menu #deal_menu_list #deal_menu_dropzone {display: none; position:relative; top:-5px; padding:0; width:100%; font-size:14px; color:#fff; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_menu #deal_menu_list #deal_menu_dropzone .deal_menu_dropzone {display: none; position:relative; padding:15px 20px; text-align:center; vertical-align:middle; -webkit-box-sizing: border-box; box-sizing: border-box;} .deal #deal_menu #deal_menu_list #deal_menu_dropzone #deal_menu_dropzone_open {background-color:#4774aa;} .deal #deal_menu #deal_menu_list #deal_menu_dropzone #deal_menu_dropzone_won {background-color:#1aa200;} .deal #deal_menu #deal_menu_list #deal_menu_dropzone #deal_menu_dropzone_lost {background-color:#b80000;} .deal #deal_menu_dropzone .deal_menu_dropzone_hover {background-color:#f7ffc4!important; color:#333;} .deal #deal_menu_dropzone .deal_menu_dropzone_hover:before {position:absolute; content:''; top:1px; left:1px; width:99.2%; height:86%; border:2px dashed #b1b78b;} .deal #deal_menu_dropzone .deal_menu_dropzone_won.deal_menu_dropzone_hover:before {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .deal #deal_menu_dropzone .deal_menu_dropzone_lost.deal_menu_dropzone_hover:before {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .deal #deal_menu_list_right, .deal #deal_menu_view_right { float: right; } .deal #deal_menu a.add_deal, .deal #deal_menu a.add_group { margin:0 10px 0 0; padding:9px 20px 9px 30px; font-size: 14px; color: #fff; background-color:#01a7c7; background-image:url('../images/deal_board_menu_adddeal.png'); background-position: 9px 50%; background-repeat: no-repeat; text-shadow: none; border: none; -webkit-box-shadow:none; box-shadow:none;} .deal #deal_menu_list_right a.settings { position: relative; margin:0 10px 0 0; padding:9px 10px; background:#4774aa; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:none; box-shadow:none;} .deal #deal_menu_list_right a.settings [class^="ac-icon"] {display:block; margin:0; width:15px; cursor: pointer; } .deal #deal_menu_list_right a.settings [class^="ac-icon"]:before { margin: 0; font-size: 16px; color: #9AB2D0; } .deal .ac_loader_local { position: fixed; z-index: 2001!important; } .deal .deal-search-bar { height: 64px; min-width: 890px; } .deal #deal_menu_search:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .deal #deals_main_nav {margin:0; float:right; padding:15px 23px 0 0;} .deal #deals_main_nav .add_deal { display: none; } .deal #deals_main_nav #deal_switch_row_btn em {background-image:url('../images/deal_board_menu_row.png');} .deal #deals_main_nav #deal_switch_col_btn em {background-image:url('../images/deal_board_menu_col.png');} .deal #deals_main_nav a:not(.add_deal), .deal #deals_main_nav a:not(.add_deal):hover {padding:12px 10px 13px!important; background:#4774aa; border:0 none!important; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none;} .deal #deals_main_nav a em {display:block; margin:0; width:25px; height:11px; background-position: 50%; text-indent:100%; overflow: hidden; white-space: nowrap; cursor: pointer;} .deal #deals_main_nav a:first-of-type:not(.add_deal) {margin-right:-4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .deal #deals_main_nav a:last-of-type {-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .deal #deals_main_nav a:not(.add_deal):active {background-color:#2d4e75!important;} .deal #deals_main_nav a.active {top:0; color:#505050!important; background:#2d4e75!important; outline:0; -webkit-box-shadow:inset 0 1px 1px 0 rgba(25,55,80,0.2); box-shadow:inset 0 1px 1px 0 rgba(25,55,80,0.2);} .deal #deals_main_nav span {display:block; padding:10px 20px; background-position: 50%; text-indent:100%; overflow: hidden; white-space: nowrap; cursor: pointer;} .deal #deal_group, .deal #deal_sort, .deal #deal_sort_status, .deal #deal_board_col_container, .deal #deal_board_row_container, .deal #deal_view_deal, .deal #deal_menu_list { display: none; } .deal #deal_group_container, .deal #deal_sort_container { margin-right: 10px; } .deal #deal_group_container .ac_popover-menu:before, .deal #deal_group_container .ac_popover-menu:after, .deal #deal_sort_container .ac_popover-menu:before, .deal #deal_sort_container .ac_popover-menu:after, .deal #deal_sort_status_container .ac_popover-menu:before, .deal #deal_sort_status_container .ac_popover-menu:after { display: none; } .deal #deal_group_container .dropdown_select, .deal #deal_sort_container .dropdown_select, .deal #deal_sort_status_container .dropdown_select { padding:11px 20px!important; font-size:14px; color:#fff !important; background-color:#01a7c7 !important; text-shadow: none; border: none !important; -webkit-box-shadow:none; box-shadow:none; } #deal_menu_list .selectdropdown.deal_group_dropdown > .dropdown_menu > ul {min-height:0px;} .deal #deal_sort_container .dropdown_select, .deal #deal_sort_status_container .dropdown_select { background-color:#4774aa !important; } .deal #deal_sort_container .dropdown_select .icon.caret-bottom, .deal #deal_group_container .dropdown_select .icon.caret-bottom, .deal #deal_sort_status_container .dropdown_select .icon.caret-bottom { color: #FFFFFF !important; padding-right: 0; } .deal #deal_sort_container .dropdown_select.active:after, .deal #deal_group_container .dropdown_select.active:after, .deal #deal_sort_status_container .dropdown_select.active:after { top: 14px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .deal .type_container {position: relative; background-color: #fff;} .deal #deal_board { position: relative; top: 128px; padding: 23px 23px 0px 23px; height: 100%; -ms-flex-align: start; -moz-box-align: start; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-wrap: nowrap; } .deal #deal_board_row_container { display: none; padding-left: 20px; padding-right: 20px; padding-bottom: 80px; height: 100%; } .deal #deal_board_row_container #deal_board_row_empty { display: none; } .deal #deal_board_row { position: relative; padding: 20px 10px 50px 10px; white-space: nowrap; overflow: hidden; top: 128px; } .deal #stage_dropzone, .deal .sortable-stage-placeholder { background-color:#f7ffc4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; opacity:0.4; border:2px dashed #b1b78b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal .deal_board_row_count_container { font-weight: normal; } .deal #stage_dropzone { display: none; position: absolute; z-index: 999; } .deal .stage, .deal .sortable-stage-placeholder { position:relative; width: 263px; float: left; margin-right: 13px; } .deal .stage { display: none; float: none; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -moz-box-orient: vertical; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -moz-box-flex: 0; -webkit-box-flex: 0; -ms-flex: 0 0 263px; -webkit-flex: 0 0 263px; flex: 0 0 263px; background-color: #FFFFFF; max-height: 100%; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); -moz-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); border-right: 0px rgba(214,214,214,0.6) solid; border-bottom: 1px rgba(214,214,214,0.6) solid; -webkit-box-shadow:inset 0 0 0 1px rgba(214,214,214,0.6); box-shadow:inset 0 0 0 1px rgba(214,214,214,0.6); } .deal .sortable-stage-placeholder { height: 300px; } .deal .stage .stage_add a { display: block; padding: 13px 0; text-align: center; background-color: #f5f5f5; text-decoration: none; cursor: pointer; -webkit-box-shadow: inset 0 0 0 1px rgba(214, 214, 214, 0.6); box-shadow: inset 0 0 0 1px rgba(214, 214, 214, 0.6);} .deal .stage .stage_add a span { padding: 2px 0; display: inline-block; padding-left: 30px; background: transparent url('../images/deal_stage_add_stage.png') no-repeat 0 -3px; color:#888;} .deal .stage .stage_menu { -moz-box-flex: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: #FFFFFF; padding: 15px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; position: relative; background-color: #666666; cursor:move; } .deal .stage .stage_menu .button {-moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent;} .deal .stage .stage_menu .dropdown_toggle_menu {background-color:#4b4b4b;} .deal .stage .stage_menu .dropdown_toggle_menu:before, .deal .stage .stage_menu .dropdown_toggle_menu:after {border-color:transparent #4b4b4b transparent transparent;} .deal .stage .stage_menu .dropdown_toggle_menu li {border-bottom: 1px solid #5c5c5c;} .deal .stage .stage_menu .dropdown_toggle_menu li:last-child {border-bottom:0 none!important;} .deal .stage .stage_menu .dropdown_toggle_menu li a:hover {background-color:#5a5a5a;} .deal .stage .stage_menu_left, .deal .stage .stage_menu_right { float: left; } .deal .stage .stage_menu_right { position: absolute; top: 17px; right: 40px; margin-left: 2px; } .deal .stage .stage_menu_title { letter-spacing: -0.05px; font-size: 16px; } .deal .stage .stage_menu_title_edit { display: none; } .deal .stage .stage_menu_count { background-color:rgba(0,0,0,0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; padding: 1px 7px 1px 7px; display: inline-block; margin: 0; } .deal .stage .stage_menu_options { position: absolute; top: 12px; right: 12px; padding: 3px; width: 18px; height: 18px; display: block; background: #000 url('../images/stage_menu_options_gear.png') no-repeat 50%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; text-align: center; text-indent: 100%; overflow: hidden; white-space: nowrap; filter:alpha(opacity=10); -khtml-opacity:0.1; opacity:0.1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; cursor: pointer;} .deal .stage .stage_menu_options:hover {filter:alpha(opacity=100); -khtml-opacity:1; opacity:1;} .deal .stage_deals { -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; border-right: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; min-height: 30px; } .deal .stage .stage_row { position: relative; padding: 15px; border-bottom: 1px #ededed solid; background-color: #fff; overflow: hidden; } .deal .stage .stage_row:before {position: absolute; content: ''; height: 100%; width: 3px; top: 0; left: 0; border-left: 3px solid #e8e8e8;} .deal .stage .stage_row.today:before { border-left: 3px rgba(0,204,20, 1) solid; } .deal .stage .stage_row.past:before { border-left: 3px rgba(255,0,0, 1) solid; } .deal .stage .stage_row.future:before { border-left: 3px #e4e4e4 solid; } .deal .stage .stage_row.none:before { border-left: 3px rgba(255,155,60, 1) solid; } .deal .stage .stage_row.last { border-bottom: none; } .deal .stage .stage_row.ui-sortable-helper {position:absolute !important; -webkit-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); -moz-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); z-index:10000000000000!important;} .deal .stage .stage_row.ui-sortable-helper.important { position:fixed!important; } .deal .stage .stage_row .deal_owner {position:absolute; top:-2px; left:15px; width:14px; height:14px; border:1px solid #ccc; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; overflow:hidden;} .deal .stage .stage_row .deal_overlay_wrap { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;} .deal .stage .stage_row .deal_overlay_buttons {display:none; position:relative; width:100%; height:100%; text-align:center; cursor:pointer; z-index:900;} .deal .stage .stage_row .deal_overlay_buttons .buttons_deal_wrap {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:34px; text-align:center; cursor:pointer; z-index:900;} .deal .stage .stage_row .deal_overlay_buttons .buttons_deal_wrap a {display:inline-block; text-decoration:none;} .deal .stage .stage_row .deal_overlay_buttons .buttons_deal_wrap button {padding:6px 12px; background-color:#fff; border:1px solid #fff; font-size:12px; color:#555; font-weight:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 2px 0 #969696; -moz-box-shadow:0 2px 0 #969696; box-shadow:0 2px 0 #969696; cursor:pointer;} .deal .stage .stage_row .deal_overlay_buttons .buttons_deal_wrap button:hover {-webkit-box-shadow:0 1px 0 #969696; -moz-box-shadow:0 1px 0 #969696; box-shadow:0 1px 0 #969696;} .deal .stage .stage_row .deal_overlay_bg {display:none; position: absolute; top: 0px; left: 0px; width: 100%; height:100%; z-index:900; text-align:center; cursor:pointer; background-color:#666; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; opacity:0.4;} .deal .stage .stage_row .title_row {position:relative; margin-bottom:10px;} .deal .stage .stage_row .title_row span {display:inline;} .deal .stage .stage_row .deal_contact_info {position:relative; display:table; width:100%; color:#8b8b8b;} .deal .stage .stage_row .deal_contact_info img:not(.deal_owner_avatar) { display:inline-block; margin-right:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; vertical-align:middle;} .deal .stage .stage_row .deal_contact_info .contact_wrap {display:inline-block; vertical-align:middle;} .deal .stage .stage_row .deal_contact_info .contact_wrap .contact_table {display:table; vertical-align:middle;} .deal .stage .stage_row .deal_contact_info span.company { position:relative; display:inline; margin-left:0px; width:auto; } .deal .stage .stage_row .contact_name, .deal .stage .stage_row .task, .deal .stage .stage_row .company, .deal .stage .stage_row .task_time, .deal .stage .stage_row .value { font-size: 12px; } .deal .stage .stage_row .contact_name, .deal .stage .stage_row .company { color: #8b8b8b; font-size:11px; font-weight:100;} .deal .stage .stage_row.future .task_time { color: #888; } .deal .stage .stage_row.today .task_time { color: #65c111; } .deal .stage .stage_row.past .task_row { color: #e13c31; } .deal .stage .stage_row .title, .deal .stage .stage_row .company { word-wrap: break-word; } .deal .stage .stage_row .company { display: inline-block; width: 128px; } .deal .stage .stage_row .title { font-weight: 100; font-size: 14px; display:inline-block; } .deal .stage .stage_row .tasktype_wrap span {} .deal .stage .stage_row .value {position:absolute; top:2px; right:0; background-color: #f7f6de; padding: 4px 8px 4px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .deal .stage .load_more { text-align: center; padding: 10px 0px 10px 0px; } .deal .stage .stage_menu_title_edit_value { width: 216px; } .deal .stage .stage_menu_title_edit .stage_title_update_button, .deal .stage .stage_menu_title_edit .stage_title_cancel_button {float:left; margin:0 3px 0 0; padding:6px 12px; border:1px solid transparent!important;} .deal .stage .stage_menu_title_edit .stage_menu_title_edit_buttons { display:none; margin-top:2px; } .deal .dropdown_toggle_menu { display: none; position: absolute; right: 10px; margin-top: 8px; padding: 0; min-width: 200px; background-color:#4774aa; -webkit-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); -moz-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:9999; } .deal .dropdown_toggle_menu:before, .deal .dropdown_toggle_menu:after {position:absolute; top:-7px; right:15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #4774aa transparent transparent; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); z-index:50;} .deal .dropdown_toggle_menu li { position: relative; margin: 0; border-bottom: 1px solid #436a99; overflow:hidden;} .deal .dropdown_toggle_menu li:last-child {border-bottom: 0 none;} .deal .dropdown_toggle_menu li a { display: block; padding: 10px 16px; color:#fff; font-weight: 100; text-decoration: none; cursor: pointer; -webkit-transition: background-color .15s linear; -moz-transition: background-color .15s linear; -o-transition: background-color .15s linear; -ms-transition: background-color .15s linear; transition: background-color .15s linear; } .deal .dropdown_toggle_menu li a:hover { background-color: #436a99; -webkit-transition: background-color .25s linear; -moz-transition: background-color .25s linear; -o-transition: background-color .25s linear; -ms-transition: background-color .25s linear; transition: background-color .25s linear; } .deal .stage .stage_total_value { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; padding: 1px 7px 1px 7px; display: inline-block; margin: 0 0 0 0; } .deal .stage_add {-moz-box-flex: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; position:relative; width:100%;} .deal #deal_edit_stage .modal .modal-body label, .deal #deal_add_stage .modal .modal-body label { margin: 0px 0px 8px; } .deal #deal_edit_stage .modal-body li, .deal #deal_add_stage .modal-body li { position: relative; margin: 0px 0px 20px; border: 3px #fff solid; } .deal .modal .modal-body #add_stage_deal_color_picker li.selected:before, .deal .modal .modal-body #edit_stage_deal_color_picker li.selected:before {position: absolute; top: 0; left: 0; width: 25px; height: 19px; content: ''; border: 3px solid rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 0.4)} .deal .modal .modal-body #add_stage_deal_color_picker li, .deal .modal .modal-body #edit_stage_deal_color_picker li { position: relative; width: 31px; height: 25px; display: inline-block; margin: 0 -3px -5px; } .deal .modal .modal-body #add_stage_deal_color_picker li, .deal .modal .modal-body #edit_stage_deal_color_picker li { cursor: pointer; } .deal .deal_delete_group_modal p, .deal .deal_delete_stage_modal p { margin: 10px 0 10px; padding:0; } .deal .deal_delete_group_modal p span, .deal .deal_delete_stage_modal p span { font-weight: bold; } .deal .deal_delete_group_modal li.important label { color: #c00; } .deal .deal_delete_group_modal .modal-body, .deal .deal_delete_stage_modal .modal-body {padding:15px 22px!important;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_all_options {margin-left:-20px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_all_options li {margin:6px 0 6px 42px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_all_options li.important {margin-bottom:20px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_all_options li.important label {color:#c00;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_all_options label {margin:0; padding:0; font-weight:100; font-size:12px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_all_options label input {display:inline-block; vertical-align:bottom;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options {margin:0 0 0 24px; padding:0;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options .deal_delete_stage_option {margin-top:8px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options .deal_delete_stage_option:first-child {margin-right:10px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options .deal_delete_stage_option label {font-weight:400;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options .deal_delete_stage_option .dropdown_select {min-width:155px;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options .deal_delete_stage_option .dropdown_select:after {position:absolute; right:10px; margin:0;} .deal .deal_delete_stage_modal .modal-body #deal_delete_stage_move_options .deal_delete_stage_option .dropdown_menu {min-width:173px;} .deal .deal_add_group_modal li.modal-body-item, .deal .deal_edit_group_modal li.modal-body-item { margin-bottom: 20px; } .deal .deal_row, .deal .deal_search_result_row { position: relative; padding: 0; margin-bottom: 15px; height: 60px; overflow: hidden; cursor: pointer; } .deal .deal_row ul, .deal .deal_search_result_row ul { position: relative; display: table; width: 100%; border-collapse: collapse; cursor: pointer; } .deal .deal_row > a {text-decoration:none;} .deal .deal_row.past { border-left: 3px #e13c31 solid; } .deal .deal_row.none { border-left: 3px rgba(255,155,60, 1) solid; } .deal .deal_row.today { border-left: 3px #65c111 solid; } .deal .deal_row.future { border-left: 3px #e4e4e4 solid; } .deal .deal_board_row_section { display: none; margin-bottom: 30px; } .deal .deal_board_row_section:last-child { margin-bottom: 0; } .deal .deal_row, .deal .deal_board_row_section .deal_rows_empty, .deal .deal_search_result_row { background-color: #ffffff; border: 1px #ececec solid; -webkit-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); -moz-box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); box-shadow:0px 1px 1px rgba(206, 206, 206, 0.6); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .deal .deal_row li, .deal .deal_search_result_row li { position: relative; display: table-cell; padding: 3px 10px 8px; font-size: 12px; color: #666; line-height: 17px; border: 0 none; border-right: 1px solid #eee; vertical-align: middle; } .deal .deal_row li.clear, .deal .deal_search_result_row li.clear { float: none; border-right: none; padding: 0px; } .deal .deal_row li > span, .deal .deal_search_result_row li > span {text-overflow:ellipsis; white-space: nowrap; overflow: hidden;} .deal .deal_row .avatar, .deal .deal_search_result_row .avatar { padding-top: 8px; padding-right: 0px; width: 45px; min-width: 45px; max-width: 45px; border-right: none; } .deal .deal_row .avatar img, .deal .deal_search_result_row .avatar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .deal .deal_row .contact, .deal .deal_search_result_row .contact {width:130px; min-width:130px; max-width:130px;} .deal .deal_row .contact span, .deal .deal_row .info span, .deal .deal_row .task span:not(.task_time):not(.task_title), .deal .deal_search_result_row .contact span, .deal .deal_search_result_row .info span, .deal .deal_search_result_row .task span:not(.task_time):not(.task_title) { display: block; } .deal .deal_search_result_row .status { width: 60px; } .deal .deal_row .contact .name, .deal .deal_search_result_row .contact .name { font-size: 14px; margin-bottom: 2px; } .deal .deal_row .contact .company, .deal .deal_search_result_row .contact .company { white-space: pre-wrap; } .deal .deal_row .contact .company, .deal .deal_row .info .desc, .deal .deal_row .stage_name .desc, .deal .deal_row .task .task_action, .deal .deal_search_result_row .contact .company, .deal .deal_search_result_row .info .desc, .deal .deal_search_result_row .stage_name .desc, .deal .deal_search_result_row .task .task_action { color: #8b8b8b; } .deal .deal_row .task .task_action, .deal .deal_search_result_row .task .task_action { margin-bottom: 2px; } .deal .deal_row .task .task_desc, .deal .deal_search_result_row .task .task_desc {position:relative; white-space: pre-wrap; height:15px; width: auto; } .deal .deal_row .task .task_desc:after {position:absolute; content:''; right:0; top:0; width:200px; height:15px; opacity:100; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );} .deal .deal_row.today .task .task_time, .deal #deal_board_row_today h2, .deal #deal_board_row_tomorrow h2 { color: #65c111; } .deal .deal_row.past .task .task_action, .deal #deal_board_row_past h2 { color: #e13c31; } .deal .deal_row .info { width: 520px; } .deal .deal_row .info .title, .deal .deal_search_result_row .info .title { font-size: 14px; font-weight: bold; margin-bottom: 2px; } .deal .deal_row .info .stage_name, .deal .deal_search_result_row .info .stage_name { white-space: pre-wrap; color: #8b8b8b;} .deal .deal_row .info, .deal .deal_search_result_row .info { width:260px; min-width:260px; max-width:260px; padding-left: 20px; } .deal .deal_row .info > span, .deal .deal_search_result_row .info > span { min-width: 100px; } .deal .deal_row .task, .deal .deal_search_result_row .task { padding-left:20px; } .deal .deal_row .task > span, .deal .deal_search_result_row .task > span { width:200px; min-width:200px; } .deal .deal_row .value, .deal .deal_search_result_row .value { width: 100px; min-width: 100px; max-width: 100px; font-size: 17px; padding: 20px; text-align: center; border-right: none; } .deal #deal_board_row h2 { font-weight: bold; } .deal .deal_board_row_section .deal_rows_empty { display: none; padding: 10px; } .deal .deal_board_row_section .deal_rows_empty a { cursor: pointer; } .deal #deal_delete_stage_move_options { display: none; padding-left: 40px; } .deal #deal_delete_stage_move_options li.deal_delete_stage_option { display: inline-block; } .deal #deal_delete_stage_all_options li { margin-left: 40px; } .deal #group_empty { display: none; text-align: center; } .deal #group_empty a, .deal #deal_menu_view a { cursor: pointer; } .deal #deal_view_deal, .deal #deal_menu_view { display: none; position: relative; top: 0; margin: 0; padding: 0; height: 64px; width: 100%; min-width: 1024px; left: 0!important; right: 0!important; } #deal_menu_view:before, #deal_menu_view:after { content:""; display:table; clear:both;} .deal #deal_view_deal { display:none; min-height:300px; width:100%; height: 100%; background-color: #e7e7e7; overflow-y:scroll; } .deal #deal_view_deal_inner { display: none; } .deal #deal_view_deal_inner {padding-bottom:20px;} .deal #deal_view_deal_inner:before, .deal #deal_view_deal_inner:after {content:''; display:table; width:100%; zoom:1; clear:both;} .deal #deal_view_deal_left { position:relative; display:table-cell; margin:0; background-color:#fff; border-right: 1px solid #dadada; vertical-align:top;} .deal #deal_view_deal_right { position:relative; margin-right:0; display:table-cell; min-width:360px; max-width:360px; width:360px; vertical-align:top;} .deal #deal_view_deal_right .deal_view_title { padding: 10px 12px; color: #000; font-weight: bold; font-size: 14px; background-color: #fff; border-bottom: 1px #e9e9e9 solid; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .deal #deal_view_deal_right .deal_view_widget_content { padding-top:15px; padding-bottom:15px; } .deal #deal_view_deal_right .deal_view_widget_content ul {overflow:visible!important;} .deal #deal_view_header {position:relative; padding:20px 30px; background-color:#f7f7f7; color:#333; border-bottom:1px solid #e9e9e9;} .deal #deal_view_deal_right .deal_view_deal_right_inner {position:relative; padding:23px;} .deal #deal_view_deal_right .deal_view_img {position:relative; display:inline-block; margin-right:10px; width:66px; height:66px; border:3px solid #fff; background-color:#fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; float:left; overflow:hidden;} .deal #deal_view_deal_right #deal_view_avatar {position:relative; display:block; top:-2px; left:-2px; width:70px; height:70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} .deal #deal_view_deal_right #deal_view_avatar_right {position:relative; float:left; top:22px;} .deal #deal_view_deal_right #deal_view_avatar_right #deal_view_contact_name {position:relative; display:inline-block; font-size:15px; color:#555; font-weight:400;} .deal #deal_view_deal_right #deal_view_avatar_right ul#deal_view_contact_details li .field_empty { color: #999999; } .deal #deal_view_deal_right #deal_view_contact {position: relative; top:-15px; display:block; font-size:14px; width:228px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .deal #deal_view_deal_right #deal_view_contact > div {display:block; width:228px; max-width: 228px; overflow:visible;} .deal #deal_view_deal_right #deal_view_contact > div > span {position:relative; display:inline-block;} .deal #deal_view_deal_right #deal_view_contact #vc_header_meta_social_icons ul li {margin:0 5px 0 0; float:left;} .deal #deal_view_deal_right #deal_view_contact #vc_header_meta_social_icons ul li a { display: block; margin-top: 2px; } .deal #deal_view_deal_right #deal_view_contact #vc_header_meta_social_icons #vc_meta_contact_customer_acct { display:block; } .deal #deal_view_deal_right #deal_view_contact #vc_header_meta_social_icons ul li img {width:16px; height:16px; border:0 none;} .deal #deal_menu_view_right #deal_view_progress {position: absolute; right:23px; top:16px; } .deal #deal_menu_view_right #deal_view_progress li:first-child {-moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} .deal #deal_view_header #deal_view_title {} .deal #deal_view_header #deal_view_won_bar {position:absolute; top:20px; right:30px; display:inline-block;} .deal #deal_view_header #deal_view_won_bar a {position:relative; display:inline-block; margin:0 -3px 0 0; padding:6px 12px; color:#fff; text-decoration:none; background-color:#c9c9c9;} .deal #deal_view_header #deal_view_won_bar a:not(.active) { cursor: pointer; } .deal #deal_view_header #deal_view_won_bar a.active {background-color:#1c74b9;} .deal #deal_view_header #deal_view_won_bar a:first-child {-moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} .deal #deal_view_header #deal_view_won_bar a:last-child {-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} .deal #deal_view_header #deal_view_won_bar a#won_deal_link.active {background-color:#1aa200;} .deal #deal_view_header #deal_view_won_bar a#lost_deal_link.active {background-color:#b80000;} /* Edit mode */ .deal #deal_view_header .selectdropdown.inline_editable { top: -1px; } .deal #deal_view_header #deal_view_value_currency .selectdropdown .dropdown_select { top: -2px;padding: 0 !important;margin: 0;background-color: transparent !important;margin-left: 5px;font-size: 10px;color: #555;font-weight: 400;border: none !important;text-shadow: none;box-shadow: none; } .deal #deal_view_header #deal_view_value_currency .selectdropdown .dropdown_select:after { position: relative;top: -1px; } .deal #deal_view_header .dropdown_menu a { font-size: 14px; } .deal #deal_view_owner_edit, .deal #deal_view_currency { display: none; } .deal #deal_view_header #deal_view_age_container { } .deal #deal_view_header .deal_view_infos > span { position: relative;display: inline-block;margin-right: 30px;font-size: 15px;color: #555;font-weight: 100; } .deal #deal_view_header .deal_view_infos > span:before { position: absolute;top: 7px;left: -18px;content: '';width: 5px;height: 5px;background-color: #ccc;-webkit-border-radius: 100%;border-radius: 100%; } .deal #deal_view_header .deal_view_infos > span:first-child:before { display: none; } .deal #deal_view_header .deal_view_infos > span:not(:empty):before { position: absolute;top: 7px;left: -18px;content: '';width: 5px;height: 5px;background-color: #ccc;-webkit-border-radius: 100%;border-radius: 100%; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container { position: relative;display: inline-block; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_edit_container { position: static;top: 0;right: 0; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container .deal_value_symbol_edit_container { position: relative;float: right; } .deal #deal_view_header .deal_view_infos > span:empty { display: none; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value { position: relative;display: inline-block;font-size: 15px;color: #555;font-weight: 400; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_currency { position: relative;top: 5px;margin-left: -2px;font-size: 10px;display: inline-block; } .deal #deal_view_header .deal_view_infos > #deal_view_owner .dropdown_select { top: -1px;padding: 0 !important;margin: 0;font-size: 15px;background-color: transparent !important;border: none !important;text-shadow: none;box-shadow: none; } .deal #deal_view_header .deal_view_infos > #deal_view_owner .dropdown_select:after { display: none; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_currency .selectdropdown.inline_editable { top: -6px; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_currency .dropdown_menu, .deal #deal_view_header .deal_view_infos > #deal_view_owner .dropdown_menu { margin-top: 10px;overflow: visible; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_currency .dropdown_menu:before, .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_currency .dropdown_menu:after, .deal #deal_view_header .deal_view_infos > #deal_view_owner .dropdown_menu:before, .deal #deal_view_header .deal_view_infos > #deal_view_owner .dropdown_menu:after { position: absolute;top: -8px;right: 15px;content: '';width: 0;height: 0;border-width: 5px 5px 5px 0;border-style: solid;border-color: transparent #ddd transparent transparent;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);z-index: 50; } .deal #deal_view_header .deal_view_infos > #deal_value_symbol_container #deal_view_value_currency .dropdown_menu:after, .deal #deal_view_header .deal_view_infos > #deal_view_owner .dropdown_menu:after { top: -7px;border-color: transparent #fff transparent transparent; } .deal #deal_view_deal_left #deal_view_header_left {} .deal #deal_view_deal_left #deal_view_title {display:inline-block; margin-right:160px; margin-bottom:15px; font-size:25px;} .deal #deal_view_deal_left #deal_view_actions {padding:10px 30px 20px 30px;} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab {margin:12px 0;} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a {position:relative; display:inline-block; margin:0 30px 0 0; padding:0 0 0 22px; text-decoration:none; color:#969696; background-position: 0 5px; background-repeat:no-repeat;} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a.active {color:#000;} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a.active:before, .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a.active:after {position:absolute; bottom:-13px; left:50%; content:''; width:0; height:0; border-style:solid; border-width:0 11px 10px 11px; border-color:transparent transparent #ddd transparent; z-index:10;} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a#deal_view_actions_tab_note {background-image:url('../images/deal_view_actions_tab_note.png');} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a#deal_view_actions_tab_task {background-image:url('../images/deal_view_actions_tab_task.png');} .deal #deal_view_deal_left #deal_view_actions .view_actions_tab a#deal_view_actions_tab_email {background-image:url('../images/deal_view_actions_tab_email.png');} .deal #deal_view_deal_left #deal_view_actions #deal_view_actions_button_container {text-align:right; height:33px;} .deal #deal_view_deal_left #deal_view_actions #deal_view_actions_button_container a.button {padding:10px 18px; float:right; margin:0!important;} .deal #deal_view_deal_left #deal_view_actions #deal_view_actions_button_container_left { float: left; } .deal #deal_view_deal_left #deal_view_actions #deal_view_actions_button_container_right { float: right; } .deal #deal_view_deal_left #deal_view_actions textarea {width:100%; height:45px; margin:0; padding:6px; background-color:transparent; border:0 none;} .deal #deal_view_deal_left #deal_view_actions #deal_view_actions_add_task textarea {border-bottom:1px solid #ddd;} .deal #deal_view_deal_left .deal_view_actions_tab { cursor: pointer; } .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content {display: none; position:relative; margin-bottom:10px; padding-right:14px; border:1px solid #ddd; border-top:3px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_view_deal_left #deal_view_actions_add #deal_view_actions_add_task.deal_view_actions_tab_content {} .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container {padding:10px;} .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container .selectdropdown {display:inline-block; position:relative; top: 0; display:inline-block;} .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container .selectdropdown .dropdown_select {font-size:14px; padding: 7px 15px 7px 10px; border: 1px solid #c3c3c3;} .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container .selectdropdown .icon.caret-bottom { padding-right: 0; } .deal #new_task_duedate, .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container input[type="text"] {padding: 7px; display:inline-block; font-size:14px; color:#333; line-height:100%; background-color:#fff; border:1px solid #c3c3c3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .deal #new_task_duedate.error { border: 1px #f37c7b solid; } .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container input[type="text"]:not(#new_task_duedate) { width:200px; } .deal #deal_view_deal_left #deal_view_actions_add .deal_view_actions_tab_content #deal_view_actions_task_duedate_container #task_duedate_options li a {display:inline-block; padding:3px 0; cursor:pointer; color:#969696;} .deal #new_task_duedate { display: inline-block !important; cursor: pointer; width: 100px; } .deal #deal_view_title_edit_container, .deal #deal_view_email_edit_container, .deal #deal_view_name_edit_container, .deal #deal_view_blank_activity_item { display: none; } .deal #deal_view_container { position:relative; width:100vw; height:100vh; padding-top:128px; } .deal .datepicker-dropdown.datepicker-orient-bottom:before, .deal .datepicker-dropdown.datepicker-orient-bottom:after { display: none; } /* Load overlay in deal container */ .deal #deal_view_container .ac_loader_local {} .deal #deal_search_results_container { display: table; width: 100%; min-height: 400px; padding-top:128px;height: 100%; } .deal #deal_search_results_container #deal_search_results_left, .deal #deal_search_results_container #deal_search_results_right { position: relative; padding-right: 250px; } .deal #deal_search_results_container #deal_search_results_right {display:table-cell; background-color:#e7e7e7; min-width:240px; max-width:240px; width:240px; vertical-align:top;} .deal #deal_search_results_container #deal_search_results_right #deal_search_results_right_wrap {position:relative; padding:20px 0 20px 20px;} .deal #deal_search_results_right input[type='text'] {width:100%; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;} .deal #deal_search_results_right ul:not(.horizontal) li:not(:first-child) { margin: 0px 0px 15px 0px; } /* Search bar container */ .deal #deal_menu_search { height: 64px; color:#FFF; } .deal #deal_menu_search #deal_search_results_info {position:relative; display:inline-block; top: 20px; left: 23px; font-size:14px;} .deal #deal_menu_search #deal_search_results_pagination { position:relative; display:inline-block; float: right; top:20px; right: 22px; left: initial; } .deal #deal_menu_search #deal_search_results_pagination .current { box-shadow: none; } .deal #deal_menu_search .simple-pagination {top:15px; right:15px; margin:0; padding:0;} .deal #deal_menu_search .simple-pagination li {} .deal #deal_menu_search .simple-pagination li span, .deal #deal_menu_search .simple-pagination li a {padding:6px 8px 5px; color:#FFF; border-color:transparent!important;} .deal #deal_menu_search .simple-pagination li a {background-color:#4774aa; text-decoration:none;} .deal #deal_menu_search .simple-pagination li.disabled span.ellipse {padding-right:0; color:#4774aa!important;} .deal #deal_menu_search .simple-pagination li.active span.current {background-color:#01a7c7!important;} /* The search results */ .deal #deal_search_results {padding:22px 22px 74px;} .deal #deal_search_results .deal_search_result_row li {line-height:normal!important;} .deal #deal_search_results .deal_search_result_row li.contact, .deal #deal_search_results .deal_search_result_row li.value {padding:0;} .deal #deal_search_results .deal_search_result_row li.contact {padding-right:10px; padding-left: 10px;} .deal #deal_search_results .deal_search_result_row li.info {padding:3px 8px;} /* Search returns no results */ .deal #deal_search_results_empty {padding:30px 0 0; text-align:center; font-size:17px; color:#888;} /* Search results right column */ .deal #deal_search_form { margin-top: 126px;font-family: "IBM Plex Sans", Helvetica, sans-serif;} .deal #deal_search_form input[type="text"] {width: 100%;line-height:100%; } .deal #deal_search_form > table { } .deal #deal_search_form > table tr td { padding: 8px 0;vertical-align: middle; } .deal #deal_search_form > table > tbody > tr:first-child > td { padding-bottom: 0; } .deal #deal_search_form > table tr td .ac_input { margin: 0 !important; } .deal #deal_search_form > table tr td .selectdropdown { width: 100%;box-sizing: border-box; } .deal #deal_search_form > table tr td .selectdropdown a { width: 100% !important;font-size: 14px !important;padding: 7px !important;box-sizing: border-box; } /* Add task action */ .deal #deal_view_deal_left .add_task_wrapper {position:relative; top:0; left:0; padding-right:14px; width:100%; height:31px; border-bottom:1px solid #ddd; overflow:hidden;} .deal #deal_view_deal_left #deal_view_actions_add_task_types {position:relative; top:0; left:0; padding-right:14px; width:100%;} .deal #deal_view_deal_left #deal_view_actions_add_task_types:after {position:absolute; content:''; right:0; top:0; width:100px; height:31px; opacity:100; z-index:10; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(100%,#FFF)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#FFF 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,#FFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*.deal #deal_view_deal_left #deal_view_actions_add_task_types:after {position:absolute; content:'\2026'; right:10px; top:-1px; font-size:19px; color:#999; cursor:pointer;}*/ .deal #deal_view_deal_left #deal_view_actions_add_task_types li {position:relative; display:inline-block; margin-right:-4px!important; padding:8px 13px; color:#777; border-right:1px solid #ddd; cursor:pointer;} .deal #deal_view_actions_add_task_types_overflow_container #deal_view_actions_tasktype_new { padding:8px 13px; color:#777; cursor: pointer; background-color:#fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; } .deal #deal_view_actions_add_task_types_overflow_container #deal_view_actions_tasktype_new a { color:#777; font-weight: bold; text-decoration: none; } .deal #deal_view_actions_add_task_types_overflow_container #deal_view_actions_tasktype_new:hover { color:#777; background-color:#f0f0f0; } .deal #deal_view_deal_left #deal_view_actions_add_task_types li:hover, .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow li:hover {background-color:#f0f0f0;} .deal #deal_view_deal_left #deal_view_actions_add_task_types li.active, .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow li.active {background-color:#f0f0f0; color:#000;} .deal #deal_view_deal_left #deal_view_actions_add_task_types li.active:after {position:absolute; content:''; left:-1px; bottom:-2px; padding-left:1px; padding-right:1px; width:100%; border-bottom:2px solid #38630d;} .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow { padding:0; min-width:150px; background-color:#fff; border:1px solid #ddd; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; overflow-y: auto;} .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow_container { display:none; position:absolute; top:28px; right:2px; z-index:50; } .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow:before {position:absolute; top:-7px; right:5px; content:''; width:0; height:0; border-style:solid; border-width:0 8px 7px 8px; border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ddd rgba(0, 0, 0, 0); z-index:10;} .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow li {display:block; padding:8px 13px; color:#777; border-bottom:1px solid #ddd; cursor:pointer;} .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow li:last-child { border-bottom: none; } .deal #deal_view_deal_left #deal_view_actions_add_task_types_overflow li#deal_view_actions_tasktype_new a {color:#555; text-decoration:none;} .deal #deal_view_deal_left #deal_view_actions_add_task_types_extra_button { position:absolute; right:5px; top:1px; font-size:19px; color:#999; cursor:pointer; background-color:#fff; text-align:center; height:29px; width:20px; z-index:50; } .deal .deal_view_activity_item_line .deal_view_activity_item_full_view {margin-bottom:4px; color:#888;} .deal .deal_view_activity_item_line .deal_view_activity_item_full_view .button {margin:0;} .deal .deal_view_activity_item_line .deal_view_activity_item_full_edit {margin-bottom:5px; padding:6px; width:100%; min-height:55px; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal .deal_view_activity_item_line .deal_view_activity_item_edit_container {margin-bottom:20px; padding-right:14px;} .deal .deal_view_activity_item.connection_email .deal_view_activity_item_line, .deal .deal_view_activity_item.email .deal_view_activity_item_line { margin-bottom: 8px; } .deal .deal_view_activity_item.connection_email .deal_view_activity_item_line1, .deal .deal_view_activity_item.email .deal_view_activity_item_line1 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px #CCCCCC solid; } .deal .deal_view_activity_item.connection_email .deal_view_activity_item_line_attachment { padding-left: 15px; background-image: url(../images/mesg-attach.gif); background-repeat: no-repeat; } .deal .deal_view_activity_item.email .deal_view_activity_item_all_content { float: left; width: 150px; } .deal .deal_view_activity_item.email .deal_view_activity_item_email_action { float: right; width: 300px; text-align: right; color: #999999; margin: 0px 0px 3px 0px; } /* Send email action */ .deal #deal_view_deal_left #deal_view_actions_add_email {position:relative; margin:0; padding:12px;} .deal #deal_view_deal_left #deal_view_actions_add_email fieldset {margin:0!important; padding:0 14px 0 0!important;} .deal #deal_view_deal_left #deal_view_actions_add_email textarea {border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_view_deal_left #deal_view_actions_add_email table#recaptcha_table {border:0 none!important;} .deal #deal_view_deal_left #deal_view_actions_add_email #contact_email_subject {margin-bottom:10px!important; padding:6px!important; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_view_deal_left #deal_view_actions_add_email #contact_email_subject:after {display:table; content:''; width:100%; visibility:hidden; zoom:1;} .deal #deal_view_deal_left #deal_view_actions_add_email #contact_email_subject div#deal_email_subject {margin-right:160px;} .deal #deal_view_deal_left #deal_view_actions_add_email #contact_email_subject input#contact_view_email_subject {width:100%; padding:0; border:0 none;} .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details {position:absolute; top:20px; right:10px;} .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details #contact_email_details > a {position:relative; display:block; padding:0; color:#d3d3d3; font-weight:100; cursor:help;} .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details #deal_email_details_dropdown {display:none; position:absolute; top:22px; right:0; margin:0; padding:12px; background:#fff; font-size:12px; border:1px solid #ddd; overflow:hidden; text-align:left; z-index:100; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:visible;} .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details #deal_email_details_dropdown a, .deal #contact_view_email_name_from { color:#9e9e9e; font-weight:100;} .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details #deal_email_details_dropdown:before, .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details #deal_email_details_dropdown:after {position:absolute; top:-8px; right:15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:rgba(0, 0, 0, 0) #ddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); z-index:50;} .deal #deal_view_deal_left #deal_view_actions_add_email #deal_email_details #deal_email_details_dropdown:after {top:-7px; border-color:rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} .deal div#deal_email_details div#deal_email_details_dropdown .deal_email_details_dropdown_row { display:block; white-space:nowrap; line-height:19px; } .deal div#deal_email_details div#deal_email_details_dropdown .deal_email_details_dropdown_label {display:inline-block; margin-right:10px; min-width:32px; color:#919191; text-align:right;} #contact_email_automation_options { margin: 11px 0px 10px 0px; } #contact_email_automation_options_label {} #contact_email_automation_setup {position: relative; margin: 0; padding-right:10px; } #contact_email_automation_setup .contact_email_automation_setup_wrap a { position: relative; display: block; padding: 16px 16px 16px 50px; font-size: 14px; font-weight: 400; background: #ACCEE2; color: #376885; line-height: 19px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; overflow: hidden; } #contact_email_automation_setup .contact_email_automation_setup_wrap a span { position: relative; display: block; z-index: 2;} #contact_email_automation_setup .contact_email_automation_setup_wrap a .ac-icon-cog { position: absolute; top: 4px; left: -28px; font-size: 62px; color: #A0C2D6; z-index: 1; } body.contact_view #contact_email_automation_options_text {position: relative; top: -3px; margin-left:23px; margin-right:23px; font-weight: 400;} body.deal #contact_email_automation_options_task { margin-top: 11px; } body.deal #contact_email_automation_options {margin:0;} body.deal #contact_email_automation_options_text {position: relative; top: 1px; margin-left:23px; font-weight: 400; cursor: pointer;} body.deal #contact_email_automation_setup .contact_email_automation_setup_wrap a { padding-top: 11px; padding-right: 22px; padding-bottom: 10px; } input#contact_view_use_series {float:left; width:13px; height:13px;} #contact_email_automation_options .plain-dropdown { display: inline-block; } .contact_view #contact_email_automation_options { padding: 0px 0px 0px 10px; } #contact_email_automation_options .selectdropdown { display: inline-block; } #contact_email_automation_options .selectdropdown .icon.caret-bottom { padding-right: 0; margin-left: 0; } .deal #deal_view_activity { margin:30px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px; } .deal #deal_view_activity .deal_view_activity_item_left { position:relative; float: left; z-index:1; } .deal #deal_view_activity .deal_view_activity_item_left .deal_stream_avatar {position:relative; width:20px; height:20px; position:relative; display:inline-block; background-color:#fff; border:1px solid #ddd; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; overflow:hidden;} .deal #deal_view_activity #deal_view_activity_future .deal_view_activity_item_left .deal_stream_avatar {border:1px solid #85c572;} .deal #deal_view_activity .deal_view_activity_item_left .deal_stream_avatar img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:20px; height:20px; display:block; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;} .deal #deal_view_activity .deal_view_activity_item_left .deal_stream_avatar .deal_view_activity_item_checkbox {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} .deal #deal_view_activity .deal_view_activity_item_right { margin-left:38px; padding-top:4px; } .deal #deal_view_activity .deal_view_activity_item_right ul {line-height:14px;} .deal #deal_view_activity .deal_view_activity_item_right ul li:not(.deal_view_activity_item_line) { display: inline-block; } .deal #deal_view_activity .deal_view_activity_item_right .selectdropdown ul li { display: block; } .deal #contact_view_email_to { cursor: pointer; } .deal #deal_view_activity_future {padding:0; background-color:#eeffe9; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .deal #deal_view_activity_past {padding:0;} .deal_view_activity_item_right ul.deal_view_activity_item_lines {position:relative; top:-4px; padding:10px 12px; background-color:rgba(255,255,255, 0.9); border:1px solid #ebebeb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #deal_view_activity_future .past_due .deal_view_activity_item_right ul.deal_view_activity_item_lines { background-color: #FFFFFF; border: 1px solid #ec9191; } .deal_view_activity_item_right ul.deal_view_activity_item_lines:before, .deal_view_activity_item_right ul.deal_view_activity_item_lines:after {position:absolute; top:4px; left:-8px; content:''; width:0; height:0; border-width:8px 8px 8px 0; border-style:solid; border-color:transparent #ebebeb transparent transparent; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); z-index:50;} #deal_view_activity_future .past_due .deal_view_activity_item_right ul.deal_view_activity_item_lines:before { border-color: transparent rgba(236, 145, 145, 1) transparent transparent !important; } .deal_view_activity_item_right ul.deal_view_activity_item_lines:after {top:4px; left:-7px; border-color:transparent #fff transparent transparent;} #deal_view_activity_future ul.deal_view_activity_item_lines {background-color:rgba(166, 219, 153, 0.2); border:0 none;} #deal_view_activity_future ul.deal_view_activity_item_lines:before {border-color:transparent rgba(166, 219, 153, 0.2) transparent transparent!important;} #deal_view_activity_future ul.deal_view_activity_item_lines:after {display:none;} .deal #deal_view_activity_future #deal_view_activity_item_lines {} .deal #deal_view_activity_future .deal_view_activity_item_line {position:relative;} .deal #deal_view_activity_future .deal_view_activity_item_line:after {display:table; content:' '; width:100%; visibility:hidden; overflow:hidden; zoom:1;} .deal #deal_view_activity_future .deal_view_activity_item_line input[type="checkbox"] {position:relative; margin:-6px 6px 0 0; width:14px;} .deal #deal_view_activity .deal_view_activity_item {position:relative; padding:0 20px 10px;} .deal #deal_view_activity #deal_view_activity_past .deal_view_activity_item:before {position:absolute; content:''; top:0; left:30px; height:100%; width:1px; background-color:#ddd;} .deal #deal_view_activity #deal_view_activity_past .deal_view_activity_item:first-child:before {} .deal #deal_view_activity .deal_view_activity_item:last-of-type, .deal #deal_view_activity .deal_view_activity_item:first-child {border-bottom:0 none;} .deal #deal_view_activity .deal_view_activity_item:first-child {padding-top:20px!important;} .deal #deal_view_activity #deal_view_activity_future .deal_view_activity_item {padding-bottom:20px;} .deal #deal_view_activity #deal_view_activity_future .deal_view_activity_item:last-child {margin-bottom:-8px; padding-bottom:30px; border-bottom:0 none; background-image:url('../images/contact_view_tearoff.png'); background-repeat:repeat-x; background-position:bottom left; overflow:visible;} .deal #deal_view_activity .deal_view_activity_item_right p.deal_view_activity_item_task_content { display: inline-block; margin:0 0 6px; padding:0; } .deal #deal_view_activity .deal_view_activity_item_right .deal_view_activity_time_display, .deal #deal_view_activity .deal_view_activity_item_right p.deal_view_activity_item_task_content .deal_view_activity_time_edit_input {padding:7px; font-size:14px; color: #333; line-height:100%; width:100px; background-color:#fff; border:1px solid #c3c3c3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .deal #deal_view_activity .deal_view_activity_item_right .deal_view_activity_time_display { cursor: pointer; } .deal #deal_view_activity .deal_view_activity_item_right .display-inline-block-important { display: inline-block !important; } .deal #deal_view_activity .deal_view_activity_item_right p.deal_view_activity_item_task_content .selectdropdown {position:relative; top:7px; margin-left: 5px; } .deal #deal_view_activity .deal_view_activity_item_right .deal_view_activity_time_display { margin-left: 5px; } .deal #deal_view_activity .deal_view_activity_item_right p.deal_view_activity_item_task_content .button {padding:7px 12px!important; text-align: center; margin-left: 5px; } .deal #deal_view_activity_past, .deal #deal_view_activity #deal_view_activity_past .deal_view_activity_item { position:relative; background-color:#fafafa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; z-index:1;} .deal #deal_view_activity #deal_view_activity_past .deal_view_activity_item:last-child { margin-bottom: 0px; border-bottom: none; } .deal #deal_view_activity .deal_view_activity_item_full_view span { display: inline; } .deal #deal_view_activity_all_empty { padding: 10px; } .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_time_display, .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container, .deal #deal_view_activity #deal_view_blank_comment, .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_more, .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_more_link, .deal #deal_view_activity .deal_view_activity_tasktype_edit, .deal #deal_view_activity .deal_view_activity_time_edit, .deal #deal_view_activity .deal_view_activity_item p.deal_view_activity_item_task_content, .deal #deal_view_activity .deal_view_activity_item p.deal_view_activity_item_all_content, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_time_edit_input, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_time_hour, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_time_edit_time_button, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_expand_link, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_contract_link, .deal #deal_view_activity .deal_view_activity_item span.deal_view_activity_item_full_view_more, .deal #deal_view_activity span.deal_view_activity_item_full_view_complete, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_edit_container, .deal #deal_view_activity #deal_view_activity_all_empty, .deal #deal_search_results_container, .deal #deal_view_activity #deal_view_activity_task_empty, .deal #deal_view_activity #deal_view_activity_note_empty, .deal #deal_view_activity #deal_view_activity_email_empty, .deal #deal_view_activity #deal_view_activity_deal_update_empty { display: none; } .deal #deal_view_activity_future .deal_view_activity_item_line1 td:first-child { line-height: 0px; } .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_more { margin-left: -3px; } .deal #deal_view_activity .deal_view_activity_item p.deal_view_activity_item_task_content .tasktype, .deal #deal_view_activity .deal_view_activity_item p.deal_view_activity_item_task_content .time { font-weight: bold; } .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container {position:relative; margin:10px 0px 12px 60px; padding:0; background-color:#fff; border:1px solid #ddd; -webkit-box-shadow: 0 2px 0 0 #d1d1d1; box-shadow: 0 2px 0 0 #d1d1d1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container:before, .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container:after {position:absolute; top:-9px; left:20px; content:''; width: 0px; height: 0px; border-style: solid; border-width:0 11px 10px 11px; border-color: transparent transparent #fff transparent; z-index:10;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container:before {top:-11px; border-color: transparent transparent #ddd transparent;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email {position:relative; margin:15px 0px 0px; padding:12px 16px; background-color:#fff; border:1px solid #ddd; -webkit-box-shadow: 0 2px 0 0 #d1d1d1; box-shadow: 0 2px 0 0 #d1d1d1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email:before, .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email:after {position:absolute; top:-9px; left:20px; content:''; width: 0px; height: 0px; border-style: solid; border-width:0 11px 10px 11px; border-color: transparent transparent #fff transparent; z-index:10;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email:before {top:-11px; border-color: transparent transparent #ddd transparent;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email label {display:block; margin:0 0 4px; padding:0; font-weight:700;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email p {margin:0; padding:0;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_full_view_email .email_subject_view {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment:first-child {margin-top:20px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment .deal_view_comment {margin:0; padding-bottom:12px; border-bottom:1px solid #ddd;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment ul {padding:12px 16px 6px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment ul li {line-height:17px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_add_comment {position:relative; padding:16px; overflow:hidden;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_add_comment .comment_value {margin-right:150px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_add_comment .comment_value textarea { width:100%; height:16px; padding:7px; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_add_comment .add_comment {margin:0!important; padding:6px 17px!important; float:right; font-size:12px; background:#fff!important; color:#a3a3a3!important; text-shadow:none!important; border:1px solid #cfcfcf!important; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_add_comment .add_comment:hover {color:#fff!important; background-color:#24a828!important; border:1px solid #24a828!important;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comments_more_link {padding:8px 15px; margin:15px 15px 0; font-size:12px; text-align:center; background-color:#f4f4f4; border: 1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none; cursor:pointer; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comments_more_link:hover {background-color:#fff;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_right a { cursor:pointer; color:#555; } .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_right a.dropdown_select { padding:0!important; font-weight:600; } .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_right .deal_view_activity_item_full_cancel_button { border:1px solid #ddd; } .deal #deal_view_activity .deal_view_activity_item .deal_view_comment { margin:0px 0px 15px; padding:0 15px 15px; border-bottom:1px solid #ddd;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comment:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comment:last-child {margin-bottom:0;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comment > p {display:block; margin:16px 16px 5px; font-size:14px; line-height:15px; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comment .deal_view_comment_author { font-weight:700; } .deal #deal_view_activity .deal_view_activity_item .deal_view_comment .deal_view_comment_timestamp { color: #ccc; } .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment .deal_view_comment_left {float:left; width:28px; margin:0;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment .deal_view_comment_left img {width:28px; height:28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment .deal_view_comment_right {margin-left:38px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment .deal_view_comment_right > p {margin-bottom:4px;} .deal #deal_view_activity .deal_view_activity_item .deal_view_comments_container .deal_view_comment .deal_view_comment_right .deal_view_comment_timestamp {display:inline-block; font-size:11px; color:#ccc; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_all_content {margin:0 0 3px; padding:0; color:#666; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_all_content span {color:#333; font-weight:700;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_meta li {display:inline-block; margin:0 5px 0 0; font-size:12px; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_meta li a {color:#999; font-size:12px; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_logger {color:#999; font-size:12px; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_comments_link a {color:#999; font-size:12px; font-weight:100;} .deal #deal_view_activity .deal_view_activity_item .deal_view_activity_item_email_subject { font-weight: bold; } .deal #deal_view_deal_right_top { margin-bottom:15px; } .deal #deal_manage_tasktypes_add, .deal #deal_manage_tasktypes_delete, .deal #deal_manage_tasktypes_delete_back_btn, .deal #deal_manage_tasktypes_delete_action_btn, .deal #deal_manage_tasktypes_edit_action_btn, .deal #deal_manage_tasktypes_add_action_btn, #vc_pd_blank, .deal #deal_board_row_empty { display: none; } .deal #deal_board_row_empty a { cursor: pointer; } .deal #deal_view_delete_link a { text-decoration: none; color: #CCCCCC; cursor: pointer; } .deal #deal_view_delete_link a:hover { color: #DD1144; } .deal #deal_view_scores[data-toggle='popover'] { cursor: pointer; } .deal .deal_view_score_label, .deal .deal_view_score_value { display: block; } .deal .deal_view_score_label { font-weight: bold; } .deal .deal_view_score_value:not(.last) { margin: 0px 0px 15px 0px; } .deal #deal_search_results_pagination ul { float: none; } .deal #vc_automated_series .vc_automated_series_starts_list li:first-child { padding-top: 0px; } .deal #toggle_ckeditor, .contact_view #toggle_ckeditor { cursor: pointer; margin-top: 15px; display: inline-block; padding:0; color:#d3d3d3; font-weight:100; } .contact_view #toggle_ckeditor { margin-bottom: 10px; margin-left: 10px; } .deal #toggle_ckeditor { position: absolute; top: 50px; right: 23px; } .deal #deal_view_contact_customer_acct {position:relative; top:0; border:none; background-color:#88afdf; margin:0; padding:2px 4px 2px 4px!important; color:#ebf2fb; width:auto; border: 0 none!important; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:3px!important; -webkit-border-radius:3px!important; border-radius:3px!important;} .deal #deal_view_contact_customer_acct, .deal #deal_view_contact_customer_acct_preview { font-size: 10px!important; } .deal #deal_view_contact_customer_acct_preview { display: none; } .deal #deal_view_contact_customer_acct.inline_editable:hover {color:#888; background-color:rgba(245, 255, 0, 0.2); -webkit-box-shadow:none; box-shadow:none; cursor:pointer;} .deal #deal_view_contact_customer_acct.inline_editing {color:#333!important; background-color:transparent; background-image:url('../images/inline_editing_input.png'); background-repeat:repeat-x; background-position:bottom left; cursor:text;} #vc_deals_rows_container .vc_deal_row {position:relative; margin-bottom:12px; padding:0; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} #vc_deals_rows_container .vc_deal_row:last-child {margin-bottom:0;} #vc_deals_rows_container .vc_deal_row::before {position:absolute; content:''; left:-1px; top:-3px; width:3px; height:62px; opacity:100; z-index:100; background-color:rgba(0,204,20, 1);} #vc_deals_rows_container .vc_deal_row.today::before {background-color:rgba(0,204,20, 1);} #vc_deals_rows_container .vc_deal_row.past::before {background-color:rgba(255,0,0, 1);} #vc_deals_rows_container .vc_deal_row.none::before {background-color:rgba(255,155,60, 1);} #vc_deals_rows_container .vc_deal_row::after {position:absolute; content:''; right:0; top:-10px; width:100px; height:100px; opacity:100; z-index:100; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(100%,#FFF)); background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#FFF 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%,#FFF 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } #vc_deals_rows_container .vc_deal_row ul {display:table; cursor:pointer;} #vc_deals_rows_container .vc_deal_row a {cursor:pointer; } #vc_deals_rows_container .vc_deal_row ul li {position:relative; display:table-cell; padding:8px 10px; font-size:12px; color:#666; line-height:17px; border:0 none; border-right:1px solid #eee; vertical-align:middle;} #vc_deals_rows_container .vc_deal_row ul li:last-child {border-right:0 none;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_title_container {width:150px; max-width:150px; min-width:150px; white-space:nowrap;} #vc_deals_rows_container .vc_deal_row ul .vc_deal_value {/*width:95px; min-width:95px;*/ color:#009400; font-weight:400;} #vc_deals_rows_container .vc_deal_row ul .vc_deal_title, #vc_deals_rows_container .vc_deal_row ul .vc_deal_value { display: block; } #vc_deals_rows_container .vc_deal_row ul li.vc_deal_age {width:120px; min-width:120px; color:#00328b;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_group {width:120px; min-width:120px;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_group_stage {width:120px; min-width:120px;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_group_stage .vc_deal_stage {display:block; width:100%; font-weight:700; white-space:nowrap;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_group_stage .vc_deal_group {display:block; color:#999; white-space:nowrap;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_task {width:300px; max-width:300px; min-width:300px; white-space:nowrap;} #vc_deals_rows_container .vc_deal_row ul li.vc_deal_task .task_title {margin-bottom:6px;} /*#vc_deals_rows_container .vc_deal_row ul li.vc_deal_task .task_date {font-size:11px; color:#a5a5a5;}*/ .modal.contact_view_email_modal .modal-body {padding:0!important;} .modal.contact_view_email_modal .modal-body .body {position:relative;} .modal.contact_view_email_modal .modal-body fieldset {margin:0!important; padding:0 24px 0 0!important; border-bottom:1px solid #ddd;} .modal.contact_view_email_modal .modal-body fieldset#contact_email_body { padding-right:0!important;} .modal.contact_view_email_modal .modal-body fieldset#contact_email_body #cke_contact_view_email_message {width:596px;} .modal.contact_view_email_modal .modal-body fieldset:last-child {border-bottom:0 none;} .modal.contact_view_email_modal .modal-body fieldset textarea, .modal.contact_view_email_modal .modal-body fieldset input {margin:0!important; padding:12px!important; border:0 none!important; border-radius:0!important; -webkit-box-shadow:inset 0 rgba(0, 0, 0, 0)!important; -moz-box-shadow:inset 0 rgba(0, 0, 0, 0)!important; box-shadow:inset 0 rgba(0, 0, 0, 0)!important; -webkit-box-shadow:0 rgba(0, 0, 0, 0)!important; -moz-box-shadow:0 rgba(0, 0, 0, 0)!important; box-shadow:0 rgba(0, 0, 0, 0)!important; } .modal.contact_view_email_modal .modal-body #toggle_ckeditor.ckeditor {position:absolute; top:37px; right:24px; color:#d3d3d3; cursor:pointer;} #uxbody .uxlftcolm .modal.contact_view_email_modal .modal-body fieldset input {width:84%; float:left; box-shadow:none; } .modal.contact_view_email_modal .modal-footer div.switch_to {position:absolute; display:block; margin:8px 0 10px; text-align:right;} .modal.contact_view_email_modal .modal-footer div.switch_to span {display:inline-block; margin-right:8px; font-size:11px; color:#dbdbdb; cursor:pointer;} .modal.contact_view_email_modal fieldset:not(#contact_email_body) span { color: #666666; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -khtml-opacity:0.7; opacity:0.7; font-size: 14px; width: 55px; display: block; float: left; text-align: right; margin-right: 10px; padding-top: 11px; } .modal.contact_view_email_modal #cke_contact_view_email_message { width: 600px; } .deal #deal_view_deal_left #deal_view_actions #contact_view_email_message { width: 100%; margin-top: 35px; } #cke_contact_view_email_message { margin-right: -14px; border: 1px #ddd solid; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .deal #contact_view_email_message.ckeditor { margin-top: 0px; } #cke_contact_view_email_message .cke_toolgroup { border: none; } #cke_contact_view_email_message .cke_button_on { background-image: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } /*.modal.contact_view_email_modal fieldset #cke_contact_view_email_message span { display: none; }*/ .modal.contact_view_email_modal input[type=text]#contact_view_email_to { color: #bbbbbb !important; } .modal.contact_view_email_modal #contact_email_details {} .modal.contact_view_email_modal #contact_email_details #deal_email_details_dropdown {display:none;} .modal.contact_view_email_modal #deal_email_details #contact_email_details {position:absolute; top:10px; right:0;} .modal.contact_view_email_modal #deal_email_details #contact_email_details > a {position:relative; display:block; padding:0; color:#d3d3d3; font-weight:100; cursor:help;} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown {display:none; position:absolute; top:22px; right:22px; margin:0; padding:12px; background:#fff; font-size:12px; border:1px solid #ddd; overflow:hidden; text-align:left; z-index:100; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:visible;} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown a, .deal #contact_view_email_name_from { color:#9e9e9e; font-weight:100;} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown:before, .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown:after {position:absolute; top:-8px; right:15px; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:rgba(0, 0, 0, 0) #ddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); z-index:50;} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown:after {top:-7px; border-color:rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown .deal_email_details_dropdown_row {display:block; width:100%; height:15px; white-space:nowrap;} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown .deal_email_details_dropdown_row span {float:none!important; display:inline-block!important; width:auto!important; margin:0; padding:0; color:#333!important; filter:alpha(opacity=100)!important; -khtml-opacity:1!important; opacity:1!important; text-align:left;} .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown .deal_email_details_dropdown_row span.deal_email_details_dropdown_label, .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown .deal_email_details_dropdown_row span#contact_view_email_name_from, .modal.contact_view_email_modal #deal_email_details #contact_email_details #deal_email_details_dropdown .deal_email_details_dropdown_row span#contact_view_email_to {color:#919191!important;} .modal.contact_view_email_modal #contact_view_email_captcha, .deal #contact_view_email_captcha { display: none; } .modal.contact_view_email_modal #contact_view_email_captcha table#recaptcha_table { width: 100%; border: 0 none!important; } .modal.contact_view_email_modal #contact_view_email_captcha table#recaptcha_table td.recaptcha_image_cell { width: 394px!important; } .modal.contact_view_email_modal #contact_view_email_captcha table#recaptcha_table td.recaptcha_image_cell div#recaptcha_image { width: 100%!important; } .modal.contact_view_email_modal #contact_view_email_captcha table#recaptcha_table div.recaptcha_input_area input { width: 380px!important; border: 1px solid #ccc!important; } .modal.contact_view_email_modal #contact_view_email_captcha table#recaptcha_table span#recaptcha_privacy {float: none!important; text-align: left!important; margin-left: 7px!important;} .modal.contact_view_email_modal #contact_view_email_captcha table#recaptcha_table span#recaptcha_privacy a {font-size: 12px!important; color: #c4c4c4!important;} .modal.contact_view_email_modal .modal-footer div.switch_to { display: none; } /* * Deals tour */ #deal_tour_welcome_modal .modal-body {padding:25px 25px 0!important;} #deal_tour_welcome_modal .modal-body h3 {padding:0 10px; height:50px; font-size:14px; color:#00a6c9; font-weight:bold;} #deal_tour_welcome_modal .modal-body .colm-table {display:table; width:100%; text-align:center;} #deal_tour_welcome_modal .modal-body .colm-cell {display:table-cell; width:33%;} #deal_tour_welcome_modal .modal-body .tour-deal-icon {margin:0 auto; width:160px; height:160px; background-size:123px auto; background-repeat:no-repeat; background-position:50%; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; -ms-transition: all 100ms ease; transition: all 100ms ease;} #deal_tour_welcome_modal .modal-body .colm-cell:hover .tour-deal-icon {transform:scale(1.07); -ms-transform:scale(1.07); -moz-transform:scale(1.07); -webkit-transform:scale(1.07); -o-transform:scale(1.07);} #deal_tour_welcome_modal .modal-body .colm-cell .tour-deal-icon.leads {background-image:url('https://d226aj4ao1t61q.cloudfront.net/6gi3zyew_setup-leads.png');} #deal_tour_welcome_modal .modal-body .colm-cell .tour-deal-icon.pipelines {background-image:url('https://d226aj4ao1t61q.cloudfront.net/gqj1lfhhb_setup-pipelines.png');} #deal_tour_welcome_modal .modal-body .colm-cell .tour-deal-icon.process {background-image:url('https://d226aj4ao1t61q.cloudfront.net/p0pkvuia_setup-process.png');} #deal_tour_welcome_modal .modal-body .colm-cell p {padding:12px; font-size:12px; color:#888;} /* * Add deal modal */ .deal_add_deal_modal a.dropdown_select, .deal_add_deal_modal [data-id="new_deal_stage"], .deal_add_deal_modal [data-id="new_deal_owner"], .deal_add_deal_modal [data-id="new_deal_group"] { width: 100% !important;box-sizing: border-box; } .deal_add_deal_modal.modal .modal-content { width: 685px; } .deal_add_deal_modal.modal .modal-body .add-deal-table-modal { margin-bottom: 20px; } .deal_add_deal_modal.modal .modal-body .add-deal-table-modal .popover-trigger { margin-bottom: 0; } .deal_add_deal_modal.modal .modal-body .form_colm_table { display: table;width: 100%; } .deal_add_deal_modal.modal .modal-body .form_row { display: block;padding: 0 !important;width: 100%; } .deal_add_deal_modal.modal .modal-body .form_row fieldset { display: inline-block;padding: 0 !important;width: 316px;vertical-align: top; } .deal_add_deal_modal.modal .modal-body .form_row fieldset:first-child { margin-right: 9px; } .deal_add_deal_modal.modal .modal-body fieldset { padding: 0 !important; } .deal_add_deal_modal.modal .modal-body fieldset .vc_widget_deal_right { top: 21px;bottom: initial;right: 0; } .deal_add_deal_modal.modal .modal-body fieldset .vc_widget_deal_right .popover-trigger { padding: 8px 11px 7px !important; } .deal_add_deal_modal.modal .modal-body fieldset .vc_widget_deal_left #new_deal_value { width: 246px; } .deal_add_deal_modal.modal .modal-body fieldset #add_deal_stage_container, .deal_add_deal_modal.modal .modal-body fieldset #add_deal_group_container { float: none;margin-right: 10px;min-width: initial;width: auto; } .deal_add_deal_modal.modal .modal-body fieldset.column, #adddeal-import.modal .modal-body fieldset.column, .deal_add_deal_modal.modal .modal-body fieldset.deal_owner_set { display: inline-block;margin: 0 !important;width: initial !important;vertical-align: top; } .deal_add_deal_modal.modal .modal-body #new_deal_group_container .icon.caret-bottom, .deal_add_deal_modal.modal .modal-body #add_deal_stage_container .icon.caret-bottom, .deal_add_deal_modal.modal .modal-body #deal_value_currency .icon.caret-bottom, .deal_add_deal_modal.modal .modal-body #owner-dropdown-container .icon.caret-bottom { padding-right: 0;color: #b9b9b9 !important; } .deal_add_deal_modal.modal .modal-body #dealtitle-pers-menu.ac_popover-menu{ margin-top: 45px !important; } .deal_add_deal_modal.modal .modal-body label { margin-bottom: 5px; } .deal_add_deal_modal.modal .modal-body input[type="text"] { width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .deal_add_deal_modal.modal .modal-body .dealtitle-pers { float: right; } .deal_add_deal_modal.modal .modal-body a.dealtitle-pers { color: #bbbbbb;text-decoration: none;} #deal_widget_form .dealtitle-input-wrap { height: 19px; width: 95%; position: relative;padding: 7px 7px 7px 9px!important;display: inline-block;background-color: #ffffff;line-height: 100%;border: 1px solid #C3C3C3;border-radius: 3px;font: 14px "IBM Plex Sans", Helvetica, sans-serif !important;color: #333 !important;float: left; } #deal_widget_form .dealtitle-input { position: relative;padding: 0 !important;width: 92% !important;display: inline-block;background-color: #ffffff;line-height: 100%;border: 0px !important;font: 14px "IBM Plex Sans", Helvetica, sans-serif !important;color: #333 !important;float: left; } #deal_widget_form.modal fieldset div.set .dealtitle-input-wrap .dealtitle-pers, #deal_widget_form.modal fieldset div.set .dealtitle-input-wrap .reply-to { float: right; } #deal_widget_form.modal fieldset #dealtitle-pers-menu { margin-top: 23px;min-width: 247px;left: 20.5%;} #deal_widget_form.modal fieldset #dealtitle-pers-menu:before,#deal_widget_form.modal fieldset #dealtitle-pers-menu:after{ left: 80%;} #deal_widget_form.modal fieldset #dealtitle-pers-menu .ac_popover-menu .ac_popover-search { padding: 5px !important;} #deal_widget_form.modal .ac_popover-menu .popover-footer .ac_button { width: 47%;} #deal_widget_form.modal .ac_popover-menu .popover-footer .ac_button:first-of-type { margin-right: 10px !important;} #dealtitle-modal .dealtitle-pers, #dealtask-modal .dealtitle-pers { float: right; } #dealtitle-modal a.dealtitle-pers, #dealtask-modal .dealtitle-pers { color: #bbbbbb; text-decoration: none;} #dealtitle-modal .dealtitle-input-wrap { height: 19px; width: 95%; position: relative; padding: 7px 7px 7px 9px!important; display: inline-block; background-color: #ffffff; line-height: 100%; border: 1px solid #C3C3C3; border-radius: 3px; font: 14px "IBM Plex Sans", Helvetica, sans-serif !important; color: #333 !important; float: left; margin-bottom: 20px; } #dealtask-modal .dealtitle-input-wrap { height: 19px; width: 95%; position: relative; padding: 7px 7px 7px 9px!important; display: inline-block; background-color: #ffffff; line-height: 100%; border: 1px solid #C3C3C3; border-radius: 3px; font: 14px "IBM Plex Sans", Helvetica, sans-serif !important; color: #333 !important; float: left; } #dealtitle-modal .dealtitle-input { position: relative; padding: 0 !important; width: 92% !important; display: inline-block; background-color: #ffffff; line-height: 100%; border: 0px !important; font: 14px "IBM Plex Sans", Helvetica, sans-serif !important; color: #333 !important; float: left; } #dealtask-modal .dealtasktitle-input { position: relative; padding: 0 !important; width: 92% !important; display: inline-block; background-color: #ffffff; line-height: 100%; border: 0px !important; font: 14px "IBM Plex Sans", Helvetica, sans-serif !important; color: #333 !important; float: left; } #dealtitle-modal.modal fieldset div.set .dealtitle-input-wrap .dealtitle-pers, #dealtitle-modal.modal fieldset div.set .dealtitle-input-wrap .reply-to { float: right; } #dealtitle-modal.modal fieldset #dealtitle-update-pers-menu, #dealtask-modal.modal fieldset #dealtasktitle-pers-menu { margin-top: 45px;min-width: 247px;left: 20.5%;} #dealtitle-modal.modal fieldset #dealtitle-update-pers-menu:before, #dealtitle-modal.modal fieldset #dealtitle-update-pers-menu:after, #dealtask-modal.modal fieldset #dealtasktitle-pers-menu:after, #dealtask-modal.modal fieldset #dealtasktitle-pers-menu:before { left: 80%;} #dealtitle-modal.modal fieldset #dealtitle-update-pers-menu .ac_popover-menu .ac_popover-search, #dealtask-modal.modal fieldset #dealtasktitle-pers-menu .ac_popover-menu .ac_popover-search { padding: 5px !important;} #dealtitle-modal.modal .ac_popover-menu .popover-footer .ac_button { width: 47%;} #dealtitle-modal.modal .ac_popover-menu .popover-footer .ac_button:first-of-type { margin-right: 10px !important;} #deal_widget_form:not(.is-reset) { display: table;width: 100%;margin: 0;padding: 0; } #deal_widget_form:not(.is-reset) #deal_widget_row_left { position: relative; } #deal_widget_form:not(.is-reset) input[type="text"] { padding: 8px 7px 7px;display: inline-block;font-size: 14px;color: #333 !important;line-height: 100%;background-color: #FFF;border: 1px solid #C3C3C3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;width: 100%; } #deal_widget_form:not(.is-reset) .form_colm_left { display: table-cell;width: 55%;padding: 20px;vertical-align: top; } #deal_widget_form:not(.is-reset) .form_colm_right { display: table-cell;width: 45%;padding: 20px;background-color: #e7e7e7;vertical-align: top; } #deal_widget_form:not(.is-reset) .selectdropdown .caret { position: relative; top: initial; right: initial; margin-left: 0; padding-right: 0; } #deal_widget_form:not(.is-reset) .ac_button.noicon { padding-right: 12px; } #deal_widget_form:not(.is-reset) fieldset { position: relative;margin-bottom: 18px !important;padding-right: 16px; } #deal_widget_form:not(.is-reset) fieldset:before, #deal_widget_form fieldset:after { content: "";display: table; } #deal_widget_form:not(.is-reset) fieldset:after { clear: both;zoom: 1; } #deal_widget_form:not(.is-reset) fieldset #deal_widget_row_right { float: left;margin-left: 20px;margin-right: 0px; } #deal_widget_form:not(.is-reset) fieldset #deal_widget_row_right input[type="text"] { width: 190%; } #deal_widget_form:not(.is-reset) fieldset.column #add_deal_group_container, #deal_widget_form fieldset.column #add_deal_stage_container { float: left; } #deal_widget_form:not(.is-reset) fieldset.column #add_deal_group_container { margin-right: 10px; } #deal_widget_form:not(.is-reset) fieldset .vc_widget_deal_left { width: 260px; } #deal_widget_form:not(.is-reset) fieldset .vc_widget_deal_left input#new_deal_value { width: 242px; } #deal_widget_form:not(.is-reset) fieldset .vc_widget_deal_right { position: absolute;right: 0;bottom: 3px;margin: 0; } #deal_widget_form:not(.is-reset) fieldset .vc_widget_deal_right .selectdropdown { position: relative; } #deal_widget_form:not(.is-reset) fieldset a.dropdown_select { padding-right: 10px;border-color: #c3c3c3; } #deal_widget_form:not(.is-reset) .column .selectdropdown a.dropdown_select { min-width: 137px;text-align: left; } #deal_widget_form:not(.is-reset) fieldset #add_deal_group_container a.dropdown_select, #deal_widget_form fieldset #add_deal_stage_container a.dropdown_select, #deal_widget_form fieldset.deal_owner_set a.dropdown_select { padding-right: 10px !important;width: 150px;text-align: left;font-weight: normal; } #deal_widget_form:not(.is-reset) fieldset #add_deal_group_container div.dropdown_menu, #deal_widget_form fieldset.deal_owner_set div.dropdown_menu { width: 167px; } #deal_widget_form:not(.is-reset) #new_deal_group_container .dropdown_menu { margin-top: 10px !important;overflow: visible; border-radius: 5px; } #deal_widget_form:not(.is-reset) fieldset.deal_owner_set div.dropdown_menu { overflow: visible;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; } #deal_widget_form:not(.is-reset) fieldset.deal_owner_set div.dropdown_menu:before, #deal_widget_form fieldset.deal_owner_set div.dropdown_menu:after { position: absolute;top: -11px;left: 32px;content: '';width: 0;height: 0;border-width: 7px 7px 7px 0;border-style: solid;border-color: rgba(0, 0, 0, 0) var(--slate-200) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);z-index: 50; } #deal_widget_form:not(.is-reset) fieldset.deal_owner_set div.dropdown_menu:after { top: -10px;border-color: rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } #deal_widget_form:not(.is-reset) #new_deal_stage_container div.dropdown_menu { width: 155px; } .deal #task_duedate_options fieldset:not(:last-child) { margin: 0px 0px 10px 0px; } .deal #task_duedate_options fieldset a { cursor: pointer; } .deal #deal_view_actions_task_duedate_container .popover { width: 150px; } #vc_automated_series .vc_automated_series_starts { display: none; } .deal #deal_search_initial { display: none; padding: 30px; } /* * Edit deal stage modal */ .deal_edit_group_stage_modal #edit_pipeline_view {display:table; width:100%;} .deal_edit_group_stage_modal #edit_pipeline_view .selectdropdown {display:block;} .deal_edit_group_stage_modal #edit_pipeline_view .selectdropdown .dropdown_menu {-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} .deal_edit_group_stage_modal #edit_pipeline_view .selectdropdown .icon.caret-bottom { position: absolute; right: 10px; padding-right: 0; } .deal_edit_group_stage_modal #edit_pipeline_view .col {display:table-cell!important; padding-right:25px; width:50%;} .deal_edit_group_stage_modal #edit_pipeline_view .col:first-child {padding-right:40px;} .deal_edit_group_stage_modal #edit_pipeline_view .col a.dropdown_select {width:100%; font-size:14px;} .deal_edit_group_stage_modal #edit_pipeline_view .col a.dropdown_select:after {position:absolute; right:10px;} .deal_edit_group_stage_modal #edit_pipeline_view .col div.dropdown_menu {width:280px} .deal_edit_group_stage_modal #edit_pipeline_view .col:first-child div.dropdown_menu {width:265px;} body.deal .modal #deal_widget_form div.dropdown_menu ul li, body.series .modal #deal_widget_form div.dropdown_menu ul li {margin:0!important; padding:0!important;} body.deal .modal #deal_widget_form .column .selectdropdown a.dropdown_select, body.series .modal #deal_widget_form .column .selectdropdown a.dropdown_select {min-width:137px; text-align:left;} body.deal .modal #deal_widget_form .selectdropdown a.dropdown_select::after, body.series .modal #deal_widget_form .selectdropdown a.dropdown_select::after {position:absolute; right:10px;} #adddeal .vc_widget_deal_right .dropdown_select, #deal_add_deal .vc_widget_deal_right .dropdown_select {text-align:left; } #adddeal .dropdown_select:after, #deal_add_deal .dropdown_select:after { position: absolute; float: none; top: 11px; right: 10px; margin: 0; } #deal_add_deal .vc_widget_deal_right .dropdown_select { width: 70px!important; } #deal_add_deal .vc_widget_deal_right .dropdown_select .icon.caret-bottom { padding-right: 0; margin-left: 0; } #adddeal .vc_widget_deal_right .dropdown_select { padding: 8px 26px 7px 11px!important; } #adddeal .vc_widget_deal_right .dropdown_menu {top:32px;} #adddeal .column .dropdown_menu { top: 44px; overflow: visible; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #adddeal .column .dropdown_menu:before, #adddeal .column .dropdown_menu:after { position: absolute; top: -11px; left: 32px; content: ''; width: 0; height: 0; border-width: 7px 7px 7px 0; border-style: solid; border-color: rgba(0, 0, 0, 0) var(--slate-200) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index: 50; } #adddeal .column .dropdown_menu:after { top: -10px; border-color: rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } /* * Manage task types */ #deal_manage_tasktypes.modal #deal_manage_tasktypes_main ul {max-height:252px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; -webkit-border-radius:3px; border-radius:3px;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li {padding-left:10px; line-height:35px;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li:nth-child(odd) {background-color:#fafafa; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li td {position:relative; vertical-align:middle;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li td.edit {} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li td.delete {padding-left:10px;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li td a[class^="button-"] {display:inline; padding:4px 12px; background-color:#fff; font-size:12px; font-weight:100; color:#666; cursor:pointer; border:1px solid #ddd; text-decoration:none; -webkit-border-radius:4px; border-radius:4px; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li td a[class^="button-"]:hover {background:#686868; color:#fff; border:1px solid #686868;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main li td.title {padding-left:10px;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main a.add_btn {margin:0; padding:8px 25px; color:#fff; background-color:#53b73c; border:1px solid #429e34; text-align:center; text-decoration:none; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_main a.add_btn:hover {background:#429e34;} #deal_manage_tasktypes.modal #deal_manage_tasktypes_edit { width: 100%; } #deal_manage_tasktypes.modal .deal_tasktype_preview {margin:20px 0;} #deal_manage_tasktypes.modal .deal_tasktype_preview div.preview {margin-top:10px; padding:12px; border:1px solid #ddd; background-color:#f0f0f0; -webkit-border-radius:3px; border-radius:3px;} #deal_manage_tasktypes.modal .deal_tasktype_preview div.preview:after {display:table; content:''; clear:both;} #deal_manage_tasktypes.modal .deal_tasktype_preview div.preview img {float:left; width:40px; margin-right:10px;} #deal_manage_tasktypes.modal .deal_tasktype_preview div.preview_content strong {display:block; margin-bottom:3px;} /* * Apps page */ #integration-layer-app-search-input::placeholder { color: var(--slate-400); }; #apps_container {position:relative; width:100%;} #apps_container:after, .clearthis:after {content:''; display:block; width:100%; height:0; line-height:0; clear:both; zoom:1;} #apps_container .campaigns_head {position:relative; width:100%; overflow:hidden;} #apps_container .campaigns_head .button_group {float:left; display:inline-block; margin:0;} #apps_container .campaigns_head .btn_activation {float:right; display:inline-block; margin:0;} #apps_container .campaigns_head .btn_activation a {position:relative; display:block; padding:8px 52px; background-color:#53b73c; font-size:14px; font-weight:400; color:#fff; border-bottom:3px solid #429e34; text-decoration:none; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; z-index:2;} #apps_container .install_apps li, #apps_container .app_menu_list li {position:relative; margin:15px 0; width:100%; line-height:19px;} #apps_container .app_menu_list.categories li:last-child {margin-bottom:0;} #apps_container .install_apps_header {position:relative; font-size:15px; color:#4c8fc7; text-decoration:none; font-weight:400; margin-top:20px;} #apps_container .install_apps_header > span {position:absolute; display:block; top:0; right:0; font-size:11px; color:#666; font-weight:100;} #apps_container .install_apps_header > span a {color:#999;} #apps_container .install_apps {margin:5px 0 10px; padding:5px 0;} #apps_container .install_apps li:after {position:relative; content:'.'; display:table; visibility:hidden; height:0; line-height:0; font-size:0; zoom:1;} #apps_container .install_apps img {float:left; max-width: 16px; height: auto;} #apps_container .install_apps span {display:inline-block; margin-left:10px; color:#555; text-decoration:none; line-height:20px;} #apps_container .install_apps a {display:inline-block; color:#555; text-decoration:none;} #apps_container .app_menu_list a {font-size:15px; color:#4c8fc7; text-decoration:none; font-weight:100;} #apps_container .app_menu_list.pop_new {margin:5px 0; padding:0 0 0px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; } #apps_container .app_menu_list .categories { margin:5px 0; padding:0 0 5px 5px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; } #apps_container .apps_form_wrap .notify.alert:before {float:none;} #apps_container .apps_form_wrap .notify.alert {margin-top: 15px;} #apps_container .apps_form_wrap .notify.alert .ac_button {color: white; margin-left: 25px;} #apps_container .apps_form_wrap {margin-top:10px} #apps_container .apps_form_wrap h2 {flex: 1 1 auto; display:flex; align-items: left} #apps_container .apps_form_wrap h2 img {max-width:48px; max-height: 48px} #apps_container .apps_form_wrap h2 > div {margin-left: 12px; align-items: center; font-weight: 0} #apps_container .apps_form_wrap h2 > div > div {font-size: 14px; line-height: 16.1px} #apps_container .apps_form_wrap h2 > div > div > span {font-size: 16px; font-weight: 600; display:inline; margin-bottom: 4px; line-height: 24px} #apps_container .apps_form_wrap h2 > div > div > span > a {color:var(--ocean-500); font-size:14px; font-weight: 500; line-height: 16.1px; display:inline; margin-top: 4px} #apps_container .apps_form_wrap .ac_toggle {font-size: 8px; height: 8px; margin-right: 10px;} #apps_container .apps_form_wrap .ac_toggle > label > span {display: inline-block; width: 6px;} #apps_container .apps_form_wrap .ac_toggle .switch-on {padding: 0 3px; visibility: hidden;} #apps_container .apps_form_wrap .ac_toggle .switch-off {padding: 0 3px; visibility: hidden;} #apps_container .apps_form_wrap .ac_toggle .handle {width: 12px; height: 12px;} #apps_container .apps_form_wrap .app_description {margin-top:10px; padding-top:12px; color:#bbb; border-top:1px solid #dbdbdb;} #apps_container .apps_form_wrap .connect_with_text {margin:40px 0 20px; font-size:19px; color:#555;} #apps_container .apps_form_wrap .ac_container .notify {margin: 15px;} #apps_container .apps_form_wrap .ac_container .notify:before {display: none;} /* The slider stuff for apps screenshots */ #apps_container .apps_form_wrap #slides, #apps_container .apps_form_wrap #slides2 { margin-bottom: 20px; } #apps_container .apps_form_wrap #slides .slidesjs-container, #apps_container .apps_form_wrap #slides2 .slidesjs-container { z-index: 0; border-radius: var(--radii-200); } #apps_container .apps_form_wrap #slides a.slidesjs-play, #apps_container .apps_form_wrap #slides2 a.slidesjs-play, #apps_container .apps_form_wrap #slides a.slidesjs-stop, #apps_container .apps_form_wrap #slides2 a.slidesjs-stop { display: none !important; } #apps_container .apps_form_wrap #slides .slidesjs-pagination { float: right; margin-top: 10px; } #apps_container .apps_form_wrap #slides2 .slidesjs-pagination { margin-top: 10px; } #apps_container .apps_form_wrap #slides .slidesjs-pagination li, #apps_container .apps_form_wrap #slides2 .slidesjs-pagination li { float: left; list-style-type: none; margin: 0 4px; } #apps_container .apps_form_wrap #slides .slidesjs-pagination li a, #apps_container .apps_form_wrap #slides2 .slidesjs-pagination li a { display: block; padding: 0; width: 14px; height: 14px; background: #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; list-style-type: none; text-indent: -9999px; } #apps_container .apps_form_wrap #slides .slidesjs-pagination li a.active, #apps_container .apps_form_wrap #slides2 .slidesjs-pagination li a.active { background-color: #a0a0a0 } #apps_container .apps_form_wrap .app_desc_text { color: var(--slate-600); } #apps_container .apps_form_wrap ul.app_setup {} #apps_container .apps_form_wrap ul.app_setup li.apps_direction_in span, #apps_container .apps_form_wrap ul.app_setup li.apps_direction_out span {display:block; padding:5px 0 5px 23px; background-repeat:no-repeat; background-image:url("../images/apps_direction_in.png"); background-position:0 4px;} #apps_container .apps_form_wrap ul.app_setup li.apps_direction_out span {background-image:url("../images/apps_direction_out.png"); background-position:0 3px;} #apps_container .apps_form_wrap ul.app_setup .setup_bar {margin:6px 0; padding:18px 12px; background-color:#f7f7f7; border:1px solid #e6e6e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #apps_container .apps_form_wrap ul.app_setup .setup_bar .buttons {float:right; margin:6px 0 0 10px; height:100%;} #apps_container .apps_form_wrap ul.app_setup .setup_bar .buttons > a {margin:0!important; padding:8px 15px; color:#555; background-color:#fff; border:1px solid #ddd; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #apps_container .apps_form_wrap ul.app_setup .setup_bar .buttons > a.apps_view_zap_setup_link {color:#fff; text-shadow:0 1px 1px #429e34; background-color:#82cc5d; border: 1px solid #54b346;} #apps_container .setting_sect {padding:16px 0; background-color:#f5f5f5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #apps_container .setting_sect:not(:first-child) {margin-top:25px;} #apps_container .setting_sect h3 {padding:0 22px 16px; font-size:17px; color:#737373; border-bottom:1px solid #e9e9e9;} #apps_container .setting_sect .setting {padding:16px 22px 0;} #apps_container .setting_sect fieldset {margin:0 0 22px!important; padding:0 16px 0 0!important; font-size:14px; color:#737373;} #apps_container .setting_sect fieldset:last-child {margin-bottom:0!important;} #apps_container .setting_sect label:not(.switch-on):not(.switch-off) {display:block; margin-bottom:6px;} #apps_container .setting_sect input[type="submit"], #apps_container .setting_sect input[type="button"], #apps_container .setting_sect .btnsmall {margin-bottom:0;} #apps_container .setting_sect input[type="text"], #apps_container .setting_sect input[type="password"] {display:block; width:100%; padding:11px 8px; font-size:14px; color:#333!important; line-height:100%; background-color:#fff; border:1px solid #d3d3d3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #apps_container .setting_sect input.monospace {font-family:monospace;} #apps_container .setting_sect span.setting_sect_info {margin-bottom:16px; display:inline-block; font-size:11px; color:#b8b8b8;} #apps_container .apps_main {margin-left: -5px; margin-top: -24px;} #apps_container .apps_main .popular_listing {position:relative; overflow:hidden;} #apps_container .apps_main .install_listing {margin-bottom:50px!important; position:relative;} #apps_container .apps_main .popular_listing div.grid {margin-left:-10px; margin-right:-10px; margin-bottom:-10px; height: 213px; overflow: hidden; width: 100%;} #apps_container .apps_main .install_listing div.grid {margin-left:-10px; margin-right:-10px; margin-bottom:-10px; width: 100%;} #apps_container .apps_main div[class$="_listing"] div.row {position:relative; display:table; width:100%; margin-left:0; margin-right:0; padding:0; font-size:14px; color:#555; font-weight:100;} #apps_container .apps_main div[class$="_listing"] div.row div.app {position:relative; display:inline-block; font-weight:600; width:200px; margin:0 10px 20px; padding: 16px 24px 12px 24px; background-color:var(--ocean-150); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-transition: .75s ease; -moz-transition: .75s ease; -ms-transition: .75s ease; -o-transition: .75s ease; transition: .75s ease;} #apps_container .apps_main div[class$="_listing"] div.row div.app:hover {background-color:var(--ocean-200);} #apps_container .apps_main div[class$="_listing"] div.row div.app div.image {padding:12px; background-color:#fff; height:100px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; line-height:100px; text-align:center;} #apps_container .apps_main div[class$="_listing"] div.row div.app div.image img {width: 48px; height: 48px; vertical-align:middle; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; -ms-transition: all 100ms ease; transition: all 100ms ease; max-width:50px;} #apps_container .apps_main div[class$="_listing"] div.row div.app:hover div.image img {transform:scale(1.15); -ms-transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15);} #apps_container .apps_main div[class$="_listing"] div.row div.app div.info {padding-top: 8px;text-align:center;} #apps_container .apps_main div[class$="_listing"] div.row div.app div.info span {color:#555;} #apps_container .apps_main div[class$="_listing"] div.row div.app div.info span.name > span {font-family: "IBM Plex Sans", Helvetica, sans-serif; position:relative; display:inline-block; width:125px; margin:0; padding:0; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;} #apps_container .apps_main div[class$="_listing"] div.row div.app div.state-badge {font-family: "IBM Plex Sans", Helvetica, sans-serif; position: absolute; right: 28px; top: 20px; padding: 4px; color: black; background-color: var(--slate-150); border-radius: 4px;} #apps_container .apps_main div[class$="_listing"] div.row div.app div.state-badge span {font-family: "IBM Plex Sans", Helvetica, sans-serif; font-size: 14px; font-weight: 600;} #apps_container .apps_main div[class$="_listing"] div.row div.app span.version {font-family: "IBM Plex Sans", Helvetica, sans-serif; font-size: 14px; font-weight: normal;} /* the "x" that lets you delete a app favorite. */ #apps_container .install_apps a.apps_favorite_x {display: none; color: #ccc; margin-left: 10px;} #apps_container .apps_form_wrap .subheader {margin-top: 35px;} /* Unbounce app page specifics */ #apps_container .apps_form_wrap #app_unbounce {margin-top: 20px;} #apps_container .apps_form_wrap #app_unbounce #app_unbounce_option1, #apps_container .apps_form_wrap #app_unbounce #app_unbounce_option2, #apps_container .apps_form_wrap #app_unbounce #app_unbounce_customfields, #apps_container .apps_form_wrap #app_unbounce #app_unbounce_disconnect {display: none;} /* Wufoo app page specifics */ #apps_container .apps_form_wrap #app_wufoo #app_wufoo_instances {float: right; margin-right: 20px;} /* new integration page */ body.integration #uxbody .uxlftcolm { padding-left: 0; } .apps-wrap {position:relative; margin:0 0 -20px; padding: 23px; } .apps-wrap-inner {position:relative; margin:0 -10px; width:102%;} .apps-wrap-inner:after {display:table; content:' '; width:100%; clear:both;} /* */ .apps-block {display:inline-block; margin:0 10px 20px; width:48.2%; vertical-align:top;} .apps-block .button_group .btn {background-color:#fff!important;} .apps-block .apps-block-wrap {position:relative; display:table; width:100%; background-color:#fff; border:1px solid #e2e2e2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .apps-block .apps-block-header {position:relative; margin:0; padding:0; background-color:#f0f0f0; cursor:move; border-bottom:1px solid #e2e2e2; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .apps-block .apps-block-header:after {display:table; content:' '; width:100%; clear:both; } .apps-block .apps-block-header .apps-header-options {position:absolute; top:8px; right:12px;} .apps-block .apps-block-header .apps-header-options .button {padding:6px 10px; font-size:12px; font-weight:400; color:#404040; border:1px solid #dedcd7;} .apps-block .apps-block-header h2 {position:relative; margin:0; margin-right:200px; padding:12px 16px;} .apps-block .apps-block-header-sub {position:relative; padding:10px; border-bottom:1px solid #ddd; font-weight:400;} .apps-block .status-alert {position:relative; top:-2px; display:inline-block; float:right; padding:3px 8px; font-size:11px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .apps-block .status-alert.enabled {background-color:#55c200; color:#fff;} .apps-block .status-alert.disabled {background-color:#eee; color:#888;} .apps-block .apps-block-body {position:relative;} .apps-block .apps-block-table {display:table; width:100%;} .apps-block .apps-block-table .cell {display:table-cell;} .apps-block .apps-list {width:100%; height:216px; overflow:hidden; overflow-y:auto;} .apps-block .apps-list:after {display:table; content:' '; width:100%; clear:both; } .apps-block .apps-list-more {margin:12px 15px;} .apps-block .apps-list-more a {margin-bottom:0; padding:6px 12px; font-size:12px; font-weight:400; color:#404040; border:1px solid #dedcd7;} .apps-block .status-info {position:relative; margin:0 10px 10px; padding:12px; font-size:12px; color:#555; text-align:center;} .apps-block .status-info > div {position:relative; margin:5px 0; padding-left:13px; line-height:17px;} .apps-block .status-info > div:before {position:absolute; content:"\00b7"; top:0; left:0; color:#555; font-size:23px;} .apps-block .dropdown_select {padding: 6px 22px 6px 12px!important; font: 12px "IBM Plex Sans", Helvetica, sans-serif!important; font-weight:400; color:#5d5d5d; border-color:#c0c0c0;} .apps-block .dropdown_select.active {border-bottom-color:transparent; z-index: 900;} .apps-block .dropdown_select:after { position: absolute; right: 10px; font-family: "ac-icons"!important; content: '\E86C'!important; top: 6px; font-size: 9px; } .apps-block .dropdown_select.active:after { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); } .apps-block .dropdown_menu { top:30px!important; right:0; border-color:#c0c0c0; -moz-border-radius:5px 0 5px 5px!important; -webkit-border-radius:5px 0 5px 5px!important; border-radius:5px 0 5px 5px!important; z-index:100; } /*.apps-block.settings .apps-list {height:30px;}*/ .apps-block .apps-list li {display:inline-block; margin:0 5px 15px; padding:0 10px; text-align:center; vertical-align:top;} .apps-block .apps-list li a {display:block; margin:0 auto; padding:0;} .apps-block .apps-list li:hover a {color:#000;} /*.apps-block .apps-webhook-setup,*/ .apps-block .apps-form-setup {padding:40px; text-align:center;} .apps-block .formpreview {margin-bottom:0;} .apps-block .apps-track-site, .apps-block .apps-track-event {display:inline-block; width:50%; vertical-align:top;} /* individual section */ .apps-block.ui-sortable-helper {} .apps-block.app {} .apps-block.form {} .apps-block.track {} .apps-block.social{} .apps-block.api {} .apps-block.app .apps-block-wrap, .apps-block.form .apps-block-wrap {height:340px; min-width:438px;} /* apps */ .apps-block.app .apps-block-header .filterSearch {top:-2px; right:0;} .apps-block.app .apps-block-header .filterSearch .clear {top:10px; right:34px; border:0 none; background-color:rgba(0, 0, 0, 0); display:block; width:8px; height:9px; background:url('https://d226aj4ao1t61q.cloudfront.net/nxhmk8myp_close-option.png') no-repeat;} .apps-block.app .apps-block-header .filterSearch .clear:hover {background-position:0 -9px;} .apps-block.app .apps-block-header .filterSearch .search {width:142px;} .apps-block.app .apps-block-header .filterSearch input[type=text] {width:106px;} .apps-block.app .apps-block-header .selectdropdown {display:inline-block; margin-top:-2px; margin-right:148px;} .apps-block.app .apps-block-header .selectdropdown .dropdown_select { padding: 8px 30px 7px 12px!important; z-index:900;} .apps-block.app .apps-app-fave, .apps-block.app .apps-list {margin:0; padding:12px 0; width:auto; border-bottom:1px solid #ddd;} .apps-block.app .apps-list-item a {width:82px; color:#aaa; text-decoration:none;} .apps-block.app .apps-list-item a span {display:block; margin:0 auto; padding:0;} .apps-block.app .apps-list-item a span.app-image {margin:0 0 6px; padding:6px; width:68px; height:68px; background-color:#fff; background-size:47px; background-repeat:no-repeat; background-position:50%; vertical-align:middle; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; -ms-transition: all 100ms ease; transition: all 100ms ease;} .apps-block.app .apps-list-item:hover a span.app-image {transform:scale(1.10); -ms-transform:scale(1.10); -moz-transform:scale(1.10); -webkit-transform:scale(1.10); -o-transform:scale(1.10);} .apps-block.app .apps-list-item a span.app-name {margin:0; padding:0;} /* table/cells */ .apps-block .apps-block-table .cell {width:33%; text-align:center; vertical-align:top;} .apps-block .apps-block-table .cell:not(:first-child) {border-left:1px solid #ddd;} .apps-block .apps-block-table .cell .cell-inner {margin:0; padding:0; width:100%; text-align:center;} .apps-block .apps-block-table .cell .cell-inner:hover {background-color:#fafafa; border-color:#ebebeb; color:#888;} .apps-block .apps-block-table .cell .cell-inner h3.heading-title {padding:0 0 12px; font-size:15px; border-top:1px solid #ebebeb;} .apps-block .apps-block-table .cell .cell-inner span.icon-image {display:block; margin:0 auto; padding:12px; width:66px; height:66px; background-size:56px auto; background-repeat:no-repeat; background-position:50%; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; -ms-transition: all 100ms ease; transition: all 100ms ease;} .apps-block .apps-block-table .cell .cell-inner:hover span.icon-image {transform:scale(1.15); -ms-transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15);} /* form */ .apps-block.form .apps-header-options .selectdropdown {display:inline-block; vertical-align:top;} .apps-block.form .apps-header-options .selectdropdown .dropdown_select { padding: 6px 26px 6px 12px!important; font:12px "IBM Plex Sans", Helvetica, sans-serif; font-weight:400; color:#5d5d5d; border-color:#c0c0c0;} .apps-block.form .apps-header-options .selectdropdown .dropdown_select:after { top: 5px!important; } .apps-block.form .apps-header-options .selectdropdown .dropdown_select.active {border-bottom-color:transparent;} .apps-block.form .apps-header-options .selectdropdown .dropdown_menu {top:27px; right: 0; border-color:#c0c0c0; -moz-border-radius:5px 0 5px 5px; -webkit-border-radius:5px 0 5px 5px; border-radius:5px 0 5px 5px;} .apps-block.form .apps-list {height:240px; border-bottom:1px solid #ddd;} .apps-block.form .form-item {padding-top:20px; width:100%; height:40px; border-bottom:1px solid #ddd;} .apps-block.form .form-item:before {display:table; content:' '; width:100%; clear:both;} .apps-block.form .form-item .form-image {position:relative; top:1px; float:left; margin-left:20px; width:182px; height:38px; border:1px solid #ddd; overflow:hidden;} .apps-block.form .form-item .form-image a {display:block;} .apps-block.form .form-item .form-image img {display:block; width:180px;} .apps-block.form .form-item .form-options {position:relative; top:10px; margin-left:204px; margin-right:20px;} .apps-block.form .form-item .form-options div {margin-left:20px; text-align:left; vertical-align:middle;} .apps-block.form .form-item .form-options div a {color:#666;} .apps-block.form .form-item .form-options div.name {display:inline-block;} .apps-block.form .form-item .form-options div.entries {float:right; width:auto; max-width:80px;} /* social & tracking */ .apps-block.track .apps-block-wrap, .apps-block.social .apps-block-wrap {height:88px;} .apps-block.track .icon-image, .apps-block.social .icon-image {padding-bottom:0!important;} .apps-block.social .apps-block-wrap {height:88px;} .apps-block.track .apps-block-table .cell, .apps-block.social .apps-block-table .cell {width:50%;} .apps-block.track .apps-block-table .cell a, .apps-block.social .apps-block-table .cell a {color:#555; text-decoration:none;} .apps-block.track .apps-block-table .cell-inner:hover, .apps-block.social .apps-block-table .cell-inner:hover {background-color:#fff; border-color:#ebebeb; color:#333;} .apps-block.track .status-info, .apps-block.social .status-info {margin:0; border-top:1px solid #ebebeb; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .apps-block.track .status-info:before, .apps-block.social .status-info:before, .apps-block.track .status-info:after, .apps-block.social .status-info:after {position:absolute; top:-8px; left:50%; content:''; width:0; height:0; border-width:5px 5px 5px 0; border-style:solid; border-color:transparent #ddd transparent transparent; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); z-index:50;} .apps-block.track .status-info:after, .apps-block.social .status-info:after {top:-7px; border-color:transparent #fff transparent transparent;} .apps-block.track .status-alert, .apps-block.social .status-alert {top:4px; right:4px; filter:alpha(opacity=80); opacity:0.8;} .apps-block.track .apps-block-table .cell .cell-inner h3.heading-title, .apps-block.social .apps-block-table .cell .cell-inner h3.heading-title {border-top:0 none;} /* social */ .apps-block.social .icon-image {background-size:43px auto!important;} .apps-block.social .cell-inner.facebook .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/y7m8e6hkf_apps-block-facebook.png");} .apps-block.social .cell-inner.twitter .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/yq2z36nxw_apps-block-twitter.png");} /* tracking */ .apps-block.track .status-info {text-align:center; line-height:17px;} .apps-block.track .cell-inner.site .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/zq6835y4f_apps-block-site-track.png");} .apps-block.track .cell-inner.event .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/npy3hbtyq_apps-block-event-track.png");} /* api */ .apps-block.api .apps-block-wrap {height:88px;} .apps-block.api .cell-inner a {color:#555; text-decoration:none;} .apps-block.api .icon-image {background-size:66px} .apps-block.api .cell-inner.info .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/vb8qvk7gt_api-info.png");} .apps-block.api .cell-inner.wrappers .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/7caox61x3_api-wrapper.png");} .apps-block.api .cell-inner.webhooks .icon-image {background-image:url("https://d226aj4ao1t61q.cloudfront.net/6h4ypui49_api-webhooks.png");} /* modal */ body.integration #form_list_addmodal_div .selectdropdown {position:relative; display:inline-block;} body.integration #form_list_addmodal_div .dropdown_menu {} .selectdropdown .dropdown_menu .disabled a { color: #aeaeae; cursor: default; } /* 1228 resolution */ @media screen and (max-width: 1228px) { .apps-block {width:47.7%;} .action-popover .ac-icon:not(.popover-trigger) { display: none; } } /* 940px resolution */ @media screen and (max-width: 940px) { .apps-wrap-inner {width:100%;} .apps-block {width:100%;} } /*-------------------------------------------------------------------------*\ Template Setting Overlay \*------------------------------------------------------------------------*/ #template-setting { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-family: "IBM Plex Sans", helvetica, sans-serif; font-size: 14px; } #template-setting .modal-header { background: none; } #template-setting .modal-body { padding-top: 5px!important; } #template-setting .modal-footer { border-top: 0 none; } #template-setting #testemailwarning { padding-left: 40px; } #template-setting #testemailwarning:before { position: absolute; left: 14px; } body.template #template-setting, body.template_new #template-setting { margin-bottom: 68px; overflow-y: auto!important; } #template-setting .setting-container { position: relative; top: 0; left: 0; right: 0; bottom: 0; } #template-setting .setting-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #template-setting #template-setting .section .setting-section.name-field #from-pers-menu-name, #template-setting .section .setting-section.name-field #from-pers-menu-emailsetting-wrapper { } #template-setting .test-select .delete-test:hover { background: none; } #template-setting .test-select .delete-test:before { position: relative; top: -1px; font-size: 8px; color: #888; } #template-setting .section label.label-field { display: block; margin-bottom: 6px; font-size: 21px; cursor: pointer; } #template-setting .section input[type="text"] { width: 100%; font-size: 15px; } #template-setting .tag-lists { margin-top: 20px; } #template-setting .tag-lists .tag { display: inline-block; margin-right: 6px; padding: 7px 9px; background: rgba(240, 240, 240, 1)!important; color: #3a73b9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } #template-setting .tag-lists .tag:hover { background: rgba(58, 115, 185, 1)!important; color: #fff; } #template-setting .tag-lists .tag .ac-icon-remove { margin-left: 10px; padding-left: 6px; font-size: 10px; border-left: 1px solid #C8C8C8; } #template-setting .tag-lists ul.tagit { border: 1px solid #C8C8C8; } #template-setting .section h2.label { display: block; margin-bottom: 6px; padding: 0; font-size: 21px; } #template-setting .section #subscriberEmailTestField, #template-setting .section #stock-name { width: 270px!important; margin-right: 3px!important; } #template-setting .modal-body .section #subscriberEmailTestField { width: 268px!important; } #template-setting .section #stock-publish { width: 85px; } #template-setting .section .ac-icon-arrows-cw { margin: 0 4px 0 0; color: #999; -webkit-font-smoothing: antialiased; } #template-setting .section .setting-section-container { position: relative; margin-bottom: 20px; padding: 15px 20px; border: 1px solid var(--slate-150); background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #template-setting .section .setting-section-container:last-child { margin-bottom: 0; } #template-setting .section .setting-section-row { padding: 15px 0; border-bottom: 1px solid var(--slate-150); } #template-setting .section .setting-section-row:first-child { padding-top: 0; } #template-setting .section .setting-section-row:last-child { padding-bottom: 0; border-bottom: 0 none; } #template-setting .section .setting-section-row.preview .setting-section.field-label { top: 9px; } #template-setting .section .setting-section { position: relative; display: table-cell; width: 70%; vertical-align: middle; } #template-setting .section .setting-section.field-label { top: 8px; width: 180px; font-weight: 600; vertical-align: top; } #template-setting .section .setting-section.field-label.low-top { top: 2px; } #template-setting .section .setting-section.preview { text-align: right; } #template-setting .section .setting-section.spamcheck { font-size: 14px; font-weight: 600; text-align: right;height: 20px; } #template-setting .section .setting-section.spamcheck #spamcheck_loader { margin-top: 7px;background-position: center right;width:auto;} #template-setting .section .setting-section.text-version, #template-setting .section .setting-section.optimize-mobile { width: 50%; min-width: 400px; } #template-setting .section .setting-section.text-version-toggle, #template-setting .section .setting-section.optimize-mobile-toggle { width: 25%; text-align: right; } #template-setting .section .setting-section-row .spamcheck_message table { border-collapse: separate;border-spacing: 4px;} #template-setting .section .setting-section-row .spamcheck_message table tr td { padding: 6px;} #template-setting .section .setting-section-row .spamcheck_message table tr > td:first-child { text-align: center;padding: 6px;width:12%;border-radius: 4px;color:#776e30; background: #fff3a5;} #template-setting .section .setting-section-row .spamcheck_message table tr > td.important:first-child { color:#873c3c; background:#ec9999; font-weight: 600;} #template-setting .section .setting-section-row .spamcheck_message table tr td { padding-left: 12px;margin-bottom:4px;} #template-setting .section .setting-section-row .text-version { top: 6px !important; } #template-setting .section .setting-section input[type="text"] { width: 100% !important; line-height: initial!important; }#template-setting .section .setting-section .ac_button { margin: initial; vertical-align: top; } #template-setting .section .setting-section.preview .ac_button { margin-left: 6px; } #template-setting .section .setting-section.preview .ac_button.selected { border: 1px solid #23538C!important; color: #23538C!important;} #template-setting .section .setting-section-row.spamcheck { padding-bottom: 7px;} #template-setting .section .setting-section.spamcheck [class^="spam-"] { text-align: right;margin-top: 3px; } #template-setting .section .setting-section.spamcheck [class^="spam-"] [class^="ac-icon"] { font-size: 18px; vertical-align: bottom; } #template-setting .section .setting-section.spamcheck [class^="spam-"] [class^="ac-icon"]:before { margin: 0!important; line-height: 0!important; } #template-setting .section .setting-section.spamcheck .spam-pass .ac-icon-ok { font-size: 15px; } #template-setting .section .setting-section.spamcheck .spam-fail .ac-icon-plus:before { -ms-transform:rotate(136deg); -moz-transform:rotate(136deg); -webkit-transform:rotate(136deg); } #template-setting .section .setting-section.template_scopes .toggle-row { display: block; } #template-setting .section .setting-section.template_scopes label { display: inline-block; font-weight: 400; } #template-setting .section .setting-section.template_scopes #template_form_lists { margin-top: 14px; } #template-setting .section .setting-section.template_scopes #template_form_lists label { display: block; margin: 0; padding: 8px; border-bottom: 1px solid #CBCBCB; font-weight: 400; } #template-setting .section .setting-section.template_scopes #template_form_lists label:only-child, #template-setting .section .setting-section.template_scopes #template_form_lists label:last-child { border-bottom: 0 none; } #template-setting .section .setting-section.template_scopes #template_form_lists .select-options a { color: #3A73B9; } #template-setting .section .setting-section.template_scopes #template_form_listst { margin-bottom: 6px; border: 1px solid #CBCBCB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #template-setting .section .setting-section.template_scopes #template_form_lists .ac_checkboxlist { padding: 0!important; width: 100%; } #template-setting .section .setting-section .field-option { position: absolute; top: 28px; right: 30px; padding: 5px 11px!important; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #template-setting .section .setting-section .field-option:hover { background-color: #666; color: #FFF; } #template-setting .section .setting-section #spamcheck_result, #template-setting .section .setting-section .spamcheck { margin: 0!important; padding: 0!important; border: 0 none!important; } #template-setting .section .setting-section.name-field input[type="text"], #template-setting .section .setting-section .tagit input[type="text"]:not(.ui-autocomplete-input), #template-setting #subjectTestField { width: 100%!important; } #template-setting .spin { -webkit-animation-name: spin; -webkit-animation-duration: 1500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 1500ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } /* Fix Firefox animation bug */ #template-setting .spin:before { -moz-animation: spin 1.3s linear infinite; } #template-setting .setting-section-row ul.tagit li.tagit-choice > a.tagit-close { top: 5px !important; } /*-------------------------------------------------------------------------*\ Stripo Dual Preview Overlay \*------------------------------------------------------------------------*/ #preview-dual-modal .modal-header { background: none } #preview-dual-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-family: "IBM Plex Sans", helvetica, sans-serif; font-size: 14px; overflow: hidden !important; } #preview-dual-modal .modal-content { height: 100%; } #preview-dual-modal .modal-body { padding: 0px !important; margin: 0px !important; height: calc(100% - 157px); } #preview-dual-modal #preview-iframe-container { height: 100%; } #preview-dual-modal #preview-dual-iframe { width: 100%; height: 100%; border: 0 none; } body.template .close-setting, body.campaign_new .close-setting { position: fixed; top: 63px; right: 0; left: 0; height: 56px; background-color: #303030; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.template .close-setting .ac-icon-reply, body.campaign_new .close-setting .ac-icon-reply { position: absolute; top: 9px; right: 20px; font-size: 26px; color: #FFF; cursor: pointer; } body.template .template_basic_form_editor #liveMessagePreview.classic-designer-preview { width: 100%; border: 0px none; } body.template .cre_prgs_buttons .button_group { display: inline-block; margin:0!important; border: 1px solid #ddd!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body.template .cre_prgs_buttons .button_group input { position: relative; margin: 0 0 0 -4px!important; padding: 9px 13px!important; display: inline-block; font-size: 12px!important; font-weight: 100; line-height: 12px!important; color: #5E5E5E!important; vertical-align: middle; cursor: pointer; background-color: #F5F5F5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F6F6F6)); background-image: -webkit-linear-gradient(top, #FFF, #F6F6F6); background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); background-image: linear-gradient(to bottom, #FFF, #F6F6F6); background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat: repeat-x; border: 0 none!important; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); text-decoration: none; text-shadow: 0 1px 1px #FFF; text-align: center; box-shadow: inset 0 1px 0 #FFF; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; } body.template .cre_prgs_buttons .button_group input:first-child { margin-left: 0!important; border-right: 1px solid #ddd!important; } /* Supress JQuery default styles for tag */ /*-------------------------------------------------------------------------*\ Screenshot wrappers \*------------------------------------------------------------------------*/ .screenshot_wrap { position: relative;border: var(--slate-200) 1px solid;border-radius: 12px;overflow: hidden;} .screenshot_wrap .screenshot_wrap-header { padding: 10px 9px 8px 9px;color: #e6e6e6;} .screenshot_wrap .screenshot_wrap-header span { display: inline-block;} .screenshot_wrap .screenshot_wrap-header span:nth-child(2), .screenshot_wrap .screenshot_wrap-header span:nth-child(3) { margin-left: -2px;} /*-------------------------------------------------------------------------*\ Inline Form Display \*------------------------------------------------------------------------*/ .form { font-size: 14px; line-height: 1.6; z-index: 2; font-family: Helvetica, sans-serif;} /* Form style */ .form input[type="text"], .form input[type="date"] { padding: 6px;border: #979797 1px solid;border-radius: 4px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .form button, .form input[type="submit"] { padding: 10px 14px;background: #333333;border-radius: 4px;color: #fff;-webkit-appearance: none;cursor: pointer;font-size: 14px;text-align: center; } .form .form-title { font-size: 17px;line-height: 17px;font-weight: 600;margin-bottom: 20px; } .form .close { position: absolute;top: -16px;right: -18px;width: auto;margin: 0;padding: 18px;overflow: visible;color: #5D5D5D;background-color: #FFF;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;outline: none;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .form .ac-icon-remove { position: absolute;display: block;top: 10px;right: 9px;overflow: hidden;width: 16.2px;height: 16.2px;cursor: pointer; } .form .ac-icon-remove:before { position: relative; } .form.inline-form .form-title { font-size: 22px; line-height: 22px; font-weight: 600; } /* Inline Form */ .form.inline-form { text-align: left;margin: 25px auto 0;width: 500px;border-radius: 4px;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .form.inline-form.inline-style { width: auto;display: inline-block; } .form.inline-form.inline-style input[type="text"], .form.inline-form.inline-style input[type="date"] { padding: 10px 12px; } .form.inline-form.inline-style button.inline-style { position: relative;top: 27px; } .form.inline-form .form-title { margin-bottom: 0; } .form.inline-form.inline-style p { margin: 0; } .form .form-branding { color: #fff; font-size: 10px; clear: both; text-align: left; margin-top: 30px; font-weight: 100; } .form .form-branding .logo { width: 130px; height: 14px; margin-top: 6px; background-image: url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size: 130px auto; background-repeat: no-repeat; } .form .form-label, .form_element .form-label { font-weight: bold; margin-bottom: 5px; display: block; } .form.dark .form-branding { color: #333; } .form.dark .form-branding .logo { background-image: url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); } .form_element { position: relative; margin-bottom: 10px; font-size: 0; max-width: 100%; } .form_element * { font-size: 14px; } .form_element.clear { clear: both; width: 100%; } .form_element.show-border:before { content: ''; margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; outline: 2px solid #444!important; } .form_element input[type="text"], .form_element input[type="date"], .form_element select, .form_element textarea { display: block; width: 100%; } .form .inline-style { float: left; } .form .inline-style input { width: 150px; } .form .inline-style + .inline-style:not(.clear) { margin-left: 20px; } .form_element img.image { max-width: 100%; } .form_element .ui-wrapper { display: inline-block; } .form_element .ui-resizable-handle { right: 2px!important; bottom: 2px!important; width: 25px; height: 25px; background-color: rgba(68,68,68, 1); background-image: url('https://d226aj4ao1t61q.cloudfront.net/gmukkz38x_image_resizable_handler.png')!important; background-size: 49%!important; background-position: 50%!important; background-repeat: no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 200!important; } .clear-element { clear:left; } /*-------------------------------------------------------------------------*\ Extend Page \*------------------------------------------------------------------------*/ body.extend { background-color: #4073B5; } body.extend #upgrade_notice { background-color: #FFFFFF; } body.extend .ac_extend_container { width: 1024px; min-width: 1024px; margin: 0 auto; padding: 0 20px; } /*-------------------------------------------------------------------------*\ Ambassador \*------------------------------------------------------------------------*/ #ambassador-card { transition: opacity .25s ease; -moz-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; } #ambassador-card .card-body { font-size: 14px; line-height: 1.64; color: #939393; font-weight: normal; text-align: center; } #ambassador-card .card-body h4 { margin-bottom: 34px; line-height: 1.65; color: #4E4E4E; font-weight: 400; } #ambassador-card .copy-referral { position: relative; padding: 12px; border-radius: 4px; border: 1px solid var(--slate-200); -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; } #ambassador-card .copy-referral.selected { background: rgba(224, 224, 224, 0.3); } #ambassador-card .copy-referral .copy { position: absolute; top: 8px; right: 8px; min-width: 100px; } #ambassador-card .copy-referral input { margin: 0; background: transparent; border: 0 none; } #ambassador-card .copy-referral.selected input { color: rgb(147, 147, 147) !important; } #ambassador-card .social-shares .ac_button { color: #FFFFFF; border-color: transparent; } #ambassador-card .social-shares .ac_button.facebook { background: #3B5998; } #ambassador-card .social-shares .ac_button.twitter { background: #00ACED; } #ambassador-card .card-body .ribbon { margin: 20px 0; } #ambassador-card .info { position: relative; display: inline-block; } #ambassador-card .info .ac-icon-info-circled { color: #4073b5; } #ambassador-card .info .popover { display: none; margin-left: -119px; padding: 10px; top: 26px; left: 0; right: 0; width: 230px; font-size: 11px; line-height: 1.4; text-align: center; } #ambassador-card .info .popover:before, #ambassador-card .info .popover:after { position: absolute; top: -11px; left: 50%; content: ''; width: 0; height: 0; border-width: 7px 7px 7px 0; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index: 50; } #ambassador-card .info .popover:after { top: -9px; border-color: transparent #fff transparent transparent; } #ambassador-card .card-footer { padding: 0; background-color: #FFFFFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #ambassador-card .card-footer .ac_flex-row { margin-left: unset; -webkit-box-shadow: inset 0px 1px 0px 0px #E0E0E0; -moz-box-shadow: inset 0px 1px 0px 0px #E0E0E0; box-shadow: inset 0px 1px 0px 0px #E0E0E0; } #ambassador-card .card-footer .ac_flex { padding: 18px 20px; min-height: 92px; text-align: center; -webkit-box-shadow: inset 1px 0 0 0 #E0E0E0; -moz-box-shadow: inset 1px 0 0 0 #E0E0E0; box-shadow: inset 1px 0 0 0 #E0E0E0; } #ambassador-card .card-footer .ac_flex:first-child { -webkit-box-shadow: inset 0 0 transparent; -moz-box-shadow: inset 0 0 transparent; box-shadow: inset 0 0 transparent; } #ambassador-card .card-footer .ac_flex h4 { font-size: 20px; line-height: 1.5; font-weight: 200; color: #4E4E4E; } #ambassador-card .card-footer .ac_flex span { font-size: 14px; font-weight: 600; color: #4E4E4E; } /* Modal */ #ambassador.modal .modal-dialog { width: 666px; } #ambassador.modal .modal-header { -webkit-box-shadow: inset 0 -1px 0 0 #E0E0E0; -moz-box-shadow: inset 0 -1px 0 0 #E0E0E0; box-shadow: inset 0 -1px 0 0 #E0E0E0; } #ambassador.modal .modal-content .modal-body { padding: 0 !important; } #ambassador.modal .loading { position: absolute; top: 0; left: 0; right: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; text-align: center; transition: opacity .25s ease; -moz-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; } #ambassador.modal .loading .ac_loader-text { position: relative; top: 50%; transform: translateY(-50%); } /*-------------------------------------------------------------------------*\ Address Modal \*------------------------------------------------------------------------*/ #address-modal .error-msg { color: #F37C7B; margin-top: 2px; font-size: 12px; } /*-------------------------------------------------------------------------*\ Zendesk Widget \*------------------------------------------------------------------------*/ @media screen and (max-width: 667px) { iframe#launcher { display: none; } } /*-------------------------------------------------------------------------*\ Labels Filter Popover \*------------------------------------------------------------------------*/ .labels-filter-popover.ac_popover .ac_popover-menu { min-width: 190px; } .labels-filter-popover.ac_popover a.popover-trigger, .ac_lists .ac_lists-header td .labels-filter-popover.ac_popover a.popover-trigger.button_small { width: 100% !important; } .labels-filter-popover.ac_popover .ac_popover-menu:after { border-color: transparent var(--slate-100) transparent transparent; } .labels-filter-popover.ac_popover li.add-label-wrapper { background-color: var(--slate-100); padding: 5px; } .ac_lists .ac_lists-header td .labels-filter-popover.ac_popover button.add-label { width: 100% !important; } /*-------------------------------------------------------------------------*\ Ambassador \*------------------------------------------------------------------------*/ #ambassador-card .card-body { font-size: 14px; line-height: 1.64; color: #939393; font-weight: normal; text-align: center; } #ambassador-card .card-body h4 { margin-bottom: 34px; line-height: 1.65; color: #4E4E4E; font-weight: 400; } #ambassador-card .copy-referral { position: relative; padding: 12px; border-radius: 4px; border: 1px solid var(--slate-200); -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; } #ambassador-card .copy-referral.selected { background: rgba(224, 224, 224, 0.3); } #ambassador-card .copy-referral .copy { position: absolute; top: 8px; right: 8px; min-width: 100px; } #ambassador-card .copy-referral input { margin: 0; background: transparent; border: 0 none; } #ambassador-card .copy-referral.selected input { color: rgb(147, 147, 147) !important; } #ambassador-card .social-shares .ac_button { color: #FFFFFF; border-color: transparent; } #ambassador-card .social-shares .ac_button.facebook { background: #3B5998; } #ambassador-card .social-shares .ac_button.twitter { background: #00ACED; } #ambassador-card .card-body .ribbon { margin: 20px 0; } #ambassador-card .info { position: relative; display: inline-block; } #ambassador-card .info .ac-icon-info-circled { color: #4073b5; } #ambassador-card .info .popover { display: none; margin-left: -119px; padding: 10px; top: 26px; left: 0; right: 0; width: 230px; font-size: 11px; line-height: 1.4; text-align: center; } #ambassador-card .info .popover:before, #ambassador-card .info .popover:after { position: absolute; top: -11px; left: 50%; content: ''; width: 0; height: 0; border-width: 7px 7px 7px 0; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index: 50; } #ambassador-card .info .popover:after { top: -9px; border-color: transparent #fff transparent transparent; } #ambassador-card .card-footer { padding: 0; background-color: #FFFFFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #ambassador-card .card-footer .ac_flex-row { margin-left: unset; -webkit-box-shadow: inset 0px 1px 0px 0px #E0E0E0; -moz-box-shadow: inset 0px 1px 0px 0px #E0E0E0; box-shadow: inset 0px 1px 0px 0px #E0E0E0; } #ambassador-card .card-footer .ac_flex { padding: 18px 20px; min-height: 92px; text-align: center; -webkit-box-shadow: inset 1px 0 0 0 #E0E0E0; -moz-box-shadow: inset 1px 0 0 0 #E0E0E0; box-shadow: inset 1px 0 0 0 #E0E0E0; } #ambassador-card .card-footer .ac_flex:first-child { -webkit-box-shadow: inset 0 0 transparent; -moz-box-shadow: inset 0 0 transparent; box-shadow: inset 0 0 transparent; } #ambassador-card .card-footer .ac_flex h4 { font-size: 20px; line-height: 1.5; font-weight: 200; color: #4E4E4E; } #ambassador-card .card-footer .ac_flex span { font-size: 14px; font-weight: 600; color: #4E4E4E; } /* Modal */ #ambassador.modal .modal-dialog { width: 666px; } #ambassador.modal .modal-header { -webkit-box-shadow: inset 0 -1px 0 0 #E0E0E0; -moz-box-shadow: inset 0 -1px 0 0 #E0E0E0; box-shadow: inset 0 -1px 0 0 #E0E0E0; } #ambassador.modal .modal-content .modal-body { padding: 0 !important; } .list-password-update-ul{ margin-left:10px; } .list-password-update-li{ list-style:disc; margin-left:10px; } .p-viewer, .p-viewer2{ float: right; margin-top: -55px; position: relative; z-index: 1; cursor:pointer; margin-right:3px; } .pwd-err-message-hide { display:none; } .pwd-err-msg-align { text-align:center; } .pwd-err-message-show { display:block; } .pwd-sucess-message-hide { display:none; } .ac-login-text{ color:#FAFAFA; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; } /* ac pwd loader */ #overlay { position: fixed; top: 0; z-index: 100; width: 100%; height:100%; display: none; } .ac-pwd-spinner { height: 100%; display: flex; justify-content: center; align-items: center; } .spinner { width: 40px; height: 40px; border: 4px #ddd solid; border-top: 4px #2e93e6 solid; border-radius: 50%; animation: spin 0.8s infinite linear; } @keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } .is-hide{ display:none; } .login-redirect-width { width: 125px; } #show-password-text label { padding-left:8px; } .show-password-check > input[type="checkbox"] { position: absolute; opacity: 0; height: 0; width: 0; } .show-password-check > label { position: relative; display: block; padding-left: 22px; cursor: pointer; line-height: 14px; margin-top: 8px; } .show-password-check >label:before { content: ''; position: absolute; left: 0; display: block; height: 12px; width: 12px; background-color: var(--mint-100); border-radius: 4px; border: 1px solid var(--slate-200); } .show-password-check > label:hover:before { background-color: var(--mint-100); } .show-password-check > label:after { content: ''; position: absolute; left: 3px; width: 5px; height: 9px; border: 1px solid var(--mint-100); border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; transition: all 0.3s ease; } .show-password-check > input:checked + label:after { opacity: 1; } .show-password-check > input:checked + label:before { background-color: var(--mint-500); }