/* Write your custom CSS here */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	letter-spacing: 0.5px;
}

body, p {
	font-size: 14px;
	letter-spacing: 0.5px;
}

#loading_msg
{
	position: fixed;
    top: 0;
    z-index: 11111;
    text-align: center;
    width: 100%;
    white-space:nowrap;
    padding:3px 0px;
}
#loading_msg > span
{
	background: #F9EDBE;
    border:1px solid #F0C363;
    color: #222;
    padding: 10px 50px 5px 50px;
    border-top: 0;
    font-size:14px;
    font-weight:bold;
}

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

.text-white {
	color: #fff !important;
}

.no-p {
	padding: 0px !important;
}
.no-p-l {
	padding-left: 0px !important;
}
.no-p-r {
	padding-right: 0px !important;
}
.no-p-b {
	padding-bottom: 0px !important;
}
.no-p-t {
	padding-top: 0px !important;
}
.no-m {
	margin: 0px !important;
}
.no-m-l {
	margin-left: 0px !important;
}
.no-m-r {
	margin-right: 0px !important;
}
.no-m-t {
	margin-top: 0px !important;
}
.no-m-b {
	margin-bottom: 0px !important;
}

.text-primary {
	color: #499DF3 !important;
}

.alert {
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid transparent;
}

.bg-danger {
    background-color: #f25656 !important;
    color: #fff !important;
}

.disp-block {
	width: 100% !important;
}

/*
#loading {
    position: fixed;
    top: 0;
    z-index: 11111;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    padding: 3px 0px;
}
*/

#loading .modal-dialog .modal-content {
	background-color: transparent;
	box-shadow: none;
}
#loading > span {
    background: #F9EDBE;
    border: 1px solid #F0C363;
    color: #222;
    padding: 10px 50px 5px 50px;
    border-top: 0;
    font-size: 14px;
    font-weight: bold;
}

.login-box {
	webkit-box-shadow: 0 3px 50px rgba(0,0,0,.08);
    box-shadow: 0 3px 50px rgba(0,0,0,.08);
    border: 0!important;
    border-radius: 8px;
    background-color: #fff;
    margin: 35px 0px;
}

.login-box .heading {
	text-align: center;
	margin: 10px 0px 30px 0px;
}

.login-box-top {
	padding-top: 3%;
}

.login-box-top .login-logo {
	height: 60px;
	display: block;
	vertical-align: middle;
}

.login-box-top .login-logo .logo {
	max-width: 100%;
	max-height: 100%;
	margin-right: 10px;
}

.login-box-top .login-logo .logo-name {
	vertical-align: middle;
	text-decoration: underline;
	display: inline-block;
	font-size: 24px;
}

#error_message_box .modal-content {
	border-radius: 7px;
}

#error_message_box .modal-header {
	height: auto;
	border-radius: 7px 7px 0px 0px;
	font-size: 20px;
	text-align: center;
}

#error_message_box .modal-body {
	padding-bottom: 0px;
	padding-top: 15px;
}


#error_message_box .dismiss-btn {
	padding: 5px 25px;
    font-weight: 600;
    background: transparent;
    border-color: #f25656 !important;
    color: #f25656;
}

#error_message_box ul {
	list-style-type: none;
    padding: 0;
}

#error_message_box ul li {
	padding: 5px;
	color: color: #4E5E6A;
}

#error_message_box ul li > i {
    color: #f25656 !important;
    padding-right: 10px;
}

.cust-heading-block {
	/* padding: 0px 7px; */
	padding: 0px;
	display: block;
	overflow: hidden;
}

.cust-heading-block h3 {
	margin: 07px 0px;
}

.cust-heading-block.border {
	border-bottom: 2px solid #808080e0;
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}

.page-horizontal-bar.page-header-fixed .horizontal-bar,
.horizontal-bar {
	padding-top: 10px;
}

.page-title-block {
	padding: 7px 20px;
	border-bottom: 1px solid #e9e9e9
}

.page-title-block h3 {
	font-size: 24px;
    font-weight: 400;
    color: #74767d;
    padding: 0;
    margin: 0;
    line-height: 36px;
}

.page-breadcrumb {
	background: transparent;
	border: none;
	padding: 8px 0px;
}

tr.group, tr.group:hover{
	background-color: #fff !important;
    font-weight: bold;
    font-size: 15px;
}
.page-horizontal-bar.page-header-fixed.compact-menu .page-inner
{
	padding:65px 0 50px;
}
.navbar .open .dropdown-menu
{
	margin-top:10px !important;
}

.menu.accordion-menu li a > p {
	font-weight: 600;
}

