<?php (defined('BASEPATH')) OR exit('No direct script access allowed'); ?>
<link href="<?= $assets ?>plugins/bootstrap-toggle/bootstrap-toggle.min.css" rel="stylesheet">
<script src="<?= $assets ?>plugins/bootstrap-toggle/bootstrap-toggle.min.js"></script>

<style>

     .slow .toggle-group {
        transition: left 0.7s;
        -webkit-transition: left 0.7s;
    }
    #preview img {
        width: 15rem;
        height: 15rem;
    }

    /* ESTILO DEL TAB */
    .nav-tabs{
        background-color:#1b609c;
    }
    .nav-tabs > li > a{
        color:black;
        background-color: white;
    }
    .nav-tabs > li > a:hover{
        border: medium none;
        border-radius: 0;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        background-color: #1b609c !important;
        border: medium none;
        border-radius: 0;
        color:#fff;
    }

</style>

<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="border-top: 2.5px solid #004785">
            <div class="box-body">
                div.
            </div>
        </div>
        </div>
    </div>
</section>