@extends('layouts.adminpanel')
@section('title', "IRB Store")

@section('header_space')
    {{--<link rel="stylesheet" href="{{ asset('assets/plugins/datepicker/datepicker3.css') }}">--}}
    <style>
        .ribbon{
            /* IE10 Consumer Preview */
            background-image: -ms-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%);
            /* Mozilla Firefox */
            background-image: -moz-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%);
            /* Opera */
            background-image: -o-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%);
            /* Webkit (Safari/Chrome 10) */
            background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #FF0000), color-stop(1, #990000));
            /* Webkit (Chrome 11+) */
            background-image: -webkit-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%);
            /* W3C Markup, IE10 Release Preview */
            background-image: radial-gradient(circle farthest-side at center top, #FF0000 0%, #990000 100%);
            float: right;
            font-family: "Kite One",sans-serif;
            height: 50px;
            margin: auto;
            margin-right:10px;
            position: relative;
            top: -51px;
            width: 40px;
        }

        .ribbon.green {
            background-color: #6b8d13;
            background-repeat: repeat-x;
            background-image: -khtml-gradient(linear, left top, left bottom, from(#8dba19), to(#6b8d13));
            background-image: -moz-linear-gradient(top, #8dba19, #6b8d13);
            background-image: -ms-linear-gradient(top, #8dba19, #6b8d13);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dba19), color-stop(100%, #6b8d13));
            background-image: -webkit-linear-gradient(top, #8dba19, #6b8d13);
            background-image: -o-linear-gradient(top, #8dba19, #6b8d13);
            background-image: linear-gradient(top, #8dba19, #6b8d13);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dba19', endColorstr='#6b8d13', GradientType=0);
        }
        .ribbon.green:before {
            border-top: 2.5em solid #6b8d13;
        }
        .ribbon.green:after {
            border-top: 2.5em solid #6b8d13;
        }

        .ribbon i{
            width: 90%;
            height: 150%;
            display: block;
            margin: auto;
            z-index: 100;
            position: relative;
            border-right: dashed 0.0625em #333;
            border-left: dashed 0.0625em #333;
            overflow: hidden;
        }
        i span{
            color: #FFF;
            display: block;
            text-align: center;
            top: 70%;
            font-size:12px;
            margin-top: -2em;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            position: relative;
            text-shadow: 0.0625em 0.0625em 0.0625em #333;
            font-style: normal;
            font-weight: bold;
        }
        s{
            width: 0.625em;
            height: 0.625em;
            background: #333;
            top: 50%;
            margin-top: -0.3125em;
            -webkit-transform:rotate(45deg);
            -moz-transform:rotate(45deg);
            display: block;
            position: absolute;
            opacity: .5;
        }

        s:nth-of-type(1){
            margin-left: -1.25em;
            left: 0;
        }
        s:nth-of-type(2){
            right: 0;
            margin-right: -1.25em;
        }
        .ribbon:before{
            content: "";
            position: absolute;
            bottom: -2.4em;
            left: 0;
            width: 0;
            height: 0;
            border-top: 2.5em solid #990000;
            border-right: 2.5em solid transparent;
        }
        .ribbon:after{
            content: "";
            position: absolute;
            bottom: -2.4em;
            right: 0;
            width: 0;
            height: 0;
            border-top: 2.5em solid #990000;
            border-left: 2.5em solid transparent;
        }
        .thumbnail{
            height: auto !important;
        }
        .panel-footer a{
            margin: 0;
        }
    </style>
@endsection