/* Begin Global CSS*/ .datepicker-full-width{width: 100% !important;} .page-sidebar i {float: left;} .page-sidebar .sub-menu i {float: none;} .page-sidebar .page-sidebar-menu > li {position: relative;} .page-sidebar .page-sidebar-menu > li .sub-menu {top: 80px;} .page-sidebar .page-sidebar-menu > li > a {min-height: 44px; padding: 10px 17px;} .page-sidebar .page-sidebar-menu > li > a > .title {margin-top: 0;} .page-sidebar .page-sidebar-menu {margin-top:10px;} .page-header.navbar .page-logo {background: #FF2A00 !important;} .page-sidebar.navbar-collapse {background-color: #2F1159;height: calc(100vh - 70px) !important; position: fixed;background-image: url("/images/Strend Platform Rings.svg"); background-repeat: no-repeat; background-position: bottom; z-index: 999;} .page-content-wrapper{background-color: #2F1159 !important;} .page-sidebar-menu li i {color: #FFF !important;} .page-sidebar .page-sidebar-menu .nav-item.start .nav-link{background-color: #2F1159 !important;} .page-sidebar .page-sidebar-menu .nav-item.start .nav-link:hover{background-color: #2F1159 !important;} .page-sidebar .page-sidebar-menu .nav-item.start .sub-menu{background-color: #2F1159 !important;} .page-sidebar .page-sidebar-menu .title {color: #FFF; font-weight: 600;} .page-sidebar .page-sidebar-menu .sub-menu li { list-style: none;} .page-sidebar .page-sidebar-menu .sub-menu li .nav-link {padding: 10px 2px;} .page-sidebar .page-sidebar-menu .sub-menu .nav-item ul {padding-left: 20px;} .page-header-inner {background-color: #FF2A00;} /* Header switch company button */ .select2-container.select2-container--bootstrap.select2-container--open {z-index: 99999;} .page-actions.header{overflow: auto;} #header_company_name{float: left;overflow: auto;width: auto;} #header_div_switch_company{width: 300px;float: right;margin-left: 20px;overflow: auto;} .select2-results .select2-results__options {max-height: 500px !important;} .table.dataTable th {font-size: 12px;} .table.dataTable td {font-size: 12px;} .table.dataTable button {margin-bottom: 5px;} .nav.nav-tabs li a {font-size: 12px;} .portlet-shadow {box-shadow: 0 0 16px #d9d9d9;} .portlet-info {margin: 5px 0 0 0; font-size: 12px; color: #808080;} .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {background-position: 8px 12px !important; padding-left: 27px;} .label-file-input{color: #FFF;background: #5F9EA0;padding: 6px 20px;border-radius: 5px;cursor: pointer; margin-left: 30px;margin-top: 30px;} /* Begin text area socialmedia icons */ .chr-info-twitter{position: relative;} .span-twitter-remaining {position: absolute; left: 0; bottom: -20px; font-size: 12px; margin-top: 8px; color: #737373; font-weight: 600;} /* End text area socialmedia icons */ .dialog-success .modal-content { background-color: #5cB85C; color: #FFFFFF;font-weight: 600;} .btn-help{ padding: 3px 9px 3px 5px !important; margin: 6px 22px 6px 0px !important; font-size: 13px !important;} .btn-help-icon{font-size: 15px !important; margin: 3px 3px 0px 0px !important;} #btn_add_direct_post{margin-top: 6px; font-size: 13px; margin-right: 15px;} .btn-group.div-direct-post-channel {margin: 8px 7px 0 0;} .btn-direct-post-twitter.active{background-color: #1DA1F2; border-radius: 10px !important; color: white !important;} .btn-direct-post-linkedin.active{background-color: #0077B5; border-radius: 10px !important; color: white !important;} .btn-direct-post-facebook.active{background-color: #3B579D; border-radius: 10px !important; color: white !important;} #txt_direct_post_content {width: 100%; border: 1px solid #CCC; border-radius: 3px;} #div_direct_post_channels {margin-bottom: 20px;} #modal_add_direct_post .div_social_media_tags {height: 95px;} #direct_post_image_selector_div {box-shadow: 1px 1px 60px 10px #444;padding: 10px;background-color: white; width: 94%; height: 78vh; position: absolute; top: 30px; left: 3%; z-index: 4; border-radius: 5px; display: none; overflow: scroll; overflow-x: hidden;} #direct_post_image_selector_div .top_div {display: inline-block; float: right; background-color: #666; padding: 6px 12px 8px; color: #fff; font-size: 16px; line-height: 1; border-radius: 5px; cursor: pointer;} #div_direct_post_image_container .direct_post_media_item:nth-child(6n+1) {clear: both;} .direct_post_media_item {margin-bottom: 10px;} #direct_post_image_div {margin-top: 10px;} #div_direct_post_image_cropier .cr-slider-wrap {width: 350px;} .btn_image_crop_upload .direct_post_image_upload{position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;} .upload_image_info {display: block; margin-top: 10px; color: #b3b3b3;} .jcrop-parent-container{background-color: rgba(0,0,0,0.5); padding: 15px;} .jcrop-parent-container .control-label{color: #FFF} .jcrop-parent-container .jcrop_sidebar{display: none} .jcrop-parent-container .custom_dimentions {display: table;} .jcrop-parent-container .custom_dimentions .jcwidth {display: table-cell; float: none; vertical-align: middle;} .jcrop-parent-container .custom_dimentions .jcheight {display: table-cell; float: none; vertical-align: middle;} .jcrop-parent-container .custom_dimentions .btn_custom {display: table-cell; float: none; vertical-align: middle;} .jcrop-parent-container .custom_dimentions .btn_custom .btn_jc_set_dimentions{margin-top: 24px;} .jcrop-parent-container .jcrop-holder {margin: auto;} .jcrop-parent-container .jcrop_error {width: 30%; margin: auto; background-color: #E26A6A; padding: 10px; color: #FFF; border-radius: 6px; font-size: 18px; margin-bottom: 10px; display: none;} .jcrop-parent-container .div_jcrop_save.display-none {margin-top: 15px;} .btn_image_crop_upload #dp_upload {position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;} .modal-add-tag{font-size: 12px; padding: 8px 14px 7px !important; width: 50px; box-sizing: border-box; float: left; margin-left: 5px;} .modal-txt-add-tag{width: calc(100% - 80px); box-sizing: border-box; float: left; border-left: none; border-radius: 0 !important;} .modal-add-tag-div{padding: 0px 15px !important;} .modal-tag-label{margin-left: 0px !important; padding-left: 0px !important;} .page-bar{padding: 4px 0px 5px 0px;} /* multi select */ span.multiselect-native-select {display: block;} span.multiselect-native-select .btn-group, span.multiselect-native-select .btn-group-vertical { width: 100%; } .multiselect.dropdown-toggle { width: 100%; text-align: left; } /* Begin timer */ .div_task_timer{width: 400px; position: fixed; right: 130px; bottom: 2px; background-color: #333; color: #fff; padding: 10px 2px 20px 10px; display: table; z-index: 999;} .div_task_timer .div_timer_time{display: table-cell; width: 30%; vertical-align: middle;} .div_task_timer .div_timer_time .spinner{color: #158F76} .div_task_timer .div_timer_time .time{font-size: 16px; font-weight: 600; margin-left: 5px;} .div_task_timer .div_timer_title{display: table-cell; width: 60%; vertical-align: middle;} .div_task_timer .div_timer_title p{margin: 0;} .div_task_timer .div_timer_title .timer_title_link{text-decoration: none; color: #FFF; font-size: 18px;} .div_task_timer .div_timer_actions{display: table-cell; width: 10%; vertical-align: middle;} .div_task_timer .div_timer_actions .finish_timer{cursor: pointer;} /* End timer */ .pd-top1{padding-top: 1px;} .pd-top2{padding-top: 2px;} .pd-top3{padding-top: 3px;} .pd-top4{padding-top: 4px;} .pd-top5{padding-top: 5px;} .pd-top6{padding-top: 6px;} .pd-top7{padding-top: 7px;} .pd-top8{padding-top: 8px;} .pd-top9{padding-top: 9px;} .pd-top10{padding-top: 10px;} .pd-bottom1{padding-bottom: 1px;} .pd-bottom2{padding-bottom: 2px;} .pd-bottom3{padding-bottom: 3px;} .pd-bottom4{padding-bottom: 4px;} .pd-bottom5{padding-bottom: 5px;} .pd-bottom6{padding-bottom: 6px;} .pd-bottom7{padding-bottom: 7px;} .pd-bottom8{padding-bottom: 8px;} .pd-bottom9{padding-bottom: 9px;} .pd-bottom10{padding-bottom: 10px;} .pd-left1{padding-left: 1px;} .pd-left2{padding-left: 2px;} .pd-left3{padding-left: 3px;} .pd-left4{padding-left: 4px;} .pd-left5{padding-left: 5px;} .pd-left6{padding-left: 6px;} .pd-left7{padding-left: 7px;} .pd-left8{padding-left: 8px;} .pd-left9{padding-left: 9px;} .pd-left10{padding-left: 10px;} .pd-right1{padding-right: 1px;} .pd-right2{padding-right: 2px;} .pd-right3{padding-right: 3px;} .pd-right4{padding-right: 4px;} .pd-right5{padding-right: 5px;} .pd-right6{padding-right: 6px;} .pd-right7{padding-right: 7px;} .pd-right8{padding-right: 8px;} .pd-right9{padding-right: 9px;} .pd-right10{padding-right: 10px;} .m-top1{margin-top: 1px;} .m-top2{margin-top: 2px;} .m-top3{margin-top: 3px;} .m-top4{margin-top: 4px;} .m-top5{margin-top: 5px;} .m-top6{margin-top: 6px;} .m-top7{margin-top: 7px;} .m-top8{margin-top: 8px;} .m-top9{margin-top: 9px;} .m-top10{margin-top: 10px;} .m-bottom1{margin-bottom: 1px;} .m-bottom2{margin-bottom: 2px;} .m-bottom3{margin-bottom: 3px;} .m-bottom4{margin-bottom: 4px;} .m-bottom5{margin-bottom: 5px;} .m-bottom6{margin-bottom: 6px;} .m-bottom7{margin-bottom: 7px;} .m-bottom8{margin-bottom: 8px;} .m-bottom9{margin-bottom: 9px;} .m-bottom10{margin-bottom: 10px;} .m-bottom15{margin-bottom: 15px;} .m-left1{margin-left: 1px;} .m-left2{margin-left: 2px;} .m-left3{margin-left: 3px;} .m-left4{margin-left: 4px;} .m-left5{margin-left: 5px;} .m-left6{margin-left: 6px;} .m-left7{margin-left: 7px;} .m-left8{margin-left: 8px;} .m-left9{margin-left: 9px;} .m-left10{margin-left: 10px;} .m-right1{margin-right: 1px;} .m-right2{margin-right: 2px;} .m-right3{margin-right: 3px;} .m-right4{margin-right: 4px;} .m-right5{margin-right: 5px;} .m-right6{margin-right: 6px;} .m-right7{margin-right: 7px;} .m-right8{margin-right: 8px;} .m-right9{margin-right: 9px;} .m-right10{margin-right: 10px;} .text-centre{text-align: center;} .chart-clicks-modal{max-height: 100vh !important; overflow-x: hidden; overflow-y: scroll;} /* Begin Custom Overlay */ .custom-overlay { background-color: rgba(0,0,0,0.5); position: fixed; top: 0; right: 0; bottom: 0;left: 0;z-index: 999999;} .custom-overlay-body {color: #FFF; text-align: center; margin-top: 20%; font-size: 22px;} /* End Custom Overlay */ textarea{min-width: 100%; max-width: 100%; min-height: 100px;} .modal{text-align: center; padding: 0!important;} .modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} .modal-dialog{display: inline-block; text-align: left; vertical-align: middle;} .modal-header{background-color:#FFF; color: #301851;} .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header .modal-title {font-weight: 600; !important;} .strend-cancel-purple{color:#301851;background:#FFF;border: 1px solid#301851;} .strend-submit-red{margin-right: 10px; background: linear-gradient(to right,#e6007e, #ff2a00) !important; color: #FFF; border: 1px solid #e6007e;} .strend-submit-red:hover{color: #e6e6e6;} /* ToolTip */ .strend-tool-tip{cursor: pointer; margin: 0 5px;} /** Begin Fonts */ @font-face { font-family: 'icomoon'; src: url('/assets/fonts/icomoon.eot?fpw3k8'); src: url('/assets/fonts/icomoon.eot?fpw3k8#iefix') format('embedded-opentype'), url('/assets/fonts/icomoon.ttf?fpw3k8') format('truetype'), url('/assets/fonts/icomoon.woff?fpw3k8') format('woff'), url('/assets/fonts/icomoon.svg?fpw3k8#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-timer-log:before {content: "\e900"; } .icon-timer-delete:before {content: "\e901";} .icon-timer-pause:before {content: "\e902";} .icon-timer-start:before {content: "\e903"; } .icon-timer-finish:before {content: "\e904";} .icon-timer-next:before {content: "\e905";} .icon-timer-stop:before {content: "\e906";} .icon-timer-previous:before {content: "\e907"; } /** End Fonts */ /*End Global CSS*/ /* Begin Messages */ .note-heading.block{margin-bottom: 0px; padding-bottom: 2px !important; padding-top:0px;} .note.note-success.timeline-body{border-radius: 10px; padding: 5px 8px 5px 8px; margin-bottom: 8px;} .btn.msg-answer-button{margin-top: 8px; margin-left: 8px;} .page-quick-sidebar-wrapper{top: 300px; height: calc(100vh - 300px);} .page-quick-sidebar-toggler{top: 306px !important;} .page-quick-sidebar-header{border-bottom: 1px solid; padding-bottom: 10px; margin-bottom: 7px !important;} .note.note-success.timeline-body.msg-from{width: 80%; background: #17c4bb none repeat scroll 0 0; clear: both; color: #ffffff;} .note.note-success.timeline-body.msg-to{max-width: 80%; float: right; clear: both;} .btn.msg-answer-button{float: right;} #message_count {position: relative; top: -8px; left: -8px; background-color: #E35B5A;} /* End messages */ /* Begin Login Page */ #login_message{margin-top: 0 !important;} #forgot_password_warning{margin-top: 0 !important;} /* End Login Page */ /* Begin Image Logo */ .page-header.navbar .page-logo .logo-default{margin: 18px 0 0; width: 120px;} #div_avatar{background-color: #17c4bb; color: white; float: left; font-size: 24px; font-weight: 800; height: 38px; line-height: 12px; margin: -9px 8px 0 0; padding: 12px 11px 4px; text-align: center; width: 38px;} /* End Image Logo */ /* Begin Quick side bar */ .page-quick-sidebar{padding: 12px;} /* End Quick sidebar */ /*Begin Dashboard */ .dash-data-span{font-size: 18px; font-weight: 600; color: #1BA39C;} .dash-data-p{margin-bottom: 9px; font-size: 14px; font-weight: 600;} .dash-data-sub-script{font-size: 65% !important; color: #5E738B;} .clicks-data.is-isp {background: #EEE;} /* End Dashboard */ .user-setting-row{margin-top: 10px; margin-bottom: 5px; padding: 5px;} #btn_save_settings{margin-top: 50px;} /* Begin schedule Page */ #div_times {padding: 0 10px;} #div_edit_times {padding: 0 10px;} #btn_add_time {border: medium none;} #btn_add_time .fa.fa-pluse {font-family: open sans;} .sch_times {background-color: #008aff !important; border-radius: 3px; color: #ffffff; padding: 5px !important; width: 10%;} .sch-edit-time-delete{ right: 4px; top: 3px;} .sch-time-delete{right: 4px !important; top: 3px !important;} .btn-twitter{background-color: #1DA1F2; border-radius: 10px !important; color: white !important;} .btn-linkedin{background-color: #0077B5;border-radius: 10px !important; color: white !important;} .btn-facebook{background-color: #3B579D; border-radius: 10px !important; color: white !important;} .btn-twitter i, .btn-linkedin i, .btn-facebook i {color: #ffffff;} .btn-campaign-schedule{padding-left: 2px !important; margin-right: 3px !important;} textArea { padding-left: 10px !important; } .schedule-span{font-size: 12px !important; margin: 3px 0 !important; display: inline-block;} .portlet-body .schedule-float-clos:nth-child(3n+1) {clear: both;} .schedule-content-body{height: 500px; max-height: 500px; overflow-y: scroll; overflow-x: hidden;} .schedule-content-title{margin-bottom: 0px !important;} .btn.red-mint.btn-outline.sbold.uppercase.btn-schedules-edit{position: absolute; top: 2px; right: 23px;} .ribbon-outer-div{float: left; margin-left: 7px; margin-bottom: 8px !important;} .ribbon-inner-div{padding: 2px 20px 1px 4px !important; margin: 0px !important; border-radius: 5px;} .ribbon-p-time{display: inline !important;} .ribbon-p-cat{padding: 9px 4px; margin-left: 0px; display: inline !important;} /* End Schedules Page */ /* --- Begin Campaign Page --- */ .campaign-url {font-size: 12px; text-decoration: none;} #btn_rss_content {padding: 4px; margin-right: 10px;} .accordion-toggle.accordion-toggle-styled.\33 rd-party {padding-bottom: 18px !important;} .div-selected-tags{position: relative; padding-top: 14px;} .tags-exchange-icon{position: absolute; right: 3px; top: 93px; color: #44B6AE; font-size: 34px;} .cmp-add-tag-div{width: 100%;} .hash_tag_label{float: left; border: 1px solid #c2cad8; border-right: none; padding: 6px; background-color: #c2cad8;} .cmp_txt_add_tag{width: calc(100% - 80px); box-sizing: border-box; float: left; border-left: none; border-radius: 0 !important;} .td-campaign-title{position: relative;} .campaign-expiry-icon{position: absolute; top: 6px; right: 15px; cursor: pointer;} .button_small .btn-campaign-schedule {font-size: 12px !important; border-radius: 2px !important; font-weight: 600 !important; overflow: hidden !important; padding: 2px 3px !important; margin-top: 0 !important;} /* --- End Campaign Page ---*/ /* --- Begin campaign details page --- */ #campaign_details_table td {max-width: 50px;} #campaign_details_table td + td {max-width: 500px;} #campaign_details_table td p {white-space: pre-line;} .check{opacity:0.5; color:#996;} .smc-change-image{ margin-left: 25px;} #dt-th-content:hover{background-color:#FFFFFF !important; cursor: default !important;} .div_md_checkbox{margin: -10px 0 0 10px;} .chk_label_item{ margin-top: 5px; margin-left: 5px;} .label_chk_chart_filter{font-size: 12px !important; font-weight: 600; margin-bottom: 0px !important;} .box.chk_label_item { border:2px solid #f2f2f2 !important; background-color: white;} .check.chk_label_item { border-color: white !important;} .cmp_details_schedules_div {display: inline; margin-right: 50px;} .expiry_date{color: blue; font-size: 13px; margin-bottom: 0px; font-family: inherit; float: right;} #div_edit_expiry_date{display: inline-block; width: 282px !important; float: right; margin-top: -9px;} #div_edit_expiry_date .input-group-btn button { margin-top: -5px; padding: 6px 15px;} #div_edit_expiry_date > label {color: #999999; font-size: 13px;} #edit_expiry_date{display: inline; width: 54%; margin-left: 2px;} .copy-content-encoded-link{ margin-left: 10px; cursor: pointer;} .div_sendy_campaign_data {background-color: #F9F9F9; border-radius: 3px; padding: 10px;} .div_sendy_campaign_data .record {margin-bottom: 15px;} .div_sendy_campaign_data .record .data_percent {font-size: 13px !important; font-weight: 600; padding: 3px 9px 18px 10px;} .div_sendy_campaign_data .newsletter_opened .data_percent {background-color: #468847;} .div_sendy_campaign_data .newsletter_not_opened .data_percent {background-color: #F89406;} .div_sendy_campaign_data .newsletter_link_clicks .data_percent {background-color: #3A87AD;} .div_sendy_campaign_data .newsletter_unsubscribed .data_percent {background-color: #B94A48;} .div_sendy_campaign_data .newsletter_bounced .data_percent {background-color: #333333;} .div_sendy_campaign_data .newsletter_spam .data_percent {background-color: #333333;} .div_sendy_campaign_data .record .data_label {font-size: 14px; font-weight: 700; margin: 0 10px;} .div_sendy_campaign_data .record .data_info {background-color: #999999; border-radius: 2px !important;} #div_campaign_image_cropier .cr-slider-wrap {width: 350px;} .btn_image_crop_upload .upload_croppie_image{position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;} .btn_cmp_sitemap_channel.facebook.active{background-color: #3B579D; border-radius: 10px !important; color: white !important;} .btn_cmp_sitemap_channel.twitter.active{background-color: #1DA1F2; border-radius: 10px !important; color: white !important;} .btn_cmp_sitemap_channel.linkedin.active{background-color: #0077B5;border-radius: 10px !important; color: white !important;} .btn_cmp_sitemap_channel {padding: 4px !important; margin-top: 5px; font-size: 9px !important;} /* main campaign div */ .main-campaign{padding: 8px 10px; border-radius: 4px; margin-top: 10px;} .main-campaign .text {font-size: 12px;} .main-campaign .url {color: #737373; font-style: italic;} .main-campaign .header {overflow: auto;} .main-campaign.main {background: #b3e6b3;} .main-campaign.not-main {background: #e6e6e6;} .td-content-image:hover img { width: 410px; } /* --- END campaign details page --- */ /* Begin CAMPIAGN IMAGE SWAP */ #modal_choose_content_image label {margin-bottom:10px;} /* End CAMPIAGN IMAGE SWAP */ /* Begin CAMPIAGN DETAIL EDIT POP UP */ #txt_edit_campaign_data {height: 150px; margin-bottom: 20px;} #char_info i {vertical-align: -5px;} .div_social_media_tags{border: 1px solid #c2cad8; border-radius: 4px; height: 150px; overflow-y: scroll; overflow-x: hidden; padding-left: 12px; padding-top: 6px;} .tags-list{list-style: none; padding-left: 0px;} .tags-list-item{cursor: pointer;} .tags-list-item:hover{background-color: #F0F0F0;} /* End CAMPIAGN DETAIL EDIT POP UP */ /* Begin hide am charts link from graphs*/ .amcharts-chart-div a:nth-child(2) {display: none !important;} /* End hide am charts link from graphs*/ /* Begin add campaign page */ .div_campaign_tags{height: 120px; width: 90%; overflow-x: hidden; overflow-y: scroll; border: 1px solid #c2cad8; padding: 3px 2px 3px 10px; background: #ffffff none repeat scroll 0 0;} .campaign_tag_list{list-style: none; padding-left: 0px;} .campaign_tag_list_item{cursor: pointer;} .campaign_tag_list_item:hover{background-color: #b3b3b3;} /* End add campaign page*/ /* Begin queue page */ .que-channel-content-body{height: 500px; max-height: 500px; overflow-y: scroll;} .que-channel-content-title{margin-bottom: 0px !important;} .timeline-body-head-caption {width: 100%;} .btn.green.btn-sm.dropdown-toggle.btn-timeline-actions {padding: 3px 10px 1px !important;} .timeline .timeline-body-time.publish_time {margin-left: 0px !important; color: #000000 !important;} .timeline .timeline-badge-userpic {width: 50px; border: 4px solid #f5f6fa; -webkit-border-radius: 0% !important; -moz-border-radius: 0% !important; margin: 18px 0 0 15px !important;} .p-info {padding: 0px 0px 6px 20px; font-size: 12px; color: #AAA;} /*End queue page*/ /* Begin rss_check_new_content page */ textArea.rss-description{font-size: 12px; line-height: 16px; height: 140px;} .portlet.light.portlet-rss-iframe{height: 90vh;} .flex-div {display: flex;} .fix-pos #sidebarDiv {position: fixed;top: 80px; width: 43%;} .flt_l{float: left;} .abs-pos #sidebarDiv {position: absolute;top: auto;bottom: 0;width: 96%;} .char_info_twitter{background: white; border-radius: 2px;} .char_info_facebook{background: white; border-radius: 2px;} .char_info_linkedin{background: white; border-radius: 2px;} .portlet-rss-feed:hover{background-color: #17C4BB !important;} .portlet-rss-feed:hover .caption-icon {color: #ffffff !important;} .portlet-rss-feed:hover .caption-subject{color: #ffffff !important;} .portlet-rss-feed:hover .rss-link{color: #ffffff !important;} .portlet-rss-feed:hover .help-block{color: #ffffff !important;} .portlet-rss-feed:hover .rss_twitter_span{color: #ffffff !important;} #iframe_rss_feed{border: none;} #sidebarDiv.portlet-rss-iframe {border: 2px solid #17C4BB;} .Banner-tags-list {clear: both; width: 100%; list-style: none; text-align: right; padding: 5px; overflow: auto; margin-bottom: 2px;} .Banner-tags-list li {float: right; margin-left: 5px; cursor: pointer; padding: 0 5px;} .Banner-tags-list li:hover {box-shadow: 0 0 4px 0px;} .portlet-rss-feed:hover .Banner-tags-list li {color: #ffffff !important;} .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) > i {margin-top: 1px;margin-left: 3px;margin-right: 3px;vertical-align: -1px;} /* End rss_check_new_content page */ /* Begin Campaign categories page*/ #span_add_color{position: absolute; right: -30px; bottom: 0; display: block; width: 34px; height: 34px;} #span_edit_color{position: absolute; right: -30px; bottom: 0; display: block; width: 34px; height: 34px;} .rel{position: relative;} /* End campaign categories page */ /* Company Page */ .lead_status_cancel{display: block;background: #FFF; text-align: center; margin-top: 5px; font-size: 16px; color: #3598dc;cursor: pointer;} /* Begin Company_profile page */ #btn_edit_employee_email {font-size: 11px; padding: 2px; margin-bottom: 5px; float: right;} .employee_email_li.mt-list-item.done {padding: 0px 6px 0px 0px !important;} .company-template-preview{background-color: #eef1f5; border: 1px solid #c2cad8; border-radius: 5px; padding: 15px; max-height: 110px; height: 110px; overflow: auto;} .template-info-label-span{color: #595959; font-size: 12px;} /*Begin Invoicing Tab*/ .invoice_tab_heading {padding: 0px 15px; font-size: 20px; font-weight: 600; margin-bottom: 15px; clear: both;padding-top: 20px; margin-top: 0;} /*End Invoicing Tab*/ /*Begin Billing Form*/ #form_edit_billing .form-group {margin-bottom: 15px !important;} #form_edit_billing .client-label {padding-top: 6px !important;} #form_edit_billing .form-control {border: none; padding: 0 !important;} #form_edit_billing .row{margin-bottom: 2px !important;} #billing_bundles_container .bun_header_image{background-image: url("/images/BundlePlaceholder.PNG"); background-size: cover; width: 100%; height: 100px;} #billing_bundles_container .bundle_item {padding: 0;margin-bottom: 30px; padding-bottom: 20px;} #billing_bundles_container .bun_header_info {text-align: center; font-size: 35px; font-weight: 600; padding: 28px 0;} #billing_bundles_container .bun_header_info p{margin-bottom: 0;} #billing_bundles_container .bun_header_info .bundle_name {font-size: 20px; color: #E6007E;} #billing_bundles_container .bun_header_info .bundle_price {font-weight: 800;font-size: 50px;} #billing_bundles_container .bun_header_info .currency_symbol {top: -8px;font-size: 30px;right: -9px;position: relative;} #billing_bundles_container .bun_header_info .bundle_vat{font-size: 14px;line-height: 12px;text-align: left;display: inline-block;left: -8px;top: -12px;position: relative;} #billing_bundles_container .bundle_item.subscribed {box-shadow: 0px 8px 15px #333;} #billing_bundles_container .bundle_actions {text-align: center; padding-top: 20px;} #billing_bundles_container .bundle_body .table{width: 80%; margin: auto;} #billing_bundles_container .btn_start_bundle {color: #f66; border: 1px solid #f66;background-color: #FFF; padding: 5px 20px; border-radius: 17px; font-weight: 600;} #billing_bundles_container .btn_start_bundle:hover {color: #fff; border: 1px solid #f66;background-color: #f66;} #billing_bundles_container .btn_cancel_bundle{padding: 5px 20px; border-radius: 17px; box-shadow: none; border: none;font-weight: 300; color: #C1C1C1; background: none;} #billing_bundles_container .bundle_expiry{color: #999;font-size: 14px;margin-bottom: 5px;} #billing_addons_container .bun_header_image{background-image: url("/images/BundlePlaceholder.PNG"); background-size: cover; width: 100%; height: 100px;} #billing_addons_container .bundle_item {padding: 0;margin-bottom: 30px; padding-bottom: 20px;} #billing_addons_container .bun_header_info {text-align: center; font-size: 35px; font-weight: 600; padding: 28px 0;} #billing_addons_container .bun_header_info p{margin-bottom: 0;} #billing_addons_container .bun_header_info .bundle_name {font-size: 17px; color: #E6007E; padding: 0 10px;} #billing_addons_container .bun_header_info .bundle_price {font-weight: 800;font-size: 50px;} #billing_addons_container .bun_header_info .currency_symbol {top: -8px;font-size: 30px;right: -9px;position: relative;} #billing_addons_container .bun_header_info .bundle_vat{font-size: 14px;line-height: 12px;text-align: left;display: inline-block;left: -8px;top: -12px;position: relative;} #billing_addons_container .bundle_item.subscribed {box-shadow: 0px 8px 15px #333;} #billing_addons_container .bundle_actions {text-align: center; padding-top: 20px;} #billing_addons_container .bundle_body .table{width: 80%; margin: auto;} #billing_addons_container .btn_start_bundle {color: #f66; border: 1px solid #f66;background-color: #FFF; padding: 5px 20px; border-radius: 17px; font-weight: 600;} #billing_addons_container .btn_start_bundle:hover {color: #fff; border: 1px solid #f66;background-color: #f66;} #billing_addons_container .btn_cancel_bundle{padding: 5px 20px; border-radius: 17px; box-shadow: none; border: none;font-weight: 300; color: #C1C1C1; background: none;} #billing_addons_container .bundle_expiry{color: #999;font-size: 14px;margin-bottom: 5px;} #modal_bundle_payment .payment_value{padding-left: 16px;font-weight: 600;font-size: 16px;} .billing_bundles_heading{padding: 17px 0;border-bottom: 1px solid #eee;margin-bottom: 10px;} #billing_addons_container .bundle_item:nth-child(3n+2) {clear: both;} .billing_bundles_heading span{font-size: 18px;} .payment_progress_container{position: fixed;top: 0;left: 0;right: 0;bottom: 0;text-align: center;font-size: 20px;z-index: 99999;background: rgba(0,0,0,0.5);color: #FFF;font-weight: 600;} .payment_progress_container .container_body{margin-top: 15%;} /* End Billing form */ /* Begin payment Modal */ #div_choose_payment_card{padding: 5px; margin-bottom: 10px;} #modal_bundle_payment h2{margin: 0 0 10px 0;font-weight: 600;font-size: 16px;} #div_choose_payment_card .existing_card_container {padding: 15px 10px; cursor: pointer;} #div_choose_payment_card .existing_card_container:hover {border: 1px solid #ccc;} #div_choose_payment_card_container #card_actions{overflow: auto; padding: 10px 0;} #modal_bundle_payment .payment_details_table {width: 100%; color: #888; font-size: 12px; margin-bottom: 20px;} #modal_bundle_payment .label {color: #888; box-shadow: none !important; font-weight: 500 !important;} #modal_bundle_payment .value {text-align: right;} #modal_bundle_payment .label { text-align: right !important; width: 100%; float: right;} #modal_bundle_payment .label.total {font-weight: 600 !important;} #modal_bundle_payment .value.total {font-weight: 600 !important;} /* Manage cards */ .card_element {padding: 10px 10px; margin-bottom: 5px;} #div_card_container .card_element .card_actions{font-size: 12px;} #div_card_container .card_element .remove_customer_card{color: #E7505A; float: right; cursor: pointer;} .set_default_card {float: right; font-size: 10px; margin-right: 10px; color: #217EBD; cursor: pointer;} /* End Company_profile page */ /* Begin signup page */ .account-title{text-align: center; display: block; font-weight: 600;} .account-image{width: 70%; margin-left: 15%; margin-top: 20px; margin-bottom: 20px;} .account-selected{border: 3px solid #b3b3b3; padding: 10px 0px 5px 0px; border-radius: 15px; background-color : #e6eeff;} .div_signup_confirm {margin-bottom: 5px;} .div_signup_confirm label {font-weight: 600; min-width: 135px; max-width: 135px; margin-right: 10px; text-align: right;} .div_signup_confirm .form-control-static {max-width: calc(100% - 145px);} .form-horizontal .form-group.form-md-line-input .input-icon .form-control {padding-left: 50px;} /* End signup page */ /* Begin Media Queries */ @media (max-width: 524px) { .tags-exchange-icon{right: -5px;} .portlet-body.chart-body{height: 490px !important; padding: 0px !important; position: relative;} /* Begin Dashboard */ .dash-data-title{padding-left: 0px; padding-right: 0px;} .dash-data-btn{ padding-left: 0px;} .dash-data-btn-channels{ padding-left: 0px;} .dash-data-btn-schedules{ padding-left: 3px;} .dash-data-line-heading{text-align: left; color: #1BA39C;} /* End Dashboard */ /* Begin campaign details */ #select_choose_link_source{ width: 60% !important;} /* End campaign details*/ .cmp_txt_add_tag{width: 65% !important;} } @media (max-width: 767px) { /* Begin Header */ #header_cur_company_name{margin-top: 0px; margin-right: 30px; font-size: 14px; float: none !important; margin-bottom: 3px;} #btn_change_cur_company{font-size: 12px; padding: 2px 4px;} #btn_switch_back_cur_company{font-size: 12px; padding: 2px 4px;} #div_btn_switch_back_cur_company{float: left !important;} .cur_company_ul{right: auto !important; left: 0 !important;} .page-actions{position: absolute;top: 61px;} /* End Header */ /* Begin Dashboard */ .mobile-hide{display: none;} .bars, .chart, .pie{height: 510px !important;} .portlet-body.chart-body{height: 555px !important; padding: 0px !important;position: relative;} /* End Dashboard*/ /* Begin campaigns.php graph*/ .page-content-wrapper .page-content{padding: 20px 0px 10px !important;} .portlet-body{padding: 10px 10px 20px !important;} .portlet.light.bordered{padding: 12px 10px 15px !important;} .btn_portlet_expand_collapse{margin-right: 20px;} .que-channel-content-body{max-height: 350px !important;} .tags-exchange-icon{right: 0px; font-size: 26px;} .cmp_txt_add_tag{width: 70% !Important;} /* End campaigns.php graph*/ /* Begin queue page*/ .queue-portlet-container{min-width: 98%;} .portlet-body.que-channel-content-body{display: none;} .graph-portlet-body{padding: 0px !important;} /* End Queue page*/ } @media (max-width: 1324px) { /* Begin queue page*/ .queue-portlet-container{min-width: 49%;} .portlet-body.que-channel-content-body{display: none;} .graph-portlet-body{padding: 0px !important;} graph-portlet{padding: 0px !important;} /* End Queue page*/ } /* End Media Queries */