<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="<?php echo $Position; ?>assets/images/favicon.png">
    <title><?php echo $SiteName; ?></title>
    <!-- Bootstrap Core CSS -->
    <link href="<?php echo $Position; ?>assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--nestable CSS -->
    <link href="<?php echo $Position; ?>assets/plugins/nestable/nestable.css" rel="stylesheet" type="text/css" />
    <!-- toast CSS -->
    <link href="<?php echo $Position; ?>assets/plugins/toast-master/css/jquery.toast.css" rel="stylesheet">
    <!-- Color picker plugins css -->
    <link href="<?php echo $Position; ?>assets/plugins/jquery-asColorPicker-master/css/asColorPicker.css" rel="stylesheet">

    <link href="<?php echo $Position; ?>assets/plugins/icheck/skins/all.css" rel="stylesheet">
    <link href="<?php echo $Position; ?>assets/plugins/dropify/dist/css/dropify.min.css" rel="stylesheet">
    <link href="<?php echo $Position; ?>assets/plugins/html5-editor/bootstrap-wysihtml5.css" rel="stylesheet"/>
    <!-- Dropzone css -->
    <link href="<?php echo $Position; ?>assets/plugins/dropzone-master/dist/dropzone.css" rel="stylesheet" type="text/css" />
    <!-- Date picker plugins css -->
    <link href="<?php echo $Position; ?>assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
    <!-- Dropzone css -->
    <link href="<?php echo $Position; ?>assets/plugins/dropzone-master/dist/dropzone.css" rel="stylesheet" type="text/css" /
    <!-- Custom CSS -->
    <link href="<?php echo $Position; ?>css/style.css" rel="stylesheet">
    <!-- You can change the theme colors from here -->
    <link href="<?php echo $Position; ?>css/colors/default-dark.css" id="theme" rel="stylesheet">
    <link href="<?php echo $Position; ?>assets/plugins/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
    <link href="<?php echo $Position; ?>js/chosen/chosen.css" type="text/css" rel="stylesheet" />

    <!-- Calendar CSS -->
    <link href="<?php echo $Position; ?>assets/plugins/calendar/dist/fullcalendar.css" rel="stylesheet" />
    <link href="<?php echo $Position; ?>js/chosen/chosen.css" type="text/css" rel="stylesheet" />
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


    <style>

      <?php
        //Fuentes
        $Query = "
          SELECT
            fu.Id, fu.Import
          FROM Fuentes fu
          WHERE fu.Activo = '1'
        ";
        $Fonts = $mysqli->query($Query);
        mysqli_data_seek($Fonts, 0);
        while($Fo = mysqli_fetch_array($Fonts)) {
          echo $Fo[Import];
        }
      ?>

      .P-t-InnerContet{
        padding-top: 58px;
      }

      .P-t-InnerContetA{
        padding-top: 58px;
      }

      .TitleBox1{
        background-color:#fff;
        padding: 15px 0px 15px 45px;
      }

      .HeaderTitles1{
        font-weight: bolder;
        color:#4b85a5;
      }

      .SubMenuOut{
        width: 240px;
        height: 100%;
        background-color: #474b5e;
        float: left;
      }
      .SubMenuOut ul{
        list-style: none;
        padding: 10px 30px;
        width: 240px;
        height: 100%;
        overflow: auto;
        position: fixed;
        background-image: linear-gradient(-45deg,#121212, #404040) !important;
      }
      .SubMenuOut ul li{
        color: #ffffff;
        padding: 10px 0px;
        border-bottom: 1px solid rgba(255,255,255,.15);
      }
      .SubMenuOut ul li{
        color: #707ca7;
      }
      .SubMenuOut ul .active{
        cursor: pointer;
        color: #fff;
      }
      .SubMenuOut ul .active:hover{
        color: #72d8e9 !important;
      }

      .BoxInterno{
        background:#333;
        height: 100%;
        float: left;
        background: #f3f3f3;
        overflow-y: auto;
      }
      .BoxInternoIn{
        padding: 20px;
      }

      .WizardPasos{
        background-color: #72d8e9;
        color: #fff;
        height: 60px;
        display: flex;
        align-items: center;
        padding: 0px 30px;
      }
      .WizardPasos .WizardInner {
        display: contents;

      }
      .WizardPasos h4{
        color: #fff;
        background-color: #2f3b64;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        margin: 0px;
        margin-right: 10px;
      }
      .WizardPasos span{
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
      }

      .bandera-default{
        background-color: #f0f0f0;
        color: #67757c;
        padding: 4px 15px;
        border-radius: 10px;
        font-size: 11px;
      }
      .bandera-default2{
        background-color: #727b84;
        color: #ffffff;
        padding: 4px 15px;
        border-radius: 10px;
        font-size: 11px;
      }
      .bandera-success{
        background-color: #32ba93;
        color: #fff;
        padding: 4px 15px;
        border-radius: 10px;
        font-size: 11px;
      }

      .DivBtns{
        position: absolute;
        top: -10px;
        right: 10px;
      }

      .navbar-header{
        /* background-color: #3c4b5b; */
      }
      .navbar-collapse{
        background-color: #ffffff;
      }
      .slimScrollDiv{
        /* background-image: linear-gradient(-45deg,#546677, #546677) !important; */
      }
      .SubMenuOut ul{
        background-image: linear-gradient(-45deg,#394857, #546677) !important;
      }
      .text-muted {
        color: #585858 !important;
      }


    </style>

</head>
