@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">
    input:disabled
    {
        color: #343434 !important;
    }
    .MuiInputLabel-shrink {
        color: #343434 !important;
    }
    .margin_top_three {
        margin-top: 3px !important;
    }
    .sr_number {
        margin-left: 14px;
    }
    .disabled {
        border: 1px solid var(--unnamed-color-ffffff);
        background: transparent linear-gradient(180deg, #EDEDED 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box;
        border-radius: 3px;
        opacity: 1;
    }
    .MuiOutlinedInput-notchedOutline {
        border-color: #D8DCDF !important;
    }
    .MuiOutlinedInput-inputMarginDense {
        padding-left: 12px;
    }
    .input_div {
        margin-bottom: 8px;
    }
    .MuiInputLabel-outlined.MuiInputLabel-shrink {
        font-size: 15px;
        color: #3080EA;
    }
    .MuiInputLabel-root{
        color: #3080EA;
        font-size: 11px;
    }
    .MuiFormLabel-root.Mui-focused, .MuiFormLabel-filled{
        color: #3080EA !important;
        font-size: 15px !important;
        font-family: Roboto !important;
    }
    .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
        border-color: #3080EA !important;
        border-width: 1px !important;
    }
    .MuiOutlinedInput-notchedOutline:hover{
        border-color: #3080EA !important;

    }
    .submit_btn{
        margin-right: 7px !important;
        margin-top: -5px;
    }
    .MuiInputLabel-animated{
        margin-top: -4px !important;
        margin-left: -3px;
    }
    .MuiInputLabel-shrink{
        margin-top: 1px !important;
        margin-left: -3px !important;
    }
    .emp_code_input {
        margin-left: 43px !important;
    }
    .select_currency {
        margin-left: 43px !important;
    }
    .company_code {
        margin-left: 35px !important;
    }
    .MuiInputBase-formControl {
        height: 26px !important;
        width: 260px !important;
    }

    .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;
    }
    .file_upload
    {
        width: 21px; height: 21px; background-position: right center; display: inline-block; margin-bottom: -6px; overflow: hidden; cursor: pointer;
    }
    .file_upload_input
    {
        position: relative; height: 21px; width: 500px !important; display: inline; margin-bottom: -6px; cursor: pointer; opacity: 0; margin-left: -179px;
    }
    .input_width
    {
        width: 500px !important;
        padding: unset !important;
    }
    .zebra
    {
        margin-left: unset !important;
    }
</style>
<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()) !!};
</script>
    <section class="expense mt-0">
        <div id="emp_code_generation" style="padding-left:1px;"></div>
    </section> 
    @include('notification')
@stop
@section('scripts')
<script src="{{ URL::asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
@endsection