@charset "utf-8";
@import url("../webfonts/RobotCondensed/stylesheet.css");
@import url("../../webfonts/RobotoCondensed_Regular/stylesheet.css");
/* CSS Document */

body{
    color: #000000;
    margin: 0;
    padding: 0;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    
}

.table-shadow {
    box-shadow: 0px 4px 10px rgba(1, 1, 0, 0.5); /* Sombra suave */
}

th{
    color: #000000;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-indent: 0px;
}

tr{
    color: #000000;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-indent: 0px;
}

td{
    color: #000000;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-indent: 0px;
}

form {
    font-family: RobotCondensed;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000;
    text-decoration: none;
    margin: 0px;
    padding: 12px;
    height: auto;
    width: 100%;
    border: thin none #000;
    box-sizing: border-box;
    display: inline-block;
}

label{
	font-family: RobotCondensed;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline-block;
	box-sizing: border-box;
}

input, textarea, select {
    font-family: RobotCondensed;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000;
    text-decoration: none;
    background-color: #FFF;
    padding: 8px;
    height: auto;
    width: 98%;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    border: thin solid #666;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
}

input:focus, textarea:focus, select:focus{
	outline: none;
	border-color: #1D73AB;
	box-shadow: 0 0 10px #1D73AB;
	background-color: #e2f0f7;
	-webkit-transition: all 400ms ease-in 0ms;
	-moz-transition: all 400ms ease-in 0ms;
	-ms-transition: all 400ms ease-in 0ms;
	-o-transition: all 400ms ease-in 0ms;
	transition: all 400ms ease-in 0ms;
	
}

.button1{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10;
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    border: thin solid #28A745;
    border-radius: 0px;
    background-color: #28A745;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.button2{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10;
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    border: thin solid #6C757D;
    border-radius: 0px;
    background-color: #6C757D;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.button3{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10;
    box-sizing: border-box;
    color: #191919;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    border: thin solid #FFC107;
    border-radius: 0px;
    background-color: #FFC107;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

h1{
    color: #000000;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
}

.span1{
    color: #FFFFFF;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

.span2{
    color: #D2D6DE;
    font-family: RobotCondensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

#messageGreen #buttonGreen{
	font-family: RobotCondensed;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background-color: #28A745;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin solid #28A745;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	border-radius: 5px;
}

#messageRed{
	font-family: RobotCondensed;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #900;
	text-decoration: none;
	background-color: #F8D7DA;
	padding: 10px;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin none #F8D7DA;
	box-sizing:border-box;
	border-radius:5px;
}

#messageRed #buttonRed{
	font-family: RobotCondensed;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background-color: #DC3545;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin solid #DC3545;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	border-radius: 5px;
}

#messageYellow{
    font-family: RobotCondensed;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #523E02;
    text-decoration: none;
    background-color: #FFF3CD;
    padding: 10px;
    height: auto;
    width: 100%;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    border: thin none #FFF3CD;
    box-sizing: border-box;
    border-radius: 5px;
}

#messageYellow #buttonYellow{
	font-family: RobotCondensed;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	background-color: #FFC107;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin solid #FFC107;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	border-radius: 5px;
}

a:link {
	font-family: RobotCondensed;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-out 0ms;
	-moz-transition: all 300ms ease-out 0ms;
	-ms-transition: all 300ms ease-out 0ms;
	-o-transition: all 300ms ease-out 0ms;
	transition: all 300ms ease-out 0ms;
}
a:visited {
	font-family: RobotCondensed;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-out 0ms;
	-moz-transition: all 300ms ease-out 0ms;
	-ms-transition: all 300ms ease-out 0ms;
	-o-transition: all 300ms ease-out 0ms;
	transition: all 300ms ease-out 0ms;
}
a:hover {
	font-family: RobotCondensed;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #F7931E;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}
a:active {
	font-family: RobotCondensed;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-out 0ms;
	-moz-transition: all 300ms ease-out 0ms;
	-ms-transition: all 300ms ease-out 0ms;
	-o-transition: all 300ms ease-out 0ms;
	transition: all 300ms ease-out 0ms;
}