.menu.accordion-menu ul li a:hover, .menu.accordion-menu ul li.active a, .menu.accordion-menu>li.active.open>a, .menu.accordion-menu>li.active>a, .menu.accordion-menu>li.open>a, .menu.accordion-menu>li>a:hover {
    color: #5f5f5f;
}

.menu.accordion-menu ul li a:hover, .menu.accordion-menu ul li.active>a, .menu.accordion-menu>li.active.open>a, .menu.accordion-menu>li.active>a, .menu.accordion-menu>li.open>a, .menu.accordion-menu>li>a:hover {
    color: rgb(73, 157, 243) !important;
}

.form-horizontal .radio{
	padding-top: 4px;	
}
.logo-box{
	z-index:999;
}
.logo-box > a
{
	display:table-cell;
	height:60px;
}
.logo-box > a >img
{
	height:33px !important;
}

.user-box{
	position: absolute;
	right: 15px;
	top: 5px;
	z-index:999;
}

.panel-green {
	background: #13D0AB !important;
}

.panel-royal-blue {
	background: rgb(73, 157, 243) !important;
}

.dashboard .info-box .counter {
	font-size: 42px;
    font-weight: 900;
    padding-top: 15px;
}

.dashboard .info-box .info-box-icon {
	position: absolute;
    right: 0;
}

.dashboard .info-box span.info-box-title {
	padding-top: 05px;
    font-size: 14px;
}

.dashboard .info-box .counter,
.dashboard .info-box span.info-box-title {
	color: #fff;
}

.dashboard .info-box .info-box-icon i {
	font-size: 50px;
    color: rgba(0,0,0,0.15)	
}

#dashboard .panel.info-box {
	border: 1px solid transparent !important;
}

.info-box .title {
	border: none;
    padding-bottom: 15px;;
    font-size: 24px;
    font-weight: 400;
    color: #74767d;
    margin: 0;
    line-height: 36px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.info-box-cust .panel-body {
	padding: 10px 20px;
}
.info-box-cust ul li {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.btn-default {
	border: 1px solid #e5e5e5 !important;
}

.btn-success,
.toast-success {
	background-color: #13D0AB;
}

.label.label-success {
	background: #13D0AB;
}

.text-success {
	color: #13D0AB;
}

.progress-bar-success {
	background-color: #13D0AB;	
}
.btn-orange {
	background-color: #F19958;
	color: #fff;
}
.btn-orange:active, .btn-orange:focus, .btn-orange:hover {
    background: #EE802F;
    color: #fff;
}

.btn-brown{
	background-color: #a2802f;
	color: #fff;
}

.btn-brown:active, .btn-brown:focus, .btn-brown:hover {
    background: #936D13;
    color: #fff;
}

.nav-tabs>li.active>a {
	font-weight: bold;
}

/* datatable custom css */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{background-color: #e0eaf5}

table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover{background-color:#c2d7ef}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color: #c2d7ef;}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#e0eaf5}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1{background-color:#c2d7ef}

table.dataTable thead th,table.dataTable thead td,table.table thead th,table.tablethead td,table.dataTable.no-footer{border-bottom: 1px solid rgb(73, 157, 243);}
table.dataTable tfoot th,table.dataTable tfoot td ,table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td,table.table tfoot th,table.table tfoot td ,table.table tbody th, table.table tbody td, table.table tbody tr, table.table tbody tr td{border-top: 1px solid rgb(73, 157, 243);}
table.table:not(.dataTable) tbody tr:last-child td {
	border-bottom: 1px solid rgb(73, 157, 243);
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:none;}
.table-bordered{border:1px solid rgb(73, 157, 243)}
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom: 1px solid rgb(73, 157, 243);}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-left:1px solid rgb(73, 157, 243) !important;border-top:1px solid rgb(73, 157, 243) !important;}
.table-bordered>tbody>tr>td:last-child, .table-bordered>tbody>tr>th:last-child, .table-bordered>tfoot>tr>td:last-child, .table-bordered>tfoot>tr>th:last-child, .table-bordered>thead>tr>td:last-child, .table-bordered>thead>tr>th:last-child{border-right:1px solid rgb(73, 157, 243) !important;}

.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px 5px !important;
}

.top-pagination,.dataTables-footer
{
	clear:both;
	padding: 10px 0px;
	overflow: hidden;
	border-top: 1px solid rgb(73, 157, 243);
	border-bottom: 1px solid rgb(73, 157, 243);
}
.top-length
{
	overflow: hidden;  
	padding:3.25px 0 0 0;
}
.dataTables-header .top-length .dataTables_info
{
	clear:none !important;
	padding-top:0.55em;
	margin-left:20px;
}
.dataTables-header,.dataTables_filter
{
	overflow: hidden;   
    margin: 0px 0px 10px 0px;
   
}
.dataTables-footer
{
	 margin: 10px 0px 0px 0px;
}
.fa-backward,.fa-forward,.fa-fast-backward,.fa-fast-forward
{
	color:rgb(59, 149, 242);
}
.fa-backward:hover,.fa-forward:hover,.fa-fast-backward:hover,.fa-fast-forward:hover
{
	color: #fff !important;
} 
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
	color: #fff !important;
	font-weight: 600;
    border: 1px solid rgba(59, 149, 242);
    background: rgba(59, 149, 242) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	color: #fff !important;
    background: #c2d7ef !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border: 1px solid transparent;
}
.toolbar {
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
    margin: 10px 0px;
}
/* end datatable custom css */

