#crm_leads_list_Wrapper .actions-wrapper .btn-group
{
	font-weight:normal;
}
#crm_leads_list_Wrapper .list-outcomes-wrapper{	
	width:200px;
	border: 1px solid #1DB198;	
}
#crm_leads_list_Wrapper .list-crm-dials-wrapper{	
	
	border:1px solid #f25656;	
}
#crm_leads_list_Wrapper .list-outcomes-wrapper,#crm_leads_list_Wrapper .list-crm-dials-wrapper,#crm_leads_list_Wrapper .list-more-actions-wrapper{
	padding:5px 0px;
}
#crm_leads_list_Wrapper .list-outcomes-wrapper li,#crm_leads_list_Wrapper .list-crm-dials-wrapper li
{	
	padding:5px;
	width:180px;
}
#crm_leads_list_Wrapper .list-outcomes-wrapper li:hover{
	
	background: rgba(29,177,152,0.2);
}
#crm_leads_list_Wrapper .list-crm-dials-wrapper li:hover{
	
	background: rgba(225,68,68,0.1);
}

#crm_leads_list_Wrapper .crm-status-wrapper .dropdown-menu:before{
	
    border-bottom: 8px solid #1DB198;   
}
#crm_leads_list_Wrapper .crm-dials-wrapper .dropdown-menu:before{
	border-bottom: 8px solid #f25656;
}
#crm_leads_list_Wrapper .more-actions-wrapper .dropdown-menu:before{
	border-bottom: 8px solid #3463b5;
}	
#crm_leads_list_Wrapper .more-actions-wrapper .dropdown-menu li a:hover
{
	background:#DFE8F6;
}
#crm_leads_list_Wrapper .dropdown-menu
{
	overflow:hidden;
	top:22px;	
}
#crm_leads_list_Wrapper .actions-wrapper ul .btn-wrapper
{
/* 	padding:0px 5px; */
}
#crm_leads_list_Wrapper .actions-wrapper ul button
{
	width:100%; 	
}
#crm_leads_list_Wrapper .crm-status-label, .crm_status_dd,#instructions_list tbody p.property-address,.ins-lastupdated-datetime
{
	cursor:pointer;
}





/* QuoteView & QuoteEdit */

.b-l-r-primary {
	border-left: 1px solid #4373c8 !important;
	border-right: 1px solid #4373c8 !important;
}
.b-l-primary {
	border-left: 1px solid #4373c8 !important;
}
.b-r-primary {
	border-left: 1px solid #4373c8 !important;
}

.lead-company-quotes #assigned-company-quotes-table table{
	border-bottom: 1px solid #4373c8;
}

.lead-company-quotes #quotes-table table tr, .lead-company-quotes #assigned-company-quotes-table table tr {
	border-top: 1px solid #4373c8;	
}

.lead-company-quotes #quotes-table table tr:hover, .lead-company-quotes #assigned-company-quotes-table table tr:hover {
	background: transparent;
}

.lead-company-quotes #quotes-table table tr.group, .lead-company-quotes #quotes-table table tr.group > td {
	border: 0;
}

.lead-company-quotes #assigned-company-quotes-table table tr.group, .lead-company-quotes #assigned-company-quotes-table table tr.group > td {
	border: 0;
}

.lead-company-quotes #quotes-table table tr.group > td > strong, #assigned-company-quotes-table table tr.group > td > strong {
	font-size: 13px;
}

.lead-company-quotes #quotes-table table tr > th, #assigned-company-quotes-table table tr > th {
	padding: 0px 03px;
	text-align: center;
	border-top: 1px solid #4373c8;
}

.lead-company-quotes #quotes-table table tr > td, #assigned-company-quotes-table table tr > td {
	vertical-align: middle;
	padding: 0px 3px;
	text-align: center;
}

.lead-company-quotes #quotes-table table .company-details, #assigned-company-quotes-table table .company-details {
	width: 130px !important;
	padding-top: 5px;	
}

.lead-company-quotes #quotes-table table .distance, #assigned-company-quotes-table table .distance {
	width: 76px !important;
}

.lead-company-quotes #quotes-table table .quote-total-box, #assigned-company-quotes-table table .quote-total-box {
	position: relative;
}

.lead-company-quotes #quotes-table .btn-view-edit-quote, #assigned-company-quotes-table .btn-view-edit-quote {
	padding: 06px !important;
}


.lead-company-quotes #quotes-table .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 1px solid #4373c8;
}

.lead-company-quotes #quotes-table table .sorting_1, .lead-company-quotes #quotes-table table tr:hover > .sorting_1,
.lead-company-quotes #quotes-table table .sorting_2, .lead-company-quotes #quotes-table table tr:hover > .sorting_2,
.lead-company-quotes #quotes-table table .sorting_3, .lead-company-quotes #quotes-table table tr:hover > .sorting_3  {
	background-color: transparent;
}

.lead-company-quotes #quotes-table table .quote-payment-details-main, #assigned-company-quotes-table table .quote-payment-details-main {
    max-width: 195px;
    margin-top: 10px;
    text-align: left;
    padding: 3px;
    bottom: -20px;
/*     position: absolute; */
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.lead-company-quotes #assigned-company-quotes-table table .quote-payment-details-main {
    max-width: 195px;
    text-align: left;
    padding: 3px;
    width: 100%;
    margin: 0 auto;
