@extends($layout_app)
@section('title', 'BettrAi | Generate Billable Reports')
@section('content')
<link href="{{ url('/assets/plugins/custom/datatables/datatables.bundle.css') }}" media="screen" rel="stylesheet" type="text/css" >
<link rel="stylesheet" href="{{ url('/assets/css/bootstrap-multiselect.min.css') }}?v={{ rand(11111,99999) }}" type="text/css" />
<link href="{{ URL::to('assets/css/pages/wizard/wizard-4.css') }}?v={{ rand(1000000,9999999) }}" rel="stylesheet" type="text/css" />
<style type="text/css">
	.mx-3 {
		margin-left: 0.11rem !important;
		margin-right: 0.11rem !important;
	}
	.nav{
		margin-bottom: -14px !important;
	}
	.action_td{
		width:20% !important;
	}
	.card.card-custom.card-stretch{
		border-radius: 1.5rem !important;
		/* padding: 10px 25px 25px 25px !important; */
	}
	.back_btn{
		margin-left: 60% !important;
	}
	.schedule_button{
			margin-left: 24% !important;
	}
	.p-5{
		padding: 5px !important;
	}
	.mb-5{
		margin-bottom: 6px !important;
	}
	.font-size-lg {
		font-size: 12px;
	}
	.symbol.symbol-40 > img {
		max-width: 25px !important;
		height: 25px !important;
	}
	.font-size-h6 {
		font-size: 12px !important;
	}
	.chat_timestamp{
		font-size: 12px !important;
	}
	.cust_header{
		min-height: 40px !important;
	}
	.message_count_span{
		height: 20px !important;
		width: 50px !important;
		padding: 2px 8px 2px 8px;
		margin-top: -22px;
		border-radius: 6px;
		margin-left: -25px;
	}
	.textarea_form{
		width:100% !important;
		border: 1px solid #ECF0F3 !important;
		padding:11px !important;
	}
	.filter_Section{
		margin-bottom: 10px;
	}
	.scroll-pull{
		height: 240px !important;
	}
   	.refresh_content{
		text-align: center;
		font-weight: 600;
		color: #FF0000;
		animation: blinker 1s linear infinite;
   	}
	/* .card.card-custom > .card-body {
		padding: 0.1rem 2.25rem !important;
	} */
	.dataTables_processing{
		background: none !important;
		border : 0 !important;
	}
	/* .btn, .create_button{
		padding: 0.65rem 1rem !important;
	} */
	.nav-tabs .nav-item {
		margin-bottom: -1px !important;
		margin-bottom: -1px !important;
		background: #f1f1f1 !important;
		border-radius: 0.42rem !important;
	}
	.nav-tabs .nav-link {
		border: 1px solid transparent !important;
	}
	.nav.nav-pills .nav-link {
		color: #8950FC !important;
		background-color: #EEE5FF !important;
	}
	.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
 		color: #ffffff !important;
  		background-color: #8950FC !important;
  		transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
	}
	.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
		    color: rgb(255, 255, 255);
		    background-color: #8950FC !important;
		}
	.select2-container{
		width: 100% !important;
	}
	
	#divLoadingInPopup1.tabloadershow1 {
		display: none;
		position: fixed;
		z-index: 100;
		background-image: url("{{ url('assets/images/loading-icon.gif') }}");
		opacity: 0.4;
		left: 0px;
		bottom: 0px;
		right: 0px;
		top: 50px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.inner_content{
		padding: 1px 25px !important;
	}
	.inner_container{
		padding: 0 5px !important;
	}
	.page-item:hover{
		padding :0px !important;
	}
	.custom-select{
		padding: 10px 22px 10px 10px !important;
	}
	.inner_nav_link{
		padding: 3px 10px !important;
	}
	.checkin_tab{
		margin-top: 10px;
	}
	table.table thead .sorting_asc{
		background: none !important;
	}
	.bootstrap-timepicker-hour, .bootstrap-timepicker-minute{
		margin-left: -38px !important;
	}
	.form-group {
		margin-bottom: 1.75rem !important;
	}
	/* .appoint_ddl{
		font-size: 1rem !important;
	} */
	.appoint_details_class{
		font-weight: 550 !important;
	}
	.log_rows{
		padding-bottom: 10px;
	}
	.log_divs{
		border-bottom: 1px solid #ddd;
		padding-bottom: 5px;
	}
	.row_heading{
		font-weight: bold;
		border: 1px solid #ECF0F3;
	}
	.heading_col{
		padding: 5px 3px 5px 12px;
		border-top: 1px solid #ECF0F3;
		border-left: 1px solid #ECF0F3;
		border-right: 1px solid #ECF0F3;
	}
	.data_row{
		border: 1px solid #ECF0F3;
	}
	.video_card_body{
		min-height: 400px;
	}
	.multiselect{
		text-align: left !important;	
	}
	.btn-group{
		width: 100% !important;	
	}
	@keyframes blinker {
		50% {
			opacity: 0;
		}
	}
	@media (max-width: 991.98px){
		.schedule_button{
			margin-left: 14% !important;
		}
	}
</style>
<style type="text/css">
  body { background-color:#fafafa;}
	.modal-header .btnGrp {
	position: absolute;
	top: 8px;
	right: 10px;
	}

	.min {
	width: 250px;
	height: 35px;
	overflow: hidden !important;
	padding: 0px !important;
	margin: 0px;
	float: right;
	position: static !important;
	}

	.min .modal-dialog, .min .modal-content {
	height: 100%;
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
	}

	.min .modal-header {
	height: 100%;
	width: 100%;
	margin: 0px !important;
	padding: 3px 5px !important;
	}

	.display-none { display: none; }

	button .fa {
	font-size: 16px;
	margin-left: 10px;
	}

	.min .fa { font-size: 14px; }

	.min .menuTab { display: none; }

	button:focus { outline: none; }

	.minmaxCon {
	height: 35px;
	bottom: 20px;
	right: 20px;
	position: fixed;
	
	z-index: 9999;
	}
	.name_color{
		color: #464E5F;
		text-decoration: underline;
	}
	.table.table-separate th:first-child, .table.table-separate td:first-child {
		padding-left: 15px !important;
	}
	.wizard-step {
		flex: auto !important;
	}
	.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{
		padding: 0.5rem 2.5rem !important;
	}
	.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper .wizard-label .wizard-title{
		font-size: 12px !important;
		font-weight: 500 !important;
	}
	#qualify_start_date, #qualify_end_date{
		width: inherit !important;
	}
	.exampleModalSizeSmQuali {
		height: 450px;
	}
	@media (max-width: 768px) {
		.exampleModalSizeSmQuali {
			height: auto !important;
		}
		#exampleModalSizeSm_quali {
			margin-left: 15px !important;
			top: 10px !important;
		}
		#exampleModal_text {
			margin-left: 15px !important;
			top: 10px !important;
		}
	}
  </style>