.modal .modal-header,
.panel .panel-heading {
    height: 40px;
    padding: 10px 20px;
    color: #fff;
    background-color: rgb(73, 157, 243);
}

.panel .panel-heading .panel-title {
	line-height: 20px;
}

.page-footer {
	padding: 15px;	
}

.btn {
	border-radius: 5px;
    border: 1px solid transparent;
    font-size: 14px;
    padding: 4px 12px;
}

.btn-addon i {
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	height: 31px !important;
    line-height: 31px !important;
    margin: -5px 12px -7px -13px !important;
}

.btn-xs {
	font-size: 12px;
	padding: 1px 5px;
	font-weight: 300;
}

.btn-sm {
	padding: 5px 10px;
}

.btn-lg {
	padding: 10px 16px;
}

.btn-google-contact {
	background-color: #2E57CB;
	color: #fff;
}

.btn-google-contact:hover {
	color: #fff;
	background-color: #254dbd
}


.bg-primary, .btn-primary, .panel-primary .panel-heading, .label.label-primary, .icon-state-primary, .badge.badge-primary {
	background-color: rgb(73, 157, 243);
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background-color: rgb(59, 149, 242);
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: rgb(73, 157, 243);
}

.action-btn {
	padding: 0px 2px 0px 2px;
    width: 20px;
    margin: 2px 2px 2px 2px;
}

.error-box .heading {
	margin: 0;
    color: red;
    font-weight: 600;
    padding-bottom: 15px;
}

.error-box .heading > i {
	margin-right: 15px;
    top: 3px;
}

.error-box ul {
	padding-left: 20px !important;
}

.error-box ul li {
	margin-bottom: 7px;
}

.toast-success {
	background-color: #13D0AB;	
}

.nav-tabs, .nav-tabs>li>a  {
    border-bottom: 1px solid rgb(73, 157, 243) !important;
}

.nav-tabs>li>a:hover {
	border-radius: 5px 5px 0px 0px !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: 1px solid rgb(73, 157, 243) !important;
	border-bottom-color: transparent !important;
	border-radius: 5px 5px 0px 0px !important;	
}

.make-payment:hover {
	color: #fff;
}

.modal-vertical-align-wrapper {
    display:table;
    height: 100%;
    width: 100%;
}
.modal-vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}

.subscription-plans .cd-pricing-wrapper li:before {
	width: 0px;
}

.subscription-plans .cd-pricing-wrapper li {
    border-radius: 5px 4px 6px 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    background-color: transparent;
    outline: 1px solid transparent;
    list-style-type: none;
	border: 1px solid #3B95F2;
}

.subscription-plans .cd-pricing-wrapper footer {
	padding-bottom: 0px;
}

#lead_details ul, #customer_details ul, #list ul {
	padding: 0;
    list-style: none
}


#lead_details ul li, #customer_details ul li, #list ul li {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

#lead_details ul li > .label, #customer_details ul li > .label, #list ul li > .label {
	color: #000;
	width: 35%;
	float: left;
	display: block;
}

#lead_details ul li > .value, #customer_details ul li > .value, #list ul li > .value {
	color: #000;
	width: 65%;
	float: left;
	display: block;
}

#lead_details ul li.bg-danger > .value,
#lead_details ul li.bg-danger > .label,
#customer_details ul li.bg-danger > .value,
#customer_details ul li.bg-danger > .label,
#list ul li.bg-danger > .value,
#list ul li.bg-danger > .label {
	color: #fff !important;
}

#lead_details a#editLead, 
#lead_details a#editLead label {
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
	#lead_details ul li > .label,
	#lead_details ul li > .value,
	#customer_details ul li > .label,
	#customer_details ul li > .value,
	#list ul li > .label,
	#list ul li > .value {
		width: 100%;
		padding: .2em 0em .3em;
	}
}