/*     position: relative; */
}

.lead-company-quotes #quotes-table table .quote-payment-details-label, #assigned-company-quotes-table table .quote-payment-details-label {
	width: 73px;
    float: left;
    font-weight: bold;
    border: 1px solid;
    padding: 2px;
    background-color: #FFFF00;
    font-size: 9px;	
}

.lead-company-quotes #quotes-table table .quote-payment-details-amount, #assigned-company-quotes-table table .quote-payment-details-amount {
	width: 45px;
    float: left;
    padding: 2px 2px 2px 1px;
    font-weight: bold;
    border: 1px solid;
    background-color: #FFFF00;
    font-size: 9px;
}

.lead-company-quotes #quotes-table table .quote-payment-company-ref, #assigned-company-quotes-table table .quote-payment-company-ref{
	width: 118px;
	padding: 2px 2px 2px 1px;
	font-weight: bold;
	background-color: #FFFF00;
	border: 1px solid;
    font-size: 9px;
}

.lead-company-quotes #quotes-table table .clear-float, #assigned-company-quotes-table table .clear-float{
	clear: both;
}

.lead-company-quotes #quotes-table table tr.bg-instructed-green, #assigned-company-quotes-table table tr.bg-instructed-green{
	background-color: #d9ead3 !important;
}

.lead-company-quotes #quotes-table table tr.bg-assigned-quote, #assigned-company-quotes-table table tr.bg-assigned-quote{
	background-color: #DFE8F6 !important;
}	

.valign-bottom {
	vertical-align: bottom !important;
}
.edit-quote a.btn.disabled {
	pointer-events: auto;
}


.edit-quote .left-block .empty-profile {
	text-align: center;
	padding-top: 15px;
}

