@import url('https://fonts.googleapis.com/css?family=Titillium Web&display=swap');
body {
line-height: 18px;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
font-weight: normal;
color: #616161;
padding: 0px;
margin: 0px;
background-image: url('img/backgroundct.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-size: auto;
background-position: top center;
}
.tabgray { display: inline-block; background-color: #555; width: 36px; height: 38px; font-family: FontAwesome; font-size: 20px; line-height: 38px; text-align: center; color: #F6F6F6; border-top-left-radius: 2px; vertical-align: middle; border-bottom-left-radius: 2px; vertical-align: middle; box-sizing: border-box;}
.taborange { display: inline-block; background-color: #ff8800; width: 36px; height: 38px; font-family: FontAwesome; font-size: 20px; line-height: 38px; text-align: center; color: #F6F6F6; border-top-left-radius: 2px; vertical-align: middle; border-bottom-left-radius: 2px; vertical-align: middle; box-sizing: border-box;}
.tabgreen { display: inline-block; background-color: #5da547; width: 36px; height: 38px; font-family: FontAwesome; font-size: 20px; line-height: 38px; text-align: center; color: #F6F6F6; border-top-left-radius: 2px; vertical-align: middle; border-bottom-left-radius: 2px; vertical-align: middle; box-sizing: border-box;}
.tabblue { display: inline-block; background-color: #447ea7; width: 36px; height: 38px; font-family: FontAwesome; font-size: 20px; line-height: 38px; text-align: center; color: #F6F6F6; border-top-left-radius: 2px; vertical-align: middle; border-bottom-left-radius: 2px; vertical-align: middle; box-sizing: border-box;}
.tabteal { display: inline-block; background-color: #04958e; width: 36px; height: 38px; font-family: FontAwesome; font-size: 20px; line-height: 38px; text-align: center; color: #F6F6F6; border-top-left-radius: 2px; vertical-align: middle; border-bottom-left-radius: 2px; vertical-align: middle; box-sizing: border-box;}
/* Bubble0 Left Green CT #DCF8C6 container ----------------- ----------------- */
.bubble0 { display: inline-block; position: relative; visibility: visible; width: 90%; background-color: #DCF8C6; text-align: left; padding: 10px 6px 6px 10px; border-radius: 7.5px; margin-top: 2px; margin-bottom: 2px; margin-right: 5%; box-shadow: 1px 1px 1px #777888; box-sizing: border-box;}
/* Bubble1 Right White CS #ffffff container ----------------- ----------------- */
.bubble1 { display: inline-block; position: relative; visibility: visible; width: 90%; background-color: #ffffff; text-align: left; padding: 10px 6px 6px 10px; border-radius: 7.5px; margin-top: 2px; margin-bottom: 2px; margin-left: 5%; box-shadow: 1px 1px 1px #777888; box-sizing: border-box;}
/* Bubble2 Creme #FEF4C5 Note container ----------------- ----------------- */
.bubble2 { display: inline-block; position: relative; visibility: visible; width: 96%; max-width: 1024px; background-color: #FEF4C5; text-align: left; padding: 10px 6px 6px 10px; border-radius: 7.5px; margin-top: 2px; margin-bottom: 2px; margin-right: auto; margin-left: auto; box-shadow: 1px 1px 1px #777888; box-sizing: border-box;}
/* Bubble3 Azul Bebé #b7d7e8 History container ----------------- ----------------- */
.bubble3 { display: inline-block; position: relative; visibility: visible; width: 96%; max-width: 1024px; background-color: #b7d7e8; text-align: left; padding: 10px 6px 6px 10px; border-radius: 7.5px; margin-top: 2px; margin-bottom: 2px; margin-right: auto; margin-left: auto; box-shadow: 1px 1px 1px #777888; box-sizing: border-box;}
/* Bubblect Right Green CT #DCF8C6 container ----------------- ----------------- */
.bubblect { display: inline-block; position: relative; visibility: visible; width: 90%; background-color: #dcf8c6; text-align: left; padding: 10px 6px 6px 10px; border-radius: 7.5px; margin-top: 2px; margin-bottom: 2px; margin-left: 5%; box-shadow: 1px 1px 1px #777888; box-sizing: border-box;}
/* Bubblecs Left White CS #ffffff container ----------------- ----------------- */
.bubblecs { display: inline-block; position: relative; visibility: visible; width: 90%; background-color: #ffffff; text-align: left; padding: 10px 6px 6px 10px; border-radius: 7.5px; margin-top: 2px; margin-bottom: 2px; margin-right: 5%; box-shadow: 1px 1px 1px #777888; box-sizing: border-box;}
/* Tool Tip Left Arrow To the left of the bubble */
.bubble0::after { content: " "; position: absolute; top: 28%; right: 100%; margin-top: 2px; border-width: 10px; border-style: solid; border-color: transparent #DCF8C6 transparent transparent;}
/* Tool Tip Right Arrow To the right of the bubble */
.bubble1::after { content: " "; position: absolute; top: 28%; left: 100%; margin-top: 2px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #ffffff;}
/* Tool Tip Left Arrow To the left of the bubble */
.bubblecs::after { content: " "; position: absolute; top: 25px; right: 100%; margin-top: 2px; border-width: 10px; border-style: solid; border-color: transparent #ffffff transparent transparent;}
/* Tool Tip Right Arrow To the right of the bubble */
.bubblect::after { content: " "; position: absolute; top: 25px; left: 100%; margin-top: 2px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #dcf8c6;}
.card {
/* Add shadows to create the "card" effect */
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Add some padding inside the card container */
.cardcontainer {
padding: 2px 13px;
}
/* The Modal (global) */
.modal4-open {
	overflow: hidden;
}
.modal4-open .modal4 {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal4 {
display: none;
position: fixed; /* Stay in place */
	top: 0;
	left: 0;
width: 100%;
height: 100%;
padding-top: 80px;
	overflow: hidden;
background-color: rgb(255,255,255); /* Fallback color */
background-color: rgba(51,51,51,0.75); /* white w/ opacity */
	outline: 0;
	z-index: 1050;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 0.5s;
animation-name: animatebottom;
animation-duration: 0.5s}
.modal4-dialog {
	position:relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}
.modal4.fade .modal4-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
	-webkit-transform: translate(0,-50px);
	transform: translate(0,-50px);
}
@media (prefers-reduced-motion:reduce) {
.modal4.fade
.modal4-dialog {
transition: none;
}
}
.modal4.show .modal4-dialog {
-webkit-transform: none;
transform: none;
}
.modal4-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem);
}
.modal4-dialog-scrollable .modal4-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal4-dialog-scrollable,.modal4-footer0,.modal4-dialog-scrollable,.modal4-header {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal4-dialog-scrollable .modal4-body {
	overflow-y: auto;
}
.modal4-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}
.modal4-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: "";
}
.modal4-dialog-centered.modal4-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}
.modal4-dialog-centered.modal4-dialog-scrollable .modal4-content {
	max-height: none;
}
.modal4-dialog-centered.modal4-dialog-scrollable::before {
	content: none;
}
.modal4-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0
}
.modal4-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}
.modal4-backdrop.fade {
	opacity: 0;
}
.modal4-backdrop.show {
	opacity: .5;
}
.modal4-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}
.modal4-title {
	margin-bottom: 0;
	line-height: 1.5;
}
.modal4-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}
.modal4-footer0 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
}
.modal4-footer0>:not(:first-child) {
	margin-left: .25rem;
}
.modal4-footer0>:not(:last-child) {
	margin-right: .25rem;
}
.modal4-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}
@media (min-width: 576px) {
	.modal4-dialog{
	max-width: 500px;
	margin: 1.75rem auto;
}
.modal4-dialog-scrollable {
	max-height: calc(100% - 3.5rem);
}
.modal4-dialog-scrollable .modal4-content {
	max-height: calc(100vh - 3.5rem);
}
.modal4-dialog-centered {
	min-height: calc(100% - 3.5rem);
}
.modal4-dialog-centered::before {
	height: calc(100vh - 3.5rem);
}
.modal4-sm {
	max-width: 300px;
}
}
@media (min-width: 992px) {
	.modal4-lg,.modal4-xl {
		max-width: 800px;
	}
}
@media (min-width: 1200px) {
	.modal4-xl{
		max-width: 1140px;
	}
}
/* The Modal (background) */
.modal1 {
display: inline;
position: fixed; /* Stay in place */
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top: 0px;
overflow: auto;
background-color: rgb(255,255,255); /* Fallback color */
background-color: rgba(51,51,51,0.90); /* white w/ opacity */
z-index: 5; /* Sit on top */
-webkit-animation-name: animateleft;
-webkit-animation-duration: 0.5s;
animation-name: animateleft;
animation-duration: 0.5s}
.modal2 {
display: inline-block;
bottom: 0;
width: 100%;
height: auto;
padding-top: 0px;
overflow: auto;
background-color: transparent;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 0.5s;
animation-name: animatebottom;
animation-duration: 0.5s}
.modal3 {
display: inline-block;
bottom: 0;
width: 100%;
height: auto;
padding-top: 5px;
overflow: auto;
background-color: transparent;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 0.5s;
animation-name: animatebottom;
animation-duration: 0.5s}
.modal5 {
display: inline;
position: fixed; /* Stay in place */
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top: 0px;
overflow: auto;
background-color: rgb(255,255,255); /* Fallback color */
background-color: rgba(51,51,51,0.90); /* white w/ opacity */
z-index: 5; /* Sit on top */
-webkit-animation-name: animateright;
-webkit-animation-duration: 0.5s;
animation-name: animateright;
animation-duration: 0.5s}
/* Modal Content */
.modal1-content {
position: relative;
background-color: transparent;
color: white;
margin: auto;
padding: 0;
width: 100%;
-webkit-animation-name: animateleft;
-webkit-animation-duration: 0.5s;
animation-name: animateleft;
animation-duration: 0.5s
}
.modal2-content {
position: relative;
background-color: transparent;
color: #333;
margin: 0;
padding: 0;
width: 100%;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 0.5s;
animation-name: animatebottom;
animation-duration: 0.5s
}
.modal3-content {
position: relative;
background-color: transparent;
color: #333;
margin: 0;
padding: 0;
width: 100%;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 0.5s;
animation-name: animatebottom;
animation-duration: 0.5s
}
.modal5-content {
position: relative;
background-color: transparent;
color: white;
margin: auto;
padding: 0;
width: 100%;
-webkit-animation-name: animateright;
-webkit-animation-duration: 0.5s;
animation-name: animateright;
animation-duration: 0.5s
}
/* Add Animation */
@-webkit-keyframes animateleft {
from {left: -300px; opacity:0}
to {left: 0; opacity:1}
}
@keyframes animateleft {
from {left: -300px; opacity:0}
to {left: 0; opacity:1}
}
@-webkit-keyframes animateright {
from {right: -300px; opacity:0}
to {right: 0; opacity:1}
}
@keyframes animateright {
from {right: -300px; opacity:0}
to {right: 0; opacity:1}
}
/* The Close Button */
.close1, .close2, .close3, .close4, .close5 {
/* color: #333; */
/* float: right; */
font-size: 28px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
}
.close1:hover, .close2:hover, .close3:hover, .close4:hover,
.close1:focus, .close2:focus, .close3:focus, .close4:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal1-header, .modal2-header, .modal3-header {
padding: 2px 8px;
color: white;
}
.modal1-body, .modal2-body, .modal3-body {
padding: 2px 10px;
}
.modal1-footer1, .modal2-footer1, .modal3-footer1 {
padding: 2px 8px;
color: white;
}
.modal1-footer2, .modal2-footer2, .modal3-footer2 {
padding: 2px 8px;
color: white;
text-align: left;
}
/* End New Modal */
.chip {
display: inline-block;
background-color: #f1f1f1;
padding: 0 0 0 25px;
width: 100%;
max-width: 650px;
height: 50px;
border-radius: 25px;
vertical-align: middle;
box-sizing: border-box;
}
.chip img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
border-radius: 50%;
}
.chip2 img {
float: right;
margin-right: 0;
height: 50px;
width: 50px;
border-radius: 50%;
}
.chip3 {
display: inline-block;
background-color: rgba(128, 128, 128, 0.5);
padding: 0 0 0 0;
width: 100%;
max-width: 150px;
height: 50px;
border-radius: 25px;
vertical-align: middle;
box-sizing: border-box;
}
.closebtn {
padding: 10px;
color: #777;
font-weight: bold;
float: right;
font-size: 20px;
cursor: pointer;
}
.closebtn:hover {
color: #000;
}
.container {}
.row {width: 98%; margin-left: auto; margin-right: auto;}
.tile-btn {display: block; position: relative; width: 100%; text-align: center; text-decoration: none; color: #000; margin: 0px auto 0px auto;}
.tile-btn .inner {width: 100%; position: relative; z-index: 2; background: transparent; border: 0px solid #000; padding: 0px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.tile-btn .inner img {display: block; width: 100%; margin: 0 auto 0px auto; -moz-backface-visibility: hidden;}
.tile-btn .inner h4 {font-size: 1em; font-weight: bold; text-transform: uppercase;}
.tile-btn .overlay {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background: transparent; padding: 0px; opacity: 0.3; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; transition: opacity .25s ease;}
.tile-btn .overlay p {margin-bottom: 0;}
.tile-btn:hover {color: #000;}
.tile-btn:hover .inner {-webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.tile-btn:hover::after {-webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.tile-btn:hover .overlay { background: #ffffff; opacity: 0.3;}
.reports-td { line-height: 1.8; font-size: small; text-align: left; background-color: transparent; border: 1px solid #C3C3C3; border-collapse: collapse; padding: 2px;}
/*img.background-image { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: -1;}*/
.mpad1 {
background-color: #232324;
position: fixed;
top: 0px;
border: 0px;
width: 100%;
min-width: 290px;
height: 50px;
vertical-align: middle;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
z-index: 900;
}
.mpad {
background-color: #232324;
position: fixed;
top: 0px;
border: 0px;
width: 100%;
min-width: 290px;
height: 50px;
vertical-align: middle;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
z-index: 900;
}
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
.npad {
background-color: #a09a82;
width: 68px;
height: 34px;
text-align: left;
}
b.page_number_sel {
display: inline-block;
background-color: #e24100;
color: #ffffff;
font-weight: bold;
padding: 1px 4px 1px 4px;
margin: 4px 4px;
border: 2px solid #c24100;
}
a.page_number_unsel, a.page_number_unsel:visited, a.page_number_unsel:link {
display: inline-block;
border: 1px solid #777888;
margin: 4px 2px;
padding: 2px 5px ;
background-color: #f0f0f0;
color: #666666;
}
a:link, a:visited {
color: #26649D;
text-decoration: none;
}
a:hover {
color: #c00000;
text-decoration: none;
}
a img {border: none;}
a.article {color: #26649D; text-decoration: none; font-size: 12px;}
a.article:hover {color: #003366; text-decoration: none;}
a.foot {font-size: 10pt; color: #f1f1f1; font-weight: normal; text-decoration: none;}
a.foot:hover {font-size: 10pt; color: #ffffff; font-weight: normal; text-decoration: underline;}
a.lpad {width: 68px; font-size: 10px; font-weight: normal; color: #000000; vertical-align: middle; text-decoration: none;}
a.lpad:hover { width: 68px; font-size: 10px; font-weight: normal; color: #ffffff; vertical-align: middle; text-decoration: none;}
.scrolltop {
background: url(img/setaupg.png) no-repeat;
height: 50px;
margin: 1px;
}
.dashandr {
display: inline-block;
padding: 5px;
border: 0px solid #333;
max-width: 20%;
width: 100%;
height: 120px;
margin: 1px;
text-align: center;
vertical-align: middle;
}
.btnandr {
display: inline-block;
width: 68px;
height: 68px;
font-family: FontAwesome;
font-size: 3.1em;
line-height: 68px;
border-radius: 35%;
text-align: center;
margin-right: 0px;
vertical-align: middle;
box-sizing: border-box;
}
.dashbtn {
display: inline-block;
padding: 15px;
border: 0px;
max-width: 160px;
width: 100%;
height: 50px;
margin: 0 1px 1px 0;
text-align: center;
vertical-align: middle;
/*box-shadow: 1px 2px 5px rgba(51, 51, 51, 0.5);*/
}
.dashinv {
display: inline-block;
padding: 15px;
border: 0px;
max-width: 160px;
width: 100%;
height: 50px;
margin: 0 1px 1px 0;
text-align: center;
vertical-align: middle;
}
.axw { font-size: 1.0em; color: #ffffff;}
.nrw { font-size: 14pt; color: #ffffff; font-weight: bold;}
.txw { font-size: 8pt; color: #ffffff; font-weight: bold;}
.sxw { font-size: 6pt; color: #ffffff; font-style: italic; font-weight: normal;}
.nrg { font-size: 14pt; color: #808080; font-weight: bold;}
.txg { font-size: 8pt; color: #808080; font-weight: bold;}
.sxg { font-size: 6pt; color: #808080; font-style: italic; font-weight: bold;}
.nrr { font-size: 14pt; color: #d0661A; font-weight: bold;}
.txr { font-size: 8pt; color: #d0661A; font-weight: bold;}
.toogle {
position: relative;
display: inline-block;
width: 39px;
height: 22px;
vertical-align: middle;
margin-left: 3px;
margin-right: 3px;
}
.toogle input {display:none;}
/* SLIDER STYLE 1 */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #555;
-webkit-transition: .4s;
transition: .4s;
}
.slider::before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 3px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2983CC;
}
input:focus + .slider {
box-shadow: 0 0 1px #bfff00;
}
input:checked + .slider::before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
border-radius: 22px;
}
.slider.round::before {
border-radius: 50%;
}
/* SLIDER STYLE 2 */
.slider2 {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #555;
-webkit-transition: .4s;
transition: .4s;
}
.slider2::before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 3px;
bottom: 3px;
background-color: #ff8000;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider2 {
background-color: #555;
}
input:focus + .slider2 {
box-shadow: 0 0 1px #bfff00;
}
input:checked + .slider2::before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider2.round {
border-radius: 22px;
}
.slider2.round::before {
border-radius: 50%;
}
/* --------------- */
/* SLIDER STYLE 3 */
.slider3 {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #555;
-webkit-transition: .4s;
transition: .4s;
}
.slider3::before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 3px;
bottom: 3px;
background-color: #ff8000;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider3 {
background-color: #555;
}
input:focus + .slider3 {
box-shadow: 0 0 1px #bfff00;
}
input:checked + .slider3::before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider3.round {
border-radius: 22px;
}
.slider3.round::before {
border-radius: 50%;
}
label {
}
legend {
background-image: linear-gradient(to top, rgb(192, 192, 192), rgb(128, 128, 128));
background-repeat: repeat-x;
width: 270px;
height: 20px;
color: #ffffff;
font-size: 14px;
font-weight: normal;
padding: 3px;
margin-bottom: 0px;
box-shadow: 1px 2px 5px #333333;
}
.bkbr {
padding: 7px;
}
.tshadow {
text-shadow: 2px 2px 0px #666666;
}
.bshadow {
box-shadow: 1px 2px 5px #333333;
}
.bgcd {
}
.bgpad {
background: #EEEEEE;
}
.nav {
color: #ffffff;
font-family: 'Titillium Web', sans-serif;
font-size: 12px;
font-weight: normal;
}
.cinza {
background-color: #EEEDEB;
font-weight: normal;
text-align: left;
}
.camp {
background-color: #F6F6F6;
border: 1px #adbac3;
border-left: 1px #adbac3;
border-right: 1px #adbac3;
border-bottom: 1px #adbac3;
font-family: 'Titillium Web', sans-serif;
font-weight: normal;
}
.via {
white-space: normal;
background-color: #F1F1F1;
border-top: 1px #adbac3;
border-left: 1px #adbac3;
border-right: 1px #adbac3;
border-bottom: 1px #adbac3;
font-family: 'Titillium Web', sans-serif;
font-weight: normal;
}
div.boxwhite {
border: 0px solid #6D88B3;
background: #ffffff;
padding: 3px;
margin-bottom: 0px;
box-shadow: 1px 2px 5px #333333;
}
div.boxdark {
width: 275px;
border: 1px solid #343434;
border-bottom: 1px dotted#808080;
background-color: #343434;
color: #ffffff;
padding: 5px;
margin-bottom: 0px;
}
div.boxround {
background-color: #EEEDEB;
padding: 3px;
margin-bottom: 0px;
}
div.boxsearch {
position: fixed;
top: 0px;
right: 20px;
min-width: 290px;
max-width: 322px;
border: 0px solid #000000;
background-color: #EEEDEB;
padding: 3px;
margin: 0px;
box-shadow: 1px 2px 5px #333333;
}
div.boxblue {
min-width: 290px;
max-width: 322px;
border: 0px solid #000000;
background-color: #EEEDEB;
padding: 3px;
margin: 0px;
box-shadow: 1px 2px 5px #333333;
}
.boxlightblue {
width: 290px;
border: 0px solid #DDEBF9;
background: #DDEBF9;
color: #333333;
padding: 3px;
margin-bottom: 0px;
box-shadow: 1px 2px 5px #333333;
}
div.success {
width: 285px;
color: #00Ff00;
border: 0px solid #A2D246;
border-radius: 2px;
background-color: gray;
padding: 3px;
margin-bottom: 0px;
box-shadow: 1px 1px 3px 0px #333333;
}
div.notice {
width: 285px;
color: #363636;
border: 0px solid #fcefa1;
border-radius: 2px;
background-color: silver;
padding: 3px;
margin-bottom: 0px;
box-shadow: 1px 1px 3px 0px #333333;
}
div.error {
width: 285px;
color: #cd0a0a;
border: 0px solid #ffcccc;
background-color: transparent;
padding: 5px;
margin-bottom: 5px;
box-sizing: border-box;
}
div.ticket {
width: 100%;
border: 0px solid #fcefa1;
background-image: url(img/cva-bg.gif);
background-repeat: repeat;
color: #363636;
padding: 3px;
margin-bottom: 0px;
box-shadow: 1px 2px 5px #333333;
}
h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
}
h2 {
width: 100%;
text-align: left;
font-size: 14px;
padding: 3px;
margin: 1px;
}
h3 {
width: 100%;
text-align: center;
font-size: 14px;
padding: 3px;
margin: 1px;
}
fieldset {
text-align: left;
background-image: url(img/q_admingray.jpg);
background-repeat: repeat;
border: 1px solid #26649D;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
position: relative;
display: block;
padding: 10px 10px 10px 10px;
margin: 30px 0px 0px 0px;
box-shadow: 1px 2px 2px #333333;
}
/* Start Notes */
.notes {
border: 0px solid #E5E5E5;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
background: #DDEBF9;
color: #26649D;
padding: 1px;
margin-top: 1px;
margin-bottom: 3px;
margin-left: 18px;
}
.notescb {
border: 0px solid #E5E5E5;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
background: #DDEBF9;
color: #26649D;
padding: 1px;
margin-top: 1px;
margin-bottom: 0px;
margin-left: 18px;
}
.postit {
background-color: #ffffcc;
border-left: 6px solid #ffeb3b;
padding: 4px 12px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 5px;
}
.danger {
background-color: #ffdddd;
border-left: 6px solid #f44336;
padding: 4px 12px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 5px;}
.success {
background-color: #ddffdd;
border-left: 6px solid #4CAF50;
padding: 4px 12px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 5px;}
.warning {
background-color: #ffffcc;
border-left: 6px solid #ffeb3b;
padding: 4px 12px;
margin-top: 1px;
margin-left: 0px;
margin-bottom: 5px;
}
/* End Notes */
.smaller {
font-size: 0px;
color: #ffffff;
}
.smaller:hover {
font-size: 0px;
color: #ffffff;
}
.x-small {
font-size: 10px;
}
ul {
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #333;
margin-top: -4px;
margin-bottom: 1px;
}
li {
margin-left: -20px;
}
table.design th {
text-align: left;
background-image: url(img/th.gif);
font-weight: bold;
text-transform: uppercase;
border-bottom: solid 2px #e7e7e7;
font-size: 12px;
color: #ffffff;
padding: 4px;
}
table.enclosing {
font-family: 'Titillium Web', sans-serif;
font-size: 12px;
background-color: #ffffff;
width: 100%;
height: 100%;
}
table.enclose_dark {
color: #ffffff;
font-family: 'Titillium Web', sans-serif;
font-size: 12px;
width: 100%;
height: 100%;
}
table.white {
background-color: #DDEBF9;
border: 0px solid #b2babd;
color: #23559C;
font-family: 'Titillium Web', sans-serif;
}
table.white a {
color: #23559C;
font-family: 'Titillium Web', sans-serif;
}
th.white {
background-color: #DDEBF9;
color: #23559C;
font-family: 'Titillium Web', sans-serif;
}
th.white a {
color: #23559C;
font-family: 'Titillium Web', sans-serif;
}
td.admin_white {
background-color: #ffffff;
border: 0px solid #ffffff;
font-family: 'Titillium Web', sans-serif;
padding: 1px;
margin: 0px;
}
td.admin_white a {
}
td.admin_gray {
background-color: #e6e6e6;
border: 0px solid #e6e6e6;
font-family: 'Titillium Web', sans-serif;
padding: 1px;
margin: 0px;
}
td.admin_gray a {
}
th.tDetailsHead {
width: 290px;
background-color: #F7F7F7;
font-family: 'Titillium Web', sans-serif;
font-size: 10px;
font-weight: normal;
text-align: center;
}
td.tDetailsBody {
background-color: #ffffff;
font-family: inherit;
border: 1px solid #F7F7F7;
text-align: center;
}
.integrado {
color: #20b2aa;/* LightSeaGreen  */
font-weight: bold;
}
.critical {
color: #9fff08;/* verde */
font-weight: bold;
}
.important {
color: #f3e500;/* amarelo */
font-weight: bold;
}
.medium {
color: #00ccff;/* azul */
font-weight: bold;
}
.low {
color: #ff0000;/* vermelho */
font-weight: bold;
}
select {
border: 0px solid #B3DC90;
background-color: #ffffff;
width: auto;
height: 20px;
font-family: 'Titillium Web', sans-serif;
font-weight: normal;
color: black;
border: 0;
padding: 0;
text-decoration: none;
}
.loader {
border: 8px solid transparent;
border-top: 8px solid #4782BE;
border-right: 8px solid #4782BE;
border-bottom: 8px solid #4782BE;
-webkit-animation: spin 1.5s linear infinite;
-moz-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: 20px;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@keyframes spin {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
/* ------------ Start Special icons ------------------- */
.dash-symbol {font-size: 3.0em; line-height: 48px; color: #F4F4F4; float:left; margin-left:-10px; margin-top:-15px; vertical-align:top; box-sizing: border-box;}
.custom-chevron-up::before {
display: inline-block;
content: "\f053";
background-color: transparent;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #E2E2E2;
margin-right: 68px;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.custom-chevron-left::before {
display: inline-block;
content: "\f053";
background-color: transparent;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #E2E2E2;
margin-top: 3px;
margin-right: 68px;
box-sizing: border-box;
}
.custom-th-large::before {
display: inline-block;
content: "\f009";
background-color: transparent;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #E2E2E2;
margin-top: 3px;
margin-right: 68px;
box-sizing: border-box;
}
.custom-sign-out::before {
display: inline-block;
content: "\f08b";
background-color: transparent;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #E2E2E2;
margin-top: 3px;
box-sizing: border-box;
}
.custom-globe::before {display: inline-block; content: "\f0ac"; background-color: transparent; width: 46px; height: 48px; font-family: FontAwesome; font-size: 42px; line-height: 48px; text-align: center; color: #E2E2E2; float:left; margin-left:-14px; margin-top:-15px; vertical-align:top; box-sizing: border-box;}
.custom-wrench::before {display: inline-block; content: "\f0ad"; background-color: transparent; width: 46px; height: 48px; font-family: FontAwesome; font-size: 36px; line-height: 48px; text-align: center; color: #E2E2E2; float:left; margin-left:-14px; margin-top:-15px; vertical-align:top; box-sizing: border-box;}
.custom-user-secret::before {display: inline-block; content: "\f21b"; background-color: transparent; width: 46px; height: 48px; font-family: FontAwesome; font-size: 30px; line-height: 48px; text-align: center; color: #E2E2E2; float:left; margin-left:-14px; margin-top:-15px; vertical-align:top; box-sizing: border-box;}
.custom-recycle::before {display: inline-block; content: "\f1b8"; background-color: transparent; width: 46px; height: 48px; font-family: FontAwesome; font-size: 30px; line-height: 48px; text-align: center; color: #F4F4F4; float:left; margin-left:-14px; margin-top:-15px; vertical-align:top; box-sizing: border-box;}
.custom-online0::before {display: inline-block; content: "\f007"; background-color: transparent; width: 14px; height: 14px; font-family: FontAwesome; font-size: 1.2em; line-height: 14px; text-align: center; color: #Dd0000; border-radius: 2px; margin-left:1px; margin-right:1px; margin-top:0px; vertical-align:top; box-sizing: border-box;}
.custom-online1::before {display: inline-block; content: "\f007"; background-color: transparent; width: 14px; height: 14px; font-family: FontAwesome; font-size: 1.2em; line-height: 14px; text-align: center; color: #E6E6E6; border-radius: 2px; margin-left:1px; margin-right:1px; margin-top:0px; vertical-align:top; box-sizing: border-box;}
.custom-online2::before {display: inline-block; content: "\f007"; background-color: transparent; width: 14px; height: 14px; font-family: FontAwesome; font-size: 1.2em; line-height: 14px; text-align: center; color: #bfff00; border-radius: 2px; margin-left:1px; margin-right:1px; margin-top:0px; vertical-align:top; box-sizing: border-box;}
/*
.custom-search-plus::before {display: inline-block; content: "\f00e"; background-color: transparent; width: 12px; height: 12px; font-family: FontAwesome; font-size: 1.0em; line-height: 12px; text-align: center; color: #26649D; margin-left: 0px; box-sizing: border-box;}
.custom-search-plus:hover::before {display: inline-block; content: "\f00e"; background-color: transparent; width: 12px; height: 12px; font-family: FontAwesome; font-size: 1.0em; line-height: 12px; text-align: center; color: #c00000; margin-left: 0px; box-sizing: border-box;}
*/
.custom-ct-usr::before {
display: inline-block;
content: "\f007";
background-color: #777888;
width: 41px;
height: 41px;
font-family: FontAwesome;
font-size: 28px;
line-height: 41px;
text-align: center;
color: #ffffff;
border-radius: 50%;
box-sizing: border-box;
}
/* Task buttons */
.custom-input-arqf::before {
content: "\f187";
background-color: #ffffff;
color: #777888;
}
.custom-input-arq0::before {
content: "\f187";
background-color: #126BAC;
color: #ffffff;
}
.custom-input-arq1::before {
content: "\f1c6";
background-color: #999;
color: #ffffff;
}
.custom-input-int0::before {
content: "\f05b";
background-color: #20B2AA;
color: #ffffff;
}
.custom-input-loc0::before {
content: "\f09c";
background-color: #FFD700;
color: #ffffff;
}
.custom-input-loc1::before {
content: "\f023";
background-color: #777888;
color: #ffffff;
}
.custom-input-rem1::before {
content: "\f2a8";
background-color: #777888;
color: #ffffff;
}
.custom-input-cbo::before {
content: "\f18c";
background-color: #ffffff;
color: #4CAF50;
}
.custom-input-legal::before {
content: "\f0e7";
background-color: #FFD700;
color: #ffffff;
}
.custom-input-question::before {
content: "\f128";
background-color: #FF9800;
color: #ffffff;
}
.custom-input-share::before {
content: "\f064";
background-color: #FFBB33;
color: #ffffff;
}
.custom-input-qcr::before {
content: "\f128";
background-color: #ffffff;
color: #FF9800;
}
.custom-input-info::before {
content: "\f129";
background-color: #2196F3;
color: #ffffff;
}
.custom-input-fb::before {
content: "\f09a";
background-color: #3B5998;
color: #ffffff;
}
.custom-calendar::before {
content: "\f0a3";
background-color: #258198;
color: #EAC449;
}
.custom-devocional::before {
content: "\f02e";
background-color: #D69D4E;
color: #ffffff;
}
.custom-input-prn::before {
content: "\f02f";
background-color: #ffffff;
color: #777;
}
.custom-input-egoi4::before {
content: "\f09e";
background-color: #777888;
color: #00CCFF;
}
.custom-input-egoi4-i::before {
content: "\f09e";
background-color: #ffffff;
color: #00CCFF;
}
.custom-input-egoi4-o::before {
content: "\f274";
background-color: #00CCFF;
color: #ffffff;
}
.custom-input-egoi4-no::before {
content: "\f273";
background-color: #00CCFF;
color: #777888;
}
.custom-input-egoi12::before {
content: "\f09e";
background-color: #777888;
color: #00Ff00;
}
.custom-input-egoi12-i::before {
content: "\f09e";
background-color: #ffffff;
color: #00Ff00;
}
.custom-input-egoi12-o::before {
content: "\f274";
background-color: #99Cc00;
color: #ffffff;
}
.custom-input-egoi12-no::before {
content: "\f273";
background-color: #99Cc00;
color: #777888;
}
.custom-input-dbbr::before {
content: "\f074";
background-color: #87C540;
color: #ffffff;
}
.custom-input-cdbr::before {
content: "\f1d9";
background-color: #87C540;
color: #ffffff;
}
.custom-marker::before {
content: "\f041";
background-color: #f2552c;
color: #ffffff;
}
.custom-marker-gg::before {
content: "\f041";
background-color: #ffffff;
color: #f2552c;
}
.custom-marker-mg::before {
content: "\f041";
background-color: #639AFF;
color: #ffffff;
}
.custom-marker-im::before {
content: "\f041";
background-color: #DDEAE6;
color: #3B5998;
}
.custom-marker-aep::before {
content: "\f05b";
background-color: #ffffff;
color: #BF1E2E;
}
.custom-marker-pcj::before {
content: "\f041";
background-color: #246c9f;
color: #ffffff;
}
.custom-lightbulb::before {
content: "\f0eb";
background-color: #ffffff;
color: #FED333;
}
.custom-code-fork::before {
content: "\f126";
background-color: #777888;
color: #ffffff;
}
.custom-input-edit::before {
content: "\f040";
background-color: #ffffff;
color: #3B5998;
}
.custom-input-arqf::before, .custom-input-arq0::before, .custom-input-arq1::before, .custom-input-int0::before, .custom-input-loc0::before, .custom-input-loc1::before, .custom-input-rem1::before, .custom-input-cbo::before, .custom-input-legal::before, .custom-input-question::before, .custom-input-share::before, .custom-input-info::before, .custom-input-qcr::before, .custom-calendar::before, .custom-devocional::before, .custom-input-fb::before, .custom-input-iml::before, .custom-input-prn::before, .custom-input-egoi4::before, .custom-input-egoi4-i::before, .custom-input-egoi4-o::before, .custom-input-egoi4-no::before, .custom-input-egoi12::before, .custom-input-egoi12-i::before, .custom-input-egoi12-o::before, .custom-input-egoi12-no::before, .custom-input-dbbr::before, .custom-input-cdbr::before, .custom-marker::before, .custom-marker-gg::before, .custom-marker-mg::before, .custom-marker-im::before, .custom-marker-aep::before, .custom-marker-pcj::before, .custom-lightbulb::before, .custom-code-fork::before, .custom-input-edit::before {
display: inline-block;
width: 34px;
height: 34px;
font-family: FontAwesome;
font-size: 30px;
line-height: 34px;
text-align: center;
vertical-align: middle;
margin-right: 3px;
box-sizing: border-box;
}
/* End Task buttons */
div.mail{ /* Mail buttons */
display: inline-block; margin: 0 10px 0 10px; border-radius: 50%;
}
.custom-mail::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
width: 38px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #ffffff;
margin-left: 0px;
border-radius: 50%;
box-sizing: border-box;
}
.custom-notes::before { content: "\f0c7"; background-color: #2983CC; cursor: pointer;}
.custom-inbox::before { content: "\f01c";}
.custom-outbox::before { content: "\f1d8";}
.custom-m_new::before { content: "\f040";}
.custom-m_admin::before { content: "\f06e";}
.custom-send::before { content: "\f1d8"; background-color: #4CAF50;}
.custom-inbox:hover::before, .custom-outbox:hover::before, .custom-m_new:hover::before, .custom-m_admin:hover::before, .custom-send:hover::before { background-color: #FF8F2C; cursor: pointer; border: 0px;}
.custom-input-print-b::before {
content: "\f02f";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 32px;
line-height: 38px;
text-align: center;
color: #808080;
box-sizing: border-box;
}
.custom-input-sign-out::before {
content: "\f08b";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 32px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.custom-edit::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f040";
width: 38px;
height: 38px;
font-family: FontAwesome;
font-size: 26px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #ffffff;
padding: 0 5px 0 5px;
margin-left: 0px;
background-color: #777888;
border-bottom: 1px solid #444;
border-radius: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.custom-undo::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f0e2";
width: 38px;
height: 38px;
font-family: FontAwesome;
font-size: 26px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #ffffff;
padding: 0 5px 0 5px;
margin-left: 0px;
background-color: #777888;
border-bottom: 1px solid #444;
border-radius: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.custom-edit:hover::before,.custom-undo:hover::before {
color: #000;
background-color: #aaa;
}
.custom-save::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f0c7";
width: 38px;
height: 38px;
font-family: FontAwesome;
font-size: 26px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #ffffff;
padding: 0 5px 0 5px;
margin-left: 2px;
background-color: #2983cc;
border-bottom: 1px solid #104528;
border-radius: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.custom-save:hover::before {
background-color: #6eb138;
}
.custom-input-trash::before {
content: "\f014";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 32px;
line-height: 38px;
text-align: center;
color: #ff8000;
vertical-align: middle;
box-sizing: border-box;
}
.custom-input-grp1::before {
content: "\f200";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
box-sizing: border-box;
}
.custom-input-err::before {
content: "\f0f0";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 38px;
line-height: 38px;
text-align: center;
color: #Cd0A4D;
margin-right: 6px;
z-index: 100;
}
.custom-input-asterisk::before {
content: "\f069";
background-color: #FFFf00;
width: 34px;
height: 32px;
font-family: FontAwesome;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #ffffff;
padding-left: 1px;
padding-right: 1px;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-visto::before {
content: "\f00c";
background-color: #5DA547;
width: 34px;
height: 32px;
font-family: FontAwesome;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #ffffff;
padding-left: 1px;
padding-right: 1px;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-warn::before {
content: "\f00d";
background-color: #Ff0000;
width: 34px;
height: 32px;
font-family: FontAwesome;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #ffffff;
padding-left: 3px;
padding-right: 3px;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-flagcb1::before {
display: inline-block;
content: "\f024";
background-color: #d5f4e6;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-flagcb2::before {
display: inline-block;
content: "\f024";
background-color: #ffff99;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-flagcb3::before {
display: inline-block;
content: "\f024";
background-color: #f9d5e5;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-flagcb4::before {
display: inline-block;
content: "\f024";
background-color: #b7d7e8;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-new-o::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f00d";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #ffffff;
border-radius: 2px;
margin: 0px;
background-color: #777888;
vertical-align: middle;
box-sizing: border-box;
}
.custom-input-new-o:hover::before{
background-color: #f3e500;
color: #000000;
}
.custom-input-new::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f00d";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #333333;
border-radius: 2px;
margin: 0px;
vertical-align: middle;
box-sizing: border-box;
}
.custom-input-new:hover::before {
background-color: #ff0000;
color: #ffffff;
}
.custom-input-star-o::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f006";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #ffffff;
margin-left: 1px;
background-color: #777888;
vertical-align: middle;
border-radius: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.custom-input-star-o:hover::before {
background-color: #f3e500;
color: #777888;
}
.custom-input-star::before {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
content: "\f005";
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
cursor: pointer;
text-align: center;
color: #ffff00;
margin-left: 1px;
background-color: #777888;
vertical-align: middle;
border-radius: 2px;
box-sizing: border-box;
}
.custom-input-star:hover::before {
background-color: #f3e500;
color: #777888;
}
/* ------------ End Special icons ------------------- */
/* ------------ Start Normal icons ------------------- */
.custom-input-plus::before {
display: inline-block;
content: "\f067";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-plus:hover::before {
display: inline-block;
content: "\f067";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-check::before {
display: inline-block;
content: "\f00c";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 30px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-university::before {
display: inline-block;
content: "\f19c";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-eye::before {
display: inline-block;
content: "\f06e";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 22px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
margin-left: 0px;
box-sizing: border-box;
}
.custom-input-eye:hover::before {
display: inline-block;
content: "\f06e";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 22px;
line-height: 38px;
text-align: center;
color: #ffffff;
margin-left: 0px;
box-sizing: border-box;
}
.custom-input-del::before {
display: inline-block;
content: "\f00d";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 22px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
margin-left: 0px;
box-sizing: border-box;
}
.custom-input-del:hover::before {
display: inline-block;
content: "\f00d";
background-color: #ff0000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 22px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
margin-left: 0px;
box-sizing: border-box;
}
.custom-input-usr::before {
display: inline-block;
content: "\f007";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-users::before {
display: inline-block;
content: "\f0c0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-user-secret::before {
display: inline-block;
content: "\f21b";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-pwd::before {
display: inline-block;
content: "\f023";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o::before {
display: inline-block;
content: "\f278";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-lock::before {
display: inline-block;
content: "\f023";
background-color: #Ff0000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #ffffff;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-euro::before {
display: inline-block;
content: "\f153";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-check-o::before {
display: inline-block;
content: "\f00c";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-email::before {
display: inline-block;
content: "\f0e0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-phone::before {
display: inline-block;
content: "\f095";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-mobile-phone::before {
display: inline-block;
content: "\f10a";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-home::before {
display: inline-block;
content: "\f015";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-child::before {
display: inline-block;
content: "\f1ae";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-circle-thin::before {
display: inline-block;
content: "\f1db";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-grad::before {
display: inline-block;
content: "\f19d";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-profession::before {
display: inline-block;
content: "\f0f0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-group::before {
display: inline-block;
content: "\f0c0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bullhorn::before {
display: inline-block;
content: "\f0a1";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bolt::before {
display: inline-block;
content: "\f0e7";
background-color: #777888;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-fire::before {
display: inline-block;
content: "\f06d";
background-color: #777888;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-apoio::before {
display: inline-block;
content: "\f087";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-supervision::before {
display: inline-block;
content: "\f1e5";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-clock::before {
display: inline-block;
content: "\f017";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-plus::before {
display: inline-block;
content: "\f234";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-life-ring::before {
display: inline-block;
content: "\f1cd";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-list-alt::before {
display: inline-block;
content: "\f022";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-list1-e::before {
display: inline-block;
content: "\f022";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bullhorn2::before {
display: inline-block;
content: "\f0a1";
background-color: #777888;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-tag::before {
display: inline-block;
content: "\f02b";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-magnet::before {
display: inline-block;
content: "\f076";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
/* ------------ End Normal icons ------------------- */
.custom-input-email::before {
display: inline-block;
content: "\f0e0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-phone::before {
display: inline-block;
content: "\f095";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-mobile-phone::before {
display: inline-block;
content: "\f10a";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-home::before {
display: inline-block;
content: "\f015";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o::before {
display: inline-block;
content: "\f278";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-marker::before {
display: inline-block;
content: "\f041";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-child::before {
display: inline-block;
content: "\f1ae";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-circle-thin::before {
display: inline-block;
content: "\f1db";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-grad::before {
display: inline-block;
content: "\f19d";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-profession::before {
display: inline-block;
content: "\f0f0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-group::before {
display: inline-block;
content: "\f0c0";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bullhorn::before {
display: inline-block;
content: "\f0a1";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bolt::before {
display: inline-block;
content: "\f0e7";
background-color: #777888;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-fire::before {
display: inline-block;
content: "\f06d";
background-color: #777888;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-apoio::before {
display: inline-block;
content: "\f087";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-supervision::before {
display: inline-block;
content: "\f1e5";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-clock::before {
display: inline-block;
content: "\f017";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-plus::before {
display: inline-block;
content: "\f234";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-life-ring::before {
display: inline-block;
content: "\f1cd";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-list1::before {
display: inline-block;
content: "\f022";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-comment::before {
display: inline-block;
content: "\f075";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-comments::before {
display: inline-block;
content: "\f075";
background-color: #777888;
width: 36px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-search-plus::before {
display: inline-block;
content: "\f00e";
background-color: #777888;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.custom-input-search-plus:hover::before {
display: inline-block;
content: "\f00e";
background-color: #2983CC;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.custom-input-comments-double::before {
display: inline-block;
content: "\f0e6";
background-color: #777888;
width: 36px;
/*height: 162px;*/
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-list-alt::before {
display: inline-block;
content: "\f022";
background-color: #777888;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border: 0px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
/* ------------ Start -link icons ------------------- */
.custom-input-university-link::before {
display: inline-block;
content: "\f19c";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-university-link:hover::before {
display: inline-block;
content: "\f19c";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-search-link::before {
display: inline-block;
content: "\f002";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-search-link:hover::before {
display: inline-block;
content: "\f002";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-home-link::before {
display: inline-block;
content: "\f015";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-home-link:hover::before {
display: inline-block;
content: "\f015";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-link::before {
display: inline-block;
content: "\f007";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-link:hover::before {
display: inline-block;
content: "\f007";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-plus-link::before {
display: inline-block;
content: "\f007";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-plus-link:hover::before {
display: inline-block;
content: "\f007";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-users-link::before {
display: inline-block;
content: "\f0c0";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-users-link:hover::before {
display: inline-block;
content: "\f0c0";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o-link::before {
display: inline-block;
content: "\f278";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o-link:hover::before {
display: inline-block;
content: "\f278";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-pastor-email-link::before {
display: inline-block;
content: "\f1d8";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-pastor-email-link:hover::before {
display: inline-block;
content: "\f1d8";
background-color: #4782BE;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-email-link::before {
display: inline-block;
content: "\f0e0";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-email-link:hover::before {
display: inline-block;
content: "\f0e0";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o-link::before {
display: inline-block;
content: "\f278";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o-link:hover::before {
display: inline-block;
content: "\f278";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-marker-link::before {
display: inline-block;
content: "\f0ac";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-marker-link:hover::before {
display: inline-block;
content: "\f0ac";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-child-link::before {
display: inline-block;
content: "\f1ae";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-child-link:hover::before {
display: inline-block;
content: "\f1ae";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-clock-link::before {
display: inline-block;
content: "\f017";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-clock-link:hover::before {
display: inline-block;
content: "\f017";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-tag-link::before {
display: inline-block;
content: "\f02b";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-tag-link:hover::before {
display: inline-block;
content: "\f02b";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
/* --------------------- End -link Icons ------------------ */
/* --- Start -e Icons ---------------------------------------------------------- */
.custom-input-university-e::before {
display: inline-block;
content: "\f19c";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-e::before {
display: inline-block;
content: "\f007";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-users-e::before {
display: inline-block;
content: "\f0c0";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-pwd-e::before {
display: inline-block;
content: "\f023";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-map-o-e::before {
display: inline-block;
content: "\f278";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-user-secret-e::before {
display: inline-block;
content: "\f21b";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-euro-e::before {
display: inline-block;
content: "\f153";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-check-o-e::before {
display: inline-block;
content: "\f00c";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-email-e::before {
display: inline-block;
content: "\f0e0";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-eye2-e::before {
display: inline-block;
content: "\f06e";
background-color: #5DA547;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 22px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-eye2-e:hover::before {
display: inline-block;
content: "\f06e";
background-color: #2983CC;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 22px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-phone-e::before {
display: inline-block;
content: "\f095";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-mobile-phone-e::before {
display: inline-block;
content: "\f10a";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-home-e::before {
display: inline-block;
content: "\f015";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-marker-e::before {
display: inline-block;
content: "\f041";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-child-e::before {
display: inline-block;
content: "\f1ae";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-circle-thin-e::before {
display: inline-block;
content: "\f1db";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-grad-e::before {
display: inline-block;
content: "\f19d";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-profession-e::before {
display: inline-block;
content: "\f0f0";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-group-e::before {
display: inline-block;
content: "\f0c0";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bullhorn-e::before {
display: inline-block;
content: "\f0a1";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bolt-e::before {
display: inline-block;
content: "\f0e7";
background-color: #ff8000;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-fire-e::before {
display: inline-block;
content: "\f06d";
background-color: #ff8000;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-apoio-e::before {
display: inline-block;
content: "\f087";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-supervision-e::before {
display: inline-block;
content: "\f1e5";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-clock-e::before {
display: inline-block;
content: "\f017";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-usr-plus-e::before {
display: inline-block;
content: "\f234";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-life-ring-e::before {
display: inline-block;
content: "\f1cd";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-comment-e::before {
display: inline-block;
content: "\f075";
background-color: #ff8000;
width: 36px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-comments-e::before {
display: inline-block;
content: "\f075";
background-color: #ff8000;
width: 36px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-list-alt-e::before {
display: inline-block;
content: "\f022";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-bullhorn2-e::before {
display: inline-block;
content: "\f0a1";
background-color: #ff8000;
width: 36px;
height: 81px;
font-family: FontAwesome;
font-size: 20px;
line-height: 78px;
vertical-align: top;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-tag-e::before {
display: inline-block;
content: "\f02b";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-egoi-e::before {
display: inline-block;
content: "\f09e";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
.custom-input-magnet-e::before {
display: inline-block;
content: "\f076";
background-color: #ff8000;
width: 36px;
height: 38px;
font-family: FontAwesome;
font-size: 20px;
line-height: 38px;
text-align: center;
color: #F6F6F6;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
}
/* ---------------------- End -e Icons ------------------------------- */
*::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input {
border: 0px solid #B3DC90;
background-color: #ffffff;
width: auto;
font-family: inherit;
font-weight: normal;
color: black;
z-index: 100;
box-sizing: border-box;
}
input[type="checkbox"] {
display: none;
}
/* SQUARED ONE */
.squaredOne {
display: inline-block;
position: relative;
width: 37px;
height: 37px;
background: #ffffff;
border-radius: 2px;
margin-left: 7px;
vertical-align: middle;
box-sizing: border-box;
}
.squaredOne label {
cursor: pointer;
position: absolute;
width: 22px;
height: 22px;
left: 4px;
top: 4px;
}
.squaredOne label::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
content: '';
position: absolute;
width: 22px;
height: 22px;
border-radius: 2px;
background: #00bf00;
top: 4px;
left: 4px;
}
.squaredOne label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
opacity: 0.3;
}
.squaredOne input[type=checkbox]:checked + label::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.placeholder, box::placeholder, input::placeholder, textarea::placeholder { color: #DD4132;}
.placeholder, box::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #DD4132;}
input:focus, select:focus, textarea:focus {
box-shadow: 0px 0px 5px #bfff00;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
z-index: 100;
}
input.button {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
font-family: 'Titillium Web', sans-serif;
color: #000000;
box-shadow: 1px 2px 5px #bfff00;
}
textarea {
font-size: 10pt;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
line-height: 1.2em;
color: #777;
}
/* Start Novos status */
.openn, .repliedn, .resolvedn, .onholdn, .inprogressn {color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold;}
.waitingreplyn, .onholdn {font-family: 'Titillium Web', sans-serif; font-weight: bold;}
.openn {background-color: #Ff0000;}
.waitingreplyn {background-color: #F3E500; color: #d0661A;}
.repliedn {background-color: #99Cc00;}
.resolvedn {background-color: #46bcd2;}
.inprogressn {background-color: #20B2AA;}
.onholdn {background-color: #777888;}
/* End Novos status */
.open0 {background-color: #Ff0000; color: #FFFf00; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
.open {background-color: #Ff0000; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
.waitingreply {background-color: #F3E500; color: #d0661A; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
.replied {background-color: #99Cc00; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
a.replied2:link {color: #ffffff;}
a.replied2:hover {color: #000000;}
.inprogress {background-color: #20B2AA; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
a.inprogress4:link {color: #ffffff;}
a.inprogress4:hover {color: #26649D;}
.onhold {background-color: #777888; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
a.onhold5:link {color: #808080;}
a.onhold5:hover {color: #26649D;}
.resolved {background-color: #46bcd2; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding: 5px; text-align: center; border-radius: 2px;}
a.resolved3:link {color: #ffffff;}
a.resolved3:hover {color: #26649D;}
.allbutresolved {
border-bottom: 1px solid #d1dceb; background-color: #0000FF; color: #F7F7FF; font-weight: bold; padding: 5px; text-decoration: blink;}
.admintp {
border: 1px solid #d1dceb; background-color: #Ff0000; font-family: 'Titillium Web', sans-serif; color: #FFc0c0; font-weight: bold; padding-left: 3px; padding-right: 3px;}
.usertp {
border: 1px solid #d1dceb; background-color: #C6FFC6; font-family: 'Titillium Web', sans-serif; color: #008000; font-weight: bold; padding-left: 3px; padding-right: 3px;}
.success {color: #008000;}
.error {color: #Ff0000;}
.notice {color: #FF9900;}
.normal {background-color: #59D117; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding-left: 1px; padding-right: 2px; text-align: center;}
.atraso {background-color: #FFCc00; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding-left: 1px; padding-right: 2px; text-align: center;}
.parado {background-color: #Ff0000; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding-left: 1px; padding-right: 2px; text-align: center;}
.formar {background-color: #DEEF52; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding-left: 1px; padding-right: 2px; text-align: center;}
.suspenso {background-color: #c0c0c0; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding-left: 1px; padding-right: 2px; text-align: center;}
.ativar {background-color: #33B5E5; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-weight: bold; padding-left: 1px; padding-right: 2px; text-align: center;}
.validar {
background-color: #8C8C8C;
color: #ffffff;
font-family: 'Titillium Web', sans-serif;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
text-align: center;}
.bloqueado {
background-color: #777888;
color: #ffffff;
font-family: 'Titillium Web', sans-serif;
font-weight: bold;
padding-left: 2px;
padding-right: 2px; text-align: center;}
#ok {border: 1px solid #679800;}
.ok_header {
background-color: #669933;
font-weight: bold;
padding: 1px;
color: #ffffff;
background-image: url(img/okbg.jpg);
background-repeat: repeat-x;
font-size: 10px;
height: 25px;
}
.ok_body {
background-color: #ffffff;
font-weight: normal;
padding: 10px;
color: #000000;
}
#error {
border: 0px solid #ba3225;
}
.error_header {
background-color: #FF4500;
font-weight: normal;
padding-left: 3px;
padding-right: 3px;
color: #ffffff;
height: 20px;
font-size: 12px;
}
.error_body {
background-color: #ffffff;
font-weight: normal;
padding: 10px;
color: #000000;
}
.rate {
color: #666666;
text-align: right;
font-style: italic;
}
.article_list {
font-size: 12pt;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
line-height: 1.5;
color: #777;
padding: 6px;
}
.header td {
text-align: center;
vertical-align: middle;
}
.headersm {
border: 0px solid #E5E5E5;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
background: transparent;
height: 22px; padding: 0px;
margin-left: 0px;
margin-right: 0px;
box-shadow: 0px 0px 0px #333333;
}
hr {
border: none;
border-bottom: 1px dotted #adbac3;
width: 100%;
margin-top: 1px;
margin-bottom: 1px;
height: 1px;
}
.hr2 {
border-bottom: 1px solid #adbac3;
width: 100%;
margin-top: 0px;
margin-bottom: 3px;
height: 1px;
vertical-align: top;
}
.aplicar {
background-image: url(img/aplicar.png);
background-repeat: repeat;
border: 0px;
vertical-align: top;
width: 34px;
height: 34px;
text-decoration: none;
}
.grad {
background: linear-gradient(#6893DA, #2D62B9); /* Standard syntax */
background: -webkit-linear-gradient(#6893DA, #2D62B9); /* For Safari */
background: -o-linear-gradient(#6893DA, #2D62B9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#6893DA, #2D62B9); /* For Firefox 3.6 to 15 */
}
.bluebutton {
display: block;
border: 0px;
background-color: #eeedeb;
background-image: url(img/view.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 20px;
cursor: pointer;
text-decoration: none;
}
.kbbutton {
display: inline-block;
border: 1px solid #B3d090;
background-color: #B3d090;
width: 70px;
height: 20px;
font-family: 'Titillium Web', sans-serif;
font-weight: normal;
color: #26649D;
margin-top: -2px;
text-align: center;
text-decoration: none;
}
.kbbutton:hover {
color: #Ff0000;
box-shadow: 0px 0px 5px #0099FF;
}
.buttoncss {
display: block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
font-size: 16px;
line-height: 20px;
color: #ffffff;
width: 100%;
max-width: 290px;
height: 41px;
cursor: pointer;
text-align: center;
vertical-align: middle;
margin: 2px;
background-color: #2983CC;
border-bottom: 3px solid #0e609b;
border-radius: 2px;
-moz-box-sizing: border-box;
}
.buttoncss:hover {
display: block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
font-size: 16px;
line-height: 20px;
color: #ffffff;
width: 100%;
max-width: 290px;
cursor: pointer;
text-align: center;
padding: 10px 20px;
margin: 2px;
background-color: #126BAC;
border-bottom: 3px solid #0E466E;
border-radius: 2px;
-moz-box-sizing: border-box;
}
.buttoncss2 {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
font-size: 16px;
line-height: 20px;
color: #ffffff;
width: 100%;
max-width: 290px;
cursor: pointer;
text-align: center;
padding: 10px 20px;
margin: 2px;
background-color: #FF8F2C;
border-bottom: 3px solid #0e609b;
border-radius: 2px;
-moz-box-sizing: border-box;
}
.buttoncss2:hover {
display: inline-block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
font-size: 16px;
line-height: 20px;
color: #ffffff;
width: 100%;
max-width: 290px;
cursor: pointer;
text-align: center;
padding: 10px 20px;
margin: 2px;
background-color: #FF6c0E;
border-bottom: 3px solid #0E466E;
border-radius: 2px;
-moz-box-sizing: border-box;
}
.buttoncss3 {
display: block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
font-size: 16px;
line-height: 20px;
color: #ffffff;
width: 100%;
max-width: 290px;
cursor: pointer;
text-align: center;
padding: 10px 20px;
margin: 2px;
background-color: #25AE60;
border-bottom: 3px solid #16693a;
border-radius: 2px;
-moz-box-sizing: border-box;
}
.buttoncss3:hover {
display: block;
transition: background-color 0.3s ease-out,border-color 0.3s ease-out,color 0.3s ease-out;
font-size: 16px;
line-height: 20px;
color: #ffffff;
width: 100%;
max-width: 290px;
cursor: pointer;
text-align: center;
padding: 10px 20px;
margin: 2px;
background-color: #1f9352;
border-bottom: 3px solid #16693a;
border-radius: 2px;
-moz-box-sizing: border-box;
}
.buttoncsshalf { max-width: 145px;}
.buttoncsshalf:hover { max-width: 145px;}
.orangebutton {
display: inline-block;
background-color: #777888;
width: auto;
height: 38px;
font-size: 1em;
line-height: 38px;
text-align: center;
color: #ffffff; border-radius: 2px;
padding: 0 8px 0 8px;
text-decoration: none;
box-sizing: border-box;
}
.orangebuttonover {
color: #Ff0000;
box-shadow: 0px 0px 5px #0099FF;
}
.orangebutton:hover {
color: #Ff0000;
box-shadow: 0px 0px 5px #0099FF;
}
.ticketct {
background-color: #CCFFCC;
font-size: 11pt;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
line-height: 1.5;
color: #333;
padding: 6px;
box-shadow: 1px 2px 5px #333333;
}
.ticketrow {
background-color: #FEFEFE;
font-size: 11pt;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
line-height: 1.5;
padding: 6px;
box-shadow: 1px 2px 5px #333333;
}
.ticketalt {
background-color: #EEE;
font-size: 11pt;
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
line-height: 1.5;
color: #777;
padding: 6px;
box-shadow: 1px 2px 5px #333333;
}
.tickettd {
font-family: 'Titillium Web', sans-serif;
font-size: 11pt;
}
.autocomplete {
/*the container must be positioned relative:*/
position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 8px;
display: inline-block;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #ccffcc;
}
.autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: #2983cc !important;
color: #ffffff;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden; /* Hidden by default. Visible on click */
width: 315px; /* Set a default minimum width */
min-height: auto;
background-color: #333; /* Black background color */
color: #ffffff; /* White text color */
padding: 16px; /* Padding */
text-align: left;
position: fixed; /* Sit on top of the screen */
opacity: 0.8;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
right: 0px; /* Position the snackbar */
bottom: 100px; /* 30px from the top */
z-index: 1000; /* Add a z-index if needed */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
-webkit-animation: fadein 0.5s, fadeout 0.5s 5s;
animation: fadein 0.5s, fadeout 0.5s 5s;
}
/* Animations to fade the snackbar in and out */
/*@-webkit-keyframes fadein {
from {right: -300px; opacity: 0;}
to {right: 0px; opacity: 0.8;}
}
@keyframes fadein {
from {right: -300px; opacity: 0;}
to {right: 0px; opacity: 0.8;}
}
@-webkit-keyframes fadeout {
from {right: 0px; opacity: 0.8;}
to {right: -300px; opacity: 0;}
}
@keyframes fadeout {
from {right: 0px; opacity: 0.8;}
to {right: -300px; opacity: 0;}
}*/
/* End snackbar */
.homepageh3, .section {
font-weight: bold;
}
.large {
font-weight: bold;
}
.largebold {
font-weight: bold;
}
.assignedyou {
color: #Ff0000;
font-weight: bold;
}
.assignedother {
color: #00Ff00;
font-weight: bold;
}
.admin_green {
background-color: #e3ffd0;
font-weight: bold;
}
.admin_red {
background-color: #fef1ec;
font-weight: bold;
}
.borderBottom {
border-bottom: silver 1px dashed;
}
.borderTop {
border-top: silver 1px dashed;
}
.alignTop {
vertical-align: top;
}
.alignMiddle {
vertical-align: middle;
}
.alignBottom {
vertical-align: bottom;
}
hr.dashed {
border: none 0;
border-top: 1px dashed silver;
height: 1px;
}
/*td.admin_critical {
background-color: #fff0ff;
color: #000000;
font-family: 'Titillium Web', sans-serif;
border: 0px solid #ff66ff;
border-top: 2px dashed #ff66ff;
padding: 0px;
}*/
.isError {
color: #000000;
background-color: #ffffff;
border: 1px solid red;
}
.optionWhiteON {
padding: 1px;
border: 1px dotted silver;
background-color: #b0e0e6;
}
.optionWhiteOFF {
padding: 1px;
border: 1px dotted silver;
background-color: #ffffff;
}
.optionBlueON {
padding: 1px;
border: 1px dotted gray;
background-color: #b0e0e6;
}
.optionBlueOFF {
padding: 1px;
border: 1px dotted gray;
background-color: #fafaff;
}
.optionWhiteNbON {
border: none;
background-color: #b0e0e6;
vertical-align: text-bottom;
}
.optionWhiteNbOFF {
border: none;
background-color: #ffffff;
vertical-align: text-bottom;
}
.kbCatListON {
background-color: #fcefa1;
}
.kbCatListOFF {
background-color: #ffffff;
}
div.progress-container {
border: 1px solid #ccc;
width: 100%;
margin: 0px;
padding: 0px;
float: left;
background: white;
}
div.progress-container > div {
background-color: #ACE97C;
height: 16px;
}
.black {
color: #232324;
}
div.online {
border: 0px;
background: transparent;
width: 290px;
color: #ffffff;
vertical-align: middle;
white-space: nowrap;
margin-top: 2px;
padding: 3px;
}
.pcdContainer {
text-align: right;
vertical-align: top;
padding: 0px;
margin: 0px;
}
.childContainer {
font-family: 'Titillium Web', sans-serif;
font-size: 12pt;
padding: 0px;
margin: 0px;
}
.mainItem img {
vertical-align: middle;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.pcdItem {
vertical-align: middle;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
}
.singleItem {
font-family: 'Titillium Web', sans-serif;
font-size: 12pt;
vertical-align: middle;
padding: 0px;
margin: 0px;
}
.linkItem {
font-family: 'Titillium Web', sans-serif;
font-size: 12pt;
text-align: right;
vertical-align: middle;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 20px;
}
.inputcd {
vertical-align: middle;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#print {
font-size: 12pt;
}
#print img {
text-decoration: none;
}
.cd-top {
display: inline-block;
height: 34px;
width: 34px;
position: fixed;
bottom: 40px;
right: 10px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-image: url(img/setaupg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-up {
position: fixed;
right: 100px;
color: rgba(102, 102, 102, 0.5);
font-size: 1.8em;
}
.cd-down {
content: "\f05b";
background-color: #20B2AA;
position: fixed;
right: 100px;
color: rgba(102, 102, 102, 0.5);
font-size: 1.8em;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-up.cd-is-visible,
.cd-up.cd-fade-out,
.cd-up:hover {
color: rgb(255, 255, 255);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-down.cd-is-visible,
.cd-down.cd-fade-out,
.cd-down:hover {
color: rgb(255, 255, 255);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1.0;
}
.cd-up.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1.0;
}
.cd-down.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1.0;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: 1.0;
}
.cd-up.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: 1.0;
}
.cd-down.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: 1.0;
}
.cd-top:hover {
border-radius: 7px;
background-color: #6495ed;
opacity: 1.0;
}
.cd-up:hover {
border-radius: 7px;
background-color: #6495ed;
opacity: 1.0;
}
.cd-down:hover {
border-radius: 7px;
background-color: #6495ed;
opacity: 1.0;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
.cd-up {
right: 20px;
bottom: 20px;
}
.cd-down {
right: 20px;
top: 50px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 34px;
width: 34px;
right: 30px;
bottom: 30px;
}
.cd-up {
height: 34px;
width: 34px;
right: 30px;
bottom: 30px;
}
.cd-down {
height: 34px;
width: 34px;
right: 30px;
top: 50px;
}
}
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#ffffff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition: opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#ffffff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#ffffff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#ffffff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container::after,.w3-container::before,.w3-panel::after,.w3-panel::before,.w3-row::after,.w3-row::before,.w3-row-padding::after,.w3-row-padding::before,
.w3-cell-row::before,.w3-cell-row::after,.w3-clear::after,.w3-clear::before,.w3-bar::before,.w3-bar::after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top: 16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family: 'Titillium Web', sans-serif; font-size:16px}
.w3-code{width:auto;background-color:#ffffff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 13px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}