<!--BOOTSTRAP-->
<link rel="stylesheet" href="/farmmedi/librerias/css/bootstrap.min.css">
<!--ADMIN LTE 2-->
<link rel="stylesheet" href="/farmmedi/librerias/css/AdminLTE.min.css">
<!--TEMA ESTILO-->
<link rel="stylesheet" href="/farmmedi/librerias/css/skins/_all-skins.min.css">
<!--ZOOM IMAGEN-->
<link rel="stylesheet" href="/farmmedi/librerias/css/zoom.css" type="text/css">
<!--MAPAS-->
<link rel="stylesheet" href="/farmmedi/librerias/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<!--SELECTOR DE BUSQUEDA-->
<link rel="stylesheet" href="/farmmedi/librerias/plugins/select2/select2.min.css">
<!--CHECK-->
<link rel="stylesheet" href="/farmmedi/librerias/plugins/iCheck/square/blue.css">
<!--EXTRAÑO ITEM-->
<link rel="stylesheet" href="/farmmedi/librerias/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!--ICONOS FONTS FONT AWESOME-->
<link rel="stylesheet" href="/farmmedi/librerias/fonts/font-awesome-4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/farmmedi/librerias/bower_components/font-awesome/css/font-awesome.min.css" type="text/css">
<!--ICONO AL COSTADO DE LA BARRA DESPLEGABLE-->
<link rel="stylesheet" href="/farmmedi/librerias/bower_components/Ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="/farmmedi/librerias/plugins/bootstrap-toggle/css/bootstrap-toggle.min.css" type="text/css">
<!-- INICIO DataTables -->
<link rel="stylesheet" href="/farmmedi/librerias/plugins/datatables.net-bs/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="/farmmedi/librerias/plugins/datatables.net-bs/css/responsive.bootstrap.min.css">
<!-- FIN DataTables -->
<!-- Animacion -->
<link href="/farmmedi/librerias/plugins/animate-css/animate.min.css" rel="stylesheet" type="text/css">
<!-- Animacion -->
<!--ICONO AL NAVEGACION Y TITULO-->
<link rel="shortcut icon" href="/farmmedi/favicon.png">
<title>FARMMEDI</title>



<style>
    @media (min-width: 768px){
        .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
            display: block;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 14px;
        }
    }

    .skin-yellow .main-header .logo {
        /*background-color: #FFCF6E;*/
        /*background-color: #7F7BFF;*/
        background-color: #9390FF;
        color: #fff;
        /*color:#425d69;*/
        border-bottom: 0 solid transparent;
    }
    .skin-yellow .main-header .logo:hover {
        /*background-color: #FFBB30;*/
        background-color: #7B76FF;
        color: #fff;
        /*color:#425d69;*/
        border-bottom: 0 solid transparent;
    }
    .skin-yellow .main-header .navbar .sidebar-toggle {
        color:#fff;
        /*color:#425d69;*/

    }

    .skin-yellow .main-header .navbar .sidebar-toggle:hover {
        /*background-color: #e08e0b;*/
        background-color: #7B76FF;
        /*color:#425d69;*/
        color:#fff;

    }
    .skin-yellow .main-header .navbar {
        /*background-color: #f39c12;*/
        /*background-color: #FFCF6E;*/
        background-color: #AEABFF;
    }

    .skin-yellow .main-header .navbar .nav>li>a {
        color: #fff;
        /*color: #425d69;*/
    }
    /*    .skin-yellow .main-header li.user-header {
            background-color: #f39c12;
            background-color: darkgray;
            background: #1e282c;
            
        }*/

    .skin-blue .main-header li.user-header {
        /*background-color: #3c8dbc;*/
        background-color: lightgray;
    }

    .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
        z-index: 5;
        /*color: #fff;*/
        color: #1e282c;
        /*color: rgba(255,255,255,0.8);*/
        font-size: 17px;
        margin-top: 10px;
    }

    .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
        /*background-color: #1e282c;*/
        background-color: darkgray;
        padding: 10px;
    }

    .skin-yellow .sidebar-menu>li:hover>a, .skin-yellow .sidebar-menu>li.active>a {
        color: #fff;
        background: #1e282c;
        border-left-color: #AEABFF;
    }

    .alert-info {
        color: #31708f !important;
        background-color: #d9edf7 !important;
        border-color: #bce8f1 !important;
    }
    .alert-warning {
        color: #8a6d3b !important;
        background-color: #fcf8e3 !important;
        border-color: #faebcc !important;
    }
    .alert-danger {
        color: #a94442 !important;
        background-color: #f2dede !important;
        border-color: #ebccd1 !important;
    }
    .alert-success {
        color: #3c763d !important;
        background-color: #dff0d8 !important;
        border-color: #d6e9c6 !important;
    }
