/*# sourceMappingURL=custom.css.map */

h1{
	margin-top:5px;
	margin-bottom:5px;
}

.darktab .nav-tabs li{
    background:#EEEEEE
    ;
}

.darktab .nav-tabs li.active a{
    background:#DDDDDD
    ;
}

.nopadlist > ul > .mx-listview-item {
	padding: 0px;
}

.slideout-button {
	text-weight: bold;
}

.rightpadded{
	margin-right: 10px;
}

.groupBlue > .mx-groupbox-header{
	background: #3f4f7b;
	color:white;
	text-weight: bold;
}

.groupBlue > .mx-groupbox-body{
	border-color: #3f4f7b;
}

.groupOrange > .mx-groupbox-header{
	background: #f7991e;
	color:white;
	text-weight: bold;
}

.groupOrange > .mx-groupbox-body{
	border-color: #f7991e;
}

.groupContainer .mx-groupbox:nth-child(even) > .mx-groupbox-header {
	background: #f7991e;
	color:white;
	text-weight: bold;
}

.groupContainer .mx-groupbox:nth-child(even) > .mx-groupbox-body {
	border-color: #f7991e;
}

.groupContainer .mx-groupbox:nth-child(odd) > .mx-groupbox-header {
	background: #3f4f7b;
	color:white;
	text-weight: bold;
}

.groupContainer .mx-groupbox:nth-child(odd) > .mx-groupbox-body {
	border-color: #3f4f7b;
}

.noBordersList > .mx-list > .mx-listview-item {
	padding:0px;
	margin:0px;
	border:0px;
}

.mx-listview-empty{
	display: none;
}

.labelTable > tbody > tr > td:first-child {
	color: #666;
    font-weight: 600;
    text-align: right;
    padding-right:23px;
}
		
.mx-navbar-subitem a{
	font-size:14px!important;
	color:black!important;
}

.mx-radiobuttons.inline .mx-radiogroup .radio{
	margin: 0px 8px 0px 0px;
}

.mx-radiobuttons .radio input[type="radio"] {
    margin-right: 6px;
}

input[type='radio']+label {
	margin-left:0px;
}

.loginpage-africadirectimage{
	height: 100%;
    animation: makePointer 1s ease-out both;
    /*background: left / cover no-repeat url('https://africadirectgroup.co.za/wp-content/uploads/2019/12/78773744_23843945777030749_9090080144890003456_n.png');*/
    background: left / cover no-repeat url('/img/Broker$images$Bracket_Background_01.jpg');
}

.incomeexpenselist > ul > li > div .mx-referenceselector{
    display:inline-block;
    width:35%;

}

.incomeexpenselist > ul > li > div .mx-textbox{
    display:inline-block;
    width:25%;
    margin-left:4px;
}

.incomeexpenselist > ul > li{
	padding:0px;
	margin:0px;
	border:0px;
}

.incomeexpenselist > ul > li:last-child{
	border:0px;
}

.lineitemnote{
    display: inline-block;
	max-width: 50%;
	text-overflow: clip;
	overflow: hidden;
}

.noborderlist > ul > li{
    border:0px;
	padding: 4px 8px;
}


.noborderlist > ul > li:last-child{
    border:0px;
}

.noborderlist > ul > li:hover{
	background-color:inherit;
}

.mandateList > ul > li .mx-checkbox{
	display:inline-block;
	margin-right:0px;
	margin-bottom:4px;
	margin-top:4px
}