.edit-quote .left-block .company-logo {
	width: auto;
    height: 55px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.edit-quote .left-block .company-logo > img {
	max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.edit-quote .left-block .client-details .client-name {
	font-weight: bold;
	font-size: 16px;	
}

.quote-edit .section.section-title-border >  h3 {
	padding-left: 20px;
}

.quote-edit table tr.header > th,
.lead-company-quotes table tr.header > th {
	background-color: #EFEFEF;
	vertical-align: middle;
}

.quote-edit .table-responsive .table tr.quote-head {
	background: #DFE8F6;		
}

.quote-edit .table-responsive .table tr.quote-head > th {
	text-align: center;
}

.quote-edit .table-responsive .table .fee-head span {
	width: 195px;
	float: left;
	display: block;
}

.quote-edit .table-responsive .table .fee-head button {
	margin: 0px;		
}

.quote-edit .table-responsive .table tr > td.val-number {
	text-align: right;
	vertical-align: middle;
}

.quote-edit .table-responsive .table tr > td.val-text {
	text-align: right;
	vertical-align: middle;
}
/*
.quote-edit .table-responsive .table tr > td > span.value {
	height: 34px;
	display: table-cell;
	vertical-align: middle;
}
*/

.quote-edit .table-responsive .table tr > td > button {
	margin-top: 7px;
}

.quote-edit table>tbody+tbody,
.lead-company-quotes table>tbody+tbody {
	border: none;
}

/* .quote-edit .table-responsive .description {
	width: 250px;
}

.quote-edit .table-responsive .input-amount {
	width: 80px;
	margin: 0 auto;
}

.quote-edit .table-responsive .input-qty {
	width: 40px;
	margin: 0 auto;
} */

.quote-edit .table-responsive .colDescription {
	width: 35%;
}
.quote-edit .table-responsive .colUnitAmount {
	width: 10%;
}
.quote-edit .table-responsive .colQty {
	width: 5%;
}
.quote-edit .table-responsive .colNetAmount {
	width: 10%;
}
.quote-edit .table-responsive .colVatApplied {
	width: 10%;
}
.quote-edit .table-responsive .colVat {
	width: 10%;
}
.quote-edit .table-responsive .colTotal {
	width: 10%;
}
.quote-edit .table-responsive .colAction {
	width: 10%;
}

.quote-edit .table-responsive .panelReferralFees .colDescription {
	width: 35%;
}
.quote-edit .table-responsive .panelReferralFees .colUnitAmount {
	width: 10%;
}
.quote-edit .table-responsive .panelReferralFees .colQty {
	width: 5%;
}
.quote-edit .table-responsive .panelReferralFees .colNetAmount {
	width: 10%;
}
.quote-edit .table-responsive .panelReferralFees .colVatApplied {
	width: 10%;
}
.quote-edit .table-responsive .panelReferralFees .colVat {
	width: 10%;
}
.quote-edit .table-responsive .panelReferralFees .colTotal {
	width: 10%;
}
.quote-edit .table-responsive .panelReferralFees .colAction {
	width: 10%;
}

.quote-edit .table-responsive tr.toggleFeeRow{
	display: none !important;
}
.quote-edit .table-responsive tbody.quote-summary > tr > td {
	/* text-align: right; */
}

.quote-edit .table-responsive tbody.quote-summary > tr:first-child > td {
	border-top: 3px solid #4373c8;
	padding-top: 30px !important;
}

.quote-edit .table-responsive tbody.quote-summary-top > tr > td {
	/* text-align: right; */
}

.quote-edit .table-responsive tbody.quote-summary > tr > td .quote-summary-lable {
	width: 50%;
	float: left;
	text-align: right;
}

.quote-edit .table-responsive tbody.quote-summary > tr > td .quote-summary-value {
	width: 50%;
	float: left;
	padding: 0 0 0 55px;
	text-align: left;
}	

.quote-edit .table-responsive tbody.quote-summary-top > tr:first-child > td {
	border-top: 3px solid #4373c8;
}
.quote-edit .table-responsive tbody.quote-summary-top > tr:last-child > td {
	padding-bottom: 20px !important;
}

.quote-edit .table-responsive .no-border, .quote-edit .table-responsive .no-border > td {
	border: none !important;	

}

.quote-edit .table-responsive tbody tr.clientTotalLegalFeesRow, tr.clientTotalReferralFeesRow_sale, tr.clientTotalReferralFeesRow_purchase, tr.clientTotalReferralFeesRow_remortgage, tr.clientTotalReferralFeesRow_auctionlegalpack, tr.clientTotalSurveyingFeesRow {
	font-weight: bold;
	background-color: #EFEFEF;	

}


.quote-edit .table-responsive tr.fee,
.quote-edit .table-responsive tr.referral,
.quote-edit .table-responsive tr.legal,
.quote-edit .table-responsive tr.additional_fee,
.quote-edit .table-responsive tr.partner_referral {
	background-color: #DFE8F6;
}

.quote-edit .table-responsive tr.legal, 
.quote-edit .table-responsive tr.fixed:first-child td {
	border-top: 3px solid #4373c8 !important;
}

.quote-edit .table-responsive tr.fixed {
	border-top: 3px solid #4373c8 !important;
}


.quote-edit .table-responsive tr.fixed ~ tr.fixed
{
	border-top: none !important;
}

.quote-edit .table-responsive tr.legal > td.colDescription, 
.table-responsive tr.referral > td.colDescription,
.table-responsive tr.fee > td.colDescription,
.table-responsive tr.additional_fee > td.colDescription,
.table-responsive tr.partner_referral > td.colDescription {
	text-align: left !important;
	padding-left: 85px !important;
}

.quote-edit .table-responsive tr.legal > td.colDescription >span.value:before, 
.table-responsive tr.referral > td.colDescription > span.value:before,
.table-responsive tr.fee > td.colDescription > span.value:before,
.table-responsive tr.additional_fee > td.colDescription > span.value:before,
.quote-edit .table-responsive tr.partner_referral > td.colDescription >span.value:before {
	font-family: FontAwesome;
	display: inline-block;
	padding-right: 6px;
	vertical-align: middle;
	content: "\f0da";
	font-size: 18px;
}

/* Start: CSS for quote summary at top of quote page*/

.edit-quote-table-wrapper .quote-summary-accordion-container{
	margin-bottom: 15px;
}
.edit-quote-table-wrapper .quote-summary-accordion{
	background-color: #DFE8F6;
    color: #4E5E6A;
    cursor: pointer;
    padding: 8px 60px 8px 18px;
    width: 100%;
    outline: none;
    transition: 0.4s;
    position: relative;
    border: 2px solid #4373c8; 
    border-radius: 1.2em;
}

.edit-quote-table-wrapper .quote-summary-accordion:after {
    font-family: FontAwesome;
    content: '\f0d7';
    color: #4373c8;
    font-weight: bold;
    font-size: 65px;
    position: absolute;
    bottom: 0;
    right: 15px;
    border-left: 2px solid #4373c8;
    padding-left: 15px;
}

.edit-quote-table-wrapper .active, .quote-summary-accordion:hover {
    background-color: #DFE8F6; 
}

.edit-quote-table-wrapper .quote-summary-accordion.active:after {
    content: '\f0d8';
}

.float-left{
	float: left
}
.float-right{
	float: right;
}

.border-bottom{
	border-bottom: 1px solid #4373c8 !important;
}

.bold-font{
	font-weight: bold;
}

.quote-item-vat{
	font-size: 12px !important;
	font-weight: normal !important;
}

.quote-summary-accordion .quote-total-section, .referral-fee-section{
	padding: 0 50px 5px 5px;
}

.quote-summary-accordion .quote-total-section .quote-total-content{
	font-size: 29px;
}

.quote-summary-accordion .referral-fee-section .referral-fee-content{
	font-size: 17px;
}	

.edit-quote-table-wrapper .quote-summary-panel {
    display: none;
    background-color: #DFE8F6;
    overflow: hidden;
    border-bottom: 2px solid #4373c8; 
    border-left: 2px solid #4373c8;
    border-right: 2px solid #4373c8; 
    color: #4E5E6A;
    margin: 0 69px 0 15px; 
}
.quote-summary-panel .fees-section{
	padding: 13px 42px 13px 21px;
}
.quote-summary-panel .fees-section .fees-content{
	font-size: 17px;
}

/* End: CSS for quote summary at top of quote page*/

.lead-company-quotes .section,#instructions_list tbody p.property-address {
	margin-bottom: 0px;	
}


.lead-company-quotes table select#quote-status {
	width: 90px;
	padding: 6px 0px 06px 01px !important;
	margin: 0 auto;
}

.lead-company-quotes table .company-logo > img {
	max-width: 130px;
    max-height: 50px;
    padding-bottom: 10px;
}