#lead_details ul li > .label,
#lead_details ul li > .value,
#customer_details ul li > .label,
#customer_details ul li > .value,
#list ul li > .label,
#list ul li > .value {
	font-size: 14px;
	text-align: left;
	word-break: break-word;
    white-space: normal;
}

#integrations .no-integrations {
	padding: 50px;
	text-align: center;
}

#integrations .no-integrations div {
	margin-bottom: 20px;
}

#integrations .no-integrations div.icon {
	font-size: 42px;
}

#integrations .no-integrations div.msg {
	font-size: 28px;
}


#integrations .list-table .row {
	margin: 15px 0px 25px;
	border: 1px solid #ccc;
	border-radius : 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

#integrations .list-table .row .col {
	padding: 25px;
	height: 80px;
}

#integrations .list-table .row .col a {
	line-height: 30px;
}

#integrations .list-table .row .col button {
	width: 30px;
	height: 30px;
}


#integrations .int-icon {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
}

#integrations .int-icon > img {
	max-width: 100%;
	max-height: 100%;
}

#integrations .int-icon-sep {
	width: 20px;
    height: 20px;
    float: left;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    margin: 5px;
    border-radius: 50%;
    background: #317298;
    color: #fff;
}

#integrations .app1:before {
	content: '\21D2';
}

#integrations .app2:before {
	content: '\0032';
}

#integrations .app3:before {
	content: '\0033';
}

#integrations .app4:before {
	content: '\0034';
}

#integrations .app5:before {
	content: '\0035';
}

#integrations .app6:before {
	content: '\0036';
}

#integrations .app7:before {
	content: '\0037';
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin: 0px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #13D0AB;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

.action-btn-big {
	width: 30px;
	height: 30px;
}

#edit_integration .panel-heading .logo,
#integration_info .panel-heading .logo {
    height: 30px;
    float: left;
    margin-right: 8px;
}

#edit_integration .panel-heading,
#integration_info .panel-heading {
	border-bottom: 1px solid #e9e9e9!important;
    padding: 5px 20px;
    height: 40px;
}

#edit_integration .panel-heading .panel-title.with-logo,
#integration_info .panel-heading .panel-title.with-logo {
	line-height: 29px;
    display: inline-block;
}

#edit_integration .arrows,
#edit_automation .arrows {
	height: 40px;
    position: relative;
}

#edit_integration .arrows .border,
#edit_automation .arrows .border {
	height: 50px;
    border: 2px solid #80808087;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#edit_automation .box:last-child .arrows .border {
	height: 25px !important;
}

#edit_integration .arrows > img,
#edit_automation .arrows > img{
	position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#edit_integration .arrows.last .border,
#edit_automation .arrows.last .border {
	height: 25px !important;
}

#edit_integration .integration-app-block .panel {
    margin-bottom: 0px;
}

#edit_integration .integration-app-block .messages {
	max-height: 100% !important;
}

#task_history .list-table .row.heading {
    padding-bottom: 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #354147;
}

#task_history .list-table .row.data-row {
	padding: 10px 0px;
	border-top: 1px solid #ccc;
	line-height: 28px;
	font-size: 16px;
}

#task_history .list-table .row.data-row:last-child {
	border-bottom: 1px solid #ccc;
}

#task_history .list-table .row.data-row .status-icon > span{
	color: gray;
	font-weight: 600;
	margin-left: 10px;
}

#integrationTasks .timeline .status-label a {
	font-weight: bold;
    font-size: 20px;
    margin-left: 15px;
    margin-right: 10px;
    vertical-align: middle;
}

#task_detail .timeline-body .tab-content ul {
	padding: 0;
    list-style-type: none;
}

#task_detail .timeline-body .tab-content ul li {
	padding: 7px 0px;
	font-size: 16px;
}
#task_detail .timeline-body .tab-content ul li .label-cust {
	margin-right: 15px;
}
#task_detail .timeline .task-info {
	font-size: 26px;
	padding: 05px 0px 15px 0px;
}

.timeline {
	position:relative;
	margin:0 0 30px 0;
	padding:0;
	list-style:none
}

.timeline:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:4px;
	background:#ddd;
	left:31px;
	margin:0;
	border-radius:2px
}
.timeline>li {
	position:relative;
	margin-right:10px;
	margin-bottom:15px
}
.timeline>li:before,.timeline>li:after {
	content:" ";
	display:table
}
.timeline>li:after {
	clear:both
}
.timeline>li>.timeline-item {
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	border-radius:3px;
	margin-top:0;
	background:#fff;
	color:#444;
	margin-left:60px;
	margin-right:15px;
	padding:0;
	position:relative
}
.timeline>li>.timeline-item>.time {
	color:#999;
	float:right;
	padding:10px;
	font-size:12px
}