.brokerregion{
  background-image: url("/img/Broker$images$Background_01.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}

.brokercontainer{
	background:white;
	border:0px;
	border-radius: 12px;
    padding:20px 20px 10px 20px;	
	margin-top: 10px;
}

.brokercontainer .infoblock{
	background-color:#f1f2f4;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	margin-top:20px;
	border-radius:5px;
}

.brokercontainer .form-horizontal .control-label{
	text-align:left;
	padding-left:100px;
}

.brokertitleblock{
	text-align: center;
	margin-top:20px;
	margin-bottom:10px;
}

.brokertitleblock h1{
	color: #f4f8ff;
}

.layout-atlas .region-topbar::before{
	display:none;
}

.layout-atlas .brokertopbar{
	border-bottom: 0px;
	background:#f1f3f2;
	margin-bottom : 0px;
}

.layout-atlas .region-topbar::after{
    width:100%;
    height:5px;
    background:linear-gradient(to right ,#F9B318, #EE8022);
    z-index: 1;
    display: block;
    content: "";
}

.layout-atlas .region-topbar{
	border-bottom:0px;
}


.brokertopbar .topbar-content{
	padding-left:30px;
}

.stepContainer{
	border: 0px solid;
	border-radius: 5px;
	background: linear-gradient(to right ,#d4d7dc, #d4d7dc);
    color: white;
	padding: 10px 20px;
	margin-right: 4px;
	margin-left: 4px;
	/* width:200px; */
}

.activeStep{
		background: #EE8022;
}

.completeStep{
		background: #65ce5d;
}


.steprow{
	padding: 30px 30px 0px 30px;
}

.stepDataView{
	padding:8px 30px;
}

.stepDataView .btn{
	border-radius: 20px;
	border: 1px solid #dbdbdb;
	color: #dbdbdb;

}

.stepDataView .btn:hover{
    background-color: #F9B318;
    color: whitesmoke;
	border:2px solid #EE8022;
}

.stepDataView .btn:active{
    background-color: #F9B318;
    color: whitesmoke;
    border: 2px solid #EE8022;
}

.stepDataView .btn:focus{
    background-color: #F9B318;
    color: whitesmoke;
    border: 2px solid #EE8022;
}


.stepDataView .btn-success{
    color: white;
    background-color: #EB6E24;
}

.stepDataView .btn-info{
    color: white;
    background-color: #F9B318;
}


.inputformgroupbox{
	margin-bottom: 12px;
}

.inputformgroupbox > .mx-groupbox-header{
	background: #f0f0f0;
	color: #666;
	font-weight: bold;
}

.brokertopbar .mx-navbar ul.nav>li.mx-navbar-item>a{
	min-height:auto;
}

.brokertopbar table.mx-table>tbody>tr>td {
	vertical-align: middle;
    padding: 0px;
}

.brokermenu{
	min-height: auto;
	margin-right:25px;
}

.region-topbar .brokermenu ul.nav>li.mx-navbar-item>a{
	color: #333;
}

.region-topbar .brokermenu ul.nav>li.mx-navbar-item>a:hover{
	color: #EB6E24;
}

.mandatePopup > .modal-content > .modal-header > h4{
    display:none;
}

.mandatePopup > .modal-content > .modal-header{
    border:0px;
}

.mandatePopup > .modal-content > .modal-body{
    margin-top: -70px;
}

.mx-tabcontainer .mx-tabcontainer-tabs{
	margin-bottom:0px;
}

.tabbuttons{
	border-bottom:1px solid gray;
}

.applicationTitle{
	font-size: 24px;
	font-weight: bold;
	color: #17347B;
}

.nooverflowcell{
	overflow-x:hidden;
}

.incomeexpenselist .mx-table td{
	padding: 0px 0px;
}

.incomeexpenselist .mx-table td input{
	padding: 2px 8px;
}

.incomeexpenselist .mx-table td .mx-textbox{
    margin-bottom: 5px;
}

.incomeexpenselist>ul>li:nth-child(even){
	background-color:whitesmoke
}

.incomeexpenseheader{
	margin-bottom:4px;
    margin-top:0px;
}

.incomeexpensetotal{
	text-align:center;
	font-weight:bold;
	color: #f7991e;
}

.quickapplicationfiledropper .filedropper__list{
	display: none;
}

.nopaddinglist > ul > li {
	padding:0px;
	margin:0px;
	border:0px;
}

.nopaddinglist > ul > li:last-child{
	padding:0px;
	margin:0px;
	border:0px;
}

.nopadaltlist >ul >li {
	padding:0px;
	margin:0px;
	border:0px;
}

.nopadaltlist >ul >li:hover{
	background-color:inherit;
	font-weight:500;
}

.nopadaltlist >ul >li:hover span{
	font-weight:500;
	color:#f7991e;
}

.nopadaltlist >ul >li:nth-child(even) {
	background-color:whitesmoke;
}


.nopadaltlist > ul > li:last-child{
	padding:0px;
	margin:0px;
	border:0px;
}

.debtconassessmentlist > ul{
	display:flex;
	align-items:center;
	justify-content: center;
}

.warningText{
	color:Orange;
}

.inlinecontainer{
	display:inline-block;
}

.editPopup .form-group{
	margin-bottom:2px;
}

.editPopup .form-group .control-label{
	font-size:12px;
}

.sidebarsearch .mx-grid-search-item{
    font-size:10px;
}

.sidebarsearch .mx-grid-search-label{
	width:90px;
}

.sidebarsearch .mx-grid-search-input{
	width:125px;
}

.sidebarsearch .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .form-control{
   height: 20px;
    font-size: 10px;	
    padding: 0px 8px;
}

.sidebarsearch .mx-name-reset{
	display:none;
}

.sidebarsearch .mx-name-search{
	font-size: 10px;
}

.sidebarsearch .btn{
	font-size: 10px;
}

.sidebarsearch{
	font-size: 12px;
}

.sidebarsearch table tbody tr td{
    padding: 4px 4px;
    border:0px;

}

.settlementsdrop{
	height:30px;
	min-height:30px;
}

.settlementsdrop .dropzone{
	height:30px;
	min-height:30px;
}

.settlementsdrop .dropzone{
	height:30px;
	padding: 0px;
}

.settlementsdrop .dz-message{
	margin:0px;
}

.NotesBlock{
    max-height:200px;
	overflow-y:auto;
}

.NotesBlockList > ul > li{
	padding:0px;
	margin:0px;
	border:0px;
	display:flex;
}

.NotesBlockList > ul > li:last-child{
	padding:0px;
	margin:0px;
	border:0px;
	display:flex;
}

.documentList > ul > li{
	padding:0px;
	margin:0px;
	border:0px;
}

.compressedtable>.mx-grid-content>table>thead>tr>th{
	padding: 2px 15px;
}

.compressedtable>.mx-grid-content>table>tbody>tr>td{
	padding: 2px 15px;
}

.altcolrowtable>.mx-grid-content>table>tbody>tr:nth-child(even)>td{
	background-color:#eee;
}

.sidebarfont{
	font-size:10px;
}

.sidebarfont .control-label{
	font-size:10px;
}

.monthlysummarytable .form-group{
	margin-bottom:0px;
}

.monthlynotes{
	font-size: 10px;
    font-style: italic;
    font-weight: 600;
    margin-left: 30px;
}

.smalltextlist{
	font-size: 10px;	
}

.smalltextlist .mx-groupbox>.mx-groupbox-header{
	font-size: 10px;
	font-weight:bold;
}

.smalltextlist select.form-control{
	font-size: 10px;
	padding:0px 30px 0px 2px;
}

.labelcolumn{
	text-align: right;
    padding-right: 30px;
    font-weight: 600;
}

.approvetext{
	color:green;
	font-weight:bold;
}

.declinetext{
	color:red;
	font-weight:bold;
}

.rejecttext{
	color:orange;
	font-weight:bold;
}

.confirmationText .control-label{
	font-size:10px;
}

.confirmationText .col-sm-offset-3{
	margin-left: 0;
}

.confirmationText .col-sm-9{
	width:100%;
}

.confirmationText{
	font-weight:500;
	font-size:10px;
}

.smallbutton{
	padding:4px 8px;
	font-size:12px;
	font-weight:500;
}

.namecolumn{
	width:25%;
    display: inline-block;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;

}

.namecolumn .mx-textbox{
	margin:0px;
	padding:0px;

}

.namecolumn input{
	padding: 2px 8px;
}

.notescolumn{
	width:50%;
    display: inline-block;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;

}


.groupboxOrange > .mx-groupbox-header {
	background: #f7991e;
	color:white;
	text-weight: bold;
}

.groupboxOrange > .mx-groupbox-body {
	border-color: #f7991e;
}

.groupboxBlue > .mx-groupbox-header {
	background: #3f4f7b;
	color:white;
	text-weight: bold;
}

.groupboxBlue > .mx-groupbox-body {
	border-color: #3f4f7b;
}

.insurancemonthlybox > .mx-groupbox-header{
	font-weight:bold;
	margin-top:2px;
}

.leftnavigationappbuttons{
	display:inline-block;
	width:50px;
	vertical-align: top;
}

.leftnavigationappbuttons .btn{
	width:48px;
	text-overflow:ellipsis;
	white-space:normal;
	text-align:center;
	padding:5px 1px;
	font-size:10px;
	font-weight:bold;
	overflow-x:hidden;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:1px;
}

.leftnavigationappbuttons .glyphicon{
	display:block
}

.sectiontitledropdown select[disabled]{
	border: 0px;
    background-color: inherit;
    font-weight: bold;
    background-image:none;
}

.sectiontitledropdown:after{
	display: none!important;
}

.groupboxlimitted .mx-groupbox-body{
	max-height: 400px;
	overflow-x:auto;
	overflow-y:auto;
}

.smallerFonts{
	font-size:10px;
}

.smallerFonts input{
	font-size:10px;
	padding:2px;
}

.smallerFonts .mx-listview-searchbar > .btn{
	padding:2px;
}

.mx-datagrid tbody .selected td {
    background-color: #F9B318;
}

.mx-datagrid table tbody tr.selected td, .mx-datagrid table tbody tr.selected:hover td {
    background-color: #F9B318 !important;
}

.tabbuttonscontainer .btn {
    border-radius: 4px 4px 0px 0px;
}

.guestquickapp .btn{
    color: #293b72;
}

.guestquickapp .btn-success{
    background-color: #293b72;
    border-color: #293b72;
	color: white;
}

.guestquickapp{
	color: #293b72;
}

.guestquickapp a:hover{
	color: #f08021;
}

.guestquickapp a{
	color: #f08021;
}

.guestquickapp .form-group .control-label{
	color: #293b72;
}

.mandateHeader{
	display:block;
	color:#293b72;
	font-weight:bold;
	font-size:14px;
	text-align: center;
	padding-bottom:20px;
	margin-top:10px;
}

.mandateBody{
	color:#293b72;
}

.gueststepscontainer{
	margin-top:15px;
	margin-bottom:30px;
}

.guestcontent{
	background-image: radial-gradient(circle at center,rgba(204,213,218,0.67) 0%,#bac9d1 100%)!important;
}

.guestbackgroundimage{
    background-image: url(https://www.bondoptimiser.co.za/wp-content/uploads/2020/10/Her-Sldr-Pat-04.svg);
    height: fit-content;
	min-height: 800px;
	background-size: 1600px;
	justify-content: flex-start!important;
    padding-top: 20px;
}

.whitecontainer{
	background-color: #ffffff;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    box-shadow: 0px 18px 33px -10px rgb(128 149 163 / 81%);
	width:90%;
	max-width:896px;
	min-height:500px;
	margin-top:10px;
}

.whitecontainer > .container-fluid{
	padding-top: 15px;
    padding-bottom: 15px;
}

.guestdebtassessmentheader{
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
    font-size: 26px;
    line-height: 1.2em;
	color:#293b72;
}

.bondoptimiserdebtassessmentheader{
	margin-right:min(219.6px,10%);
	margin-left:min(219.6px,10%);
}

@media (max-width: 800px) {
  .bondoptimiserdebtassessmentheader {
    margin-left:10px;
	margin-right:10px;
  }
  

}

.guesthomebtn{
	color: #ffffff!important;
    font-size: 14px;
    background-color: #293B72;
    border-radius: 25px;
    padding: 5px 25px 5px 25px !important;
    font-family: 'Open Sans';
	font-weight: 500;
}

.fixedheadertable table {
        display: block;
        max-height: 50vh;
        overflow-y: scroll;

        tbody tr td:first-child {
            width: 200px;
        }
}

.fixedheadertable thead{
	margin: 0;
    padding: 0;
    width: 100%;
    top: 0;
    z-index: 101;
    position: -webkit-sticky;
    position: sticky;
    background-color:white;
}

.valinput > input{
	text-align:right;
}

.fixedheadertable colgroup{
	width:900px;
}

.compressedTable table tbody tr td{
	padding:8px 2px;
	font-size:12px;
}

.labeltext{
	color: #666;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.42857;
	text-align:right;
}

.smalllist .form-group{
	margin-bottom:0px;
}

.smalllist>ul>li{
	padding:2px;
}

.smalllist>ul>li td{
	vertical-align:middle;
}

@media (max-width: 600px) {
  .largescreen{
	  display: none!important;
  }	
}

@media (min-width: 600px) {
  .smallscreen{
	  display: none;
  }
}

.activeSmallStep{
	background: #f5821f;
	color:white;
	border-radius:50%;
	width: 40px;
    padding: 10px 16px;	
}

.completeSmallStep{
	background: #65ce5d;
	color:white;
	border-radius:50%;
	width: 40px;
    padding: 10px 14px;	
}

.incompleteSmallStep{
	background: #dde4e8;
	color:white;
	border-radius:50%;
	width: 40px;
    padding: 10px 16px;	
}

.menubarfixed{
  width:900px;
}

.negvalue{
	color: red;
}

	
.RiskScoreDecline{
	background-color:#f24537;
	color: white;
}

.RiskScoreRefer{
	background-color:#ffb34f;
	color: white;
}

.RiskScoreAccept{
	background-color:#89c403;
	color: white;
}


.MuiSlider-thumb{
	transform: scale(1.3) ;
}

.MuiSlider-valueLabel{
	font-size: 1.4rem !important;
	left: -50% !important;

	transform: translatex(-8px) translateY(-10px) !important;
}


.SliderAccept .MuiSlider-colorPrimary{
	color: #89c403 !important;
}

.SliderRefer .MuiSlider-colorPrimary{
	color: #ffb34f !important;
}

.SliderDecline .MuiSlider-colorPrimary{
	color: #f24537 !important;
}

.mx-name-searchFieldRemoveBlank > select > option:nth-child(2){
	color:red;
	display:none;
}

.dashboardbanner{
	width:100%;
	border-radius:8px;
	background-color: #EEF0F2;
}

.dashboardbannersmalltext{
}

.dashboardbannerheadertext{
}

.dashboardinfoblock{
	width:100%;
	border-radius:8px;
	background-color: #EEF0F2;
}

.dashboardinfotitle{
	color: blue;
	font-weight: bold;
	font-size: 18px;
}

.dashboardinfosection{
	color: blue;
	font-size: 12px;
}

.dashboardinfolabel{
		font-weight: bold;
		display:block;
}

.horizontalSelect{
	
}

.horizontalSelect ul{
  display:flex;
}

.horizontalSelect ul li{
  border:0px;
}

.horizontalSelect ul li:last-child{
  border:0px;
}

.mx-window { width: 90%; }

.toggle-password-button{
	top: 8px !important;
    right: 24px !important;
}

.investorfilterlabel{
    vertical-align: middle;
    text-align: right;
    font-weight: bold;
    margin-right: 8px;
	min-width:92px;
}

.investorfilterdata{
	max-width:150px;
	width:150px;
	margin-right: 10px;
	> .form-group{
		margin-bottom:0px;
	}
}