@extends('layout.Master')
@section('content')

  <h2 class="sub-heading">Outstanding Premium</h2>
<div class="row">

    
    <div class="card col-md-4 ">
        <div class="card-body">
          
                <div class=" ">
                <div class="">
                <select name="month" class="form-control">
                    <option value="jan">Jan</option>
                    <option value="jan">Feb</option>
                    <option value="jan">Mar</option>
                    <option value="jan">Apr</option>
                    <option value="jan">May</option>
                    <option value="jan">Jun</option>
                    <option value="jan">Jul</option>
                    <option value="jan">Aug</option>
                    <option value="jan">Sep</option>
                    <option value="jan">Oct</option>
                    <option value="jan">Nov</option>
                    <option value="jan">Dec</option>
                </select>
            </div>
                <div class="">
                <select name="month" class="form-control">
                    <option value="1">1</option>
                    <option value="2">2</option>

                </select>
            </div>
                <div class="">
                <select name="month" class="form-control">
                    <option value="2007">2007</option>
                    <option value="2008">2008</option>

                </select>
            </div>
           
           
            </div>
            
        </div>
    </div>

        <div class="card  p-5 col-md-3 border-0 bg-transparent">
           <button class="btn" disabled>
               <h5><i class="fas fa-arrow-right"></i></h5>
           </button>
        </div>

        <div class="card col-md-4">
            <div class="card-body">
                <div class="">
               <div class="">
                <select name="month" class="form-control">
                    <option value="jan">Jan</option>
                    <option value="jan">Feb</option>
                    <option value="jan">Mar</option>
                    <option value="jan">Apr</option>
                    <option value="jan">May</option>
                    <option value="jan">Jun</option>
                    <option value="jan">Jul</option>
                    <option value="jan">Aug</option>
                    <option value="jan">Sep</option>
                    <option value="jan">Oct</option>
                    <option value="jan">Nov</option>
                    <option value="jan">Dec</option>
                </select>
            </div>
               <div class="">
                <select name="month" class="form-control">
                    <option value="1">1</option>
                    <option value="2">2</option>

                </select>
            </div>
                <div class="">
                <select name="month" class="form-control">
                    <option value="2007">2007</option>
                    <option value="2008">2008</option>

                </select>
            </div>
           </div>
            </div>
        </div>
        
        
      
        
        
        


</div>


<style>
  .btn:hover .fas {
        color: white; /* Change color to white on hover */
    }
    tr th {
        font-size: 17px;
        white-space: nowrap;
    }



    ul.list-box-content.list-inline li::before {
        color: #1f95cf;
        content: "\f101";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: calc(var(--icon-space)* -1);
        width: var(--icon-space);
    }

    .box-form-login {
        background-color: #f2f2f2;
        max-width: 796px;
        margin: auto;
        padding: 63px 61px;
        border: 1px solid #f2f2f2;
        border-radius: 8px;
    }

    .btn-status-submit {
        background-color: #004fb6;
        border: none;
        padding: 6px 10px;
        border-radius: 5px;
        color: white;
        width: 100%;
        text-transform: uppercase;
    }

    .btn-status-submit:hover {
        background-color: #1d93cb;
    }

    select {
        word-wrap: normal;
    }

    .box-form-login .form-control {
        padding: 0px 23px;
        height: 37px !important;
    }

    tr {
        border: 1px solid #00000012;
    }

    form {
        width: 100%;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #38aee0;
        border-color: #38aee0;
    }

    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show>.btn-success.dropdown-toggle {
        color: #fff;
        background-color: #38aee0;
        border-color: #38aee0;
    }

    .btn-success {
        color: #fff;
        background-color: #38aee0;
        /* border-color: #28a745; */
    }
</style>

<script>
    $(document).ready(function(){
        $('#datepicker').datepicker({
            dateFormat: 'yy-mm-dd'
        });
    });
</script>


<link rel="stylesheet" type="text/css" href="{{asset('admin/css/my-css.css')}}">



@endsection