.lead-company-quotes label.label.quote-total {
	font-size: 14px;
}

select#quote-status option {
	background-color: #fff;
	color: #555;
}

select#quote-status.na {
	background-color: #fff;
	color: #555;
}
select#quote-status.favourite {
	background-color: #73b947;
	color: #fff !important;
}

select#quote-status.interested {
	background-color: #f0ad4e;
	color: #fff !important;
}

select#quote-status.not-interested {
	background-color: #f25656;
	color: #fff !important;
}

.quote-edit .action-buttons, .lead-company-quotes .action-buttons,#lead_crm_call_log_list_Wrapper .action-buttons {
	padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    /* overflow: hidden; */
    text-align: right;		
}

.quote-edit .action-buttons .save-btn {
	float: left;
}

.quote-edit .quote-detail-title > h3,
.lead-company-quotes .company-quotes-title > h3 {
	margin-bottom: 20px;
	font-size:14px;
}

.quote-edit .edit-quote-table-wrapper {
	width: 100%;
	margin:0 auto;	
}

.quote-edit .edit-quote-table-wrapper .table {
	border-top: 0;
	border: 1px solid #4373c8;
}




.view-quotes .details-section-highlighter-green,
.edit-quote .details-section-highlighter-green {
	background-color: #22BAA0;
	color: #fff;
}

.view-quotes .details-section-highlighter-blue,
.edit-quote .details-section-highlighter-blue {
	background-color: #3463B5;
	color: #fff;
}
.view-quotes .details-section-highlighter-red
{
	background-color: #f25656;
	color: #fff;
}
.edit-quote .lead-details-section-header,
.view-quotes .lead-details-section-header {
	background-color: #F19958;
	color: #fff;
}

.edit-quote .lead-metainfo-details-section-header,
.view-quotes .lead-metainfo-details-section-header {
	background-color: #3B5998;
	color: #fff;
}

.color-black {
	color: #000 !important;
}

#crm_leads_list_Wrapper thead tr input
{
	font-weight:normal !important;
}

#loading_msg{
	z-index:11118888;
}

.crm-duplicate-lead-table>thead>tr>th{
	vertical-align: top;
}

/* CSS for instruction page start*/
.instrucdtion_deposit_amount{
	font-size: 50px;
	font-weight: bold;
	margin-top: 60px;
}

.instruction_border_bottom{
	border-bottom: 1px solid #aba3a3;
}
.instruction_border_top{
	border-top: 1px solid #aba3a3;
}
.instruction_payment_label{
	font-size: 14px;
}

.tab-content .instruction_quote_summary{
	background-color: #F6F6F6;
	padding: 10px 15px;
}

.instruction_quote_summary{
	background-color: #F6F6F6;
	padding: 45px 15px;
}
.instruction_quote_summary_lable{
	font-size: 16px;
}

.dataTable tbody tr.bg-cancelled-instruction > td,
.table-striped tbody tr.bg-cancelled-instruction > td {
  background-color: #f1d9d9 !important;
}
.dataTable tbody tr.bg-cancelled-instruction > td.sorting_1,
.table-striped tbody tr.bg-cancelled-instruction > th {
  background-color: #f1d9d9 !important;
}

.address_link{
	font-style: italic;
    font-size: 14px;
    display: inline-block;
    color: #337ab7;
}
.ins-confirmation-amount{
	font-size: 50px;
    font-weight: bold;
}
.ins-confirmation-amount span{
	font-size: 14px;
}
.instruction_cancelled_amount_border{
	border-bottom: 2px solid #f25656 ;
	border-top: 2px solid #f25656;
	padding: 5px 0;
}
/* CSS for instruction page end*/

/*Lead listing row bg*/
.bg-instructed-lead{
	background-color: #d9ead3 !important;
}
.bg-instructed-lead .sorting_1{
	background-color: #d9ead3 !important;
}

.dirty-input{
	background: #f25656 !important;
	border: 1px solid #f25656 !important;
	color: #fff !important;	
}
.highlighted-quote-summary .quote-summary-accordion, .highlighted-quote-summary .quote-summary-panel, .highlighted-quote-summary .border-bottom, .highlighted-quote-summary .border-bottom{
	background-color: #f1d9d9 !important;
	border-color: #a94442 !important;
	color: #a94442;
}
.highlighted-quote-summary .quote-summary-accordion:after{
	color: #a94442;
	border-color: #a94442;
}

.crm-leadform-heading-container{
	position: fixed;
	z-index: 9 !important;
}
.crm-leadform-container{
	margin-top: 100px;
}

/* CSS for #446: CRM Lead View UI Re-design Start*/
.custom-section-border{
	border: 1px solid #e9e9e9!important;
}
.panel-ci-blue .panel-heading {
    background: #3463b5;
    color: #fff;
    padding: 16px 20px;
}

.panel-ci-blue .panel-heading .panel-control a {
    color: #fff;
}

.panel-ci-blue .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-ci-blue .thick-bordered-label{
	border: 3px solid #fff;
	border-radius: 6px;
	padding: 0 15px;
    font-size: 13px;
    line-height: 1.5;
}

.b-r-grey{
	border-right: 1px solid #babec0;
}

.b-b-grey{
	border-bottom: 1px solid #babec0;
}

#custom-view-quotes .customize{
	padding-top: 10px;
}

