@charset "utf-8";
/* CSS Document */
input.datepicker{z-index: 1;}
body.body-circle{background: #f3f3f7;}
body.body-circle:before, body.body-circle:after{display: none;}
.topbar{background: #f3f3f7; transition: all ease-in-out .5s;box-shadow: 0 2px 5px rgba(0,0,0,.1);}
body.scrolled .topbar{ z-index: 2;}
.navbar-default{background: none;}
.topbar .topbar-left{width: 100px; background: none; height: auto; padding:10px 15px;}
.topbar .topbar-left img{max-height: 50px;}
.header-logo{height: auto; padding: 0;}
.topbar .topbar-left .logo{line-height: normal;}
body.fixed-left .side-menu.left, .side-menu.left{width: 80px; background: none; height: calc(100vh - 70px); margin-top: 0; bottom: inherit; top: 70px; padding: 15px 0 30px 15px;box-shadow: 2px 0px 5px rgba(0,0,0,.1); z-index: 2; position: fixed;}
body.fixed-left .side-menu.left .p-profie-drop .profie-menu, .side-menu.left .p-profie-drop .profie-menu{padding: 0 !important; top: 0; right: 0;}
body.fixed-left .side-menu.left .profile img, .side-menu.left .profile img{height: 30px; width: auto; box-shadow: none;}
.content-page{margin-left: 90px;}
.left.side-menu .p-profie-name{width: 100%; text-align: left; padding-top: 15px;}
.left.side-menu .p-profie-name .p-p-n-span-1{font-size: 35px; font-weight: 700; color: #39383f; line-height: 35px;}
.user_pro{float: left; width: 40px; height: 40px; border-radius: 50%; text-align: center; background-color: cadetblue; color: white; padding-top: 10px;}
.user_pro img{width: 58px; height: 58px; border-radius: 50%; display: inline-block;}
.left.side-menu .p-profie-name .p-p-n-span-2{font-size: 20px; color: #a9a4b5; font-weight: 700; }
.custom-sidebar li{width: 100%; display: inline-block; margin: 0 !important;}
#sidebar-menu > ul > li{position: relative; z-index: 1;}
#sidebar-menu > ul > li > a{width:54px; display: inline-block !important; float: left; font-size: 20px; color: #39383f; font-weight: 700; position: relative; padding: 0; text-align: center; line-height:45.5px; border-radius: 50%;}
#sidebar-menu > ul > li p{position: absolute; top: 50%; left:-210px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0; opacity: 0; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; transition: all ease-in-out .5s; text-align: left; background: #fff; border-radius: 4px;padding: 8px 10px; box-shadow: 0 5px 5px rgba(0,0,0,.04); font-size: 20px; z-index: -1;}
#sidebar-menu > ul > li:nth-child(6) p{width: 210px;}
#sidebar-menu > ul > li p:before{position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: '\f0d9'; font-family: 'FontAwesome'; color: #fff;}
.custom-sidebar li a img{width: 27px; margin-right: 0; vertical-align: middle;}
.custom-sidebar li:nth-child(6) a img{width: 29px;}
.custom-sidebar li a span{display: inline-block; width: auto;}
.custom-sidebar li a p{display: none;}
.custom-sidebar li a img:nth-child(2){position: absolute;top:50%; left: 50%; opacity: 0; transition: all-ease-in-out .5s;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.custom-sidebar li a img:nth-child(2){opacity: 1;}
.custom-sidebar li a img:nth-child(1){opacity: 0;}
#sidebar-menu > ul > li > a.active, #sidebar-menu > ul > li:hover > a, #sidebar-menu > ul > li > a.subdrop{background: #fff !important; box-shadow: none;color: #39383f !important;}
#sidebar-menu > ul > li:hover p{left: calc(100% + 10px); opacity: 1;}
.content-page > .content{padding: 20px 15px; margin-top: 75px !important;}
.dashboard-container{padding: 0;}
.dashboard-chat{box-shadow: 0 13px 10px rgba(0,0,0,.04); border-radius: 15px; padding: 20px; border: 1px solid rgba(0,0,0,.1); background: #fff;}
.profile-dropmenu{right:-10px !important; left:inherit !important;}
.profile-dropmenu li:first-child > a{cursor: default; border-bottom: 1px solid grey;}
.c-top-head{padding-left: 15px;padding-top: 15px;}
.c-top-head span{font-size: 30px; font-weight: 700; color: #39383f; }
.row.filters{margin-left: 0 !important; margin-bottom: 20px;}
input.datepicker{margin-right: 0;}
#filter-chk{margin-top: 10px;}
.stats_main{width: 100%; display: inline-block; padding: 20px; border-radius: 15px; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 13px 10px rgba(0,0,0,.04); background: #fff; margin-bottom: 20px; position: relative; z-index: 1;}
.stat_right{width: 130px; height: 130px; border-radius: 50%; background:#21d4fd; line-height: 130px; font-size: 32px; font-weight: 700; text-align: center; color: #fff; position: relative; float: right;}
.stat_right:before{position: absolute; width:calc(100% + 20px); height: calc(100% + 20px); top: -10px; background: rgba(207,207,207,.2); content: ''; left: -10px; border-radius:50%; z-index: -2; }
.stat_right.pink_bg{background: #ff527a;}
.stat_right.green_bg{background: #6cb733;}
.stat_right:after{position: absolute; width: calc(50% + 10px); top: -10px; right: -10px; background: #fff; content: ''; height: calc(100% + 20px); z-index: -1;}
.stat_left{width: calc(100% - 150px); float: left;}
.stat_left span{height: 70px; display: inline-block;}
.stat_left span img{max-height: 70px;}
.stat_left span.visits_icon img{max-width: 100px;}
.stat_left h3{font-size:20px; font-weight: 700; color: #39383f; margin:15px 0 0; }
.conversion_stat .stat_left span img{max-height: 90px;}
.conversion_stat .stat_left span{height: 100px;}
.conversion_stat .stat_left h3{font-size: 30px; margin-top: 25px;}
input.datepicker.form-control.c-t-b-s-input{background: url('../images/calendar.png') no-repeat 10px center #fff; background-size: 20px; padding: 12.5px 10px 12.5px 45px !important;box-shadow: 0 2px 2px rgba(0,0,0,.05) !important; border-radius: 4px; border: none;}
#searchForm input.datepicker.form-control.c-t-b-s-input {
    padding: 12.5px 10px 4.5px 45px !important;
}
.compaigns-dropdown a{background:#78c040; box-shadow: none; border-radius: 4px; padding: 15px; }
.dropdown.compaigns-dropdown .datepicker{position: static; background: #fff; margin-right: 10px;}
div.c-t-b-search{position: relative; margin-right: 10px; box-shadow: none; right: 0 !important;}
.c-t-b-search .form-control{box-shadow: 0 2px 2px rgba(0,0,0,.05) !important; background: url('../images/searh_png.png') no-repeat 10px center; background-size: 20px auto;}
.campaigns-top-bar{float: right; margin-bottom: 10px; width: 100%;}
.campaign_main{border-radius: 4px; box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); padding: 15px; width: 100%; float: left; margin: 0 0 10px;}
.campaign_main .c-t-c-text{padding-left: 0; width: calc(100% - 30px);}
.campaign_main:hover .c-t-c-text h4{color: #78c040;}
.campaign_main .c-t-c-text h4{font-size: 25px;white-space: nowrap; line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;}
.campaign_main .c-t-c-d-list a{margin-top: 0;}
.campaign_main .c-t-c-d-list a img{height:6px; }
.campaign_time_date{float: right; width: 100%; padding-top: 10px; text-align: right;}
.campaign_stats_list{width: 100%; padding:0px; text-align: center; float: left; margin: 10px 0 0;}
.campaign_stats_list li{display: inline-block; float: left; width: 25%;}
.campaign_stats_list li span{width: 100%; display: inline-block; font-size: 18px; color: rgba(57,56,63,.6); font-weight: 500; margin-bottom: 10px; line-height: 18px;}
.campaign_stats_list li img{width: 20px;}
.campaign_stats_list li:nth-of-type(1) img{width: 28px;}
.campaign_stats_list li:nth-of-type(3) img{width: 25px;}
.dropdown.p-profie-drop.open > a img{transform: rotate(15deg);}
.campaigns_iner .set-precentage{position: static; float: right;}
.campaigns_iner .compaigns-dropdown{float: left;}
.campaigns_iner .campaigns-top-bar{float: right;}
.campaigns_iner .nav.nav-tabs.campaign_top, .tab-card-header .nav-tabs{background: none; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 0px;}
.campaigns_iner .nav-tabs.campaign_top>li, .tab-card-header .nav-tabs>li{margin-bottom: 0;}
.campaigns_iner .nav-tabs.campaign_top>li a, .tab-card-header .nav-tabs>li a{display: inline-block;text-align: center; position: relative;}
.campaigns_iner .nav-tabs.campaign_top>li a:after, .tab-card-header .nav-tabs>li a:after{position: absolute; width: 100%; height: 4px; left: 0; bottom: 0; content: '';-webkit-transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; transition:all ease-in-out .5s;}
.campaigns_iner .nav-tabs.campaign_top>li a span, .tab-card-header .nav-tabs>li a span{ display: block; width: 40px; height:40px; border:1px solid #78c040; color: #78c040; text-align: center; line-height: 40px; clear: both; margin: 0 auto; border-radius: 50%; -webkit-transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; transition:all ease-in-out .5s;}
.campaigns_iner .nav-tabs.campaign_top>li.active a:after, .campaigns_iner .nav-tabs.campaign_top>li.active a span, .campaigns_iner .nav-tabs.campaign_top>li a:hover:after, .campaigns_iner .nav-tabs.campaign_top>li a:hover, .tab-card-header .nav-tabs>li.active a:after, .tab-card-header .nav-tabs>li.active a span, .tab-card-header .nav-tabs>li a:hover span, .tab-card-header .nav-tabs>li a:hover:after, .campaigns_iner .nav-tabs.campaign_top>li a:hover span, .campaigns_iner .nav-tabs.campaign_top>li a:hover span{background: #78c040;}
.campaigns_iner .nav-tabs.campaign_top>li a:hover span, .campaigns_iner .nav-tabs.campaign_top>li.active a span, .tab-card-header .nav-tabs>li a:hover span, .tab-card-header .nav-tabs>li.active a span{color: #fff;}
.campaigns_iner .nav-tabs.campaign_top>li a p, .tab-card-header .nav-tabs>li a p{margin-bottom: 0; float: left; line-height: 20px; margin: 5px 0;}
.tab-card-header .nav-tabs>li a p{color: #9fa2a7;}
.campaigns_iner .nav-tabs.campaign_top>li.active a, .campaigns_iner .nav-tabs.campaign_top>li a:hover, .tab-card-header .nav-tabs>li a:hover, .tab-card-header .nav-tabs>li.active a{background: none !important; color:#78c040 !important; }
#emailListing{width: 100%; float: left;}
.table-content{width: 100%; float: left;}
.campaigns_iner .ab-testing-heading{padding-bottom: 10px; width: 100%; float: left;}
.campaigns_iner .ab-testing-heading span{width: auto; float: left; padding-bottom: 0;}
.campaigns_iner .capm-tab-heading{float: right; }
.campaigns_iner .ab-testing-heading .capm-tab-heading span{font-size: 13px; color: rgba(57,56,63,.7);}
.campaigns_iner .panel.text-center.ab-t-p-panel{border-radius: 4px; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 13px 10px rgba(0,0,0,.04); padding: 10px 10px 10px 10px;}
.campaigns_iner .panel.text-center.ab-t-p-panel .panel-heading{padding: 0; border-radius: 0;}
.campaigns_iner .panel.text-center.ab-t-p-panel .panel-heading .ab-t-p-image{border-radius: 0;}
.campaigns_iner .panel.text-center.ab-t-p-panel .panel-heading .ab-t-p-image > img, .campaigns_iner .panel.text-center.ab-t-p-panel .panel-heading .ab-t-p-image-2 > img{min-height: 200px; box-shadow: 0 13px 10px rgba(0,0,0,.04);}
.archived_main > img{min-height: 200px;}
.campaigns_iner .ab-t-p-i-hover > a{opacity: 1; background: #78c040; color: #fff; padding: 12px 35px; text-align: center; border-radius: 4px;}
.campaigns_iner .p-R-camp-icon{width: 100%; text-align: center; padding: 15px 0;}
.campaigns_iner .p-R-camp-icon li{float: none; border: none; width: 60px;margin-right: 10px;}
.campaigns_iner .p-R-camp-icon li:last-child{margin-right: 0px;}
.campaigns_iner .p-R-camp-icon li a{background: #fff; border-radius: 4px;}
.campaigns_iner .p-R-camp-icon li a{width: 100%; height: auto;text-align: center; padding: 5px 8px; box-shadow: none; opacity: 1; display: inline-block;}
.campaigns_iner .p-R-camp-icon li a i{font-size: 22px;}
.campaigns_iner .p-R-camp-icon li a span{width: 100%; display: inline-block; font-size: 12px; float: left;}
.campaigns_iner .p-R-camp-icon li a img{display: inline-block; margin-right: 0; max-height: 20px;}
.campaigns_iner .p-R-camp-icon li a:hover{color: #fff; background: #78c040;}
.campaigns_iner .ab-t-p-image{ -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}
.ab-t-p-i-hover a i:hover {
    border:none;
    background-color:transparent;
}
.campaigns_iner .ab-t-p-image{background: #000;}
.campaigns_iner .panel.text-center.ab-t-p-panel:hover .ab-t-p-image img{opacity: .6;}
.campaigns_iner .ab-t-p-i-hover{opacity: 0; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; transition: all ease-in-out .5s;}
.campaigns_iner .panel.text-center.ab-t-p-panel:hover .ab-t-p-i-hover{opacity: 1;}
.c-top-head .c-t-c-d-list > li img{max-height:6px; }
.statics_tab{width:100%; float: left; }
.statics_tab .nav.nav-tabs{width: 35%; float: left;}
.statics_tab div.tab-content{width: 65% !important; float: left; margin-bottom: 0 !important; padding: 0;}
.statics_tab .nav.nav-tabs > li > a{width: 100%; float: left;margin: 0; text-align: left; padding: 0 10px; font-size: 15px; color:#39383f !important; font-weight: 700; border-bottom: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1); position: relative;}
.statics_tab .nav.nav-tabs > li:last-child > a{border-bottom-color: transparent;}
.statics_tab .nav.nav-tabs > li > a span:first-child{width: 22px; float: left; margin-right:8px; text-align: center;}
.statics_tab .nav.nav-tabs > li > a:hover, .statics_tab .nav.nav-tabs > li.active > a{ background: #f3f3f7;color:#39383f !important; border-color: #f3f3f7;}
.statics_tab .nav.nav-tabs > li > a img{max-height: 18px;}
.statics_tab .nav.nav-tabs > li{width: 100%; float: left;}
.statics_tab .nav.nav-tabs > li.active > a:after{position: absolute; left: 100%; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #f3f3f7; content: '\2023'; font-size: 25px;}
.statics_tab .p-L-camp-icon{width: 100%; float: left; padding: 10px; background: #fff;}
.statics_tab .p-L-camp-icon li{width: 50%; float: left; padding: 20px 0;}
.statics_tab .p-L-camp-icon li:nth-of-type(odd){clear: left;}
.statics_tab .p-L-camp-icon li img{display: inline-block; max-width:25px; max-height: 25px; }
.statics_tab .p-L-camp-icon li span{font-size: 14px; font-weight: 600; color: #39383f;}
.add_variation_main{height: 100%;}
.add_variation_main .panel-heading{padding: 10px; border-radius: 4px; margin-top: 38px;}
.add_variation_main .panel-heading .c-t-p-variation a{padding: 128px 10px; background: rgba(120,192,64,.4); font-size: 25px; color: #55545a; border-radius: 0;}
.add_variation_main .panel-heading .c-t-p-variation a h2, .add_variation_main .panel-heading .c-t-p-variation a i{font-size: 25px; color: #55545a;}
.add_variation_main .panel-heading .c-t-p-variation a i{font-size: 35px;}
.add_variation_main .panel-heading .c-t-p-variation a:hover{background: rgba(120,192,64,.5);}
.archived_variation .ab-testing-heading span{font-size: 30px; color: #39383f; font-weight: 700; margin-top: 30px;}
.archived_variation .list-group.list-group-flush{width: 100%; padding: 20px 20px; text-align: center; margin-bottom: 0;}
.archived_variation .list-group.list-group-flush > li{display: inline-block; width: auto; border: none; background: #fff !important; padding: 0 20px;}
.archived_variation .list-group.list-group-flush > li:last-child{margin-right: 0;}
.archived_main{width: 100%; float: left; padding: 10px; background: #fff; border-radius: 4px; box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); margin-bottom: 20px;}
.archived_main img{box-shadow: 0 13px 10px rgba(0,0,0,.04);}
.archived_variation .list-group.list-group-flush > li span{width: 100%; display: inline-block; font-size: 20px; font-weight: 700; color: #39383f; margin-left: 0; margin-bottom: 8px;}
.domain_main{width: 100%; float: left; background: #fff; border-radius: 4px;border: 1px solid rgba(0,0,0,.1);box-shadow: 0 13px 10px rgba(0,0,0,.04); padding: 7px 15px; margin-bottom: 15px; }
.domain_top{ margin-bottom: 30px;}
.domain_top .d-s-group h2{padding-bottom: 0;}
.domain_top button.btn{width: 220px; height: 45px; font-size: 20px; color: #fff; background: #78c040; border-radius: 4px; text-align: center; float: right;box-shadow: 0 13px 10px rgba(0,0,0,.04);}
.domain_srch_top{width: calc(100% - 240px); float: left; }
.domain_top input{ width: 100%; height: 45px;box-shadow: 0 2px 2px rgba(0,0,0,.05); border-radius: 4px; background: #fff; border: none;padding: 0 10px;}
.domain_main span{float: left; font-size: 20px; color: #39383f; font-weight: normal; width: calc(100% - 120px);}
.domain_main .d-t-button{float: right; width: auto;}
.domain_main .d-t-button a{width: 40px; height: 35px; text-align: center; line-height: 30px; padding: 0; margin: 0;border: 1px solid rgba(0,0,0,.05);box-shadow: 0 5px 10px rgba(0,0,0,.04); margin-right: 15px; border-radius: 0; float: left; font-size: 20px; color: #78c040;}
.domain_main .d-t-button a:hover{box-shadow: 0 13px 10px rgba(0,0,0,.04)}
.domain_main .d-t-button a:last-child{margin-right: 0;}
.domain_main .d-t-button a img{max-height: 20px;}
.contact_topbar .select2{margin-right: 8px; margin-top: 0; z-index: 9 !important; float: right; width: calc(32% - 10px) !important; overflow: hidden;}
.contact_topbar .select2 .selection{width: 100%; display: inline-block;}
.contact_topbar .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-bottom: 10px;}
.contact_topbar .select2-container .select2-selection--multiple{min-height: 45px; box-shadow: 0 2px 2px rgba(0,0,0,.05); border-radius: 4px !important;}
.contact_topbar input.datepicker.form-control.c-t-b-s-input{margin-right: 10px; margin-left: 0px; float: left; width: calc(60% - 10px);}
.contact_topbar .search-btn{position: static;}
.contact_topbar div.c-t-b-search{float: left;}
.contact_topbar .compaigns-dropdown{float: right; width: 45%; position: relative;}
.contact_topbar .search-btn{float: right; margin-left: 10px;}
.contact_topbar div.c-t-b-search{width: calc(55% - 10px);}
.contact_topbar .c-t-b-search .form-control{width: 50%; float: right;}
.contact_topbar .compaigns-dropdown a{width: 40%;}
.contact_topbar .daterangepicker{top: 100% !important;}
.contact_topbar .select2-container--default .select2-selection--multiple{background: url('../images/arrow-down-filled-triangle.png') no-repeat 95% 18px #fff; background-size: 10px; height: auto; padding: 0 10px; display: inline-block; width: 100%;}
.contacts-list .dropdown.actions-dropdown{margin-left: 0; background: #fff;}
.contacts-list .dropdown.actions-dropdown button{background: #fff; color: #000; box-shadow: 0 2px 2px rgba(0,0,0,.05); height: 40px;}
.contact_custom{float: left; font-size: 16px; color: rgba(57,56,63,.6); line-height: 40px; margin-left: 0; margin-right: 15px; }
.contact_custom input{display: none;}
.contact_custom span{width: 15px; height: 15px; margin-right: 8px;box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); background: #fff; float: left; position: relative; margin-top: 13px;}
.contact_custom input:checked + span:before, .custom_iner_check input:checked + span:before{position: absolute; width: 15px; height: 20px; background: url('../images/check.png') no-repeat center; background-size: 100%; content: ''; top: 50%; left: 50%;-webkit-transform: translate(-30%,-60%);-moz-transform: translate(-30%,-60%); transform: translate(-30%,-60%);}
.contacts-list .list-view-btn button{width: 40px; height: 40px; background: #fff; box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1);}
.contacts-list .list-view-btn{margin-right: 0; display: none;}
.contact_card_main{width: 100%; float: left; background: #fff;box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); position: relative; border-radius: 4px; padding: 15px 10px; margin: 0px 0 -20px 0;}
.contact_card_main .name-title{position: static; display: inline-block;}
.custom_iner_check{position: relative; top: 80px; right: 20px;}
.custom_iner_check span{width: 15px; height:15px;  background: #fff; border-radius: 0 4px 0px 0;box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); position: relative; display: inline-block;}
.custom_iner_check input{display: none;}
.contact_card_main .name-title{float: left; margin: 0;}
.contact_info{width: calc(100% - 70px); float: right; margin-bottom: 0; padding-left: 0;}
.contact_info li{width: 100%; display: inline-block; float: left; color: rgba(57,56,63,.9); word-wrap: break-word;font-size: 14px;}
.contact_card_main .time-ago{float:right; text-align: right;font-size: 14px; color: rgba(57,56,63,.9);margin-top: 0; margin-right: 0;}
.tags_list{width: 100%; float: left; padding-top: 10px; padding-left: 0; margin: 0;}
.tags_list li{float: left; display: inline-block;}
.tags_list li a{font-size: 12px;color: rgba(57,56,63,.9); padding: 3px 8px; background: #fff; box-shadow: 0 13px 10px rgba(0,0,0,.04); margin-right: 5px; border: 1px solid rgba(0,0,0,.1); border-radius: 4px; margin-bottom: 10px; float: left; background-color: #e7e7e7;}
#contacts-partial-list .col-md-4:nth-child(3n+1){clear: left;}
.auto-responders-panel{width: 100%; margin: 30px 0 0;}
.auto-responders-panel .a-r-p-list{width: calc(100% - 20px);  margin-left: 20px; border-radius: 4px; background: #fff; box-shadow: 0 13px 10px rgba(0,0,0,.04); position: relative; margin-bottom: 30px;border: 1px solid rgba(0,0,0,.1);}
.auto-responders-panel .a-r-p-l-image{position: absolute; left: -15px; top: -15px; border-radius: 4px; box-shadow: 0 13px 10px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.1); width: 80px; height: 75px; padding:5px 10px; line-height: 60px; text-align: center;}
.auto-responders-panel .a-r-p-l-image img{height: auto;}
.a-r-p-l-content span{padding-left: 60px;}
.auto-responders-panel .a-r-p-list a{position: absolute; right: -1px; top: 0; width: 40px; height: 40px; background: none; border: none; box-shadow: none;}
.auto-responders-panel .a-r-p-list a:before, .auto-responders-panel .a-r-p-list .connected_btn a:before{position: absolute; width: 40px; height: 40px; background: url('../images/link-icon.png') no-repeat center; background-size: 100%; content: ''; top: 50%; left: 50%;-webkit-transform: translate(-30%,-60%);-moz-transform: translate(-30%,-60%); transform: translate(-30%,-60%);}
.auto-responders-panel .a-r-p-list .connected_btn a:before{background: url('../images/link-icon-green.png') no-repeat center; background-size: 100%;}
.auto-responders-panel .a-r-p-l-content{width: 100%; padding-left: 0;}
.campaigns_iner .campaigns-top-bar{width: auto;}
#filter-chk{margin-top: 0;width: auto;}
.dashboard-content .campaigns-top-bar{width: auto;}
.campaigns-top-bar.contact_topbar{width: 100%;}
.compagins-model:before, .compagins-model:after{display: none;}
.slider:before, .compagins-model .close, .a-r-f-btn-2.btn-danger{background:#78c040 !important; }
.a-r-f-btn-2.btn-danger:hover, .a-r-f-btn-2.btn-danger:focus, .a-r-f-btn-2.btn-danger:active, .change-pass .g-a-button .btn-danger{box-shadow: 0 13px 10px rgba(120,192,64,.1);background:#78c040 !important;}
.a-r-f-btn-2.btn-danger, .change-pass .g-a-button .btn-danger{border-color:#78c040 !important; }
.auto-r-link{border-color: #78c040; color: #78c040;}
.nav.nav-tabs > li > a:hover, .nav.tabs-vertical > li > a:hover, .nav.nav-tabs > li.active > a{background:#78c040; color: #fff !important;}
.tab-card-header > .nav-tabs > li > a{border-bottom: none;}
span.select2-selection__choice__remove{color: #78c040 !important; }
body.modal-open{overflow-y: hidden;}
html{overflow: inherit;}
.d-c-v-circle{background: rgb(33, 212, 253); box-shadow: 0 10px 8px 0 rgba(33, 212, 253,.4);}
.d-c-v-circle-2{background: rgb(255, 82, 122) !important; box-shadow: 0 10px 8px 0 rgba(255, 82, 122,.4) !important;}
.d-c-v-circle-3{background: rgb(108, 183, 51) !important; box-shadow: 0 10px 8px 0 rgba(108, 183, 51,.4) !important;}
.settings_inner{width: 100%; float: left; margin:30px 0; text-align: center;}
.settings_inner .g-a-panel{display: inline-block;}
.tab-content .settings_inner table, #emailListing table, #automationListing table, #triggerListing table, table.dataTable{width: 100% !important; background:#fff;}
.tab-content .settings_inner .table > thead > tr > th, .tab-content .settings_inner .table > tbody > tr > td, .tab-content .settings_inner .table > tbody > tr > th, #emailListing table thead tr th, #emailListing table tbody tr th, #emailListing table tbody tr td, #automationListing table thead tr th, #automationListing table tbody tr th, #automationListing table tbody tr td, #triggerListing table thead tr th, #triggerListing table tbody tr th, #triggerListing table tbody tr td{color: #39383f;}
.tab-content .settings_inner .table > thead > tr > th, .tab-content .settings_inner .table > tbody > tr > th{text-align: center;}
.tab-content .settings_inner table td a, #emailListing table td a, #automationListing table td a, #triggerListing table td a{color: #78c040;}
.tab-content .settings_inner table, .table-content table{width: 100% !important; background:#fff;}
.tab-content .settings_inner .table > thead > tr > th, .tab-content .settings_inner .table > tbody > tr > td, .tab-content .settings_inner .table > tbody > tr > th, .table-content table thead tr th, .table-content table tbody tr th, .table-content table tbody tr td{color: #39383f;}
.tab-content .settings_inner .table > thead > tr > th, .tab-content .settings_inner .table > tbody > tr > th{text-align: center;}
.tab-content .settings_inner table td a, .table-content table td a{color: #78c040;}
.tab-content .settings_inner table td a:hover, .table-content table td a:hover{color: rgba(120,192,64,.7);}
.comapgions-model .close, #emailModal .close{background: #78c040; color: #fff; }
#settingsModal .c-d-d-p-input{margin-bottom: 20px;}
.settings_page_main .dropdown.compaigns-dropdown{margin-top: 0px;}
.settings_page_main .settings_inner{margin-top: 0;}
.settings_page_main .settings_inner table{margin-top: 5px !important;}
.settings_page_main .settings_inner table td i{font-size: 18px;}
.settings_page_main .dropdown.compaigns-dropdown a{margin-right: 0;}
.change-pass{width: 100%; float: left; text-align: center;}
.change-pass .g-a-p-main{width: 500px; display: inline-block; margin: 10px 0; border-radius: 4px; box-shadow: 0 13px 10px rgba(0,0,0,.04);}
.addCampaignModal .comapgions-model .modal-content{background: #fff; border-radius: 4px;}
.addCampaignModal .comapgions-model:before, .addCampaignModal .comapgions-model:after{display: none;}
.addCampaignModal .comapgions-model .modal-content .c-m-button a{border-radius: 4px; box-shadow:0 0px 10px rgba(0,0,0,.06);}
.t-g-p-list:hover{background: #fff; box-shadow: 0 13px 10px rgba(0,0,0,.1);}
.t-g-p-list:hover .t-g-p-l-heading span{background: #fff; color:#39383f; }
#emailModal .autoresponder-model:before, #emailModal .autoresponder-model:after{display: none;}
#emailModal .a-r-form h3{color: #78c040;}
#campaignModal .select2-container .select2-selection--multiple{height: auto; min-height: 38px; display: inline-block; width: 100%;}
.modal_custom_radio{display: inline-block; float: left; clear: left; margin-bottom: 8px;}
.modal_custom_radio input{display: none;}
.modal_custom_radio span{width: 25px; height:25px; border-radius: 50%; border: 1px solid rgba(0,0,0,.1); display: inline-block;; float: left; margin-right: 10px; position: relative; background: #e4e4e4;}
.modal_custom_radio span:before{width: 10px; height: 10px; background: #78c040; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; content: ''; display: none;}
.modal_custom_radio input:checked + span:before{display: inline-block;}
.compagins-button{display: inline-block; float: right; margin-top: 10px;}
.open>.dropdown-menu{z-index: 999991;}
.templateList .t-g-p-l-image{position: relative; height: 200px !important;}
.templateList .t-g-p-l-image > img{height: 250px;}
.templateList .t-g-p-l-hover{position: absolute; width: 100%; height: 100%; /*background: rgba(0,0,0,.15);*/}
.templatHoverIner{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.templatHoverIner a{display: inline-block; padding: 2px 5px; background: #fff; border-radius: 4px; margin-right: 10px; box-shadow: 0 0 5px rgba(0,0,0,.1); height: 45px; line-height: 40px; width: 48px; text-align: center;}
.templatHoverIner a:nth-child(2){margin-right: 0;}
.templatHoverIner img{width: auto;}
.select2-container .select2-selection--multiple{min-height: 38px; height: auto;}
.autoresponder-model:before, .autoresponder-model:after{display: none;}
.autoresponder-model .close{background: #78c040;}
#settingsModal .c-d-d-p-input{margin-bottom: 0;}
#settingsModal .login-label{width: 100%; margin-top: 15px;}
#sidebar-menu > ul > li > a > i{font-size: 32px;}
.nav.navbar-nav.navbar-right li.dropdown.p-profie-drop{padding-top: 0;}
.nav.navbar-nav.navbar-right li.dropdown.p-profie-drop:after{content:'\f0d7'; font-family: 'FontAwesome'; margin: 20px 0 0 5px; float: right;}
.nav.navbar-nav.navbar-right li.dropdown.p-profie-drop a{top: 0; right: 0;}
.login-btn.btn-primary:hover, .login-btn.btn-primary:focus, .login-btn.btn-primary:active, .login-btn.btn-primary{background: #78C040 !important; box-shadow: none;}
.slider{background: #a59d9d;}
input:checked + .slider{background: #e4e4e4;}
.slider:before{background: #e4e4e4 !important;}
input:checked + .slider:before{background: #78c040 !important;}
.campaigns_iner .nav.nav-tabs.campaign_top{display: inline-block; float: left;}
.campaigns_iner .breamcrumb-link{    float: left;
    font-size: 45px;
    margin: 0px 10px 0 0;
    padding: 2px 8px;
    border-radius: 4px;
    color: rgba(159, 162, 167, .5);}
.campaigns_iner .breamcrumb-link:hover{color: #78c040;}
.select2-container--default .select2-selection--multiple ul.select2-selection__rendered{margin-top: 5px; float: left;}
.contact-content .page-content-wrapper, .contact-content{width: 100%; float: left;}
#tracking{margin-top: 15px;}
.login-input.form-control{border:none; border-bottom: 1px solid rgba(0,0,0,.1) !important; color: #343434;margin-bottom: 15px; }
button.btn-primary, a.btn-primary{background: #78c040 !important; border-color: #78c040 !important;}
button.btn-primary:hover, a.btn-primary:hover{opacity: .9;background: #78c040 !important; border-color:#78c040 !important;}
.contact_details .select2-container--default .select2-selection--multiple{border-color: rgba(0,0,0,.1); margin-top: 15px; width: 100%; display: inline-block;}
.contact_details .select2-container--default.select2-container--focus .select2-selection--multiple{border-color: rgba(0,0,0,.1);}
.contact_details .select2-container--default .select2-search--inline .select2-search__field{margin-top: 0; padding-left: 10px;}
.contact_details .select2-container--default .select2-selection--multiple .select2-selection__rendered li{margin-top: 0;font-size: 12px; margin-bottom: 5px;}
#ct_add.btn-primary{ height: 32px; line-height: 32px; padding: 0 5px; display: inline-block; border-radius: 4px; margin-top: 15px;}
.contact_details .select2-container{float: left; margin-right: 10px; max-width: 100%;}
.tags_page_cont{width: 100%; float: left; padding-top: 20px;}
.tags_page_cont span{padding: 3px 8px; background: #fff; display: inline-block; margin: 0 10px 10px 0; border-radius: 22px; box-shadow: 0 0 5px rgba(0,0,0,.05);}
.tags_page_cont span i{color: #78c040;}
.campaignTable{width: 100%; float: left; padding: 10px; background: #fff; margin: 10px 0 0;}
.campaignTable table th{color:#39383f;}
div.ranges li.active, div.ranges li:hover, div.daterangepicker td.active, div.daterangepicker td.active:hover{background: #78c040;}
.btn-success{background: #78c040 !important; border-color: #78c040 !important;}
div.daterangepicker td.in-range{background: rgba(120, 192, 64, .1);}
div.daterangepicker td.in-range.active{background: #78c040;}
div.daterangepicker td.available:hover, div.daterangepicker th.available:hover{color: #78c040;}
div.daterangepicker td.active:hover{color: #fff;}
.mobile_menu_icon{float: right; font-size: 30px; margin: 10px 10px 0 0; color: rgba(0,0,0,.3); display: none;}
.mobile_menu_icon:active, .mobile_menu_icon:hover{color: rgba(0,0,0,.4);}
.tag_delte_icon{font-size: 18px; color: rgba(0,0,0,.4);}
body.body-circle{float: left;width: 100%;}
.tag_delte_icon:hover{color: #78c040;}
.topbar, body.scrolled .topbar{z-index: 100;}
#cke_noteEditor{margin-top: 20px;}
.settings_page_main .tab-card-header .nav-tabs{float: left;}
.panel.in_active{background: rgba(255,0,0,.1);}
div.campaigns-top-bar{margin-bottom: 10px;}
label.login-label{font-size: 16px;}
/* .contacts-list #filters{float: right;} */
.contacts-list .dropdown.actions-dropdown{float: right;}
.contacts-list .dropdown.actions-dropdown button{ padding: 6px 30px;}
.list-view-btns{float: left;}
.contact_data{width: 100%; float: left; text-align: center; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.08); color: black;}
.contact_img{width: 100px; height: 100px; display: inline-block; border-radius: 50%; background: #5f9ea0; box-shadow: 0 0 5px rgba(0,0,0,.05); line-height: 100px; font-size: 30px; color: #fff;}
.contact_img img{width: 100px; height: 100px; vertical-align: top;}
.contact_name{font-size: 16px; text-transform: capitalize;  color: black; margin: 0;}
.contact_data p{margin-bottom: 0;}
.contact_campaign{width: 100%; float: left; padding: 15px 0;}
.contact_campaign h3{font-size: 18px; color: #757575; margin-top: 0;}
.contact_campaign ul{width: 100%; float: left; padding: 0; margin-bottom: 0;}
.contact_campaign ul li{width: 100%; display: inline-block; float: left;}
.contact_campaign ul li p{float: left; width: 80px;}
.contact_campaign ul li span{float: right;}
.contact_campaign.contact_tags ul li{margin-right: 5px;}
.contact_campaign.contact_tags ul li p{width: 60%;}
.contact_campaign.contact_tags ul li a{cursor: text; color: #9fa2a7;}
.a-r-form h3{color: #78c040;}
.login-heading{font-size: 18px; text-align: left;color: #78c040 !important; padding: 0; text-transform: capitalize;}
.form-group{width: 100%; display: inline-block;}
.stepsAll{width: 100%;-webkit-transform: translateX(calc(100% + 50px)); -moz-transform: translateX(calc(100% + 50px)); transform: translateX(calc(100% + 50px)); transition: all ease-in-out .5s; position: absolute; top: 70px; padding-top: 30px;}
.stepsAll.active{-webkit-transform: none; -moz-transform:none; transform:none; border-top: 1px solid #78c040;}
.stepsAll.inactive{-webkit-transform: translateX(calc(-100% - 50px)); -moz-transform: translateX(calc(-100% - 50px)); transform: translateX(calc(-100% - 50px));}
.compaign-form{width: 100%; overflow-x: hidden; position: relative; min-height: 500px;}
.compaign-form.lastStep{min-height: 700px;}
.step_btns{float:right; text-align: center;}
.step_btns a{background:rgba(216, 216, 216, 0.702); font-size: 15px; padding: 10px 25px; border-radius: 4px; color: rgba(0,0,0,.54); margin-right: 10px; display: inline-block;}
.step_btns a:last-child{background:  #78c040; color: #fff; margin-right: 0;}
.modal_custom_radio.modal_rad_with input:nth-of-type(2){display: inline-block;}
.i-l-fields{width: 50%; margin-right: 10px; display: none;}
.contact_left_main{width: 100%; float: left; background: #fff; padding: 15px 15px 0; min-height:calc(100vh - 95px);}
#settingsModal .close{    position: absolute;
    right: -25px;
    top: -25px;
    background-color:#78c040;
    box-shadow: 0 18px 62px 0 rgba(0, 0, 0, 0.31);
    color: #ffffff;
    border-radius: 50%;
    opacity: 1;
    width: 50px;
    height: 50px;
    font-size: 26px;
    font-weight: normal;
    margin: 0;}
.traffic_source_list .table.table-bordered th{overflow: auto; background: rgba(0,0,0,.05);}
.traffic_source_list{overflow-x: hidden !important; overflow-y: auto !important;}
.variation-listing:nth-of-type(3n) .traffic_source_list{left: inherit; right: 30%;}
.campaigns_iner .template-gallery-panel.templatesListing{width: 100%; display: inline-block; margin-top: 30px;}
.campaigns_iner .templateList .t-g-p-l-image{width: 100%; display: inline-block;}
.campaigns_iner .templateList .t-g-p-l-image > img{min-height: 300px; height: 300px;}
.campaigns_iner .templateList .t-g-p-l-hover{margin-top: 0;}
.select2-container--default.select2-container--focus .select2-selection--multiple{display: inline-block; width: 100%;}
.contact_details .select2-container{max-width: 400px;}
.campaign_steps{display: inline-block; text-align: center; width: 100%; padding: 0;}
.campaign_steps li{display: inline-block; margin-right: 100px; position: relative;}
.campaign_steps li:last-child{margin-right: 0;}
.campaign_steps li:before, .campaign_steps li:after{width: 51.9px; height: 4px; right: 100%; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); background:rgba(0,0,0,.2); content: ''; }
.campaign_steps li:after{right: inherit; left: 100%;}
.campaign_steps li:first-child:before, .campaign_steps li:last-child:after{display: none;}
.campaign_steps li.active a span{background:#78c040; color: #fff; }
.campaign_steps li.active a p{color: #78c040;}
.campaign_steps li.active:after, .campaign_steps li.active:before{background:#78c040;}
.campaign_steps li a{display: inline-block; cursor: default;}
.campaign_steps li a span{display: inline-block;  width: 30px; height: 30px; background: rgba(255,255,255,.5); text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 50%;}
.campaign_steps li a p{font-size: 15px; width:115px; display: inline-block; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); color: rgba(0,0,0,.5);}
#categoriestable_filter, #tagstable_filter, #domainstable_filter, #users_filter{margin-top: 10px; color: #000;}
#categoriestable_filter input, #tagstable_filter input, #domainstable_filter input, #users_filter input{color: #000;}
div.dataTables_wrapper div.dataTables_filter input{background: #fff;}
.pagination > li > a{background: #fff !important; color: rgba(0,0,0,.5) !important;}
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li > a:hover{background: #78c040 !important; color: #fff !important; border-color:#78c040 !important; }
@media only screen and (min-width:1500px){
	.campaigns_iner .panel.text-center.ab-t-p-panel .panel-heading .ab-t-p-image > img, .archived_main > img, .campaigns_iner .panel.text-center.ab-t-p-panel .panel-heading .ab-t-p-image-2 > img{min-height: 300px;}
}
@media only screen and (max-width:1500px){
	
	.archived_variation .list-group.list-group-flush{padding: 20px 0;}
	.archived_variation .list-group.list-group-flush > li{padding: 0 5px; width: 33%; float: left; text-align: center;}
}
@media only screen and (max-width:1400px){
	.stat_right{width: 70px; height: 70px; line-height: 70px; font-size: 23px;}
	.stat_left span img, .stat_left span.visits_icon img{max-width: 60px; max-height: 50px;}
	.stat_left{width: calc(100% - 80px);}
	.stat_left h3{width: 100%;}
	.conversion_stat .stat_left span{height: 60px;}
}
@media only screen and (max-width:1200px){
	div.c-t-b-search{width: 320px;}
	.campaigns_iner .nav.nav-tabs.campaign_top{margin-bottom: 10px;}
	.statics_tab .nav.nav-tabs > li > a span:first-child{
		width: 100%; line-height: inherit; display: inline-block;
	}
	.statics_tab .nav.nav-tabs > li > a span:nth-child(2){
		padding-top: 5px;
		width: 100%; display: inline-block;
	}
	
	.statics_tab .nav.nav-tabs > li > a{line-height: 20px; padding: 7px 0; text-align: center;}
}
@media only screen and (max-width:992px){
	div.c-t-b-search{float: right; margin-right: 0; clear: both; margin-bottom: 10px;}
	.campaigns-top-bar .compaigns-dropdown{clear: right;}
	#contacts-partial-list .col-md-4:nth-child(3n+1){clear: none;}
	#contacts-partial-list .col-md-4:nth-child(2n+1){clear: left;}

}
@media only screen and (max-width:767px){
	.logo{display: inline-block !important;}
	.logo-sm{display: none !important;}
	.mobile_menu_icon{display: inline-block;}
	.side-menu.left{position: absolute; width: 100%; top: 70px; left: 0; height: auto; background: #fff; padding: 15px 0; display: none; z-index: 100;}
	#sidebar-menu > ul > li > a{width: 100%; border-bottom: 1px solid rgba(0,0,0,.1); border-radius: 0;}
	.custom-sidebar li a span{position: relative; margin-right: 10px;}
	#sidebar-menu > ul > li p{display: none;}
	#sidebar-menu > ul > li a p{display: inline-block; position: static; -webkit-transform: none; -moz-transform: none; transform: none; opacity: 1; padding: 0; box-shadow: none;}
	#sidebar-menu > ul > li:nth-child(6) p{width: auto;}
	#sidebar-menu > ul > li p:before{display: none;}
	.c-top-head span{font-size: 20px; }
	.c-top-head{padding-top: 25px;}
	.contact_topbar div.c-t-b-search, .contact_topbar .compaigns-dropdown{width: 100%;}
	.daterangepicker.dropdown-menu{top: 200px !important;}
	.campaigns_iner .nav-tabs.campaign_top>li a{padding: 0 10px;}
}
@media only screen and (max-width:577px){
	div.c-t-b-search, input.datepicker.form-control.c-t-b-s-input, .compaigns-dropdown a, .compaigns-dropdown{width: 100%; margin-bottom: 10px; margin-right: 0;}
	.compaigns-dropdown a{margin-bottom: 0;}
	.campaigns-top-bar{margin-bottom: 5px;}
	.c-top-head{padding-top: 20px;}
	.variations_tab input.datepicker.form-control.c-t-b-s-input{margin-bottom: 0;}
	.variations_tab .compaigns-dropdown, .variations_tab .campaigns-top-bar{width: 100%;}
	#sidebar-menu{padding-bottom: 0;}
	#users_listing{width: 100%; overflow-x: auto;}
	.domain_srch_top{width: 100%; margin-bottom: 10px;}
	.domain_top button.btn{width: 100%;}
	.campaigns_iner .nav-tabs.campaign_top>li{margin-bottom: 10px;}
	.contact_details .select2-container{min-width: 100% !important;}
	#ct_add.btn-primary{width: 100%; margin-top: 0; text-align: center;}
	.contact_details .campaignTable{overflow-x: auto;}
}

.email_status_topbar input.datepicker.form-control.c-t-b-s-input{margin-right: 12px; margin-left: 140px; float: left; width: 240px;}


/* Start Table width, alignment */
table tbody tr{
	color: #39383f !important;
}
.col-w-2{
	width: 2% !important;
}
.col-w-3{
	width: 3% !important;
}
.col-w-4{
	width: 4% !important;
}
.col-w-5{
	width: 5% !important;
}
.col-w-6{
	width: 6% !important;
}
.col-w-7{
	width: 7% !important;
}
.col-w-10{
	width: 10% !important;
}
.col-w-12{
	width: 12% !important;
}
.col-w-14{
	width: 14% !important;
}
.col-w-15{
	width: 15% !important;
}
.col-w-25{
	width: 25% !important;
}
.col-w-30{
	width: 30% !important;
}
.col-w-35{
	width: 35% !important;
}
.col-w-40{
	width: 40% !important;
}
.col-w-50{
	width: 50% !important;
}
.col-w-60{
	width: 60% !important;
}
.col-w-70{
	width: 70% !important;
}
.row-align-left{
	text-align: left !important;
}
.col-align-left{
	text-align: left !important;
}
.col-align-center{
	text-align: center !important;
}
.col-align-right{
	text-align: right !important;
}
.col-padding-right{
	padding-right: 7% !important;
}
.col-action-color a{
	color: #78c040 !important;
}
/* End Table width, alignment */

label.heading{
	color: #78c040;
	font-size: 16px !important;
	font-weight: 400 !important;
}
.c-d-d-p-label{
	font-size: 14px !important;
	/* font-weight: 500 !important; */
}
.c-d-d-p-input{
	font-size: 15px !important;
}
input.disabled{
	background-color: #efefef !important;
}

/* status colors */
.status-pending{
	color: orange !important;
}
.status-success, .status-active{
	color: #78c040 !important;
}
.status-failed{
	color: red !important;
}


/* label error */
label.error{
	font-size: 14px !important;
}

.t-g-p-l-heading span {
	padding: 70px 15px 20px !important;
}

.float-right{
	float: right;
}

.color-black{
	color: black;
}
.border-none{
	border: none;
}
.input-border-bottom{
	border-bottom: 1px solid rgba(0, 0, 0, .4) !important;
}

.contact_left_main .contact_campaign { border-bottom: 1px solid rgba(0,0,0,.08); }
.contact_left_main .contact_campaign:last-child { border: none; }

#side-info-list li span{
	float: left;
	width: 257px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#side-info-list input{
	width: 192px;
	border: none;
}
#side-info-list i{
	position: absolute;
    right: 20px;
    font-size: 16px;
}

.d-none{
	display: none;
}
.d-block{
	display: block;
}

.tracking-content em{
	float: none !important;
	font-style: normal !important;
	font-weight: 100 !important;
	font-size: 16px !important;
}

.dataTable th{
	color: black;
}
.label-success {
    background-color: #5cb85c;
}


.order_search_main{
	display: flex;
    /* align-items: center; */
    justify-content: flex-end;
}
.contact_topbar .order_search_main div.c-t-b-search {
    width: 20%;
}
.contact_topbar .order_search_main .c-t-b-search .form-control {
    width: 100%;
    float: unset;
}
.order_search_main #autocomplete{
	width: 1000px;
    right: 0;
	height: 500px;
    overflow: auto;
}
.contact_topbar .order_search_main .compaigns-dropdown {
    float: unset;
    width: 300px;
}
.contact_topbar .order_search_main input.datepicker.form-control.c-t-b-s-input {
    margin-right: 0;
    margin-left: 0px;
    float: unset;
    width: 100%;
}


table.table-condensed month{
    color: black;
}
table.table-condensed tr th{
    color: black;
}

/* .side-menu.left::-webkit-scrollbar {
	width: 0;
}
.side-menu.left::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.side-menu.left::-webkit-scrollbar-thumb {
	background-color: #d9dbdb;
} */

table tr:hover{
    background-color: #efefef !important;
}


#autocomplete{
	position: absolute;
	width: 800px;
	background: white;
	top: 50px;
	display: none;
	border: 2px solid #cfcece;
	box-shadow: 1px 4px 14px;
	right: 0;
	max-height: 500px;
    overflow: auto;
}
#autocomplete table th,  #autocomplete table td{
	color: rgb(65, 64, 64);
}
#autocomplete table em{
	background-color: rgb(227 225 218);
}
#autocomplete span{
	float: right;
	margin: 10px;
	color: black;
}
#autocomplete .close-btn:hover{
	cursor: pointer;
}
.contact_card_main:hover, .row_card_search:hover{
	cursor: pointer;

}
.topbar-search{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 5px;
}
.contact-del-icon{
	float: right;
	position: absolute;
	right:5px;
	top: 5px;
}
#del-contact > i{
	font-size: 20px;
}
.timeline-user-info{
	margin-left: 10px;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
  }

  #suggesstion-box{
	width: 100%;
    position: absolute;
    height: 300px;
    z-index: 9999;
    overflow: scroll;
	overflow-x: hidden;
	display: none;
  }

  .contact-total-spent{
	position: absolute;
    right: 10px;
    bottom: 10px;
	color: black;
  }