/*
Program   : CSS Style
Title     : default
Date      : 2022-02-14
Autor     : Thamir O. Santos
Version   : 1.0
Copy Right: The code, text, and other elements on this program, includes and other objects are Copyright © 2020-2022 The Thamir Oliveira Santos.Use, copying or distribution, in whole or in part without authorization is a crime. All rights reserved.

Changes   :
2022-02-14 - initial
*/
body, html {padding: 0px; margin: 0px; background-color: #dee9eb;}

nav, div, ul, li, span, label, p, h1, h2, h3, h4, ol, a, img {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.mt-100 {
	margin-top: 100px !important;
}

.body-main {
	display: block;
	overflow: hidden;
	margin-top: 52px;
	margin-left: 0px;
	padding-top: 0px;
	width: 100%;
	text-indent: 59px;
}

.body-content {
	display: block;
	overflow: hidden;
	margin-left: 59px;
}

.body-content-no-sidebar {
	margin-left: 0px !important;
}

.nav-login-mobile {
	display: none;
}

.nav-login-desktop {
	display: block;
}

.showmobile {
	display: none;
}

ul, ol {
	list-style: none;
}

footer {
	display: block;
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0px;
	padding-bottom: 8px;
	border-top: 1px solid #404040;
	background-color: #303030;
}

footer ul {
	width: 98%;
	margin: 10px;

}

footer ul li {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

footer ul li:last-child {
	float: right;
}

footer a {
	text-decoration: none;
	font-weight: normal;
	font-family: Open Sans;
	font-size: 14px;
	color: #ffffff;
}

footer a:hover {
	color: #21A366;
}

/* generic */
.hide {
	display: none !important;
}

/* COLORS
GREEN
face	#24cc1d
hover	#15af0f

BLUE
face	#0fa9af
hover	#0f979d
*/
.button-green {
	background-color: #24cc1d;
}
.button-green:hover {
	background-color: #15af0f;
}

.button-blue {
	background-color: #0fa9af;
}
.button-blue:hover {
	background-color: #0f979d;
}

.button-gray {
	background-color: #404040;
}
.button-gray:hover {
	background-color: #000;
}

/* messages */
.message-error {
	background-color: #e8888b;
	border: 1px solid #f1767a !important;
	color: #000;
}

.message-success {
	background-color: #86d67c;
	border: 1px solid #79d26e !important;
	color: #000;
}

.message-warning {
	background-color: #f4f4d8;
	border: 1px solid #f4f4d8 !important;
	color: #000;
}

.message-info {
	background-color: #94d0eb;
	border: 1px solid #78c2e3 !important;
	color: #000;
}

.message-alert {
	display: block !important;
	overflow: hidden !important;
	width: 100% !important;
	margin-top: 15px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border: 1px solid #e9e9b7 !important;
	border-radius: 6px !important;
	text-indent: 0px !important;
	min-height: initial !important;
}

.message-alert h2 {
	display: block !important;
	overflow: hidden !important;
	margin: 10px !important;
	margin-bottom: 7px !important;
	font-weight: 600 !important;
	font-family: Open Sans;
	font-size: 20px !important;
	float: initial !important;
	padding: 0px !important;
}

.message-alert p {
	display: block !important;
	overflow: hidden !important;
	margin: 10px !important;
	margin-top: 0px !important;
	font-weight: normal;
	font-family: Open Sans;
	font-size: 14px;
	float: initial !important;
}

.resume-alert {
	max-width: 95% !important;
	margin-top: 50px !important;
}

@media only print {
  body {
    zoom: 75%;
    margin: 0;
    padding: 0;
  }

	@page{
	  size: landscape;
	  margin: 2mm;
	}
	footer {
		display: none;
	}
	.nav-menu {
		display: none !important;
	}
}


:root {
  --text-4: 4px;
  --text-7: 7px;
  --text-10: 10px;
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-18: 18px;
  --text-20: 20px;
  --text-22: 22px;
  --text-24: 24px;
  --text-25: 25px;
  --text-26: 26px;
  --text-30: 30px;
  --text-40: 40px;
  --text-50: 50px;
  --text-60: 60px;
  --text-80: 80px;
}

:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-border: #DDDDDD;
  --color-dark-1: #051036;
  --color-dark-2: #0D2857;
  --color-dark-3: #13357B;
  --color-dark-4: #163C8C;
  --color-light-1: #697488;
  --color-light-2: #F5F5F5;
  --color-light-3: #FBFCFF;
  --color-blue-1: #3554D1;
  --color-blue-2: #E5F0FD;
  --color-green-1: #EBFCEA;
  --color-green-2: #008009;
  --color-yellow-1: #F8D448;
  --color-yellow-2: #E1C03F;
  --color-yellow-3: #FFC700;
  --color-yellow-4: #FFF8DD;
  --color-brown-1: #923E01;
  --color-purple-1: #7E53F9;
  --color-red-1: #D93025;
  --color-red-2: #F1416C;
  --color-red-3: #FFF5F8;
  --color-info-1: #CDE9F6;
  --color-info-2: #4780AA;
  --color-warning-1: #F7F3D7;
  --color-warning-2: #927238;
  --color-error-1: #ECC8C5;
  --color-error-2: #AB3331;
  --color-success-1: #DEF2D7;
  --color-success-2: #5B7052;
}

.obj-transition {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
  transition-property: opacity, margin-top, transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.anime-hide {
  opacity: 0;
	margin-top: 250px;
}

.anime-show {
	margin-top: 200px;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}