.timeline>li>.timeline-item>.timeline-header {
	margin:0;
	color:#555;
	border-bottom:1px solid #f4f4f4;
	padding:10px;
	font-size:16px;
	line-height:1.1
}

.timeline>li>.timeline-item>.timeline-header>a {
	font-weight:600
}

.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer {
	padding:10px
}

.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion {
	width:30px;
	height:30px;
	position:absolute;
	left:18px;
	top:0
}

.timeline>.time-label>span a {
	color: #fff;	
}

.timeline>.time-label>span {
	font-weight:600;
	padding: 5px 20px;
	display:inline-block;
	border-radius: 5px;
	color: #fff;
}

.timeline-inverse>li>.timeline-item {
	background:#f0f0f0;
	border:1px solid #ddd;
	-webkit-box-shadow:none;
	box-shadow:none
}

.timeline-inverse>li>.timeline-item>.timeline-header {
	border-bottom-color:#ddd
}

.cust-heading-block .mailgun-logo {
    height: 30px;
    float: left;
    margin-right: 8px;
}

.cust-heading-block .clicksend-logo {
    height: 20px;
    float: left;
    margin-right: 8px;
    margin-top: 8px;
}

#integration_info .panel {
	margin-bottom: 0px;
}

#integration_info ul li {
	padding: 2px;
}

#integration_info ul li .label-cust {
	margin-right: 07px;
}

#integration_info .box-header {
	padding: 3px 10px;
}

#integration_info .arrow {
	text-align: center;
	color: #80808087;
	height: 20px;
}
#integration_info .arrow .glyphicon-arrow-down {
	font-size: 20px;
}

.b {
	border: 1px solid #f1f1f1 !important;
}

#toast-container>div {
	opacity: 1;
}

#editor {
	height: 600px;
}

#template_list .template {
	padding-bottom: 15px;
}

#template_list .template-box {
	padding: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 5px; 
	cursor: pointer;
}

#template_list .template-box img {
	max-width: 100%;
}

#template_list .template-box .template-img-box {
	max-width: 280px;
	height: 250px;
	background: #E7E7E7;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

#template_list .template-box .template-img-box img{
	max-width: 100%;
	max-height: 100%;
}

#template_list .template-box .template-img-box .hover-box {
	display: none;
	padding: 85px 25px 25px;
	background-color: rgb(23,23,20,0.6);
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}

#template_list .template-box .template-img-box:hover .hover-box {
	display: block;
	
}

#template_list .template-box .template-desc-box {
	height: 90px;
	padding-top: 10px;
	overflow: hidden;
}

#email_setting_edit .template-box {
	width: 150px;
	height: 150px;
	background: #E7E7E7;
	text-align: center;
}

#email_setting_edit .template-box > img {
	cursor: pointer;
	max-width: 100%;
	max-height: 100%;
}

#email_setting_edit .control-label-cust {
	padding-top: 2px !important;
}

#system_email_templates_popup .modal-body .img-box,
#agent_email_templates_popup .modal-body .img-box,
#email_templates_popup .modal-body .img-box {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 15px;
	cursor: pointer;
	text-align: center;
}

#system_email_templates_popup .modal-body .box,
#agent_email_templates_popup .modal-body .box,
#email_templates_popup .modal-body .box {
	border: 1px solid #e9e9e9;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;    
}

#system_email_templates_popup .modal-body .box.selected,
#agent_email_templates_popup .modal-body .box.selected,
#email_templates_popup .modal-body .box.selected {
	border-color: #499DF3;
}

#system_email_templates_popup .modal-body .name,
#agent_email_templates_popup .modal-body .name,
#email_templates_popup .modal-body .name {
	height: 40px;
	overflow: hidden;
}

#system_email_templates_popup .modal-body img,
#agent_email_templates_popup .modal-body img,
#email_templates_popup .modal-body img {
	max-width: 100%;
	max-height: 100%;
}

#agent_integrations #integration_info {
	overflow: auto;
}

#folloup_profile [type="file"], #unbranded_profile [type="file"] {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0px;
    padding: 0px !important;
}

.img-upload-preview {
	padding: 0px;
	cursor: pointer;
	margin-bottom: 07px;
}

.img-upload-preview .preview-box {
	max-width: 600px;
    max-height: 120px;
    width: auto;
    height: auto;
}

.img-upload-preview .preview-box img {
	max-width: 100%;
	max-height: 120px;
}

#duplicate_from_default .form-group label {
	display: block;
}

#edit_automation #settings {
	border-right: 5px solid #e9e9e9;
	padding: 0px 30px;
}

#edit_automation #settings, 
#edit_automation #steps {
	overflow: auto;
}

