html,body{height:inherit}
.m--t-20 { margin-top: 20px !important; }
.m--t-15 { margin-top: 15px !important; }
.m--t-10 { margin-top: 10px !important; }
.m--t-5 { margin-top: 5px !important; }
.m--t-3 { margin-top: 3px !important; }
.m--t-0 { margin-top: 0 !important; }
.m--b-0 { margin-bottom: 0px !important; }
.m--b-10 { margin-bottom: 10px !important; }
.m--b-15 { margin-bottom: 15px !important; }
.m--b-20 { margin-bottom: 20px !important; }
.m--b-25 { margin-bottom: 25px !important; }
.m--r-0 { margin-right: 0px !important; }
.m--r-10 { margin-right: 10px !important; }
.p-0{ padding: 0; }
.form-control.bg-white{ background-color: #FFFFFF;}
.login-page{background:#404040 none repeat scroll 0 0}
.login-box-body .alert-warning { background: #dd4b39 !important; }
.main-sidebar{ width: 229px; }
.main-footer{background:#1e282c none repeat scroll 0 0;border-top:1px solid #1e282c;color:#fff;font-size:11px}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header{height:170px;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {padding: 10px;}
.secondary-accounts-heading{ margin-top: 5px; margin-bottom: 0px; padding-bottom: 5px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #f4f4f4;}
.secondary-account-link{float: left; display: block; width: 100%;}
.secondary-account-link-container{padding: 5px;}
.secondary-account-link-container:hover{background-color: #f4f4f4;}
.nav.nav-tabs{font-size:16px;letter-spacing:1px}
.heading-franchise{ font-size: 14px; font-style: italic; display: block; margin-top: 5px; }
.user-form .accountBasicInfo{background:#E6E6FA;border:1px solid #ddd;margin:10px 0}
.user-form .accountAdditionalInfo{background:#f1f1f1;border:1px solid #ddd;margin:10px 0}
.user-form .infoTitle>label{font-size:20px}
form div.required label.control-label:after{content:" * ";color:red}
.modal-body{ font-weight: normal; }
#commonModal .modal-header,
#commonModalReport .modal-header,
#franchiseReportModal .modal-header{background-color:#357CA5;color:#fff}
#employeeWeeklyReportModal .modal-header{background-color:#357CA5;color:#fff}
.primary-modal .modal-header{background-color:#357CA5;color:#fff}
.error-summary{background-color:#dd4b39;border-color:#d73925;border-radius:3px;color:#fff;padding:10px;margin:0 15px 20px}
.no-margin-left-in-error-summary .error-summary { margin:0 0 20px }
.no-margin-in-error-summary .error-summary { margin:0}
.alert-warning{margin:0 15px}
.no-padding-div .alert-warning{margin:0}
.nav-list-heading{color:#707070;display:block;font-size:13px;font-weight:700;padding:2px 10px 4px;text-transform:uppercase}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background-color:#3C8DBC;color:#fff}
.form-group .control-label{float:left;width:25%}
@media (min-width: 992px) {
	select.form-control,input.form-control{width:75%}
}
.login-page input.form-control{width:100%}
.content-wrapper{ position: relative; }
.content-header h1 { margin: 0; font-size: 24px; }

/*==============================================*/
.formInputBox .model-attribute{display:block}
.formInputBox .model-input{display:none}
.formInputBox select.form-control,.formInputBox input.form-control{width:100%}
.inline-edit-icons{margin:0 10px;float:left}
.form-group.inline-edit{overflow:hidden;clear:both;padding:5px 10px;margin-bottom:0}
.inline-edit-icons .edit-icon{display:none}
.inline-edit-icons .cancel-icon,.inline-edit-icons .confirm-icon{display:none}
.inline-edit-icons .cancel-icon.active,.inline-edit-icons .confirm-icon.active{display:inline-block;cursor:pointer}
.inline-edit:hover .inline-edit-icons > a.edit-icon{display:inline-block;cursor:pointer}
.inline-edit:hover .inline-edit-icons > a.edit-icon.active{display:none}
#actMsg .error-summary{background-color:#dd4b39;border-color:#d73925;border-radius:1px;color:#fff;margin:0;padding:5px}
.tab-content{border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd}
.nav-tabs-custom > .tab-content {
  border: none;
}
.form-group .control-label{float:left;width:auto;padding:0 10px 0 0;font-weight:400}
.accountBasicInfo textarea{resize:none;height:30px}
table.detail-view th{width:30%}
.modal_success_container{padding:0 15px}
.payout-document-ul {padding-left: 15px;}
.payout-document-ul li{ padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #f4f4f4; word-break: break-word;}
.with-hint .form-group .control-label{ float: none; display: block; margin-bottom: 0; }
.with-hint .hint-block{ font-size: 13px; margin-top: 0; }
.character-count { color: #878787; font-size: 13px; margin-top: 4px; }

/*------------------------nav left-------------------*/
.tabs-left,.tabs-right{border-bottom:medium none;padding-top:2px}
.tabs-left > li,.tabs-right > li{float:none;margin-bottom:2px}
.tabs-left > li{margin-right:-1px}
.tabs-right > li{margin-left:-1px}
.tabs-left > li.active > a,.tabs-left > li.active > a:hover,.tabs-left > li.active > a:focus{border-bottom-color:#ddd;border-right-color:transparent;background-color:#FFF;z-index:1}
.tabs-right > li.active > a,.tabs-right > li.active > a:hover,.tabs-right > li.active > a:focus{border-bottom:1px solid #ddd;border-left-color:transparent}
.tabs-left > li > a{border-radius:4px 0 0 4px;display:block;margin-right:0;font-size:16px}
.mandate-financials .tab-content{border-right:none}
.serial_class{background:#3C8DBC;border-radius:22px;color:#fff;display:inline-block;font-size:11px;font-weight:700;line-height:1;min-width:29px;padding:9px 1px;text-align:center;vertical-align:middle;white-space:nowrap;margin:-3px 13px 0 -4px}
.tabs-left > li.active > a .serial_class{background:#555}
.little_height{height:30px!important}
.flash-msg{margin-bottom:10px}
#franchiseResponseMsg{padding-top:20px}
div.loading{height:32px;background-image:url(../images/ajax-loader.gif);background-position:center center;background-repeat:no-repeat;opacity:1}
div.loading *{opacity:.8}
.extra_margin{padding-left:23px!important}
.draft-btn{margin:20px 0 0 13px}
.padding10{padding:10px;clear:both}
.padding6{padding:6px;}
.p-l-r-15{ padding-left: 15px; padding-right: 15px; }
.p--r-5{ padding-right: 5px !important;}
.p--r-8{ padding-right: 8px !important;}
.p--l-0{ padding-left: 0;}
.p--l-5{ padding-left: 5px !important;}
.p--t-0{ padding-top: 0;}
.p--t-10{ padding-top: 10px;}
.contactExists label,.agentContactExists label{padding-right:20px}
.franchiseDisabled{cursor:no-drop}
.file_input{ height: auto; }
.displayExistsUsername{font-weight:700}
.tabHeader{background:#ECF0F5}
.successMsgRedirect span:first-child{width:80%}
.yellow{color:#ff0}
.mandate-form .alert-success, .mandate-form .alert-warning{width:auto;margin-right:24px;padding:4px;float:right}
.mandate-form .flash-msg{position:absolute;width:100%}
.small_alert_message_container .alert{width:auto;margin-right:24px;margin-bottom:0;margin-left: 0;padding:6px;}
/*.small_alert_message_container .alert{width:auto;margin-right:24px;margin-top:7px;margin-bottom:0;padding:6px;float:left;background:none!important;border:none!important;font-size:16px;letter-spacing:1px}
.small_alert_message_container .alert-success{color:#008D4C!important;padding:0!important}
.small_alert_message_container .alert-warning{color:#F39C12!important;padding:0!important}
.small_alert_message_container .alert-danger{color:#dd4b39!important;padding:0!important}*/
.absolute_position{position:absolute;width:100%}
.no_border{border:none!important}
.paddingTop20{padding-top:20px}
.hidden_div{display:none}
.modal_loader{margin-left:5px}
.ajax_loader{background-image:url(../images/ajax-loader.gif);background-position:center center;background-repeat:no-repeat;opacity:1;width:20px;height:20px}
.inline-action-btn .fa, .inline-action-btn .glyphicon{margin-right:10px;cursor:pointer}
.inline-action-btn .fa-trash{color:#dd4b39}
.question-group-handle{display:inline-block;cursor:move;margin:0}
.question-group-handle .panel-heading{background-color:#f5f5f5}
.file-group-handle{display:inline-block;margin:0}
.file-group-handle .panel-heading{background-color:#f5f5f5}
.seller-status-ul li { border: 1px solid #e6e7e8; margin-bottom: 8px; }
.answer{color:#a9a9a9}
.p-l-r-10{ padding-left: 10px; padding-right: 10px; }
.pr-0{padding-right:0 !important}
.pl-0{padding-left:0 !important}
.mb-0{margin-bottom:0}
.mbt-0{margin-bottom:0;margin-top:0}
.question{margin-bottom:5px}
.answer{color:#a9a9a9;margin-bottom:20px}
.no-top-margin .alert{margin-top:0!important}
.table-handle{cursor:move;margin:0}
.viewBtnWrap a{position:relative;left:-9999em}
.viewBtnWrap:hover a{position:static;left:-9999em}
.glyphicon-trash,.fa-trash-o{color:#dd4b39}
.actionBtns a{padding-right:10px}
.inlineEditorBtnHeight{height:10px}
.col-r{color:red}
.col-b{color:blue}
.col-g{color:green}
.col-w{color:#fff}
.timeline-header .time{color:#999;font-size:12px;padding:10px}
.timeline-header-name{font-family:"Source Sans Pro",sans-serif;color:#3c8dbc;font-weight:600;word-break: break-word;}
.chkBoxCB div label{clear:both;width:100%}
.chkBoxCB div label input[type="checkbox"]{margin-right:5px}
.inline-input{width:35%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px}
.inline-input-designation{width:75%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px}
.adjust-center{margin:0 0 0 15%}
.handPointer{cursor:pointer}
.profileImage{text-align:center}
.photoClass{text-align:center;width:100%;padding:1% 0 1% 10%}
.mandate-business-valuation .box-header .box-title,
.mandate-commercial-appraisal-form .box-header .box-title{font-size:14px}
.mandate-business-valuation .box-header,
.mandate-commercial-appraisal-form .box-header{padding:4px}
.mandate-business-valuation .form-control,
.mandate-commercial-appraisal-form .form-control{height:20px;padding:0 2px;text-align:right;width:100%}
.mandate-commercial-appraisal-form .form-group .control-label{ padding: 0;}
.mandate-business-valuation .form-group,
.mandate-commercial-appraisal-form .form-group{margin-bottom:0}
.bold-text{font-weight:700}
.normal-text{font-weight:normal}
.mandate-business-valuation textarea,
.mandate-commercial-appraisal-form textarea{resize:none;}
.mandate-business-valuation textarea.form-control,
.mandate-commercial-appraisal-form textarea.form-control{height: auto; text-align: left;}
.bold-text .control-label{font-weight:700}
.box-container .box{margin-bottom:0}
.paddingBottom10{padding-bottom:10px}
#renderDataDivQuestionAnswer .box-tools{top:10px;right:12px}
.month-header{padding:8px;margin-top:2px}
.month-header:after{content:"";position:absolute;height:0;width:0;left:89.99%;top:2px;border:18px solid transparent;border-left:20px solid #3c8dbc}
.nav > li > a{ padding: 10px 12px; }
.navbar-custom-menu .nav > li > a { padding: 15px 7px;}
.year-nav > li > a{padding:10px 43px}
.month-view-edit .month-header:after{left:94.99%}
@media (min-width: 768px) {
	.modal-xl{width:90%;max-width:1200px}
	.mandate-advance-search select.form-control, .mandate-advance-search input.form-control{width: 80%}
	.advance-search-filters{background: #ECF0F5;overflow-x: hidden;padding: 1% 0 1% 1%; margin-bottom: 10px;background-image: linear-gradient(#dde5f0,#ECF0F5);}
  .question_li{background:#fff!important}
}
.franchise-ofc-radio label:first-child{padding-right:15px}
.MSGraphLogo{background-color:#fff;text-align:center}
.MSGraphLogo img{background-color:#3c8dbc}
.unread-mail{font-weight:400;background:#FFF}
.read-mail{font-weight:400;background:#f5f5f5}
.unread-mail td{border-top:1px solid #ddd!important}
.read-mail td{border-top:1px solid #ddd!important}
.favourite-icon-large{font-size:xx-large!important;margin-top:24px;margin-left:10px}
.width100{width:100%!important}
.mailThread{display:none}
.moreellipses{border:1px solid #ddd;padding:0 5px 5px;background-color:#f1f1f1}
.displayAttachments .mailbox-attachments li{width:23%;border:1px solid #eee;margin-bottom:10px;margin-right:10px}
.mailbox-attachment-icon.has-img > img{font-size:15px}
.mailbox-attachment-icon:hover,.mailbox-attachment-info:hover{ cursor: pointer; }
.brokerInformationTabWrap .nav > li > a{padding:10px}
.ptr-7{padding:7px 7px 0 0}
.allMessage-update .timeline > li > .timeline-item > .time{padding:5px}
.box-tools .btn:hover{background:none!important}
.mailbox-attachment-name{word-wrap:break-word; display: block;}
.dashboard-inbound-mails .small_alert_message_container .alert{margin-top:0}
#filedrag{height:100px;width:100%;border:2px dashed #d0d0d0;margin-bottom:23px;border-radius:5px}
#filedrag.hover{border-color:red;border-style:solid;box-shadow:inset 0 3px 4px #888;position:relative}
.child-filedrag{position:relative}
.fileUploadButton{margin:32px 0 0 17px}
.drop-file-text{color:#9b9b9b;font-size:18px;margin:36px 0 0 14px}
.file-desc{float:left;padding:4px 0 0 20px;width:100%}
.sector-div{overflow:auto;height:300px}
.category-div .loader-div{position:absolute;top:0;bottom:0;left:0;right:10px;background:rgba(0,0,0,.2);line-height:300px}
.category-div .loader-div .fa-spin{margin:0 0 0 50%}
.questiongroup-sector label{color:#000;display:block;font-weight:400;margin:0}
.valuation-div{overflow:auto;height:230px;margin-bottom: 15px;}
.valuation-item-div label{color:#000;display:block;font-weight:400;margin:0}
.pt-6{padding-top:6px}
.bg-col-replybox{background-color:#f5f5f5;margin-left:10px}
.bg-col-replybox .dropdown-menu{min-width:110px}
#composemail-form .field-mailmessage-ccmail,#composemail-form .field-mailmessage-bccmail{display:none}
h4.info{font-size:14px;color:#1E282C;text-align:center}
.shortResponse{background:none repeat scroll 0 0 #f2f2f2;border-radius:5px 5px 5px 5px;counter-reset:fieldsets;padding:20px;width:90%;margin-left:6%}
.composeResponse{background:none repeat scroll 0 0 #f2f2f2;width:100%;height:100%;padding:20px}
.composeResponse .composseBody{height:inherit}
.composeResponse .content-loading, span.attachment-loading{background:#fff url("/images/ajax-loader.gif") center center no-repeat;position:absolute;width:94%;height:25%;z-index:9999;opacity:.9}
span.attachment-loading{ background: #fff url("/images/ajax-loader.gif") no-repeat scroll center center;height: 25%;left: 8%;opacity: 1;position: absolute;width: 9%;z-index: 1;display: none;}
.top-search-container {position: relative;float: left;padding: 7px;width: calc(500px - 85px);left: 50%;margin-left: -250px;}
.top-search-box-div{ width: 100%; }
.top-search-box-div .btn{ border-radius: 0 2px 2px 0; color: #999; background-color: #FFFFFF; }
.top-search-box{ border-color: transparent; box-shadow: none; /*background-color: #DBDBDB;*/ border-radius: 2px 0 0 2px; color: #666666; }
.top-search-box:focus, .top-search-box:focus + .input-group-btn .btn{ border-color: transparent; box-shadow: none; background-color: #FFFFFF; }
.elastic-search-result-div{ position: absolute; max-height: calc(100vh - 100px); overflow: auto; width: 97%; background: #FFFFFF; margin-top: 5px; display: none; border-left: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-radius: 0 0 5px 5px;}
.search-result-heading{ border-bottom: 1px solid #f4f4f4; font-size: 16px; font-weight: bold; padding: 4px; }
.elastic-search-result-div .box { margin-bottom: 0; }
.search-no-result{ cursor: default; color: #999; }
.search-no-result:hover{ cursor: default; color: #999; }
.search-result-li{ padding: 0 !important; }
.search-result-li:hover{ background: #f7f7f7 none repeat scroll 0 0; }
.elastic-search-result-icon{  color: #999; font-size: 40px; margin-left: 7px; }
.fixed-height-modal{ max-height: 80vh; overflow: auto; }
.trClass{background-color:#3c8dbc !important;color: #ffffff;text-transform: uppercase}
.accountBasicInfo .form-group{ margin-bottom: 5px; }
.accountBasicInfo h4{ margin-top: 2px; margin-bottom: 2px; }
.nav-without-border { border-top-color: transparent !important; }
.nav-tabs > li > a{ margin-right: 0px; }
.close{ color: #FFFFFF; opacity: 0.7; }
.close:hover, .close:focus{ color: #FFFFFF; opacity: 1; }
.top-bordered-tr > td, .top-bordered-tr > th { border-top: 2px solid #b8b8b8 !important; }
.top-bottom-bordered-tr > td, .top-bottom-bordered-tr > th { border-top: 2px solid #b8b8b8 !important; border-bottom: 2px solid #b8b8b8; }
.bottom-bordered-tr > td, .bottom-bordered-tr > th { border-bottom: 2px solid #b8b8b8 !important; }

/* Custom Calibri font face */

@font-face {
	font-family: 'MyCalibri';
	src: url('../fonts/Calibri.eot');
	src: url('../fonts/Calibri.woff') format('woff'),
    url('../fonts/Calibri.woff2') format('woff2'),
    url('../fonts/Calibri.ttf') format('truetype');
}

.mandateMainPhoto{position: relative; width:auto;min-height: 355px;}
.mandateMainPhoto .actionIcon{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;padding: 10px;}
.iconAction{background:rgba(0,0,0,.7); color:#FFFFFF;font-size:25px !important;padding:10px;border-radius:5px 5px 0 0;visibility:hidden !important; cursor:pointer}
.mandateMainPhoto:hover .iconAction{visibility:visible !important;}
.mandatethumbPhoto{overflow: auto;scroll-behavior: smooth; width: 535px;}
.mandatethumbPhoto ul{white-space: nowrap;padding: 10px 15px 0;}
.mandatethumbPhoto li{ list-style:none;display:inline-block;margin:0 7px 0 0;}
.achievements-view .mandatethumbPhoto { width: auto; }
.achievements-view .mandatethumbPhoto ul { padding: 20px 34px 0; }
.activeThumb img{border: 2px solid #ffffff;box-shadow: 0px 0px 18px #000000} 
.mandatethumbPhoto li img{width:107px; height:80px; cursor: pointer;}
.addPhoto{ background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 25px; height: 80px; text-align: center; vertical-align: middle; width: 107px;cursor:pointer}
.addPhoto span{font-size: 15px;}
.dashboard .box-body { padding: 5px; }
.mandate-form-default-height{ min-height: 430px; }
.breadcrumb{ padding: 8px 15px; margin-bottom: 0px; }
.content{ padding: 5px 15px; }
.anchr{text-decoration: none !important;}
.interestedlocation-minheight,.interestedsector-minheight{padding-left:0; border-left:1px solid #ddd; height:440px; background:#FFF;overflow-x: hidden;}
.tree,.view_tree{min-height:inherit}
.tree .parent_ul,.view_tree .parent_ul{padding-left: 0;}
.tree .location_ul,.view_tree .location_ul,.view_tree .sector_ul,.tree .sector_ul{/*border-left: 75px solid #d3dce3;*/padding-left: 5%;}
.tree li,.view_tree li{list-style-type:none;margin:0;padding:10px 5px 0 5px;position:relative}
.tree li::before,.tree li::after, .view_tree li::before,.view_tree li::after{content:'';left:-20px;position:absolute;right:auto}
.tree li::before, .view_tree li::before{border-left:1px solid #999;bottom:50px;height:100%;top:0;width:1px}
.tree li::after, .view_tree li::after{border-top:1px solid #999;height:20px;top:25px;width:25px}
.tree li span{display:inline-block;text-decoration:none}
.tree li.parent_li>span{cursor:pointer}
.tree>ul>li::before,.tree>ul>li::after, .view_tree>ul>li::before,.view_tree>ul>li::after{border:0}
.tree li:last-child::before, .view_tree li:last-child::before{height:30px}
.sidebar-menu > li {
    padding: 0;
}
.sidebar-menu.tree li::before, .sidebar-menu.tree li::after {
    border: none;
}
.sidebar-menu .treeview-menu .treeview-menu > li > a > .fa {
    vertical-align: top;
    top: 3px;
    position: relative;
}
.sidebar-menu .treeview-menu .treeview-menu > li > a span {
    width: calc(100% - 10px);
    display: inline-block;
    white-space: break-spaces;
}
.locationinterested-view,.sectorsinterested-view{padding-left:0; /* border-left:1px solid #ddd; */ min-height:30px; max-height:210px; background:#FFF;overflow-x: hidden;}
#QuickStats .box-header {padding:3px 4px 0;}
#QuickStats .btn-success:hover, #QuickStats .btn-success:active, #QuickStats .btn-success.hover{background-color: #008d4c;}
#QuickStats .btn-box-tool{padding: 2px 5px 2px 5px;}
#QuickStats .box{margin-bottom:10px}
.byr-vw-rght-mh-mw{border-left:1px solid #ddd; background:#FFF;overflow-x: hidden;}
.content-header{padding: 5px 15px;}
.breadcrumb{margin-bottom:5px;padding:8px 15px;}
.byr-vw-btm-wp .tab-content{padding-left:0; border-left:1px solid #ddd; min-height:250px; max-height: 500px; background:#FFF;overflow-x: hidden;}
.pl-10{padding-left:10px}
.pr-10{padding-right:10px}
.ar_min_hight,.enq_min_hight,.cmnt_min_hight{padding-left:0; min-height:30px; max-height:100px; background:#FFF;overflow-x: hidden;}
.fv_min_hight{padding-left:0; min-height:200px; max-height:300px; background:#FFF;overflow-x: hidden;margin-bottom:10px;}
.franchise-view h3{margin: 0 0 5px 0;}
/* Toogle ON/ OFF button ... */
.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}
.button-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.button-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.button-slider{background-color:#2196F3}input:focus+.button-slider{box-shadow:0 0 1px #2196F3}
input:checked+.button-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.button-slider.round{border-radius:34px}.button-slider.round:before{border-radius:50%}

.listmailToFrom{font-size:12px;}
.myMailBoxListing table tr td{vertical-align: middle;}
.timeline-header .fromMail{padding: 0 0 0 .5%}
.timeline-header .toMail,.timeline-header .ccMail,.timeline-header .bccMail,.timeline-header .replyTo{padding:0 0 0 2%;}
.timeline-header .toMail span,.timeline-header .ccMail span,.timeline-header .bccMail span,.timeline-header .replyTo span{font-size: 12px;font-weight: bold;}
.toMail span{ word-break: break-all; }
.signatureLayer0{margin: 0 auto;}
.margin-left-5{margin-left:5px}
.margin-left-8{margin-left:8px}
.margin-left-10{margin-left:10px}
.margin-left-15{margin-left:15px}
.margin-left-25{margin-left:25px}
.margin-right-5{margin-right:5px}
.lastloginFranchise{display: none;}
.displayfranchiseinfoMH{min-height:300px; max-height:450px; background:#FFF;overflow-x: hidden;}
.border-0{ border: none !important;}

/* ==Mandates search options ==*/
.mandate-advance-search .form-group{margin-bottom:0px;}
.mandate-advance-search .form-group .control-label{margin-bottom:2px; font-weight: 600; font-size: 13px;}
.mandate-advance-search .form-group .form-control{margin-bottom:0px; height: 25px;padding: 0 3px;}
.mandate-advance-search .form-group .help-block{margin-bottom:2px;}
.mandate-advance-search .control-label{padding: 0;}
.mandate-advance-search .checkboxRow {margin-top: 5px;}
.mandate-advance-search .checkboxRow label{font-weight:600;font-size: 12px; display: flex; align-items: center; line-height: 14px;}

.mandate-advance-search .checkboxRow label input[type="checkbox"] { margin-top: 0; }
.mandate-advance-search .advance-search-result{padding-top: 10px;}
.mandate-advance-search .box-body-mandates #mandateSearchGridView{background: #fff none repeat scroll 0 0;min-height: 150px;overflow-x: hidden;padding-left: 0; margin-bottom: 10px;}
.mandate-advance-search .box-body-mandates{min-height: 200px;}
.modal { overflow: auto !important; }
.mandate-index .table > thead > tr > th, .advance-search-result .table > thead > tr > th { vertical-align: top; }
.mandate-index .grid-view th, .advance-search-result .grid-view th { white-space: normal; }
.offer-orange-row{ background-color: #f3ba7d !important; }
.offer-green-row{ background-color: #a8dd91 !important; }
.offer-orange-border{ border: 2px solid #ff8c00; }
.offer-green-border{ border: 2px solid #008000; }
.duplicate-row{ background-color: #f3ba7d !important; }
.red-border{ border: 2px solid #d73925; }

.dash-second-wrapper .box-primary,.dash-third-wrapper .box-primary,.dash-fourth-wrapper .box-primary{min-height: 400px;background:#fff;}

.financial-container { padding: 10px 0 10px 10px; position: relative; }
.financial-container .year-nav { white-space: nowrap; overflow: hidden; border: none; }
.financial-container .year-nav li{ float: none; display: inline-block; }
.nav-arrow-left, .nav-arrow-right{ position: absolute; z-index: 1; cursor: pointer; }
.nav-arrow-right{ right: 25px; }
.nav-arrow-left{ left: 25px; }
.disabled-arrow{ color: #CECECE; cursor: default; }
.financial-container .nav-arrow-left, .financial-container .nav-arrow-right{ top: 25px; }
.financial-container .tab-content{ border: none; border-top: 1px solid #ddd; margin-top: -1px; }
.financial-container .financial-loader {background: rgba(0, 0, 0, .5); width: 100%; position: absolute; z-index: 9; height: 98%; border-radius: 4px 4px 0 0; }
.financial-loader .fa{ font-size: 3em; color: #FFFFFF; margin: 30% 0 0 45%; margin-top: 32%; }
.medium-icon{ font-size: 16px; }
.mandate-valuation-index .dropdown-inner-ul{ padding: 3px 10px; display: block; width:385px; }
.mandate-valuation-index .dropdown-inner-ul li { width: 12%; }
/* .mandate-valuation-index .pull-right > .dropdown-menu { right:auto; left: 50%; margin-left: -190px; } */
.dropdown-inner-ul{ padding: 3px 20px; display: table; width:340px; }
.dropdown-inner-ul li { list-style: none; display: table-cell; color: #777; width: 33%; }
.dropdown-inner-ul li:first-child{ width: 84%; }
.financial-month-check{ position: absolute; width: 35%; min-height: 165px; z-index: 1; margin: 40px 0 0 -32%; }
.financial-month-check:before{ content: ""; display: block; position: absolute; top: -9px; right: 12px; width: 0; height: 0; float: right; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #65A7CD; }
.attached-file{ font-weight: bold; padding: 5px 10px; background-color: #F5F5F5; border: 1px solid #DCDCDC; margin-bottom: 10px; word-wrap: break-word; }
.text-align-right{ text-align: right; }
.text-normal{ font-weight: normal;}
.question-action-div .btn { position: absolute; bottom: 13px; right: 18px; }
.question-action-div .callout { position: absolute; left: 18px; bottom: -8px; padding: 5px; }
.checkboxSingle label {font-weight: 600;font-size: 13px;}
#buyerGridView .summary,#buyerGridView .pagination{padding: 2px 0 2px 10px;} 
/*#othercontactContactAddress .select2-container,.accountBasicInfo .select2-container{display: block !important;}*/
.grid-fixed-height{ max-height: 69px; overflow: hidden; cursor: pointer; }
.quick-notification{ position: fixed; height: 80px; top: -90px; width: 50%; margin-left: 29%; z-index: 9999; opacity: 1; box-shadow: 0 0px 14px #000000b3; }
.renderDataDivMandateFinancialsMonth{ min-height: 570px; }

.mandate-advance-search .tree .location_ul,.mandate-advance-search .view_tree .location_ul,.mandate-advance-search .view_tree .sector_ul,.mandate-advance-search .tree .sector_ul{ border-left: none; padding-left: 0; }
.mandate-advance-search .tree li span{display:inline;text-decoration:none}
.slider-container { padding: 5px 0; }
.market-to-buyer-label { line-height: 34px; }
.filter-tooltip .tooltip-inner { background-color: #357CA5; padding: 10px 5px 10px 10px; text-align: left; }
.filter-tooltip .tooltip.left .tooltip-arrow { border-left-color: #357CA5; }
.filter-tooltip .tooltip.right .tooltip-arrow { border-right-color: #357CA5; }
.block-radio label { display: block; font-weight: normal; }
.displayInlineAttachments .mailbox-attachments li{display:inline-block; border: none; width:auto;margin-bottom:10px;margin-right:10px}
.mailbox-inline-attachment-icon { align-items: center; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: inset 0 0 0 1px rgba(100,121,143,0.302); box-shadow: inset 0 0 0 1px rgba(100,121,143,0.302); box-sizing: border-box; color: #5f6368; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; padding: 0 12px; margin-right: 8px; }
.announcement-view table table,
.announcement-index table table,
.dashboard-announcement table { width: 100% !important; }
.announcement-view table table tr td,
.announcement-index table table tr td,
.dashboard-announcement table tr td { border: 1px solid; padding: 5px; }
.announcement-view table tr th { width: 15%; }

/*--------------------- Google Map -------------------*/

#map { height: 300px; }
#infowindow-content .title { font-weight: bold; }
#infowindow-content { display: none; }
#map #infowindow-content { display: inline; }
.pac-card { margin: 10px 10px 0 0;border-radius: 2px 0 0 2px;box-sizing: border-box;-moz-box-sizing: border-box;outline: none;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);background-color: #fff; }
#pac-container { padding-top: 12px; padding-bottom: 12px; margin-right: 12px; }
#pac-container .help-block { display: none; }
#pac-container .field-pac-input { margin-bottom: 0; }
#pac-input { margin-left: 12px;text-overflow: ellipsis;width: 400px; }
#pac-input-mobile{margin-left: 6px;text-overflow: ellipsis;min-width: 267px;}

#total-count-legend span:first-child br { display: none; }
#active-brokers-container .products-list > .item,
#recent-brokers-container .products-list > .item{ padding: 5px 0; }
input[type="checkbox"].flat-red { margin:0; }
.ranges li:last-child { display: none; }

.full-border.table > thead > tr > th,
.full-border.table > tbody > tr > td { border: 1px solid !important; }
.no-list{ list-style: none; padding-left: 5px; }

#enquiry-daterangepicker .ranges li:last-child{ display: block; }
.red-border{ border:1px solid red !important; }
.website-logo-container-seller-layout{ padding: 10px 0 10px 0; text-align: center; }
.seller-header-heading{ margin-bottom: 5px; text-align: center;font-size: 20px;color: #fff;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.p-l-r-4 { padding-right: 4px; padding-left: 4px; }
.full-width{ width: 100% !important; }

.no-font-family{ font-family: initial; }

.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 10px auto 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4CAF50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: '';
  height: 100px;
  position: absolute;
  background: #FFFFFF;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #FFFFFF;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.editor-row textarea { width: 100%; height: 250px; }
.status-include{ margin: 0; padding: 0; list-style: none; margin-right: 10px; }
.status-include li{ display: inline-block; /*border: 1px solid;*/ border-radius: 5px; /*padding: 2px 5px; font-size: 12px;*/ margin-right: 5px; }
.status-include li.text-green{ border-color: #008d4c; }
.status-include li.text-red{ border-color: #d73925; }

.website-access-detail-status{ width: 98%; padding: 6px 12px; font-size: 14px; line-height: 1.3; color: #555555; background-color: #fff; background-image: none; border: 1px solid #d2d6de; }
.website-access-detail-status .fa{ margin-top: 2px; }

@media (max-width: 767px) {
	.m--b-xs-10{ margin-bottom: 10px !important; }
  .seller-header{ max-height: none; }
  .offer-orange-row{ background-color: #FAE3BE !important; }
  .offer-green-row{ background-color: #D6F3C0 !important; }
  .trClass{
    background: #FFFFFF !important;
    color: #0E1F3D;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .trClass th {
    border-radius: 8px !important;
    text-align: center;
  }
}

@media (min-width: 768px) {
	.pull-right-sm{ float: right; }
	.dashboard .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 5px !important; }
	.mandate-advance-search .tree .location_ul,.mandate-advance-search .view_tree .location_ul,.mandate-advance-search .view_tree .sector_ul,.mandate-advance-search .tree .sector_ul{ padding-left: 5%; margin-top: -12px; }
  .website-logo-container-seller-layout{ position:absolute; float:left; padding: 10px 0 10px 30px; }
  .seller-header-heading{ line-height: 90px; margin-bottom: 0; }
  .category-div{overflow:auto;height:300px;position:relative}
  .search-result-li a{ display: table; padding: 4px 0; width: 100%; height: inherit; }
}

.checkbox-row label{ display: block; }
.buyer-risk-factor-form .modal-body{ height: 70vh; overflow: auto; }
.question-container { position: relative;width: 100%; cursor: pointer; margin: 0 0 15px 0; padding: 5px 10px 5px 0px; border: 1px solid #999999; border-radius: 5px; background: #eeeeee; }
.question-container h3{ margin-top: 0; margin-bottom: 15px; }
.question-container input[type="radio"],
.question-container input[type="checkbox"] { position: absolute; opacity: 0 }
.question-container input[type="radio"]:checked ~ span,
.question-container input[type="checkbox"]:checked ~ span { color: #00a65a; border-color: #00a65a; }
.question-container input[type="radio"]:checked ~ span i,
.question-container input[type="checkbox"]:checked ~ span i { color: #00a65a; /*display: block;*/ }
.question-container span { position: relative; padding-left: 25px; display: block; }
.question-container span i{ position: absolute; left:0px; font-size: 20px; color: #d2d6de; /*display: none;*/ }

.eaab-certificate-status {width: 98%;padding: 6px 12px;font-size: 14px;line-height: 1.3;color: #555555;background-color: #fff;background-image: none;border: 1px solid #d2d6de;}
.m--l-0 { margin-left: 0px !important; }

/*--------- selectize ----------------*/
.selectize-control.multi .selectize-input [data-value]{ text-shadow: none; box-shadow: none; -webkit-box-shadow: none; filter: unset; background-image: none; background: #3c8dbc; border-radius: 4px; }
.selectize-control.multi .selectize-input [data-value].active{ background-color: #3c8dbc; background-image: none; }
.selectize-control.multi .selectize-input > div,
.selectize-control.multi .selectize-input > div.active{ border-color: #3c8dbc; margin: 0 5px 5px 0; }
.selectize-dropdown .active {background-color: #3c8dbc; color: #ffffff; cursor: pointer;}
.selectize-control.plugin-remove_button [data-value] { padding-right: 10px !important; padding-left: 25px !important; }
.selectize-control.plugin-remove_button [data-value] .remove{ left: 5px; border: none; font-size: 14px; color: rgba(255,255,255,0.7); }

.tag{ background-color: #3c8dbc;border-color: #367fa9;padding: 1px 5px;color: #fff; border-radius: 4px; margin-right: 5px; }
.valuation-option-container label{ display: block; }

/*-------------- agency article page ------------*/
/*.article-description table { width: 100% !important; }
.article-description table tr td { border: 1px solid; padding: 5px; }*/

.font14{ font-size: 14px; }
.font34{ font-size: 34px; }
.font20{ font-size: 20px; }

.payment-request-index select.form-control{ width: 100%; width: auto; }

.jcrop-keymgr{ display: none; }
.b-card__img-container {
    border: 7px solid #ffffff;
    margin: 15px auto;
    height: 159px;
    width: 159px;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    border-radius: 50%;
}
.bfs-broker-image-preview { position: relative; overflow: hidden; width: 194px; height: 194px; margin: 15px auto; border-radius: 8px; }
.bfs-broker-image-preview img { -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);}
.support-category{ border: 1px solid #93befa; text-align: center; border-radius: 5px; margin-bottom: 20px; }
.support-category a{ display: block; padding: 15px; font-size: 18px; font-weight: 500px; }
.search-container{ margin: 0 auto; max-width: 80rem; position: relative; z-index: 10; height: 6rem; width: 100%; }
.search-container input{ display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 6rem;
    width: 100%;
    border-radius: .4rem;
    background: #fff;
    padding: 0 6rem;
    border: 1px solid #3C8DBC;
    outline: none;
    -webkit-box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.1);
    font-size: 1.2rem;
    color: #606060;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out; }

.search-container .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6rem;
    text-align: center;
    color: #3C8DBC;
    font: normal normal normal 14px/1 FontAwesome;
}

.search-container .icon:before {
    font-size: 2rem;
    line-height: 6rem;
    content: "\f002";
}

.search-container.active-search .icon:before {
    content: "\f05c";
}

.search-container .support-form-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    font: normal normal normal 14px/1 FontAwesome;
}

.search-container .support-form-loader:before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 2px solid #3C8DBC;
    border-right: 2px solid transparent;
    -webkit-animation: fa-spin .6s infinite linear;
    animation: fa-spin .6s infinite linear;
}

.support-separator-text{ text-align: center; padding: 10px; }

.support-center-search-results { position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 0 0.6rem 2.5rem rgba(0,0,0,.3);
    box-shadow: 0 0.6rem 2.5rem rgba(0,0,0,.3);
    margin-top: 1rem;
    border-radius: .4rem;
    text-align: left; }

.support-center-search-results .search-results-inner {
    padding: 2rem 2rem 2rem;
    max-height: 32rem;
    overflow-y: auto;
}

.support-center-search-results p {
    font-size: 1.6rem;
    font-weight: bold;
    color: #606060;
    margin: 0 0 2rem;
}

.support-center-search-results ul, .most-accessed-article{ margin: 0; padding: 0; }

.support-center-search-results li,
.most-accessed-article li {
    list-style: disc;
    width: auto;
    margin-left: 2rem;
}

.support-center-search-results li a,
.most-accessed-article li a {
    display: block;
    font-size: 1.5rem;
    color: #3C8DBC;
    margin-top: 2rem;
    font-weight: 600;
}

.support-center-search-results li a strong,
.most-accessed-article li a strong {
    display: block;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #ccc;
    width: 100%;
    font-weight: bold;
}
.support-center-search-results dl { margin-bottom: 0; }
.support-center-search-results dl dt {
    font-size: 1.4rem/2rem;
    color: #f4ac0d;
}
.support-center-search-results dl dd {
    font-size: 1.1rem/2rem;
    color: #999;
}
.support-center-search-results.no-results .search-results-inner {
    padding-bottom: 3rem;
}

.support-category-groups .support-category-group {
    margin-bottom: 4rem;
    border-bottom: .1rem solid #e0e0e0;
    padding: 0 2rem 2.5rem;
}

.support-category-groups h2 {
    color: #606060;
    margin-bottom: 2rem;
    font-size: 2rem;
}

.support-category-groups ul {
	margin: 0;
	padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

.support-category-groups ul li {
    width: 100%;
    padding-right: 2rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    position: relative;
}

.support-category-groups ul li:before {
    content: "\2022";
    line-height: 1.8rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    color: #4a4a4a;
}

.support-category-groups ul li a {
    font-size: 1.4rem/2rem;
    color: #3C8DBC;
}

@media (min-width: 768px) {
	.support-category-groups ul li{ width: 50%; }
}

.most-accessed-article-heading h4{ margin-top: 0; margin-bottom: 20px; }
.product-info.m-l-10 { margin-left: 10px; }
.product-info.m-l-0 { margin-left: 0px; }
.m-b-5{ margin-bottom: 5px !important; }
.m-r-10{ margin-right: 10px; }
.font-12{ font-size: 12px; }
.list-view li.item,
.list-view div.item{ padding: 0px; }
.list-view li.item > .product-info,
.list-view div.item > .product-info{ background: #f7f7f7; padding: 10px; border-radius: 3px; }
.list-view .product-description{ color: #777; }
.summary{ text-align: left; }
.products-list .product-title { word-break: break-word; }
/*.product-title .icheckbox_square{ background-position: -24px 0; }
.icheckbox_square.checked { background-position: -48px 0; }*/

.sector-category-heading{ padding: 5px; font-weight: bold; background: #c5c5c5; }
.black-border{ border: 1px solid #222d32; border-collapse: unset; }
.select2-container .select2-selection--multiple .select2-selection__rendered{ white-space: normal !important; word-wrap: break-word; }
.break-word{ word-break: break-word; }
.mobile-container .table>tbody>tr>td{ word-break: break-word; white-space: normal; }
.mobile-container .table > thead > tr > th,
.mobile-container .table > tbody > tr > th,
.mobile-container .table > tfoot > tr > th,
.mobile-container .table > thead > tr > td,
.mobile-container .table > tbody > tr > td,
.mobile-container .table > tfoot > tr > td { vertical-align: middle; }
.panel-group{ margin-bottom: 0; }
.nav-arrow-left-mobile, .nav-arrow-right-mobile{ position: absolute; z-index: 1; cursor: pointer; font-size: 25px; }
.nav-arrow-right-mobile{ right: 41%; }
.nav-arrow-left-mobile{ left: 41%; }
.financial-container-mobile{ padding: 15px 0 0 0; }
.financial-container .nav-arrow-left-mobile, .financial-container .nav-arrow-right-mobile{ top: -14px; }
.mandate-image-mobile-container ul { list-style: none; padding: 0; margin: 0; }
.mandate-image-mobile-container ul li{ display: inline-block; padding: 5px; }
.table-sticky{ overflow: scroll; }
.table-sticky thead th { position: -webkit-sticky; position: sticky; top: 0; background: #F9F9F9; }
.table-sticky tbody td:first-child,
.table-sticky thead th:first-child { position: -webkit-sticky; position: sticky; left: 0; background: #F9F9F9; z-index: 1; white-space: normal !important; }
.table-sticky thead th:first-child{ z-index: 2; }
.table-sticky .no-wrap-table tbody td:first-child,
.table-sticky .no-wrap-table thead th:first-child{ white-space: nowrap !important; }
.financial-month-check-for-mobile{ position: absolute; width: 100%; min-height: 165px; z-index: 3; margin: 5px 0 0 0; }
.financial-month-check-for-mobile:before{ content: ""; display: block; position: absolute; top: -9px; left: 1px; width: 0; height: 0; float: left; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #65A7CD; }
.file-desc-for-mobile{ padding: 5px 0; }
.buyerStatus{ display: initial; margin-left: 10px; padding:2px 10px; font-size:16px; font-weight:bold; }
.buyerStatusForMobile{ display: block; margin-top: 5px; padding:6px; font-size:16px; font-weight:bold; }
.full-width-collapse > a{ display: block;}
.full-width-collapse > .fa{ margin-top: -15px;}
.loader-screen{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, 0.6); z-index: 9999;}
.loader-image-container{ display: flex; align-items: center; justify-content: center; height: 100%; }
.loader-inner{ display: flex; align-items: center; width: 92%; background: #fff; border-radius: 3px; text-align: left; padding-left: 20px; box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.78); -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.78); -moz-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.78); }
.panel-heading{ padding: 10px; }
.panel-body{ padding: 10px; }

.buyer-view .nav-tabs-custom>.tab-content {
  padding: 0;
}
.buyer-view .risk-factor-label > .label {
  padding: 7px 10px;
  position: absolute;
  transform: rotate(-45deg);
  top: 20px;
  left: -29px;
  width: 125px;
  font-size: 12px;
}
.buyer-view .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buyer-view .buyerStatus {
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 7px;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  text-align: center;
}
.buyer-view .info-seperator {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.buyer-view .address-list li {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #bfbfbf;
}
.buyer-view .address-list li:last-child {
  border: none;
  padding-bottom: 0;
}
.buyer-view .heading-with-action {
  display: flex;
  justify-content: space-between;
}
.buyer-view .inline-action-btn-container {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 10px;
  background: #FFFFFF;
  opacity: 0;
}
.buyer-view .products-list > li:hover .inline-action-btn-container {
  opacity: 1;
}
.buyer-view .view_tree li:last-child::before {
  height: 25px;
}
.buyer-view .view_tree li::after {
  height: 15px;
  top: 20px;
  width: 25px;
}
.buyer-view .view_tree li {
  padding: 10px 0 0 0;
}
.buyer-view .nav.tabs-left > li > a {
  padding-left: 6px;
  padding-right: 6px;
}
.allocated-broker-container {
  display: flex;
  flex-wrap: wrap;
}
.allocated-broker-container .allocated-broker {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5px;
}
.allocated-broker-container .allocated-broker .allocated-broker-image {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid #bfbfbf;
  box-shadow: 0 0 6px #9f9f9f;
}
.allocated-broker-container .allocated-broker img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.allocated-broker-container .allocated-broker .deallocate-icon {
  position: absolute;
  top: -8px;
  right: -4px;
  background: #FFFFFF;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid #bfbfbf;
  box-shadow: 0px 0px 6px #9f9f9f;
  width: 20px;
  height: 20px;
  line-height: 15px;
  text-align: center;
}
.allocated-broker-container .allocated-broker .deallocate-icon.full-width-height {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  line-height: 50px;
}
.display-flex {
  display: flex;
  align-items: center;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.overflow-hidden {
  overflow: hidden;
}
.row10 {
  margin-right: -10px;
  margin-left: -10px;
}

.loader-ring {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.loader-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 10px;
  border: 3px solid #367fa9;
  border-radius: 50%;
  animation: loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #367fa9 transparent transparent transparent;
}
.loader-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.loader-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.loader-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.dash-third-flex { display: flex; flex-direction: column-reverse; }
.products-list .without-white-space{ white-space: normal;}
@keyframes loader-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 992px) {
  .dashboard.small-font{ font-size: 12px; }
	.p-l-r-4{ padding-left: 15px; padding-right: 15px; }
	.top-search-container { width: calc(400px - 85px); left: 50%; margin-left: -262px; }
}

@media (max-width: 479px) {
	.displayAttachments .mailbox-attachments li{ width: 100%; }
}

@media (min-width: 480px) and (max-width: 767px) {
	.displayAttachments .mailbox-attachments li{ width: 50%; }
}

@media (max-width: 767px) {
	.content-header h1{ font-size: 18px; }
	.top-search-container { width: calc(100% - 95px); left: 0; margin-left: 0; }
	.quick-notification{ width: 96%; margin-left: 2%; }
	.table-responsive{ margin-bottom: 0; border: none; }
	.franchise-status label{ padding-right: 7px; }
	.select2-custom-width-dropdown{ width: 100% !important; }
	/*.advance-search-submit .dropdown.pull-right{ float: none !important; margin-top: 5px; }
	.full-width{ width: 90% !important; }*/
	.m--b-xs-10{ margin-bottom: 10px !important; }
	.navbar-nav>.user-menu .user-image { margin-top: -5px; }
	.form-group .control-label{ float: none; }
  table.detail-view th{width:40%}
  .renderDataDivMandateFinancialsMonth{ min-height: auto; }
  .financial-month-check-for-mobile{ width: calc(100vw - 72px); }
  .dropdown-menu > li > a {font-size: 16px;color: #777 !important;}
  .elastic-search-result-div {width: calc(100vw - 43px);top: 100%; border: none; border-radius: 8px;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.18);}
  .search-result-heading {
      border: none;
      font-size: 22px;
      font-weight: 700;
      color: #0E1F3D;
  }
  .item-container > .item.search-result-li {background: #FFFFFF; padding: 0 10px 0 5px !important; margin-bottom: 17px;}
  .item-container > .item.search-result-li:last-child {margin-bottom: 0;}
}

/* responsive table */
.mobile-table table, .mobile-table thead, .mobile-table tbody, .mobile-table th, .mobile-table td, .mobile-table tr { 
  display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.mobile-table thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.mobile-table tr { border: 1px solid #ccc; }

.mobile-table td { 
  /* Behave  like a "row" */
  border: none;
  border-bottom: 1px solid #eee; 
  position: relative;
  padding-left: 50% !important; 
}

.mobile-table td:before { 
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 50%; 
  padding-right: 10px; 
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}

/*
Label the data
*/
.mobile-table td:before { content: attr(data-label); }
.without-border{ border: 0 !important;}
.upload-audio-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/*---- online mandate form page design ----------*/
.online-mandate .content{ padding: 15px; background: #ecf0f5; }
.online-mandate .main-header .logo{ background-color: #0e1f3d; height: 70px; }
.online-mandate .seller-header-heading{ line-height: 70px; }
.online-mandate .main-header .navbar{ background-color: #0e1f3d; }
.online-mandate .main-header .logo .logo-lg img{ max-height: 60px; margin-top: 10px; }
.online-mandate .main-sidebar { background-color: #5b7282; }
.online-mandate.fixed .content-wrapper, .online-mandate .main-sidebar{ padding-top: 70px; }
.online-mandate .sidebar-menu>li.active>a{ border-left-color: #45af30; }
.online-mandate .sidebar-menu>li:hover>a,
.online-mandate .sidebar-menu>li.active>a,
.online-mandate .sidebar-menu>li.menu-open>a { background: #45af30; }
.online-mandate .sidebar-menu>li>a { border-left: 3px solid transparent; }
.online-mandate .sidebar a { color: #ffffff; }
.online-mandate .content-wrapper{ background: #fff;}
.online-mandate .popover{ background-color: #cccccc; box-shadow: none; -webkit-box-shadow:none; z-index: 1029; }
.online-mandate .popover.right > .arrow:after{ border-right-color: #cccccc; }
.online-mandate .popover.bottom > .arrow:after{ border-bottom-color: #cccccc; }
.online-mandate .popover.top > .arrow:after{ border-top-color: #cccccc; }
.help-container h4{ color: #fff; background: #122950; padding: 10px; border-radius: 5px 5px 0 0; margin: 0; }
.help-container .help-text{ background-color: #cccccc; color: #0e1f3d; padding: 10px; border-radius: 0 0 5px 5px; }
.help-container:nth-child(2) .help-text{ background-color: #e6e1e1; }
.help-container:nth-child(3) .help-text{ background-color: #b0b0b0; }
.help-container:nth-child(4) .help-text{ background-color: #c9c9c9; }
.help-container:nth-child(5) .help-text{ background-color: #ebebeb; }
.row.display-table {
  display: table;
}
.row.display-table > [class^="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.preview-mandate-form-text{ text-align: justify; text-justify: inter-word; }

.switch-on-off {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0;
	border-radius: 18px;
	cursor: pointer;
	box-sizing:content-box;
}
.switch-on-off-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-on-off-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
}
.switch-on-off-label:before, .switch-on-off-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-on-off-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-on-off-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-on-off-input:checked ~ .switch-on-off-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-on-off-input:checked ~ .switch-on-off-label:before {
	opacity: 0;
}
.switch-on-off-input:checked ~ .switch-on-off-label:after {
	opacity: 1;
}
.switch-on-off-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-on-off-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-on-off-input:checked ~ .switch-on-off-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.popover-container-col{ position: relative; display: flex; align-items: center; width: 100%; }
.popover-container-col .popover{ top: auto !important; }
.popover-container-col .popover .arrow{ top: 50% !important; }
.popover-container-col .popover .popover-content{ top: auto; }
#onlinemandateformdata-mandatetype{ width: 519px; }

/* Transition========================== */
.switch-on-off-label, .switch-on-off-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
.iframe-container{ position: relative; overflow: hidden; width: 100%; padding-top: 58%; }
.iframe-border{border: 1px solid;}
.iframe-container iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.iframe-container .mandate-form-loader{ position: absolute; width: 100px; top: calc(50% - 50px); left: calc(50% - 50px); }
.mobile-form-control label{display: block;}
@media (min-width: 992px) {
	.online-mandate select.form-control,
  .online-mandate textarea.form-control,
  .online-mandate input.form-control{width:68%}
}

.progress-steps {
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
}

.progress-steps li {
  position: relative;
  width: calc(25% - 3px);
  display: inline-block;
  background: #dad8d8;
  height: 10px;
  border-radius: 5px;
}

.progress-steps li.active {
  background: #00a65a;
}

.progress-steps li:after {
  position: absolute;
  content: attr(data-label);
  text-align: center;
  width: 100%;
  top: 15px;
  left: 0;
}

.tooltip.show-always {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  opacity: 1;
}

.tooltip.show-always .tooltip-inner {
  max-width: 205px;
  background-color: #b0d8ef;
  color: #262626;
}

.tooltip.show-always .tooltip-arrow {
  border-right-color: #b0d8ef;
}

.summary-link.disabled {
  cursor: default;
  color: #777777;
}

.summary-link.disabled:hover,
.summary-link.disabled:active,
.summary-link.disabled:focus {
  color: #777777;
  background: #FFFFFF;
  border-color: #FFFFFF #FFFFFF #ddd;
}

.buyer-stage {
  width: fit-content;
  padding: 5px 10px;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  min-width: 100px;
  text-align: center;
  margin: 10px auto;
  border-radius: 2px;
}

.buyer-stage.ready {
  background: #001F3F;
}

.buyer-stage.willing {
  background: #f39c12;
}

.buyer-stage.able {
  background: #00a65a;
}

.buyer-stage.enquiry {
  background: #605ca8;
}

.buyer-stage.not-able {
  background: #dd4b39;
}

.mandate-view-container .map,
.agency-view-container .map {
  height: 300px;
  width: 100%;
}

.mandate-view-container .map .embed-responsive-item,
.agency-view-container .map .embed-responsive-item {
  object-fit: cover;
}

.table-column-container {
  display: flex;
  flex-wrap: wrap;
}

.table-column-container .form-group label {
  font-weight: normal;
}

.table-column-container .form-group > div {
  display: flex;
  flex-direction: column;
}

.otp-loi-status {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.read-only-input {
  border: none;
  background: transparent;
  outline: none;
}

.verified-icon,
.verified-icon-mobile {
  position: relative;
  color: #1c93e7;
}

.verified-icon {
  font-size: 15px;
}

.verified-icon-mobile {
  font-size: 20px;
}

.verified-icon i,
.verified-icon-mobile i {
  position: absolute;
  left: 2px;
  color: white;
  top: 3px;
}

.verified-icon i {
  font-size: 9px;
}

.verified-icon-mobile i {
  font-size: 13px;
}