.sing_doc_link{
	background: rgba(13, 110, 253, 0.14);
	border: 1px solid rgba(13, 110, 253, 0.45);
	color: #0d47a1; 
	font-weight: 600; 
	text-decoration: none;
	min-height: 90px;
	line-height: 90px;
}
.left-sidebar{
	z-index:1020;
	padding-top:0;
}
.no_active{
	background: #cdcdcd !important;
}
.form-group.error .form-control{
	background: #f4c7c7;
	color:#000;
}
#date_range{min-width:280px;}
.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\e64a" !important; 
}
.daterangepicker .calendar-table .next span {
  transform: rotate(135deg) !important;
  -webkit-transform:rotate(135deg) !important;
}
.daterangepicker .calendar-table .prev span {
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
}
form label{font-weight:600 !important; cursor:pointer;}
::placeholder {
  color: #ddd !important;
  opacity: 1; /* Firefox */
}
.my_filters .send_box{
	float:left;
}
.login-register .form-control{
	text-align: right;
	direction: rtl;
}
#sum_all_comiss, #sum_all_comiss_2025, #sum_comiss{
	direction: ltr;
    text-align: right;
}
.ajax-table th{font-weight:600 !important;}
.dataTables_filter{margin-bottom:20px; width:100%;}
.my_filters{width:100%;}
.my_filters .col-md-auto{
	float:right;
	margin-left: 15px;
}
.sb-hide{display:none;}
/* bulk actions under the list filters: the record actions in the first row, the direction status below */
.my_filters .bulk_actions{
	float:none;
	clear:both;
	width:100%;
	margin-top:10px;
	padding-top:15px;
	border-top:1px solid #e9ecef;
}
.my_filters .bulk_actions_row{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	column-gap:15px;
}
.my_filters .bulk_actions_row > *{margin-bottom:10px;}
.my_filters .bulk_actions form{margin:0;}
.my_filters .bulk_actions select{
	width:auto;
	min-width:180px;
	height:38px;
	padding:6px 12px 5px;
}
.my_filters .bulk_actions .btn{
	height:38px;
	min-width:100px;
}
.modal-dialog.modal-sbiframe-iframe{
	width:80%;
	max-width:80%;
}
.modal-dialog.modal-sbiframe-iframe.modal-sbiframe-sm{
	width:500px;
	max-width:500px;
}
/* The switch - the box around the slider */
.switch-btn {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 16px;
}
/* Hide default HTML checkbox */
.switch-btn-input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.switch-btn-main {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f00;
    -webkit-transition: .1s;
    transition: .1s;
    border-radius: 3em;
}

.switch-btn.pale .switch-btn-main {
    background-color: #E5EEEE;
}

.switch-btn-main:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
    -webkit-transition: .1s;
    transition: .1s;
    border-radius: 50%;
}

.switch-btn-input:checked + .switch-btn-main {
    background-color: #478e51;
}

.switch-btn-input:focus + .switch-btn-main {
    box-shadow: 0 0 1px #478e51;
}

.switch-btn-input:checked + .switch-btn-main:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
}

.switch-btn-input:disabled + .switch-btn-main{
    background-color: #E5EEEE;
}
.steps {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.steps__item {
	position:relative;	
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.steps__item.first{display:none;}
.steps__bg_fill{
  background-color: #00c292;
  height: 12px;
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position:absolute;
  
}
.form-select{
	background-position: left .75rem center;
}
/* The material underline replaces the select arrow, so the payment direction looked like plain text */
.form-material .payment-direction-field .form-select,
.form-material .payment-direction-field .form-select:focus{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), linear-gradient(#fb9678, #fb9678), linear-gradient(#e9ecef, #e9ecef);
	background-position: left .25rem center, center bottom, center calc(100% - 1px);
	background-repeat: no-repeat;
	background-size: 16px 12px, 0 2px, 100% 1px;
	padding-left: 1.75rem;
}
.form-material .payment-direction-field .form-select:focus{
	background-size: 16px 12px, 100% 2px, 100% 1px;
}
.steps__item-above {
	white-space: nowrap;
  opacity: 1;
  position: absolute;
  top: 0;
  height: 24px;
  -webkit-transform: translateY(calc(-100% - 5px));
      -ms-transform: translateY(calc(-100% - 5px));
          transform: translateY(calc(-100% - 5px));
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.steps__item-main {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  background-color: #ccc;
  border-radius: 50%;
}

.steps__item svg {
  margin-right: 2px;
  display: none;
}

.steps__item::before {
  content: "";
  display: block;
  background-color: #ccc;
  height: 12px;
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.steps__item:first-child {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.steps__item:first-child::before {
  display: none;
}

.steps__item.active .steps__item-main {
  background-color: #00c292;
}


.steps__item.active svg {
  display: block;
}

.steps__item.current-step .steps__item-above {
  opacity: 1;
}

table.dataTable tbody tr.client-process-fund-locating-row,
table.dataTable tbody tr.client-process-fund-locating-row:hover,
table.dataTable tbody tr.client-process-fund-locating-row > td,
table.dataTable tbody tr.client-process-fund-locating-row:hover > td {
	background-color: #f1e7ff;
}

.fin-agent-banner {
	border: 1px solid #2e7d5b;
	border-radius: 8px;
	padding: 10px 16px;
	margin-bottom: 15px;
	background-color: #f4faf7;
	text-align: right;
}

.fin-agent-banner__title {
	font-size: 16px;
	font-weight: 700;
	color: #1f2a24;
	line-height: 1.3;
}

.fin-agent-banner__subtitle {
	font-size: 12px;
	color: #6b7772;
	line-height: 1.3;
}

/* Card layout editor (#223) */
.card-layout-level,
.card-layout-source {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}
.card-layout-level select {
	width: auto;
	min-width: 220px;
}
.card-layout-row {
	border: 1px dashed #b9c3cc;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 15px;
	background: #fafbfc;
}
.card-layout-row-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.card-layout-row-head select {
	display: inline-block;
	width: auto;
}
.card-layout-row-handle,
.card-layout-handle {
	cursor: move;
	color: #8a97a3;
}
.card-layout-column {
	min-height: 60px;
	height: 100%;
	padding: 6px;
	border: 1px solid #e3e7eb;
	border-radius: 4px;
	background: #fff;
}
.card-layout-field {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 6px;
	margin-bottom: 6px;
	border: 1px solid #d5dce3;
	border-radius: 4px;
	background: #f4f6f8;
	cursor: move;
}
.card-layout-field input {
	flex: 1 1 120px;
	min-width: 0;
}
.card-layout-note {
	flex-basis: 100%;
	color: #6c7a87;
}
.card-layout-field-hidden {
	opacity: .55;
}
.card-layout-note-hidden {
	color: #b02a37;
}
.card-layout-ghost {
	opacity: .4;
}