#edit_automation .box.top-box .desc {
	width: 240px;
    margin: 0 auto;
    padding: 0px;
    border: 1px solid #e9e9e9;
    background: #fff;
    cursor: pointer;
    position: relative;
    padding: 15px;
    text-align: center;
}

#edit_automation .box.top-box .desc .glyphicon {
	display: block;
    color: #13D0AB;
    padding-bottom: 10px;
    font-size: 28px;
}

#edit_automation .box .desc.delay {
	width: 220px;
    border-radius: 31.25rem;
    padding: 0px 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 58px;
    border: 1px solid #e9e9e9;
    background: #fff;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

#edit_automation .box .desc.delay .icon-clock {
	font-size: 22px;
    vertical-align: middle;
    padding-right: 5px;
}

#edit_automation .box .desc.email {
	width: 240px;
	height: 245px;
	overflow: hidden;
    margin: 0 auto;
    padding: 0px;
    border: 1px solid #e9e9e9;
    background: #fff;
    cursor: pointer;
    position: relative;
}

#edit_automation .box .desc.email .thumbnail-preview {
	height: 185px;
	overflow: hidden;
}

#edit_automation .box .desc.email .thumbnail-preview .icon-envelope {
	display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 60px;
    padding-top: 60px;
    color: #e9e9e9;
}

#edit_automation .box .desc.email .text {
	padding: 10px;
    height: 58px;
    display: block;
    border-top: 1px solid #e9e9e9;
}

#edit_automation .box .desc.email img{
	width: 100%;
	max-width: 240px;
	height: auto;
}

#edit_automation .box .desc.active
{
	border-color: rgb(73, 157, 243);
}

#edit_automation .box .desc .delete {
	position: absolute;
    top: 6px;
    right: 10px;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    color: #777;
    display: none;
    background: #fff;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    line-height: 25px;
    text-align: center;
}

#edit_automation .box .desc.delay .delete {
	top: 15px;
}

#edit_automation .box .desc .delete span.fa.fa-close {
	font-size: 24px;
}

#edit_automation .box .desc:hover .delete {
	display: block !important;
}

#edit_automation .arrows {
	height: 40px;
    position: relative;
}

#edit_integration .arrows .border {
    height: 50px;
    border: 2px solid #80808087;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#journey_step_popup .journey-step-button {
	text-align: center;
    padding: 10px;	
}

#journey_step_popup .journey-step-button .icon {
	font-size: 50px;
    display: block;
    padding-bottom: 10px;
}

#step_settings input, #step_settings select {
	height: 42px;
}

#step_settings .template-box {
    width: 150px;
    height: 150px;
    background: #E7E7E7;
    text-align: center;
    overflow: hidden;
}

#step_settings .template-box img {
	cursor: pointer;
    width: 100%;
    max-width: 150px;
    height: auto;
}

#automationState h3 {
	padding-bottom: 10px;
}

#automationState .info-box {
	padding: 15px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin-bottom: 25px;
}

#automationState .state-label,
.step-email-summary .state-label {
	padding-bottom: 7px;
}

#automationState hr {
	border: 1px solid #e9e9e9;
}

#automationState .state-label,
#automationState .state-value,
.step-email-summary .state-label,
.step-email-summary .state-value {
	display: block;
	font-size: 14px;
    font-weight: 600; 
}

#automationState .state-block {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #e9e9e9;
}

.step-email-summary .summary-title {
	margin: 0px 0px 20px 0px;
}

.info-box .info-box-stats .counter {
	color: #fff;
    font-size: 38px;
    font-weight: 900;
    padding-top: 15px;
}

.info-box .info-box-stats .info-box-title {
	color: #fff !important;
    padding-top: 15px;
    font-size: 14px !important;
}

.info-box .info-box-icon {
	position: absolute;
    right: 0;
}

.info-box .info-box-icon .fa{
	font-size: 99px;
    color: rgba(0,0,0,0.15);
}	

#automation_report #stepStats .list-table .step-stats-row {
	margin: 15px 0px 25px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 20px 0px;
}


#signup_step1 .half {
	width: 48%;
}

#signup_step1 .form-group.phone.country-select {
	width: 17%;
}

#signup_step1 .form-group.phone.phone-input {
	width: 79%;
}

#signup_verify_phone form#verification_form input {
	height: 90px;
    font-size: 60px;
    text-align: center;
    font-weight: 900;	
}

#signup_verify_phone .login-box #message {
	height: 100px;
}

#signup_verify_phone .login-box #message p {
	margin-bottom: 2px;
}

#signup_add_payment_info .stripe-logo img {
	max-width: 100%;
}

