<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> Dropshipper Panel </title>

    @include('reseller.partials.css')

    <style>

        /* .router-link-exact-active {
           border: 1.4px dashed #259dab !important;
        } */

        .is-invalid {
            border: 1px solid red;
        }

        .invalid-feedback {
            color: red;
        }

        .swal2-popup {
            width: 24em !important;
            font-size: 1.2em !important;
        }

        .swal2-styled.swal2-confirm {

            font-size: 1.0625em;
        }

        .small-image {
            width: 50px;
            border: 1px solid #000;
        }

        .skin-blue .sidebar-menu .treeview-menu>li>router-link {
            color: #000;
        }


        .text-danger {
            color: red !important;
        }

        span.badge-danger {
            background: red;
        }

        span.badge-success {
            background: green;
        }

        span.badge-warning {
            background: #f39c12;
            color: #000 !important;
        }

        span.badge-primary {
            background: #3c8dbc;
        }

        .table td {
            border: 1px solid #ddd;

        }

        .table th {
            background-color: #ddd;

        }

        .login {
            display: none;
             !important;
        }

        .table-image {
            width: 100px;
            height: 95px
        }

        .barcode {
            margin-bottom: 0px;
        }

        .barcode-number {
            margin-left: 40px;
        }

        .two-percent {
            width: 2% !important;
        }

        .three-percent {
            width: 3% !important;
        }

        .action-btn {
            width: 70px !important;
            margin-bottom: 2px !important;
        }

       
        .invoice-header {
            text-align: center;
            display: none;
        }

        .invoice-header .address {
            margin-top: 6px;
        }

        .invoice-header .address p {
            margin: 0 0px;
            font-weight: bolder;

        }

        .invoice-body {
            margin-bottom: 30px;
        }

        .invoice-body p {
            margin: 0 0px;
        }

        .toasted.toasted-primary.success {
            width: 400px;
            height: 55px;
            font-size: 18px;
        }


        .toasted.toasted-primary.error {
            width: 400px;
            height: 55px;
            font-size: 18px;
            font-weight: bolder;
        }

        .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
            height: 200px !important;
        }

        .permisson-denied {
            text-align: center;

        }

        .permisson-denied img {
            border: 5px solid red;
            border-radius: 9px;
        }
        .login-box-body{
            padding: 40px 20px;
            box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
            background: #F7F8FA;
        }


        @media screen and (max-width:768px) {

            div#app {
                background: #fff !important;
            }

            .col-lg-11,
            .col-md-11,
            .col-lg-10,
            .col-md-10,
            .col-lg-6,
            .col-md-8,
            .col-lg-6,
            .col-md-6 {
                overflow-x: auto;
            }


        }

    </style>

</head>

<body  class="hold-transition skin-blue sidebar-mini">
    <div id="app" class="wrapper">

      @if(session()->has('reseller'))
         @include('reseller.partials.navbar')
      @endif
      <!-- Left side column. contains the logo and sidebar -->

      @if(session()->has('reseller'))
         @include('reseller.partials.sidebar')
      @endif

      <!-- Content Wrapper. Contains page content -->
            <router-view>  </router-view>
            <vue-progress-bar> <vue-progress-bar>

    </div>
    @if(session()->has('reseller'))
    @include('reseller.partials.footer')
    @endif
    <!-- ./wrapper -->

     @include('reseller.partials.js')

    <script src="{{ asset('js/admin.js') }}" type="text/javascript"></script>
    </body>
    </html>