#custom-view-quotes .customize li{
	padding: 8px 10px 8px 0;
}

.custom-btn-ci-green{
	background-color: #73b947;
	border-color: transparent;
	color: #fff;
	padding: 6px 20px;
}

.custom-rounded-white-badge{
	border-radius: 6px;
	color: #3463b5;
	background-color: #fff;
	padding: 3px 15px;
    font-size: 13px;
    line-height: 1.5;
}
.custom-rounded-white-badge a{
	color: #3463b5;
}

.custom-btn-ci-green:focus, .custom-btn-ci-green.focus {
    color: #fff;
    background-color: #73b947;
    border-color: transparent;
}

.custom-btn-ci-green:hover {
    color: #fff;
    background-color: #73b947;
    border-color: transparent;
}

#custom-view-quotes .nav-pills{
	/*border-top: 1px solid #ededed;*/
	border-bottom: 1px solid #ededed;
	background: #fff;
}

#custom-view-quotes .nav-pills > li > a{
    color: #265a67;
    border-radius: 0!important;
    padding: 15px 15px;
    font-weight: 500;
}
#custom-view-quotes .nav-pills > li > a:hover{
	color: #fff;
    background: #3463b5;
}

#custom-view-quotes .nav-pills > li.active > a,
#custom-view-quotes .nav-pills > li.active > a:hover,
#custom-view-quotes .nav-pills > li.active > a:focus {
    color: #fff;
    background: #3463b5;
}

#custom-view-quotes .nav-pills > li.active::after{
	content: "";
    position: absolute;
    bottom: -8px;
    left: 45%;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #3463b5 transparent;
    display: block;
    width: 0;
}

#custom-view-quotes .table-bordered{
    border: 1px solid #b1b0b5;
}

#custom-view-quotes .table-bordered>tbody>tr>td, 
#custom-view-quotes .table-bordered>tbody>tr>th, 
#custom-view-quotes .table-bordered>tfoot>tr>td, 
#custom-view-quotes .table-bordered>tfoot>tr>th, 
#custom-view-quotes .table-bordered>thead>tr>td, 
#custom-view-quotes .table-bordered>thead>tr>th {
    border-left: 1px solid #b1b0b5 !important;
    border-top: 1px solid #b1b0b5 !important;
    border-bottom: 1px solid #b1b0b5;
}

#custom-view-quotes .table-bordered>tbody>tr>td:last-child, 
#custom-view-quotes .table-bordered>tbody>tr>th:last-child, 
#custom-view-quotes .table-bordered>tfoot>tr>td:last-child, 
#custom-view-quotes .table-bordered>tfoot>tr>th:last-child, 
#custom-view-quotes .table-bordered>thead>tr>td:last-child, 
#custom-view-quotes .table-bordered>thead>tr>th:last-child {
    border-right: 1px solid #b1b0b5 !important;
     border-bottom: 1px solid #b1b0b5;
}

#custom-view-quotes .table-bordered .group{
	height: 50px;
	font-size: 13px;
}
#custom-view-quotes .table-bordered .group>td{
	line-height: 20px;
	border-top: none !important;
	border-right: none !important;
}
#custom-view-quotes .table-bordered .group>td:last-child{
	border-right: none !important;
}

#custom-view-quotes .table-bordered .custom-group{
	display: table-column;
}

.customEditIcon{
	color: #3463b5;
}

#custom-view-quotes .table-bordered > thead > tr{
	background-color: #f8f9fe;
}
#custom-view-quotes .table-bordered > thead > tr > th{
	padding: 15px 5px !important;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.customize .list-group .lead-data-row{
	border-bottom: 1px solid #eee;
    padding: 8px 10px 8px 0;
}

#custom-view-quotes select#quote-status.favourite {
	background-color: #73b947;
	color: #fff !important;
}

.lead-additional-details-container{
	background-color: #73b947;
	padding: 5px; 
	color: #fff;
	display: -webkit-box;
	margin: 10px 0;
}

.custom-section-title{
	 background-color: #f1f1f1;
    text-align: center;
    padding: 10px 0;
}

.lead-data-label{
	display: inline-block;
}

.lead-data-value{
	float: right;
}

#custom-view-quotes .lead-data-label{
	min-width: 420px;
	display: inline-block;
}

#custom-view-quotes .lead-data-value{
	float: none;
	display: inline;
}

.custom-title{
	color: #000;
	padding: 5px 0 12px 0;
}

#custom-view-quotes #call_log_tab textarea.form-control{
	background-color: #f1f4f9;
	height: 100px;
	margin: 10px 0;
}	

#custom-view-quotes #call_log_tab select.form-control{
	height: 40px;
	background-color: #f1f4f9;
	margin: 10px 0;
} 

#custom-view-quotes .activity-log-container{
	background-color: #fff;
	clear: both;
}

#custom-view-quotes .activityFeed{
	/*border-top: 1px solid #000;*/
}

.section-separator{
	border-bottom: 1px solid #3463b5;
}

#custom-view-quotes .timeline{
	list-style: none;
    padding: 0 5px;
    position: relative;
}

#custom-view-quotes .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 18px;
}

#custom-view-quotes .timeline > li {
    position: relative;
}

#custom-view-quotes .timeline > li >.timeline-badge{
    width: 50px;
    height: 50px;
}

