.left-sidebar{
	z-index:1020;
	padding-top:0;
}
.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_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;}
.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;
}
.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;
}