@extends('portal.layout.app')
<link rel="stylesheet" href="{{ URL::asset('assets/css/global.css') }}">
<link rel="stylesheet" href="{{ URL::asset('assets/css/input.css') }}">
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/bootstrap/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('assets/css/react-table-inner.css') }}">
@section('content')
<style type="text/css">
    .MuiSelect-nativeInput {
        border: unset;
        padding-top: 9px;
    }
    .pending_apps {
        width: 460px !important;
    }
    .MuiSelect-nativeInput
    {
        /*background-color: transparent !important;*/
        height: 20px;
        color: transparent !important;
    }
    .MuiOutlinedInput-inputMarginDense
    {
        z-index: 200;
    }
    .pending_apps_tbl table tr {
        width: 596px !important;
    }
    .pending_apps_tbl table tbody {
        width: 460px !important;
    }
    .expense_table{
        margin-top: 12px !important;
    }
    .aw {
       width: 738px !important; 
       margin-left: -139px;
    }
    .MuiPaper-rounded {
    border-radius: 0px !important;
    }
    .loan_balance_footer {
        width: 739px !important;
        margin-left: 14px;
    }
    .MuiMenu-paper {
        max-height: 250px !important;
    }
    .MuiList-padding {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    option {
        margin-left: -8px !important;
        font-size: 11px !important;
        padding-left: 20px!important;
    }
    option:hover {
        background-color: #D8DCDF !important;
    }
    option:nth-child(odd) {   
        background-color: #FAFAFB;
        opacity: 1;
        color: #343434;
        height: 28px;
        padding-top: 10px;
    }
        option:nth-child(even) {
        background-color: #FFFFFF;
        opacity: 1;
        color: #343434;
        height: 28px;
        padding-top: 10px;
    }
    #outlined-select-currency-native{
        margin-left: -3px !important;
    }
    .MuiTextField-root label[data-shrink='true'] {
        top: 6;
        left: -4;
        font-size: 13px !important;
    }
    /*Allign columns and rows of table*/
    .table tr th, .table tr td {
        width: 119px !important;
        padding: 7px 15px;
    }
    .table table tr {
            display: table;
            width: 1190px;
            box-sizing: border-box;
    }
    .table table thead {
        display: table;
        width: 100%;
    }
    .table table tbody {
        display: block;
        max-height: 291px;
        overflow-y: auto;
    }
    /*End allignment*/
    .MuiPickersToolbarText-toolbarTxt {
        color: #343434 !important;
    }
   .notification_custom {
      bottom: 6% !important;
      margin-top: 0px !important;
      margin-right: auto !important;
      margin-left: auto !important;
   }
    ::placeholder {
        color: #3080EA !important;
        opacity: 1 !important;
        font-size: 11px Roboto;
    }
    .MuiOutlinedInput-input:disabled, .MuiOutlinedInput-input[disabled], .MuiOutlinedInput-input[disabled]::placeholder {
        color: #9d9d9dd4 !important;
        opacity: 1 !important;
        font-size: 11px Roboto;
    }
    .MuiSvgIcon-root {
        font-size: 25px !important;
    }
    .MuiPickersDatePickerRoot-toolbar {
        background: #ffffff !important;
        border-bottom: 1px solid #7070704D !important;
    }
    .MuiButton-label {
        color: #343434;
        font: 11px Roboto !important;
    }
    .MuiPickersMonth-monthSelected, .MuiTypography-colorPrimary {
        color: #3080EA;
    }
    .margin_top_eight{
        margin-top: 9px !important;
    }
    .margin_bottom_twenty{
        margin-bottom: 20px !important;
    }
.margin_top_fifteen{
    margin-top: 15px !important;
}
label {
    margin: unset !important;
}
input {
    font-size: 11px !important;
    color: #343434 !important;
    opacity: 1 !important;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #3080EA !important;
    border-width: 1px !important;
}
.MuiSelect-outlined.MuiSelect-outlined {
    background-color: unset !important;
    color: #343434 !important;
    font: 11px Roboto !important;
}
.MuiFormLabel-root.Mui-focused{
    color: #3080EA !important;
    font-size: 15px !important;
    font-family: Roboto !important;
}
.MuiSelect-icon {
    margin-top: -1px !important;
    color: #333333 !important;
}
.submit_btn{
    margin-right:11px !important;
}
.submit {
    margin-top: 7px !important;
    /*margin-right:-17px !important;*/
}
.padding_left_seven {
    padding-left:6px !important;
}
.aw{
    width: 598px;
}
.MuiTextField-root label[data-shrink='true'] {
  top: 6;
  left: -4;
}
.MuiFormLabel-root{
    font-size: 11px Roboto !important;
    margin-top: -5px !important;
    color: #3080EA;
}
.MuiInputBase-root {
    height: 21px !important;
    width: 260px;
    font-size: 11px !important;
    color: #343434 !important;
    opacity: 1 !important;
}
.MuiOutlinedInput-marginDense {
    width: 260px !important;
}

.MuiFormHelperText-filled
{
    display: none;
}
.MuiOutlinedInput-notchedOutline
{
    border-color: #D8DCDF !important;
}
/*.table table{
    height: 345px !important;
}*/
.balance_box_height {
    height: 180px !important;
}
.margin_top {
    margin-top: 271px;
}
.header_left{
    margin-left: -5px;
    margin-top: -2px;
}
.MuiFormLabel-root {
    font-size: 11px !important;
}
.MuiList-root, .MuiMenu-list {
    margin-left: 8px !important;
    text-align: left;
}
.color_blue.font {
    cursor: pointer;
}
</style>
<div class="breadcrum">
    HrServices / Loan & Advances / <span class="text-primary">Update LM</span>
</div>
    <script type="text/javascript">
    window.react_laravel_token= {!! json_encode(Session::get('laravel_token')) !!};
    window.react_base_url= {!! json_encode(config('app.BASE_URL')) !!};
    window.react_login_id= {!! json_encode(getAuthEmp()) !!};
    window.render_class= 'update_lm';
</script>
    <section class="expense mt-0">
        <div id="update_lm" class="update_lm" style="padding-left:1px;"></div>
    </section> 
    @include('notification')
@stop
@section('scripts')
<script src="{{ URL::asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
@endsection