#custom-view-quotes .timeline > li >.call-icon{
	background-image: url(../../images/phone-icon.svg);
	background-repeat: no-repeat;
}

#custom-view-quotes .timeline > li >.email-icon{
	background-image: url(../../images/email-icon.svg);
	background-repeat: no-repeat;
}

#custom-view-quotes .timeline > li >.partner-icon{
	background-image: url(../../images/partner-icon.svg);
	background-repeat: no-repeat;
}

.custom-text-blue{
	color: #3463b5;
}

#custom-view-quotes .activity-log-container .panel .panel-heading{
	padding: 14px;
	height: auto;
}
#custom-view-quotes .activity-log-container .panel .panel-heading+.panel-body {
    padding: 0 20px 0px;
}

#custom-view-quotes .morecontent span {
	display: none;
}

#custom-view-quotes .custom-badge{
	padding: 4px 10px;
	font-size: 14px;
}

#custom-view-quotes .scrollbar{
	/*max-height: 500px;*/
	overflow-y: scroll;
}

#custom-view-quotes .force-overflow{
	min-height: auto;
}

#custom-view-quotes #scrollbar-contrianer::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #ebecee;
}

#custom-view-quotes #scrollbar-contrianer::-webkit-scrollbar{
	width: 10px;
	background-color: #ebecee;
}

#custom-view-quotes #scrollbar-contrianer::-webkit-scrollbar-thumb{
	background-color: #3463b5;
}

.flex-box{
	display: flex;
	flex-direction: row;
	width: 100%;
}

/* ONLY ADD GRID TO NON DATATABLE WRAPPER */
.flex-box-item:not(.lead-details-section){ 
	flex-grow: 1;
	display: grid;
	align-self: flex-start;
}

.toggle-log-activity-container{
	background-color: #fff;
    position: relative;
    /*width: 100%;*/
    top: -1px;
    color: #3463b5;
}

.toggle-log-activity{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #3463b5;
}

/* CSS for #446: CRM Lead View UI Re-design End*/

/* CSS for #537: CRM Introducer Bills Total Block Start*/
.selected-introducerbills-total-amount {
    max-width: 620px;
    border: 1px solid #33C2FF;
    margin: 0 auto 10px;
    padding: 10px;
}
/* CSS for #537: CRM Introducer Bills Total Block end*/

.instructionCaps-report .borderRightThick {
	border-right: 2px solid #4373c8;
}
.instructionCaps-report .success,
.instructionCaps-dashboard-report .success {
	background-color: #dff0d8 !important;
}
.instructionCaps-dashboard-report .borderRightThick {
	border-right: 2px solid #4373c8;
}

.instructionCaps-dashboard-report .instructionCapsNearLimit,
.instructionCaps-report .instructionCapsNearLimit {
	background-color: #FFBF00;
}
.instructionCaps-dashboard-report .instructionCapsHits,
.instructionCaps-report .instructionCapsHits {
	background-color: #FF0000;
}

#leadDetailTabs .gray-bg {
	background-color: #EFEFEF !important;
}
#leadDetailTabs .insCapsMessage {
	color: #a94442;
}

#leadDetailTabs .insCapsMessage.insCapsSdltMessage {
	width: 100%;
    border-top: 1px solid #b1b0b5;
    display: block;
    padding-top: 3px;
}

.statusLabelColor 
{
	color: #4E5E6A !important;
}
#instruction-progress-popup .modal-dialog .modal-body .progress-update{
	border-bottom:1px solid #ddd;
	padding:0px;
	margin-bottom:10px;
}
#instruction-progress-popup .modal-dialog .modal-body .progress-update label{
	font-weight: bold;
}
.bg-updated-instruction{
	background-color: #d9ead3 !important;
}
.bg-updated-instruction .sorting_1{
	background-color: #d9ead3 !important;
}

/* Media Queries */

@media (min-width: 1300px)
{
	.quote-edit .edit-quote-table-wrapper {
		width: 80%;
		margin:0 auto;	
	}
}

@media (min-width: 992px)
{
	.fixed-right-block {
		position: fixed;
		right: 0;
	}
	
	.fixed-left-block {
		position: fixed;
		left: 0;
	}
	
	.fixed-pull-left {
		float: left;
	}
	
	.fixed-pull-right {
		float: right;
	}
	
}


@media (max-width: 768px)
{
	.quote-edit .title {
		margin-bottom: 20px;
		text-align: center;
	}
	
	
	.view-quotes .action-buttons .btn.btn-custom, 
	.quote-edit .action-buttons .btn.btn-custom {
		width: 49.2%;
		float: left;
		margin-bottom: 7px;
	}
	
	.view-quotes .action-buttons .btn.btn-custom:nth-child( odd ) ,
	.quote-edit .action-buttons .btn.btn-custom:nth-child( odd ),
	.lead-company-quotes .action-buttons .btn.btn-custom:nth-child( odd )
	{
		margin-right: 7px;
	}
	
	/* quote summary accordian*/
	.edit-quote-table-wrapper .quote-summary-accordion:after {
		font-size: 52px;
	}
	.quote-summary-accordion .quote-total-section .quote-total-content{
		font-size: 18px;
	}
	.quote-summary-panel .fees-section .fees-content{
		font-size: 18px;
	} 
}