</style>

<style>
    .login-box{
        width: 360px;
        margin: 5% auto;
    }
    .login-page, .register-page {
        background: #d2d6de;
    }
</style>

<style>
    @media only screen and (max-width: 800px) {

        /* Force table to not be like tables anymore */
        #no-more-tables table, 
        #no-more-tables thead, 
        #no-more-tables tbody, 
        #no-more-tables th, 
        #no-more-tables td, 
        #no-more-tables tr { 
            display: block; 
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #no-more-tables tr { border: 1px solid #ccc; }

        #no-more-tables td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50%; 
            white-space: normal;
            text-align:left;
        }

        #no-more-tables td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            text-align:left;
            font-weight: bold;
        }

        /*
        Label the data
        */
        #no-more-tables td:before { content: attr(data-title); }
    }
</style>

<style>
    #IrArriba {
        position: fixed;
        bottom: 30px;
        right: 50%;
        background-color: transparent;
        opacity: 0.7;
    }
    #IrArriba a {
        text-decoration: none;
        color: #fff;
        text-shadow:none !important;
    }
    #IrArriba span {
        width: 66px;
        height: 66px;
        display: block;
        background: url(img/subir.png) no-repeat center center;
        cursor:pointer;
    }
</style>

<style>
    /***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

    /* Tabs panel */
    .tabbable-panel {
        border:1px solid #eee;
        padding: 10px;
    }

    /* Default mode */
    .tabbable-line > .nav-tabs {
        border: none;
        margin: 0px;
    }
    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
    }
    .tabbable-line > .nav-tabs > li > a {
        border: 0;
        margin-right: 0;
        color: #737373;
    }
    .tabbable-line > .nav-tabs > li > a > i {
        color: #a6a6a6;
    }
    .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
        border-bottom: 4px solid #fbcdcf;
    }
    .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
        border: 0;
        background: none !important;
        color: #333333;
    }
    .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
        color: #a6a6a6;
    }
    .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
        margin-top: 0px;
    }
    .tabbable-line > .nav-tabs > li.active {
        border-bottom: 4px solid #f3565d;
        position: relative;
    }
    .tabbable-line > .nav-tabs > li.active > a {
        border: 0;
        color: #333333;
    }
    .tabbable-line > .nav-tabs > li.active > a > i {
        color: #404040;
    }
    .tabbable-line > .tab-content {
        margin-top: -3px;
        background-color: #fff;
        border: 0;
        border-top: 1px solid #eee;
        padding: 15px 0;
    }
    .portlet .tabbable-line > .tab-content {
        padding-bottom: 0;
    }

    /* Below tabs mode */

    .tabbable-line.tabs-below > .nav-tabs > li {
        border-top: 4px solid transparent;
    }
    .tabbable-line.tabs-below > .nav-tabs > li > a {
        margin-top: 0;
    }
    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbcdcf;
    }
    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #f3565d;
    }
    .tabbable-line.tabs-below > .tab-content {
        margin-top: -10px;
        border-top: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
</style>

<style>
    html {
        /*background:#ecf0f1;*/
    }
    canvas {
        display:block;
        margin:auto;
        background:#ecf0f1;
    }
</style>