#signup_add_payment_info form label.error {
	width: 100%;
	display: block;
	overflow: hidden;
	color: #f25656 !important;
}

#signup_add_payment_info form .expiration-date label {
	width: 100%;
}

#signup_add_payment_info form .expiration-date .card-expiry-separator {
	width: 10px;
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0px 2px;
    text-align: center;
}

#signup_add_payment_info form .expiration-date .month,
#signup_add_payment_info form .expiration-date .year {
	width: 50px;
	float: left;
}

.admin-login,
.crm-login {
	padding-top: 10%;
	text-align: center;	
}

.admin-login .login-logo,
.crm-login .login-logo {
	height: 60px;
	display: block;
	vertical-align: middle;
	padding-bottom: 15px;
}

.admin-login .login-logo .logo,
.crm-login .login-logo .logo {
	max-width: 100%;
	max-height: 100%;
	margin-right: 10px;
}

.admin-login .login-logo .logo-name,
.crm-login .login-logo .logo-name {
	vertical-align: middle;
	text-decoration: underline;
	display: inline-block;
}

#leads_table tr.invalid-cea,
#leads_table tr.invalid-cea .sorting_1 {
	background: #ebccd1;
	color: #a94442;
}

ul.more_action_options {
	display: block;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0px;
}

.more_action_options > li {
	padding: 2px 0px;
    display: block;
}

.cluetip-rounded {
    border: 1px solid #3b95f2 !important;
}

.cluetip-rounded .cluetip-arrows {
    border-color: #3b95f2 !important;
}

div.clue-left-rounded .cluetip-arrows {
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

div.clue-right-rounded .cluetip-arrows {
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
}

#subscribersLists .form-group:last-child img {
	display: none;
}

#subscribersLists .list-box {
	border-radius: 31.25rem;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    line-height: 58px;
    border: 1px solid #499df3;
    background: #fff;
    margin: 0 auto;
    position: relative;
}

#subscribersLists .list-box p {
	margin: 0;
    font-weight: 600;
}

#subscribersLists .list-box .delete {
	position: absolute;
    right: 10px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background: transparent;
    line-height: 21px;
}

#subscribersLists .subscribers-list .arrows {
	height: 30px;
    position: relative;
}

#subscribersLists .subscribers-list .arrows .border {
	height: 40px;
    border: 2px solid #80808087;
    width: 1px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#subscribersLists .subscribers-list .arrows img {
	position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#subscribersLists .subscribers-list:last-child .arrows .border {
	height: 20px !important;
}

#rsscampaign .heading,
#campaign .heading,
#social_media_rss_setup .heading {
	padding: 0px 20px 20px;
}

#rsscampaign .box,
#campaign .box,
#sms_automation .box,
#social_media_rss_setup .box,
.form .box {
	padding: 20px;
    border: 1px solid #499df3;
    border-radius: 5px;
}

#rsscampaign #preview .feed-results,
#social_media_rss_setup #preview .rss-results {
	padding: 10px 20px;
}

#rsscampaign #preview .feed-results ul,
#social_media_rss_setup #preview .rss-results ul {
	list-style: none;
    padding: 0px;
    border: 1px solid #e9e9e9;
}

#rsscampaign #preview .feed-results ul li,
#social_media_rss_setup #preview .rss-results ul li {
	padding: 7px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 12px;
}

#rsscampaign #preview .feed-results ul li:last-child,
#social_media_rss_setup #preview .rss-results ul li:last-child {
	border-bottom: none;
}

#templatePreview {
	width: 150px;
    height: 150px;
    background: #E7E7E7;
    text-align: center;
    overflow: hidden;
}

#templatePreview img {
	cursor: pointer;
    width: 100%;
    max-width: 150px;
    height: auto;
}

#automation_step_report a.link {
	text-decoration: underline;
}

#rsscampaign .info-box-stats .counter {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

#rsscampaign .info-box-stats .info-box-title {
	color: #fff;
    font-size: 14px;
}

#rsscampaign .info-box-icon {
    position: absolute;
    right: 0;
}

.email-prefix {
	position: relative;
}

.email-prefix .email-symbol {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    margin: auto;
    line-height: 34px;
}

form[name='campaign'] .schedule-campaign label, 
form[name='campaign'] .schedule-campaign select {
	width: 80px;
}

#lead_details .edit-data {
	display: none;
}

#lead_details .disp-data h3,
#lead_details .disp-data h4 {
	word-break: break-all;
}

#lead_details .top-block {
	padding-bottom: 15px;	
	border-bottom: 1px solid #eee;
}

#lead_details .row-data {
	padding: 10px 0px;	
	border-bottom: 1px solid #eee;		
}