@media (max-width: 568px)
{
	.view-quotes .action-buttons .btn.btn-custom, 
	.quote-edit .action-buttons .btn.btn-custom,
	.lead-company-quotes .action-buttons .btn.btn-custom {
		width: 100%;
		margin-bottom: 7px;
		margin-right: 0px !important;
	}
}

@media (min-width: 1024px)
{
	.flex_container{
		display: flex;
		flex-direction: row;
	}
	.flex_item{
		flex-grow: 1 !important;
		display: grid !important;
		padding-bottom: 0.5rem;
	}

}


/* #474 */

.StripeElement {
  box-sizing: border-box;
  height: 34px;
  padding: 6px 10px;
  font-size:13px;	
  border: 1px solid #dce1e4;
  border-radius: 0;
  background-color: #fff;
  line-height: 1.42857143;
  color: #555;
  box-shadow: none;  
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  
}

.StripeElement#stripeCardExpiry{
	width:72px;
}

.StripeElement--focus {
  border: 1px solid #bdc5c9;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}


#stripe_settings_form input.error, #stripeCustomForm input.error{
		
	border-color: #fa755a;
}
/*
*new-lead-opportunity-modal
*/

#clientDetails .panel-body .row.m-t-md button {
	margin-right: 10px;
}

.modal-mask {
	position: fixed;
	z-index: 9998; 
	top: 0; 
	right: 0;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.5);
	display: table;*/
	transition: opacity 0.15s ease;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.modal-mask.drawer-slide-in {
	width: 100%;
}

.modal-mask.drawer-slide-out {
	width: 0%;
}

@media (min-width: 992px)
{
	.modal-mask.drawer-slide-in { 
		width: 40%; 
	}
}

.modal-wrapper {
	height: 100%;
}

.modal-mask .active {
	background-color: #73b947;
    border-color: transparent;
    color: #fff;
} 

.modal-mask button{
	margin-bottom: 10px;
} 

.modal-mask .modal-container {
	
	width: 100%;
	height: 100%;
	/*margin: 0px auto;
	padding: 20px 30px;*/
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
	transition: all 0.3s ease; 
}

.modal-mask .modal-header h3 {
	margin-top: 0; 
}

.modal-mask .modal-body {
	margin: 20px 0;
	max-height: 80%;

	overflow-y: auto;
	/*

	height: 80%;
	height: calc(100vh - 300px);*/
} 
  
.modal-mask .modal-enter {
	opacity: 0;
}

.modal-mask .modal-leave-active {
	opacity: 0;
}

.modal-mask .modal-enter .modal-container,
.modal-mask .modal-leave-active .modal-container {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
 

.modal-mask .pagination .active>a {
	 
	background: #3463b5;
    border-color: #3463b5;
}

.modal-mask .pagination {
	margin: 0px;
}

.modal-mask .btn-space-right {
    margin-right: 10px;
}

.modal-mask .btn-box {
	display: flex;
    flex-direction: column;
    width: max-content;
	margin: 0 auto;   
}

.modal-mask .btn-box button{
	width: 100%;
	display: block;
}

.modal-mask .alert-wrapeer {
	margin-bottom: 38px;
}

.modal-mask form h3{
	font-size: 14px;
}

/* .modal-mask .toolbar{
	display: flex;
	justify-content: flex-end;
	padding-left: 15px;
}  */

.modal-mask #loading_msg{
	top: 8%;
	width: 40%;
}

.modal-mask #loading_msg span{
	border-top: 1px solid #F0C363;
	padding-top: 5px;
}

.modal-mask .drawer-btn{
	border: 1px solid#3463b5;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    width: 20px;
    height: 72px;
    position: absolute;
    top: 46%;
    left: -20px;
    background: #3463b5;
	color : white;
}


.modal-mask .drawer-btn span{
	line-height: 75px;
	vertical-align: middle;
}

.modal-mask .drawer-btn span.close-modal {
	padding-left: 2px;
}

.modal-mask .drawer-btn span.open-modal {
	padding-left: 5px;
}
 
/*
* Fixed new-lead-opportunity-modal modal datepicker tooltip. 
*/
.datepicker.datepicker-dropdown{
	margin: 0px 0 10px !important;
}

.archived-lead-info-wrapper{
	display: flex;
}

.archived-lead-info{
	background-color:#d8d4d4;
	padding:10px 15px;
	color:#fff;
	font-weight: bold;
	margin:10px 0px;
	position: relative;
	max-width: 80%;
}

@media (min-width: 992px)
{
	.archived-lead-info { 
		max-width: 87%;
	}
}
@media (min-width: 1300px)
{
	.archived-lead-info { 
		max-width: 90%;
	}
}
.lead-unarchive-btn-wrapper{
	display: flex;
    align-items: center;
}

