<?php ob_start(); ?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>TANIA</title>
		
    	<!-- BOOTSTRAP STYLE IMPORT -->
    	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    	
    	<!-- JQUERY IMPORT-->
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    	
		<!-- BOOTSTRAP JS IMPORT -->
    	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    	
    	<!-- FONTAWESOME IMPORT -->
    	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css">
    	
		<!-- APP ICON IMPORT -->
		<!-- <link rel="icon" type="image/png" href="img/pen_1024x1024.png" sizes="1024x1024"> -->
    	<link rel="icon" type="image/png" href="img/pen_800x800.png" sizes="800x800">
    	
		<!-- FULLCALENDAR IMPORT -->
    	<link rel="stylesheet" href="processes/fullcalendar/packages/core/main.css">
    	<link rel="stylesheet" href="processes/fullcalendar/packages/daygrid/main.css">
    	<link rel="stylesheet" href="processes/fullcalendar/packages/timegrid/main.css">
<!-- <link href="https://unpkg.com/@fullcalendar/core/main.min.css"> -->
<!-- <link href="https://unpkg.com/@fullcalendar/daygrid/main.min.css"> -->

    	<!-- CUSTOM STYLES -->
    	<link rel="stylesheet" href="css/style.css">
    	
    	<style>
    	
textarea {
	resize: vertical;
}

:root {
	--size: 12px;
	/* 15px for btn-xl */
	/* 15px for btn-lg */
	/* 12px for btn-md */
	/* 10px for btn-sm */
	/* 5px for btn-xs */
	--period: 750ms;
	--color: #3498db;
	--bg-color: white;
	--thinness: 5;
	/* 10 is okay */
}

.loader {
	display: inline-block;
	width: 12px;
	height: 12px;
	position: relative;
	margin-right: calc(12px / 2);
}

.loader:before, .loader:after {
	content: "";
	position: absolute;
	left: 0; /* make sure it's inside the box */
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: calc(12px / 5) solid transparent;
	border-top-color: #3498db;
}

.loader:before {
	z-index: 100;
	animation: spin 750ms infinite;
}

.loader:after {
	border: calc(12px / 5) solid white;
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
    	
    	</style>

		<script>
// Enable tooltips
$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});
		</script>
	</head>
<?php

	//if(!empty($_SESSION) && !isset($_SESSION['error'])): //IF USER IS LOGGED IN (WITHOUT ANY ERROR)
	//endif;

	ini_set('display_errors', 1);
	ini_set('display_startup_errors', 1);
	error_reporting(E_ALL);
?>