#lead_details .edit-data .form-control {
	height: 28px;
	padding: 2px 7px !important;
}

.m-b-xs {
	margin-bottom: 10px !important;
}

textarea.form-control {
	/*height: auto !important;*/
}

#lead_email_history .emails-stats {
	margin-top: 20px;
}

#lead_email_history .emails-stats p {
	line-height: 32px;
}

#lead_email_history .emails-stats p i,
#lead_email_history .emails-stats p strong {
	font-size: 32px;
} 

#lead_email_history .emails-stats p span {
	position: absolute;
	margin-left: 15px;
}

#lead_email_history .emails-activities .email-title {
	font-size: 14px;
	line-height: 22px;
	margin-top: 40px !important;
	margin-bottom: 10px !important;
}
#lead_email_history .emails-activities .email-title .automation-name {
	font-weight: 400;
	font-size: 12px;
}

#lead_email_history .emails-activities .email-title .sent-time {
	font-weight: 400;
	font-size: 12px;
	float: right;
}

#lead_email_history .emails-activities .email-title .view-email {
	font-size: 12px;
	font-weight: bold;
}

#lead_email_history .emails-activities .email-activity-date-group {
	color: #8e9aad;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12px;
}

#lead_email_history .emails-activities .activity {
	display: block;
    position: relative;
    padding: 9px 0 9px 15px;
    border-bottom: 1px solid #ededed;
    color: #8E9AAE;
    margin: 0;
    list-style: none;
    overflow: hidden;
    line-height: 16px;
    font-size: 12px;
}

#lead_email_history .emails-activities .activity::before {
	display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: pink;
    box-shadow: inset -1px 0 0 rgba(0,0,0,.1);
}

#lead_email_history .emails-activities .activity.opened::before {
	background-color: #499DF3;
}
#lead_email_history .emails-activities .activity.clicked::before {
	background-color: #13D0AB;
}

.text12 {
	font-size: 12px !important;
}

.email-gallery .box {
	border-radius: 5px;	
	margin-bottom: 15px;
	border: 3px solid transparent;
	position: relative;
}

.email-gallery .box .hvr-btn {
	display: none;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 40px;
}

.email-gallery .box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
  z-index: auto;
}

.email-gallery .box:hover .hvr-btn {
	display: block;
}

.email-gallery .box:hover .overlay {
	display: block;
  	background: rgba(0, 0, 0, .3);
}
	

.email-gallery .box:hover {
	border-color: rgb(73, 157, 243);
}

.email-gallery .img-box {
	text-align: center;
}

.email-gallery .img-box > img {
	max-width: 100%;
	border-radius: 4px;
	max-height: 380px;
}

#sms_history .box-icon,
#sms_history .box-info {
	float: left;
	height: 60px;
	margin: 0px;
	line-height: 60px;
}

#sms_history .box-info span {
	display: block;
}

#saving_status {
	position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 2px;
}

.stats-info ul li {
	word-break: break-word;
}

.horizontal-bar .accordion-menu>li>ul {
	width: 250px;
}

#google_contacts_integrations .fa-users.google-contact {
	padding: 15px;
    border: 1px solid;
    border-radius: 50%;
    background-color: #2E57CB;
    color: #fff;
    font-size: 32px !important;
}

#social_media_accounts .account-details {
	padding: 10px 5px;
	margin: 10px 0px;
	border: 1px solid #e9e9e9; 
}

#social_media_accounts .panel-heading {
	border-bottom: 1px solid #e9e9e9!important;
    padding: 5px 20px;
    height: 40px;
}

#social_media_accounts .panel-heading .logo {
	height: 30px;
    float: left;
    margin-right: 8px;
}

#social_media_accounts .panel-heading .panel-title.with-logo {
	line-height: 29px;
    display: inline-block;
}

.panel-heading.with-logo {
	border-bottom: 1px solid #e9e9e9!important;
    padding: 5px 20px;
    height: 40px;
}

.panel-heading.with-logo > img {
	height: 30px;
    float: left;
    margin-right: 8px;
}

.panel-heading.with-logo > .panel-title {
	line-height: 29px;
    display: inline-block;
}

.btn-xs.btn-addon i {
    width: 22px !important;
    height: 22px !important;
    margin: -2px 5px -2px -6px !important;
    line-height: 22px !important;
    font-size: 10px !important;
}

#leadTags .lead-tag.badge {
	background-color: #c4c4c4;
	font-size: 14px !important;
	padding: 7px 10px;
	height: auto;
	font-weight: bold;
	margin-bottom: 7px;
}

#leadTags .lead-tag.badge .remove {
	font-size: 18px;
	cursor: pointer;
}