.lead-unarchive-btn{
	margin-left: 5px;
	position: absolute;
	right: 15px;
	height: 39px;
	padding-inline: 10px;
}
.instructions_more_action_options{
	padding: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 6px;
    display: block;
    border: 1px solid #4373c8 !important;
    border-radius: 6px;
    background-color: #fff;
	list-style-type: none;
	margin: 0;
}
.instructions_more_action_options li {
    padding: 4px 0px;
}
.action_wrapper .dropdown-menu::after{
	display: none !important;
}
.action_wrapper .dropdown-menu{
	border: none;
}
.action_wrapper .dropdown-menu::before{
	top: -8px;
    left: 1px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #4373c8;
    border-left: 8px solid transparent;
}
.instructions_more_action_options li a{
	color: #fff;
	text-decoration: none;
}
.instructions_more_action_options li .btn-info:hover{
	background-color: #08A7C3;
}
.instructions_more_action_options li .btn-success:hover{
	background-color: #73b947;
}
.instructions_more_action_options li .btn-warning:hover{
	background-color: #e8bf40;
}
.instructions_more_action_options li .btn-danger:hover{
	background-color: #e14444;
}
.instructions_more_action_options li .action-button{
    display: block;
	border: 1px solid #4373c8 !important;
    color: #4373c8;
}
.phone-call-wrapper{
	margin-left: 5px;
}
.phone-call-wrapper .phone-call-icon{
	background-color: #3463b5;
	padding: 6px 5px 4px;
	border-radius: 41%;
}
.phone-call-wrapper .phone-call-icon svg{
	fill:#ffffff
}

.unlock-invoice-btn {
	background-color: transparent;
	border: 1px solid #A94342;
	position: absolute;
    right: 10px;
}

.send-payment-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.send-payment-wrapper h4{
	margin-bottom: 3rem;
}

.payment-buttons-wrapper{
	display: flex;
	gap: 1rem;
}

#btnSendPaymentLink{
  width: 25%;
}

#instruction-payment-request-banner .banner-wrapper{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
	font-size: 15px;
}

.instruction-payment-popup-banner-wrapper .alert {
	display: flex;
    flex-direction: column;
    align-items: anchor-center;
    gap: 1rem;
}

.instruction-payment-popup-banner-wrapper .btns-wrapper {
	display: flex;
	gap: 1rem;
}

.instruction-payment-popup-close-btn{
	filter: brightness(1.5);
}

.payment-option-tabs{
	margin: 2em 0;
}

.instruction-payment-modal-footer{
	justify-content: space-between !important;
}

#instruction-payment-popup-model .modal-footer::before, .modal-footer::after {
	display: none !important;
}

/* PIN-803 Fix datatable css */

.dataTable .dt-type-numeric{
	text-align: left !important;
}

table.dataTable {
    table-layout: auto !important;
	width: 100vw;
	overflow: scroll !important;
	overflow-x:scroll; 
}

table.dataTable td {
    /* width: 100vw !important; */
    text-overflow: ellipsis;
}

table.dataTable thead tr th:first-child{
	width: 100px !important;
}

#crm_instructions_list_wrapper table.dataTable{
	/* table-layout: fixed !important; */
	overflow-x: scroll !important;
}

#crm_instructions_list_wrapper table.dataTable .dt-column-title{
	text-wrap: wrap !important;
}

#crm_instructions_list_wrapper table.dataTable tbody{
	text-wrap: wrap !important;
}

#invoices_list_wrapper table.dataTable{
	table-layout: fixed !important;
	overflow-x: scroll !important;
}

#invoices_list_wrapper table.dataTable .dt-column-title{
	text-wrap: wrap !important;
}

#invoices_list_wrapper table.dataTable tbody{
	text-wrap: wrap !important;
}


.
/* /// */


.navbar-toggler{
	display: none !important;
}

.fa-bars{
	cursor: pointer;
}

/* PIN-803 Notification bell icon and dropdown CSS Added */

.notificationDropdown {
    position: absolute;
	right:0;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    margin: 10px 0 0;
    background-color: #ffffff;
    border: 1px solid #d8dee4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
	width: 280px;
}
.notificationDropdown i {
	font-size: 13px;
}
.notificationDropdown p {
	margin: 0 0 10px;
	color: #666;
}
.notificationDropdown a {
	display: block;
	color: #22BAA0;
	text-decoration: none;
}
.notificationDropdown a:hover {
	text-decoration: underline;
}
.notification-toggle.active + .notificationDropdown {
	display: block;
}

.pinlocal-dropdown-menu li.drop-all a {
    padding: 10px;
    color: #707070;
    background: #FFF;
    font-size: 14px;
	text-decoration: none;

}

.pinlocal-dropdown-menu li.drop-all {
	cursor: pointer;
}

.pinlocal-dropdown-menu li.drop-all a:hover{
	background-color: #f7f7f7;
}

/* /// */

/* PIN-803 User Profile dropdown */

.user-dropdown {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	display: block;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	z-index: 1000;
	pointer-events: none;
}

.user-dropdown div {
	list-style-type: none;
	padding: 5px 0;
	width: 158px;
}

.user-dropdown a {
	color: #333 !important;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
}

.user-dropdown a:hover {
	background-color: #f5f5f5;
}

.user-toggle.active + .user-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Datatable Table heading last child text should be center aligned */
.dataTable:not(#invoices_list):not(#proformas_list) thead th:last-child,
.dataTable:not(#invoices_list):not(#proformas_list) tbody td:last-child,
.dataTable:not(#invoices_list):not(#proformas_list) tfoot th:last-child {
    text-align: center !important;
}

::placeholder {
  color: #9999b3 !important;
}

::-moz-placeholder {
  color: #9999b3 !important;
  opacity: 1; /* Optional: Firefox lowers opacity by default */
}

:-ms-input-placeholder {
  color: #9999b3 !important;
}

::-ms-input-placeholder {
  color: #9999b3 !important;
}