<?php $__env->startSection('title','Blog Detail'); ?>

​

<?php $__env->startSection('extra-css'); ?>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">

<?php $__env->stopSection(); ?>

<style>

    #header {

        background: rgba(40, 58, 90, 0.9);

    }

    .blogShort{ border-bottom:1px solid #ddd;}

    .add{background: #333; padding: 10%; height: 300px;}

    .nav-sidebar { 

        width: 100%;

        padding: 8px 0; 

        border-right: 1px solid #ddd;

    }

    .nav-sidebar a {

        color: #333;

        -webkit-transition: all 0.08s linear;

        -moz-transition: all 0.08s linear;

        -o-transition: all 0.08s linear;

        transition: all 0.08s linear;

    }

    .nav-sidebar .active a { 

        cursor: default;

        background-color: #34ca78; 

        color: #fff; 

    }

    .nav-sidebar .active a:hover {

        background-color: #37D980;   

    }

    .nav-sidebar .text-overflow a,

    .nav-sidebar .text-overflow .media-body {

        white-space: nowrap;

        overflow: hidden;

        -o-text-overflow: ellipsis;

        text-overflow: ellipsis; 

    }

    .btn-blog {

        color: #ffffff;

        background-color: #37d980;